@charset "UTF-8";
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * 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.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

@font-face {
  font-family: "rub";
  src: url("/_fonts/rouble-webfont.eot");
  src: url("/_fonts/rouble-webfont.eot#iefix") format("embedded-opentype"), url("/_fonts/rouble-webfont.woff") format("woff"), url("/_fonts/rouble-webfont.ttf") format("truetype"), url("/_fonts/rouble-webfont.svg") format("svg");
}

/* ==========================================================================
   common
  ========================================================================== */
/* owl */
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

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

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

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

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

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

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* scroll */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #fff;
  position: relative;
  width: 4px;
  border: 1px solid #ececec;
  border-radius: 2px;
}

.jspDrag {
  background: #d8d8d8;
  position: relative;
  top: 0;
  left: -2px;
  width: 6px;
  border-radius: 4px;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* ui */
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* layout */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.smooth, a, .btn, .catalog-item-col .catalog-item.sale:after, .catalog-item-col .catalog-item__hover, .cat-brands-toggle:before, #tm-filter .b-filter.filter-toggle .b-filter__title:before, #tm-filter .all-brands-toggle:before, .cart-toggle-link .icon-toggle {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html.popup-open {
  overflow: hidden;
}

body {
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: #154d56;
  background: #fff;
}

.wrap {
  max-width: 1160px;
  padding: 0 10px;
  position: relative;
  margin: 0 auto;
}

.page {
  padding: 0 0 40px 0;
}

.tm-shop {
  padding: 20px 0 30px 0;
}

.tm-shop-content {
  float: right;
  width: 79%;
}

.tm-shop-content.wide {
  width: 100%;
  float: none;
}

.text-page {
  overflow: hidden;
}

.text-page a {
  text-decoration: underline;
}

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

.leftside {
  float: left;
  width: 21%;
  padding-right: 23px;
}

/* typography */
h1 {
  text-transform: uppercase;
  color: #154d56;
  margin: 0 0 20px 0;
  letter-spacing: 0.07em;
}

h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #154d56;
  font-weight: 900;
  margin: 0 0 25px 0;
  letter-spacing: 0.07em;
}

h3 {
  text-transform: uppercase;
  color: #154d56;
  font-weight: 900;
  letter-spacing: 0.07em;
}

p {
  margin: 0 0 15px 0;
  max-height: 99999px;
  position: relative;
}

a {
  text-decoration: none;
  color: #0f8b99;
}

a:active, a:focus, a:visited {
  outline: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

blockquote {
  position: relative;
  padding: 32px 0;
  margin: 20px 0;
}

blockquote:before {
  content: "“";
  position: absolute;
  color: #ff7a00;
  font-size: 67px;
  line-height: 67px;
  top: -10px;
  left: 0;
}

blockquote:after {
  content: "”";
  position: absolute;
  color: #ff7a00;
  font-size: 67px;
  line-height: 67px;
  bottom: -40px;
  right: 0;
}

label span {
  color: #ff7a00;
}

.placeholder {
  color: #666;
}

::-webkit-input-placeholder {
  color: #909090;
}

::-moz-placeholder {
  color: #909090;
}

/* Firefox 19+ */
:-moz-placeholder {
  color: #909090;
}

/* Firefox 18- */
:-ms-input-placeholder {
  color: #909090;
}

:focus::-webkit-input-placeholder {
  color: transparent !important;
}

:focus::-moz-placeholder {
  color: transparent !important;
}

:focus:-moz-placeholder {
  color: transparent !important;
}

:focus:-ms-input-placeholder {
  color: transparent !important;
}

textarea {
  resize: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #cdcdcd;
  color: #154d56;
}

.inputbox {
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #cdcdcd;
  height: 44px;
  line-height: 44px;
  padding: 0 8px;
  color: #154d56;
}

input:focus,
textarea:focus {
  outline: none;
  border: 1px solid #0f8b99;
}

input[type="file"] {
  color: #9b9b9b;
}

.btn {
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  text-align: center;
  border: none;
  background: #ff7a00;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 0.03em;
}

.btn:hover {
  background: #ff9600;
}

.btn:focus {
  outline: none;
}

.btn.btn-orange-tp {
  border: 1px solid #ff7a00;
  background-color: #fff;
  color: #ff7a00;
}

.btn.btn-orange-tp:hover {
  background: #ff7a00;
  color: #fff;
}

.btn.btn-blue {
  background: #0f8b99;
}

.btn.btn-blue:hover {
  background: #ff7a00;
}

.btn.btn-blue-tp {
  background-color: #fff;
  border: 1px solid #0f8b99;
  color: #0f8b99;
}

.btn.btn-blue-tp:hover {
  background: #0f8b99;
  color: #fff;
}

.btn.btn-blue-dark {
  background-color: #0d7d92;
  color: #fff;
}

.tel-link {
  cursor: default;
  text-decoration: none !important;
  white-space: nowrap;
}

.mob-only {
  display: none;
}

.rub {
  font-family: "rub";
  text-transform: none;
  font-weight: 400;
}

.orange {
  color: #ff7a00;
}

/* selectmenu */
.selectmenu {
  width: 100%;
}

.ui-selectmenu-button {
  border: 1px solid #d2d2d2;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  padding: 5px 30px 5px 13px;
}

.ui-selectmenu-button:focus {
  outline: none;
}

.ui-selectmenu-button span.ui-icon {
  width: 12px;
  height: 8px;
  margin-top: -4px;
  background: url(/_images/svg/sprite.svg) -181px -246px no-repeat;
}

.ui-selectmenu-menu .ui-menu {
  margin-top: -1px;
  background: #fff;
  border: 1px solid #d2d2d2;
  border-top: none;
  padding-bottom: 0;
  max-height: 200px;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
  padding: 5px 13px;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-focus {
  background: #0f8b99;
  color: #fff;
}

.ui-menu .ui-state-focus {
  margin: 0;
}

/* slider */
.ui-slider-horizontal {
  background: #d4d4d4;
  height: 9px;
  -webkit-box-shadow: inset #d2d2d2 0px 0px 0px 1px;
          box-shadow: inset #d2d2d2 0px 0px 0px 1px;
}

.ui-slider-horizontal .ui-slider-range {
  background-color: #ff7a00;
  border: 1px solid #df6400;
}

.ui-slider-horizontal .ui-slider-handle {
  background: #fff url(/_images/svg/sprite.svg) -97px -345px no-repeat;
  width: 30px;
  height: 30px;
  border: 2px solid #154d56;
  top: -12px;
  border-radius: 50%;
}

.ui-slider-horizontal .ui-slider-handle:first-of-type {
  background-position: -69px -345px;
}

.ui-slider-horizontal .ui-slider-handle:first-of-type.ui-state-hover {
  background-position: -130px -345px;
}

.ui-slider-horizontal .ui-slider-handle.ui-state-hover {
  background-position: -162px -345px;
}

.ui-slider-horizontal .ui-slider-handle.ui-state-active, .ui-slider-horizontal .ui-slider-handle.ui-state-focus {
  outline: none;
}

/* checkbox style */
input[type="checkbox"],
input[type="radio"] {
  display: none;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding-left: 28px;
  min-height: 21px;
}

input[type="radio"] + label {
  line-height: 27px;
  padding-left: 30px;
}

input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {
  cursor: default;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
  content: "";
  display: block;
  height: 21px;
  width: 21px;
  position: absolute;
  top: 0px;
  left: 0;
  vertical-align: top;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

input[type="radio"] + label::before {
  height: 27px;
  width: 27px;
}

input[type="checkbox"] + label::before {
  background-position: -336px -221px;
}

input[type="radio"] + label::before {
  background-position: -257px -219px;
}

input[type="checkbox"]:checked + label::before {
  background-position: -307px -221px;
}

input[type="radio"]:checked + label::before {
  background-position: -226px -219px;
}

.lt-ie9 input[type="checkbox"],
.lt-ie9 input[type="radio"] {
  display: inline-block;
  margin-right: 7px;
  padding-left: 0;
}

/* icons */
.icon-cart {
  display: inline-block;
  width: 29px;
  height: 24px;
  vertical-align: middle;
  margin: 0 3px;
  background: url(/_images/svg/sprite.svg) -72px -11px no-repeat;
}

.icon-parametr {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin: 0 7px;
  background: url(/_images/svg/sprite.svg) -144px -224px no-repeat;
}

.icon-pdf {
  display: inline-block;
  width: 50px;
  height: 58px;
  vertical-align: middle;
  margin: 0 10px;
  background: url(/_images/svg/sprite.svg) -287px -154px no-repeat;
}

.icon-visa {
  display: inline-block;
  width: 48px;
  height: 18px;
  vertical-align: middle;
  background: url(/_images/svg/sprite.svg) -342px -259px no-repeat;
}

.icon-mcard {
  display: inline-block;
  width: 40px;
  height: 24px;
  vertical-align: middle;
  background: url(/_images/svg/sprite.svg) -402px -256px no-repeat;
}

.icon-robokassa {
  display: inline-block;
  width: 89px;
  height: 12px;
  vertical-align: middle;
  background: url(/_images/svg/sprite.svg) -348px -298px no-repeat;
}

.icon-vcredit {
  display: inline-block;
  width: 105px;
  height: 20px;
  vertical-align: middle;
  background: url(/_images/svg/sprite.svg) -345px -323px no-repeat;
}

.icon-check {
  display: inline-block;
  width: 20px;
  height: 15px;
  vertical-align: middle;
  margin-right: 8px;
  background: url(/_images/svg/sprite.svg) -375px -225px no-repeat;
}

.decorate-list {
  margin: 15px 0;
}

.decorate-list li {
  padding: 5px 0 5px 30px;
  position: relative;
}

.decorate-list li:before {
  width: 17px;
  height: 18px;
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  background: url(/_images/svg/sprite.svg) -204px -131px no-repeat;
}

.icon-list {
  margin: 10px 0;
}

.icon-list li {
  position: relative;
  padding: 12px 0 12px 73px;
  min-height: 67px;
}

.icon-list li:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -32px;
  left: 0;
  display: block;
  width: 57px;
  height: 64px;
  background: url(/_images/svg/delivery-sprite.svg) no-repeat;
}

.icon-list li.truck:before {
  background-position: -509px -1px;
}

.icon-list li.magnifier:before {
  background-position: -509px -81px;
}

.icon-list li.garranty:before {
  background-position: -509px -162px;
}

.icon-list li.days:before {
  background-position: -509px -245px;
}

.icon-list li.time:before {
  background-position: -509px -325px;
}

.icon-list li.rbk-money:before {
  background-position: -358px -313px;
}

.icon-list li.web-money:before {
  background-position: -358px -411px;
}

.icon-list li.yandex-money:before {
  background-position: -358px -504px;
}

.icon-list li.qiwi:before {
  background-position: -358px -595px;
}

.icon-list li.instal:before {
  background-position: -509px -411px;
}

.num-list {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  margin: 15px 0;
}

.num-list li {
  position: relative;
  display: block;
  min-height: 33px;
  padding: 10px 0 10px 45px;
  margin: 5px 0;
}

.num-list li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 33px;
  color: #ff7a00;
  width: 30px;
  height: 33px;
  text-align: center;
  background: url(/_images/svg/sprite.svg) -621px -296px no-repeat;
}

.red {
  color: #ff7a00;
}

/* ==========================================================================
   pages
  ========================================================================== */
/* header */
header {
  height: 140px;
}

.b-logo {
  float: left;
  width: 26%;
  margin-top: 40px;
}

.b-logo img {
  max-width: 300px;
}

.b-contact-header {
  float: left;
  width: 25%;
  text-align: right;
  margin-top: 35px;
  padding-right: 25px;
}

.contact-header-tel {
  position: relative;
  float: right;
  padding-left: 30px;
}

.contact-header-tel:before {
  content: "";
  display: block;
  width: 23px;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/_images/svg/sprite.svg) -6px -5px no-repeat;
}

.contact-header-tel__num {
  margin: 0;
  line-height: 23px;
  font-size: 19px;
  letter-spacing: 0.08em;
}

.contact-header-tel__num a {
  color: #154d56;
}

.contact-header-ps {
  color: #979797;
  margin-bottom: 6px;
  clear: both;
}

.callback-link {
  color: #0f8b99;
  border-bottom: 1px dashed #0f8b99;
  letter-spacing: 0.1em;
}

.callback-link:hover {
  border-bottom: 1px solid #0f8b99;
}

.b-header-adresses {
  float: left;
  width: 30%;
}

.b-header-map {
  padding-left: 105px;
  position: relative;
}

.b-header-map.msk {
  background: url(/_images/map-msk.png) 0 0 no-repeat;
  height: 117px;
}

.b-header-map.spb {
  background: url(/_images/map-spb.png) 0 0 no-repeat;
  height: 117px;
}

.b-header-map.rus {
  background: url(/_images/map-rus.png) 0 15px no-repeat;
  height: 100px;
}

.b-header-map.rus .header-map__links {
  padding: 40px 0 0 50px;
}

.b-header-map .header-map__marker {
  width: 12px;
  height: 18px;
  display: block;
  position: absolute;
  background: url("/_images/markers.png") no-repeat;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.b-header-map .header-map__marker#msk-1 {
  top: 51px;
  left: 28px;
}

.b-header-map .header-map__marker#msk-2 {
  top: 9px;
  left: 40px;
}

.b-header-map .header-map__marker#msk-3 {
  top: 58px;
  left: 58px;
}

.b-header-map .header-map__marker#msk-4 {
  top: 45px;
  left: 40px;
}

.b-header-map .header-map__marker#msk-5 {
  top: 35px;
  left: 33px;
}

.b-header-map .header-map__marker#spb-1 {
  top: 34px;
  left: 62px;
}

.b-header-map .header-map__marker#spb-2 {
  top: 40px;
  left: 76px;
}

.b-header-map .header-map__marker.hover, .b-header-map .header-map__marker:hover {
  background-position: 0 -21px;
}

.header-map__links {
  margin-top: 12px;
}

.header-map__cityname {
  margin-bottom: 3px;
  padding-left: 28px;
  height: 26px;
  line-height: 26px;
  position: relative;
}

.header-map__cityname:before {
  content: "";
  display: block;
  width: 22px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/_images/svg/sprite.svg) -35px -5px no-repeat;
}

.header-map__cityname a {
  color: #0f8b99;
  border-bottom: 1px dashed #0f8b99;
  letter-spacing: 0.01em;
}

.header-map__cityname a:hover {
  border-bottom: 1px solid #0f8b99;
}

.header-map__link a {
  color: #154d56;
  font-size: 12px;
  text-decoration: underline;
}

.header-map__link a:hover {
  text-decoration: none;
  color: #0f8b99;
}

.header-map__all-link {
  display: none;
  color: #154d56;
  font-size: 12px;
  text-decoration: underline;
}

.header-map__all-link:hover {
  text-decoration: none;
  color: #0f8b99;
}

.b-search {
  float: right;
  width: 19%;
  font-size: 12px;
  margin-top: 48px;
  position: relative;
}

.b-search .search-example {
  margin-top: 6px;
}

.b-search .search-example a {
  color: #0f8b99;
  border-bottom: 1px dashed #0f8b99;
  letter-spacing: 0.1em;
}

.b-search .search-example a:hover {
  border-bottom: 1px solid #0f8b99;
}

.b-search .inputbox {
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 10px 55px 10px 13px;
  letter-spacing: 0.1em;
}

.b-search .inputbox:focus + button {
  border-left: 1px solid #0f8b99;
}

.b-search .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 35px;
  text-align: center;
  background-color: transparent;
  border: none;
  border-left: 1px solid #cdcdcd;
}

.b-search .btn-search:focus {
  outline: none;
}

.b-search .btn-search .search-icon {
  vertical-align: middle;
}

