/* Layout styles
   ========================================================================== */

/**
 * Apply box sizing 'border-box' to all elements and pseudo-elements
 */

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

html,
body {
  height: 100%;
}

html {
  font-size: 62.5%;
  
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  position: relative;
  background-color: #fff;
  color: #43484d;
  font-size: 15px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

a {
  color: #0840f4;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #0840f4;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.opera a:focus {
  outline: 0;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}

/**
 * Remove box shadow and border radius on OS X
 */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  background-color: #fff;
  border: 1px solid #302f31;

  -webkit-appearance: none;
          border-radius: 0;
}

/**
 * Focus styles for input elements
 */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  outline: 0;
}

button:focus,
input[type="button"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

p {
  margin: 10px 0;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled,
.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-left {
  text-align: left;
}

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

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
   white-space: nowrap;
}

.error {
  color: #fb4040;
}

/* Common styles (container, wraps, headers, tabs etc.)
   ========================================================================== */

.container {
  overflow: hidden;
}

.container.page-404 {
  position: relative;
  min-height: 100%;
  height: 100%;
  overflow: visible;
}

.wrap {
  padding: 0 10px;
}

.icon,
.icon-inline,
.icon-responsive:before {
  /*background-image: url(../images/icons.png);*/
  background-repeat: no-repeat;
}

.icon {
  display: block;
  position: absolute;
}

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

.icon-inline.icon-responsive {
  background-image: none;
}

.icon-responsive:before {
  content: '';
  display: block;
  background-size: 100%;
}

.btn {
  display: inline-block;
  border: 0;
  background-color: #0840f4;
  height: 47px;
  padding: 0 20px;
  color: #fff;
  font-size: 18px;
  line-height: 2.55555556;
  text-align: center;
  border-radius: 3px;
}

.btn-gray {
  background-color: #fff;
  color: #43484d;
  box-shadow: 0 0 0 1px #d7d7d7;
}

.btn:hover,
.btn:focus,
.btn:active {
  background-color: #0735c7;
  color: #fff;
  outline: 0;
  text-decoration: none;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
  background-color: #d7d7d7;
  color: #43484d;
}

.btn:active {
  background-color: #0840f4;
  color: #fff;
  outline: 0;
  box-shadow: inset 0 0 4px #6c6d6e;
}

.btn-gray:active {
  background-color: #d7d7d7;
  color: #43484d;
  box-shadow: 0 0 0 1px #d7d7d7, inset 0 0 4px #bfbfbf;
}

.btn[disabled],
.btn[disabled]:hover {
  background-color: #0840f4;
  opacity: .5;
}

.btn-gray[disabled] {
  background-color: #d7d7d7;
}

.form-row {
  margin: 0 -10px 20px;
}

.form-col {
  float: left;
  padding: 0 10px;
}

.form-col-33,
.form-col-50,
.form-col-67,
.form-col-100 {
  width: 100%;
}

.form-col-33,
.form-col-50,
.form-col-67 {
  margin-top: 20px;
}

.form-col-33:first-child,
.form-col-50:first-child,
.form-col-67:first-child {
  margin-top: 0;
}

.form-col:first-child .form-row {
  margin-bottom: 24px;
}

.form-col input[type="text"],
.form-col input[type="email"],
.form-col input[type="tel"],
.form-col input[type="password"],
.form-col textarea,
.form-col select {
  border: 1px solid #d4d4d4;
  background-color: #fff;
  width: 100%;
  padding: 6px 15px;
  color: #333;
  font-size: 15px;
  line-height: normal;
}

.form-col input[type="text"],
.form-col input[type="email"],
.form-col input[type="tel"],
.form-col input[type="password"],
.form-col select {
  height: 47px;
}

.form-col textarea {
  resize: vertical;
  vertical-align: top;
}

.form-col input:focus,
.form-col textarea:focus,
.form-col select:focus {
  border-color: #0840f4;
  outline: 0;
}

.form-col select:focus {
  color: #000;
}

.form-col input[type="text"][readonly],
.form-col input[type="email"][readonly],
.form-col input[type="tel"][readonly],
.form-col input[type="password"][readonly],
.form-col textarea[readonly],
.form-col select[readonly],
.form-col input[type="text"][disabled],
.form-col input[type="email"][disabled],
.form-col input[type="tel"][disabled],
.form-col input[type="password"][disabled],
.form-col textarea[disabled],
.form-col select[disabled] {
  background-color: #f3f3f3;
}

.form-row-btn {
  margin-bottom: 0;
}

.form-col input.error-field,
.form-col select.error-field,
.form-col textarea.error-field {
  border-color: #e41a1a;
}

.error-msg,
.form-col .error-msg {
  display: inline-block;
  margin-top: 4px;
  color: #e41a1a;
  font-size: 14px;
  vertical-align: top;
}

.form-col button + .error-msg {
  margin-top: 10px;
}

.form-label label {
  display: inline-block;
  vertical-align: middle;
}

.slider-dots {
  position: absolute;
  list-style: none;
  padding: 0;
  /*bottom: -20px;*/
  left: 0;
  right: 0;
  text-align: center;
}

.slider-dots .swiper-pagination-bullet {
  display: inline-block;
  border: 1px solid #0840f4;
  background-color: transparent;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  vertical-align: top;
  border-radius: 50%;
  opacity: .9;
}

.slider-dots .swiper-pagination-bullet-active {
  background-color: #0840f4;
  opacity: 1;
}

.slider-arrow {
  display: none;
  position: absolute;
  background-image: url(../images/slider_arrows.svg);
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  top: 50%;
  cursor: pointer;
  z-index: 1;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider-prev {
  background-position: 0 0;
  left: -42px;
}

.slider-prev:hover {
  background-position: 0 100%;
}

.slider-next {
  background-position: 100% 0;
  right: -42px;
}

.slider-next:hover {
  background-position: 100% 100%;
}

.slider-arrow.swiper-button-disabled {
  display: none;
}

.block-title {
  color: #43484d;
  font-size: 28px;
  line-height: 1;
}

.breadcrumbs {
  margin-bottom: 30px;
}

.breadcrumbs,
.breadcrumbs a {
  color: #9da6b8;
}

.b-sep {
  margin: 0 5px;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
  color: #0840f4;
  text-decoration: none;
}

/* Header
   ========================================================================== */

.h-top {
  position: relative;
  border-bottom: 1px solid #d4d4d4;
  background-color: #f5f5f5;
  min-height: 55px;
}

.ht-phone,
.ht-worktime {
  position: absolute;
  left: 20px;
}

.ht-phone {
  top: 4px;
  color: #0840f4;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

.ht-phone a {
  color: #0840f4;
  text-decoration: none;
}

.ht-worktime {
  top: 30px;
  color: #5a6170;
  font-size: 14px;
}

.ht-menu {
  padding-top: 54px;
}

.ht-menu ul {
  margin: 0 -10px;
}

.ht-menu li {
  width: 100%;
  border-top: 1px solid #d4d4d4;
  text-align: center;
}

.ht-menu a {
  display: block;
  padding: 15px 10px;
  color: #43484d;
  font-size: 18px;
  line-height: 1;
}

.ht-menu a:hover,
.ht-menu a:focus {
  color: #0840f4;
  text-decoration: none;
}

.ht-menu a.active {
  background-color: #fff;
}

.ht-account {
  display: block;
  position: absolute;
  margin-top: -10px;
  top: 50%;
  right: 52px;
}

.ht-account a {
  display: inline-block;
  color: #43484d;
  font-size: 14px;
  line-height: 1.42857143;
}

.ht-account a:hover,
.ht-account a:focus {
  color: #0840f4;
  text-decoration: none;
}

.icon-login {
  background-image: url(../images/login.svg);
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.ht-account span {
  display: none;
}

.icon-account {
  background-image: url(../images/user.svg);
  background-size: 100%;
  width: 20px;
  height: 20px;
  margin-top: -1px;
  vertical-align: middle;
}

.h-main {
  position: relative;
}

.hm-logo {
  display: inline-block;
  position: relative;
  width: 127px;
  margin: 15px 0 18px;
  vertical-align: top;
}

.hm-logo a,
.hm-logo span {
  display: block;
  background-image: url(../images/logo.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 0;
  padding-bottom: 19%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.hm-phone,
.hm-worktime,
.hm-search {
  display: none;
}

.hm-cart {
  position: absolute;
  right: 45px;
  top: 16px;
}

.hm-cart .btn {
  height: 30px;
  padding: 0 12px;
  font-size: 16px;
  line-height: 1.8125;
  border-radius: 3px;
}

.icon-cart {
  width: 14px;
  margin-top: -3px;
  margin-right: 3px;
}

.icon-cart:before {
  background-image: url(../images/cart.svg);
  padding-bottom: 100%;
}

.hmc-amount {
  display: none;
}

.hm-pages-nav {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.28571429;
  text-align: center;
}

.hm-pages-nav li {
  width: 100%;
  margin: 5px 0;
}

.hm-pages-nav a {
  color: #9da6b8;
}

.hm-pages-nav a:hover,
.hm-pages-nav a:focus {
  color: #0840f4;
  text-decoration: none;
}

.h-menu {
  display: none;
}

/* Home categories
   ========================================================================== */

.hc-block {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  vertical-align: top;
  z-index: 1;
}

.hc-block.active {
  z-index: 2;
}

.hc-inner {
  background-color: #f5f5f5;
}

.hc-head {
  height: 190px;
  background-color: rgba(0,0,0,.35);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hc-title {
  display: block;
  position: relative;
  padding: 0 30px;
  height: 100%;
  color: #fff;
  z-index: 1;
}

.hc-title:hover,
.hc-title:focus {
  color: #fff;
  text-decoration: none;
}

.hc-title:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.hc-title:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #0840f4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);

  -webkit-transition: opacity ease .3s;
          transition: opacity ease .3s;
}

.hc-title:hover:after,
.hc-title:focus:after {
  opacity: .8;
}

.hc-title span {
  display: inline-block;
  position: relative;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.11111111;
  vertical-align: middle;

  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);

  -webkit-transition: all ease .3s;
          transition: all ease .3s;
}

.hc-title:hover span,
.hc-title:focus span {
  -webkit-transform: translate3d(16px,0,0);
          transform: translate3d(16px,0,0);
}

.icon-hc-arrow {
  position: absolute;
  background-image: url(../images/c_arrow.svg);
  width: 12px;
  height: 20px;
  left: -16px;
  top: 11px;
  opacity: 0;

  -webkit-transform: translate3d(-12px,0,0);
          transform: translate3d(-12px,0,0);

  -webkit-transition: all ease .3s;
          transition: all ease .3s;
}

.hc-title:hover .icon-hc-arrow,
.hc-title:focus .icon-hc-arrow {
  opacity: 1;

  -webkit-transform: translate3d(-4px,0,0);
          transform: translate3d(-4px,0,0);
}

.hc-subcategories {
  padding: 10px 0;
}

.hc-subcategories .hidden {
  display: none;
}

.hc-subcategories a {
  display: block;
  padding: 6px 30px;
  color: #43484d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hc-subcategories .hc-show-all a {
  color: #0840f4;
}

.hc-subcategories a:hover,
.hc-subcategories a:focus {
  background-color: #fff;
  color: #0840f4;
  text-decoration: none;
}

.collapsed .hc-less,
.expanded .hc-more {
  display: none;
}

.collapsed .hc-more,
.expanded .hc-less {
  display: inline;
}

.icon-hc-arrow-down,
.icon-pp-arrow-down,
.icon-more {
  background-image: url(../images/hc_arrow_down.svg);
  width: 10px;
  height: 6px;
  margin-left: 8px;
}

.expanded .icon-hc-arrow-down,
.expanded .icon-pp-arrow-down {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

/* Home services
   ========================================================================== */

.home-services {
  padding: 30px 0 50px;
}

.hs-title {
  margin-bottom: 12px;
}

.hs-subtitle {
  padding: 0 10px;
  margin-bottom: 20px;
  color: #9da6b8;
  font-size: 16px;
  line-height: 1.2;
}

.hs-block {
  position: relative;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  padding: 0 15px 15px;
}

.hsb-bg {
  content: '';
  display: block;
  background-image: url(../images/services.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 220px;
  margin: 0 -15px 12px;
}

.hsb-tip {
  margin-bottom: 6px;
  color: #9da6b8;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.23076923;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.hsb-title {
  margin-bottom: 14px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

.hsb-list {
  line-height: 1.33333333;
}

.hsb-list li {
  margin-top: 8px;
}

.hsb-list a {
  color: #43484d;
}

/* Home benefits
   ========================================================================== */

.home-benefits {
  padding-bottom: 50px;
}

.page-bottom .home-benefits {
  padding-bottom: 20px;
}

.hb-title {
  margin-bottom: 30px;
  text-align: center;
}

.hb-item {
  display: inline-block;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 20px;
  vertical-align: top;
}

.hb-item > div {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.hbi-icon {
  height: 100px;
  text-align: center;
}

.hbi-icon:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.hbi-icon img {
  height: auto;
}

.hbi-icon .icon-responsive:before {
  height: 100%;
}

.icon-b-1 {
  width: 61px;
  height: 50px;
}

.icon-b-1:before {
  background-image: url(../images/b1.svg);
}

.icon-b-2 {
  width: 64px;
  height: 45px;
}

.icon-b-2:before {
  background-image: url(../images/b2.svg);
}

.icon-b-3 {
  width: 46px;
  height: 54px;
}

.icon-b-3:before {
  background-image: url(../images/b3.svg);
}

.icon-b-4 {
  width: 58px;
  height: 58px;
}

.icon-b-4:before {
  background-image: url(../images/b4.svg);
}

.icon-b-5 {
  width: 54px;
  height: 65px;
}

.icon-b-5:before {
  background-image: url(../images/b5.svg);
}

.hbi-title {
  margin-bottom: 16px;
  color: #191919;
  font-size: 20px;
  line-height: 1;
}

.hbi-intro {
  color: #9da6b8;
}

/* Home showroom
   ========================================================================== */

.home-showroom {
  margin-bottom: 50px;
}

.hsr-content {
  background-color: #0840f4;
  padding: 30px;
  color: #fff;
}

.hsr-title {
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

.hsr-tip {
  margin-bottom: 20px;
  line-height: 1.33333333;
}

.hsr-btn a {
  display: inline-block;
  border: 1px solid #fff;
  padding: 0 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 2.66666667;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  vertical-align: top;
  border-radius: 3px;
}

.hsr-btn a:hover,
.hsr-btn a:focus {
  background-color: #fff;
  color: #0840f4;
  text-decoration: none;
}

.icon-marker {
  background-image: url(../images/marker.svg);
  width: 11px;
  height: 16px;
  margin-top: -3px;
  margin-left: 8px;
}

.hsr-btn a:hover .icon-marker,
.hsr-btn a:focus .icon-marker {
  background-position: 0 100%;
}

.hsr-bg {
  position: relative;
  height: 200px;
  background-image: url(../images/showroom.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hsr-bg:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: -1px;
  left: 50%;
  margin-left: -5px;
  border-style: solid;
  border-color: #0840f4 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}

/* Home promo banner
   ========================================================================== */

.home-promo-banner {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
  margin-top: 50px;
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.page-bottom .home-promo-banner {
  margin-top: 70px;
}

.home-promo-banner:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #0840f4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;

  -webkit-transition: opacity ease .5s;
          transition: opacity ease .5s;
}

.home-promo-banner:hover:before {
  opacity: .8;
}

.home-promo-banner .wrap {
  position: relative;
  z-index: 2;
}

.home-promo-banner > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

/* Home product group, Catalog, Collection, Search
   ========================================================================== */

.home-product-group {
  margin-top: 50px;
}

.hpg-title {
  margin-bottom: 30px;
  text-align: center;
}

.catalog-category {
  position: relative;
}

.catalog-category.loading {
  pointer-events: none;
}

.catalog-category.loading:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.35;
  z-index: 1;
}

.filter-mobile {
  display: block;
  position: relative;
  background-color: #f5f5f5;
  height: 60px;
  padding: 21px 46px 21px 20px;
  margin-bottom: 24px;
  color: #0840f4;
  font-size: 18px;
  line-height: 1;
}

.icon-filter {
  background-image: url(../images/filter.svg);
  width: 24px;
  height: 23px;
  margin-top: -11px;
  top: 50%;
  right: 20px;
}

.filter {
  margin-bottom: 30px;
}

.f-title {
  display: none;
}

.f-block {
  border: 1px solid #f3f3f3;
  border-top: 0;
}

.f-title + .f-block {
  border-top: 1px solid #f3f3f3;
}

.fb-title a {
  display: block;
  background-color: #fff;
  position: relative;
  min-height: 48px;
  padding: 16px 40px 16px 20px;
  color: #43484d;
  font-size: 16px;
  line-height: 1;
}

.fb-title a:hover,
.fb-title a:focus {
  color: #0840f4;
  text-decoration: none;
}

.fb-title i {
  display: block;
  position: absolute;
  background-color: #43484d;
  width: 10px;
  height: 2px;
  top: 50%;
  right: 20px;
  opacity: .8;
}

.fb-title .collapsed i:before {
  content: '';
  position: absolute;
  background-color: #43484d;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.fb-title a:hover i,
.fb-title a:focus i,
.fb-title a:hover i:before,
.fb-title a:focus i:before {
  background-color: #0840f4;
}

.f-block .hidden {
  display: none;
}

.fb-price {
  padding: 6px 20px 20px;
}

.fb-price > span {
  color: #9da6b8;
}

.fb-price > span > input {
  border: 1px solid #d4d4d4;
  width: 52px;
  height: 24px;
  color: #43484d;
  font-size: 14px;
  padding: 0 7px;
  border-radius: 3px;
}

.fb-price > span > label {
  font-size: 13px;
}

.fb-price > span > label,
.fb-price > span > input {
  margin-right: 5px;
}

.fb-range-slider {
  margin-top: 15px;
  height: 10px;
}

.fb-apply {
  padding-top: 10px;
}

.fb-apply .btn {
  height: 32px;
  font-size: 15px;
  line-height: 2;
}

.fb-options {
  background-color: #f5f5f5;
  padding: 20px;
  box-shadow: inset 0 1px 0 #ebebeb;
}

.fb-options li {
  margin-top: 12px;
}

.fb-options li:first-child {
  margin-top: 0;
}

.fb-options label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.fb-options label.disabled {
  pointer-events: none;
  cursor: default;
}

.fb-options input {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 3px;
  left: 0;
  cursor: pointer;
  opacity: 0;
}

.fb-options span {
  display: inline-block;
}

.fb-options label.disabled span {
  color: #aaa;
}

.fb-options span:before {
  content: '';
  display: block;
  position: absolute;
  border: 1px solid #d4d4d4;
  background-color: transparent;
  width: 11px;
  height: 11px;
  top: 3px;
  left: 0;
  border-radius: 3px;
}

.fb-options label:hover span:before,
.fb-options input:focus + span:before {
  border-color: #0840f4;
}

.fb-options input:checked + span:before {
  border-color: #0840f4;
  border-width: 2px;
}

.fb-options label:hover input:checked + span:before,
.fb-options input:checked:focus + span:before {
  background-color: #0840f4;
}

.category-head,
.catalog-head,
.search-head {
  margin-bottom: 20px;
}

.ch-title,
.sh-title {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.1;
}

.sh-title span {
  margin-right: 7px;
  color: #9da6b8;
}

.ch-sort,
.sh-sort {
  margin-bottom: 10px;
}

.ch-sort li,
.sh-sort li {
  margin-left: 10px;
}

.ch-sort li:first-child,
.sh-sort li:first-child {
  margin-left: 0;
}

.chs-title,
.shs-title {
  font-size: 18px;
  line-height: 1;
}

.ch-sort .active,
.sh-sort .active {
  color: #0840f4;
}

.ch-sort a,
.sh-sort a {
  color: #9da6b8;
}

.ch-sort a:hover,
.ch-sort a:focus,
.sh-sort a:hover,
.sh-sort a:focus {
  color: #0840f4;
  text-decoration: none;
}

.catalog-filters {
  padding-bottom: 10px;
}

.catalog-filters a {
  position: relative;
  display: inline-block;
  height: 39px;
  padding: 9px 46px 9px 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 16px;
  line-height: 1.25;
  vertical-align: top;
  border-radius: 3px;
}

.icon-reset {
  background-color: #fff;
  width: 29px;
  height: 29px;
  top: 5px;
  right: 5px;
  text-align: center;
  border-radius: 50%;
}

.icon-reset:before,
.icon-reset:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
}

.icon-reset:before {
  background-image: url(../images/close.svg);
  background-position: 0 100%;
  width: 13px;
  height: 13px;
}

.icon-reset:after {
  width: 0;
  height: 100%;
}

.hpg-slider {
  position: relative;
  text-align: center;
}

.collection h1,
.collection h2 {
  margin: 0 0 20px;
  font-size: 28px;
  line-height: 1.1;
}

.collection h2 {
  margin: 30px 0 20px;
}

.collection-data {
  color: #9da6b8;
}

.collection-data li {
  position: relative;
  padding-left: 14px;
  margin-top: 6px;
}

.collection-data li:first-child {
  margin-top: 0;
}

.collection-data li:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #9da6b8;
  width: 5px;
  height: 5px;
  top: 6px;
  left: 0;
  border-radius: 50%;
}

.collection-data span {
  color: #0840f4;
}

.catalogs-category {
  margin-bottom: 40px;
}

.catalogs-category h2 {
  font-size: 28px;
}

@media (min-width: 550px) {
  .catalogs-list {
    margin: 0 -10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .catalogs-category {
    width: 50%;
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  .catalogs-list {
    margin: 0;
  }
  
  .catalogs-category {
    padding: 0 20px;
  }
}

.collection-catalog {
  font-size: 15px;
}

.collection-catalog + .collection-catalog {
  margin-top: 10px;
}

.icon-catalog {
  background-image: url(../images/catalog.svg);
  width: 12px;
  height: 15px;
  margin-right: 8px;
  margin-top: -2px;
}

.icon-catalog-video {
  background-image: url(../images/play.svg);
  background-size: 100%;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-top: -3px;
}

.collection-description {
  position: relative;
  max-height: 300px;
  margin-bottom: 30px;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.4;
}

.collection-description.full {
  max-height: none;
  overflow: visible;
}

.collection-description.full:after {
  display: none;
}

.collection-description p,
.collection-description ul,
.collection-description ol {
  margin: 21px 0;
}

.collection-description :last-child {
  margin-bottom: 0;
}

.collection-description:after {
  content: '';
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,1) 100%);
  height: 180px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.collection-more {
  display: block;
  position: absolute;
  width: 67px;
  height: 67px;
  margin-left: -33px;
  left: 50%;
  bottom: 20px;
  border-radius: 50%;
  z-index: 2;
}

.collection-more:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.icon-arrow-down {
  background-image: url(../images/arrow_down.svg);
  width: 17px;
  height: 10px;
  margin-top: 1px;
}

.collection-gallery {
  margin-top: 30px;
  margin-bottom: 30px;
}

.collection-gallery .fotorama__img {
  cursor: pointer;
}

.collection-gallery-full {
  display: none;
}

.collection-filters {
  padding-top: 20px;
}

.cf-title {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 1.1;
}

.collection-filters li {
  margin-top: 6px;
}

.collection-filters li:first-child {
  margin-top: 0;
}

.collection-filters a {
  margin-right: 6px;
}

.hpg-slider .swiper-wrapper,
.hpg-slider.slider-not-ready,
.catalog-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  
  -webkit-justify-content: center;
            -ms-flex-pack: center;
          justify-content: center;
  
  -webkit-align-content: flex-start;
     -ms-flex-line-pack: start;
          align-content: flex-start;
  
  -webkit-align-items: stretch;
       -ms-flex-align: stretch;
          align-items: stretch;
  
  text-align: center;
}

.hpg-slider .swiper-wrapper,
.hpg-slider.slider-not-ready {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;

  -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
          justify-content: flex-start;
}

.hpg-slider .swiper-slide {
  height: auto;
}

.hpg-slider .swiper-slide,
.product-card {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  
  -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
          justify-content: flex-start;
  
  -webkit-align-content: stretch;
     -ms-flex-line-pack: stretch;
          align-content: stretch;
  
  -webkit-align-items: flex-start;
       -ms-flex-align: start;
          align-items: flex-start;
}

.hpg-slider .swiper-slide {
  -webkit-align-items: center;
       -ms-flex-align: center;
          align-items: center;
}

.product-card {
  position: relative;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  width: 236px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-align: center;
  vertical-align: top;
}

.hpg-slider.slider-not-ready .product-card {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.product-card:hover {
  border-color: #0840f4;
}

.pc-img,
.pc-head,
.pc-bottom {
  width: 100%;
}

.hpg-slider .product-card,
.pc-head {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.pc-img {
  padding: 5px 0;
  margin-bottom: 12px;
}

.pc-img a {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 80.7017544%;
  overflow: hidden;
}

.pc-img img {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pc-title,
.pc-brand,
.pc-price {
  padding: 0 15px;
}

.pc-title {
  font-size: 16px;
  line-height: 1.25;
}

.pc-title a {
  color: #43484d;
}

.pc-title a:hover,
.pc-title a:focus {
  color: #0840f4;
  text-decoration: none;
}

.pc-brand {
  color: #9da6b8;
}

.pc-title + .pc-brand {
  margin-top: 8px;
}

.pc-bottom {
  padding-top: 20px;
}

.pc-price {
  font-size: 16px;
  white-space: nowrap;
}

.pcp-old {
  margin-right: 12px;
  color: #d4d4d4;
  text-decoration: line-through;
}

.pcp-old span {
  font-weight: 600;
}

.pcp-actual {
  color: #0840f4;
}

.pcp-standart {
  min-width: 80px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.pcp-actual,
.pcp-standart {
  display: block;
  position: relative;
  text-align: center;
}

.pcp-100 {
  max-width: 100%;
  text-align: center;
}

.pcp-tip {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  color: #9da6b8;
  font-size: 12px;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: .25px;
  white-space: nowrap;
  text-align: center;
}

.pcp-standart span,
.pcp-actual span {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.pc-calc {
  margin-top: 12px;
  margin-bottom: 20px;
  text-align: center;
}

.pc-calc > div,
.pc-calc > span {
  margin-left: 4px;
}

.pc-calc > div:first-child {
  margin-left: 0;
}

.pcc-group,
.pc-calc span {
  display: inline-block;
  vertical-align: middle;
}

.pc-calc span {
  font-size: 14px;
}

.pcc-group {
  position: relative;
  border: 1px solid rgba(54,55,56,.2);
  padding-right: 25px;
  border-radius: 3px;
}

.pcc-group:before {
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(54,55,56,.2);
  width: 1px;
  top: 0;
  right: 24px;
  bottom: 0;
}

.pcc-group input {
  background-color: #fff;
  width: 40px;
  border: 0;
  height: 38px;
  padding: 0 2px;
  font-size: 14px;
  text-align: center;
  border-radius: 2px 0 0 2px;
}

.pcc-btn {
  position: absolute;
  display: block;
  width: 25px;
  height: 19px;
  right: 0;
}

.pcc-btn:hover,
.pcc-btn:focus {
  background-color: rgba(54,55,56,.1);
}

.pcc-btn:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/triangle.svg);
  background-repeat: no-repeat;
  width: 5px;
  height: 4px;
  margin: -2px 0 0 -2px;
  top: 50%;
  left: 50%;
}

.pcc-btn-up {
  top: 0;
  border-radius: 0 2px 0 0;
}

.pcc-btn-down {
  bottom: 0;
  border-radius: 0 0 2px 0;
}

.pcc-btn-down:before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.pc-add {
  margin-top: 12px;
}

.pc-add .btn {
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.27px;
  line-height: 2.85714286;
  text-transform: uppercase;
}

.pc-compare {
  margin-top: 15px;
}

.pc-compare a {
  color: #9da6b8;
  font-size: 13px;
  letter-spacing: 1.18px;
  line-height: 1.23076923;
  text-transform: uppercase;
}

.pc-compare i {
  display: inline-block;
  border: 1px solid #9da6b8;
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 50%;
}

.pc-compare a:hover,
.pc-compare a:focus {
  color: #0840f4;
  text-decoration: none;
}

.pc-compare a:hover i,
.pc-compare a:focus i {
  border-color: #0840f4;
}

.pc-compare .in-compare {
  color: #0840f4;
}

.pc-compare .in-compare i {
  border-width: 2px;
  border-color: #0840f4;
}

.pc-compare .in-compare:hover i,
.pc-compare .in-compare:focus i {
  background-color: #0840f4;
}

.pc-compare-tip {
  position: absolute;
  background-color: #0840f4;
  padding: 20px 60px 20px 20px;
  margin-top: -1px;
  top: 100%;
  left: -25px;
  right: -25px;
  color: #fff;
  font-size: 14px;
  line-height: 1.28571429;
  text-align: left;
  z-index: 1;
}

.pc-compare-tip:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: -11px;
  left: 50%;
  margin-left: -6px;
  border-style: solid;
  border-color: transparent transparent #0840f4 transparent;
  border-width: 0 12px 12px 12px;
}

.pc-compare-tip a {
  color: #fff;
  text-decoration: underline;
}

.pc-compare-tip a:hover,
.pc-compare-tip a:focus {
  text-decoration: none;
}

.pc-compare-close {
  display: block;
  position: absolute;
  background-color: #fff;
  width: 39px;
  height: 39px;
  margin-top: -19px;
  top: 50%;
  right: 20px;
  text-align: center;
  border-radius: 50%;
}

.pc-compare-close:hover,
.pc-compare-close:focus {
  background-color: rgba(255,255,255,.92);
}

.pc-compare-close:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.icon-close {
  background-image: url(../images/close.svg);
  background-position: 0 100%;
  width: 13px;
  height: 13px;
}

.catalog-pagination {
  padding: 50px 0;
}

.catalog-pagination a,
.catalog-pagination span {
  display: inline-block;
  border: 1px solid #f5f5f5;
  border-left: 0;
  width: 60px;
  height: 60px;
  color: #43484d;
  font-size: 14px;
  line-height: 4.14285714;
  text-align: center;
}

.catalog-pagination li:first-child .cp-arrow a {
  border-left: 1px solid #f5f5f5;
  width: 41px;
}

.catalog-pagination .cp-arrow a {
  background-color: #f5f5f5;
  width: 40px;
}

.icon-page-left,
.icon-page-right {
  background-image: url(../images/page_arrow.svg);
  width: 6px;
  height: 10px;
  margin-top: -2px;
}

.icon-page-right {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.catalog-pagination a:hover,
.catalog-pagination a:focus {
  background-color: #d4d4d4;
  border-color: #d4d4d4;
  text-decoration: none;
}

.catalog-pagination a:active {
  box-shadow: inset 0 0 4px #6c6d6e;
}

.catalog-pagination .active span {
  background-color: #0840f4;
  border-color: #0840f4;
  color: #fff;
}

.catalog-pagination .page-num {
  display: none;
}

.catalog-compare {
  position: fixed;
  background-color: #0840f4;
  padding: 10px 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
}

.cc-total {
  display: none;
}

.catalog-compare .btn {
  font-size: 14px;
  border: 1px solid #fff;
  height: 36px;
}

.cc-compare {
  background-color: #fff;
  margin-right: 10px;
  color: #0840f4;
}

.cc-compare:hover,
.cc-compare:focus {
  background-color: rgba(255,255,255,.9);
  color: #0840f4;
}

.cc-compare:active {
  border: 0;
  background-color: #fff;
  padding: 1px 21px;
  color: #0840f4;
}

.search-no-results {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.snr-tip {
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 1.1;
}

.snr-btn .btn {
  padding: 0 30px;
}

.catalog-spinner {
  position: fixed;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  top: 50%;
  left: 50%;
  overflow: hidden;
  z-index: 999;
}

.catalog-spinner svg {
  width: 40px;
  height: 40px;
}

.catalog-spinner circle {
  fill: transparent;
  stroke: #0840f4;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 125.6;
  -webkit-transform-origin: 20px 20px 0;
          transform-origin: 20px 20px 0;
  -webkit-animation: catalog-spinner 2s linear infinite;
          animation: catalog-spinner 2s linear infinite;
}

@-webkit-keyframes catalog-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    stroke-dashoffset: 26.4;
  }
  50% {
    -webkit-transform: rotate(720deg);
    stroke-dashoffset: 125.6;
  }
  100% {
    -webkit-transform: rotate(1080deg);
    stroke-dashoffset: 26.4;
  }
}

@keyframes catalog-spinner {
  0% {
    transform: rotate(0deg);
    stroke-dashoffset: 26.4;
  }
  50% {
    transform: rotate(720deg);
    stroke-dashoffset: 125.6;
  }
  100% {
    transform: rotate(1080deg);
    stroke-dashoffset: 26.4;
  }
}

/* Product
   ========================================================================== */

.product h1 {
  margin: 0 0 20px;
  font-size: 28px;
  line-height: 1.1;
}

.product h1 span {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 6px;
  margin-left: 4px;
  font-size: 15px;
  vertical-align: middle;
  border-radius: 3px;
}

.product-gallery-wrap {
  margin-bottom: 20px;
}

.product-media {
  max-width: 400px;
  padding-top: 20px;
  margin: 0 auto;
  text-align: center;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-media li {
  width: 33.33%;
}

.product-media a {
  display: inline-block;
  vertical-align: bottom;
}

.product-media span {
  display: block;
  margin-top: 6px;
}

.icon-video {
  background-image: url(../images/icon_video.svg);
  width: 42px;
  height: 31px;
}

.icon-360 {
  background-image: url(../images/icon_360.svg);
  width: 50px;
  height: 30px;
}

.icon-vr {
  background-image: url(../images/icon_vr.svg);
  width: 42px;
  height: 30px;
}

.product-buy,
.product-compare,
.product-info,
.product-description {
  padding: 10px 15px;
}

.product-buy {
  border: 1px solid #d4d4d4;
}

.pb-variants,
.pb-no-variants {
  font-weight: 700;
}

.pb-variants {
  margin-bottom: 10px;
}

.pb-no-variants {
  margin-bottom: 20px;
}

.pb-variants-options label {
  display: inline-block;
  margin-bottom: 6px;
  vertical-align: top;
}

.pb-info-link {
  display: inline-block;
  background-image: url(../images/info.svg);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  vertical-align: top;
}

.pb-variants-options .form-col select {
  height: 38px;
  padding: 0 10px;
}

.pb-option-control {
  margin-top: 10px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.pb-option-control .remove-option {
  display: none;
}

.pb-option-control .add-option i,
.pb-option-control .remove-option i {
  display: inline-block;
  position: relative;
  background-color: #0840f4;
  width: 13px;
  height: 13px;
  margin-top: -2px;
  border-radius: 50%;
  vertical-align: middle;
}

.pb-option-control .add-option i {
  margin-right: 3px;
}

.pb-option-control .remove-option i {
  margin-left: 3px;
}

.pb-option-control .add-option i:before,
.pb-option-control .remove-option i:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  width: 7px;
  height: 1px;
  left: 3px;
  top: 50%;
}

.pb-option-control .add-option i:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  width: 1px;
  height: 7px;
  left: 50%;
  top: 3px;
}

.pb-variants-options .form-col .disabled {
  color: #ccc;
}

.pb-price-block {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}

.pb-price-block:first-child {
  margin-left: 0;
}

.pb-price-tip {
  color: #9da6b8;
  font-size: 14px;
  line-height: 1.28571429;
}

.pb-price-value {
  font-size: 16px;
  line-height: 1.2;
}

.pb-price-value.active {
  color: #0840f4;
}

.pb-price-value.large {
  padding: 6px 0;
}

.pb-price-value span {
  font-size: 26px;
  font-weight: 600;
}

.pb-price-value.large span {
  font-size: 32px;
}

.pb-qty-tip {
  margin-top: 20px;
  margin-bottom: 10px;
}

.pb-qty-input,
.pb-add-btn {
  display: inline-block;
  vertical-align: top;
}

.pb-qty-amount {
  margin-top: 7px;
  color: #9da6b8;
}

.pb-add-btn {
  margin-left: 20px;
}

.pb-add-btn button,
.pec-add-btn button {
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.27px;
  line-height: 2.85714286;
  text-transform: uppercase;
}

.pb-add-btn i,
.pec-add-btn i {
  margin-right: 10px;
}

.pb-calculate {
  margin-top: 10px;
}

.product-compare,
.product-info {
  border: 1px solid #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.product-compare {
  margin: 20px 0 10px;
  font-size: 13px;
  line-height: 1.1;
  letter-spacing: 1.18px;
  text-transform: uppercase;
}

.product-compare a {
  color: #9da6b8;
}

.product-compare i {
  display: inline-block;
  border: 1px solid #9da6b8;
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-right: 7px;
  border-radius: 50%;
  vertical-align: middle;
}

.product-compare .in-compare i {
  border-width: 2px;
  border-color: #0840f4;
}

.product-compare .in-compare,
.product-compare a:hover,
.product-compare a:focus {
  color: #0840f4;
  text-decoration: none;
}

.product-compare a:hover i,
.product-compare a:focus i,
.product-compare .in-compare:hover,
.product-compare .in-compare:focus i {
  border-color: #0840f4;
  border-width: 1px;
}

.product-info {
  margin-bottom: 20px;
}

.product-description {
  padding-top: 0;
  padding-bottom: 0;
}

.product-description img {
  max-width: 100%;
  height: auto;
}

.pi-col {
  margin-top: 10px;
}

.product-info span {
  color: #9da6b8;
}

.product-properties {
  border: 1px solid #d4d4d4;
  background-color: #fff;
  margin-top: 30px;
}

.product-properties table {
  width: 100%;
  table-layout: fixed;
  font-size: 14px;
}

.product-properties td {
  width: 50%;
  padding: 10px 15px;
}

.product-properties tr:nth-of-type(even) td {
  background-color: #f5f5f5;
}

.product-properties td:nth-of-type(2) {
  border-left: 1px solid #d4d4d4;
}

.product-properties tfoot td {
  border-top: 1px solid #d4d4d4;
}

.product-properties .hidden td {
  display: none;
}

.collapsed .pp-less,
.expanded .pp-more {
  display: none;
}

.collapsed .pp-more,
.expanded .pp-less {
  display: inline;
}

.product-extra {
  margin-top: 30px;
}

.pe-tabs {
  position: relative;
}

.pe-tabs li {
  width: 50%;
  font-size: 14px;
  text-align: center;
}

.pe-tabs a {
  display: block;
  border-top: 1px solid #f5f5f5;
  border-bottom: 0;
  padding: 12px 0;
}

.pe-tabs li:nth-of-type(1) a {
  border-left: 1px solid #f5f5f5;
}

.pe-tabs li:nth-of-type(2) a {
  border-right: 1px solid #f5f5f5;
}

.pe-tabs a.active {
  position: relative;
  border-top: 1px solid #0840f4;
  background-color: #f5f5f5;
  color: #43484d;
  pointer-events: none;
}

.pe-tabs a.active:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #f5f5f5;
  width: 1px;
  top: 0;
  bottom: 0;
}

.pe-tabs li:nth-of-type(1) a.active {
  border-left: 1px solid #f5f5f5;
}

.pe-tabs li:nth-of-type(1) a.active:after {
  right: 0;
}

.pe-tabs li:nth-of-type(2) a.active {
  border-right: 1px solid #f5f5f5;
}

.pe-tabs li:nth-of-type(2) a.active:after {
  left: 0;
}

.pe-pane {
  background-color: #f5f5f5;
  padding: 15px;
}

.pe-pane.hidden {
  display: none;
}

.pe-calculation .pcc-group {
  margin: 0 5px;
}

.pb-variants-reset {
  margin-bottom: 10px;
}

.pb-variants-reset.hidden {
  display: none;
}

.pb-form.disabled .pcc-group,
.pe-calculation.disabled .pcc-group {
  pointer-events: none;
  opacity: .5;
}

.pec-sign {
  margin: 5px 0;
  color: #0840f4;
  font-size: 18px;
}

.pec-sign.hidden,
.pec-block.hidden {
  display: none;
}

.pec-total {
  margin-top: 20px;
}

.pec-total > span {
  display: inline-block;
  font-size: 20px;
  line-height: 1.2;
  vertical-align: middle;
}

.pec-total .pec-total-amount {
  margin-top: -4px;
  margin-left: 10px;
  color: #0840f4;
  font-size: 36px;
  font-weight: 600;
}

.pec-add-btn {
  margin-top: 10px;
}

.pe-pane hr {
  border: 0;
  background-color: #d4d4d4;
  height: 1px;
  margin: 20px -15px;
}

.pe-calculate-toggle {
  margin-top: 20px;
}

.pe-calculate-toggle button {
  display: none;
  border: 2px solid #0840f4;
  background-color: transparent;
  height: 50px;
  padding: 0 18px;
  color: #0840f4;
  font-size: 15px;
  font-weight: 600;
  border-radius: 4px;
}

.pe-calculate-toggle button:hover,
.pe-calculate-toggle button:focus {
  border-width: 0;
  padding: 0 20px;
}

.pe-calculate-toggle i {
  display: block;
  position: absolute;
  margin-left: -10px;
  margin-top: -3px;
}

.pe-calculate-toggle i:before {
  content: '+';
  display: inline;
  font-size: 18px;
}

.pe-calculate-toggle .open i:before {
  content: '–';
}

.pe-calculate-toggle span {
  display: inline-block;
  font-size: 15px;
  line-height: 1.2;
  vertical-align: middle;
}

.product-related-title {
  margin: 30px 0 20px;
  font-size: 24px;
  line-height: 1.1;
  text-align: center;
}

.popup-iframe {
  background-color: #fff;
  position: relative;
  height: 100%;
}

.popup-iframe.hidden {
  display: none;
}

.popup-iframe-head {
  padding: 10px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.popup-iframe-product {
  font-size: 18px;
  line-height: 1.1;
}

.popup-iframe-product span {
  display: none;
}

.popup-iframe-close .btn {
  position: relative;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  vertical-align: top;
}

.popup-iframe-close .btn:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/close.svg);
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  margin: -7px 0 0 -7px;
  top: 50%;
  left: 50%;
}

.popup-iframe-content {
  position: absolute;
  background-color: #f7f9fa;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.popup-iframe-content iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Product calculator
   ========================================================================== */

.product-calculator {
  background-color: #f5f5f5;
  padding: 20px 30px;
  margin-top: 30px;
}

.product-calculator.hidden,
.product-calculator .hidden {
  display: none;
}

.walls {
  max-width: 100%;
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.wall {
  display: inline-block;
  position: relative;
  border: 1px solid #aaa;
  background-color: #fff;
  width: 300px;
  height: 300px;
  margin: 35px 20px 20px;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.wall-legend-left,
.wall-legend-top {
  border-left: 1px dotted #000;
  border-right: 1px dotted #000;
  position: absolute;
  height: 25px;
  text-align: center;
}

.wall-legend-left {
  left: -1px;
  bottom: -1px;

  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;

  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.wall-legend-top {
  top: -26px;
  left: -1px;
  right: -1px;
}

.wall-legend span {
  display: inline-block;
  position: relative;
  background-color: #f5f5f5;
  padding: 0 10px;
  line-height: 25px;
  vertical-align: top;
  z-index: 2;
}

.wall-legend:before,
.wall-legend:after {
  content: '';
  display: block;
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  margin-top: -3px;
  top: 50%;
}

.wall-legend:before {
  border-width: 3px 6px 3px 0;
  border-color: transparent #000 transparent transparent;
  left: 1px;
}

.wall-legend:after {
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #000;
  right: 1px;
}

.wall-legend i {
  position: absolute;
  background-color: #000;
  height: 1px;
  margin-top: -1px;
  left: 3px;
  right: 3px;
  top: 50%;
  z-index: 1;
}

.rect {
  position: absolute;
  background-color: #0840f4;
  z-index: 1;
  opacity: .8;
}

.h-line,
.v-line {
  position: absolute;
  background-color: #ccc;
}

.v-line {
  height: 1px;
  left: 0;
  right: 0;
}

.h-line {
  width: 1px;
  top: 0;
  bottom: 0;
}

.calc-control {
  padding: 10px 0;
}

.calc-control span {
  margin-left: 20px;
}

.calc-control span:first-child {
  margin-left: 0; 
}

.calc-control input[type="text"],
.subtraction-control input[type="text"] {
  background-color: #fff;
  border: 1px solid rgba(54,55,56,.2);
  width: 50px;
  height: 38px;
  padding: 0 2px;
  font-size: 14px;
  text-align: center;
  border-radius: 3px;
}

.rotate-tiles {
  margin-top: 10px;
}

.rotate-tiles label {
  display: inline-block;
  position: relative;
  padding-top: 2px;
  padding-left: 22px;
  color: #9da6b8;
  font-size: 13px;
  line-height: 1.1;
  letter-spacing: 1.18px;
  text-transform: uppercase;
  cursor: pointer;
}

.rotate-tiles input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.rotate-tiles span {
  margin-left: 0;
}

.rotate-tiles span:before {
  content: '';
  display: block;
  position: absolute;
  border: 1px solid #9da6b8;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.rotate-tiles label:hover {
  color: #0840f4;
}

.rotate-tiles label:hover span:before {
  border-color: #0840f4;
  border-width: 1px;
}

.rotate-tiles input:checked + span:before {
  border-color: #0840f4;
  border-width: 2px;
}

.product-calculator hr {
  background-color: #d4d4d4;
  border: 0;
  height: 1px;
  margin: 20px -30px;
}

.total-amount div {
  margin-top: 5px;
}

.subtractions,
.total-amount {
  padding: 10px 0;
}

.subtraction-wrap {
  margin-top: 15px;
}

.subtraction-wrap:first-child {
  margin-top: 0;
}

.subtraction {
  display: inline-block;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  padding: 15px;
  vertical-align: top;
}

.subtraction-title {
  margin-bottom: 5px;
  font-weight: 700;
}

.subtraction-control {
  margin-bottom: 10px;
}

.subtraction-control span {
  margin-left: 10px;
  color: #9da6b8;
}

.subtraction-control span:first-child {
  margin-left: 0;
}

.subtraction-control input[type="text"] {
  background-color: #f5f5f5;
}

.subtraction-btns button {
  background-color: transparent;
  border: 0;
  padding: 2px 5px;
  color: #0840f4;
  font-size: 16px;
  font-weight: 600;
  border-radius: 2px;
}

.subtraction-btns button:hover,
.subtraction-btns button:focus {
  background-color: #0840f4;
  color: #fff;
  outline: 0;
}

.subtraction-add {
  float: left;
}

.subtraction-remove {
  float: right;
}

/* Cart, Checkout
   ========================================================================== */

.cart-empty {
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 1.33333333;
}

.cart-home .btn {
    padding: 0 30px;
}

.order-nav {
  margin-bottom: 20px;
}

.order-nav li {
  position: relative;
  background-color: #f5f5f5;
  width: 100%;
  height: 50px;
  margin-top: 1px;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}

.order-nav li.active {
  background-color: #0840f4;
  color: #fff;
}

.order-nav a,
.order-nav span {
  display: block;
  padding: 15px;
}

.order-nav a {
  color: #43484d;
}

.order-nav a:hover,
.order-nav a:focus {
  color: #0840f4;
  text-decoration: none;
}

.cart {
  position: relative;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.cart:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;

  -webkit-transition: opacity ease .1s .3s;
          transition: opacity ease .1s .3s;
}

.cart.loading {
  pointer-events: none;
}

.cart.loading:after {
  bottom: 0;
  opacity: .5;
}

.cart-head h1,
.checkout h1,
.payments-title,
.thank-you h1 {
  margin: 0 0 20px;
  color: #9da6b8;
  font-size: 28px;
  line-height: 1;
}

.cart-head ul {
  display: none;
}

.cart-item {
  position: relative;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.cart-item.ci-description {
  border-bottom: 0;
  margin-bottom: 0;
}

.cart-item.partner {
  padding-bottom: 40px;
}

.ci-price,
.ci-qty,
.ci-amount,
.ci-remove {
  display: inline-block;
}

.ci-price,
.ci-qty,
.ci-amount,
.ci-remove {
  vertical-align: middle;
}

.ci-img {
  float: left;
  width: 30%;
  padding: 0 10px;
  text-align: center;
}

.ci-img a {
  display: inline-block;
  vertical-align: top;
}

.ci-img img {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}

.ci-title {
  padding-left: 10px;
  margin-left: 30%;
  margin-bottom: 14px;
}

.cart-item.partner .ci-title {
  margin-bottom: 22px;
}

.ci-title a {
  color: #43484d;
}

.ci-title a:hover,
.ci-title a:focus {
  color: #0840f4;
  text-decoration: none;
}

.ci-title span {
  display: block;
  margin-top: 4px;
  color: #9da6b8;
}

.ci-title span small {
  font-size: 13px;
}

.ci-title:after {
  content: '';
  display: block;
  clear: both;
}

.ci-product-info {
  position: relative;
  margin-top: 8px;
}

.ci-product-info textarea {
  background-color: #fff;
  border: 1px solid rgba(54,55,56,.2);
  width: 100%;
  height: 28px;
  padding: 4px 8px;
  font-size: 14px;
  border-radius: 3px;
  resize: none;
}

.ci-product-info small {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -2px;
  vertical-align: top;
}

.ci-product-info textarea:focus + small {
  display: inline-block;
}

.ci-price {
  color: #0840f4;
  font-size: 14px;
}

.ci-price small {
  font-size: 12px;
}

.ci-qty {
  margin: 0 5%;
}

.ci-qty-amount,
.ci-price-range,
.ci-price-margin {
  position: absolute;
  margin-top: 4px;
  color: #9da6b8;
  font-size: 13px;
}

.ci-price-margin {
  margin-top: 36px;
  color: #0840f4;
}

.cs-content .ci-price-margin {
  margin-top: 21px;
}

.ci-price span,
.ci-amount {
  font-size: 16px;
  font-weight: 600;
}

.ci-price-wrap {
  position: relative;
}

.ci-price-wrap label {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(54,55,56,.2);
  border-radius: 3px;
}

.ci-price .ci-price-currency {
  display: inline-block;
  padding-right: 8px;
  padding-left: 2px;
  color: #43484d;
  font-size: 14px;
  font-weight: 400;
  pointer-events: none;
}

.ci-client-price {
  position: absolute;
  top: -18px;
  color: #43484d;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

.ci-price input {
  border: 0;
  background-color: #fff;
  width: 50px;
  height: 38px;
  padding: 0 2px;
  color: #43484d;
  font-size: 14px;
  text-align: right;
  border-radius: 3px 0 0 3px;
}

.ci-amount {
  color: #0840f4;
}

.ci-remove {
  position: absolute;
  margin-top: 2px;
  right: 0;
}

.ci-remove button {
  display: block;
  width: 33px;
  height: 33px;
  padding: 0;
  line-height: 1;
}

.ci-remove button:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.icon-remove {
  background-image: url(../images/close.svg);
  width: 13px;
  height: 13px;
}

.cart-item-description {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.cart-add-item {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.cart-add-item-tip {
  margin-bottom: 10px;
}

.cart-add-item-data {
  position: relative;
  padding-left: 96px;
}

.cart-add-photo {
  display: block;
  position: absolute;
  width: 86px;
  height: 86px;
  top: 0;
  left: 0;
  text-align: center;
}

.cart-add-photo .hidden {
  display: none;
}

.cart-add-photo-upload,
.cart-add-photo label {
  display: block;
  background-color: #fff;
  border: 1px solid rgba(54,55,56,.2);
  width: 86px;
  height: 86px;
  border-radius: 3px;
}

.cart-add-photo-upload {
  position: relative;
}

.cart-add-photo-upload div {
  width: 84px;
  height: 84px;
  overflow: hidden;
  border-radius: 2px;
}

.cart-add-photo-upload div:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.cart-add-photo-upload img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.cart-add-photo-upload a.btn {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  padding: 0;
  top: -11px;
  right: -11px;
  font-size: 22px;
  line-height: 1;
  border-radius: 50%;
}

.cart-add-photo-upload .icon-remove {
  background-image: url(../images/close.svg);
  background-size: 100%;
  width: 10px;
  height: 10px;
  margin-top: 6px;
  vertical-align: top;
}

.cart-add-photo-upload .upload-spinner {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  top: 50%;
  left: 50%;
  overflow: hidden;
}

.upload-spinner svg {
  width: 20px;
  height: 20px;
}

.upload-spinner circle {
  fill: transparent;
  stroke: #0840f4;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 62.8;
  -webkit-transform-origin: 10px 10px 0;
          transform-origin: 10px 10px 0;
  -webkit-animation: upload-spinner 2s linear infinite;
          animation: upload-spinner 2s linear infinite;
}

@-webkit-keyframes upload-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    stroke-dashoffset: 13.2;
  }
  50% {
    -webkit-transform: rotate(720deg);
    stroke-dashoffset: 62.8;
  }
  100% {
    -webkit-transform: rotate(1080deg);
    stroke-dashoffset: 13.2;
  }
}

@keyframes upload-spinner {
  0% {
    transform: rotate(0deg);
    stroke-dashoffset: 13.2;
  }
  50% {
    transform: rotate(720deg);
    stroke-dashoffset: 62.8;
  }
  100% {
    transform: rotate(1080deg);
    stroke-dashoffset: 13.2;
  }
}

.cart-add-photo label {
  cursor: pointer;
  
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-add-photo label:hover {
  border-color: #0840f4;
}

.cart-add-photo input[type="file"] {
  position: fixed;
  left: -100%;
  width: 0;
}

.cart-product-photo-input i {
  display: block;
  position: relative;
  background-color: #0840f4;
  width: 24px;
  height: 24px;
  margin: 0 auto 4px;
  border-radius: 50%;
}

.cart-product-photo-input i:before,
.cart-product-photo-input i:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
}

.cart-product-photo-input i:before {
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
}

.cart-product-photo-input i:after {
  width: 2px;
  height: 12px;
  margin: -6px 0 0 -1px;
}

.cart-add-item input[type="text"] {
  background-color: #fff;
  border: 1px solid rgba(54,55,56,.2);
  height: 38px;
  padding: 0 10px;
  color: #43484d;
  font-size: 14px;
  text-align: left;
  border-radius: 3px;
  vertical-align: top;
}

.cart-add-item input[name="add_product"] {
  width: 100%;
  margin-bottom: 10px;
}

.cart-add-item input[name="add_price"] {
  width: 84px;
  margin-right: 10px;
}

.cart-add-item input.error-field {
  border-color: #e41a1a;
}

.cart-add-item .btn {
  height: 38px;
  font-size: 15px;
  line-height: 2.53333333;
  vertical-align: top;
}

.cart-continue {
  padding-bottom: 30px;
}

.cart-discount-message {
  text-align: right;
}

.cart-discount-message span {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 8px;
  margin-bottom: 10px;
  vertical-align: top;
  border-radius: 2px;
}

.cart-discount-close {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  margin-left: 8px;
  vertical-align: top;
}

.cart-discount-close:before,
.cart-discount-close:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #43484d;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
}

.cart-discount-close:before {
  transform: rotate(-45deg);
}

.cart-discount-close:after {
  transform: rotate(45deg);
}

.cart-discount {
  margin-bottom: 20px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-discount-tip {
  padding-right: 10px;
  text-align: right;
}

.cart-discount-tip small {
  display: inline-block;
  margin-top: -2px;
}

.cart-discount-input-wrap {
  position: relative;
}

.cart-discount-input-wrap:after {
  content: '%';
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 14px;
  pointer-events: none;
}

.cart-discount .cart-discount-input {
  background-color: #fff;
  border: 1px solid rgba(54,55,56,.2);
  width: 54px;
  height: 38px;
  padding: 0 22px 0 10px;
  color: #43484d;
  font-size: 14px;
  text-align: left;
  border-radius: 3px;
  vertical-align: top;
}

.cart-total {
  margin-bottom: 12px;
  color: #9da6b8;
  font-size: 28px;
  line-height: 1;
}

.cart-total.total,
.cart-total.delivery {
  margin-bottom: 10px;
  font-size: 18px;
}

.cart-total span {
  color: #0840f4;
  font-weight: 600;
}

.cart-total,
.cart-checkout {
  text-transform: uppercase;
}

.cart-checkout {
  margin-top: 10px;
  margin-bottom: 20px;
}

.cart-checkout .btn,
.cart-continue .btn {
  min-width: 180px;
  font-size: 15px;
  line-height: 3.06666667;
  text-transform: uppercase;
}

.checkout {
  padding-bottom: 30px;
}

.checkout-step {
  margin-top: 20px;
}

.loading .checkout-step,
.checkout-step.disabled {
  opacity: .5;
  pointer-events: none;
}

.cs-head {
  position: relative;
  background-color: #43484d;
  height: 51px;
  padding: 15px 20px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}

.cs-head:after {
  display: block;
  position: absolute;
  background-color: #fff;
  width: 31px;
  height: 31px;
  top: 10px;
  right: 15px;
  color: #0840f4;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  border-radius: 50%;
}

.step-1 .cs-head:after {
  content: '1';
}

.step-2 .cs-head:after {
  content: '2';
}

.step-3 .cs-head:after {
  content: '3';
}

.step-4 .cs-head:after {
  content: '4';
}

.cs-content {
  border: 1px solid #d4d4d4;
  border-top: 0;
  padding: 20px;
}

.cs-content .form-col label {
  display: inline-block;
  color: #9da6b8;
  margin-bottom: 5px;
}

.cs-content .cart-items {
  margin: 0 -21px;
}

.cs-content .ci-qty {
  min-width: 50px;
}

.cs-content .cart-checkout {
  margin-bottom: 0;
}

.cs-delivery-group.hidden {
  display: none;
}

.payments-block {
  border: 1px solid #d4d4d4;
  border-top: 0;
  padding: 20px;
}

.payments-block:first-child {
  border-top: 1px solid #d4d4d4;
}

.pb-title {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1;
}

.pb-tip {
  color: #9da6b8;
}

.payments-block ul {
  padding-top: 10px;
  margin-left: -8px;
}

.payments-block li {
  margin-left: 8px;
  margin-top: 10px;
}

.payments-block img {
  max-width: 130px;
  max-height: 50px;
  width: auto;
  height: auto;
}

.thank-you {
  padding: 20px 0;
}

.thank-you p {
  margin: 20px 0;
  font-size: 16px;
}

.thank-you p span {
  color: #0840f4;
}

.thank-you-btns ins {
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  vertical-align: middle;
}

/* Page (static pages)
   ========================================================================== */

.page h1 {
  margin: 0 0 30px;
  color: #9da6b8;
  font-size: 32px;
  line-height: 1.125;
}

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

.page-content > p {
  max-width: 850px;
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.46666667;
}

.page-content > hr {
  background-color: #f5f5f5;
  border: 0;
  max-width: 850px;
  height: 1px;
  margin: 30px 0;
}

.delivery-block,
.payment-block {
  margin-bottom: 30px;
}

.db-content,
.pb-content {
  background-color: #0840f4;
  padding: 25px;
  color: #fff;
  line-height: 1.26666667;
}

.db-content h2,
.pb-content h2 {
  margin: 0 0 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}

.db-content p,
.db-content ul {
  margin: 5px 0 0;
}

.db-content h2 + p {
  margin: 0 0 20px;
}

.db-content li {
  position: relative;
  margin-left: 20px;
  margin-top: 5px;
}

.db-content li:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  width: 4px;
  height: 4px;
  top: 8px;
  left: -11px;
  border-radius: 50%;
}

.pb-content h3 {
  margin: 20px 0 0;
}

.pb-content p {
  margin: 5px 0 0;
}

.db-content h2 + p,
.pb-content h3 {
  font-size: 18px;
  line-height: 1.22222222;
}

.db-bg,
.pb-bg {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 200px;
}

.db-bg:before,
.pb-bg:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: -1px;
  left: 50%;
  margin-left: -5px;
  border-style: solid;
  border-color: #0840f4 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}

.delivery-tips p,
.about-tips p {
  background-color: #f5f5f5;
  border-left: 1px solid #0840f4;
  max-width: 850px;
  padding: 20px 25px;
  margin: 20px 0 0;
  line-height: 1.46666667;
}

.about-bg {
  background-position: 25% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 345px;
  margin-bottom: 35px;
}

.contacts-map {
  height: 70vh;
  margin: 0 -10px 20px;
}

.contacts-content h2 {
  margin: 30px 0 20px;
  font-size: 28px;
  line-height: 1.14285714;
}

.contacts-content p {
  margin: 20px 0 0;
  font-size: 15px;
  line-height: 1.33333333;
}

.contacts-content span {
  color: #9da6b8;
}
.contact-wrap {
  margin-bottom: 30px;
}

@media (min-width: 1000px) {
  .page-img {
    float: right;
    width: 480px;
    padding-left: 20px;
  }

  .page-content-img p {
    max-width: 480px;
  }

  .page-img + p,
  .page-img + ul {
    margin-top: 0;
  }
}

@media (min-width: 1340px) {
  .page-img {
    width: 600px;
    padding-left: 40px;
  }

  .page-content-img p {
    max-width: 630px;
  }
}

/* Blog
   ========================================================================== */

.blog h1 {
  margin: 0 0 30px;
  color: #9da6b8;
  font-size: 32px;
  line-height: 1.125;
}

.blog-item {
  border: 1px solid #d4d4d4;
  padding: 20px;
  margin-bottom: 30px;
}

.bi-read-more {
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.11px;
  line-height: 1.3;
  text-transform: uppercase;
}

.icon-read-more {
  background-image: url(../images/read_more.svg);
  width: 7px;
  height: 11px;
  margin-top: -2px;
  margin-left: 4px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.bi-title {
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 1.1;
}

.bi-title a {
  color: #43484d;
}

.bi-title a:hover,
.bi-title a:focus {
  color: #0840f4;
  text-decoration: none;
}

.bi-intro {
  margin-bottom: 16px;
  color: #9da6b8;
}

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

.blog-img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 345px;
  margin-bottom: 30px;
}

.blog-article {
  max-width: 530px;
  margin: 0 auto;
}

.blog-article h1 {
  margin: 0 0 20px;
  font-size: 36px;
  line-height: 1;
}

.ba-text {
  color: #9da6b8;
  font-size: 15px;
  line-height: 1.4;
}

.ba-text p {
  margin: 22px 0;
}

.ba-time {
  float: left;
  padding-top: 7px;
  color: #9b9b9c;
  font-size: 14px;
  line-height: 1;
}

.icon-clock {
  background-image: url(../images/clock.svg);
  width: 12px;
  height: 12px;
  margin-top: -2px;
  margin-right: 4px;
}

.ba-share {
  float: right;
}

.ba-share li {
  margin-left: 16px;
}

.ba-share a {
  display: inline-block;
  position: relative;
}

.ba-share a:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 29px;
  height: 29px;
  opacity: 0;
  border-radius: 50%;
}

.ba-share .icon-inline {
  width: 29px;
  height: 29px;
}

.ba-share a:hover:before,
.ba-share a:focus:before {
  opacity: .2;
}

/* Account
   ========================================================================== */

.account-title {
  margin: 0 0 30px;
  color: #9da6b8;
  font-size: 28px;
  line-height: 1;
}

.account-personal-data,
.account-orders-list,
.order-summary,
.account-order-products {
  margin-bottom: 30px;
}

.account-personal-data,
.account-orders-list table,
.account-orders-list p,
.order-summary,
.account-order-products p {
  border: 1px solid #d4d4d4;
}

.account-personal-data,
.account-orders-list p,
.order-summary,
.account-order-products p {
  padding: 20px;
}

.account-orders-list table + div {
  margin: 20px 0;
}

.account-discount,
.account-total {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.2;
}

.account-total {
  margin-bottom: 20px;
}

.account-discount span,
.account-total span {
  color: #0840f4;
  font-weight: 600;
}

.account-details-row {
  margin-bottom: 20px;
}

.order-summary .account-details-row:last-child {
  margin-bottom: 0;
}

.account-details-tip {
  margin-bottom: 2px;
  color: #9da6b8;
}

.account-details-value {
  font-size: 18px;
}

.account-actions {
  margin-top: 30px;
}

.account-actions li {
  margin-top: 14px;
}

.account-actions li:first-child {
  margin-top: 0;
}

.icon-edit,
.icon-password,
.icon-logout {
  background-position: 50% 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.icon-edit,
.icon-password {
  margin-top: -3px;
}

.icon-edit {
  background-image: url(../images/edit.svg);
}

.icon-password {
  background-image: url(../images/password.svg);
  background-position: 40% 0;
}

.icon-logout {
  background-image: url(../images/login.svg);
}

.account-form {
  max-width: 300px;
  margin-bottom: 20px;
}

.account-personal .hidden {
  display: none;
}

.account-form .form-row-btn .btn {
  min-width: 120px;
  padding: 0 30px;
}

.account-form + .success-msg {
  color: #0840f4;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.2;
}

.account-orders-list table {
  border: 1px solid #d4d4d4;
  table-layout: fixed;
  width: 100%;
  font-size: 14px;
}

.account-orders-list th,
.account-orders-list td {
  border: 1px solid #d4d4d4;
  padding: 10px;
  text-align: left;
}

.account-orders-list th {
  color: #9da6b8;
  font-weight: 400;
}

.account-orders-list th:nth-of-type(1) {
  width: 21%;
}

.account-orders-list th:nth-of-type(3) {
  width: 20%;
}

.account-orders-list th:nth-of-type(2),
.account-orders-list td:nth-of-type(2),
.account-orders-list th:nth-of-type(4),
.account-orders-list td:nth-of-type(4) {
  display: none;
}

.account-orders-list th:nth-of-type(5) {
  width: 24%;
}

.account-orders-list th:nth-of-type(6) {
  width: 20%;
}

.status-warning {
  color: #f5a623;
}

.status-success {
  color: #3bcb65;
}

.status-cancel {
  color: #ccc;
}

.status-error {
  color: #e41a1a;
}

.account-order-products {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.account-order-products table {
  min-width: 460px;
  width: 100%;
  table-layout: fixed;
}

.account-order-products th,
.account-order-products td {
  border: 1px solid #d4d4d4;
  padding: 10px;
  font-weight: 400;
  text-align: left;
}

.account-order-products th {
  color: #9da6b8;
}

.account-order-products th:nth-of-type(1) {
  width: 80px;
}

.account-order-products th:nth-of-type(3) {
  width: 20%;
}

.account-order-products th:nth-of-type(4),
.account-order-products th:nth-of-type(5) {
  width: 15%;
}

.account-order-products td:nth-of-type(1) {
  text-align: center;
}

.account-order-products td {
  border-top: 1px solid #d4d4d4;
}

.account-order-products tr:first-child td {
  border-top: 0;
}

.account-order-products img {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}

/* Authentification
   ========================================================================== */

.auth-form {
  max-width: 320px;
  padding: 0 0 20px;
  margin: 0 auto;
}

.auth-form h1 {
  margin: 0 0 30px;
  font-size: 28px;
  line-height: 1;
}

.account-form label,
.auth-form label,
.login-popup label {
  display: inline-block;
  color: #9da6b8;
  margin-bottom: 8px;
}

.auth-form a,
.login-popup a {
  display: inline-block;
  margin-top: 8px;
}

.account-form input[type="text"],
.account-form input[type="email"],
.account-form input[type="tel"],
.account-form input[type="password"],
.auth-form input[type="text"],
.auth-form input[type="email"],
.auth-form input[type="password"],
.login-popup input[type="text"],
.login-popup input[type="email"],
.login-popup input[type="password"] {
  border: 1px solid #d4d4d4;
  background-color: #f5f5f5;
  font-size: 18px;
}

.auth-form .form-row-btn .btn,
.login-popup .form-row-btn .btn {
  width: 100%;
}

.account-form .error-msg,
.auth-form .error-msg,
.login-popup .error-msg {
  display: block;
}


.account-form .error-msg:first-child,
.auth-form .error-msg:first-child,
.login-popup .error-msg:first-child {
  margin-top: 0;
  margin-bottom: 10px;
}

.account-form input.error-field,
.auth-form input.error-field,
.login-popup input.error-field {
  border-color: #e41a1a;
}

.account-form .success-msg,
.auth-form .success-msg,
.login-popup .success-msg {
  font-size: 18px;
  line-height: 1.2;
}

/* Page 404
   ========================================================================== */

.page-404-content {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  /*min-height: calc(100% - 144px - 890px);*/
  max-width: 540px;
  margin: 0 auto;
  padding: 30px 10px 0;
  overflow: visible;
  text-align: center;

  -webkit-justify-content: center;
            -ms-flex-pack: center;
          justify-content: center;

  -webkit-align-items: center;
       -ms-flex-align: center;
          align-items: center;
}

.page-404-bg {
  max-width: 220px;
  margin: 0 auto 30px;
}

.page-404-bg:before {
  content: '';
  display: block;
  background-image: url(../images/404.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 0;
  padding-bottom: 40.797546%;
}

.page-404-tip {
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 1.33333333;
}

.page-404-home .btn {
  padding: 0 30px;
}

/* Footer
   ========================================================================== */

.footer {
  background-color: #f5f5f5;
  padding: 50px 0 20px;
  margin-top: 50px;
}

.f-section {
  display: inline-block;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 50px;
  vertical-align: top;
}

.fs-title {
  min-height: 36px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1;
}

.fs-list > li {
  margin-top: 12px;
}

.fs-list > li:first-child {
  margin-top: 0;
}

.fs-list > li,
.fs-list > li > a {
  color: #9da6b8;
}

.fs-list > li > a:hover,
.fs-list > li > a:focus {
  color: #0840f4;
  text-decoration: none;
}

.f-section:last-child {
  width: 100%;
}

.f-section:last-child .fs-list > li {
  color: #43484d;
}

.fs-social {
  padding-top: 20px;
}

.fs-social li {
  margin-right: 16px;
}

.fs-social a {
  display: inline-block;
  position: relative;
}

.fs-social a:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 29px;
  height: 29px;
  opacity: 0;
  border-radius: 50%;
}

.fs-social .icon-inline {
  width: 29px;
  height: 29px;
}

.fs-social a:hover:before,
.fs-social a:focus:before {
  opacity: .2;
}

.icon-fs-facebook {
  background-image: url(../images/facebook.svg);
}

.icon-fs-twitter {
  background-image: url(../images/twitter.svg);
}

.icon-fs-instagram {
  background-image: url(../images/instagram.svg);
}

.f-bottom,
.f-bottom a {
  color: #9da6b8;
}

.f-bottom a:hover,
.f-bottom a:focus {
  color: #0840f4;
  text-decoration: none;
}

.f-developers {
  margin-top: 14px;
}

/* General media rules
   ========================================================================== */

@media (min-width: 480px) {
  .form-col-33,
  .form-col-50,
  .form-col-67 {
    margin-top: 0;
  }

  .form-col-33 {
    width: 33%;
  }

  .form-col-50 {
    width: 50%;
  }

  .form-col-67 {
    width: 67%;
  }

  .ht-menu ul {
    border-top: 1px solid #d4d4d4;
  }

  .ht-menu li {
    border-top: 0;
    border-right: 1px solid #d4d4d4;
    width: auto;
  }

  .ht-menu a {
    padding: 0 16px;
    line-height: 3;
  }

  .ht-menu a.active {
    position: relative;
  }

  .ht-menu a.active:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    height: 1px;
    top: 100%;
    left: 0;
    right: 0;
  }

  .hmc-amount {
    display: inline-block;
    margin-left: 4px;
  }

  .hm-pages-nav {
    text-align: right;
  }

  .hm-pages-nav li {
    width: auto;
    margin: 0 0 0 20px;
  }

  .hm-pages-nav li:first-child {
    margin-left: 0;
  }
}

@media (min-width: 550px) {
  .ht-menu a {
    padding: 0 20px;
  }

  .home-categories {
    margin: 0 -5px;
  }

  .hc-block {
    width: 50%;
    height: 360px;
    padding: 0 5px;
  }

  .hc-block.hc-short {
    height: 190px;
  }

  .hc-inner {
    position: absolute;
    min-height: 360px;
    top: 0;
    left: 5px;
    right: 5px;
  }

  .hc-short .hc-inner {
    min-height: 0;
  }

  .hsb-list {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }

  .hb-item {
    width: 50%;
  }

  .product-card {
    margin: 0 10px 20px;
  }

  .hpg-slider .swiper-slide {
    width: 50%;
  }

  .catalog-pagination li:first-child .cp-arrow a {
    width: 61px;
  }

  .catalog-pagination .cp-arrow a {
    width: 60px;
  }

  .catalog-pagination .page-num {
    display: inline-block;
  }

  .product-buy-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    
    -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
            justify-content: flex-start;
    
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
  }

  .pb-price-block {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }

  .pb-price-block:first-child,
  .pb-qty-tip {
    margin-top: 0;
  }

  .pb-price {
    padding-right: 40px;

    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .pb-add-to-cart {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }

  /*.pb-calculate {
    display: inline-block;
    margin-top: 11px;
    margin-left: 10px;
    vertical-align: top;
  }*/

  .pi-col {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }

  .pi-col:nth-of-type(even) {
    padding-left: 15px;
  }

  .product-properties {
    font-size: 15px;
  }

  .pe-tabs li {
    font-size: 18px;
  }

  .pe-tabs a {
    padding: 15px 10px;
  }

  .pec-block,
  .pec-block label,
  .pec-sign {
    display: inline-block;
    vertical-align: middle;
  }

  .pec-block,
  .pec-sign {
    margin-bottom: 10px;
  }

  .pec-sign {
    margin: 0 5px 12px;
  }

  .pec-add-btn {
    display: inline-block;
    margin-top: -2px;
    margin-left: 15px;
    vertical-align: middle;
  }

  .pe-calculate-toggle i {
    margin-left: 0;
  }

  .pe-calculate-toggle span {
    padding-left: 15px;
  }

  .order-nav li {
    position: relative;
    width: 33.33%;
    border-left: 1px solid #fff;
  }

  .order-nav li:first-child {
    border-left: 0;
  }

  .order-nav li.active {
    position: relative;
    z-index: 1;
  }

  .order-nav li.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #0840f4;
    border-width: 25px 0 25px 20px;
    left: 100%;
    top: 0;
  }

  .order-nav li.active:last-child:after {
    display: none;
  }

  .ci-img {
    width: 130px;
    padding: 0 15px;
  }

  .ci-details {
    margin-left: 150px;
  }

  .ci-title {
    padding-left: 0;
    margin-left: 0;
  }

  .ci-title:after {
    display: none;
  }

  .ci-price,
  .ci-amount {
    width: 100px;
  }

  .ci-qty {
    margin: 0 20px 0 10px;
  }

  .ci-remove {
    right: 10px;
  }

  .cart-item-description {
    margin-left: 5px;
  }

  .bi-content {
    float: left;
    width: 50%;
  }

  .bi-img {
    float: right;
    width: 40%;
  }

  .account-orders-list th:nth-of-type(1) {
    width: 15%;
  }

  .account-orders-list th:nth-of-type(2) {
    width: 17%;
  }

  .account-orders-list th:nth-of-type(3) {
    width: 18%;
  }

  .account-orders-list th:nth-of-type(4) {
    width: 15%;
  }

  .account-orders-list th:nth-of-type(2),
  .account-orders-list td:nth-of-type(2),
  .account-orders-list th:nth-of-type(4),
  .account-orders-list td:nth-of-type(4) {
    display: table-cell;
  }

  .account-orders-list th:nth-of-type(5) {
    width: 18%;
  }

  .account-orders-list th:nth-of-type(6) {
    width: 17%;
  }
}

@media (min-width: 550px) and (max-width: 767px) {
  .hpg-slider .swiper-slide:nth-of-type(2n) {
    -webkit-align-items: flex-start;
         -ms-flex-align: start;
            align-items: flex-start;
  }

  .hpg-slider .swiper-slide:nth-of-type(2n+1) {
    -webkit-align-items: flex-end;
         -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (min-width: 650px) {

}

@media (max-width: 767px) {
  .ht-menu {
    position: absolute;
    border-bottom: 1px solid #d4d4d4;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: 54px;
    left: 0;
    right: 0;
    z-index: 900;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
  }

  .ht-menu ul {
    border-top: 0;
  }

  .ht-menu.mobile-content li {
    border: 0;
    border-top: 1px solid #d4d4d4;
    background-color: #fff;
    width: 100%;
    vertical-align: top;
  }

  .ht-menu.mobile-content a {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
  }

  .ht-menu .hm-pages-nav li {
    border: 0;
    margin: 5px 50px;
    text-align: left;
  }

  .ht-menu .hm-pages-nav a {
    display: inline;
    font-size: 15px;
    padding: 0;
    line-height: 20px;
  }

  .mobile-content .hm-search {
    display: block;
    position: relative;
    margin: 10px 20px;
  }

  .mobile-content .hm-search .form-row {
    margin-bottom: 0;
  }

  .mobile-content .hm-search label {
    display: block;
  }

  .mobile-content .hm-search input[type="text"] {
    padding-right: 32px;
    border-radius: 3px;
  }

  .mobile-content .hm-search button {
    position: absolute;
    background-color: transparent;
    border: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    top: 50%;
    right: 14px;
  }

  .mobile-content .hm-search button:hover,
  .mobile-content .hm-search button:focus {
    opacity: .8;
  }

  .mobile-content .icon-search {
    width: 14px;
    height: 14px;
    vertical-align: top;
  }

  .hm-cart {
    right: 10px;
  }

  .mobile-menu {
    display: block;
    position: absolute;
    width: 19px;
    height: 14px;
  }

  .h-top .mobile-menu {
    top: 21px;
    right: 18px;
  }

  .h-main .mobile-menu {
    top: 36px;
    right: 10px;
  }

  .mobile-menu:before,
  .mobile-menu:after {
    content: '';
  }

  .mobile-menu:before,
  .mobile-menu:after,
  .mobile-menu i {
    display: block;
    position: absolute;
    background-color: #5f5f5f;
    width: 100%;
    height: 2px;
    left: 0;
  }

  .mobile-menu:before {
    top: 0;
  }

  .mobile-menu i {
    margin-top: -1px;
    top: 50%;
  }

  .mobile-menu:after {
    bottom: 0;
  }

  .mobile-menu.open i {
    display: none;
  }

  .mobile-menu.anim-2 i {
    display: none;
  }

  .mobile-menu.open:before {
    -webkit-transform: translate3d(0,6px,0) rotate(45deg);
            transform: translate3d(0,6px,0) rotate(45deg);
  }

  .mobile-menu.open:after {
    -webkit-transform: translate3d(0,-6px,0) rotate(-45deg);
            transform: translate3d(0,-6px,0) rotate(-45deg);
  }

  .mobile-content.hidden,
  .mobile-hidden,
  .pc-add,
  .pc-calc {
    display: none;
  }
}

@media (min-width: 768px) {
  .wrap {
    width: 750px;
    padding: 0 10px;
    margin: 0 auto;
  }

  .slider-dots {
    display: none;
  }

  .slider-arrow {
    display: block;
    top: 100%;
    margin-top: -8px;
  }

  .slider-prev {
    left: 0;
  }

  .slider-next {
    right: 0;
  }

  .block-title {
    font-size: 36px;
  }

  .breadcrumbs,
  .category-head .ch-title,
  .category-head + p,
  .catalog-head .ch-title,
  .catalog-head + p {
    margin-left: 20px;
  }

  .cc-content .ch-title {
    margin-left: 0;
  }

  .h-top .wrap,
  .h-main .wrap {
    position: relative;
  }

  .ht-phone,
  .ht-worktime {
    display: none;
  }

  .ht-menu li:last-child,
  .ht-menu .hm-pages-nav {
    display: none;
  }

  .ht-menu {
    padding-top: 0;
  }

  .ht-menu ul {
    display: inline-block;
    margin: 0;
    border-top: 0;
    border-left: 1px solid #d4d4d4;
    vertical-align: top;
  }

  .ht-account {
    right: 15px;
  }

  .ht-account span {
    display: inline-block;
    max-width: 160px;
    margin-right: 8px;
    margin-top: -2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
  }

  .hm-logo {
    width: 156px;
    margin: 44px 0;
  }

  .hm-info {
    position: absolute;
    left: 200px;
    right: 15px;
    bottom: 25px;
    text-align: right;
  }

  .hm-phone,
  .hm-worktime {
    display: inline-block;
    position: absolute;
    left: 0;
  }

  .hm-phone {
    top: 4px;
    color: #0840f4;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
  }

  .hm-phone a {
    color: #0840f4;
    text-decoration: none;
  }

  .hm-worktime {
    top: 28px;
    color: #5a6170;
    font-size: 14px;
  }

  .hm-search,
  .hm-cart {
    display: inline-block;
    vertical-align: top;
  }

  .hm-search {
    position: relative;
    width: 180px;
    margin-right: 16px;
  }

  .hm-search .form-row {
    margin-bottom: 0;
  }

  .hm-search label {
    display: block;
  }

  .hm-search input[type="text"] {
    padding-right: 32px;
    border-radius: 3px;
  }

  .hm-search button {
    position: absolute;
    background-color: transparent;
    border: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    top: 50%;
    right: 14px;
  }

  .hm-search button:hover,
  .hm-search button:focus {
    opacity: .8;
  }

  .icon-search {
    background-image: url(../images/search_btn.svg);
    width: 14px;
    height: 14px;
    vertical-align: top;
  }

  .hm-info .hm-cart {
    position: static;
  }

  .hm-cart .btn {
    height: 47px;
    padding: 0 18px;
    font-size: 16px;
    line-height: 2.875;
    border-radius: 3px;
  }

  .icon-cart {
    width: 16px;
    height: 16px;
  }

  .hm-pages-nav {
    position: absolute;
    top: 14px;
    left: 200px;
    text-align: left;
  }

  .hm-pages-nav li {
    margin-left: 20px;
  }

  .hm-pages-nav li:first-child {
    margin-left: 0;
  }

  .h-menu {
    display: block;
    padding-top: 6px;
    margin-bottom: 28px;
  }

  .h-menu-list {
    background-color: #f5f5f5;
    width: 100%;
  }

  .h-menu-list > li {
    display: table-cell;
    border-left: 1px solid #fff;
    width: 1%;
    text-align: center;
  }

  .h-menu-list li:first-child {
    border-left: 0;
  }

  .h-menu a {
    color: #43484d;
    font-size: 14px;
  }

  .h-menu a:hover,
  .h-menu a:focus {
    color: #0840f4;
    text-decoration: none;
  }

  .h-menu-list > li > a {
    display: block;
    height: 60px;
    padding: 0 5px;
    line-height: 1;
  }

  .h-menu-list > li > a:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
  }

  .h-menu-list span {
    display: inline-block;
    vertical-align: middle;
  }

  .home-categories {
    padding-top: 5px;
    margin: 0 -10px;
  }

  .hc-block {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .hc-inner {
    left: 10px;
    right: 10px;
  }

  .home-services {
    padding: 40px 0 70px;
  }

  .hs-subtitle {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .hs-block {
    padding: 15px 15px 15px 379px;
  }

  .hsb-bg {
    position: absolute;
    height: auto;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 379px;
  }

  .home-benefits {
    padding-bottom: 70px;
  }

  .hb-item {
    width: 33.33%;
  }

  .home-showroom {
    position: relative;
    margin-bottom: 70px;
  }

  .hsr-content {
    width: 50%;
  }

  .hsr-title {
    margin-bottom: 20px;
  }

  .hsr-tip {
    margin-bottom: 30px;
    line-height: 1.6;
  }

  .hsr-bg {
    position: absolute;
    height: auto;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
  }

  .hsr-bg:before {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #0840f4;
    top: 50%;
    left: -1px;
    margin-top: -10px;
    margin-left: 0;
  }

  .home-promo-banner {
    font-size: 44px;
  }

  .hpg-slider.slider-not-ready {
    margin: 0 -10px;
    overflow: hidden;
  }

  .cc-side {
    float: left;
    width: 228px;
  }

  .filter-mobile {
    display: none;
  }

  .f-title {
    display: block;
    margin-left: 20px;
    margin-bottom: 25px;
    color: #9da6b8;
    font-size: 32px;
    line-height: 1.1;
  }

  .fb-options li {
    margin-top: 8px;
  }

  .cc-content {
    float: right;
    width: 482px;
  }

  .category-head,
  .catalog-head,
  .search-head {
    margin-bottom: 25px;
  }

  .ch-title,
  .sh-title,
  .collection h1,
  .collection h2 {
    font-size: 32px;
  }

  .sh-title {
    float: left;
    margin-left: 20px;
    max-width: 460px;
  }

  .ch-sort,
  .sh-sort {
    margin-top: 12px;
  }

  .sh-sort {
    float: right;
  }

  .ch-title,
  .ch-sort,
  .sh-title,
  .sh-sort {
    margin-bottom: 0;
  }

  .catalog-filters a {
    margin-bottom: 15px;
    margin-right: 13px;
  }

  .collection-filters li {
    font-size: 17px;
    margin-top: 10px;
  }

  .collection-filters a {
    margin-right: 10px;
  }

  .catalog-list {
    margin: 0 -10px;
    text-align: left;

    -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .product-card {
    margin: 0 10px 20px;
  }

  .swiper-slide .product-card {
    margin: 0 0 20px;
  }

  .product-card,
  .swiper-slide .product-card,
  .hpg-slider .swiper-slide {
    width: 230px;
  }

  .catalog-compare {
    padding: 0;
    color: #fff;
    font-size: 16px;
    text-align: right;
  }

  .cc-total {
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,.5);
    height: 52px;
    padding-right: 18px;
    margin-right: 15px;
    line-height: 3.1875;
    vertical-align: middle;
  }

  .catalog-compare .btn {
    font-size: 16px;
    line-height: 2.0625;
    vertical-align: middle;
  }

  .cc-compare {
    margin-right: 15px;
  }

  .product h1 {
    margin-bottom: 30px;
  }

  .product-gallery .fotorama__wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .product-buy {
    padding: 15px 20px;
  }

  .product-compare,
  .product-info,
  .product-description,
  .product-properties td {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pb-calculate {
    display: inline-block;
    margin-top: 12px;
    margin-left: 15px;
    vertical-align: top;
  }

  .product-extra {
    margin-top: 40px;
  }

  .pe-pane {
    padding: 20px;
  }

  .pe-pane hr {
    margin-left: -20px;
    margin-right: -20px;
  }

  .pe-calculate-toggle button {
    display: inline-block;
  }

  .product-related-title {
    margin: 40px 0 24px;
    font-size: 30px;
  }

  .popup-iframe-product {
    font-size: 24px;
  }

  .order-nav {
    margin-bottom: 30px;
  }

  .cart-head h1,
  .checkout h1 {
    margin-left: 20px;
  }

  .cart-head h1,
  .checkout h1,
  .thank-you h1 {
    font-size: 36px;
  }

  .cart-head h1 {
    float: left;
  }

  .cart-head ul {
    display: block;
    float: right;
    margin-top: 14px;
    margin-right: 32px;
  }

  .ch-price,
  .ch-amount {
    width: 100px;
  }

  .ch-qty {
    width: 87px;
    margin: 0 0 0 10px;
  }

  .cart-item.partner {
    padding-bottom: 40px;
  }

  .ci-img,
  .ci-details,
  .ci-title {
    display: inline-block;
    vertical-align: middle;
  }

  .ci-img {
    float: none;
  }

  .ci-details {
    width: 580px;
    margin-left: 20px;
  }

  .ci-title {
    width: 250px;
    padding-right: 20px;
    margin-bottom: 0;
    font-size: 16px;
  }

  .cart-item.partner .ci-title {
    margin-bottom: 0;
  }

  .ci-title span {
    font-size: 15px;
  }

  .ci-client-price,
  .ci-qty-amount,
  .ci-price-range,
  .ci-price-margin {
    font-size: 14px;
  }

  .ci-price span,
  .ci-amount {
    font-size: 18px;
  }

  .ci-remove {
    margin-top: -27px;
    top: 50%;
  }

  .partner .ci-remove {
    margin-top: -37px;
  }

  .cart-add-item-data {
    padding-left: 0;
  }

  .cart-add-photo {
    display: inline-block;
    position: static;
    margin-right: 10px;
    vertical-align: middle;
  }

  .cart-add-item input[type="text"],
  .cart-add-item .btn {
    vertical-align: middle;
  }

  .cart-add-item input[name="add_product"] {
    width: 300px;
    margin-right: 10px;
    margin-bottom: 0;
  }

  .cart-footer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .cart-next {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .cart-total,
  .cart-checkout {
    text-align: right;
  }

  .cart-checkout {
    margin-bottom: 30px;
  }

  .cart-continue {
    padding-bottom: 31px;
  }

  .cart-agree input {
    position: relative;
    top: 1px;
  }

  .cart-total {
    margin-bottom: 20px;
  }

  .cart-bottom {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cart-agree {
    padding-right: 20px;

    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .cart-bottom .cart-checkout {
    margin-top: 0;
  }

  .payments-title {
    font-size: 36px;
    margin-left: 20px;
  }

  .payments-blocks {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;

    -webkit-align-items: stretch;
         -ms-flex-align: stretch;
            align-items: stretch;
  }

  .payments-block {
    width: 50%;
  }

  .payments-block:nth-of-type(1),
  .payments-block:nth-of-type(2) {
    border-top: 1px solid #d4d4d4;
  }

  .payments-block:nth-of-type(even) {
    border-left: 0;
  }

  .pb-title {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .payments-block ul {
    margin-left: -10px;
  }

  .payments-block li {
    margin-top: 10px;
    margin-left: 10px;
  }

  .page h1,
  .blog h1,
  .account-title {
    font-size: 36px;
  }

  .page h1,
  .blog h1,
  .account-orders .account-title {
    margin-left: 20px;
  }

  .delivery-block,
  .payment-block {
    position: relative;
    margin-bottom: 50px;
  }

  .delivery-tips p,
  .about-tips p {
    padding: 20px 35px;
  }

  .contacts-map {
    float: left;
    width: 360px;
    height: 480px;
    margin: 0;
  }

  .contacts-content {
    margin-left: 400px;
  }

  .contacts-content h2:first-child {
    margin-top: 20px;
  }

  .bi-content {
    float: left;
    width: 60%;
  }

  .bi-img {
    float: right;
    width: 30%;
  }

  .account-orders-list table {
    font-size: 15px;
  }

  .account-orders-list th,
  .account-orders-list td {
    padding: 12px;
  }

  .account-order-products th:nth-of-type(1) {
    width: 100px;
  }

  .account-order-products th:nth-of-type(3),
  .account-order-products th:nth-of-type(4),
  .account-order-products th:nth-of-type(5) {
    width: 15%;
  }
    
  .page-404-bg {
    max-width: 326px;
  }

  .page-404-content {
    min-height: calc(100% - 180px - 637px);
  }

  .f-section {
    width: 25%;
  }
}

@media (max-width: 999px) {
  .bi-img {
    background-image: none !important;
  }
}

@media (min-width: 1000px) {
  .wrap {
    width: 990px;
    padding: 0 15px;
  }

  .ht-menu a {
    padding: 0 28px;
  }

  .hm-logo {
    width: 200px;
  }

  .hm-info,
  .hm-pages-nav {
    left: 250px;
  }

  .hm-phone {
    max-width: 180px;
    top: 8px;
    font-size: 26px;
  }

  .hm-worktime {
    left: 200px;
    top: 16px;
  }

  .hm-pages-nav {
    top: 20px;
  }

  .hm-pages-nav li {
    margin-left: 32px;
  }

  .h-menu-list > li > a {
    font-size: 16px;
  }

  .hc-block {
    width: 33.33%;
  }

  .hs-block {
    padding: 20px 20px 20px 499px;
  }

  .hsb-bg {
    right: 489px;
  }

  .hsr-content {
    width: 410px;
    padding: 30px 35px;
  }

  .hsr-bg {
    left: 410px;
  }

  .cc-content {
    width: 712px;
  }

  .sh-title {
    max-width: 660px;
  }

  .ch-sort li,
  .sh-sort li {
    margin-left: 20px;
  }

  .collection-content {
    float: right;
    width: 48%;
  }

  .collection-description.full {
    padding-bottom: 10px;
  }

  .collection-gallery {
    float: left;
    width: 49%;
    margin-top: 0;
    padding-top: 10px;
  }

  .product-card,
  .swiper-slide .product-card,
  .hpg-slider .swiper-slide {
    width: 224px;
  }

  .cart-head ul {
    margin-right: 41px;
  }

  .ci-details {
    width: 810px;
  }

  .ci-title {
    width: 400px;
    padding-right: 30px;
  }

  .ch-price,
  .ch-amount,
  .ci-price,
  .ci-amount {
    width: 130px;
  }

  .ci-price {
    font-size: 16px;
  }

  .ci-price span,
  .ci-amount {
    font-size: 20px;
  }

  .ch-qty {
    width: 108px;
    margin-left: 0;
  }

  .ci-qty {
    margin-right: 40px;
    margin-left: 0;
  }

  .product-gallery-wrap,
  .product-content {
    width: 50%;
  }

  .product-gallery-wrap {
    float: left;
    padding: 0 10px;
  }

  .product-content {
    position: relative;
    float: right;
    z-index: 1;
  }

  .pb-calculate {
    display: block;
    margin-left: 0;
  }

  .product-info {
    margin-bottom: 0;
  }

  .product-properties.overlap {
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
  }

  .product-extra {
    clear: both;
    padding-top: 40px;
    margin-top: 0;
  }

  .pe-pane {
    padding: 25px;
  }

  .pe-pane hr {
    margin-left: -25px;
    margin-right: -25px;
  }

  .db-content,
  .pb-content {
    width: 60%;
  }

  .pb-content {
    float: right;
  }

  .db-content h2,
  .pb-content h2 {
    font-size: 44px;
  }

  .db-bg,
  .pb-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
  }

  .db-bg {
    right: 0;
    left: 60%;
  }

  .pb-bg {
    left: 0;
    right: 60%;
  }

  .db-bg:before {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #0840f4;
    top: 50%;
    left: -1px;
    margin-top: -10px;
    margin-left: 0;
  }

  .pb-bg:before {
    border-width: 10px 10px 10px 0;
    border-color: transparent #0840f4 transparent transparent;
    top: 50%;
    left: auto;
    right: -1px;
    margin-top: -10px;
    margin-left: 0;
  }

  .contacts-map {
    float: left;
    width: 550px;
    height: 480px;
    margin: 0;
  }

  .contacts-content {
    margin-left: 600px;
  }

  .blog-list {
    margin-left: -30px;
  }

  .blog-item {
    display: inline-block;
    position: relative;
    width: 465px;
    min-height: 325px;
    margin-left: 30px;
    vertical-align: top;
  }

  .bi-img {
    float: none;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 35%;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .bi-img img {
    display: none;
  }

  .account-personal {
    float: right;
    width: 300px;
  }

  .account-orders {
    float: left;
    width: 630px;
  }

  .page-404-content {
    min-height: calc(100% - 194px - 390px);
  }

  .f-section,
  .f-section:last-child {
    width: 20%;
  }

  .fs-title {
    margin-bottom: 18px;
  }

  .f-copy {
    float: left;
  }

  .f-developers {
    float: right;
    margin-top: 0;
  }

  .f-developer {
    display: inline;
  }

  .f-developer:first-child {
    margin-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1339px) {
  .ios body {
    cursor: pointer;
  }

  .h-menu-list .menu-hidden-md {
    display: none;
  }

  .h-menu-more {
    position: relative;
    z-index: 2;
  }

  .h-menu-more > a {
    white-space: nowrap;
    cursor: pointer;
  }

  .h-menu-more:hover > a {
    color: #0840f4;
  }

  .icon-more {
    margin-top: -1px;
  }

  .h-menu-more:hover .icon-more,
  .h-menu-more > a:hover .icon-more,
  .h-menu-more > a:focus .icon-more {
    transform: rotate(-180deg);
  }

  .h-menu-more ul {
    display: none;
    position: absolute;
    background-color: #f5f5f5;
    width: 200px;
    padding: 12px 16px;
    margin-top: 2px;
    top: 100%;
    right: 0;
    text-align: left;
  }

  .h-menu-more ul:before {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    top: -2px;
    left: 0;
    right: 0;
  }

  .h-menu-more a:hover + ul,
  .h-menu-more a:focus + ul,
  .h-menu-more ul:hover {
    display: block;
  }

  .h-menu-more li {
    margin-top: 6px;
  }

  .h-menu-more li:first-child {
    margin-top: 0;
  }
}

@media (min-width: 1340px) {
  .wrap {
    width: 1260px;
  }

  .slider-arrow {
    top: 50%;
    margin-top: -16px;
  }

  .slider-prev {
    left: -42px;
  }

  .slider-next {
    right: -42px;
  }

  .hm-info,
  .hm-pages-nav {
    left: 300px;
  }

  .hm-worktime {
    left: 220px;
  }

  .hm-search {
    width: 270px;
    margin-right: 36px;
  }

  .hm-search input[type="text"] {
    padding-left: 22px;
    padding-right: 40px;
  }

  .hm-search button {
    right: 20px;
  }

  .hm-cart .btn {
    padding: 0 22px;
    font-size: 18px;
    line-height: 2.55555556;
  }

  .icon-cart {
    margin-right: 8px;
  }

  .hmc-amount {
    margin-left: 8px;
  }

  .hm-pages-nav li {
    margin-left: 36px;
  }

  .h-menu-list .h-menu-more {
    display: none;
  }

  .hc-block {
    width: 25%;
  }

  .hs-block {
    padding: 25px 25px 25px 654px;
  }

  .hsb-bg {
    right: 624px;
  }

  .hb-list {
    padding: 0 20px;
  }

  .hb-item {
    width: 20%;
  }

  .cc-content {
    width: 982px;
  }

  .ch-title {
    float: left;
    max-width: 700px;
  }

  .ch-sort {
    float: right;
  }

  .sh-title {
    max-width: 930px;
  }

  .collection-description {
    max-height: 370px;
  }

  .product-card,
  .swiper-slide .product-card,
  .hpg-slider .swiper-slide {
    width: 230px;
  }

  .pb-calculate {
    display: inline-block;
    margin-left: 15px;
  }

  .pe-calculation {
    padding: 10px 0;
  }

  .pec-block,
  .pec-sign {
    margin-bottom: 0;
  }

  .pec-total {
    display: inline-block;
    margin-top: 0;
    margin-left: 30px;
    vertical-align: middle;
  }

  .cart,
  .checkout {
    float: left;
    width: 770px;
  }

  .cart-head ul {
    margin-right: 0;
  }

  .ci-details {
    width: 620px;
  }

  .ci-title {
    width: 250px;
    padding-right: 20px;
  }

  .ci-remove {
    right: 5px;
  }

  .payments {
    float: right;
    width: 420px;
  }

  .payments-title {
    margin-left: 0;
  }

  .payments-block {
    width: 100%;
    padding: 25px;
  }

  .payments-blocks .payments-block {
    border: 1px solid #d4d4d4;
    border-top: 0;
  }

  .payments-blocks .payments-block:first-child {
    border-top: 1px solid #d4d4d4;
  }

  .db-content,
  .pb-content {
    padding: 30px 35px;
  }

  .contacts-content {
    margin-left: 640px;
  }

  .blog-item {
    width: 600px;
  }

  .bi-content {
    width: 50%;
  }

  .bi-img {
    width: 42%;
  }

  .account-personal {
    width: 330px;
  }

  .account-orders {
    width: 870px;
  }

  .account-orders-list table {
    font-size: 16px;
  }

  .account-orders-list th,
  .account-orders-list td {
    padding: 15px;
  }
}

/**
 * Swiper 3.2.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: December 7, 2015
 */

.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

/* Ion.RangeSlider
// css version 2.0.3
// В© 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 11%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 11%;
        }

    .irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
        .irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }

    .irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }

    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
    .irs-slider:hover,
    .irs-slider.state_hover {
      background-color: #0840f4;
    }
        .irs-slider.single {

        }
        .irs-slider.from {

        }
        .irs-slider.to {

        }
        .irs-slider.type_last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }

.irs-grid {
    position: absolute; display: none;
    top: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
        display: none;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 3px; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 10px; line-height: 10px;
        padding: 0 3px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.irs {
    height: 10px;
}
.irs-with-grid {
    height: 10px;
}
.irs-line {
    height: 2px; top: 5px;
    background-color: #d4d4d4;
}

.irs-bar {
    height: 2px; top: 5px;
    background-color: #0840f4;
}
    .irs-bar-edge {
        top: 25px;
        height: 2px; width: 11px;
        background-position: 0 -90px;
    }

.irs-shadow {
    display: none;
    height: 1px; top: 34px;
    background: #000;
    opacity: 0.15;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=15);
}

.irs-slider {
    width: 10px; height: 10px;
    top: 1px;
    border-radius: 50%;
    border: 2px solid #0840f4;
    background-color: #fff;
}

.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: rgba(0,0,0,0.1);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(0,0,0,0.3);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid-pol {
    display: none;
    background: #999;
}
.irs-grid-text {
    color: #999;
}

.irs-disabled {
}

/* Fotorama 4.6.4
   ========================================================================== */

.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../images/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../images/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}

.fotorama__thumb-border {
  display: none;
}

.fotorama__thumb:before {
  content: '';
  background-color: #fff;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;

  -webkit-transition: opacity ease .3s;
          transition: opacity ease .3s;
}

.fotorama__active .fotorama__thumb:before {
  opacity: .5;
}

/* Magnific popup
   ========================================================================== */

.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

.mfp-bg {
  background-color: #43484d;
}

/**
 * Simple fade transition
 */
.mfp-fade.mfp-bg,
.mfp-fade .mfp-close,
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .5;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content,
.mfp-fade.mfp-ready .mfp-close {
  opacity: 1;
}

.mfp-fade.mfp-bg.mfp-removing,
.mfp-fade.mfp-wrap.mfp-removing .mfp-content,
.mfp-fade.mfp-removing .mfp-close {
  opacity: 0 !important;
}

.mfp-fade .mfp-container {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .mfp-fade .mfp-container {
    padding-left: 22px;
    padding-right: 22px;
  }  
}

.mfp-fade .mfp-iframe-scaler iframe {
  box-shadow: none;
}

.mfp-fade .mfp-close {
  background-color: #0840f4;
  width: 39px;
  height: 39px;
  top: -20px;
  right: -20px;
  border-radius: 50%;

  -webkit-transition: -webkit-transform ease .25s .2s;
          transition: transform ease .25s .2s;

  -webkit-transform: translate3d(0,0,0) scale(0);
          transform: translate3d(0,0,0) scale(0);
}

.mfp-fade.mfp-ready .mfp-close,
.mfp-fade.mfp-removing .mfp-close {
  opacity: 1;

  -webkit-transform: translate3d(0,0,0) scale(1);
          transform: translate3d(0,0,0) scale(1);
}

.mfp-fade .mfp-close:hover,
.mfp-fade .mfp-close:focus {
  background-color: #0735c7;
}

.mfp-fade .mfp-close:active {
  background-color: #0840f4;
}

.mfp-fade .mfp-close:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/close.svg);
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  margin: -7px 0 0 -7px;
  top: 50%;
  left: 50%;
}

.mfp-fade .mfp-close:active {
  top: -20px;
}

.mfp-fade.mfp-ready .cart-popup,
.mfp-fade.mfp-ready .login-popup,
.mfp-fade.mfp-ready .map-popup {
  -webkit-transform: translate3d(0,0,0) scale(1);
          transform: translate3d(0,0,0) scale(1);
}

.mfp-fade.mfp-removing .cart-popup,
.mfp-fade.mfp-removing .login-popup,
.mfp-fade.mfp-removing .map-popup {
  -webkit-transform: translate3d(0,0,0) scale(.7);
          transform: translate3d(0,0,0) scale(.7);
}

.cart-popup,
.login-popup,
.map-popup {
  position: relative;
  background-color: #fff;
  margin: 30px auto;

  -webkit-transform: translate3d(0,0,0) scale(.7);
          transform: translate3d(0,0,0) scale(.7);

  -webkit-transition: transform ease .3s;
          transition: transform ease .3s;
}

.cart-popup {
  max-width: 830px;
  padding: 20px 15px 1px;
}

.cart-popup .mfp-close {
  display: none;
}

@media (min-width: 550px) {
  .cart-popup {
    padding: 30px 30px 1px;
  }

  .cart-popup .ci-details {
    margin-left: 130px;
  }

  .cart-popup .ci-price {
    width: 80px;
  }
}

@media (min-width: 768px) {
  .cart-popup .ci-details {
    width: 508px;
    margin-left: 10px;
  }
  
  .cart-popup .ci-title {
    width: 200px;
  }

  .cart-popup .ch-price {
    width: 80px;
  }
}

@media (min-width: 1000px) {
  .cart-popup .cart-head ul {
    margin-right: 22px;
  }

  .cart-popup .ci-details {
    width: 630px;
  }

  .cart-popup .ci-title {
    width: 240px;
  }

  .cart-popup .ch-price,
  .cart-popup .ci-price {
    width: 130px;
  }
}

.cart-popup .cart {
  float: none;
}

.cart-popup .cart-home {
  margin-bottom: 30px;
}

.login-popup {
  max-width: 342px;
  padding: 30px 30px 40px;
}

@media (min-width: 550px) {
  .login-popup {
    padding: 30px 50px 40px;
  }
}

.login-popup .hidden {
  display: none;
}

.map-popup {
  max-width: 990px;
}

.popup-title {
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 1;
}

.mp-map {
  height: 400px;
}

/* Clearfix
   ========================================================================== */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *contenteditable attribute is included anywhere else in the document.
 *Otherwise it causes space to appear at the top and bottom of elements
 *that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *`:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: ' '; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

.clear-float {
  clear: both;
}

/* Placeholders
   ========================================================================== */

input:-moz-placeholder,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #999;
  font-weight: 400;
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-weight: 400;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-weight: 400;
  opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-weight: 400;
  opacity: 1;
}

/*.placeholder {
  color: #999;
  font-weight: 400;
  font-style: italic;
}*/
.property-info-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 700px;
  margin: 30px auto;
}
.select-variation-popup {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  margin: 30px auto;
}

.property-info-popup ul,
.property-info-popup ol,
.property-info-popup p,
.select-variation-popup ul,
.select-variation-popup ol,
.select-variation-popup p {
  margin: 18px 0;
}

.property-info-popup img {
  max-width: 100%;
  height: auto;
}

.about-media {
  display: none;
}
.about-video-popup {
  display: inline-block;
  vertical-align: bottom;
}

.about-video-popup span {
  display: block;
  margin-top: 6px;
}

.back-link {
  width: 39px;
  height: 39px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  background-color: #0840f4;
  position: relative;
  vertical-align: text-top;
  margin-right: 10px;
}

.back-link:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/c_arrow.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 20px;
  margin: -10px 0 0 -7px;
  top: 50%;
  left: 50%;
  transform: rotateY(180deg);
}