/* mainmenu */
.b-mainmenu {
  background-color: #169eab;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #169eab), color-stop(100%, #128ea3));
  background-image: -webkit-linear-gradient(#169eab, #128ea3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#169eab), to(#128ea3));
  background-image: linear-gradient(#169eab, #128ea3);
  border-top: 1px solid #169eab;
  border-bottom: 1px solid #128ea3;
}

.mob-menu-toggle {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  background-color: #0e8697;
  height: 62px;
  cursor: pointer;
}

.mob-menu-toggle:before, .mob-menu-toggle:after {
  position: absolute;
  display: block;
  top: 15px;
  left: 27px;
  height: 7px;
  width: 34px;
  content: '';
  background: #ffffff;
}

.mob-menu-toggle:after {
  top: 27px;
  background: #0e8697;
  border-top: 7px solid #fff;
  border-bottom: 7px solid #fff;
  height: 19px;
}

.mob-menu-toggle.open-m-m:before {
  width: 40px;
  top: 27px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mob-menu-toggle.open-m-m:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: none;
  width: 40px;
  height: 7px;
  background: #ffffff;
  top: 27px;
}

.mainmenu {
  float: left;
  height: 62px;
}

.mainmenu > li {
  float: left;
  margin-left: -1px;
  position: relative;
}

.mainmenu > li > a {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  display: block;
  height: 62px;
  padding-top: 12px;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.mainmenu > li > a span {
  display: inline-block;
  padding: 12px 14px;
  border-left: 1px solid #5bc4ce;
  border-right: 1px solid #5bc4ce;
}

.mainmenu > li > a:hover {
  background-color: #1eb2c0;
  padding-top: 0;
}

.mainmenu > li > a:hover span {
  height: 62px;
  line-height: 61px;
  padding: 0 14px;
}

.mainmenu > li.mark a {
  color: #ffa752;
  font-weight: 700;
}

.mainmenu > li:first-child a span {
  border-left: 1px solid transparent;
}

.mainmenu > li:first-child a:hover span {
  border-left: 1px solid #5bc4ce;
}

.mainmenu > li:hover > a {
  background-color: #1eb2c0;
  padding-top: 0;
}

.mainmenu > li:hover > a span {
  height: 62px;
  line-height: 61px;
  padding: 0 14px;
}

/* mainmenu drop */
.b-drop-wrap {
  display: none;
  position: absolute;
  top: 61px;
  left: -10px;
  width: 320px;
  padding: 2px 10px 0;
  z-index: 10;
}

.b-drop {
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 12px 0px;
          box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 12px 0px;
}

.vyp-menu, .vyp-menu li, .vyp-menu ul, .vyp-menu a, .vyp-menu:after {
  margin: 0; 
  padding: 0;
  z-index: 200;
  display: block;
}

.vyp-menu:after { /* убираем после меню действие float */ 
  clear: both;
  content: "";}

.vyp-menu li {
  white-space: nowrap; /* содержимое на одной строке */ 
  position: relative;
}

.vyp-menu > li, .vyp-menu > li > ul > li, .vyp-menu > li > ul > li > ul > li { overflow: hidden; } /* всё, что за пределами элемента, скрыто */
.vyp-menu > li:hover, .vyp-menu > li > ul > li:hover, .vyp-menu > li > ul > li > ul > li:hover {overflow: visible;}

.vyp-menu li ul li, .vyp-menu li ul li a { width: 100%; }  /* фон подпунктов равной ширины */

.vyp-menu ul { position: absolute; }

.vyp-menu ul ul { left: 100%; top: 0; } /* третий и четвёртый список позиционируется не вниз, а вправо. Можно часть списков повернуть и влево, но тогда width должен быть задан в px */

.b-drop .childmenu .childmenu-link {
  display: block;
  border: 1px solid #cdcdcd;
  margin-top: -1px;
  color: #154d56;
  padding: 12px 17px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.09em;
  position: relative;
  z-index: 5;
}

.b-drop .childmenu .childmenu-link:hover {
  border: 1px solid #0f8b99;
  color: #0f8b99;
  font-weight: 700;
  z-index: 6;
}

.b-drop .childmenu2 .childmenu-link {
  display: block;
  border: 1px solid #cdcdcd;
  margin-top: -1px;
  color: #154d56;
  padding: 12px 17px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.09em;
  position: relative;
  z-index: 5;

}

.b-drop .childmenu2 .childmenu-link:hover {
  border: 1px solid #0f8b99;
  color: #0f8b99;
  font-weight: 700;
  z-index: 6;
}

.b-drop .childmenu2{
	left:300px;
	background-color: #fff;
	top:0px;
}

.drop-box {
  padding: 10px 22px 15px 22px;
  font-size: 12px;
}

.drop-box .drop-box__title {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 14px;
  margin-bottom: 18px;
  letter-spacing: 0.1em;
}

.drop-box .drop-box__inside {
  border-bottom: 1px solid #cacaca;
}

.drop-box .drop-box__row {
  overflow: hidden;
  margin: 0 -22px;
}

.drop-box .drop-box__col {
  float: left;
  width: 20%;
  padding: 0 22px;
}

.drop-box .drop-box__col.drop-box__col--3 {
  width: 60%;
}

.drop-box .drop-box__childmenu-title {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 35px 0 15px 0;
}

.drop-box .drop-box__childmenu-title:first-child {
  margin-top: 0;
}

.drop-box .drop-box__childmenu-title a {
  color: #154d56;
}

.drop-box .drop-box__childmenu-title a:hover {
  text-decoration: underline;
}

.drop-box .drop-box__childmenu li {
  margin-bottom: 6px;
}

.drop-box .drop-box__childmenu .drop-box__childmenu-link {
  color: #154d56;
}

.drop-box .drop-box__childmenu .drop-box__childmenu-link:hover {
  text-decoration: underline;
}

.drop-box .drop-box__childmenu .column {
  float: left;
  width: 33.333%;
}

.drop-box:last-child .drop-box__inside {
  border-bottom: none;
}

.drop-box .all-prod-childmenu-link {
  display: none;
}

/* header cart */
.b-header-cart {
  float: right;
  background-color: #0e8697;
  height: 62px;
  padding: 0 15px;
  color: #fff;
  font-size: 12px;
  line-height: 62px;
  text-transform: uppercase;
}

.b-header-cart:hover {
  background-color: #ff7a00;
}

/* mob search */
.b-mob-search {
  float: right;
  display: none;
}

.btn-search-mob {
  width: 64px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  display: block;
  border-left: 1px solid #5bc4ce;
  cursor: pointer;
}

.btn-search-mob .search-icon {
  vertical-align: middle;
}

.mob-search-form {
  display: none;
  position: absolute;
  left: 0;
  top: 63px;
  width: 100%;
  z-index: 5;
}

.mob-search-form .inputbox {
  width: 100%;
  padding: 15px 12px;
}

/* footer */
footer {
  background-color: #0f8b99;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f8b99), color-stop(100%, #0c7890));
  background-image: -webkit-linear-gradient(#0f8b99, #0c7890);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0f8b99), to(#0c7890));
  background-image: linear-gradient(#0f8b99, #0c7890);
}

footer a {
  color: #fff;
}

.footer-bigcol-wrap {
  padding: 22px 20px 0;
}

.footer-row {
  color: #fff;
}

.footer-row .footer-col.contact {
  width: 30.5%;
  float: right;
}

.footer-row .footer-col.subscribe {
  width: 25.5%;
  position: relative;
  float: right;
}

.footer-row .footer-col.menu {
  float: left;
  width: 22%;
}

.footer-menu {
  padding-top: 15px;
}

.footer-menu__title {
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.footer-menu__list li {
  margin-bottom: 3px;
}

.footer-menu__list li a {
  color: #fff;
  text-decoration: underline;
}

.footer-menu__list li a:hover {
  text-decoration: none;
  font-weight: 700;
}

.b-footer-subscribe .footer-subscribe__title {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 7px 0 3px 37px;
  position: relative;
}

.b-footer-subscribe .footer-subscribe__title:before {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 0;
  background: url(/_images/svg/sprite.svg) -351px -404px no-repeat;
}

.b-footer-subscribe .inputbox {
  width: 100%;
  padding: 14px 12px;
  margin-bottom: 10px;
  background-color: #20909f;
  color: #fff;
  /* Firefox 19+ */
  /* Firefox 18- */
}

.b-footer-subscribe .inputbox::-webkit-input-placeholder {
  color: #fff;
}

.b-footer-subscribe .inputbox::-moz-placeholder {
  color: #fff;
}

.b-footer-subscribe .inputbox:-moz-placeholder {
  color: #fff;
}

.b-footer-subscribe .inputbox:-ms-input-placeholder {
  color: #fff;
}

.b-footer-subscribe .inputbox:focus {
  border: 1px solid #cdcdcd;
}

.b-footer-subscribe .btn-subscribe {
  margin-bottom: 10px;
  width: 100%;
}

.b-footer-subscribe .subscribe-info-link {
  text-decoration: underline;
}

.b-footer-subscribe .subscribe-info-link:hover {
  text-decoration: none;
}

.b-footer-logolinks a {
  position: absolute;
}

.b-footer-logolinks a.np {
  bottom: -135px;
  left: -5px;
  width: 97px;
  height: 97px;
}

.b-footer-logolinks a.visa {
  bottom: -108px;
  right: 60px;
  width: 55px;
}

.b-footer-logolinks a.mc {
  bottom: -115px;
  right: 0;
  width: 50px;
}

.b-footer-logolinks a img {
  max-width: 100%;
  display: block;
}

.b-contact-footer {
  padding: 52px 13% 0 30px;
}

.b-contact-footer .contact-footer-box {
  margin-bottom: 15px;
}

.b-contact-footer .contact-footer-box .tel-link {
  display: block;
  font-size: 17px;
  letter-spacing: 0.09em;
}

.b-contact-footer .error-link {
  border-bottom: 1px dashed #fff;
}

.b-contact-footer .error-link:hover {
  border-bottom: 1px solid #fff;
}

.mob-footer-email {
  color: #fff;
  margin: 15px 0;
  display: none;
}

.mob-error-link {
  display: none;
  border-bottom: 1px dashed #fff;
}

.mob-error-link:hover {
  border-bottom: 1px solid #fff;
}

.footer-social {
  padding: 50px 0 15px 20px;
}

.footer-social .social-list li {
  display: inline-block;
}

.footer-social .social-list li a {
  display: block;
  width: 41px;
  height: 42px;
  text-indent: -99999px;
  margin-right: 2px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.footer-social .social-list li.vk a {
  background-position: 0 -397px;
}

.footer-social .social-list li.facebook a {
  background-position: -49px -397px;
}

.footer-social .social-list li.twitter a {
  background-position: -98px -397px;
}

.footer-social .social-list li.classmates a {
  background-position: -195px -397px;
}

.footer-social .social-list li.youtube a {
  background-position: -244px -397px;
}

.footer-social .social-list li.google-plus a {
  background-position: -147px -397px;
}

.footer-social .social-list li.instagram a {
  background-position: -293px -397px;
}

.b-copyright {
  border-top: 1px solid #fff;
  padding: 13px 0 35px 0;
  color: #fff;
  font-size: 12px;
}

.b-copyright .wrap {
  padding: 0 30px;
}

/* ==========================================================================
   mainpage
  ========================================================================== */
/* slider */
.mainpage-slider-wrap {
  overflow: hidden;
}

.mainpage-slider__slide {
  width: 100%;
  height: 450px;
  background: center top no-repeat;
  background-size: cover;
}

.mainpage-slider__slide.slide1 {
  background-image: url(/_images/slider/slide1.jpg);
}
.mainpage-slider__slide.slide5 {
  background-image: url(/_images/slider/clear-fit-1-30-april.jpg);
}
.mainpage-slider__slide.slide6 {
  background-image: url(/_images/slider/family-1-30-april.jpg);
}
.mainpage-slider__slide.slide1 .wrap {
  display: table;
  height: 100%;
}

.mainpage-slider__slide.slide2, .mainpage-slider__slide.slide3 {
  background-image: url(/_images/slider/slide2.jpg);
}

.mainpage-slider__slide.slide4 {
  background-image: url(/_images/slider/slide4.jpg);
  text-align: right;
}

.mainpage-slider__slide.slide4 .wrap {
  padding: 0 50px;
}

.mainpage-slider__slide.slide4 h2 {
  text-align: left;
  float: right;
  font-size: 31px;
  margin: 0;
  padding: 30px 0 10px 485px;
  letter-spacing: 0.08em;
}

.mainpage-slider__slide.slide4 h2 span {
  font-size: 45px;
  font-weight: 900;
  color: #ff7a00;
  display: block;
  text-align: right;
}

.mainpage-slider__slide.slide4 p {
  font-size: 37px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #154d56;
  text-transform: uppercase;
  margin-right: 265px;
}

.mainpage-slider__slide.slide4 .tel {
  font-size: 31px;
  letter-spacing: 0.06em;
  padding-left: 40px;
  margin-right: 50px;
  float: right;
  position: relative;
}

.mainpage-slider__slide.slide4 .tel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 37px;
  height: 40px;
  background: url(/_images/svg/sprite.svg) -468px -297px no-repeat;
}

.slide1 .mainpage-slider__slide-text {
  text-align: center;
  font-size: 42px;
  line-height: 46px;
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  max-width: 100%;
}

.slide1 .mainpage-slider__slide-text a {
  color: #fff;
}

.slide2 h2 {
  text-align: center;
  font-size: 31px;
  margin: 0;
  padding: 30px 0 10px 0;
}

.slide2 .mainpage-slider__slide-logo {
  width: 515px;
  height: 98px;
  margin: 0 auto 15px;
  background: url(/_images/svg/logo.svg) no-repeat;
  background-size: 515px auto;
}

.slide3 h2 {
  text-align: center;
  font-size: 31px;
  margin: 0;
  padding: 30px 0 10px 0;
}

.slide3 .mainpage-slider__slide-logo {
  width: 420px;
  height: 90px;
  margin: 10px auto 50px;
  background: url(/_images/svg/electra.svg) no-repeat;
  background-size: 420px auto;
}

.mainpage-slider__slide-shop {
  width: 360px;
  margin: 0 auto;
}

.mainpage-slider__slide-shop li {
  position: relative;
  padding: 12px 0 8px 30px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #154d56;
}

.mainpage-slider__slide-shop li:before {
  content: "";
  display: block;
  width: 22px;
  height: 29px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/_images/svg/sprite.svg) -377px -199px no-repeat;
  background-size: 875px auto;
}

.mainpage-slider__slide-msk {
  position: absolute;
  width: 330px;
  height: 368px;
  top: 80px;
  left: 0;
  background: url(/_images/slider/slide-map.png) no-repeat;
}

.mainpage-slider__slide-electra {
  position: absolute;
  width: 330px;
  height: 368px;
  top: 80px;
  left: 0;
  background: url(/_images/slider/slide-map-electra.png) no-repeat;
}

.mainpage-slider__controls {
  height: 75px;
  position: relative;
}

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

.mainpage-slider__pager a {
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px;
}

.mainpage-slider__pager a span {
  display: block;
  width: 9px;
  height: 9px;
  border: 1px solid #0f8b99;
  text-indent: -99999px;
  border-radius: 50%;
  background-color: #0f8b99;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f8b99), color-stop(100%, #0c7890));
  background-image: -webkit-linear-gradient(#0f8b99, #0c7890);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0f8b99), to(#0c7890));
  background-image: linear-gradient(#0f8b99, #0c7890);
}

.mainpage-slider__pager a.selected span {
  background: transparent;
}

.mainpage-slider___nav span {
  display: block;
  position: absolute;
  top: 12px;
  width: 49px;
  height: 52px;
  background: url(/_images/svg/sprite.svg) no-repeat;
  cursor: pointer;
}

.mainpage-slider___nav span.slider-prev {
  left: 10px;
  background-position: -121px -65px;
}

.mainpage-slider___nav span.slider-prev:hover {
  background-position: 0 -63px;
}

.mainpage-slider___nav span.slider-next {
  right: 10px;
  background-position: -178px -65px;
}

.mainpage-slider___nav span.slider-next:hover {
  background-position: -55px -63px;
}

/* info tips */
.b-info-tip {
  margin-bottom: 25px;
}

.info-tip__list li {
  float: left;
  width: 25%;
  height: 60px;
  padding: 0 5px 0 10px;
  margin-bottom: 7px;
  border-left: 1px solid #bcbcbc;
}

.info-tip__list li:first-child {
  border: none;
}

.info-tip__list .icon-tip {
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 50px;
  margin-right: 8px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.info-tip__list .icon-tip.delivery {
  background-position: 0 -126px;
}

.info-tip__list .icon-tip.mount {
  background-position: -48px -126px;
}

.info-tip__list .icon-tip.diler {
  background-position: -95px -126px;
}

.info-tip__list .icon-tip.price {
  background-position: -143px -126px;
}

.info-tip__list .tip-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* catalog */
.b-catalog {
  margin: 0 -6px 40px -6px;
}

.catalog-item-col {
  float: left;
  width: 33.333%;
  padding: 0 6px;
  margin-bottom: 15px;
}

.catalog-item-col .catalog-item {
  position: relative;
  display: block;
}

.catalog-item-col .catalog-item.sale:after {
  content: "";
  position: absolute;
  display: block;
  top: 5%;
  left: 4%;
  width: 92%;
  height: 90%;
  border: 1px solid #face00;
}

.catalog-item-col .catalog-item.sale .catalog-item__title {
  color: #face00;
}

.catalog-item-col .catalog-item.sale:hover:after {
  opacity: 0;
}

.catalog-item-col .catalog-item.exibition .catalog-item__title {
  color: #20dfe6;
}

.catalog-item-col .catalog-item:hover .catalog-item__hover {
  opacity: 1;
}

.catalog-item-col .catalog-item__title {
  position: absolute;
  top: 48%;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.08em;
  font-size: 20px;
  z-index: 2;
}

.catalog-item-col .catalog-item__img img {
  width: 100%;
  height: auto;
  display: block;
}

.catalog-item-col .catalog-item__hover {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.catalog-item-col .catalog-item__hover .hover-corner {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 55px;
  background: url(/_images/svg/sprite.svg) -1px -199px no-repeat;
}

/* benefits */
.b-mainpage-benefits {
  border: 1px solid #c7c7c7;
  border-top: 4px solid #ff7a00;
  margin-bottom: 40px;
  padding: 25px 0 15px 0;
}

.b-mainpage-benefits h2 {
  color: #0f8b99;
  text-align: center;
}

.mainpage-benefits__text {
  padding: 0 20px;
}

.mainpage-benefits__rate {
  width: 400px;
  height: 45px;
  margin: 40px auto 20px;
}

.star-list {
  display: inline-block;
  vertical-align: middle;
}

.star-list li {
  display: inline-block;
  width: 23px;
  height: 22px;
}

.star-list .star-icon {
  max-width: 100%;
}

.ya-reviews-bg {
  width: 250px;
  height: 45px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  background: url(/_images/svg/ya-market.svg) left center no-repeat;
  background-size: 100% auto;
}

.mainpage-benefits__reviews {
  margin-top: 30px;
}

.mainpage-benefits__reviews h4 {
  font-size: 22px;
  text-transform: uppercase;
  margin: 0 0 25px 0;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.05em;
}

.mainpage-benefits__reviews .reviews-slider {
  padding: 0 55px;
}

.mainpage-benefits__reviews .reviews-slider .review-item {
  padding: 0;
  border: none;
}

.mainpage-benefits__reviews .reviews-slider .review-item p {
  margin: 0;
}

.mainpage-benefits__reviews .reviews-slider .review-item .review-name {
  margin-bottom: 20px;
  text-transform: none;
  color: #154d56;
}

.all-reviews-link {
  margin: 15px auto 0;
  width: 220px;
  display: block;
}

.owl-nav div {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 49px;
  height: 52px;
  background: url(/_images/svg/sprite.svg) no-repeat;
  text-indent: -99999px;
}

.owl-nav div.owl-prev {
  left: -50px;
  background-position: -121px -65px;
}

.owl-nav div.owl-next {
  right: -50px;
  background-position: -178px -65px;
}

/* shop info */
.b-shop-info {
  margin-bottom: 50px;
  padding: 0 20px;
}

.b-shop-info h1 {
  font-size: 24px;
  text-align: center;
  color: #154d56;
  font-weight: 900;
  margin: 0 0 20px 0;
  letter-spacing: 0.05em;
}

.shop-info__row {
  margin: 0 -30px;
}

.shop-info__row .col {
  float: left;
  width: 33.333%;
  padding: 0 30px;
  margin-bottom: 10px;
}

.shop-info__row .shop-info__icon {
  text-align: center;
}

.shop-info__row .shop-info__benefit {
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: #0f8b99;
  height: 65px;
}

.shop-info-mob {
  display: none;
  text-align: left;
  position: relative;
}

.shop-info-mob.open-b-b:after {
  background-position: -158px -9px;
}

.shop-info-mob:after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 2%;
  background: url(/_images/svg/sprite.svg) -158px -34px no-repeat;
}

/* news */
.b-mainpage-news {
  margin-bottom: 50px;
  padding: 0 20px;
}

.b-mainpage-news h2 {
  text-align: center;
}

.mainpage-news-row {
  margin: 0 -25px;
}

.mainpage-news__lead {
  float: left;
  width: 40%;
  padding: 0 25px;
}

.mainpage-news__lead .mainpage-news__content {
  margin-left: 0;
}

.mainpage-news__lead .mainpage-news__img {
  padding-top: 0;
  float: none;
  width: 100%;
  margin-bottom: 15px;
}

.mainpage-news__lead .mainpage-news__img img {
  width: 100%;
}

.mainpage-news__lead .mainpage-news__title {
  font-weight: 900;
  font-size: 18px;
}

.mainpage-news__list {
  float: left;
  width: 60%;
  padding: 0 25px;
}

.mainpage-news__list-item {
  margin-bottom: 35px;
}

.mainpage-news__content {
  margin-left: 100px;
}

.mainpage-news__img {
  padding-top: 4px;
  float: left;
  width: 80px;
}

.mainpage-news__img img {
  max-width: 100%;
}

.mainpage-news__title {
  color: #0f8b99;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 20px;
  display: block;
  margin-bottom: 5px;
  letter-spacing: 0.08em;
}

.mainpage-news__title:hover {
  text-decoration: underline;
}

.mainpage-news__date {
  color: #9b9b9b;
  margin-bottom: 10px;
}

.all-news-link {
  margin: 15px auto;
  width: 220px;
  display: block;
}

/* ==========================================================================
   category
  ========================================================================== */
/* breadcrumbs */
.b-breadcrumbs {
  margin: 12px 0 12px 12px;
}

.b-breadcrumbs a {
  color: #154d56;
  margin: 0 3px;
}

.b-breadcrumbs a:hover {
  text-decoration: underline;
}

.b-breadcrumbs span {
  color: #0f8b99;
  margin: 0 3px;
}

/* banner */
.b-top-offer {
  position: relative;
  overflow: hidden;
  height: 113px;
}

.b-top-offer .top-offer__img {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.b-top-offer .top-offer__text {
  margin-left: 33.5%;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 30px;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding: 10px 0;
}

.b-top-offer .top-offer__text a {
  display: block;
}

.b-top-offer .top-offer__text p {
  margin: 0;
}

.b-top-offer .top-offer__text p.p1 {
  margin-left: 90px;
}

.b-top-offer .top-offer__text p.p2 {
  margin-left: 45px;
}

.tm-shop-title {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px 0;
}

/* slider */
.b-cat-header .products-in-holl {
  font-size: 23px;
  letter-spacing: 0.08em;
}

.b-cat-header .products-in-holl a {
  text-decoration: underline;
}

.b-cat-header .products-in-holl a:hover {
  text-decoration: none;
}

.b-slider-in-cat {
  position: relative;
  border: 1px solid #d2d2d2;
  margin-bottom: 20px;
}

.b-slider-in-cat.sale {
  border: none;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 30px;
}

.prod-slider {
  overflow: hidden;
}

.prod-slider__item {
  overflow: hidden;
  padding: 12px;
}

.prod-slider__item-img {
  width: 375px;
  height: 100%;
  float: left;
  text-align: center;
}

.prod-slider__item-img img {
  max-width: 95%;
  max-height: 100%;
}

.prod-slider__item-title {
  margin-bottom: 13px;
  display: block;
  font-size: 23px;
  line-height: 27px;
  font-weight: 700;
  text-transform: uppercase;
  color: #154d56;
}

.prod-slider__item-title span {
  display: block;
}

.prod-slider__spec {
  overflow: hidden;
}

.prod-slider__spec .product__spec {
  float: left;
  width: 70%;
}

.prod-slider__item-labels {
  float: right;
  margin-right: 60px;
  margin-top: 10px;
}

.prod-slider__item-labels .label {
  width: 50px;
  height: 40px;
  display: block;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.prod-slider__item-labels .label.label-gift {
  background-position: -327px 5px;
}

.prod-slider__item-labels .label.label-delivery {
  background-position: -322px -35px;
}

.prod-slider__item-labels .label.label-install {
  background-position: -325px -78px;
}

.prod-slider__item-info {
  margin-left: 375px;
}

.prod-slider__item-info .product__spec {
  margin: 25px 0;
}

.prod-slider__item-bottom .product__price-wrap {
  float: left;
  margin-right: 20px;
}

.prod-slider__item-bottom .product__oldprice {
  margin: 0;
}

.prod-slider__item-bottom .product__price {
  line-height: 44px;
  margin: 0;
}

.prod-slider__item-bottom .product__price.new-price {
  line-height: 30px;
}

.prod-slider-wrap {
  border-bottom: 1px solid #d2d2d2;
}

.prod-slider-nav span {
  display: block;
  position: absolute;
  width: 31px;
  height: 68px;
  background: url(/_images/svg/sprite.svg) no-repeat;
  top: 50%;
  margin-top: -34px;
  z-index: 3;
  cursor: pointer;
}

.prod-slider-nav span.prod-slider-prev {
  background-position: -243px 0px;
  left: 0;
}

.prod-slider-nav span.prod-slider-prev:hover {
  background-position: -243px -78px;
}

.prod-slider-nav span.prod-slider-next {
  background-position: -281px 0px;
  right: 0;
}

.prod-slider-nav span.prod-slider-next:hover {
  background-position: -281px -78px;
}

.prod-slider-pager .pager-nav {
  display: table;
  width: 100%;
}

.prod-slider-pager .pager-nav li {
  display: table-cell;
  text-align: center;
}

.prod-slider-pager .pager-nav li a {
  text-transform: uppercase;
  font-size: 13px;
  color: #154d56;
  font-weight: 700;
  display: block;
  padding: 15px;
  border-bottom: 2px solid transparent;
}

.prod-slider-pager .pager-nav li a:hover {
  color: #0f8b99;
}

.prod-slider-pager .pager-nav li.active a {
  color: #0f8b99;
  border-bottom: 2px solid #0f8b99;
}

/* subcat */
.subcat-list {
  margin: 0 -2px;
}

.subcat-list__item {
  float: left;
  width: 33.333%;
  padding: 0 2px;
  margin-bottom: 3px;
}

.subcat-list__item a {
  width: 100%;
  padding: 0 10px;
  font-size: 12px;
}

.subcat-list__item a.two-line {
  line-height: 13px;
  padding-top: 10px;
}

/* brands */
.b-cat-brands {
  margin-top: 20px;
  overflow: hidden;
}

.cat-brands-list {
  text-align: justify;
  margin-bottom: 10px;
  overflow: hidden;
  height: 50px;
}

.cat-brands-list li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 7px;
}

.cat-brands-list li a {
  text-decoration: underline;
}

.cat-brands-list li a:hover {
  text-decoration: none;
}

.cat-brands-toggle {
  position: relative;
  display: block;
  float: right;
}

.cat-brands-toggle:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #30aebc;
  margin-right: 7px;
  border-radius: 50%;
  background: url(/_images/svg/sprite.svg) -36px -343px no-repeat;
}

.cat-brands-toggle span {
  border-bottom: 1px dashed #0f8b99;
  margin: 8px 0;
  line-height: 13px;
  display: inline-block;
  vertical-align: top;
}

.cat-brands-toggle:hover span {
  border-bottom: 1px dashed transparent;
}

.cat-brands-toggle.open-c-b:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cat-brands-toggle.open-c-b:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* nav */
.b-cat-navigation {
  margin: 25px 0;
  border-bottom: 1px solid #d2d2d2;
  position: relative;
  height: 30px;
}

.b-cat-navigation.cat-navigation--bottom {
  border-top: 1px solid #d2d2d2;
  padding: 10px 0;
  height: 50px;
}

.b-cat-navigation.cat-navigation--bottom .view-toggle {
  bottom: 10px;
}

.b-cat-navigation.cat-navigation--bottom .b-sort {
  bottom: 9px;
}

.b-cat-navigation .b-sort {
  position: absolute;
  height: 30px;
  bottom: -1px;
  left: 0;
  width: 265px;
}

.b-cat-navigation .view-toggle {
  cursor: pointer;
  position: absolute;
  bottom: 5px;
}

.b-cat-navigation .view-toggle.list {
  right: 30px;
}

.b-cat-navigation .view-toggle.grid {
  right: 0;
}

.b-cat-navigation .view-toggle.active .svg-rect {
  fill: #154d56;
}

.b-cat-navigation .b-type-display {
  text-align: center;
  font-size: 12px;
  height: 30px;
  padding: 5px 0;
  letter-spacing: 0.05em;
  margin: 0 50px 0 265px;
}

.b-cat-navigation .type-display-count {
  display: inline-block;
  line-height: 20px;
  border-right: 1px solid #d2d2d2;
  padding-right: 3px;
  margin-right: 3px;
}

.b-cat-navigation .type-display-count li {
  display: inline-block;
  margin-right: 5px;
  color: #154d56;
  cursor: pointer;
}

.b-cat-navigation .type-display-count li.active {
  font-weight: 700;
}

.b-cat-navigation .page-num {
  color: #154d56;
  padding-right: 6px;
  line-height: 20px;
  display: inline-block;
}

.b-cat-navigation .page-num.active {
  font-weight: 700;
}

.b-cat-navigation .prev-page {
  height: 20px;
  width: 12px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  text-indent: -99999px;
  background: url(/_images/svg/sprite.svg) -180px -217px no-repeat;
}

.b-cat-navigation .next-page {
  height: 20px;
  width: 12px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  text-indent: -99999px;
  background: url(/_images/svg/sprite.svg) -200px -217px no-repeat;
}

.b-cat-navigation .all-pages {
  text-decoration: underline;
  color: #154d56;
}

.b-cat-navigation .all-pages:hover {
  text-decoration: none;
}

/* products */
/* list */
.product {
  border: 1px solid #d2d2d2;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}

.product:hover {
  border: 1px solid #0f8b99;
  z-index: 2;
}

.product__img-wrap {
  display: block;
  width: 265px;
  float: left;
  position: relative;
  padding: 10px;
  border-right: 1px solid #d2d2d2;
  text-align: center;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.product__img-wrap img {
  max-width: 100%;
  max-height: 235px;
  height: auto;
}

.label__in-hall {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  font-weight: 900;
  font-size: 8px;
  color: #fff;
  width: 75px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
  background: -owg-linear-gradient(#00bccc, #0098b2);
  background: -webkit-linear-gradient(#00bccc, #0098b2);
  -pie-background: -pie-linear-gradient(#00bccc, #0098b2);
  background: -webkit-gradient(linear, left top, left bottom, from(#00bccc), to(#0098b2));
  background: linear-gradient(#00bccc, #0098b2);
}

.label__in-hall.himki {
  background: -owg-linear-gradient(#5bb8c0, #548f99);
  background: -webkit-linear-gradient(#5bb8c0, #548f99);
  -pie-background: -pie-linear-gradient(#5bb8c0, #548f99);
  background: -webkit-gradient(linear, left top, left bottom, from(#5bb8c0), to(#548f99));
  background: linear-gradient(#5bb8c0, #548f99);
}

.label__in-hall.yasenevo {
  background: -owg-linear-gradient(#ffa700, #ff8600);
  background: -webkit-linear-gradient(#ffa700, #ff8600);
  -pie-background: -pie-linear-gradient(#ffa700, #ff8600);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa700), to(#ff8600));
  background: linear-gradient(#ffa700, #ff8600);
}

.label__in-hall.museon {
  background: -owg-linear-gradient(#00bccc, #0098b2);
  background: -webkit-linear-gradient(#00bccc, #0098b2);
  -pie-background: -pie-linear-gradient(#00bccc, #0098b2);
  background: -webkit-gradient(linear, left top, left bottom, from(#00bccc), to(#0098b2));
  background: linear-gradient(#00bccc, #0098b2);
}

.label__in-hall.lenin {
  background: -owg-linear-gradient(#30dde3, #03b5c9);
  background: -webkit-linear-gradient(#30dde3, #03b5c9);
  -pie-background: -pie-linear-gradient(#30dde3, #03b5c9);
  background: -webkit-gradient(linear, left top, left bottom, from(#30dde3), to(#03b5c9));
  background: linear-gradient(#30dde3, #03b5c9);
}

.label__in-hall.otradnoe {
  background: -owg-linear-gradient(#36c9d7, #36aec2);
  background: -webkit-linear-gradient(#36c9d7, #36aec2);
  -pie-background: -pie-linear-gradient(#36c9d7, #36aec2);
  background: -webkit-gradient(linear, left top, left bottom, from(#36c9d7), to(#36aec2));
  background: linear-gradient(#36c9d7, #36aec2);
}

.label__in-hall.marino {
  background: -owg-linear-gradient(#ff7a00, #ff6300);
  background: -webkit-linear-gradient(#ff7a00, #ff6300);
  -pie-background: -pie-linear-gradient(#ff7a00, #ff6300);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7a00), to(#ff6300));
  background: linear-gradient(#ff7a00, #ff6300);
}

.label__free {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 67px;
  height: 75px;
  z-index: 2;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.label__free.delivery-install {
  background-position: -90px -260px;
}

.label__free.delivery {
  background-position: -1px -260px;
}

.label__free.delivery-gift {
  background-position: -181px -260px;
}

.label__free.delivery-install-gift {
  background-position: -262px -263px;
}

.label__discount {
  position: absolute;
  bottom: 3px;
  right: 3px;
  display: block;
  color: #fff;
  text-align: center;
  width: 58px;
  height: 58px;
  line-height: 58px;
  font-size: 19px;
  z-index: 2;
  background: -owg-linear-gradient(#ff7e00, #ff6100);
  background: -webkit-linear-gradient(#ff7e00, #ff6100);
  -pie-background: -pie-linear-gradient(#ff7e00, #ff6100);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7e00), to(#ff6100));
  background: linear-gradient(#ff7e00, #ff6100);
  border-radius: 50%;
}

.label__discount b {
  font-weight: 900;
}

.label__discount.s5 {
  background: -owg-linear-gradient(#02b9ce, #008da1);
  background: -webkit-linear-gradient(#02b9ce, #008da1);
  -pie-background: -pie-linear-gradient(#02b9ce, #008da1);
  background: -webkit-gradient(linear, left top, left bottom, from(#02b9ce), to(#008da1));
  background: linear-gradient(#02b9ce, #008da1);
}

.label__discount.s10 {
  background: -owg-linear-gradient(#02cfcc, #00bfc1);
  background: -webkit-linear-gradient(#02cfcc, #00bfc1);
  -pie-background: -pie-linear-gradient(#02cfcc, #00bfc1);
  background: -webkit-gradient(linear, left top, left bottom, from(#02cfcc), to(#00bfc1));
  background: linear-gradient(#02cfcc, #00bfc1);
}

.label__discount.s15 {
  background: -owg-linear-gradient(#ffb400, #ff9700);
  background: -webkit-linear-gradient(#ffb400, #ff9700);
  -pie-background: -pie-linear-gradient(#ffb400, #ff9700);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb400), to(#ff9700));
  background: linear-gradient(#ffb400, #ff9700);
}

.label__discount.s25 {
  background: -owg-linear-gradient(#ff7e00, #ff6100);
  background: -webkit-linear-gradient(#ff7e00, #ff6100);
  -pie-background: -pie-linear-gradient(#ff7e00, #ff6100);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7e00), to(#ff6100));
  background: linear-gradient(#ff7e00, #ff6100);
}

.product__info {
  margin-left: 264px;
  padding: 10px;
  border-left: 1px solid #d2d2d2;
}

.product__info-row {
  position: relative;
}

.product__info-row__left {
  padding-right: 145px;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}

.product__info-row__left h2 {
  margin: 0 0 8px 0;
}

.product__info-row__right {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  z-index: 1;
}

.product__info-row__right p {
  margin: 0;
}

.product__info-row__right .btn-buy {
  width: 100%;
}

.product__info-row__right .btn-buy .icon-cart {
  margin-right: 7px;
}

.product__description {
  margin-right: 145px;
}

.product__title {
  color: #154d56;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0.01em;
  font-weight: 400;
  display: block;
}

.product__title .product__name {
  font-size: 21px;
  line-height: 25px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: block;
}

.product__title .product__name.no-category {
  font-size: 16px;
  line-height: 20px;
}

.product__title:hover {
  text-decoration: underline;
}

.product__available {
  margin-bottom: 6px;
  padding: 2px 0 2px 20px;
  font-size: 12px;
  position: relative;
}

.product__available:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.product__available.in-shop:before {
  background-position: -232px -194px;
}

.product__available.empty-shop:before {
  background-position: -255px -193px;
}

.product__price-wrap {
  height: 48px;
}

.product__oldprice {
  text-decoration: line-through;
  color: #8b8b8b;
  font-size: 13px;
}

.product__price {
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0.05em;
}

.product__price .rub {
  font-weight: normal;
}

.product__price.new-price {
  color: #ff5a00;
}

.product__spec {
  padding-left: 18px;
  letter-spacing: 0.05em;
  background: url(/_images/svg/brasket.svg) left center no-repeat;
  background-size: auto 100%;
}

.product__spec dt {
  float: left;
  width: 85px;
  font-weight: 700;
  color: #009dac;
  padding: 3px 0;
}

.product__spec dd {
  padding: 3px 0;
}

.load-more-products {
  display: none;
  width: 120px;
  margin: 45px auto 55px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #ff7a00;
  text-transform: uppercase;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.load-more-products .svg-wrap {
  display: block;
  margin-bottom: 8px;
}

.load-more-products #loading {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.load-more-products:hover {
  color: #0f8b99;
}

.load-more-products:hover .load-more-svg {
  fill: #0f8b99;
}

.load-more-products:hover #loading {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* grid */
.grid-view .product {
  float: left;
  width: 33.333%;
  margin-right: -1px;
}

.grid-view .product__img-wrap {
  width: 100%;
  float: none;
  border: none;
  height: 260px;
}

.grid-view .product__info {
  margin: 0;
  border: none;
}

.grid-view .product__name.no-category {
  padding-top: 18px;
}

.grid-view .product__description,
.grid-view .product__spec {
  display: none;
}

.grid-view .product__info-row__right {
  position: static;
  overflow: hidden;
  width: 100%;
}

.grid-view .product__info-row__right .product__price {
  margin-top: 5px;
}

.grid-view .product__info-row__right .product__price.new-price {
  margin: 0;
}

.grid-view .product__info-row__left {
  padding: 0;
  height: 72px;
  margin-bottom: 10px;
}

.grid-view .product__available {
  position: absolute;
  top: -1px;
  right: 0;
}

.grid-view .product__price-wrap {
  float: left;
  width: 50%;
}

.grid-view .product__oldprice {
  margin-top: -3px;
}

.grid-view .product__btn {
  float: right;
  width: 50%;
}

/* filter */
.filter-popup-header,
.close-mob,
.filter-btn-mob,
.filter-popup-bg,
.mob-filter-open {
  display: none;
}

.mob-filter-open {
  width: 295px;
  margin: 0 auto 15px;
}

.filter-col-mob {
  position: relative;
}

.b-filter__show-select {
  position: absolute;
  display: none;
  left: 100%;
  width: 128px;
  height: 33px;
  z-index: 2;
  padding-left: 25px;
  line-height: 33px;
  background: url(/_images/svg/sprite.svg) -386px -121px no-repeat;
}

.b-filter__show-select a {
  color: #154d56;
}

#tm-filter .b-filter {
  position: relative;
  border-bottom: 1px solid #d2d2d2;
}

#tm-filter .b-filter.filter-toggle .b-filter__title {
  cursor: pointer;
  position: relative;
  padding-left: 24px;
}

#tm-filter .b-filter.filter-toggle .b-filter__title:before {
  content: "";
  display: block;
  width: 15px;
  height: 9px;
  position: absolute;
  top: 16px;
  left: 2px;
  background: url(/_images/svg/sprite.svg) -163px -199px no-repeat;
}

#tm-filter .b-filter.filter-toggle .b-filter__title.open-f-b:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#tm-filter .b-filter.filter-toggle .b-filter__value {
  display: none;
  padding-bottom: 10px;
}

#tm-filter .b-filter.filter-check {
  padding: 13px 0;
}

#tm-filter .b-filter.filter-check label {
  color: #154d56;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
}

#tm-filter .b-filter.filter-check input[type="checkbox"] + label::before {
  top: 50%;
  margin-top: -15px;
}

#tm-filter .b-filter .ui-selectmenu-button.ui-state-hover span.ui-icon, #tm-filter .b-filter .ui-selectmenu-button.ui-state-focus[aria-expanded="true"] span.ui-icon {
  background-position: -182px -199px;
}

#tm-filter .b-filter .ui-selectmenu-button span.ui-selectmenu-text {
  padding: 12px 30px 12px 13px;
}

#tm-filter .b-filter .ui-selectmenu-button span.ui-icon {
  width: 15px;
  height: 9px;
  margin-top: -4px;
  background: url(/_images/svg/sprite.svg) -163px -199px no-repeat;
}

#tm-filter .b-filter .input-range label {
  display: inline-block;
  padding: 0 3px;
}

#tm-filter .b-filter .input-range .inputbox {
  display: inline-block;
  width: 60px;
  padding: 0 10px;
  height: 33px;
  line-height: 33px;
  background: #f5f5f5;
  margin-right: 6px;
}

#tm-filter .b-filter .input-range .inputbox:focus {
  background: #fff;
}

#tm-filter .b-filter .input-range.input-range--weight .ui-slider-horizontal {
  display: inline-block;
  width: 115px;
}

#tm-filter .b-filter .input-range.input-range--weight .ui-slider-horizontal .ui-slider-handle {
  background-image: none;
}

#tm-filter .b-filter .input-range.input-range--weight .ui-slider-horizontal .ui-slider-range {
  background-color: #0f8b99;
  border: 1px solid #154d56;
}

#tm-filter .b-filter .input-range.input-range--fl {
  overflow: hidden;
}

#tm-filter .b-filter .input-range.input-range--fl .col {
  float: left;
  width: 50%;
}

#tm-filter .b-filter .input-range.input-range--fl label {
  line-height: 30px;
}

#tm-filter .b-filter .input-range.input-range--fl .inputbox {
  margin-right: 0;
}

#tm-filter .b-filter .input-range.input-range--size .inputbox {
  width: 50px;
}

#tm-filter .b-filter .input-range.input-range--price .col:last-child {
  text-align: right;
}

#tm-filter .b-filter .input-range.input-range--price .inputbox {
  width: 80px;
}

#tm-filter .b-filter .filter-slider {
  margin: 25px 0 15px 0;
}

#tm-filter .b-filter.filter-links {
  padding: 10px 0;
}

#tm-filter .b-filter.filter-links:first-child {
  padding-top: 0;
}

#tm-filter .b-filter.filter-links:first-child .b-filter__menu {
  top: 42px;
}

#tm-filter .brand-list--hide {
  display: none;
}

#tm-filter .all-brands-toggle {
  position: relative;
  display: block;
}

#tm-filter .all-brands-toggle:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #30aebc;
  margin-right: 7px;
  border-radius: 50%;
  background: url(/_images/svg/sprite.svg) -36px -343px no-repeat;
}

#tm-filter .all-brands-toggle span {
  border-bottom: 1px dashed #0f8b99;
  margin: 8px 0;
  line-height: 13px;
  display: inline-block;
  vertical-align: top;
}

#tm-filter .all-brands-toggle:hover span {
  border-bottom: 1px dashed transparent;
}

#tm-filter .all-brands-toggle.open-b-b:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#tm-filter .b-filter__title {
  color: #154d56;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  padding: 13px 0;
}

#tm-filter .b-filter__title.filter__title--menu {
  color: #fff;
  padding-left: 12px;
  cursor: pointer;
  font-weight: 400;
  background-color: #169eab;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #169eab), color-stop(100%, #128da3));
  background-image: -webkit-linear-gradient(#169eab, #128da3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#169eab), to(#128da3));
  background-image: linear-gradient(#169eab, #128da3);
}

#tm-filter .b-filter__title.filter__title--menu.open-f-m {
  background-color: #20b7c6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #20b7c6), color-stop(100%, #179fad));
  background-image: -webkit-linear-gradient(#20b7c6, #179fad);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#20b7c6), to(#179fad));
  background-image: linear-gradient(#20b7c6, #179fad);
}

#tm-filter .filter-menu-select {
  display: block;
  padding: 10px 15px 3px 0;
  color: #154d56;
  position: relative;
}

/*#tm-filter .filter-menu-select:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 11px;
  right: 1px;
  background: url(/_images/svg/sprite.svg) -385px -176px no-repeat;
}*/

#tm-filter .filter-menu-select:hover:after {
  background-position: -256px -193px;
}

#tm-filter .b-filter__menu {
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  z-index: 10;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 12px 0px;
          box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 12px 0px;
  width: 100%;
}

#tm-filter .b-filter__menu .filter-menu a {
  display: block;
  border: 1px solid #cdcdcd;
  margin-top: -1px;
  color: #154d56;
  padding: 12px 17px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.09em;
  position: relative;
  z-index: 5;
}

#tm-filter .b-filter__menu .filter-menu a:hover {
  border: 1px solid #0f8b99;
  color: #0f8b99;
  font-weight: 700;
  z-index: 6;
}

#tm-filter .b-filter__value {
  padding-bottom: 5px;
}

#tm-filter .b-filter__value .checkbox-list li {
  margin-bottom: 10px;
}

#tm-filter .b-filter__value.brands {
  font-size: 12px;
}

#tm-filter .b-filter__value.brands .checkbox-list li {
  display: inline-block;
  width: 49%;
}

#tm-filter .b-filter__value .type-radio-list li {
  display: inline-block;
  margin-right: 7px;
}

/* description */
.cat-desc {
  margin-top: 50px;
}

.cat-desc h2 {
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  margin: 0 0 40px 0;
}

.cat-desc h2 span {
  color: #ff7a00;
}

.cat-desc h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #0f8b99;
  margin: 30px 0;
}

.cat-desc a {
  text-decoration: underline;
}

.cat-desc a:hover {
  text-decoration: none;
}

.cat-desc__box {
  border-bottom: 1px dashed #0f8b99;
  padding: 0 20px 20px 20px;
}

.cat-desc__box p {
  margin-bottom: 0;
}

.cat-desc__box.info {
  padding-top: 20px;
  position: relative;
  overflow: hidden;
}

.cat-desc__box.info p {
  max-width: 650px;
  float: right;
  margin-right: 85px;
  padding: 10px 0;
}

.cat-desc__box.info .icon-info {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  right: 20px;
  width: 60px;
  height: 60px;
  display: block;
  background: url(/_images/svg/sprite.svg) -480px -166px no-repeat;
}

.cat-desc__howto {
  padding: 30px 0;
}

.cat-desc__howto-title {
  float: left;
  width: 265px;
  padding: 8px 20px;
  position: relative;
}

.cat-desc__howto-title .cat-desc__howto-link {
  text-transform: uppercase;
  margin-left: 80px;
  display: block;
}

.cat-desc__howto-title .icon-q {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  left: 20px;
  width: 57px;
  height: 65px;
  display: block;
  background: url(/_images/svg/sprite.svg) -416px -165px no-repeat;
}

.cat-desc__howto-text {
  margin-left: 265px;
}

.cat-desc__price {
  padding: 0 20px;
  overflow: hidden;
}

.cat-desc__pricecols {
  padding: 20px 0;
  margin: 0 -20px;
}

.cat-desc__price-col {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.price-col__head {
  margin-bottom: 15px;
  text-align: center;
  position: relative;
}

.price-col__head:before {
  content: "";
  border: 1px solid #ff7a00;
  width: 100%;
  position: absolute;
  top: 49%;
  left: 0;
}

.price-col__head .icon {
  width: 122px;
  height: 137px;
  display: inline-block;
  background: #fff url(/_images/svg/sprite.svg) no-repeat;
  position: relative;
  z-index: 1;
  padding: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.price-col__head .icon.icon-pricelbl {
  background-position: -717px -110px;
}

.price-col__head .icon.icon-libra {
  background-position: -717px -257px;
}

.price-col__link {
  text-transform: uppercase;
  display: block;
  margin-bottom: 17px;
}

.cat-desc__delivery {
  padding: 0 20px;
  margin-bottom: 20px;
  padding-bottom: 35px;
  position: relative;
}

.cat-desc__delivery .cat-desc__delivery-text {
  margin-left: 185px;
  padding: 15px 0;
}

.cat-desc__delivery .icon-freedeliv {
  position: absolute;
  top: -30px;
  left: 20px;
  width: 162px;
  height: 165px;
  display: block;
  background: url(/_images/svg/sprite.svg) -549px -120px no-repeat;
}

.cat-desc__p {
  padding: 0 20px;
}

.cat-desc__reviews {
  display: table;
  margin: 25px 0;
}

.cat-desc__reviews-slider {
  display: table-cell;
  vertical-align: top;
  width: 730px;
  padding: 0 60px 0 40px;
  border-right: 1px dashed #0f8b99;
}

.cat-desc__reviews-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 12px;
}

.reviews-gallery {
  position: relative;
}

.review-item {
  position: relative;
  overflow: hidden;
  border: 1px solid #d2d2d2;
  padding: 12px;
}

.review-item .review-img {
  float: left;
  width: 322px;
  height: 260px;
  margin-right: 15px;
}

.review-item .review-img img {
  display: block;
  width: 100%;
}

.review-item .review-info {
  position: relative;
}

.review-item .review-name {
  font-weight: 700;
  color: #0f8b99;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.review-item .review-text {
  margin-top: 20px;
}

.review-item .review-link {
  position: absolute;
  text-transform: uppercase;
  bottom: 0;
}

.reviews-slider___nav span {
  position: absolute;
  width: 17px;
  height: 30px;
  top: 50%;
  margin-top: -15px;
  text-indent: -99999px;
  cursor: pointer;
  display: block;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.reviews-slider___nav span.reviews-slider-prev {
  background-position: -248px -19px;
  left: -40px;
}

.reviews-slider___nav span.reviews-slider-prev:hover {
  background-position: -248px -97px;
}

.reviews-slider___nav span.reviews-slider-next {
  right: -40px;
  background-position: -292px -19px;
}

.reviews-slider___nav span.reviews-slider-next:hover {
  background-position: -292px -97px;
}

.reviews-slider-pager {
  display: none;
  text-align: center;
  padding-top: 30px;
}

.reviews-slider-pager a {
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px;
}

.reviews-slider-pager a span {
  display: block;
  width: 9px;
  height: 9px;
  border: 1px solid #0f8b99;
  text-indent: -99999px;
  border-radius: 50%;
  background-color: #0f8b99;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f8b99), color-stop(100%, #0c7890));
  background-image: -webkit-linear-gradient(#0f8b99, #0c7890);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0f8b99), to(#0c7890));
  background-image: linear-gradient(#0f8b99, #0c7890);
}

.reviews-slider-pager a.selected span {
  background: transparent;
}

.cat-desc__massage {
  padding: 30px 20px;
  border-top: 1px dashed #0f8b99;
  margin-top: -1px;
  overflow: hidden;
}

.cat-desc__massage h3 {
  margin-top: 0;
}

.massage-why__row {
  margin: 0 -25px;
}

.massage-why__item {
  float: left;
  width: 33.3333%;
  padding: 0 25px;
  margin-bottom: 15px;
}

.massage-why__item h4 {
  font-weight: 400;
  color: #0f8b99;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.massage-expert__img {
  float: left;
}

.massage-expert__text {
  margin-left: 345px;
}

.massage-expert__text .name {
  font-size: 13px;
  font-weight: 700;
  color: #0f8b99;
  margin-bottom: 0;
  text-transform: uppercase;
}

.massage-expert__text .position {
  margin-bottom: 35px;
}

.massage-delivery {
  position: relative;
  min-height: 100px;
  padding-left: 185px;
}

.massage-delivery .icon-truck1 {
  display: block;
  position: absolute;
  left: 0;
  top: -50px;
  width: 162px;
  height: 166px;
  background: url(/_images/svg/delivery-sprite.svg) 0 -134px no-repeat;
}

.massage-reviews__ya {
  width: 330px;
  float: left;
  border-right: 1px dashed #0f8b99;
}

.massage-reviews__ya .star-list {
  display: block;
  text-align: center;
  margin: 20px 0 35px 0;
}

.massage-reviews__ya .ya-reviews-bg {
  display: block;
  width: 305px;
  height: 60px;
}

.massage-reviews__ya .all-reviews-link {
  text-decoration: none;
}

.massage-reviews__slider {
  margin-left: 330px;
  padding: 0 15px 20px;
  position: relative;
}

.massage-slider__item .name {
  font-size: 13px;
  font-weight: 700;
  color: #0f8b99;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.massage-slider-next {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #0f8b99;
  cursor: pointer;
}

.massage-slider-next:hover {
  text-decoration: none;
}

/* ==========================================================================
   product
  ========================================================================== */
.tm-shop-productfull h2 {
  font-weight: 900;
  font-size: 15px;
  color: #159fab;
  margin: 0 0 15px 55px;
}

.productfull__header {
  margin-bottom: 15px;
}

.productfull__imgbox {
  float: left;
  width: 55%;
  padding-right: 30px;
}

.productfull__bigimage {
  height: 660px;
  line-height: 660px;
  text-align: center;
  margin-bottom: 20px;
}

.productfull__bigimage img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.productfull__thumbs {
  overflow: hidden;
  position: relative;
}

.productfull__thumbs .thumbs-list {
  overflow: hidden;
  margin: 0 20px;
  text-align: center;
  height: 90px;
}

.productfull__thumbs .thumb-link {
  display: inline-block;
  width: 85px;
  height: 85px;
  border: 1px solid #e2e2e2;
  margin: 0 5px;
}

.productfull__thumbs .thumb-link.select {
  border: 1px solid #c3c3c3;
}

.productfull__thumbs .thumb-link img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.productfull__thumbs-nav span {
  position: absolute;
  background: url(/_images/svg/sprite.svg) no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
}

.productfull__thumbs-nav span.thumbs-prev {
  background-position: -73px -348px;
  left: 0;
}

.productfull__thumbs-nav span.thumbs-prev:hover {
  background-position: -134px -348px;
}

.productfull__thumbs-nav span.thumbs-next {
  background-position: -98px -348px;
  right: 0;
}

.productfull__thumbs-nav span.thumbs-next:hover {
  background-position: -163px -348px;
}

.productfull__info {
  width: 45%;
  float: right;
}

.productfull__info .btn-sale {
  margin-bottom: 10px;
  width: 100%;
}

.productfull__title {
  font-size: 23px;
  font-weight: 700;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}

.productfull__title .productfull__cat {
  text-transform: none;
  font-size: 15px;
  font-weight: 400;
  display: block;
}

.productfull__data {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}

.productfull__price-wrap {
  display: inline-block;
  margin-right: 20px;
}

.productfull__price-wrap p {
  margin: 0;
}

.productfull__available {
  padding: 2px 0 2px 20px;
  font-size: 12px;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

.productfull__available:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.productfull__available.in-shop:before {
  background-position: -232px -194px;
}

.productfull__available.empty-shop:before {
  background-position: -255px -193px;
}

.productfull__cheaper {
  display: inline-block;
  width: 122px;
  text-align: center;
  color: #228ebc;
  padding: 3px 0;
  font-size: 12px;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  background: #e9f1f5;
}

.productfull__cheaper span {
  border-bottom: 1px dotted #228ebc;
}

.productfull__cheaper:hover span {
  border-bottom: 1px dotted transparent;
}

.productfull__oldprice {
  text-decoration: line-through;
  color: #8b8b8b;
  font-size: 13px;
}

.productfull__price {
  font-weight: bold;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.05em;
}

.productfull__price .rub {
  font-weight: normal;
}

.productfull__price.new-price {
  color: #ff5a00;
}

.productfull__articul {
  position: absolute;
  bottom: 2px;
  right: 0;
  color: #a6a6a6;
  font-size: 12px;
}

.productfull__btn {
  margin-bottom: 10px;
  overflow: hidden;
}

.productfull__btn .btn {
  float: left;
}

.productfull__btn .btn-buy {
  width: 55%;
  margin-right: 2%;
}

.productfull__btn .btn-buy .icon-cart {
  margin-right: 10px;
}

.productfull__btn .bth-credit {
  width: 43%;
  background-color: #c6cccf;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced4d7), color-stop(100%, #b6bbbd));
  background-image: -webkit-linear-gradient(#ced4d7, #b6bbbd);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ced4d7), to(#b6bbbd));
  background-image: linear-gradient(#ced4d7, #b6bbbd);
}

.productfull__btn .bth-credit:hover {
  background: #c6cccf;
}

.productfull__btn .bth-credit span {
  text-indent: -99999px;
  display: inline-block;
  width: 150px;
  height: 35px;
  background: url(/_images/svg/sprite.svg) -407px -2px no-repeat;
}

.productfull__hall {
  border-top: 1px solid #d2d2d2;
  padding: 10px 0;
}

.productfull__hall a {
  color: #154d56;
  text-decoration: underline;
}

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

.productfull__hall-title {
  margin-bottom: 7px;
  text-transform: uppercase;
  font-weight: 700;
  color: #0f8b99;
  letter-spacing: 0.06em;
}

.productfull__shortdesc {
  padding: 15px 0 10px 0;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}

.productfull__shortdesc-title {
  font-size: 15px;
}

.productfull__shortdesc-text {
  height: 145px;
  overflow-y: scroll;
}

.productfull__linklist ul li {
  text-transform: uppercase;
  border-bottom: 1px solid #d2d2d2;
  min-height: 40px;
  line-height: 40px;
}

.productfull__linklist ul li a {
  display: block;
  color: #154d56;
}

.productfull__linklist ul li a:hover {
  text-decoration: underline;
}

.productfull__linklist .soc-share-title {
  display: inline-block;
  margin-right: 20px;
}

.productfull__linklist .soc-share-list {
  display: inline-block;
}

.productfull__free-wrap {
  background: #0f8b99;
  color: #fff;
  padding: 5px;
  margin: 15px 0;
}

.productfull__free {
  border: 1px solid #fff;
  text-transform: uppercase;
  padding: 3px 0 3px 45px;
  position: relative;
  min-height: 45px;
  display: table;
  width: 100%;
}

.productfull__free .icon-free {
  position: absolute;
  left: 45px;
  top: 50%;
  margin-top: -22px;
  width: 55px;
  height: 45px;
  margin-right: 7px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.productfull__free .icon-free.deliv {
  background-position: -428px -65px;
}

.productfull__free .icon-free.deliv-install {
  background-position: -492px -60px;
}

.productfull__free .icon-free.deliv-install-gift {
  background-position: -560px -61px;
}

.productfull__free .icon-free.deliv-gift {
  background-position: -629px -61px;
}

.productfull__free .icon-free.install {
  background-position: -687px -61px;
}

.productfull__free .icon-free.install-gift {
  background-position: -753px -60px;
}

.productfull__free .icon-free.gift {
  background-position: -370px -62px;
}

.productfull__free .productfull__free-text {
  display: table-cell;
  padding-left: 63px;
  vertical-align: middle;
  font-weight: 700;
}

.productfull__free .productfull__free-text p {
  margin: 2px 0;
}

.productfull__pdf {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  height: 85px;
  margin-bottom: 25px;
  display: table;
  width: 100%;
  position: relative;
}

.productfull__pdf .icon-pdf {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  left: 0;
}

.productfull__pdf .productfull__pdf-link {
  display: table-cell;
  vertical-align: middle;
}

.productfull__pdf a {
  font-size: 15px;
  margin-left: 70px;
  display: inline-block;
  text-transform: uppercase;
  color: #154d56;
  text-decoration: underline;
}

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

.options-table {
  width: 100%;
  border-spacing: 0 4px;
  border-collapse: separate;
  margin-bottom: 30px;
}

.options-table a:hover {
  text-decoration: underline;
}

.options-table td {
  width: 50%;
  padding: 3px 0 3px 55px;
  border: 1px solid #f4f4f4;
  border-left: none;
  background: #f4f4f4;
  position: relative;
}

.options-table td:first-child {
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #fff;
}

.options-table tr:hover td {
  background: #fff;
}

.options-table tr:hover .bg {
  display: block;
}

.options-table .bg {
  width: 7px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #ff7a00;
  display: none;
}

.productfull__desc {
  border-top: 1px solid #d2d2d2;
  padding: 15px 0 40px 0;
}

.productfull__desc-text {
  margin-left: 55px;
}

.productfull__video img {
  width: 100%;
}

.productfull__video iframe {
  width: 100%;
}

.tm-shop-related {
  margin-top: 60px;
  border-top: 1px solid #d2d2d2;
  padding: 20px 0;
  overflow: hidden;
}

.tm-shop-related.category{
  margin-top: -10px;
   border-top: 0px;
}

.tm-shop-related h2 {
  font-weight: 900;
  font-size: 15px;
  color: #154d56;
  margin: 0 0 20px 0;
}

.tm-shop-related h3 {
	margin: 0px 0px 10px 0px;
}

.product-related-wrap {
  margin: 0 -15px;
  /*height: 325px;*/
  overflow: hidden;
}

.product-related {
  padding: 0 15px;
  float: left;
  width: 25%;
  margin-bottom: 20px;
}

.product-related__img {
  border: 1px solid #d2d2d2;
  display: block;
  height: 190px;
  line-height: 190px;
  text-align: center;
  margin-bottom: 12px;
}

.product-related__img img {
  display: inline-block;
  max-width: 95%;
  max-height: 90%;
  vertical-align: middle;
}

.product-related__img:hover {
  border: 1px solid #0f8b99;
}

.product-related__info {
  margin-bottom: 15px;
  position: relative;
  height: 60px;
}

.product-related__cat {
  margin: 0 0 3px 0;
  color: #7b7b7b;
  font-size: 12px;
}

.product-related__name {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  display: inline-block;
  color: #154d56;
  letter-spacing: 0.05em;
  padding-right: 65px;
}

.product-related__name:hover {
  text-decoration: underline;
}

.product-related__price {
  position: absolute;
  right: 0;
  top: 18px;
}

.product-related__btn .btn {
  width: 100%;
}

/* ==========================================================================
   cart
  ========================================================================== */
/* steps */
.cart-steps {
  overflow: hidden;
  padding: 0 0 20px 0;
}

.cart-steps__item {
  text-transform: uppercase;
  color: #d2d2d2;
  font-size: 14px;
  float: left;
  text-align: center;
  width: 33.333%;
  letter-spacing: 0.05em;
  padding-right: 7px;
  padding-top: 10px;
}

.cart-steps__item span {
  border-bottom: 1px solid #d2d2d2;
  display: block;
  line-height: 24px;
  padding-bottom: 2px;
  position: relative;
}

.cart-steps__item.pass span {
  border-bottom: 3px solid #d2d2d2;
  padding-bottom: 0;
  margin-right: 15px;
}

.cart-steps__item.pass span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -15px;
  width: 17px;
  height: 30px;
  background: url(/_images/svg/step.svg) no-repeat;
}

.cart-steps__item.active {
  color: #159EAB;
  font-weight: 700;
}

.cart-steps__item.active span {
  border-bottom: 3px solid #159EAB;
  padding-bottom: 0;
  margin-right: 15px;
  position: relative;
}

.cart-steps__item.active span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -15px;
  width: 17px;
  height: 30px;
  background: url(/_images/svg/step-active.svg) no-repeat;
}

.cart-steps__item.last.active span {
  margin-right: 0;
}

.cart-steps__item.last.active span:after {
  display: none;
}

.b-cart {
  padding-top: 25px;
  border-top: 1px solid #d2d2d2;
}

/* table */
.cart-table {
  table-layout: fixed;
  width: 100%;
}

.cart-table th {
  color: #838383;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: left;
  padding: 10px 20px;
  border-bottom: 1px solid #d2d2d2;
}

.cart-table td {
  padding: 32px 20px 15px 20px;
  border-bottom: 1px solid #d2d2d2;
  vertical-align: top;
}

.cart-table .icon-del {
  width: 30px;
  height: 30px;
  display: block;
  text-indent: -99999px;
  background: url(/_images/svg/sprite.svg) -348px -168px no-repeat;
}

.cart-table .cart__prodimg {
  vertical-align: middle;
  width: 205px;
}

.cart-table .cart__prodimg .prodimg {
  width: 160px;
}

.cart-table .cart__prodimg .prodimg img {
  max-width: 100%;
  height: auto;
}

.cart-table .cart__prodtitle {
  width: 32%;
  position: relative;
}

.cart-table .cart__prodtitle h2 {
  color: #838383;
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
  margin-bottom: 15px;
}

.cart-table .cart__prodtitle h2 a {
  font-weight: 700;
  display: block;
  color: #154d56;
  font-size: 18px;
  text-transform: uppercase;
}

.cart-table .cart__prodtitle h2 a:hover {
  text-decoration: underline;
}

.cart-table td.cart__prodtitle {
  padding-top: 15px;
}

.cart-table .cart__prodprice {
  text-align: center;
}

.cart-table td.cart__prodprice {
  font-size: 14px;
  letter-spacing: 0.07em;
}

.cart-table .cart__qty {
  white-space: nowrap;
  text-align: center;
}

.cart-table .cart__qty .inputbox-qty {
  width: 25px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.cart-table .cart__qty .inputbox-qty:focus {
  border: none;
}

.cart-table .cart__prodprice {
  white-space: nowrap;
}

.cart-table .cart__sum {
  text-align: center;
}

.cart-table td.cart__sum {
  font-size: 14px;
  letter-spacing: 0.07em;
  white-space: nowrap;
}

.cart-table .cart__del {
  width: 60px;
}

.cart-table td.cart__del {
  padding-top: 25px;
}

.mob-cart-data {
  display: none;
}

.mob-cart-data .inputbox-qty {
  width: 25px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.mob-cart-data .inputbox-qty:focus {
  border: none;
}

.mob-cart-data dl {
  line-height: 20px;
  margin: 0;
}

.mob-cart-data dl dt {
  text-transform: uppercase;
  color: #838383;
  font-size: 11px;
  float: left;
  padding: 4px 0;
  width: 95px;
}

.mob-cart-data dl dd {
  padding: 4px 0;
}

.mob-cart-data .icon-del {
  position: absolute;
  top: 5px;
  right: 0;
}

/* total */
.b-cart-bottom {
  padding: 20px 0;
  border-bottom: 1px solid #d2d2d2;
}

.b-cart-bottom .cart-promo {
  float: left;
  width: 53%;
  padding: 0 0px 0 20px;
}

.b-cart-bottom .cart-promo .inputbox {
  vertical-align: top;
}

.b-cart-bottom .cart-promo .btn {
  width: 200px;
}

.b-cart-bottom .cart-city {
  float: left;
  width: 47%;
  padding: 0 20px 0 10px;
  text-align: right;
}

.b-cart-bottom .city-select-link {
  height: 44px;
  line-height: 44px;
  border: 1px solid #cdcdcd;
  position: relative;
  padding: 0 10px;
  display: inline-block;
  width: 290px;
  text-align: left;
  margin-left: 15px;
  color: #154d56;
}

.b-cart-bottom .city-select-link:after {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 14px;
  background: url(/_images/svg/sprite.svg) -385px -176px no-repeat;
}

.b-cart-bottom .city-select-link:hover:after {
  background-position: -256px -193px;
}

.b-cart-total {
  float: right;
  width: 330px;
  padding: 15px 20px 0;
}

.b-cart-total dl {
  margin: 0;
  letter-spacing: 0.05em;
}

.b-cart-total dl dt {
  float: left;
  padding: 2px 0;
}

.b-cart-total dl dt.total {
  padding: 15px 0;
  line-height: 20px;
}

.b-cart-total dl dd {
  text-align: right;
  padding: 2px 0;
}

.b-cart-total dl dd.total {
  padding: 15px 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}

.b-cart-total dl .promo {
  color: #ff7a00;
  font-weight: 700;
}

.b-cart-total .btn {
  width: 100%;
  margin-top: 10px;
}

/* rel */
.tm-shop-related--cart {
  margin-top: 30px;
}

.tm-shop-related--cart h2 {
  text-align: center;
}

/* spinner */
.ui-spinner {
  position: relative;
  padding: 0 20px;
}

.ui-spinner-input {
  margin: 0;
}

.ui-spinner a.ui-spinner-button {
  position: absolute;
  width: 20px;
  height: 20px;
  background: transparent;
}

.ui-spinner a.ui-spinner-button .ui-button-text {
  padding: 0;
}

.ui-spinner a.ui-spinner-button .ui-button-text:after {
  line-height: 20px;
  height: 20px;
  width: 20px;
  color: #154d56;
  font-size: 17px;
  font-weight: 700;
}

.ui-spinner a.ui-spinner-button .ui-button-text:hover:after {
  color: #ff7a00;
}

.ui-spinner a.ui-spinner-button.ui-spinner-up {
  right: 0;
}

.ui-spinner a.ui-spinner-button.ui-spinner-up .ui-button-text:after {
  content: "+";
}

.ui-spinner a.ui-spinner-button.ui-spinner-down {
  left: 0;
}

.ui-spinner a.ui-spinner-button.ui-spinner-down .ui-button-text:after {
  content: "–";
  line-height: 18px;
}

/* form */
.cart-check .cart-table-wrap {
  display: none;
}

.cart-check .cart-table th {
  padding-top: 25px;
}

.cart-check .cart-table .cart__prodtitle {
  width: 40%;
}

.cart-check__summary {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.cart-check__summary .icon-cart {
  background-position: -334px -131px;
  margin-right: 12px;
}

.cart-check__summary .total-price {
  font-size: 23px;
  font-weight: 700;
}

.cart-toggle {
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
  padding: 10px 0;
}

.cart-toggle .hide {
  display: none;
}

.cart-toggle-link {
  color: #30afbc;
}

.cart-toggle-link span {
  border-bottom: 1px dashed #30afbc;
  line-height: 30px;
  vertical-align: top;
  letter-spacing: 0.05em;
}

.cart-toggle-link:hover span {
  border-bottom: 1px dashed transparent;
}

.cart-toggle-link .icon-toggle {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #30aebc;
  margin-right: 7px;
  border-radius: 50%;
  background: url(/_images/svg/sprite.svg) -36px -343px no-repeat;
}

.cart-toggle-link .icon-toggle.open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cart-form__block {
  border: none;
  padding: 20px 0;
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid #d2d2d2;
}

.cart-form__block h2 {
  margin: 0 0 30px 0;
  font-size: 14px;
  text-align: center;
  color: #0f8b99;
}

.cart-form__block .form-ps {
  text-align: center;
  color: #9b9b9b;
  font-size: 12px;
}

.cart-form__block .form-ps span {
  color: #ff7a00;
}

.cart-form__block .row {
  overflow: hidden;
  margin-bottom: 25px;
}

.cart-form__block .col {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.cart-form__block .col p {
  margin-bottom: 10px;
}

.cart-form__block .col label {
  width: 85px;
  display: inline-block;
}

.cart-form__block .col input.inputbox {
  width: 385px;
}

.cart-form__block.adress {
  background: url(/_images/russia.jpg) no-repeat top center;
}

.cart-form__block.adress label {
  width: auto;
  display: block;
  margin-bottom: 10px;
}

.cart-form__block.adress textarea.inputbox {
  width: 470px;
  height: 135px;
}

.cart-form__block.adress .form-ps {
  padding-top: 25px;
}

.payment-list {
  overflow: hidden;
}

.payment-list li {
  float: left;
  width: 50%;
  min-height: 40px;
  padding: 8px 20px;
}

.payment-list li input[type=radio] + label {
  padding-left: 35px;
  line-height: 18px;
}

.b-cart-rules {
  padding: 35px 0 15px 100px;
  position: relative;
}

.b-cart-rules a {
  text-decoration: underline;
}

.b-cart-rules a:hover {
  text-decoration: none;
}

.b-cart-rules .icon {
  position: absolute;
  display: block;
  top: 15px;
  left: 0;
}

.btn-cart-submit {
  width: 305px;
  display: block;
  margin: 15px auto;
}

/* thanks */
.cart-thanks__poster {
  background: url(/_images/cart-thanks-bg.jpg) no-repeat top center;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}

.cart-thanks__poster .wrap {
  height: 300px;
}

.cart-thanks__poster .happy-girl {
  background: url(/_images/happy-girl.png) no-repeat;
  width: 210px;
  height: 299px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.cart-thanks__poster .happy-guy {
  background: url(/_images/happy-guy.png) no-repeat;
  width: 181px;
  height: 288px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cart-thanks__text {
  text-align: center;
  width: 615px;
  margin: 0 auto;
  padding: 95px 0 0 0;
}

.cart-thanks__text h1 {
  margin: 0 0 35px 0;
  color: #0f8b99;
}

.cart-thanks__text b {
  color: #0f8b99;
}

.cart-thanks__info {
  display: table;
}

.cart-thanks__info .col {
  display: table-cell;
  width: 50%;
  padding: 50px 20px;
  vertical-align: middle;
  position: relative;
}

.cart-thanks__info .col .icon {
  position: absolute;
  display: block;
  left: 20px;
  top: 50%;
  margin-top: -30px;
}

.cart-thanks__info .col p {
  margin: 0 0 0 80px;
}

.cart-thanks__faq {
  border-top: 1px solid #d2d2d2;
  padding-top: 25px;
  overflow: hidden;
}

.cart-thanks__faq h2 {
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 25px;
}

.cart-thanks__faq-row {
  margin: 0 -25px;
}

.cart-thanks__faq-item {
  width: 33.333%;
  padding: 30px 25px;
  float: left;
}

.cart-thanks__faq-item:nth-of-type(1), .cart-thanks__faq-item:nth-of-type(2), .cart-thanks__faq-item:nth-of-type(3) {
  border-bottom: 1px solid #d2d2d2;
}

.cart-thanks__faq-quest {
  font-size: 13px;
  font-weight: 700;
  color: #0f8b99;
  margin: 0 0 20px 0;
}

/* ==========================================================================
   sale
  ========================================================================== */
.top-offer__title {
  height: 113px;
  width: 100%;
  background: url(/_images/sale.jpg) no-repeat top center;
  background-size: cover;
}

.top-offer__title {
  color: #fff;
  font-weight: 900;
  font-size: 64px;
  line-height: 113px;
  text-align: center;
  letter-spacing: 0.08em;
  text-shadow: rgba(255, 0, 0, 0.5) 3px 3px 5px;
}

.sale-slider-wrap {
  position: relative;
}

.sale-slider {
  overflow: hidden;
}

.sale-slider__item {
  position: relative;
}

.sale-slider__item .sale-hand {
  background: url(/_images/svg/sale-hand.svg) no-repeat top left;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 350px;
  height: 210px;
}

.sale-slider__item .label__discount {
  padding: 4px;
  line-height: 62px;
  width: 70px;
  height: 70px;
  top: 0;
  left: 170px;
  bottom: auto;
  right: auto;
}

.sale-slider__item .label__discount span {
  border: 1px solid #fff;
  display: inline-block;
  width: 62px;
  height: 62px;
  line-height: 62px;
  border-radius: 50%;
}

.sale-slider__item-img {
  display: block;
  width: 100%;
  height: 430px;
  text-align: center;
}

.sale-slider__item-img img {
  display: inline-block;
  max-height: 100%;
  max-width: 90%;
  margin-left: -150px;
}

.sale-slider__item-info {
  position: absolute;
  width: 40%;
  right: 25px;
  top: 25px;
}

.sale-slider__item-title {
  font-size: 21px;
  line-height: 25px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #154d56;
  margin-bottom: 5px;
  display: block;
  padding-left: 20px;
}

.sale-slider__item-title span {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.01em;
  font-weight: 400;
  text-transform: none;
  display: block;
}

.sale__price-wrap {
  height: 180px;
  background: url(/_images/svg/sale-label.svg) no-repeat top left;
  position: relative;
  padding: 60px 0 0 22px;
}

.sale__price-wrap .sale__oldprice {
  text-decoration: line-through;
  color: #8b8b8b;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 5px;
}

.sale__price-wrap .sale__price {
  font-weight: bold;
  font-size: 34px;
  letter-spacing: 0.08em;
  color: #ff5a00;
}

.sale-slider-pager {
  text-align: center;
  padding-top: 30px;
}

.sale-slider-pager a {
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px;
}

.sale-slider-pager a span {
  display: block;
  width: 9px;
  height: 9px;
  border: 1px solid #0f8b99;
  text-indent: -99999px;
  border-radius: 50%;
  background-color: #0f8b99;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f8b99), color-stop(100%, #0c7890));
  background-image: -webkit-linear-gradient(#0f8b99, #0c7890);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0f8b99), to(#0c7890));
  background-image: linear-gradient(#0f8b99, #0c7890);
}

.sale-slider-pager a.selected span {
  background: transparent;
}

.sale-slider-nav span {
  display: block;
  position: absolute;
  top: 270px;
  width: 49px;
  height: 52px;
  background: url(/_images/svg/sprite.svg) no-repeat;
  cursor: pointer;
}

.sale-slider-nav span.sale-slider-prev {
  left: 10px;
  background-position: -121px -65px;
}

.sale-slider-nav span.sale-slider-prev:hover {
  background-position: 0 -63px;
}

.sale-slider-nav span.sale-slider-next {
  right: 10px;
  background-position: -178px -65px;
}

.sale-slider-nav span.sale-slider-next:hover {
  background-position: -55px -63px;
}

/* ==========================================================================
   catalog hall
  ========================================================================== */
.b-hall-filter {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 20px;
}

.hall-filter__hall {
  width: 510px;
  height: 45px;
  float: left;
  border-right: 1px solid #d2d2d2;
}

.hall-filter__hall .selectmenu-wrap {
  margin-left: 260px;
  margin-right: 25px;
}

.hall-filter__hall .selectmenu {
  width: 100%;
}

.hall-filter__hall .ui-selectmenu-button span.ui-selectmenu-text {
  padding: 12px 30px 12px 13px;
}

.hall-filter__price {
  margin-left: 510px;
  padding-left: 25px;
}

.hall-filter__price .price-range {
  float: left;
}

.hall-filter__price .price-range .inputbox {
  width: 70px;
  background: #f5f5f5;
}

.hall-filter__price .price-range .inputbox:focus {
  background: #fff;
}

.hall-filter__price .filter-slider {
  margin: 20px 15px 0 300px;
}

.hall-filter__title {
  font-weight: 900;
  font-size: 13px;
  line-height: 45px;
  text-transform: uppercase;
  margin-right: 15px;
  float: left;
}

/* ==========================================================================
   news
  ========================================================================== */
.news-item {
  margin-bottom: 40px;
}

.news-item .news-img {
  float: left;
  width: 80px;
}

.news-item .news-img img {
  width: 100%;
  display: block;
}

.news-item .news-teaser {
  margin-left: 105px;
}

.news-item .news-title {
  text-transform: uppercase;
  text-decoration: underline;
  display: block;
}

.news-item .news-title:hover {
  text-decoration: none;
}

.news-item .news-date {
  color: #9b9b9b;
  margin-bottom: 7px;
}

.news-item .news-img-mob {
  display: none;
  float: left;
  width: 80px;
}

.news-item .news-img-mob img {
  width: 100%;
  display: block;
}

.news-item p {
  margin: 0;
}

.b-cat-navigation.content-navigation {
  height: 50px;
  border-top: 1px solid #d2d2d2;
}

.b-cat-navigation.content-navigation .b-type-display {
  padding: 15px 0;
  height: 50px;
  margin: 0;
}

.load-more-products.content {
  display: none;
}

/* ==========================================================================
   hall
  ========================================================================== */
.hall-map {
  position: relative;
  float: left;
  width: 325px;
}

.hall-map .hall-map__bg {
  width: 285px;
  height: 320px;
  margin-top: -40px;
  background: url(/_images/moscow-map.png) no-repeat;
}

.hall-map .hall-marker {
  display: block;
  width: 26px;
  height: 33px;
  position: absolute;
  cursor: pointer;

  background: url(/_images/svg/sprite.svg) -370px -212px no-repeat;
}

.hall-map .hall-marker.lenin {
  top: 130px;
  left: 105px;
}

.hall-map .hall-marker.otrad {
  left: 142px;
  top: 25px;
}

.hall-map .hall-marker.museon {
  top: 85px;
  left: 133px;
}

.hall-map .hall-marker.marino {
  top: 125px;
  left: 198px;
}

.hall-map .hall-marker.varshavka {
  top: 115px;
  left: 140px;
}

.hall-map .hall-marker.yasenevo {
  top: 160px;
  left: 87px;
}

.hall-info {
  margin-left: 325px;
  padding-top: 35px;
}

.hall-info a {
  text-decoration: underline;
}

.hall-info a:hover {
  text-decoration: none;
}

.hall-info .hall-icon {
  padding: 10px 0 0 45px;
}

.hall-info .hall-icon:before {
  content: "";
  display: block;
  width: 36px;
  height: 37px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -18px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.hall-info .hall-icon.chat:before {
  background-position: -565px -296px;
}

.hall-info .hall-icon.pay:before {
  background-position: -512px -346px;
}

.halls-desc {
  margin-top: 20px;
  overflow: hidden;
}

.halls-desc .map-holder {
  height: 480px;
  width: 100%;
}

.halls-desc__row {
  margin: 0 -25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d2d2d2;
}

.halls-desc__text {
  float: left;
  width: 68%;
  padding: 0 25px 0;
  border-right: 1px solid #d2d2d2;
  margin: 0 -15px;
}

.halls-desc__text .col1 {
  float: left;
  width: 45%;
  padding: 0 15px;
}

.halls-desc__text .col1 p {
  color: #797979;
}

.halls-desc__text .col2 {
  border-left: 1px solid #d2d2d2;
  float: left;
  width: 55%;
  padding: 0 15px;
}

.halls-desc__text .tel-link {
  color: #154d56;
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}

.halls-desc__text h4 {
  margin: 0 0 20px 0;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.halls-desc__text p {
  font-size: 12px;
}

.halls-desc__text a {
  text-decoration: underline;
}

.halls-desc__text a:hover {
  text-decoration: none;
}

.halls-desc__text .col-text {
  padding-left: 43px;
  position: relative;
  margin-bottom: 35px;
}

.halls-desc__text .col-text.adress p, .halls-desc__text .col-text.post p {
  margin-bottom: 7px;
}

.halls-desc__text .col-text:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 37px;
  height: 40px;
}

.halls-desc__text .col-text.tel:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -468px -297px;
}

.halls-desc__text .col-text.adress:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -468px -246px;
}

.halls-desc__text .col-text.time:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -464px -345px;
}

.halls-desc__text .col-text.email:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -511px -246px;
}

.halls-desc__photo {
  float: right;
  width: 32%;
  padding: 0px 25px 10px 0;
  margin-right: -8px;
}

.halls-desc__photo ul {
  overflow: hidden;
}

.halls-desc__photo li {
  float: left;
  width: 50%;
  padding: 0 8px 20px 8px;
}

.halls-desc__photo li img {
  display: block;
  width: 100%;
  border: 1px solid #d2d2d2;
}

.tm-shop-content .ui-tabs {
  padding: 0;
}

.tm-shop-content .ui-tabs .ui-tabs-panel {
  padding: 0;
}

.map-head-mob {
  text-align: center;
  display: none;
  padding: 25px 0 10px 0;
  color: #0f8b99;
  text-transform: uppercase;
  font-weight: 700;
}

.b-contacts-map-head {
  max-width: 1160px;
  padding: 0 10px;
  position: relative;
  margin: 0 auto;
}

.b-contacts-map-head .points-box .map_text {
  padding: 10px 0;
}

.b-contacts-map-head .points-box .row {
  padding: 15px 0 20px 0;
  text-align: center;
}

.b-contacts-map-head .points-box .row a {
  display: inline-block;
  float: none;
  margin: 0 5px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: underline;
  letter-spacing: 0.04em;
  color: #154d56;
  border: 1px solid #d2d2d2;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  position: relative;
}

.b-contacts-map-head .points-box .row a:hover {
  text-decoration: none;
}

.b-contacts-map-head .points-box .row a.active {
  text-decoration: none;
  color: #0f8b99;
  border: 1px solid #0f8b99;
  font-weight: 700;
}

.b-contacts-map-head .points-box .row:first-child {
  margin: 5px 10% 0;
  padding-bottom: 15px;
  overflow: hidden;
}

.b-contacts-map-head .points-box .row:first-child a {
  float: left;
  width: 33.333%;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 3px solid transparent;
  height: 38px;
  line-height: 38px;
  display: block;
}

.b-contacts-map-head .points-box .row:first-child a:hover {
  text-decoration: none;
}

.b-contacts-map-head .points-box .row:first-child a.active {
  text-decoration: none;
  color: #0f8b99;
  border-bottom: 3px solid #0f8b99;
  font-weight: 700;
}

.tab-list {
  margin: 15px 10% 0;
  padding-bottom: 15px;
  overflow: hidden;
}

.tab-list li {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
}

.tab-list li.active {
  padding: 0;
}

.tab-list li.active .text {
  text-decoration: none;
  color: #0f8b99;
  border-bottom: 3px solid #0f8b99;
  font-weight: 700;
}

.tab-list li .text {
  display: block;
  text-transform: uppercase;
  text-align: center;
  float: none;
  text-decoration: underline;
  letter-spacing: 0.04em;
  color: #154d56;
  border-bottom: 3px solid transparent;
  height: 38px;
  line-height: 38px;
  padding: 0;
  position: relative;
}

.tab-list li .text:hover {
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav.tabs-nav {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  display: table;
  width: 100%;
  padding: 0;
  margin-bottom: 45px;
}

.ui-tabs .ui-tabs-nav.tabs-nav li {
  display: table-cell;
  float: none;
  margin: 0;
}

.ui-tabs .ui-tabs-nav.tabs-nav li.ui-tabs-active {
  padding: 0;
}

.ui-tabs .ui-tabs-nav.tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  text-decoration: none;
  color: #0f8b99;
  border-bottom: 3px solid #0f8b99;
  font-weight: 700;
}

.ui-tabs .ui-tabs-nav.tabs-nav li .ui-tabs-anchor {
  display: block;
  text-transform: uppercase;
  text-align: center;
  float: none;
  text-decoration: underline;
  color: #154d56;
  border-bottom: 3px solid transparent;
  height: 50px;
  line-height: 50px;
  padding: 0;
  position: relative;
  letter-spacing: 0.04em;
  top: 1px;
}

.ui-tabs .ui-tabs-nav.tabs-nav li .ui-tabs-anchor:hover {
  text-decoration: none;
}

.b-contacts-map-show {
  text-align: center;
}

.b-contacts-map-show img {
  max-width: 100%;
}

/* ==========================================================================
   contact
  ========================================================================== */
.contact-row {
  overflow: hidden;
  padding: 50px 0;
}

.contact-row .contact-col {
  float: left;
  width: 30%;
  padding: 0 20px;
}

.contact-row .contact-col.col2 {
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  width: 40%;
}

.contact-row .contact-col .tel-link {
  color: #154d56;
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}

.contact-row .contact-col.col1 p {
  color: #797979;
}

.contact-row .contact-col h4 {
  margin: 0 0 25px 0;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.contact-row .contact-col p {
  font-size: 12px;
}

.contact-row .contact-col a {
  text-decoration: underline;
}

.contact-row .contact-col a:hover {
  text-decoration: none;
}

.contact-row .col-text {
  padding-left: 43px;
  position: relative;
  margin-bottom: 35px;
}

.contact-row .col-text.adress p, .contact-row .col-text.post p {
  margin-bottom: 7px;
}

.contact-row .col-text:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 37px;
  height: 40px;
}

.contact-row .col-text.tel:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -468px -297px;
}

.contact-row .col-text.adress:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -468px -246px;
}

.contact-row .col-text.time:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -464px -345px;
}

.contact-row .col-text.email:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -511px -246px;
}

.contact-row .col-text.post:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -510px -296px;
}

.contact-form {
  border-top: 1px solid #d2d2d2;
  padding: 25px 0;
}

.contact-form h3 {
  text-align: center;
  color: #0f8b99;
  margin: 0 0 35px 0;
  font-size: 14px;
}

.contact-form .btn {
  width: 270px;
  display: block;
  margin: 10px auto;
}

.contact-form__row {
  overflow: hidden;
}

.contact-form__col {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.contact-form__col.col2 p {
  margin-bottom: 5px;
}

.contact-form__col p {
  overflow: hidden;
  margin-bottom: 25px;
}

.contact-form__col label {
  width: 120px;
  float: left;
  line-height: 44px;
}

.contact-form__col .inputbox-holder {
  display: block;
  margin-left: 120px;
}

.contact-form__col .inputbox {
  width: 100%;
}

.contact-form__col textarea {
  height: 140px;
}

.contact-form__col input[type="file"] {
  padding: 12px 0;
}

.contact-form__col input[type="file"]:focus {
  border: none;
  outline: none;
}

.contact-form__col .file-ps {
  display: block;
  color: #9b9b9b;
  font-size: 12px;
}

/* ==========================================================================
   delivery
  ========================================================================== */
/* moscow */
.delivery-nav {
  margin-bottom: 30px;
}

.delivery-nav .delivery-nav__link {
  display: block;
  float: left;
  width: 25%;
  text-align: center;
}

.delivery-nav .delivery-nav__link:hover {
  text-decoration: none;
}

.delivery-nav .delivery-nav__link .delivery-nav__title {
  display: block;
  margin: 0 auto 22px;
  font-size: 18px;
  font-weight: 900;
}

.delivery-nav .delivery-nav__link .delivery-nav__subtitle {
  text-decoration: underline;
}

.delivery-nav .delivery-nav__link i {
  display: block;
  width: 115px;
  height: 120px;
  margin: 0 auto 10px;
  background: url(/_images/svg/delivery-sprite.svg) no-repeat;
}

.delivery-nav .delivery-nav__link i.d-delivery {
  background-position: 0 0;
}

.delivery-nav .delivery-nav__link i.d-install {
  background-position: -125px 0;
}

.delivery-nav .delivery-nav__link i.d-pay {
  background-position: -245px -3px;
}

.delivery-nav .delivery-nav__link i.d-return {
  background-position: -368px -3px;
}

.delivery-nav .delivery-nav__link:hover .delivery-nav__subtitle {
  text-decoration: none;
}

.delivery-box {
  overflow: hidden;
  padding: 25px 20px;
  border-top: 1px solid #d2d2d2;
}

.delivery-box h2 {
  text-align: center;
  font-size: 15px;
  font-weight: 900;
  margin: 0 10px 20px 10px;
}

.delivery-box h3 {
  text-align: center;
  font-size: 14px;
  color: #0f8b99;
  font-weight: 700;
  margin: 10px 0 25px 0;
}

.delivery-box a {
  text-decoration: underline;
}

.delivery-box a:hover {
  text-decoration: none;
}

.delivery-box .tel-link {
  color: #154d56;
  font-weight: 700;
}

.icon-list.kremlin {
  padding-right: 280px;
  margin-right: -20px;
  margin-bottom: 45px;
  background: url(/_images/kremlin.png) right bottom no-repeat;
}

.icon-list.kremlin br {
  display: none;
}

.icon-list.russia {
  padding-bottom: 85px;
  background: url(/_images/russia-map.png) right bottom no-repeat;
  background-size: 470px auto;
}

.delivery-info__row {
  margin: 0 15% 30px 15%;
}

.delivery-info__col {
  width: 50%;
  float: left;
  text-align: center;
}

.delivery-info__col i {
  display: block;
  width: 162px;
  height: 166px;
  margin: 0 auto 10px;
  background: url(/_images/svg/delivery-sprite.svg) no-repeat;
}

.delivery-info__col i.icon-truck1 {
  background-position: 0 -134px;
}

.delivery-info__col i.icon-truck2 {
  background-position: -189px -134px;
}

.robokassa-partners h4 {
  margin: 0;
  font-weight: 400;
}

.install .icon-list li {
  padding-top: 20px;
}

.install-free {
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
}

.install-free .icon-tool {
  display: block;
  width: 113px;
  height: 125px;
  margin: 0 auto 10px;
  background: url(/_images/svg/delivery-sprite.svg) -370px -159px no-repeat;
}

.install-pdf {
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
}

.install-pdf .icon-d-pdf {
  display: block;
  width: 113px;
  height: 125px;
  margin: 0 auto 10px;
  background: url(/_images/svg/delivery-sprite.svg) -106px -594px no-repeat;
}

.rekvizit-list {
  margin: 15px 0;
}

.rekvizit-list dt {
  font-weight: 700;
  float: left;
  margin-right: 3px;
  margin-bottom: 12px;
}

.rekvizit-list dd {
  margin-bottom: 12px;
}

.powerpay {
  background: #ff7a00;
  text-align: center;
  padding: 6px;
  margin: 0 -20px 30px;
}

.powerpay span {
  display: block;
  border: 1px solid #fff;
  font-size: 20px;
  padding: 13px;
  color: #fff;
  text-transform: uppercase;
}

.vcredit-video {
  margin: 25px 0;
  text-align: center;
}

.vcredit-video iframe {
  max-width: 100%;
}

.b-return {
  position: relative;
  padding: 22px 0 22px 95px;
  margin: 0;
}

.b-return:before {
  content: "";
  width: 80px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -45px;
  background: url(/_images/svg/delivery-sprite.svg) -234px -327px no-repeat;
}

.credit-nav {
  margin: 25px 0 45px 0;
}

.credit-nav .col {
  width: 50%;
  float: left;
  padding: 0 20px;
  text-align: center;
  position: relative;
}

.credit-nav .col:first-child:after {
  border-right: 1px solid #d2d2d2;
  content: "";
  position: absolute;
  top: 30px;
  right: 0;
  height: 95%;
}

.credit-nav .col ul li {
  padding: 4px 0;
}

.credit-nav .credit-nav__img {
  margin-bottom: 35px;
}

.credit-nav .credit-nav__img img {
  display: inline-block;
  width: 370px;
  max-width: 95%;
}

.alfabank h2 img,
.vcredit h2 img {
  margin-top: 25px;
  width: 310px;
  max-width: 100%;
  display: inline-block;
}

.alfabank h3,
.vcredit h3 {
  margin: 40px 0 25px 0;
}

.credit-faq dt {
  text-transform: uppercase;
  color: #0f8b99;
  margin-bottom: 12px;
}

.credit-faq dd {
  margin: 0 0 25px 35px;
}

.vcredit-list {
  margin: 0 20px;
}

.vcredit-list li {
  width: 25%;
  padding-top: 80px;
  float: left;
  text-align: center;
  height: 170px;
  border-bottom: 1px solid #d2d2d2;
  position: relative;
}

.vcredit-list li:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 45px;
  background: url(/_images/svg/delivery-sprite.svg) no-repeat;
}

.vcredit-list li.watch:before {
  background-position: 5px -450px;
}

.vcredit-list li.calendar:before {
  background-position: -92px -450px;
}

.vcredit-list li.display:before {
  background-position: -185px -450px;
}

.vcredit-list li.percentage:before {
  background-position: -280px -450px;
}

.vcredit-list li.truck:before {
  background-position: 5px -526px;
}

.vcredit-list li.territory:before {
  background-position: -86px -526px;
}

.vcredit-list li.cash:before {
  background-position: -185px -526px;
}

.vcredit-list li.time:before {
  background-position: -279px -526px;
}

.pay-partners-list {
  display: table;
  width: 100%;
}

.pay-partners-list li {
  display: table-cell;
  text-align: center;
}

.pay-partners-list li img {
  display: inline-block;
  max-width: 95%;
}

.paytype-list {
  margin: 15px -35px;
}

.paytype-list li {
  width: 33.333%;
  float: left;
  position: relative;
  padding: 8px 35px 0 95px;
  height: 70px;
}

.paytype-list li:after {
  content: "";
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border-right: 1px solid #d2d2d2;
}

.paytype-list li:nth-of-type(3n):after {
  border: none;
}

.paytype-list li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 35px;
  width: 55px;
  height: 45px;
  background: url(/_images/svg/delivery-sprite.svg) no-repeat;
}

.paytype-list li.cash:before {
  background-position: 0px -325px;
}

.paytype-list li.purse:before {
  background-position: -86px -326px;
}

.paytype-list li.bank:before {
  background-position: -158px -326px;
}

.paytype-list li.internet:before {
  background-position: 0px -392px;
}

.paytype-list li.service:before {
  background-position: -80px -386px;
}

.paytype-list li.man:before {
  background-position: -152px -386px;
}

.list-step {
  margin-bottom: 15px;
}

.list-step li {
  display: inline-block;
  margin-left: 40px;
  position: relative;
  vertical-align: top;
}

.list-step li:after {
  content: "";
  display: block;
  position: absolute;
  right: -35px;
  top: 35px;
  width: 28px;
  height: 13px;
  background: url(/_images/svg/delivery-sprite.svg) -438px -324px no-repeat;
}

.list-step li.list-step__head {
  margin: 0;
}

.list-step li.list-step__head:after {
  display: none;
}

.list-step li.no-arrow:after {
  display: none;
}

.list-step .icon-ccard {
  display: block;
  width: 82px;
  height: 92px;
  background: url(/_images/svg/delivery-sprite.svg) 0px -593px no-repeat;
}

.list-step .icon-bank {
  display: block;
  width: 82px;
  height: 92px;
  background: url(/_images/svg/delivery-sprite.svg) 0px -706px no-repeat;
}

.paysistem-list {
  width: 550px;
  margin: 15px auto 35px;
  border: 1px solid #d2d2d2;
  padding: 20px 10px;
}

.paysistem-list li {
  display: inline-block;
  margin: 0 12px 3px;
}

.paysistem-list li img {
  display: inline-block;
}

.delivery-cities__list {
  margin-bottom: 40px;
}

.delivery-cities__list .column {
  float: left;
  width: 16.6666%;
}

/* city */
.delivery-reviews {
  border-top: 1px solid #d2d2d2;
  padding-top: 30px;
}

.delivery-reviews h2 {
  text-align: center;
  font-size: 20px;
  margin: 0 0 30px 0;
}

.delivery-reviews .reviews-gallery {
  position: relative;
  width: 620px;
  margin: 0 auto;
}

.delivery-reviews .review-item {
  position: relative;
  overflow: hidden;
  border: 1px solid #d2d2d2;
  padding: 12px;
}

.delivery-reviews .review-item .review-info {
  position: relative;
  height: auto;
  margin-left: 337px;
}

.delivery-reviews .review-item .review-name {
  font-weight: 700;
  color: #0f8b99;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.delivery-reviews .review-item .review-text {
  margin-top: 20px;
}

.delivery-reviews .review-item .review-link {
  position: absolute;
  text-transform: uppercase;
  bottom: 0;
}

.delivery-reviews .reviews-slider___nav span {
  width: 49px;
  height: 52px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.delivery-reviews .reviews-slider___nav span.reviews-slider-prev {
  background-position: -121px -65px;
  left: -55px;
}

.delivery-reviews .reviews-slider___nav span.reviews-slider-prev:hover {
  background-position: 0 -63px;
}

.delivery-reviews .reviews-slider___nav span.reviews-slider-next {
  right: -55px;
  background-position: -178px -65px;
}

.delivery-reviews .reviews-slider___nav span.reviews-slider-next:hover {
  background-position: -55px -63px;
}

.delivery-reviews .review-rate {
  margin: 20px 0 45px 0;
}

.delivery-reviews .review-rate p {
  color: #949494;
  text-transform: uppercase;
  margin: 0;
}

.delivery-reviews .review-rate ul .star {
  display: inline-block;
  width: 30px;
  height: 28px;
  background: url(/_images/svg/sprite.svg) -646px -357px no-repeat;
}

.delivery-city .tel-link {
  color: #154d56;
  font-weight: 700;
}

.delivery-city a {
  text-decoration: underline;
}

.delivery-city a:hover {
  text-decoration: none;
}

.delivery-city .quest {
  padding: 20px 0 20px 40px;
  margin: 0;
  position: relative;
}

.delivery-city .quest:before {
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 50%;
  margin-top: -20px;
  width: 19px;
  height: 40px;
  background: url(/_images/svg/sprite.svg) -676px -297px no-repeat;
}

.delivery-city .cart-thanks__faq {
  margin-top: 20px;
}

.delivery-city .cart-thanks__faq-row {
  margin: 0;
}

.delivery-city-box {
  padding: 0 20px;
  overflow: hidden;
}

.delivery-city__info {
  margin: 55px -20px 60px -20px;
}

.delivery-city__info .col {
  float: left;
  padding: 0 20px;
}

.delivery-city__info .col.col-icon {
  width: 36%;
}

.delivery-city__info .col.col-contact {
  width: 34%;
  border-right: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
}

.delivery-city__info .col.col-contact .tel-link {
  font-weight: 400;
}

.delivery-city__info .col.col-marker {
  width: 30%;
}

.delivery-city__info .delivery-price__text {
  margin-left: 140px;
  padding-top: 30px;
  padding-right: 8px;
}

.delivery-city__info .delivery-price {
  overflow: hidden;
  margin-bottom: 40px;
}

.delivery-city__info .delivery-price .delivery-price__img {
  width: 145px;
  float: left;
  padding: 47px 13px 0 11px;
  font-size: 23px;
  color: #0f8b99;
  height: 145px;
  background: url(/_images/svg/devilery-price.svg) top left no-repeat;
}

.delivery-city__info .delivery-time {
  overflow: hidden;
}

.delivery-city__info .delivery-time .delivery-price__img {
  width: 145px;
  height: 145px;
  float: left;
  padding-right: 13px;
  padding-top: 30px;
  text-align: center;
  font-size: 25px;
  color: #0f8b99;
  line-height: 25px;
  background: url(/_images/svg/devilery-time.svg) 4px top no-repeat;
}

.delivery-city__info .delivery-time .delivery-price__img span {
  font-size: 37px;
  line-height: 37px;
}

.delivery-city__info .col-text {
  padding-left: 43px;
  position: relative;
  margin-bottom: 35px;
}

.delivery-city__info .col-text h4 {
  text-transform: uppercase;
}

.delivery-city__info .col-text:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 37px;
  height: 40px;
}

.delivery-city__info .col-text.tel:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -468px -297px;
}

.delivery-city__info .col-text.adress:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -468px -246px;
}

.delivery-city__info .col-text.time:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -464px -345px;
}

.delivery-city__info .city-marker {
  width: 212px;
  height: 340px;
  margin: -25px auto 0;
  background: url(/_images/svg/city-marker.svg) no-repeat;
}

.delivery-city__info .city-marker img {
  display: block;
  padding-top: 40px;
  margin: 0 auto;
  max-width: 115px;
  max-height: 160px;
}

.delivery-city__info .col-marker-mob {
  display: none;
}

/* ==========================================================================
   about
  ========================================================================== */
.page-about h2 {
  font-weight: 900;
  font-size: 20px;
  text-align: center;
  margin: 0 0 30px 0;
}

.about-list {
  margin: 40px 0 40px 20px;
}

.about-list li {
  padding: 23px 0 0 80px;
  margin-bottom: 25px;
  position: relative;
}

.about-list li h3 {
  color: #0f8b99;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.about-list li strong {
  text-transform: uppercase;
}

.about-list li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 58px;
  height: 67px;
  background: url(/_images/svg/about-icons.svg) no-repeat;
}

.about-list li.watch:before {
  background-position: 0 -12px;
}

.about-list li.power:before {
  background-position: 0 -112px;
}

.about-list li.speed:before {
  background-position: 0 -212px;
}

.about-list li.cover:before {
  background-position: 0 -312px;
}

.about-list li.size:before {
  background-position: 0 -412px;
}

.about-list li.sneakers:before {
  background-position: 0 -512px;
}

.about-list li.display:before {
  background-position: 0 -612px;
}

.about-list li.stopwatch:before {
  background-position: 0 -712px;
}

.about-list li.heart:before {
  background-position: 0 -812px;
}

.about-list li.cross:before {
  background-position: 0 -912px;
}

.about-list li.fan:before {
  background-position: 0 -1012px;
}

.about-list li.aerosol:before {
  background-position: 0 -1112px;
}

.about-list li.kg:before {
  background-position: 0 -1218px;
}

.about-list li.bike:before {
  background-position: 0 -1805px;
}

.about-list li.sedlo:before {
  background-position: 0 -1328px;
}

.about-list li.energo:before {
  background-position: 0 -1435px;
}

.about-list li.autowork:before {
  background-position: 0 -1525px;
}

.about-list li.attention:before {
  background-position: 0 -1617px;
}

.about-list li.aerogear:before {
  background-position: 0 -1708px;
}

.about-list li.arrows:before {
  background-position: 0 -1913px;
}

.about-list li.ruler:before {
  background-position: 0 -2010px;
}

.about-list li.scroll:before {
  background-position: 0 -2109px;
}

.about-level {
  border-top: 1px solid #d2d2d2;
  padding: 40px 0;
  margin-bottom: 40px;
}

.about-level h2 {
  margin-bottom: 10px;
}

.about-level .subtitle {
  color: #0f8b99;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 25px;
}

.level-list .level__col {
  width: 33.3333%;
  float: left;
  padding: 0 15px;
}

.level-list .level__col .rating {
  text-align: center;
  height: 60px;
}

.level-list .level__col h3 {
  text-align: center;
  color: #0f8b99;
  margin: 0 0 12px 0;
}

.about-brands {
  border-top: 1px solid #d2d2d2;
  margin: 30px 0 25px 0;
  overflow: hidden;
  text-align: center;
}

.about-brands li {
  width: 16%;
  display: inline-block;
  height: 65px;
  line-height: 65px;
}

.about-brands li img {
  display: inline-block;
  vertical-align: middle;
  max-width: 98%;
}

.about-type {
  margin: 35px 0;
  overflow: hidden;
}

.about-type__img {
  margin-left: 625px;
  width: 100%;
  height: 370px;
  background: url(/_images/about-beg.jpg) no-repeat top left;
  background-size: auto 370px;
}

.velo .about-type__img {
  margin-left: 625px;
  width: 100%;
  height: 420px;
  background: url(/_images/about-velo.jpg) no-repeat top left;
  background-size: auto 420px;
}

.ellips .about-type__img {
  margin-left: 625px;
  width: 100%;
  height: 470px;
  background: url(/_images/about-ellips.jpg) no-repeat top left;
  background-size: auto 470px;
}

.about-type__info {
  float: left;
  width: 625px;
  overflow: hidden;
}

.about-type__info h2 {
  font-size: 15px;
  margin: 0 0 10px 0;
}

.about-type__info h3 {
  color: #0f8b99;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 10px 0;
}

.about-type__info .col {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.about-type__info .col p {
  margin: 0;
}

.about-type__info .col3 {
  padding: 50px 20px 0 20px;
  position: relative;
}

.about-type__info .col3:before {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -22px;
  width: 60px;
  height: 40px;
  display: block;
  background: url(/_images/svg/sprite.svg) -1000px -615px no-repeat;
}

.about-type__img-mob {
  display: none;
}

.about-type__icons {
  position: relative;
  margin-bottom: 10px;
  height: 112px;
}

.about-type__icons .icon-big-wrap {
  position: absolute;
  width: 216px;
  height: 112px;
  left: 50%;
  margin-left: -108px;
  top: 0;
}

.about-type__icons .icon-big-beg {
  display: block;
  width: 162px;
  height: 110px;
  margin: 0 auto;
  background: url(/_images/svg/sprite.svg) -650px -430px no-repeat;
}

.about-type__icons .icon-t-gear {
  position: absolute;
  top: 30px;
  left: 130px;
  width: 63px;
  height: 61px;
  display: block;
  background: url(/_images/svg/sprite.svg) -995px -394px no-repeat;
}

.about-type__icons .icon-t-electro {
  position: absolute;
  top: 30px;
  right: 130px;
  width: 60px;
  height: 60px;
  display: block;
  background: url(/_images/svg/sprite.svg) -998px -506px no-repeat;
}

.about-type__icons .arrow-left {
  position: absolute;
  top: 58px;
  left: 7px;
  width: 48px;
  height: 14px;
  display: block;
  background: url(/_images/svg/sprite.svg) -575px -376px no-repeat;
}

.about-type__icons .arrow-right {
  position: absolute;
  top: 58px;
  right: -3px;
  width: 48px;
  height: 14px;
  display: block;
  background: url(/_images/svg/sprite.svg) -577px -357px no-repeat;
}

.about-type__icons .icon-t-mag {
  position: absolute;
  top: 30px;
  right: 130px;
  width: 36px;
  height: 58px;
  display: block;
  background: url(/_images/svg/sprite.svg) -1008px -303px no-repeat;
}

.about-type__icons .arrow-down {
  position: absolute;
  bottom: -135px;
  right: 50%;
  margin-right: -3px;
  width: 14px;
  height: 135px;
  display: block;
  background: url(/_images/svg/sprite.svg) -995px -127px no-repeat;
}

.velo .about-type__icons {
  height: 112px;
}

.velo .about-type__icons .icon-big-wrap {
  position: absolute;
  width: 216px;
  height: 112px;
  left: 50%;
  margin-left: -108px;
  top: 0;
}

.velo .about-type__icons .icon-big-velo {
  display: block;
  width: 115px;
  height: 112px;
  margin: 0 auto;
  background: url(/_images/svg/sprite.svg) -672px -550px no-repeat;
}

.velo .about-type__icons .arrow-left {
  top: 67px;
  left: 5px;
}

.velo .about-type__icons .arrow-right {
  top: 67px;
  right: 14px;
}

.ellips .about-type__icons {
  height: 123px;
}

.ellips .about-type__icons .icon-big-wrap {
  position: absolute;
  width: 216px;
  height: 123px;
  left: 50%;
  margin-left: -108px;
  top: 0;
}

.ellips .about-type__icons .icon-big-velo {
  display: block;
  width: 128px;
  height: 123px;
  margin: 0 auto;
  background: url(/_images/svg/sprite.svg) -847px -537px no-repeat;
}

.ellips .about-type__icons .arrow-left {
  top: 80px;
  left: 0;
}

.ellips .about-type__icons .arrow-right {
  top: 80px;
  right: 16px;
}

/* ==========================================================================
   garant
  ========================================================================== */
.garant-box {
  padding: 20px;
  border-bottom: 1px solid #d2d2d2;
}

.garant-box:last-child {
  border: none;
}

.garant-box h2 {
  text-align: center;
  font-size: 15px;
  font-weight: 900;
  margin: 0 10px 20px 10px;
}

.garant-box h3 {
  text-align: center;
  font-size: 14px;
  color: #0f8b99;
  font-weight: 700;
  margin: 10px 0 25px 0;
}

.garant-box a {
  text-decoration: underline;
}

.garant-box a:hover {
  text-decoration: none;
}

.garant-box .tel-link {
  color: #154d56;
}

.garant-box .col-text {
  padding: 15px 0 15px 43px;
  position: relative;
  margin-bottom: 8px;
}

.garant-box .col-text:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 0;
  width: 37px;
  height: 40px;
}

.garant-box .col-text.tel:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -468px -297px;
}

.garant-box .col-text.adress:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -468px -246px;
}

.garant-box .col-text.email:before {
  background: url(/_images/svg/sprite.svg) no-repeat;
  background-position: -511px -246px;
}

.garant-box .col-text p {
  margin: 0;
}

.garant-table {
  width: 100%;
}

.garant-table th {
  padding: 12px 15px;
  text-align: left;
  font-weight: 400;
  font-size: 11px;
  text-transform: uppercase;
  color: #909090;
  border: 1px solid #d2d2d2;
}

.garant-table th:first-child {
  width: 180px;
}

.garant-table td {
  padding: 12px 15px;
  border: 1px solid #d2d2d2;
  text-align: center;
}

.garant-table td:first-child, .garant-table td:nth-of-type(2) {
  text-align: left;
}

.garant__line {
  overflow: hidden;
  margin-bottom: 25px;
}

.garant__line .icon {
  float: left;
  width: 115px;
  height: 95px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.garant__line .icon.icon-g-label {
  background-position: -975px 0;
}

.garant__line .icon.icon-g-gear {
  background-position: -837px 0;
}

.garant__line .garant__col-text {
  margin-left: 130px;
  padding: 20px 0;
}

.garant__line .garant__col-text b {
  text-transform: uppercase;
  color: #0f8b99;
}

.garant-brand__row {
  margin: 35px 0;
}

.garant-brand__select {
  float: left;
  width: 230px;
  padding-right: 20px;
  overflow: hidden;
}

.garant-brand__select .select-wrap {
  margin-bottom: 45px;
}

.garant-brand__select .select-logo img {
  max-width: 100%;
}

.garant-brand__select .ui-selectmenu-button span.ui-selectmenu-text {
  padding: 12px 30px 12px 13px;
}

.garant-brand__select .ui-selectmenu-button span.ui-icon {
  background: url(/_images/svg/sprite.svg) -163px -199px no-repeat;
  margin-top: -4px;
  width: 15px;
  height: 9px;
}

.garant-brand__select .ui-selectmenu-button.ui-state-hover span.ui-icon {
  background-position: -182px -199px;
}

.garant-brand__table {
  margin-left: 230px;
}

.garant-reason__row {
  margin: 25px 0;
}

.garant-reason__col {
  float: left;
  width: 33.333%;
  padding: 35px 15px 10px 115px;
  position: relative;
}

.garant-reason__col:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 103px;
  height: 115px;
  display: block;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.garant-reason__col.man:before {
  background-position: -872px -389px;
}

.garant-reason__col.bottle:before {
  background-position: -872px -250px;
}

.garant-reason__col.hand:before {
  background-position: -872px -117px;
}

/* ==========================================================================
   company
  ========================================================================== */
.c-about-img {
  float: right;
  width: 400px;
  padding-top: 7px;
}

.c-about-img img {
  max-width: 100%;
}

.c-about-text {
  margin-right: 430px;
}

.c-about-text .about-list {
  margin-top: 0;
}

.company-list {
  margin: 0 0 40px 0;
}

.company-list li {
  padding: 23px 0 10px 80px;
  margin-bottom: 25px;
  position: relative;
}

.company-list li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 58px;
  height: 67px;
  background: url(/_images/svg/list-icons.svg) no-repeat;
}

.company-list li.manager:before {
  background-position: 0 -2px;
}

.company-list li.delivery:before {
  background-position: 0 -388px;
}

.company-list li.pro:before {
  background-position: 0 -465px;
}

.company-list li.sale:before {
  background-position: 0 -548px;
}

.c-about-rules {
  margin: 0 -25px 45px;
  border-bottom: 1px solid #d2d2d2;
}

.c-about-rules h3 {
  color: #0f8b99;
  text-align: center;
  font-size: 14px;
}

.c-about-rules__col {
  width: 25%;
  float: left;
  padding: 135px 25px 45px;
  position: relative;
}

.c-about-rules__col:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -53px;
  display: block;
  width: 106px;
  height: 120px;
  background: url(/_images/svg/sprite.svg) no-repeat;
}

.c-about-rules__col.rule1:before {
  background-position: -115px -595px;
}

.c-about-rules__col.rule2:before {
  background-position: -226px -595px;
}

.c-about-rules__col.rule3:before {
  background-position: -337px -595px;
}

.c-about-rules__col.rule4:before {
  background-position: -455px -595px;
}

.p-contact {
  position: relative;
  padding: 16px 0 16px 80px;
  min-height: 70px;
}

.p-contact:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 60px;
  height: 68px;
  background: url(/_images/svg/sprite.svg) -561px -409px no-repeat;
}

.p-contact .tel-link {
  color: #154d56;
}

.p-contact.blue:before {
  background: url(/_images/svg/sprite.svg) -565px -490px no-repeat;
}

/* ==========================================================================
   opt
  ========================================================================== */
.opt-box {
  overflow: hidden;
  padding: 25px 20px;
  border-top: 1px solid #d2d2d2;
}

.opt-box:first-child {
  border: none;
}

.opt-box img {
  max-width: 100%;
}

.opt-box h3 {
  color: #0f8b99;
  text-align: center;
  font-size: 14px;
  margin: 0 0 25px 0;
}

.opt-box .p-contact {
  padding-top: 20px;
}

.company-list li.rf:before {
  background-position: 0 -2px;
}

.company-list li.leader:before {
  background-position: 0 -75px;
}

.company-list li.every:before {
  background-position: 0 -153px;
}

.company-list li.like:before {
  background-position: 0 -234px;
}

.brands-alfa-nav {
  display: none;
}

.brands-alfa-nav .brands-alfa {
  overflow: hidden;
}

.brands-alfa-nav .brands-alfa li {
  float: left;
  padding: 3px 3px;
}

.brands-alfa-nav .brands-alfa li a {
  font-size: 22px;
  text-decoration: none;
  font-weight: 700;
  display: block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
}

.brands-alfa-nav .brands-alfa li a:hover {
  color: #ff7a00;
}

.brands-alfa-nav .brands-alfa li.open-b-l a {
  color: #ff7a00;
}

.brands-alfa-nav .brands-alfa li.open-b-l a:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -1px;
  display: block;
  width: 40px;
  height: 44px;
  z-index: -1;
  background: url(/_images/svg/sprite.svg) -508px -468px no-repeat;
}

.b-brands-alfa {
  overflow: hidden;
  margin: 0 -10px;
}

.b-brands-alfa .column {
  float: left;
  width: 20%;
  padding: 0 10px;
}

.b-brands-alfa .brands-box {
  margin-bottom: 35px;
  white-space: nowrap;
}

.b-brands-alfa .brands-box h4 {
  font-size: 30px;
  line-height: 34px;
  color: #0f8b99;
  font-weight: 700;
  margin: 0 0 8px 0;
  border-bottom: 1px solid #d2d2d2;
}

.b-brands-alfa .brands-box a {
  font-size: 12px;
  text-decoration: none;
  color: #154d56;
  margin-bottom: 4px;
  display: block;
}

.b-brands-alfa .brands-box a:hover {
  text-decoration: underline;
}

/* ==========================================================================
   popup
  ========================================================================== */
/* popup */
.wrap-popup {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
}

.wrap-popup .close {
  position: absolute;
  display: block;
  width: 33px;
  height: 33px;
  top: 70px;
  right: 0;
  text-indent: -99999px;
  background: url(/_images/svg/sprite.svg) -206px -345px no-repeat;
  cursor: pointer;
}

.wrap-popup .main-container {
  width: 505px;
  height: 573px;
  top: 50%;
  margin: -290px auto 15px;
  position: relative;
  padding: 55px 1px 0 1px;
  background: url(/_images/popup-bg.png) no-repeat;
  z-index: 1000;
}

.wrap-popup h3 {
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  padding: 25px 0 20px;
}

.wrap-popup .btn {
  width: 195px;
  margin: 0 auto;
  display: block;
}

.wrap-popup-bg {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
}

.lt-ie9 .wrap-popup-bg {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
  zoom: 1;
}

.icon-popup {
  margin: 0 auto 20px;
  width: 58px;
}

.icon-popup img {
  display: block;
}

.popup-img img {
  max-width: 100%;
}

.callback-form {
  width: 300px;
  margin: 30px auto 5px;
}

.callback-form .inputbox {
  width: 100%;
  margin-bottom: 10px;
}

.feedback-form {
  padding: 6px 18px 0 18px;
}

.feedback-form textarea {
  height: 55px;
  padding: 4px 10px;
  margin-bottom: 12px;
  width: 100%;
  line-height: 16px;
}

.feedback-form .inputbox-ps {
  color: #9b9b9b;
  margin: 5px 0 10px 0;
  text-align: center;
}

.popup-order h3 {
  font-size: 16px;
}

.popup-order .order-short__product {
  padding: 0 15px 15px;
  display: table;
  height: 255px;
}

.popup-order .order-short__img {
  display: table-cell;
  vertical-align: middle;
  width: 220px;
  text-align: center;
}

.popup-order .order-short__img img {
  max-width: 100%;
  max-height: 235px;
}

.popup-order .order-short__info {
  display: table-cell;
  vertical-align: middle;
}

.popup-order .order-short__btn {
  overflow: hidden;
  padding: 0 20px;
}

.popup-order .order-short__btn .btn {
  width: 225px;
  float: right;
}

.popup-order .order-short__btn .btn.btn-blue {
  float: left;
}

.popup-order .order-short__title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.popup-order .order-short__title .product__cat {
  display: block;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
}

.popup-order .order-short__oldprice {
  font-size: 12px;
  color: #aeaeae;
  text-decoration: line-through;
  margin-bottom: 0;
}

.popup-order .order-short__price {
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 0.05em;
}

.popup-megasale h3 {
  font-size: 16px;
}

.popup-megasale .megasale-text {
  text-align: center;
  padding: 30px 50px 0;
  color: #0f8b99;
  line-height: 16px;
}

.popup-megasale .megasale-text b {
  color: #154d56;
}

.popup-megasale .megasale-text p {
  margin: 0 0 20px 0;
}

.popup-megasale .megasale-text .orange {
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}

.popup-city .main-container {
  height: auto;
  background: none;
  top: 45px;
  padding-top: 0;
  margin: 0 auto 50px;
}

.popup-city .popup-header {
  background: url(/_images/filter-top.png) top center no-repeat;
  background-size: 505px auto;
  height: 170px;
  padding-top: 55px;
}

.popup-city .popup-body {
  background: #fff;
}

.popup-city .popup-footer {
  background: url(/_images/filter-bottom.png) top center no-repeat;
  background-size: 505px auto;
  height: 214px;
  padding-bottom: 25px;
}

.popup-city .popup-footer .btn-wrap {
  margin: 0 15px;
  border-top: 1px solid #d2d2d2;
  padding-top: 20px;
}

.popup-city .popup-footer .btn {
  width: 300px;
}

.popup-city .popup-img {
  padding: 15px 0 40px;
}

.popup-city .popup-cities {
  padding: 0 25px 20px 25px;
}

.popup-city .popup-city__list {
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
}

.popup-city .popup-city__list a {
  text-decoration: underline;
}

.popup-city .popup-city__list a:hover {
  text-decoration: none;
}

.popup-feedback .popup-img {
  margin-top: -10px;
}

.popup-feedback .inputbox {
  width: 100%;
}
.popup-cheaper .popup-body {
  background: #fff;
}

.popup-cheaper h3 {
  border: none;
  font-size: 20px;
  color: #0f8b99;
  padding-top: 15px;
}

.popup-cheaper .cheaper-product {
  padding: 0 15px 15px;
  display: table;
  height: 255px;
}

.popup-cheaper .cheaper-product__img {
  display: table-cell;
  vertical-align: middle;
  width: 220px;
  max-height: 200px;
  text-align: center;
}

.popup-cheaper .cheaper-product__img img {
  max-width: 100%;
  max-height: 235px;
}

.popup-cheaper .cheaper-product__info {
  display: table-cell;
  vertical-align: middle;
}

.popup-cheaper .cheaper-product__title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.popup-cheaper .cheaper-product__title .product__cat {
  display: block;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
}

.popup-cheaper .cheaper-product__oldprice {
  font-size: 12px;
  color: #aeaeae;
  text-decoration: line-through;
  margin-bottom: 0;
}

.popup-cheaper .cheaper-product__price {
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 0.05em;
}

.popup-cheaper .cheaper-product__contact {
  text-align: center;
  padding: 0 20px;
}

.popup-cheaper .cheaper-product__contact a {
  text-decoration: underline;
}

.popup-cheaper .cheaper-product__contact a:hover {
  text-decoration: none;
}

.popup-cheaper h4 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}

.popup-cheaper .cheaper-form {
  text-align: left;
}

.popup-cheaper .cheaper-form .inputbox {
  width: 100%;
  margin-bottom: 10px;
}

.popup-cheaper .cheaper-form .btn {
  width: 300px;
  margin-top: 20px;
}

.popup-cheaper .popup-footer {
  background: url(/_images/filter-bottom.png) top center no-repeat;
  background-size: 505px auto;
  height: 214px;
  padding-bottom: 25px;
}

.popup-cheaper .popup-footer .btn-wrap {
  margin: 0 15px;
  padding-top: 10px;
}

.popup-cheaper .popup-footer .btn {
  width: 300px;
}

/* ==========================================================================
   responsive
  ========================================================================== */
@media screen and (max-width: 1200px) {
  .b-logo {
    width: 31%;
  }
  .b-header-map {
    padding-left: 0;
    background: none !important;
  }
  .b-header-map.spb,
  .b-header-map.msk {
    height: auto;
  }
  .b-header-map.rus {
    height: auto;
  }
  .b-header-map.rus .header-map__links {
    padding: 40px 0 0 0;
  }
  .b-header-map .header-map__marker {
    display: none;
  }
  .b-header-adresses {
    width: 21%;
  }
  .b-contact-header {
    width: 28%;
  }
  .b-footer-logolinks a.np {
    bottom: -115px;
  }
  .b-footer-logolinks a.visa {
    bottom: -88px;
  }
  .b-footer-logolinks a.mc {
    bottom: -95px;
  }
  .tm-shop-content {
    width: 75%;
  }
  .leftside {
    width: 25%;
  }
  .mainpage-slider__slide.slide4 h2 {
    padding-left: 0;
  }
  .mainpage-slider__slide.slide4 {
    background-position: -500px top;
  }
  .productfull__cheaper {
    display: block;
    margin-top: 4px;
  }
}

@media screen and (max-width: 1150px) {
  .cart-form__block .col input.inputbox {
    width: 335px;
  }
  .grid-view .product {
    width: 50%;
  }
  .b-top-offer .top-offer__img {
    left: -50px;
  }
  .prod-slider__item-labels {
    margin-right: 35px;
  }
  .product-related {
    width: 33.333%;
  }
  .b-cart-bottom .cart-promo .inputbox {
    width: 150px;
  }
  .cart-form__block.adress textarea.inputbox {
    width: 420px;
  }
  .hall-filter__hall {
    width: 460px;
  }
  .hall-filter__price {
    margin-left: 460px;
  }
  .garant-brand__table {
    margin-left: 0;
  }
  .garant-brand__select {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .garant-brand__select .select-wrap {
    margin-bottom: 0;
    padding-top: 10px;
    float: left;
    margin-right: 105px;
    width: 250px;
  }
  .garant-brand__select .select-logo img {
    max-width: 210px;
    max-height: 65px;
  }
  .garant-table th:first-child {
    width: 250px;
  }
}

@media screen and (max-width: 1100px) {
  .mainpage-slider__slide.slide4 .wrap {
    padding: 0 25px;
  }
  .slide2 .wrap,
  .slide3 .wrap {
    padding-left: 120px;
  }
  .subcat-list__item {
    width: 50%;
  }
  .subcat-list__item a.two-line {
    padding-top: 16px;
  }
}

@media screen and (max-width: 1050px) {
  .b-brands-alfa .column {
    width: 25%;
  }
  .massage-why__item {
    width: 50%;
  }
}

@media screen and (max-width: 1000px) {
  .subcat-list__item {
    width: 33.333%;
  }
  .mainpage-slider__slide.slide4 {
    background-position: -620px top;
  }
  .garant__line {
    margin-bottom: 0;
  }
  .garant-reason__col {
    padding: 135px 15px 10px 15px;
    text-align: center;
    margin-top: 15px;
  }
  .garant-reason__col:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -51px;
  }
  .delivery-city__info .col.col-icon {
    width: 100%;
    margin-bottom: 60px;
  }
  .delivery-city__info .col.col-contact {
    width: 50%;
    border-left: none;
  }
  .delivery-city__info .col.col-marker {
    width: 50%;
  }
  .delivery-cities__list .column {
    width: 25%;
  }
  .pay-partners-list {
    display: block;
    overflow: hidden;
    width: 100%;
  }
  .pay-partners-list li {
    display: block;
    float: left;
    width: 25%;
    height: 80px;
    margin-bottom: 20px;
  }
  .pay-partners-list li a {
    height: 100%;
    display: inline-block;
    line-height: 80px;
  }
  .pay-partners-list li img {
    display: inline-block;
    max-width: 95%;
    line-height: 80px;
    vertical-align: middle;
  }
  .paytype-list {
    margin: 15px -35px;
  }
  .paytype-list li {
    width: 50%;
    padding: 8px 35px 0 95px;
    height: 70px;
  }
  .paytype-list li:after {
    border-right: none;
  }
  .paytype-list li:nth-of-type(2n-1):after {
    border-right: 1px solid #d2d2d2;
  }
  .delivery-info__row {
    margin: 0 5% 30px;
  }
  .icon-list.kremlin {
    padding-right: 0;
  }
  .icon-list.kremlin br {
    display: inline;
  }
  .b-cat-navigation.cat-navigation--bottom {
    padding-left: 0;
  }
  .b-cat-navigation.cat-navigation--bottom .b-sort {
    left: 0;
  }
  .hall-filter__hall {
    width: 100%;
    height: 45px;
    float: none;
    border-right: none;
    margin-bottom: 20px;
  }
  .hall-filter__hall .selectmenu-wrap {
    margin-right: 0;
  }
  .hall-filter__hall .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 12px 30px 12px 13px;
  }
  .hall-filter__price {
    margin-left: 0;
    padding-left: 0;
    position: relative;
  }
  .hall-filter__price .price-range {
    float: left;
  }
  .hall-filter__price .price-range .inputbox {
    width: 70px;
    background: #f5f5f5;
  }
  .hall-filter__price .price-range .inputbox:focus {
    background: #fff;
  }
  .hall-filter__price .filter-slider {
    margin: 20px 15px 0 300px;
  }
  .sale-slider__item .sale-hand {
    width: 300px;
    height: 180px;
    background-size: 100% auto;
  }
  .cart-form__block .col input.inputbox {
    width: 245px;
  }
  .cart-form__block.adress textarea.inputbox {
    width: 100%;
  }
  .leftside {
    width: 640px;
    height: auto;
    top: 50px;
    margin: 0 auto 50px;
    position: relative;
    float: none;
    padding: 0;
    z-index: 1000;
  }
  .filter-popup-header,
  .close-mob,
  .filter-btn-mob,
  .filter-popup-bg,
  .mob-filter-open.mob-filter-open--s {
    display: block;
  }
  .filter-popup-header {
    height: 218px;
    padding-top: 55px;
    background: url(/_images/filter-top.png) no-repeat top center;
  }
  .wrap-popup-mob {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
    overflow-y: auto;
  }
  .wrap-popup-mob .icon-popup-mob {
    margin: 0 auto 20px;
    width: 58px;
    position: relative;
    z-index: 2;
  }
  .wrap-popup-mob .icon-popup-mob img {
    display: block;
  }
  .wrap-popup-mob h3 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.05em;
    color: #0f8b99;
    margin: 0 0 20px 0;
    position: relative;
    z-index: 2;
  }
  .wrap-popup-bg-mob {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
  }
  .close-mob {
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    top: 70px;
    right: 0px;
    text-indent: -99999px;
    background: url(/_images/svg/sprite.svg) -206px -345px no-repeat;
    cursor: pointer;
  }
  .cart-thanks__text {
    width: auto;
    margin: 0 180px 0 200px;
  }
  #tm-filter {
    padding: 0 20px;
    position: relative;
    background: #fff;
    z-index: 2;
  }
  #tm-filter .filter-row-mob {
    border-bottom: 1px solid #d2d2d2;
  }
  #tm-filter .filter-col-mob-wrap {
    float: left;
    width: 50%;
    padding: 0 35px;
  }
  #tm-filter .filter-col-mob-wrap.first {
    border-right: 1px solid #d2d2d2;
  }
  #tm-filter .filter-col-mob-wrap.last {
    margin-left: -1px;
    border-left: 1px solid #d2d2d2;
  }
  #tm-filter .b-filter:last-child {
    border: none;
  }
  .filter-btn-mob {
    position: relative;
    z-index: 2;
    padding-top: 25px;
    height: 214px;
    background: url(/_images/filter-bottom.png) no-repeat top center;
  }
  .filter-btn-mob .btn {
    display: block;
    width: 240px;
    margin: 0 auto 10px;
  }
  .tm-shop-content {
    float: none;
    width: 100%;
  }
  .footer-row {
    color: #fff;
  }
  .footer-row .footer-col.contact {
    width: 45%;
  }
  .footer-row .footer-col.subscribe {
    width: 100%;
    position: inherit;
    margin-bottom: 20px;
  }
  .footer-row .footer-col.menu {
    float: left;
  }
  .footer-row .footer-col.menu.company {
    width: 25%;
  }
  .footer-row .footer-col.menu.clients {
    width: 30%;
  }
  .b-footer-logolinks a {
    position: absolute;
  }
  .b-footer-logolinks a.np {
    bottom: 95px;
    right: 28px;
    left: auto;
  }
  .b-footer-logolinks a.visa {
    bottom: 40px;
    right: 93px;
  }
  .b-footer-logolinks a.mc {
    bottom: 34px;
    right: 30px;
  }
  .footer-social {
    padding: 28px 0 23px 20px;
  }
  header {
    height: auto;
    padding-bottom: 25px;
  }
  .b-logo {
    width: 100%;
    margin-top: 20px;
  }
  .b-header-adresses {
    width: 40%;
    padding: 0 0 0 6%;
  }
  .b-contact-header {

    width: 35%;
    padding: 0 0 0 2%;
  }
  .b-search {
    width: 25%;
  }
  .b-mainmenu .wrap {
    padding: 0;
  }
  .mainmenu {
    display: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 12px 0px;
            box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 12px 0px;
    float: none;
    width: 100%;
    position: absolute;
    z-index: 5;
    top: 63px;
    left: 0;
    height: auto;
  }
  .mainmenu > li {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    background-color: #fff;
  }
  .mainmenu > li:first-child a {
    border: none;
  }
  .mainmenu > li:first-child a:hover span {
    border: none;
  }
  .mainmenu > li:first-child a span {
    border: none;
  }
  .mainmenu > li > a {
    color: #154d56;
    font-weight: 700;
    padding: 0;
    height: auto;
    position: relative;
    border-top: 1px solid #aed8dd;
  }
  .mainmenu > li > a span {
    display: block;
    padding: 15px 25px;
    border-left: none;
    border-right: none;
  }
  .mainmenu > li > a:hover {
    background-color: #fff;
    padding-top: 0;
  }
  .mainmenu > li > a:hover span {
    height: auto;
    line-height: inherit;
    padding: 15px 25px;
  }
  .mainmenu > li > a:after {
    content: "";
    display: block;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 2%;
    background: url(/_images/svg/sprite.svg) -78px -197px no-repeat;
  }
  .mainmenu > li.mark a {
    color: #ff7a00;
  }
  .mainmenu > li.has-drop a:after {
    width: 27px;
    height: 29px;
    margin-top: -14px;
    right: 1.5%;
    background: url(/_images/svg/sprite.svg) -77px -224px no-repeat;
  }
  .mainmenu > li.has-drop a.open-sub-m:after {
    background: url(/_images/svg/sprite.svg) -109px -224px no-repeat;
  }
  .mainmenu > li:hover > a {
    background-color: #fff;
    padding-top: 0;
  }
  .mainmenu > li:hover > a span {
    height: auto;
    line-height: inherit;
    padding: 15px 25px;
  }
  .mainmenu li.mob-only {
    display: block;
  }
  .mob-menu-toggle {
    display: block;
  }
  .b-drop-wrap {
    position: relative;
    top: auto;
    left: 0;
    width: 100% !important;
    padding: 0;
  }
  .b-drop {
    background-color: #f4f4f4;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .b-drop li {
    position: relative;
  }
  .b-drop li:after {
    content: "";
    display: block;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 2%;
    background: url(/_images/svg/sprite.svg) -78px -197px no-repeat;
  }
  .b-drop .drop-box__childmenu-title {
    position: relative;
  }
  .b-drop .drop-box__childmenu-title:after {
    content: "";
    display: block;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 2%;
    background: url(/_images/svg/sprite.svg) -78px -197px no-repeat;
  }
  .b-drop .drop-box__childmenu-title.has-childmenu:after {
    width: 27px;
    height: 29px;
    margin-top: -14px;
    right: 1.5%;
    background: url(/_images/svg/sprite.svg) -77px -224px no-repeat;
  }
  .b-drop .drop-box__childmenu-title.has-childmenu.open-ch-m:after {
    background: url(/_images/svg/sprite.svg) -109px -224px no-repeat;
  }
  .b-drop .childmenu .childmenu-link {
    padding: 15px 15px 15px 50px;
    border: none;
    margin-top: 0;
    border-top: 1px solid #aed8dd;
  }
  .b-drop .childmenu .childmenu-link:hover {
    font-weight: 400;
    border: none;
    border-top: 1px solid #aed8dd;
    color: #154d56;
  }
  .b-drop .childmenu2 {
    display:none;
  }
  .drop-box {
    padding: 0;
  }
  .drop-box .drop-box__inside {
    border: none;
  }
  .drop-box .drop-box__title {
    display: none;
  }
  .drop-box .drop-box__row {
    overflow: hidden;
    margin: 0;
  }
  .drop-box .drop-box__col {
    float: none;
    width: 100%;
    padding: 0;
  }
  .drop-box .drop-box__col.drop-box__col--3 {
    width: 100%;
  }
  .drop-box .drop-box__childmenu-title {
    padding: 15px 15px 15px 50px;
    margin: 0;
    border-top: 1px solid #aed8dd;
  }
  .drop-box .drop-box__childmenu-title a {
    font-weight: 400;
    display: block;
  }
  .drop-box .drop-box__childmenu {
    display: none;
  }
  .drop-box .drop-box__childmenu li {
    margin-bottom: 0;
  }
  .drop-box .drop-box__childmenu .drop-box__childmenu-link {
    text-transform: uppercase;
    display: none;
    display: block;
    padding: 15px 15px 15px 75px;
    border-top: 1px solid #aed8dd;
  }
  .drop-box .all-prod-childmenu-link {
    display: block;
  }
  .info-tip__list li {
    width: 50%;
  }
  .info-tip__list li:nth-of-type(odd) {
    border: none;
  }
  .wrap-popup .main-container {
    top: 0;
    margin-top: 50px;
  }
  .cart-table .cart__prodtitle {
    width: 28%;
  }
  .cart-table .cart__del {
    width: 40px;
    padding-right: 0;
  }
  .b-cart-bottom {
    border-bottom: none;
  }
  .b-cart-bottom .cart-promo {
    width: 100%;
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 45px;
    overflow: hidden;
  }
  .b-cart-bottom .cart-promo .inputbox {
    width: 38%;
  }
  .b-cart-bottom .cart-promo .btn {
    float: right;
    width: 38%;
  }
  .b-cart-bottom .cart-promo label {
    line-height: 44px;
    width: 20%;
    display: inline-block;
  }
  .b-cart-bottom .cart-city {
    width: 100%;
    padding: 0 20px 0 10px;
    text-align: right;
  }
  .robokassa-partners li:before {
    top: 13px;
    margin-top: 0;
  }
  .subcat-list__item a.two-line {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 950px) {
  .c-about-rules {
    margin: 0 0 45px;
    border-bottom: none;
  }
  .c-about-rules__col {
    width: 50%;
    padding: 135px 25px 45px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
  }
  .mainpage-slider__slide.slide2 {
    background-color: #f1f2f1;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e3e1));
    background-image: -webkit-linear-gradient(#eeeeee, #e1e3e1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e1e3e1));
    background-image: linear-gradient(#eeeeee, #e1e3e1);
  }
  .mainpage-slider__slide.slide2 .mainpage-slider__slide-logo {
    width: 395px;
    height: 75px;
    margin: 0 0 15px 42%;
    background-size: 395px auto;
  }
  .mainpage-slider__slide.slide2 .wrap {
    padding: 0 10px;
  }
  .mainpage-slider__slide.slide2 .mainpage-slider__slide-msk {
    left: 10px;
  }
  .mainpage-slider__slide.slide2 .mainpage-slider__slide-shop {
    margin-left: 52%;
  }
  .mainpage-slider__slide.slide3 {
    background-color: #f1f2f1;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e3e1));
    background-image: -webkit-linear-gradient(#eeeeee, #e1e3e1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e1e3e1));
    background-image: linear-gradient(#eeeeee, #e1e3e1);
  }
  .mainpage-slider__slide.slide3 .mainpage-slider__slide-logo {
    width: 365px;
    height: 85px;
    margin: 0 0 45px 46%;
    background-size: 365px auto;
  }
  .mainpage-slider__slide.slide3 .wrap {
    padding: 0 10px;
  }
  .mainpage-slider__slide.slide3 .mainpage-slider__slide-electra {
    left: 10px;
  }
  .mainpage-slider__slide.slide3 .mainpage-slider__slide-shop {
    margin-left: 52%;
  }
  .garant-brand__select .select-wrap {
    width: 50%;
  }
  .about-type__icons .icon-t-gear {
    left: 20%;
  }
  .about-type__icons .icon-t-electro,
  .about-type__icons .icon-t-mag {
    right: 20%;
  }
  .about-type__img {
    display: none;
  }
  .about-type__img-mob {
    display: block;
    text-align: center;
    margin-bottom: 35px;
  }
  .about-type__img-mob img {
    display: inline-block;
    max-width: 100%;
  }
  .about-type__info .col3 {
    margin-top: 25px;
  }
  .about-type__info {
    float: none;
    width: 100%;
  }
  .cat-desc__box.info p {
    text-align: right;
  }
  .cat-desc__reviews {
    display: block;
  }
  .cat-desc__reviews-slider {
    display: block;
    width: 100%;
    padding: 0 60px;
    border-right: none;
  }
  .cat-desc__reviews-text {
    display: block;
    margin: 20px 60px;
    padding: 20px 0;
    border-top: 1px dashed #0f8b99;
  }
  .b-top-offer {
    margin: 0 -10px;
  }
  .b-top-offer .top-offer__img {
    left: -150px;
  }
  .b-top-offer .top-offer__text {
    margin-left: 27%;
    font-size: 20px;
  }
  .productfull__imgbox {
    margin-right: 0;
  }
  .productfull__info,
  .productfull__imgbox {
    width: 100%;
    float: none;
  }
  .productfull__imgbox {
    margin-bottom: 20px;
    padding: 0;
  }
  .thumbs-list {
    text-align: center;
  }
  .options-table td {
    padding: 3px 0 3px 20px;
  }
  .tm-shop-productfull h2 {
    margin: 0 0 15px 20px;
  }
  .productfull__desc-text {
    margin-left: 20px;
  }
  .cart-table th {
    padding: 10px;
  }
  .cart-table td {
    padding: 32px 10px 15px 10px;
  }
  .cart-thanks__faq-item {
    width: 50%;
    border-bottom: 1px solid #d2d2d2;
  }
  .cart-thanks__faq-item:nth-of-type(5), .cart-thanks__faq-item:nth-of-type(6) {
    border: none;
  }
  .cart-thanks__info {
    display: block;
    padding: 15px 0;
  }
  .cart-thanks__info .col {
    display: block;
    width: 100%;
    padding: 25px 20px;
    vertical-align: top;
  }
  .contact-row .contact-col.col1 {
    width: 50%;
    border-right: 1px solid #d2d2d2;
  }
  .contact-row .contact-col.col2 {
    width: 50%;
    border: none;
    float: right;
  }
  .contact-row .contact-col.col3 {
    width: 50%;
    border-right: 1px solid #d2d2d2;
  }
  .contact-form__col {
    width: 100%;
  }
  .contact-form .btn {
    margin-top: 20px;
  }
  .halls-desc__row {
    margin: 0 -15px;
  }
  .halls-desc__text {
    float: left;
    width: 50%;
    padding: 0 15px 0;
    border-right: 1px solid #d2d2d2;
    margin: 0;
  }
  .halls-desc__text .col1 {
    float: none;
    width: 100%;
    padding: 0;
  }
  .halls-desc__text .col1 p {
    color: #797979;
  }
  .halls-desc__text .col2 {
    border-left: none;
    float: none;
    width: 100%;
    padding: 0;
  }
  .halls-desc__photo {
    width: 50%;
    padding: 0px 15px 10px 0;
  }
  .icon-list.russia {
    padding-bottom: 265px;
    background: url(/_images/russia-map.png) center bottom no-repeat;
    background-size: auto 280px;
  }
  .icon-list.russia br {
    display: none;
  }
  .productfull__cheaper {
    display: inline-block;
    margin-top: 0;
  }
}

@media screen and (max-width: 900px) {
  .mainpage-slider__slide.slide4 h2 {
    font-size: 24px;
  }
  .mainpage-slider__slide.slide4 h2 span {
    font-size: 34px;
  }
  .mainpage-slider__slide.slide4 p {
    font-size: 36px;
    margin-right: 170px;
  }
  .mainpage-slider__slide.slide4 .tel {
    font-size: 26px;
    padding-left: 40px;
    margin-right: 0;
  }
  .c-about-img {
    width: 48%;
  }
  .c-about-text {
    margin-right: 50%;
  }
}

@media screen and (max-width: 850px) {
  .cat-desc__massage {
    padding: 25px 0;
  }
  .massage-slider-next {
    top: auto;
    right: auto;
    left: 15px;
    bottom: 0;
  }
  .massage-delivery .icon-truck1 {
    left: -15px;
  }
  .subcat-list__item {
    width: 50%;
  }
  .subcat-list__item a.two-line {
    padding-top: 16px;
  }
  .mainpage-news-row {
    margin: 0 -15px;
  }
  .mainpage-news__lead {
    width: 50%;
    padding: 0 15px;
  }
  .mainpage-news__list {
    width: 50%;
    padding: 0 15px;
  }
  .mainpage-news__list .mainpage-news__img {
    display: none;
  }
  .mainpage-news__list .mainpage-news__content {
    margin-left: 0;
  }
  h2 {
    font-size: 21px;
  }
  .page {
    padding: 0 0 20px 0;
  }
  .b-mainpage-news {
    margin-bottom: 15px;
  }
  .b-shop-info .icon-shop {
    height: 100px;
    width: 100px;
  }
  .shop-info__row {
    margin: 0 -15px;
  }
  .shop-info__row .col {
    padding: 0 15px;
  }
  .catalog-item-col {
    width: 50%;
  }
  .prod-slider__item-labels {
    margin-right: 30px;
  }
  .tm-shop {
    padding: 20px 0;
  }
  .cart-form__block .col label {
    width: 65px;
  }
  .cart-form__block.adress label {
    width: auto;
  }
  .cat-desc__box,
  .cat-desc__price,
  .cat-desc__delivery,
  .cat-desc__p {
    padding-right: 0;
    padding-left: 0;
  }
  .cat-desc__howto-title {
    padding-left: 0;
  }
  .cat-desc__howto-title .icon-q {
    left: 0;
  }
  .cat-desc__delivery .icon-freedeliv {
    left: 0;
  }
  .cat-desc__box.info .icon-info {
    right: 0;
  }
  .cat-desc__pricecols {
    margin: 0;
  }
  .cat-desc__price-col {
    float: none;
    width: 100%;
    padding: 0;
  }
  .price-col__link {
    text-align: center;
  }
  .cat-desc__howto-title {
    width: 235px;
  }
  .cat-desc__howto-text {
    margin-left: 235px;
  }
  .tab-list {
    margin: 15px 0 0;
  }
  .b-contacts-map-head .points-box .row:first-child {
    margin: 5px 0 0;
  }
}

@media screen and (max-width: 800px) {
  .b-brands-alfa .column {
    width: 33.333%;
  }
  .massage-reviews__ya .all-reviews-link {
    width: 100%;
  }
  .massage-reviews__ya .btn-wrap {
    margin-right: 25px;
  }
}

@media screen and (max-width: 750px) {
  .massage-why__item {
    width: 100%;
  }
  .massage-expert__img {
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }
  .massage-expert__text {
    margin-left: 0;
  }
  .massage-delivery {
    padding-left: 0;
  }
  .massage-delivery .icon-truck1 {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto 15px;
  }
  .massage-reviews__slider {
    margin-left: 0;
    padding: 0;
  }
  .massage-reviews__ya {
    width: 100%;
    float: none;
    margin-bottom: 15px;
    border: none;
  }
  .massage-reviews__ya .ya-reviews-bg {
    margin: 0 auto;
  }
  .massage-reviews__ya .btn-wrap {
    margin: 0;
  }
  .massage-slider-next {
    left: 0;
  }
  .mainpage-slider__slide.slide4 {
    background: #E8EEEE url(/_images/slider/slide4.jpg) 35% 235px no-repeat;
    background-size: auto 215px;
    text-align: center;
  }
  .mainpage-slider__slide.slide4 .wrap {
    padding: 0 10px;
  }
  .mainpage-slider__slide.slide4 h2 {
    text-align: center;
    float: none;
    font-size: 24px;
    line-height: 28px;
    padding: 25px 0 0 0;
  }
  .mainpage-slider__slide.slide4 h2 span {
    font-size: 28px;
    line-height: 28px;
    text-align: center;
  }
  .mainpage-slider__slide.slide4 p {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #154d56;
    text-transform: uppercase;
    margin-right: 0;
    margin-bottom: 0px;
  }
  .mainpage-slider__slide.slide4 .tel {
    font-size: 24px;
    letter-spacing: 0.06em;
    padding-left: 0;
    margin: 0 auto;
    float: none;
    width: 300px;
  }
  .mainpage-slider__slide.slide4 .tel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 40px;
    background: url(/_images/svg/sprite.svg) -468px -297px no-repeat;
  }
  .credit-nav {
    margin-bottom: 25px;
  }
  .vcredit-list {
    margin: 0;
  }
  .hall-map {
    position: relative;
    float: none;
    margin: 0 auto 40px;
    width: 285px;
  }
  .hall-map .hall-map__bg {
    margin-top: 0;
  }
  .hall-map .hall-marker.lenin {
    top: 170px;
  }
  .hall-map .hall-marker.otrad {
    top: 65px;
  }
  .hall-map .hall-marker.museon {
    top: 125px;
  }
  .hall-map .hall-marker.marino {
    top: 165px;
  }
  .hall-map .hall-marker.yasenevo {
    top: 200px;
  }
  .hall-info {
    margin-left: 0;
    padding-top: 0;
  }
  .cat-desc__delivery .cat-desc__delivery-text {
    margin-left: 0;
  }
  .cat-desc__delivery .icon-freedeliv {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 10px;
  }
  .cat-desc__reviews-slider {
    padding: 0 10px;
  }
  .reviews-slider-pager {
    display: block;
  }
  .reviews-slider___nav span {
    top: auto;
    bottom: 0;
  }
  .reviews-slider___nav span.reviews-slider-prev {
    left: 5px;
  }
  .reviews-slider___nav span.reviews-slider-next {
    right: 5px;
  }
  .review-item .review-img {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
  }
  .review-item .review-info {
    margin-left: 0;
    height: auto;
  }
  .review-item .review-link {
    position: relative;
    bottom: auto;
  }
  .cat-desc__reviews-text {
    margin: 20px 10px;
  }
  .review-item .review-text {
    margin-bottom: 25px;
  }
  .b-footer-logolinks a.np {
    display: none;
  }
  .b-top-offer {
    margin: 0 -10px;
  }
  .b-top-offer .top-offer__img {
    left: -150px;
  }
  .b-top-offer .top-offer__text {
    margin-left: 0;
    font-size: 16px;
    text-align: center;
  }
  .b-top-offer p {
    margin: 0 !important;
  }
  .prod-slider__item-img {
    width: 100%;
    height: 230px;
    float: none;
    text-align: center;
  }
  .prod-slider__item-title span {
    display: block;
    font-size: 13px;
  }
  .prod-slider__spec {
    display: none;
  }
  .prod-slider__item-teaser {
    display: none;
  }
  .prod-slider__item-info {
    margin-left: 0;
  }
  .prod-slider__item-bottom .product__price-wrap {
    margin-right: 10px;
  }
  .prod-slider__item-bottom .btn-buy {
    float: right;
  }
  .b-slider-in-cat {
    border: none;
    border-bottom: 1px solid #d2d2d2;
  }
  .prod-slider-wrap {
    border-bottom: none;
  }
  .prod-slider-nav span {
    width: 49px;
    height: 52px;
    margin-top: 0;
    top: 75px;
  }
  .prod-slider-nav span.prod-slider-prev {
    background-position: -121px -65px;
    left: 0;
  }
  .prod-slider-nav span.prod-slider-prev:hover {
    background-position: -121px -65px;
  }
  .prod-slider-nav span.prod-slider-next {
    background-position: -178px -65px;
    right: 0;
  }
  .prod-slider-nav span.prod-slider-next:hover {
    background-position: -178px -65px;
  }
  .prod-slider-pager .pager-nav {
    display: block;
    width: 100%;
    text-align: center;
  }
  .prod-slider-pager .pager-nav li {
    display: inline-block;
    text-indent: -99999px;
    margin: 0 3px;
  }
  .prod-slider-pager .pager-nav li a {
    display: block;
    width: 9px;
    height: 9px;
    padding: 0;
    border: 1px solid #0f8b99;
    text-indent: -99999px;
    border-radius: 50%;
    background-color: #0f8b99;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f8b99), color-stop(100%, #0c7890));
    background-image: -webkit-linear-gradient(#0f8b99, #0c7890);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0f8b99), to(#0c7890));
    background-image: linear-gradient(#0f8b99, #0c7890);
  }
  .prod-slider-pager .pager-nav li.active a {
    background: transparent;
    border: 1px solid #0f8b99;
  }
  .product-related-wrap {
    height: auto;
  }
  .product-related {
    width: 50%;
  }
  .cart-steps {
    display: none;
  }
  .cart-table th,
  .cart-table .cart__qty,
  .cart-table .cart__prodprice,
  .cart-table .cart__sum,
  .cart-table .cart__del {
    display: none;
  }
  .b-cart-bottom .cart-promo {
    padding: 0 0 20px;
  }
  .b-cart-bottom .cart-promo .inputbox {
    width: 34%;
  }
  .b-cart-bottom .cart-promo .btn {
    width: 34%;
  }
  .b-cart-bottom .cart-promo label {
    width: 25%;
  }
  .b-cart-bottom .cart-city {
    padding: 0;
  }
  .b-cart-total {
    padding: 15px 0px 0;
  }
  .b-cart {
    border-top: 1px solid #d2d2d2;
    padding-top: 0;
  }
  .b-cart.cart-check {
    border: none;
    padding-top: 0;
  }
  .mob-cart-data {
    display: block;
  }
  .cart-table {
    table-layout: auto;
  }
  .cart-table td.cart__prodtitle {
    width: 65%;
    padding-top: 25px;
  }
  .cart-table .cart__prodimg .prodimg {
    width: auto;
  }
  .cart-form__block .col label {
    margin-bottom: 10px;
    display: block;
    width: auto;
  }
  .b-cart-bottom .city-select-link {
    width: 330px;
  }
  .delivery-box,
  .opt-box {
    padding: 25px 10px;
  }
  .robokassa-partners li {
    padding-left: 68px;
  }
  .powerpay {
    margin: 0 0 30px 0;
  }
  .delivery-cities__list .column {
    width: 50%;
  }
  .about-level {
    border-bottom: none;
    padding: 25px 0 0 0;
    margin-bottom: 20px;
  }
  .level-list .level__col {
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #d2d2d2;
  }
  .delivery-reviews .reviews-gallery {
    width: 100%;
  }
  .delivery-reviews .review-item .review-info {
    margin-left: 0;
  }
  .delivery-reviews .reviews-slider___nav span {
    top: auto;
    bottom: -8px;
  }
  .delivery-reviews .reviews-slider___nav span.reviews-slider-prev {
    left: 5px;
  }
  .delivery-reviews .reviews-slider___nav span.reviews-slider-next {
    right: 5px;
  }
  .garant-brand__table {
    overflow-x: scroll;
  }
  .b-cat-navigation {
    display: none;
  }
  .load-more-products {
    display: block;
  }
  .c-about-img {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .c-about-text {
    margin-right: 0;
  }
}

@media screen and (max-width: 700px) {
  .subcat-list__item a.two-line {
    padding: 16px 20px 16px 10px;
  }
  .subcat-list__item a {
    padding: 16px 20px 16px 10px;
    line-height: 14px;
    height: auto;
  }
  .b-header-map.rus .header-map__links {
    padding: 0;
  }
  .cat-brands-toggle {
    position: relative;
    display: block;
    float: none;
    border: 1px solid #0f8b99;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
  }
  .cat-brands-toggle:before {
    display: none;
  }
  .cat-brands-toggle:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 12px;
    border: none;
    margin-top: -2px;
    margin-left: 7px;
    border-radius: 50%;
    background: url(/_images/svg/sprite.svg) -159px -33px no-repeat;
  }
  .cat-brands-toggle span {
    border-bottom: none;
    margin: 8px 0;
    line-height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    text-transform: uppercase;
  }
  .cat-brands-toggle:hover span {
    border-bottom: none;
  }
  .b-cat-brands {
    margin-bottom: 15px;
  }
  .garant-brand__select .select-wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .garant-brand__select .select-logo {
    text-align: center;
  }
  .garant-table th {
    padding: 12px 10px;
  }
  .garant-table td {
    padding: 12px 10px;
  }
  .garant-reason__col {
    float: left;
    width: 100%;
    padding: 35px 15px 35px 115px;
    text-align: left;
    margin-bottom: 10px;
  }
  .garant-reason__col:before {
    top: 0;
    left: 0;
    margin-left: 0;
  }
  .garant-box {
    padding: 20px 0;
  }
  .about-list {
    margin: 40px 0;
  }
  .about-type__info .col3 {
    padding: 50px 0 0 0;
  }
  .paysistem-list {
    width: 550px;
    max-width: 100%;
    margin: 0 auto 20px;
    border: none;
    padding: 20px 10px;
    text-align: center;
  }
  .paysistem-list li {
    display: inline-block;
    margin: 0 12px 3px;
  }
  .paysistem-list li img {
    display: inline-block;
  }
  .map-head-mob {
    display: block;
  }
  .halls-desc > .wrap {
    padding: 0;
  }
  .halls-maps > .wrap,
  .b-contacts-map-head {
    padding: 0;
  }
  .ui-tabs .ui-tabs-nav {
    border-bottom: none;
    border-top: 1px solid #aed8dd;
    display: block;
    padding: 0;
    margin-bottom: 25px;
  }
  .ui-tabs .ui-tabs-nav li {
    display: block;
    border-bottom: 1px solid #aed8dd;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding: 0;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    color: #154d56;
    border-bottom: none;
    background: #fff;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:after {
    background-position: -109px -224px;
  }
  .ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
    background: #f4f4f4;
    text-decoration: none !important;
    color: #154d56;
    border: none;
    height: 44px;
    line-height: 44px;
    text-align: left !important;
    padding: 0 10px !important;
    top: 0;
    position: relative;
  }
  .ui-tabs .ui-tabs-nav li .ui-tabs-anchor:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 27px;
    height: 29px;
    margin-top: -14px;
    right: 1.5%;
    background: url(/_images/svg/sprite.svg) -77px -224px no-repeat;
  }
  .ui-tabs .ui-tabs-nav.tabs-nav {
    border-bottom: none;
  }
  .ui-tabs .ui-tabs-nav.tabs-nav li {
    display: block;
    border-bottom: 1px solid #aed8dd;
  }
  .ui-tabs .ui-tabs-nav.tabs-nav li .ui-tabs-anchor {
    top: 0;
    color: #154d56 !important;
    border: none !important;
  }
  .tab-list {
    margin-top: 0;
    border-top: 1px solid #aed8dd;
    display: block;
    padding: 0;
    border-bottom: none;
  }
  .tab-list li {
    width: 100%;
    float: none;
    display: block;
    border-bottom: 1px solid #aed8dd;
  }
  .tab-list li.active {
    padding: 0;
  }
  .tab-list li.active .text {
    color: #154d56;
    border-bottom: none;
    background: #fff;
  }
  .tab-list li.active .text:after {
    background-position: -109px -224px;
  }
  .tab-list li .text {
    top: 0;
    color: #154d56 !important;
    height: 44px;
    line-height: 44px;
    border: none !important;
    background: #f4f4f4;
    text-decoration: none !important;
    color: #154d56;
    border: none;
    height: 44px;
    line-height: 44px;
    text-align: left !important;
    padding: 0 10px !important;
    top: 0;
    position: relative;
  }
  .tab-list li .text:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 27px;
    height: 29px;
    margin-top: -14px;
    right: 1.5%;
    background: url(/_images/svg/sprite.svg) -77px -224px no-repeat;
  }
  .b-contacts-map-head .points-box {
    margin-top: 15px;
  }
  .b-contacts-map-head .points-box .row {
    padding: 0 10px;
    margin-top: 15px;
    border: none;
  }
  .b-contacts-map-head .points-box .row a {
    width: 100%;
    float: none;
    display: block;
    margin: 0 0 10px 0;
    border-bottom: none;
    color: #0f8b99;
    top: 0;
    height: 44px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #0f8b99;
  }
  .b-contacts-map-head .points-box .row a:after {
    display: none;
  }
  .b-contacts-map-head .points-box .row a.active {
    color: #fff;
    background: #0f8b99;
  }
  .b-contacts-map-head .points-box .row:first-child {
    margin-top: 0;
    padding: 0;
    border-top: 1px solid #aed8dd;
  }
  .b-contacts-map-head .points-box .row:first-child a {
    width: 100%;
    float: none;
    display: block;
    border-bottom: 1px solid #aed8dd;
    top: 0;
    color: #154d56 !important;
    height: 44px;
    line-height: 44px;
    background: #f4f4f4;
    text-decoration: none !important;
    color: #154d56;
    height: 44px;
    line-height: 44px;
    text-align: left !important;
    padding: 0 10px !important;
    top: 0;
    position: relative;
  }
  .b-contacts-map-head .points-box .row:first-child a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 27px;
    height: 29px;
    margin-top: -14px;
    right: 1.5%;
    background: url(/_images/svg/sprite.svg) -77px -224px no-repeat;
  }
  .b-contacts-map-head .points-box .row:first-child a.active {
    color: #154d56;
    background: #fff;
    border-bottom: 1px solid #aed8dd;
  }
  .b-contacts-map-head .points-box .row:first-child a.active:after {
    background-position: -109px -224px;
  }
  .grid-view .product {
    width: 100%;
  }
  .mob-filter-open.mob-filter-open--xs {
    display: block;
    width: 100%;
  }
  .mob-filter-open.mob-filter-open--s {
    display: none;
  }
  header {
    padding-bottom: 12px;
  }
  .b-logo {
    text-align: center;
    margin-top: 20px;
  }
  .b-header-adresses {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .b-contact-header {
    width: 100%;
    padding: 0;
    margin-top: 7px;
    text-align: center;
  }
  .contact-header-tel {
    float: none;
    display: inline-block;
  }
  .callback-link {
    background-color: #fff;
    border: 1px solid #ff7a00;
    color: #ff7a00;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    width: 100%;
    display: block;
    padding: 13px 0;
  }
  .callback-link:hover {
    border: 1px solid #ff7a00;
  }
  .b-search {
    display: none;
  }
  .header-map__links ul {
    display: none;
  }
  .header-map__all-link {
    display: inline-block;
    margin-left: 5px;
  }
  .header-map__cityname {
    display: inline-block;
  }
  .b-mob-search {
    display: block;
  }
  .footer-bigcol-wrap {
    padding: 22px 0 0 0;
  }
  .footer-row .footer-col.contact {
    width: 100%;
  }
  .footer-row .footer-col.subscribe {
    margin-bottom: 20px;
  }
  .footer-row .footer-col.menu.company {
    width: 100%;
  }
  .footer-row .footer-col.menu.clients {
    width: 100%;
  }
  .b-contact-footer {
    padding: 20px 0 0 0;
  }
  .b-contact-footer .footer-email,
  .b-contact-footer .error-link {
    display: none;
  }
  .mob-footer-email {
    display: block;
  }
  .mob-error-link {
    display: inline-block;
  }
  .footer-menu {
    padding-top: 0;
  }
  .footer-menu__list {
    display: none;
    padding-bottom: 25px;
  }
  .footer-menu__title {
    border: 1px solid #fff;
    padding: 16px 15px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
  }
  .footer-menu__title:after {
    content: "";
    display: block;
    width: 20px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -6px;
    background: url(/_images/svg/sprite.svg) -190px -34px no-repeat;
  }
  .footer-menu__title.open-f-m:after {
    background: url(/_images/svg/sprite.svg) -123px -9px no-repeat;
  }
  .b-footer-logolinks a.visa {
    bottom: 92px;
    right: 73px;
  }
  .b-footer-logolinks a.mc {
    bottom: 86px;
    right: 10px;
  }
  .b-copyright .wrap {
    padding: 0 10px;
  }
  .footer-social {
    padding-left: 0;
  }
  .b-shop-info {
    padding: 0;
    overflow: hidden;
  }
  .b-mainpage-news {
    padding: 0;
    overflow: hidden;
  }
  .b-shop-info .icon-shop {
    height: 60px;
    width: 75px;
  }
  .b-shop-info h1 {
    font-size: 18px;
    line-height: 20px;
  }
  .product {
    margin: -1px -10px 0 -10px;
    padding-top: 15px;
    border-left: none;
    border-right: none;
  }
  .product:hover {
    border-left: none;
    border-right: none;
  }
  .product__img-wrap {
    float: none;
    border: none;
    width: 100%;
  }
  .product__description {
    display: none;
  }
  .product__info {
    border: none;
    margin: 0;
  }
  .product__info-row__right {
    position: static;
    overflow: hidden;
    width: 100%;
  }
  .product__info-row__right .product__price {
    margin-top: 5px;
  }
  .product__info-row__right .product__price.new-price {
    margin: 0;
  }
  .product__info-row__left {
    padding: 0;
  }
  .product__available {
    position: absolute;
    top: -1px;
    right: 0;
  }
  .subcat-list {
    margin: 0;
  }
  .subcat-list__item {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 4px;
  }
  .subcat-list__item .btn.btn-blue {
    background: #fff;
    border: 1px solid #0f8b99;
    color: #0f8b99;
    text-align: left;
    font-weight: 900;
    position: relative;
  }
  .subcat-list__item .btn.btn-blue:after {
    content: "";
    display: block;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 2%;
    background: url(/_images/svg/sprite.svg) -104px -197px no-repeat;
  }
  .b-cat-header .products-in-holl {
    font-size: 16px;
  }
  .cart-thanks__text {
    max-width: 400px;
    margin: 0 auto;
    padding: 55px 15px 0 15px;
  }
  .cart-thanks__poster .happy-guy,
  .cart-thanks__poster .happy-girl {
    display: none;
  }
  .cart-thanks__poster {
    border: none;
  }
  .top-offer__title {
    font-size: 48px;
  }
  .tm-shop-title.mob-hide {
    display: none;
  }
  .sale-slider__item .sale-hand {
    display: none;
  }
  .sale-slider__item .label__discount {
    top: 10px;
    left: auto;
    right: 15px;
  }
  .sale-slider__item .label__discount span {
    border: 1px solid #fff;
    display: inline-block;
    width: 62px;
    height: 62px;
    line-height: 62px;
    border-radius: 50%;
  }
  .sale-slider__item-img {
    height: 240px;
  }
  .sale-slider__item-img img {
    max-width: 95%;
    margin-left: 0px;
  }
  .sale-slider__item-info {
    position: static;
    width: 100%;
    right: auto;
    top: 0;
  }
  .sale-slider__item-title {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
    padding-left: 0;
    font-weight: 700;
  }
  .sale__price-wrap {
    height: auto;
    background: none;
    padding: 0;
    position: static;
  }
  .sale__price-wrap .sale__price {
    font-size: 26px;
    line-height: 28px;
    letter-spacing: 0.06em;
  }
  .sale-slider-nav span {
    top: auto;
    bottom: 20px;
  }
  .cat-desc h3 {
    margin: 15px 0 25px 0;
  }
  .b-cat-navigation.content-navigation {
    display: block;
  }
  .contact-row {
    padding-bottom: 15px;
  }
  .contact-row .contact-col {
    width: 100% !important;
    border: none !important;
    padding: 0;
  }
  .contact-form__col {
    padding: 0;
  }
  .icon-list.kremlin {
    margin-right: 0;
    margin-bottom: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
    background: none;
  }
  .icon-list.kremlin br {
    display: none;
  }
  .delivery-part-info.moscow {
    padding-top: 285px;
    background: url(/_images/kremlin@2x.png) top center no-repeat;
    background-size: 320px 275px;
  }
  .list-step {
    text-align: center;
  }
  .list-step li {
    margin-left: 20px;
  }
  .list-step li:after {
    top: 25px;
    right: -27px;
    width: 27px;
  }
  .list-step img {
    width: 55px;
  }
  .list-step li.list-step__head {
    display: block;
    margin: 0 0 20px 0;
  }
  .list-step li.list-step__head i {
    margin: 0 auto;
    width: 82px;
    height: 92px;
  }
  .list-step li.list-step__head + li {
    margin: 0;
  }
  .about-brands {
    margin: 30px 0 25px 0;
  }
  .about-brands li {
    width: auto;
    margin: 0 4px;
  }
  .about-brands li img {
    display: inline-block;
    vertical-align: middle;
    max-width: 105px;
  }
  .about-type__info .col {
    padding: 0 10px;
  }
  .about-type__info .col.col1 {
    padding-left: 0;
  }
  .about-type__info .col.col2 {
    padding-right: 0;
  }
  .about-type__icons .icon-t-gear {
    left: 17%;
  }
  .about-type__icons .icon-t-electro,
  .about-type__icons .icon-t-mag {
    right: 17%;
  }
  .delivery-city__info .col.col-contact {
    width: 100%;
    border: none;
  }
  .delivery-city__info .col.col-marker {
    display: none;
  }
  .delivery-city__info .col-marker-mob {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
  }
  .delivery-city-box {
    padding: 0;
  }
  .delivery-city .cart-thanks__faq-row {
    margin: 0 -20px;
  }
  .delivery-city__info {
    margin: 55px -20px 20px;
  }
  .delivery-city__info .col.col-icon {
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
  }
  .mainpage-slider__slide.slide2 .mainpage-slider__slide-shop {
    display: none;
  }
  .mainpage-slider__slide.slide2 h2 {
    font-size: 24px;
  }
  .mainpage-slider__slide.slide2 .mainpage-slider__slide-logo {
    margin: 0 auto 15px;
  }
  .mainpage-slider__slide.slide2 .mainpage-slider__slide-msk {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
    width: 225px;
    height: 250px;
    background-size: 225px auto;
  }
  .mainpage-slider__slide.slide3 .mainpage-slider__slide-shop {
    display: none;
  }
  .mainpage-slider__slide.slide3 h2 {
    font-size: 24px;
  }
  .mainpage-slider__slide.slide3 .mainpage-slider__slide-logo {
    margin: 0 auto 10px;
  }
  .mainpage-slider__slide.slide3 .mainpage-slider__slide-electra {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
    width: 225px;
    height: 255px;
    background-size: 225px auto;
  }
}

@media screen and (max-width: 650px) {
  .brands-alfa-nav {
    display: block;
  }
  .b-brands-alfa .brands-box {
    border-top: 1px solid #d2d2d2;
    padding-top: 15px;
    display: none;
    margin-bottom: 15px;
  }
  .b-brands-alfa .brands-box h4 {
    display: none;
  }
  .b-brands-alfa {
    margin: 0;
  }
  .paytype-list li {
    width: 100%;
  }
  .paytype-list li:after {
    border-right: none;
  }
  .paytype-list li:nth-of-type(2n-1):after {
    border-right: none;
  }
  .pay-partners-list li {
    width: 50%;
    margin-bottom: 0;
  }
  .halls-desc__row {
    margin: 0;
    padding-bottom: 0;
  }
  .halls-desc__text {
    width: 100%;
    float: none;
    padding: 0;
    border: none;
  }
  .halls-desc__photo {
    width: 100%;
    float: none;
    padding: 0;
  }
  .load-more-products.content {
    display: block;
  }
  .news-item {
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #d2d2d2;
  }
  .news-item:first-child {
    padding-top: 0;
  }
  .news-item .news-title {
    font-size: 17px;
    text-decoration: none;
    margin-bottom: 5px;
  }
  .news-item .news-img-mob {
    display: block;
  }
  .news-item .news-img {
    display: none;
  }
  .news-item .news-teaser {
    margin-left: 0;
  }
  .news-item .news-text p {
    margin-left: 90px;
  }
  .cat-desc__howto-title {
    float: none;
    width: 100%;
    min-height: 65px;
    padding: 20px 0;
    margin-bottom: 10px;
  }
  .cat-desc__howto-title .icon-q {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 0;
    width: 57px;
    height: 65px;
    display: block;
    background: url(/_images/svg/sprite.svg) -416px -165px no-repeat;
  }
  .cat-desc__howto-text {
    margin-left: 0;
  }
  .leftside {
    width: 100%;
  }
  .filter-popup-header {
    height: 218px;
    padding-top: 55px;
  }
  .wrap-popup-mob .icon-popup-mob {
    margin: 0 auto 20px;
  }
  .wrap-popup-mob h3 {
    font-size: 20px;
    margin: 0 0 20px 0;
  }
  #tm-filter .b-filter .input-range.input-range--price .col:last-child {
    text-align: left;
  }
  #tm-filter {
    padding: 0 20px;
    position: relative;
    background: #fff;
    z-index: 2;
  }
  #tm-filter .filter-row-mob {
    border-bottom: none;
  }
  #tm-filter .filter-col-mob-wrap {
    width: 100%;
    padding: 0;
  }
  #tm-filter .filter-col-mob-wrap.first {
    border-right: none;
  }
  #tm-filter .filter-col-mob-wrap.last {
    margin-left: 0;
    border-left: none;
  }
  #tm-filter .b-filter:last-child {
    border-bottom: 1px solid #d2d2d2;
  }
  .mainpage-news-row {
    display: none;
  }
  .b-mainpage-news h2 {
    display: none;
  }
  .all-news-link {
    width: 100%;
    position: relative;
    border: 1px solid #ff7a00;
    background-color: #fff;
    color: #ff7a00;
  }
  .all-news-link:hover {
    background-color: #fff;
    color: #ff7a00;
  }
  .all-news-link:after {
    content: "";
    display: block;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 2%;
    background: url(/_images/svg/sprite.svg) -131px -197px no-repeat;
  }
  .shop-info__row {
    margin: 0 -10px;
  }
  .shop-info__row .col {
    padding: 0 10px;
  }
  .shop-info__row .shop-info__benefit {
    font-size: 15px;
    line-height: 18px;
    font-weight: 900;
    height: 65px;
  }
  .shop-info__row .shop-info__info {
    display: none;
  }
  .shop-info__row.open-b .col {
    width: 100%;
  }
  .shop-info__row.open-b .shop-info__info {
    display: block;
  }
  .shop-info__row.open-b .shop-info__benefit {
    height: auto;
    margin-bottom: 10px;
  }
  .shop-info__text {
    display: none;
  }
  .b-shop-info {
    margin-bottom: 20px;
  }
  .shop-info-mob {
    display: block;
  }
  .catalog-item-col .catalog-item__title {
    font-size: 16px;
  }
  .productfull__bigimage {
    height: 320px;
    line-height: 320px;
  }
  .productfull__thumbs .thumb-link {
    width: 57px;
    height: 57px;
    margin-right: 10px;
  }
  .productfull__thumbs .thumbs-list {
    height: 60px;
  }
  .cart-thanks__faq-item {
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    padding: 25px;
  }
  .cart-thanks__faq-item:nth-of-type(5), .cart-thanks__faq-item:nth-of-type(6) {
    border-bottom: 1px solid #d2d2d2;
  }
  .cart-form__block .col input.inputbox {
    width: 100%;
  }
  .cart-form__block .col {
    width: 100%;
    padding: 0;
  }
  .payment-list li {
    width: 100%;
    padding: 8px 0;
  }
  .b-cart-rules {
    padding: 25px 0 10px 65px;
  }
  .b-cart-rules .icon {
    width: 55px;
    top: 13px;
  }
  .delivery-reviews {
    border-top: none;
  }
}

@media screen and (max-width: 600px) {
  .c-about-rules__col {
    width: 100%;
  }
  .icon-list.russia {
    padding-bottom: 0;
    background: none;
  }
  .delivery-part-info.russia {
    padding-top: 200px;
    background: url(/_images/russia-map.png) center top no-repeat;
    background-size: 300px auto;
  }
  .delivery-nav {
    margin-bottom: 0;
  }
  .delivery-nav .delivery-nav__link {
    width: 50%;
    margin-bottom: 30px;
  }
  .credit-nav {
    margin: 25px 0 0 0;
  }
  .credit-nav .col {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .credit-nav .col:first-child {
    border-bottom: 1px solid #d2d2d2;
  }
  .credit-nav .col:first-child:after {
    border-right: none;
  }
  .credit-nav .credit-nav__img {
    margin-bottom: 15px;
  }
  .vcredit-list li {
    width: 50%;
  }
  .mainmenu > li > a span {
    padding: 15px;
  }
  .mainmenu > li > a:hover span {
    padding: 15px;
  }
  .drop-box .drop-box__childmenu-title {
    padding: 15px 15px 15px 30px;
  }
  .drop-box .drop-box__childmenu .drop-box__childmenu-link {
    padding: 15px 15px 15px 45px;
  }
  .b-drop .childmenu .childmenu-link {
    padding: 15px 15px 15px 30px;
  }
  .b-drop .childmenu2 {
    display:none;
  }
  .b-info-tip {
    display: none;
  }
  .cart-toggle {
    border-bottom: none;
    padding: 10px 0;
  }
  .cart-toggle-link {
    color: #30afbc;
    display: block;
    border: 1px solid #d2d2d2;
    padding: 10px 0;
  }
  .cart-toggle-link span {
    border-bottom: none;
    line-height: 30px;
    height: 30px;
    vertical-align: top;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .cart-toggle-link:hover span {
    border-bottom: none;
  }
  .cart-toggle-link .icon-toggle {
    border: none;
    vertical-align: top;
  }
  .delivery-info__row {
    margin: 0 0 15px 0;
  }
  .delivery-info__col {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 550px) {
  .mainpage-slider__slide.slide3 .mainpage-slider__slide-logo {
    margin: 0 auto 10px;
    width: 300px;
    background-size: 300px auto;
    height: 65px;
  }
  .cat-brands-list {
    height: 100px;
  }
  .garant__line .icon {
    margin-right: 15px;
  }
  .garant__line .garant__col-text {
    padding-top: 10px;
  }
  .garant__line:first-of-type .garant__col-text {
    padding-top: 0;
    margin-left: 0;
  }
  .about-type__icons .arrow-left {
    left: 28px;
    width: 26px;
  }
  .about-type__icons .arrow-right {
    right: 18px;
    width: 26px;
    background-position: -598px -357px;
  }
  .velo .about-type__icons .arrow-left {
    left: 28px;
    width: 26px;
  }
  .velo .about-type__icons .arrow-right {
    right: 35px;
    width: 26px;
  }
  .ellips .about-type__icons .arrow-left {
    left: 22px;
    width: 26px;
  }
  .ellips .about-type__icons .arrow-right {
    right: 37px;
    width: 26px;
  }
  .about-list {
    margin: 40px 0 0 0;
  }
  .about-list li {
    padding: 20px 0 0 70px;
    margin-bottom: 15px;
  }
  .about-list li:before {
    top: 5px;
    width: 50px;
    height: 60px;
    background-size: 50px auto;
  }
  .about-list li.watch:before {
    background-position: 0 -12px;
  }
  .about-list li.power:before {
    background-position: 0 -100px;
  }
  .about-list li.speed:before {
    background-position: 0 -188px;
  }
  .about-list li.cover:before {
    background-position: 0 -275px;
  }
  .about-list li.size:before {
    background-position: 0 -362px;
  }
  .about-list li.sneakers:before {
    background-position: 0 -450px;
  }
  .about-list li.display:before {
    background-position: 0 -537px;
  }
  .about-list li.stopwatch:before {
    background-position: 0 -625px;
  }
  .about-list li.heart:before {
    background-position: 0 -712px;
  }
  .about-list li.cross:before {
    background-position: 0 -800px;
  }
  .about-list li.fan:before {
    background-position: 0 -888px;
  }
  .about-list li.aerosol:before {
    background-position: 0 -975px;
  }
  .about-list li.kg:before {
    background-position: 0 -1068px;
  }
  .about-list li.bike:before {
    background-position: 0 -1582px;
  }
  .about-list li.sedlo:before {
    background-position: 0 -1165px;
  }
  .about-list li.energo:before {
    background-position: 0 -1256px;
  }
  .about-list li.autowork:before {
    background-position: 0 -1337px;
  }
  .about-list li.attention:before {
    background-position: 0 -1417px;
  }
  .about-list li.aerogear:before {
    background-position: 0 -1498px;
  }
  .about-list li.arrows:before {
    background-position: 0 -1677px;
  }
  .about-list li.ruler:before {
    background-position: 0 -1760px;
  }
  .about-list li.scroll:before {
    background-position: 0 -1849px;
  }
  .rekvizit-list {
    margin: 15px 0;
  }
  .rekvizit-list dt {
    float: none;
    margin-right: 3px;
    margin-bottom: 0px;
  }
  .rekvizit-list dd {
    margin-bottom: 12px;
    margin-left: 0;
  }
  .delivery-box,
  .opt-box {
    padding: 15px 0;
  }
  .b-return {
    padding: 0;
  }
  .b-return:before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 20px;
  }
  .cart-table td.cart__prodtitle {
    width: 50%;
  }
  .b-cart-bottom .cart-city {
    text-align: left;
  }
  .b-cart-bottom .cart-city label {
    margin-bottom: 10px;
    display: block;
  }
  .b-cart-bottom .cart-promo {
    margin-bottom: 15px;
  }
  .b-cart-bottom .city-select-link {
    width: 100%;
    margin: 0;
  }
  .b-cart-bottom {
    padding-top: 0;
  }
  .product-related {
    width: 100%;
  }
  .productfull__free {
    padding-left: 0;
  }
  .productfull__free .icon-free {
    left: 0;
  }
  .options-table td {
    padding: 3px 0 3px 10px;
  }
  .tm-shop-productfull h2 {
    margin: 0 0 15px 10px;
  }
  .productfull__desc-text {
    margin-left: 10px;
  }
  .productfull__articul {
    display: none;
  }
  .productfull__btn .btn {
    float: none;
  }
  .productfull__btn .btn-buy {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .productfull__btn .bth-credit {
    width: 100%;
  }
  .header-cart-name {
    display: none;
  }
  .shop-info__row {
    margin: 0 -5px;
  }
  .shop-info__row .col {
    padding: 0 5px;
  }
  .shop-info__row .shop-info__benefit {
    font-size: 12px;
    line-height: 15px;
    font-weight: 900;
    height: 50px;
  }
  .b-shop-info h1 {
    font-size: 15px;
    line-height: 18px;
  }
  .b-catalog {
    margin-bottom: 25px;
  }
  .catalog-item-col {
    width: 100%;
    margin-bottom: 5px;
  }
  .catalog-item-col .catalog-item {
    position: relative;
    display: block;
  }
  .catalog-item-col .catalog-item.sale:after {
    display: none;
  }
  .catalog-item-col .catalog-item.sale .catalog-item__title {
    color: #ff900c;
    border: 1px solid #ff7a00;
  }
  .catalog-item-col .catalog-item.sale .catalog-item__title:before {
    background-position: -131px -197px;
  }
  .catalog-item-col .catalog-item.exibition .catalog-item__title {
    color: #154d56;
    border: 1px solid #154d56;
  }
  .catalog-item-col .catalog-item:hover .catalog-item__hover {
    opacity: 0;
  }
  .catalog-item-col .catalog-item__title {
    position: relative;
    text-align: left;
    padding: 14px 10px;
    top: 0;
    color: #0f8b99;
    font-size: 13px;
    border: 1px solid #0f8b99;
    margin: 0;
  }
  .catalog-item-col .catalog-item__title:before {
    content: "";
    display: block;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 2%;
    background: url(/_images/svg/sprite.svg) -104px -197px no-repeat;
  }
  .catalog-item-col .catalog-item__img {
    display: none;
  }
  .mainpage-benefits__reviews {
    display: none;
  }
  .b-mainpage-benefits {
    border: none;
    margin-bottom: 15px;
    border-top: 4px solid #ff7a00;
  }
  .b-mainpage-benefits h2 {
    font-size: 15px;
  }
  .mainpage-benefits__text {
    padding: 0;
  }
  .mainpage-benefits__rate {
    margin: 20px auto 15px;
    width: 100%;
  }
  .mainpage-benefits__rate .star-list li {
    width: 16px;
    height: 22px;
  }
  .ya-reviews-bg {
    width: 60%;
    height: 55px;
  }
  .wrap-popup-mob h3 {
    font-size: 18px;
  }
  .b-cart-total {
    float: none;
    width: 100%;
    padding: 15px 0 0;
  }
  .b-cart-bottom .cart-promo .inputbox {
    width: 100%;
    margin-bottom: 10px;
  }
  .b-cart-bottom .cart-promo .btn {
    width: 100%;
  }
  .b-cart-bottom .cart-promo label {
    width: 100%;
  }
  .hall-filter__hall {
    height: auto;
    margin-bottom: 10px;
  }
  .hall-filter__hall .selectmenu-wrap {
    margin-left: 0;
    margin-right: 0;
  }
  .hall-filter__title {
    float: none;
    display: block;
  }
  .hall-filter__price .filter-slider {
    margin: 20px 5px 0 5px;
  }
  .hall-filter__price .hall-filter__title {
    float: left;
  }
  .hall-filter__price .price-range {
    float: none;
    margin-left: 100px;
    text-align: right;
  }
  .hall-filter__price .price-range .inputbox {
    width: 35%;
  }
  .hall-filter__price .price-range label {
    width: 10%;
    display: inline-block;
    text-align: center;
  }
}

@media screen and (max-width: 505px) {
  .c-about-rules__col {
    padding: 135px 5px 25px;
  }
  .mainpage-slider__slide.slide4 h2 {
    padding-top: 10px;
  }
  .mainpage-slider__slide.slide2 .mainpage-slider__slide-logo {
    width: 250px;
    height: 50px;
    background-size: 250px auto;
  }
  .garant-reason__col {
    margin: 0;
  }
  .delivery-city__info .col-marker-mob .city-marker {
    width: 135px;
    height: 215px;
    background-size: 135px auto;
  }
  .delivery-city__info .col-marker-mob .city-marker img {
    padding-top: 25px;
    max-width: 80px;
    max-height: 105px;
  }
  .delivery-city__info .delivery-price__text {
    margin-left: 115px;
    padding-right: 0;
  }
  .delivery-city__info .delivery-price {
    overflow: hidden;
    margin-bottom: 40px;
  }
  .delivery-city__info .delivery-price .delivery-price__img {
    width: 115px;
    float: left;
    padding: 30px 10px 0 8px;
    height: 145px;
    font-size: 20px;
    background-size: 104px auto;
  }
  .delivery-city__info .delivery-time .delivery-price__img {
    width: 115px;
    height: 115px;
    padding-right: 10px;
    padding-top: 21px;
    background-size: 100px auto;
    font-size: 20px;
  }
  .delivery-city__info .delivery-time .delivery-price__img span {
    font-size: 32px;
  }
  .about-type__icons .icon-t-gear {
    top: 20px;
    left: 10%;
  }
  .about-type__icons .icon-t-electro {
    top: 20px;
    right: 10%;
  }
  .about-type__icons .icon-t-mag {
    right: 10%;
  }
  .btn-cart-submit {
    width: 100%;
  }
  .filter-popup-header {
    height: 180px;
  }
  .close-mob {
    top: 0px;
    right: 0px;
  }
  .wrap-popup .main-container {
    width: 100%;
    height: auto;
    top: 0;
    margin: 50px auto 15px;
    padding: 15px 1px 240px 1px;
    background-size: 100% auto;
  }
  .wrap-popup .label-file {
    display: none;
  }
  .wrap-popup .popup-img {
    display: none;
  }
  .wrap-popup .callback-form {
    width: 97%;
  }
  .wrap-popup .icon-popup {
    margin-bottom: 15%;
  }
  .wrap-popup h3 {
    margin-bottom: 10%;
  }
  .wrap-popup .callback-form {
    margin-top: 0;
  }
  .wrap-popup .close {
    top: 6%;
    right: 5px;
  }
  .cart-thanks__info .col {
    padding: 25px 0;
  }
  .cart-thanks__info .col .icon {
    width: 40px;
    left: 0px;
    top: 20px;
    margin-top: 0;
  }
  .cart-thanks__info .col p {
    margin: 0 0 0 50px;
  }
  .popup-order h3 {
    margin-bottom: 15px;
  }
  .popup-order .icon-popup {
    margin-bottom: 5%;
  }
  .popup-order .order-short__product {
    height: 40%;
  }
  .popup-order .order-short__btn {
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
  }
  .popup-order .order-short__btn .btn {
    width: 220px;
    float: none;
  }
  .popup-order .order-short__btn .btn.btn-blue {
    float: none;
    margin-bottom: 10px;
  }
  .popup-order .order-short__img {
    width: 50%;
  }
  .popup-order .order-short__img img {
    max-height: 200px;
  }
  .popup-megasale h3 {
    margin-bottom: 5%;
    padding: 0 25px;
  }
  .popup-megasale .megasale-text {
    padding-top: 0;
  }
  .popup-city .close {
    top: 3%;
  }
  .popup-city .popup-header {
    padding-top: 40px;
  }
  .popup-city .main-container {
    top: 30px;
  }
  .popup-city .popup-cities {
    padding: 20px 20px 20px 20px;
  }
  .popup-city .popup-city__list {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
  }
  .popup-city .icon-popup {
    margin-bottom: 10px;
  }
  .top-offer__title {
    font-size: 32px;
  }
  .icon-list li:before {
    top: 3px;
    margin-top: 0;
  }
  .wrap-popup.popup-cheaper .icon-popup {
    margin-bottom: 7%;
  }
  .wrap-popup.popup-cheaper h3 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .wrap-popup.popup-cheaper .close {
    top: 3%;
  }
  .popup-cheaper .cheaper-product__contact br {
    display: none;
  }
  .productfull__cheaper {
    display: block;
    margin-top: 4px;
  }
}

@media screen and (max-width: 450px) {
  .b-top-offer p {
    line-height: 18px;
    display: inline-block;
  }
  .hall-filter__price .price-range {
    float: none;
    margin-bottom: 30px;
  }
  .hall-filter__price .filter-slider {
    margin: 20px 15px 25px 15px;
  }
  .contact-form__col label {
    width: 100%;
    float: none;
  }
  .contact-form__col .inputbox-holder {
    margin-left: 0;
  }
  .contact-form__col p {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 400px) {
  .about-type__icons .icon-t-gear {
    top: 20px;
    left: 0;
  }
  .about-type__icons .icon-t-electro {
    top: 20px;
    right: 0;
  }
  .popup-city .popup-footer .btn {
    width: 100%;
  }
  .b-logo img {
    max-width: 100%;
  }
  .footer-social .social-list li a {
    margin-right: -3px;
  }
  .wrap-popup .close {
    top: 5%;
  }
  .wrap-popup .btn {
    width: 170px;
  }
  .wrap-popup .icon-popup {
    margin-bottom: 7%;
  }
  .wrap-popup h3 {
    margin-bottom: 9%;
  }
  .wrap-popup.popup-feedback h3 {
    margin-bottom: 5px;
  }
  .wrap-popup.popup-feedback .feedback-form {
    padding-top: 0;
  }
  .popup-order h3 {
    margin-bottom: 5px;
  }
  .popup-order .order-short__product {
    padding-bottom: 5px;
  }
  .popup-order .order-short__img img {
    max-height: 125px;
  }
  .popup-megasale h3 {
    margin-bottom: 20px;
  }
  .popup-megasale .megasale-text {
    padding: 0 15px 0;
  }
  .popup-megasale .megasale-text p {
    margin: 0 0 15px 0;
  }
  .popup-city .close {
    top: 2%;
  }
  .popup-cheaper .cheaper-product__contact {
    padding: 0 10px;
  }
  .popup-cheaper .popup-footer .btn-wrap {
    margin: 0 10px;
  }
  .popup-cheaper .cheaper-form .btn,
  .popup-cheaper .popup-footer .btn {
    width: 100%;
  }
}

@media screen and (max-width: 350px) {
  .wrap-popup .icon-popup {
    margin-bottom: 4%;
  }
  .wrap-popup h3 {
    margin-bottom: 5%;
  }
  .popup-order h3 {
    margin-bottom: 5px;
  }
}

/*custom*/
.mainpage-slider__slide-msk {
  background: url(/_images/slider/slide-map2.png) no-repeat;
}
.sale-slider-nav span {
	z-index:5;
}
div.mainpage-slider{
	height: 450px;
}
div.mainpage-slider div.slideset{
	position:relative;
}
.mainpage-slider__controls {
  position: relative;
}
div.mainpage-slider__item.item{
  position: absolute;
  width:100%;
}
.delivery-city__info .city-marker img {
  padding-top: 75px;
}
div.prod-slider{
	position:relative;
}
div.prod-slider__item{
	position: absolute;
}
.sale-slider__item{
	position: absolute;
	width:100%;
}
@media (max-width: 505px) {
  .delivery-city__info .col-marker-mob .city-marker img {
    padding-top: 39px;
  }
}

form.validate-form label.error, label.error {
  color: red;
  display: block;
  text-align: center;
  width: 100%;
}

input.error { border: 1px dotted red; }


.input-group {
  border-collapse: separate;
  display: table;
  position: relative;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
}
.main-search {
  float: left;
  position: relative;
  z-index: 2;
  width: 100%;
}
.input-group-btn, .input-group .main-search {
  display: table-cell;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn {
  vertical-align: middle;
  width: 1%;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

.input-group-btn .btn {
  display: inline-block;
}
.reviews-wrap {
  overflow: hidden;
  position: relative;
  width: 620px;
  margin: 0 auto;
 /* width: 603px;*/
}
.cat-desc__reviews .review-item {
  border: 1px solid #d2d2d2;
  float: left;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: 620px;
/*  width: 603px;*/
}


/* это можно после верстки удалить */
.about .img-top-holder, .company .img-top-holder {
    display: block;
    margin: 0 0 32px -13px;
    position: relative;
}
.about .info-list, .company .info-list {
    color: #0f4c55;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.about .info-list li, .company .info-list li {
    height: 64px;
    margin: 0 0 22px 75px;
    position: relative;
}
.about .info-list li::after, .company .info-list li::after {
    background: rgba(0, 0, 0, 0) url("/_images/sprite.png?1407172080") no-repeat scroll 0 0;
    content: "";
    height: 62px;
    left: -75px;
    position: absolute;
    top: 0;
    width: 52px;
}
.about .info-list .alt dl, .company .info-list .alt dl {
    overflow: hidden;
}
.about .info-list .alt dt, .company .info-list .alt dt {
    float: left;
    margin-right: 4px;
}
.about .info-list .short, .company .info-list .short {
    max-width: 300px;
}
.about .info-list a, .company .info-list a {
    color: #0f4c55;
}
.about .info-list dl, .company .info-list dl {
    margin: 0;
}
.about .info-list dl dt, .company .info-list dl dt {
    color: #00889e;
    font-family: Arial,Helvetica,sans-serif;
    font-style: italic;
}
.about .info-list dl dd, .company .info-list dl dd {
    margin: 0;
}
.about .info-list .v-box, .company .info-list .v-box {
    text-align: left;
}
.about .info-holder, .company .info-holder {
    margin: 0 0 40px;
    position: relative;
}
.about .img-zoom, .company .img-zoom {
    bottom: 0;
    display: block;
    position: absolute;
    right: 4px;
}
.about .img-zoom::after, .company .img-zoom::after {
    background: rgba(0, 0, 0, 0) url("/_images/backgrounds/bg-shadow-14.png?1407172055") no-repeat scroll 0 0;
    bottom: -24px;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 317px;
}
.about .img-zoom::before, .company .img-zoom::before {
    background: rgba(0, 0, 0, 0) url("/_images/sprite.png?1407172080") no-repeat scroll -1355px -431px;
    content: "";
    height: 155px;
    left: 50%;
    margin: -78px 0 0 -78px;
    position: absolute;
    top: 50%;
    width: 155px;
}
.about .img-zoom img, .company .img-zoom img {
    display: block;
}
.about .link, .company .link {
    color: #0088a0;
}
.about .diagrams-list, .company .diagrams-list {
    list-style: outside none none;
    margin: 61px 20px 0 0;
    overflow: hidden;
    padding: 0;
}
.about .diagrams-list li, .company .diagrams-list li {
    background: rgba(0, 0, 0, 0) url("/_images/sprite.png?1407172080") no-repeat scroll 0 0;
    float: left;
    margin: 0 10px;
}
.about .diagrams-list li:first-child, .company .diagrams-list li:first-child {
    margin-left: 0;
}
.about .diagrams-list .house, .company .diagrams-list .house {
    background-position: -680px -471px;
    height: 73px;
    width: 52px;
}
.about .diagrams-list .building, .company .diagrams-list .building {
    background-position: -610px -470px;
    height: 75px;
    width: 52px;
}
.about .diagrams-list .diagram, .company .diagrams-list .diagram {
    background-position: -750px -471px;
    height: 67px;
    width: 73px;
}
.about .special-list, .company .special-list {
    color: #0f4c55;
    list-style: outside none none;
    margin: 0 -7px;
    padding: 0;
    position: relative;
    text-align: center;
}
.about .special-list li, .company .special-list li {
    background: rgba(0, 0, 0, 0) url("/_images/sprite-large-bg.png?1407172073") no-repeat scroll -780px 0;
    display: inline-block;
    height: 196px;
    margin: 0 5px;
    padding: 22px 16px 22px 10px;
    position: relative;
    vertical-align: top;
    width: 188px;
}
.about .special-list .number, .company .special-list .number {
    background: rgba(0, 0, 0, 0) url("/_images/sprite.png?1407172080") no-repeat scroll -1120px -470px;
    color: white;
    display: inline-block;
    font-size: 22px;
    height: 26px;
    line-height: 26px;
    margin: 0 0 24px 6px;
    padding: 2px 7px 2px 6px;
    vertical-align: top;
    width: 14px;
}
.about .special-list .orange, .company .special-list .orange {
    background-position: 0 -230px;
    color: white;
    font-size: 16px;
    line-height: 20px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.about .special-list .orange .box, .company .special-list .orange .box {
    padding: 60px 0 0;
}
.about .special-list .bottom, .company .special-list .bottom {
    margin-top: -44px;
}
.about .special-list img, .company .special-list img {
    display: block;
    margin: -22px 0 0 -10px;
    position: relative;
}
.about .phone, .company .phone {
    background: rgba(0, 0, 0, 0) url("/_images/sprite.png?1407172080") no-repeat scroll -1160px -469px;
    height: 63px;
    margin-right: 23px;
    width: 52px;
}
.about {
    padding-top: 28px;
}
.about p {
    margin: 0 0 13px;
}
.about .info-list {
    margin-bottom: 26px;
}
.about .info-list li {
    margin-bottom: 12px;
}
.about .info-list .place::after, .company .info-list .place::after {
    background-position: -580px -120px;
}
.about .info-list .tel::after, .company .info-list .tel::after {
    background-position: -810px -400px;
}
.about .info-list .time::after, .company .info-list .time::after {
    background-position: -890px -399px;
}
.about .info-list .gps::after, .company .info-list .gps::after {
    background-position: -960px -399px;
}
.about .info-list .email::after, .company .info-list .email::after {
    background-position: -1030px -400px;
}
.about .info-list .envelope::after, .company .info-list .envelope::after {
    background-position: -1170px -399px;
}
.about .info-list .number::after, .company .info-list .number::after {
    background-position: -1101px -399px;
}
.about .info-list .track::after, .company .info-list .track::after {
    background-position: -910px -470px;
}
.about .info-list .face::after, .company .info-list .face::after {
    background-position: -840px -470px;
}
.about .info-list .pro::after, .company .info-list .pro::after {
    background-position: -980px -470px;
}
.about .info-list .percentage::after, .company .info-list .percentage::after {
    background-position: -1050px -470px;
}
/* это можно после верстки удалить */


.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.banner-dark-color {
  color: #154d56;
}
.productfull__bigimage {
  height: auto;
  line-height: normal;
}
.product__price-wrap {
  height: auto;
}