@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, address, time {
  display: block;
}

em, address {
  font-style: normal;
}

.noselect, footer.page .top .sites ul li.active, section.products .items .to-cart, article.contacts .cities .current {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important;
}

textarea {
  resize: none;
}

input::-ms-clear {
  display: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all .25s linear;
}

input, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

sup {
  font-size: 60%;
  vertical-align: super;
}

sub {
  font-size: 60%;
  vertical-align: sub;
}

html.lock {
  overflow: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.hidden {
  position: absolute;
  left: -9999px;
  z-index: -1;
}

img {
  max-width: 100%;
  /*width:auto;*/
  height: auto;
  vertical-align: middle;
}

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

.grid {
  font-size: 0;
  margin-left: -30px;
}
.grid.full {
  margin-left: 0;
}
.grid.full [class^="col-"],
.grid.full [class*=" col-"] {
  padding-left: 0;
}
.grid.rtl {
  direction: rtl;
}
.grid.rtl [class^="col-"],
.grid.rtl [class*=" col-"] {
  direction: ltr;
}
.grid.with-labels {
  margin-left: -60px;
}
.grid.with-labels [class^="col-"],
.grid.with-labels [class*=" col-"] {
  padding-left: 60px;
}
.grid.with-labels [class^="col-"].with-label::before,
.grid.with-labels [class*=" col-"].with-label::before {
  float: left;
  display: block;
  margin-left: -60px;
  content: attr(data-label);
  width: 60px;
  text-align: center;
}
@media all and (max-width: 767px) {
  .grid.with-labels [class^="col-"].with-label::before,
  .grid.with-labels [class*=" col-"].with-label::before {
    float: none;
    margin: 0 0 25px !important;
    width: auto;
  }
}
.grid [class^="col-"],
.grid [class*=" col-"] {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  width: 100%;
  font-size: 15px;
}
.grid .col-xs-10 {
  width: 10%;
}
.grid .col-xs-15 {
  width: 15%;
}
.grid .col-xs-20 {
  width: 20%;
}
.grid .col-xs-25 {
  width: 25%;
}
.grid .col-xs-30 {
  width: 30%;
}
.grid .col-xs-33 {
  width: 33.33%;
}
.grid .col-xs-35 {
  width: 35%;
}
.grid .col-xs-40 {
  width: 40%;
}
.grid .col-xs-45 {
  width: 45%;
}
.grid .col-xs-50 {
  width: 50%;
}
.grid .col-xs-55 {
  width: 55%;
}
.grid .col-xs-60 {
  width: 60%;
}
.grid .col-xs-65 {
  width: 65%;
}
.grid .col-xs-66 {
  width: 66.66%;
}
.grid .col-xs-70 {
  width: 70%;
}
.grid .col-xs-75 {
  width: 75%;
}
.grid .col-xs-80 {
  width: 80%;
}
.grid .col-xs-85 {
  width: 85%;
}
.grid .col-xs-90 {
  width: 90%;
}
.grid .col-xs-100 {
  width: 100%;
}
@media all and (min-width: 768px) {
  .grid .col-sm-10 {
    width: 10%;
  }
  .grid .col-sm-15 {
    width: 15%;
  }
  .grid .col-sm-20 {
    width: 20%;
  }
  .grid .col-sm-25 {
    width: 25%;
  }
  .grid .col-sm-30 {
    width: 30%;
  }
  .grid .col-sm-33 {
    width: 33.33%;
  }
  .grid .col-sm-35 {
    width: 35%;
  }
  .grid .col-sm-40 {
    width: 40%;
  }
  .grid .col-sm-45 {
    width: 45%;
  }
  .grid .col-sm-50 {
    width: 50%;
  }
  .grid .col-sm-55 {
    width: 55%;
  }
  .grid .col-sm-60 {
    width: 60%;
  }
  .grid .col-sm-65 {
    width: 65%;
  }
  .grid .col-sm-66 {
    width: 66.66%;
  }
  .grid .col-sm-70 {
    width: 70%;
  }
  .grid .col-sm-75 {
    width: 75%;
  }
  .grid .col-sm-80 {
    width: 80%;
  }
  .grid .col-sm-85 {
    width: 85%;
  }
  .grid .col-sm-90 {
    width: 90%;
  }
  .grid .col-sm-100 {
    width: 100%;
  }
}
@media all and (min-width: 996px) {
  .grid .col-md-10 {
    width: 10%;
  }
  .grid .col-md-15 {
    width: 15%;
  }
  .grid .col-md-20 {
    width: 20%;
  }
  .grid .col-md-25 {
    width: 25%;
  }
  .grid .col-md-30 {
    width: 30%;
  }
  .grid .col-md-33 {
    width: 33.33%;
  }
  .grid .col-md-35 {
    width: 35%;
  }
  .grid .col-md-40 {
    width: 40%;
  }
  .grid .col-md-45 {
    width: 45%;
  }
  .grid .col-md-50 {
    width: 50%;
  }
  .grid .col-md-55 {
    width: 55%;
  }
  .grid .col-md-60 {
    width: 60%;
  }
  .grid .col-md-65 {
    width: 65%;
  }
  .grid .col-md-66 {
    width: 66.66%;
  }
  .grid .col-md-70 {
    width: 70%;
  }
  .grid .col-md-75 {
    width: 75%;
  }
  .grid .col-md-80 {
    width: 80%;
  }
  .grid .col-md-85 {
    width: 85%;
  }
  .grid .col-md-90 {
    width: 90%;
  }
  .grid .col-md-100 {
    width: 100%;
  }
}
@media all and (min-width: 1200px) {
  .grid .col-lg-10 {
    width: 10%;
  }
  .grid .col-lg-15 {
    width: 15%;
  }
  .grid .col-lg-20 {
    width: 20%;
  }
  .grid .col-lg-25 {
    width: 25%;
  }
  .grid .col-lg-30 {
    width: 30%;
  }
  .grid .col-lg-33 {
    width: 33.33%;
  }
  .grid .col-lg-35 {
    width: 35%;
  }
  .grid .col-lg-40 {
    width: 40%;
  }
  .grid .col-lg-45 {
    width: 45%;
  }
  .grid .col-lg-50 {
    width: 50%;
  }
  .grid .col-lg-55 {
    width: 55%;
  }
  .grid .col-lg-60 {
    width: 60%;
  }
  .grid .col-lg-65 {
    width: 65%;
  }
  .grid .col-lg-66 {
    width: 66.66%;
  }
  .grid .col-lg-70 {
    width: 70%;
  }
  .grid .col-lg-75 {
    width: 75%;
  }
  .grid .col-lg-80 {
    width: 80%;
  }
  .grid .col-lg-85 {
    width: 85%;
  }
  .grid .col-lg-90 {
    width: 90%;
  }
  .grid .col-lg-100 {
    width: 100%;
  }
}

::-webkit-input-placeholder {
  color: #646262;
  opacity: 1;
  text-overflow: ellipsis;
}

::-moz-placeholder {
  opacity: 1;
  color: #646262;
  opacity: 1;
  text-overflow: ellipsis;
}

:-moz-placeholder {
  color: #646262;
  opacity: 1;
  text-overflow: ellipsis;
}

:-ms-input-placeholder {
  color: #646262;
  opacity: 1;
  text-overflow: ellipsis;
}

.placeholder {
  color: #646262;
  opacity: 1;
  text-overflow: ellipsis;
}

[placeholder] {
  text-overflow: ellipsis;
}

.form.big {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
.form.big .title {
  margin-bottom: 1em;
  text-align: center;
  color: #262626;
}
.form.big .input-wrap.center {
  max-width: none;
}
.form.small input,
.form.small select,
.form.small .jq-selectbox .jq-selectbox__select,
.form.small .jq-selectbox .jq-selectbox__dropdown,
.form.small .static,
.form.small textarea,
.form.small .scroll-textarea,
.form.small .dropdown-field .value,
.form.small .dropdown-field .fields {
  border-radius: 5px;
  padding: 0 10px;
  height: 34px;
  font-size: 14px;
  line-height: 30px;
}
.form.small .jq-selectbox {
  max-width: 100%;
  min-width: 100%;
}
.form.small .jq-selectbox.opened .jq-selectbox__select {
  border-radius: 5px;
}
.form.small .jq-selectbox .jq-selectbox__dropdown {
  margin-top: 5px !important;
  border-top-width: 1px;
  border-radius: 5px;
  padding: 0 !important;
}
.form.small .jq-selectbox .jq-selectbox__dropdown::before, .form.small .jq-selectbox .jq-selectbox__dropdown::after {
  display: block;
  border-width: 0 9px 9px !important;
}
.form.small .jq-selectbox .jq-selectbox__dropdown::before {
  width: 0;
  height: 0;
  top: -9px !important;
  left: auto !important;
  right: 9px !important;
}
.form.small .jq-selectbox .jq-selectbox__dropdown::after {
  top: -8px;
}
.form.small .jq-selectbox .jq-selectbox__dropdown li {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.form.small .static {
  border-color: none;
  border-radius: 0;
  padding: 0;
  min-height: 34px;
}
.form.small textarea,
.form.small .scroll-textarea {
  height: 64px;
}
.form.small .scroll-textarea .scroll-content {
  padding: 2px 0;
}
.form.small .scroll-textarea textarea {
  padding: 0 10px !important;
}
.form.small .input-wrap {
  display: block !important;
}
.form.small .input-wrap + .input-wrap {
  margin-top: 20px;
}
.form.small .input-wrap > dt {
  margin: 0 0 8px;
  font-size: 15px;
  color: #606060;
}
.form.center {
  margin-left: auto;
  margin-right: auto;
  max-width: 672px;
}
.form.short {
  margin-left: auto;
  margin-right: auto;
  max-width: 472px;
}
.form.gray input,
.form.gray textarea,
.form.gray .scroll-textarea,
.form.gray select,
.form.gray .jq-file,
.form.gray .jq-selectbox .jq-selectbox__select,
.form.gray .jq-selectbox .jq-selectbox__dropdown,
.form.gray .dropdown-field .value,
.form.gray .dropdown-field .fields {
  border-color: #fff;
}
.form input,
.form textarea,
.form .scroll-textarea,
.form select,
.form .jq-file,
.form .jq-selectbox .jq-selectbox__select,
.form .jq-selectbox .jq-selectbox__dropdown,
.form .dropdown-field .value,
.form .dropdown-field .fields,
.form .static {
  display: block;
  margin: 0;
  border: 1px solid #d5d5d5;
  border-radius: 27px;
  padding: 11px 29px 16px;
  width: 100%;
  height: 54px;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.5;
  color: #000;
  text-align: left;
  background: #fff;
  transition: border .25s,color .25s,background .25s;
}
.form input:focus, .form input.focused,
.form textarea:focus,
.form textarea.focused,
.form .scroll-textarea:focus,
.form .scroll-textarea.focused,
.form select:focus,
.form select.focused,
.form .jq-file:focus,
.form .jq-file.focused,
.form .jq-selectbox .jq-selectbox__select:focus,
.form .jq-selectbox .jq-selectbox__select.focused,
.form .jq-selectbox .jq-selectbox__dropdown:focus,
.form .jq-selectbox .jq-selectbox__dropdown.focused,
.form .dropdown-field .value:focus,
.form .dropdown-field .value.focused,
.form .dropdown-field .fields:focus,
.form .dropdown-field .fields.focused,
.form .static:focus,
.form .static.focused {
  border-color: #949494;
}
.form input.error,
.form textarea.error,
.form .scroll-textarea.error,
.form select.error,
.form .jq-file.error,
.form .jq-selectbox .jq-selectbox__select.error,
.form .jq-selectbox .jq-selectbox__dropdown.error,
.form .dropdown-field .value.error,
.form .dropdown-field .fields.error,
.form .static.error {
  border-color: #f33;
}
.form input:disabled,
.form textarea:disabled,
.form .scroll-textarea:disabled,
.form select:disabled,
.form .jq-file:disabled,
.form .jq-selectbox .jq-selectbox__select:disabled,
.form .jq-selectbox .jq-selectbox__dropdown:disabled,
.form .dropdown-field .value:disabled,
.form .dropdown-field .fields:disabled,
.form .static:disabled {
  border-color: #d5d5d5;
  background: #eee;
}
.form .jq-selectbox.opened .jq-selectbox__select {
  border-radius: 27px 27px 0 0;
}
.form .jq-selectbox .jq-selectbox__dropdown {
  margin-top: -1px !important;
  border-top-width: 0;
  border-radius: 0 0 27px 27px;
  padding: 11px 29px 16px !important;
}
.form .jq-selectbox .jq-selectbox__dropdown::before, .form .jq-selectbox .jq-selectbox__dropdown::after {
  display: none;
}
.form .jq-selectbox .jq-selectbox__dropdown::before {
  content: '';
  display: block;
  border-width: 1px 0 0 !important;
  width: auto;
  height: 1px;
  position: absolute;
  top: 0 !important;
  left: 29px;
  right: 29px;
}
.form .jq-selectbox .jq-selectbox__dropdown li {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.form textarea,
.form .scroll-textarea {
  border-radius: 10px;
  height: 150px;
}
.form .scroll-textarea.error textarea {
  border-color: #f33;
}
.form .scroll-textarea textarea {
  padding: 11px 29px 16px !important;
}
.form .static {
  border-color: transparent !important;
  min-height: 54px;
  height: auto !important;
}
.form ul.group {
  font-size: 0;
}
@media all and (max-width: 767px) {
  .form ul.group {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.form ul.group > li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 15px;
}
.form ul.group > li + li {
  margin-top: 5px;
}
.form ul.group.inline > li {
  width: auto;
}
@media all and (max-width: 767px) {
  .form ul.group.inline > li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.form ul.group.inline > li + li {
  margin-top: 0;
  margin-left: 20px;
}
@media all and (max-width: 767px) {
  .form ul.group.inline > li + li {
    margin-left: 0;
  }
}
.form ul.group .checkbox,
.form ul.group .radio {
  margin: 2px 0;
}
.form .input-wrap {
  margin-top: 10px;
}
.form .input-wrap.error > .scroll-textarea {
  border-color: #f33;
}
.form .input-wrap.center {
  margin-left: auto;
  margin-right: auto;
  max-width: 672px;
}
.form .input-wrap > dt {
  margin: 1em 0 .5em;
  font-size: 17px;
  text-align: left;
  color: #000;
}
.form .input-wrap span.required {
  color: #e60039;
}
.form .input-wrap.captcha {
  margin-left: auto;
  margin-right: auto;
  padding: 0 13px;
  max-width: 472px;
  font-size: 0;
  position: relative;
}
.form .input-wrap.captcha::before {
  content: '\2192' !important;
  margin: -8px 0 0 -13px;
  width: 26px;
  height: 16px;
  font: bold 15px/16px Arial;
  text-align: center;
  color: #4a3838;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media all and (max-width: 479px) {
  .form .input-wrap.captcha::before {
    content: '\2193' !important;
  }
}
.form .input-wrap.captcha a,
.form .input-wrap.captcha input {
  display: block;
  width: 50%;
}
@media all and (max-width: 479px) {
  .form .input-wrap.captcha a,
  .form .input-wrap.captcha input {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    max-width: 200px;
  }
}
.form .input-wrap.captcha a {
  float: left;
  margin-left: -13px;
  border: 1px solid #d5d5d5;
  border-radius: 27px;
  height: 56px;
  overflow: hidden;
}
@media all and (max-width: 479px) {
  .form .input-wrap.captcha a {
    float: none;
  }
}
.form .input-wrap.captcha input {
  float: right;
  margin-right: -13px;
}
@media all and (max-width: 479px) {
  .form .input-wrap.captcha input {
    float: none;
    margin-top: 20px;
  }
}
.form dl.input-wrap.inline::after {
  content: '';
  display: table;
  clear: both;
}
@media all and (min-width: 768px) {
  .form dl.input-wrap.inline > dt {
    float: left;
    width: 240px;
    margin: 12px 0 0;
  }
}
@media all and (min-width: 768px) {
  .form dl.input-wrap.inline > dd {
    margin-left: 240px;
  }
}
.form dl.input-wrap.with-btn > dd,
.form div.input-wrap.with-btn {
  padding-right: 220px;
  position: relative;
}
@media all and (max-width: 650px) {
  .form dl.input-wrap.with-btn > dd,
  .form div.input-wrap.with-btn {
    padding-right: 0;
  }
}
.form dl.input-wrap.with-btn > dd select,
.form dl.input-wrap.with-btn > dd .jq-selectbox,
.form div.input-wrap.with-btn select,
.form div.input-wrap.with-btn .jq-selectbox {
  display: block;
  width: 100%;
}
.form dl.input-wrap.with-btn > dd a.btn,
.form div.input-wrap.with-btn a.btn {
  padding-left: 10px;
  padding-right: 10px;
  width: 200px !important;
  min-width: 200px;
  position: absolute;
  top: 0;
  right: 0;
}
@media all and (max-width: 650px) {
  .form dl.input-wrap.with-btn > dd a.btn,
  .form div.input-wrap.with-btn a.btn {
    margin-top: 10px;
    position: relative;
    top: auto;
    right: auto;
  }
}
.form dl.input-wrap.with-btn > dd a.btn i,
.form div.input-wrap.with-btn a.btn i {
  margin: -2px 10px 0 0 !important;
}
.form dl.input-wrap.with-btn > dd p,
.form div.input-wrap.with-btn p {
  margin: 20px 0 0 30px;
  color: #818181;
}
.form dl.input-wrap.date,
.form div.input-wrap.date {
  position: relative;
}
.form dl.input-wrap.date div.xdsoft_datetimepicker,
.form div.input-wrap.date div.xdsoft_datetimepicker {
  margin-left: -170px !important;
  width: 340px !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
}
@media all and (max-width: 767px) {
  .form dl.input-wrap.date div.xdsoft_datetimepicker,
  .form div.input-wrap.date div.xdsoft_datetimepicker {
    width: 272px !important;
    margin-left: -136px !important;
  }
}
.form dl.input-wrap.date > dd,
.form div.input-wrap.date {
  position: relative;
}
.form dl.input-wrap.date > dd::after,
.form div.input-wrap.date::after {
  content: '';
  display: block;
  background-image: url(../images/icons.png);
  position: absolute;
  top: 50%;
  right: 16px;
  transition: transform .25s;
  pointer-events: none;
}
.form .input-wrap-rating {
  margin-bottom: 20px;
  font-size: 17px;
  text-align: left;
}
.form .input-wrap-rating .rating {
  display: inline-block;
  top: 2px;
}
.form .input-wrap-label {
  position: relative;
}
.form .input-wrap-label.center input {
  text-align: center;
}
.form .input-wrap-label.center input + label {
  text-align: center;
}
.form .input-wrap-label.center textarea,
.form .input-wrap-label.center .scroll-textarea {
  text-align: left;
}
.form .input-wrap-label.center textarea + label,
.form .input-wrap-label.center .scroll-textarea + label {
  text-align: center;
}
.form .input-wrap-label input + label,
.form .input-wrap-label textarea + label,
.form .input-wrap-label .scroll-textarea + label {
  border: 1px solid transparent !important;
  border-radius: 27px;
  padding: 11px 29px 16px;
  font-size: 17px;
  line-height: 1.5;
  color: #777;
  background: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  cursor: text;
}
.form .input-wrap-label input[required] + label::after {
  content: ' *';
  color: #e60039;
}
.form .input-wrap-label label span.required {
  color: #e60039;
}
.form .input-slider .slide-wrap {
  margin: 32px 0 32px;
}
.form .input-slider .ui-slider {
  border: 0;
  border-radius: 2px;
  height: 4px;
  background: #e3e3e3;
}
.form .input-slider .ui-slider-range {
  background: #a8a8a8;
}
.form .input-slider .ui-slider-handle {
  margin-left: -6px;
  border: 0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: #444;
  top: -6px;
}
.form .input-slider .inputs {
  padding: 0 17px;
  position: relative;
}
.form .input-slider .inputs::before {
  content: '';
  display: block;
  margin-left: -8px;
  border-top: 1px solid #000;
  width: 16px;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
.form .input-slider .inputs input {
  float: left;
  margin-left: -17px;
  border-radius: 5px;
  padding: 0 5px;
  width: 50%;
  height: 34px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.form .input-slider .inputs input ~ input {
  float: right;
  margin-left: 0;
  margin-right: -17px;
}
.form .input-range {
  border: 1px solid #d5d5d5;
  border-radius: 27px;
  padding: 11px 29px 16px;
  color: #646262;
  font-size: 0;
  position: relative;
}
.form .input-range div.from,
.form .input-range div.to {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 25.5px;
  font-size: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
@media all and (max-width: 479px) {
  .form .input-range div.from,
  .form .input-range div.to {
    padding-left: 30px !important;
    padding-right: 0 !important;
    width: 100%;
  }
}
.form .input-range div.from label,
.form .input-range div.to label {
  float: left;
  margin-left: -20px;
  font-size: 17px;
  line-height: 1.5;
  text-align: right;
}
@media all and (max-width: 479px) {
  .form .input-range div.from label,
  .form .input-range div.to label {
    margin-left: -30px !important;
  }
}
.form .input-range div.to {
  padding-left: 40px;
  padding-right: 0;
}
@media all and (max-width: 479px) {
  .form .input-range div.to {
    margin-top: 10px;
  }
}
.form .input-range div.to label {
  margin-left: -30px;
}
.form .input-range input {
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid #b2b2b2;
  border-radius: 0;
  padding: 0;
  height: auto;
  text-align: center;
  background: transparent;
}
.form .input-range div.xdsoft_datetimepicker {
  margin-left: -170px !important;
  width: 340px !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
}
@media all and (max-width: 767px) {
  .form .input-range div.xdsoft_datetimepicker {
    width: 272px !important;
    margin-left: -136px !important;
  }
}
.form .input-with-date {
  border: 1px solid #d5d5d5;
  border-radius: 27px;
  padding: 11px 29px 16px;
  color: #646262;
  font-size: 0;
  position: relative;
}
.form .input-with-date div.input,
.form .input-with-date div.date {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 25.5px;
  font-size: 15px;
}
.form .input-with-date div.input {
  padding-left: 0;
  padding-right: 0;
}
@media all and (max-width: 479px) {
  .form .input-with-date div.input {
    width: 100% !important;
  }
}
.form .input-with-date div.input input {
  text-align: left !important;
}
.form .input-with-date input {
  vertical-align: top;
  border: 0;
  border-radius: 0;
  padding: 0;
  height: auto;
  background: transparent;
}
.form .input-with-date div.xdsoft_datetimepicker {
  margin-left: -170px !important;
  width: 340px !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
}
@media all and (max-width: 767px) {
  .form .input-with-date div.xdsoft_datetimepicker {
    width: 272px !important;
    margin-left: -136px !important;
  }
}
.form .input-with-date div.date {
  padding-left: 40px;
  padding-right: 0;
}
@media all and (max-width: 479px) {
  .form .input-with-date div.date {
    padding-left: 30px !important;
    padding-right: 0 !important;
    margin-top: 10px;
    width: 100%;
  }
}
.form .input-with-date div.date label {
  float: left;
  margin-left: -20px;
  font-size: 17px;
  line-height: 1.5;
  text-align: right;
}
@media all and (max-width: 479px) {
  .form .input-with-date div.date label {
    margin-left: -30px !important;
  }
}
.form .input-with-date div.date input {
  border-bottom: 1px solid #b2b2b2;
  text-align: center;
}
.form .input-with-date div.date::after {
  display: none !important;
}
@media all and (max-width: 479px) {
  .form .input-time-range div.from {
    padding-left: 30px !important;
    padding-right: 10px !important;
    width: 50%;
  }
}
.form .input-time-range div.to {
  padding-left: 40px;
  padding-right: 0;
}
@media all and (max-width: 479px) {
  .form .input-time-range div.to {
    margin-top: 0;
    padding-left: 30px !important;
    padding-right: 10px !important;
    width: 50%;
  }
}
.form .input-time-range div.to label {
  margin-left: -30px;
}
.form .input-time-range div.xdsoft_datetimepicker {
  margin-left: -59px !important;
  width: 118px !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  padding-left: 29px !important;
  padding-right: 29px !important;
}
.form .input-wrap-or {
  margin: 1em 30px;
  font-size: 17px;
  text-align: center;
  color: #e8154a;
}
.form .selects {
  padding-right: 110px;
  position: relative;
  font-size: 0;
}
@media all and (max-width: 479px) {
  .form .selects {
    padding-right: 0;
  }
}
@media all and (max-width: 479px) {
  .form .selects .jq-selectbox {
    display: block;
  }
}
.form .selects .jq-selectbox:first-child.opened .jq-selectbox__select {
  border-radius: 27px 0 0 0;
}
@media all and (max-width: 479px) {
  .form .selects .jq-selectbox:first-child.opened .jq-selectbox__select {
    border-radius: 27px 27px 0 0;
  }
}
.form .selects .jq-selectbox:first-child .jq-selectbox__select {
  border-radius: 27px 0 0 27px;
  border-right-width: 0;
}
@media all and (max-width: 479px) {
  .form .selects .jq-selectbox:first-child .jq-selectbox__select {
    border-radius: 27px 27px 0 0;
    border-right-width: 1px;
    border-bottom-width: 0;
  }
}
.form .selects .jq-selectbox:last-child {
  width: 110px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media all and (max-width: 479px) {
  .form .selects .jq-selectbox:last-child {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
  }
}
.form .selects .jq-selectbox:last-child.opened .jq-selectbox__select {
  border-radius: 0 27px 0 0;
}
@media all and (max-width: 479px) {
  .form .selects .jq-selectbox:last-child.opened .jq-selectbox__select {
    border-radius: 0;
  }
}
.form .selects .jq-selectbox:last-child .jq-selectbox__select {
  border-radius: 0 27px 27px 0;
  border-left-width: 0;
  background: #f3f3f3 !important;
}
@media all and (max-width: 479px) {
  .form .selects .jq-selectbox:last-child .jq-selectbox__select {
    border-radius: 0 0 27px 27px;
    border-left-width: 1px;
    border-top-width: 0;
  }
}
.form .form-note {
  margin-top: 41px;
}
@media all and (max-width: 767px) {
  .form .form-note {
    margin-top: 20px;
  }
}
.form .submit {
  margin-top: 41px;
  text-align: center;
}
@media all and (max-width: 767px) {
  .form .submit {
    margin-top: 20px;
  }
}
.form .submit.columns {
  margin-left: auto;
  margin-right: auto;
  max-width: 276px;
  position: relative;
}
@media all and (max-width: 995px) {
  .form .submit.columns {
    max-width: 200px;
  }
}
@media all and (max-width: 767px) {
  .form .submit.columns {
    max-width: none;
  }
}
.form .submit.columns .column-left,
.form .submit.columns .column-right {
  margin-top: -12.5px;
  font-size: 17px;
  position: absolute;
  top: 50%;
}
@media all and (max-width: 767px) {
  .form .submit.columns .column-left,
  .form .submit.columns .column-right {
    margin-top: 0;
    position: static;
    top: auto;
  }
}
.form .submit.columns .column-left {
  padding-right: 36px;
  right: 100%;
}
@media all and (max-width: 995px) {
  .form .submit.columns .column-left {
    padding-right: 10px;
  }
}
@media all and (max-width: 767px) {
  .form .submit.columns .column-left {
    margin-bottom: 20px;
    padding-right: 0;
    right: auto;
  }
}
.form .submit.columns .column-right {
  padding-left: 36px;
  left: 100%;
}
@media all and (max-width: 995px) {
  .form .submit.columns .column-right {
    padding-left: 10px;
  }
}
@media all and (max-width: 767px) {
  .form .submit.columns .column-right {
    margin-top: 20px;
    padding-left: 0;
    left: auto;
  }
}
@media all and (max-width: 995px) {
  .form .submit.columns .submit .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.form .input-socials {
  margin: 33px 0;
  font-size: 17px;
}
.form .input-socials span {
  display: inline-block;
  white-space: nowrap;
}
.form .input-socials a {
  text-decoration: none;
  color: #000;
}
.form .input-socials a:hover {
  color: #e60039;
}
.form .input-phone {
  padding-right: 82px;
  position: relative;
}
.form .input-phone .input-wrap {
  margin: 0 !important;
}
.form .input-phone .input-wrap + .input-wrap {
  width: 62px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.form label.error {
  font-size: .8em;
  color: #f33;
}
.form .dropdown-field {
  position: relative;
  z-index: 1;
}
.form .dropdown-field.opened {
  z-index: 5;
}
.form .dropdown-field.opened .value {
  border-color: transparent;
  background: transparent;
}
.form .dropdown-field.opened .fields {
  display: block;
}
.form .dropdown-field .value {
  padding-right: 40px;
  white-space: nowrap;
  position: relative;
  z-index: 3;
  transition: none;
}
.form .dropdown-field .value::after {
  content: '';
  display: block;
  background-image: url(../images/icons.png);
  position: absolute;
  top: 50%;
  right: 16px;
  transition: transform .25s;
}
.form .dropdown-field .value .text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.form .dropdown-field .fields {
  display: none;
  padding-top: 54px;
  height: auto !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.form .dropdown-field .fields ul {
  margin-top: -1px;
  border-top: 1px solid #d5d5d5;
  padding-top: 11px;
}
.form .dropdown-field .fields ul span {
  color: #606060;
}

.btn {
  display: inline-block;
  margin: 0;
  border: 1px solid #e60039;
  border-radius: 27px;
  padding: 11px 40px 16px;
  min-width: 276px;
  text-decoration: none;
  font-size: 17px;
  line-height: 25px;
  text-align: center;
  color: #0f315a !important;
  background: none;
  transition: border .25s,color .25s,background .25s;
  cursor: pointer;
}
@media all and (max-width: 995px) {
  .btn {
    min-width: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 767px) {
  .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.btn:hover {
  background: #e60039;
  color: #fff !important;
}
.btn.fill {
  background: #e60039;
  color: #fff !important;
}
.btn.fill:hover {
  background: #fff;
  color: #e60039 !important;
}
.btn.gray {
  border-color: #a4a4a4;
  background: #e5e5e5;
  font-weight: 600;
  color: #000 !important;
}
.btn.gray:hover {
  border-color: #e60039;
  background: #fff;
  color: #e60039 !important;
}
.btn.gray-light {
  border-color: #a4a4a4;
  font-weight: normal;
  color: #0f315a !important;
  background: transparent;
}
.btn.gray-light:hover {
  border-color: #e60039;
  color: #e60039 !important;
}
.btn.small {
  padding: 6px 10px 8px;
  max-width: 238px;
  width: 100%;
  font-size: 15px;
  color: #0f315a !important;
}
.btn.small:hover {
  color: #fff !important;
}
.btn.disabled, .btn:disabled {
  background: #eee;
  color: #0f315a !important;
  cursor: default;
}

.clear, .video-wrap {
  clear: both;
}

.clearfix::before, .form .input-wrap.captcha::before, .form .input-slider .inputs::before, .container::before, .items::before, .items .item::before, section.products-list .items .item-wrap::before, section.catalog .items .item > ul > li::before, .clearfix::after, .form .input-wrap.captcha::after, .form .input-slider .inputs::after, .container::after, .items::after, .items .item::after, section.products-list .items .item-wrap::after, section.catalog .items .item > ul > li::after {
  display: table;
  content: '';
}
.clearfix::after, .form .input-wrap.captcha::after, .form .input-slider .inputs::after, .container::after, .items::after, .items .item::after, section.products-list .items .item-wrap::after, section.catalog .items .item > ul > li::after {
  clear: both;
}

.nowrap, .form .submit.columns .column-left,
.form .submit.columns .column-right, .dropdown-wrap .dropdown ul.menu > li, ul.user .manager .dropdown .status, ul.user .manager .dropdown dl, header.page .top .sites, nav.page > ul {
  white-space: nowrap;
}

.middle-wrap, .form .input-wrap.captcha a, a.video, .images-wrap .big .image a, .images-wrap .thumbs .thumb a, .share-box, .whitebox table.goods div.image a, ul.icons li, header.page .search .autocomplete ul ul span.image, .autocomplete ul ul span.image, nav.page > ul > li > ul.brands .image, section.topslider .items .item .image, section.partners .items .item .logo, section.products .items div.availability, section.products .items .image, section.products .items .to-cart .price, section.products .items .to-cart > a.modal, section.products-list .items .image, section.groups .items .item .image, section.manufacturers .item .image, article.manufacturer .header .logo, section.services .item .wrap, section.training .item.item-all,
section.events-list .item.item-all, section.share .item.item-all, article.product .to-cart .price, .kit table div.image, section.search div.search .autocomplete ul ul span.image, .lindex section.topslider .item .container {
  display: block;
  font-size: 0;
}
.middle-wrap::before, .form .input-wrap.captcha a::before, a.video::before, .images-wrap .big .image a::before, .images-wrap .thumbs .thumb a::before, .share-box::before, .whitebox table.goods div.image a::before, ul.icons li::before, header.page .search .autocomplete ul ul span.image::before, .autocomplete ul ul span.image::before, nav.page > ul > li > ul.brands .image::before, section.topslider .items .item .image::before, section.partners .items .item .logo::before, section.products .items div.availability::before, section.products .items .image::before, section.products .items .to-cart .price::before, section.products .items .to-cart > a.modal::before, section.products-list .items .image::before, section.groups .items .item .image::before, section.manufacturers .item .image::before, article.manufacturer .header .logo::before, section.services .item .wrap::before, section.training .item.item-all::before,
section.events-list .item.item-all::before, section.share .item.item-all::before, article.product .to-cart .price::before, .kit table div.image::before, section.search div.search .autocomplete ul ul span.image::before, .lindex section.topslider .item .container::before,
.middle-wrap > *,
.form .input-wrap.captcha a > *,
a.video > *,
.images-wrap .big .image a > *,
.images-wrap .thumbs .thumb a > *,
.share-box > *,
.whitebox table.goods div.image a > *,
ul.icons li > *,
header.page .search .autocomplete ul ul span.image > *,
.autocomplete ul ul span.image > *,
nav.page > ul > li > ul.brands .image > *,
section.topslider .items .item .image > *,
section.partners .items .item .logo > *,
section.products .items div.availability > *,
section.products .items .image > *,
section.products .items .to-cart .price > *,
section.products .items .to-cart > a.modal > *,
section.products-list .items .image > *,
section.groups .items .item .image > *,
section.manufacturers .item .image > *,
article.manufacturer .header .logo > *,
section.services .item .wrap > *,
section.training .item.item-all > *,
section.events-list .item.item-all > *,
section.share .item.item-all > *,
article.product .to-cart .price > *,
.kit table div.image > *,
section.search div.search .autocomplete ul ul span.image > *,
.lindex section.topslider .item .container > * {
  display: inline-block;
  vertical-align: middle;
}
.middle-wrap::before, .form .input-wrap.captcha a::before, a.video::before, .images-wrap .big .image a::before, .images-wrap .thumbs .thumb a::before, .share-box::before, .whitebox table.goods div.image a::before, ul.icons li::before, header.page .search .autocomplete ul ul span.image::before, .autocomplete ul ul span.image::before, nav.page > ul > li > ul.brands .image::before, section.topslider .items .item .image::before, section.partners .items .item .logo::before, section.products .items div.availability::before, section.products .items .image::before, section.products .items .to-cart .price::before, section.products .items .to-cart > a.modal::before, section.products-list .items .image::before, section.groups .items .item .image::before, section.manufacturers .item .image::before, article.manufacturer .header .logo::before, section.services .item .wrap::before, section.training .item.item-all::before,
section.events-list .item.item-all::before, section.share .item.item-all::before, article.product .to-cart .price::before, .kit table div.image::before, section.search div.search .autocomplete ul ul span.image::before, .lindex section.topslider .item .container::before {
  content: '';
  height: 100%;
}
.middle-wrap > *, .form .input-wrap.captcha a > *, a.video > *, .images-wrap .big .image a > *, .images-wrap .thumbs .thumb a > *, .share-box > *, .whitebox table.goods div.image a > *, ul.icons li > *, header.page .search .autocomplete ul ul span.image > *, .autocomplete ul ul span.image > *, nav.page > ul > li > ul.brands .image > *, section.topslider .items .item .image > *, section.partners .items .item .logo > *, section.products .items div.availability > *, section.products .items .image > *, section.products .items .to-cart .price > *, section.products .items .to-cart > a.modal > *, section.products-list .items .image > *, section.groups .items .item .image > *, section.manufacturers .item .image > *, article.manufacturer .header .logo > *, section.services .item .wrap > *, section.training .item.item-all > *,
section.events-list .item.item-all > *, section.share .item.item-all > *, article.product .to-cart .price > *, .kit table div.image > *, section.search div.search .autocomplete ul ul span.image > *, .lindex section.topslider .item .container > * {
  font-size: 15px;
}

.video-wrap {
  float: none;
  height: 0;
  padding: 25px 0 56.25%;
  width: 100%;
  position: relative;
}
.video-wrap > div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

a.video {
  display: block;
  position: relative;
  overflow: hidden;
}
a.video:hover::after {
  opacity: 1;
}
a.video::before {
  content: '';
  display: block;
  position: absolute;
  background: #000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: .3;
}
a.video::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .7;
  transition: opacity .25s;
  pointer-events: none;
  z-index: 3;
}
a.video img {
  position: relative;
  z-index: 1;
}

.items {
  font-size: 0;
}
.items .item {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}

.dropdown-wrap {
  position: relative;
  transform-style: preserve-3d;
}
.dropdown-wrap .dropdown-arrow {
  display: block;
  height: 16px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .25s,opacity .25s 0s;
}
@media all and (max-width: 767px) {
  .dropdown-wrap .dropdown-arrow.dropdown-cart-arrow {
    display: none !important;
  }
}
.dropdown-wrap .dropdown-arrow::before, .dropdown-wrap .dropdown-arrow::after {
  content: '';
  display: block;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
}
.dropdown-wrap .dropdown-arrow::before {
  margin-left: -12px;
  border-width: 0 12px 9px;
  border-color: #c6c6c6 transparent;
}
.dropdown-wrap .dropdown-arrow::after {
  margin-left: -10px;
  border-width: 0 10px 8px;
  border-color: #fff transparent;
}
.dropdown-wrap .dropdown {
  margin-top: 15px;
  border: 1px solid #c6c6c6;
  border-radius: 7px;
  padding: 20px 27px;
  font-size: 17px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .25s,opacity .25s 0s;
}
.dropdown-wrap .dropdown::before {
  content: '';
  display: block;
  height: 15px;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
}
.dropdown-wrap .dropdown.dropdown-cart {
  width: 480px;
  font-size: 14px;
  color: #000;
}
@media all and (max-width: 767px) {
  .dropdown-wrap .dropdown.dropdown-cart {
    display: none !important;
    width: 300px;
  }
}
.dropdown-wrap .dropdown.dropdown-cart .cart-items {
  margin-bottom: 20px;
  max-height: 250px;
}
.dropdown-wrap .dropdown.dropdown-cart table {
  width: 100%;
}
.dropdown-wrap .dropdown.dropdown-cart table td {
  vertical-align: middle;
  padding: 6px 0;
}
.dropdown-wrap .dropdown.dropdown-cart table td.image {
  width: 96px;
  text-align: center;
}
@media all and (max-width: 767px) {
  .dropdown-wrap .dropdown.dropdown-cart table td.image {
    width: 60px;
  }
}
.dropdown-wrap .dropdown.dropdown-cart table td.actions {
  padding-right: 10px;
  width: 25px;
}
.dropdown-wrap .dropdown.dropdown-cart table td.actions a {
  display: inline-block;
  color: #0f315a;
}
.dropdown-wrap .dropdown.dropdown-cart table td.actions a:hover {
  color: #e60039;
}
.dropdown-wrap .dropdown.dropdown-cart table td.actions a:hover i.icon-cancel {
  line-height: 10px !important;
}
.dropdown-wrap .dropdown.dropdown-cart table td.actions a:hover i.icon-cancel::before {
  color: #e60039 !important;
}
.dropdown-wrap .dropdown.dropdown-cart table td.actions a i.icon-cancel {
  position: static !important;
  font-weight: 300;
  font-size: 9px;
}
.dropdown-wrap .dropdown.dropdown-cart table td.actions a i.icon-cancel::before {
  color: #0f315a !important;
}
.dropdown-wrap .dropdown.dropdown-cart table td + td {
  padding-left: 10px;
}
.dropdown-wrap .dropdown.dropdown-cart table tr + tr td {
  border-top: 1px solid #e8e8e8;
}
.dropdown-wrap .dropdown.dropdown-cart table .title {
  font-size: 17px;
}
@media all and (max-width: 767px) {
  .dropdown-wrap .dropdown.dropdown-cart table .title {
    font-size: 15px;
  }
}
.dropdown-wrap .dropdown.dropdown-cart table .count {
  margin-top: 5px;
}
.dropdown-wrap .dropdown.dropdown-cart table .icon-wrap.bdr {
  width: 25px;
  height: 25px;
  text-align: center;
  color: #0f315a;
}
.dropdown-wrap .dropdown.dropdown-cart table .icon-wrap.bdr .icon-favorite-small {
  margin-top: -6px !important;
}
.dropdown-wrap .dropdown.dropdown-cart .btns::after {
  content: '';
  display: table;
  clear: both;
}
.dropdown-wrap .dropdown.dropdown-cart .btns .btn {
  float: left;
  min-width: 0;
  width: 236px;
}
@media all and (max-width: 767px) {
  .dropdown-wrap .dropdown.dropdown-cart .btns .btn {
    float: none;
    width: 100%;
  }
}
.dropdown-wrap .dropdown.dropdown-cart .btns .btn + .btn {
  float: right;
  width: 182px;
}
@media all and (max-width: 767px) {
  .dropdown-wrap .dropdown.dropdown-cart .btns .btn + .btn {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
}
.dropdown-wrap .dropdown.dropdown-cart.dropdown-cart-empty {
  width: 400px;
  font-weight: 300;
  font-size: 17px;
  color: #000;
}
@media all and (max-width: 767px) {
  .dropdown-wrap .dropdown.dropdown-cart.dropdown-cart-empty {
    width: 240px;
    font-size: 14px;
  }
}
.dropdown-wrap .dropdown.dropdown-cart.dropdown-cart-empty strong {
  font-weight: normal;
}
@media all and (max-width: 995px) {
  .dropdown-wrap .dropdown {
    font-size: 15px;
  }
}
.dropdown-wrap .dropdown .grid > [class^="col-"], .dropdown-wrap .dropdown .grid > [class*=" col-"] {
  font-size: 17px;
}
@media all and (max-width: 995px) {
  .dropdown-wrap .dropdown .grid > [class^="col-"], .dropdown-wrap .dropdown .grid > [class*=" col-"] {
    font-size: 15px;
  }
}
.dropdown-wrap .dropdown .links {
  padding: 10px 14px 12px;
  font-size: 14px;
  color: #c6c6c6;
}
.dropdown-wrap .dropdown ul.menu {
  text-align: left !important;
}
.dropdown-wrap .dropdown ul.menu > li {
  display: block !important;
}
.dropdown-wrap .dropdown ul.menu > li + li {
  display: block !important;
  border-top: 1px solid #e1e1e1;
  margin-left: 0 !important;
}
.dropdown-wrap .dropdown ul.menu a {
  display: block;
  padding: 10px 14px 12px;
  color: #000;
}
.dropdown-wrap .dropdown ul.menu a:hover {
  color: #e60039;
}
.dropdown-wrap.opened, .dropdown-wrap:hover {
  z-index: 8;
}
.dropdown-wrap.opened .dropdown-arrow,
.dropdown-wrap.opened .dropdown, .dropdown-wrap:hover .dropdown-arrow,
.dropdown-wrap:hover .dropdown {
  visibility: visible;
  opacity: 1;
  transition-delay: .25s;
}
.dropdown-wrap.opened .dropdown, .dropdown-wrap:hover .dropdown {
  transform: translateX(-50%);
}

.item-link, section.groups .items .item .item-wrap {
  position: relative;
}
.item-link .title a::after, section.groups .items .item .item-wrap .title a::after {
  content: '';
  display: block;
  background: url(./images/empty.gif);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.rating-wrap {
  display: block;
  font-weight: 300;
  font-size: 17px;
  white-space: nowrap;
  color: #979797;
}
.rating-wrap .rating {
  display: inline-block;
  vertical-align: middle;
}
.rating-wrap .rating + span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.rating {
  display: block;
  width: 98px;
  height: 17px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.rating.edit > span {
  display: none !important;
}
.rating.edit .edit {
  display: block !important;
}
.rating::before {
  content: '';
  display: block;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  background-image: url(../images/sprite.png);
  position: absolute;
  top: 0;
  left: 0;
}
.rating > span {
  display: block !important;
  margin: 0 !important;
  width: 0;
  height: 100%;
  font-size: 0;
  background-image: url(../images/sprite.png);
  text-indent: -9999px;
  position: relative;
  z-index: 2;
}
.rating.rating-1 > span, .rating .input:nth-child(1) {
  width: 18px;
  z-index: 6;
}
.rating.rating-2 > span, .rating .input:nth-child(2) {
  width: 38px;
  z-index: 5;
}
.rating.rating-3 > span, .rating .input:nth-child(3) {
  width: 58px;
  z-index: 4;
}
.rating.rating-4 > span, .rating .input:nth-child(4) {
  width: 78px;
  z-index: 3;
}
.rating.rating-5 > span, .rating .input:nth-child(5) {
  width: 98px;
  z-index: 2;
}
.rating .edit,
.rating .input,
.rating .radio,
.rating input,
.rating label,
.rating label::before,
.rating label::after {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
}
.rating .edit {
  display: none;
  position: absolute;
  width: 100% !important;
  background: transparent !important;
  top: 0;
  left: 0;
  z-index: 2;
}
.rating .edit .input {
  position: absolute;
  top: 0;
  left: 0;
}
.rating .edit .input:hover .radio label::after {
  opacity: 1;
}
.rating .edit .input input {
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
}
.rating .edit .input label {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.rating .edit .input label::before, .rating .edit .input label::after {
  content: '';
  display: block;
  border-radius: 0 !important;
  background-image: url(../images/sprite.png);
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
}
.rating .edit .input label::before {
  display: none !important;
}
.rating .edit .input label::after {
  width: 100% !important;
  opacity: 0;
}
.rating .edit .input input:checked + label::after {
  opacity: 1 !important;
}
.rating.input:hover > span, .rating.input.hover > span {
  display: none;
}
.rating.input:hover .edit, .rating.input.hover .edit {
  display: block;
}

label .rating {
  display: inline-block;
  vertical-align: baseline;
  top: 1px;
}

.rating-value {
  display: inline-block;
  font-weight: 300;
  font-size: 17px;
  color: #979797;
}

.reviews-count {
  display: block;
}
.reviews-count a {
  padding-left: 35px;
  position: relative;
}
.reviews-count a i {
  margin-left: 0 !important;
  position: absolute;
  top: 50%;
  left: 0;
}

.hint {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.hint::before {
  content: '?';
  display: block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px !important;
  text-align: center;
  color: #4c4b4b;
  background: #eee;
  cursor: help;
}
.hint:hover, .hint.opened {
  z-index: 9;
}
.hint:hover > span, .hint.opened > span {
  display: block;
}
.hint > span {
  display: none;
  margin: 0;
  margin-left: 12px;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: normal;
  font-size: 13px;
  max-width: 440px;
  min-width: 300px;
  width: 100%;
  background: #fff;
  position: absolute;
  top: -9px;
  left: 100%;
}
@media all and (max-width: 479px) {
  .hint > span {
    width: 300px;
  }
}
.hint > span.moved {
  margin-top: 3px;
  left: auto !important;
}
.hint > span.moved::before, .hint > span.moved::after {
  display: none !important;
}
.hint > span::before, .hint > span::after {
  content: '';
  display: block;
  margin-top: -6px;
  border-width: 6px 9px 6px 0;
  border-style: solid;
  border-color: transparent #c6c6c6;
  width: 0;
  height: 0;
  position: absolute;
  top: 15px;
  left: -9px;
}
.hint > span::after {
  margin-top: -5px;
  border-width: 5px 8px 5px 0;
  border-color: transparent #fff;
  left: -8px;
}
.hint > span {
  margin: auto;
  margin: 0;
  margin-top: 12px;
  color: #000;
  top: 100%;
  left: -13px;
}
.hint > span::before, .hint > span::after {
  margin: 0;
  margin-left: -6px;
  border-width: 0 6px 9px;
  border-color: #c6c6c6 transparent;
  top: -9px;
  left: 20px;
}
.hint > span::after {
  margin-left: -5px;
  border-width: 0 5px 8px;
  border-color: #fff transparent;
  top: -8px;
  left: 20px;
}

@media all and (min-width: 768px) and (max-width: 995px) {
  .hint-tablet {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  .hint-tablet::before {
    content: '?';
    display: block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px !important;
    text-align: center;
    color: #4c4b4b;
    background: #eee;
    cursor: help;
  }
  .hint-tablet:hover, .hint-tablet.opened {
    z-index: 9;
  }
  .hint-tablet:hover > span, .hint-tablet.opened > span {
    display: block;
  }
  .hint-tablet > span {
    display: none;
    margin: 0;
    margin-left: 12px;
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    padding: 6px 12px;
    font-weight: normal;
    font-size: 13px;
    width: 440px;
    background: #fff;
    position: absolute;
    top: -9px;
    left: 100%;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) and (max-width: 479px) {
  .hint-tablet > span {
    width: 300px;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .hint-tablet > span.moved {
    margin-top: 3px;
    left: auto !important;
  }
  .hint-tablet > span.moved::before, .hint-tablet > span.moved::after {
    display: none !important;
  }
  .hint-tablet > span::before, .hint-tablet > span::after {
    content: '';
    display: block;
    margin-top: -6px;
    border-width: 6px 9px 6px 0;
    border-style: solid;
    border-color: transparent #c6c6c6;
    width: 0;
    height: 0;
    position: absolute;
    top: 15px;
    left: -9px;
  }
  .hint-tablet > span::after {
    margin-top: -5px;
    border-width: 5px 8px 5px 0;
    border-color: transparent #fff;
    left: -8px;
  }
  .hint-tablet > span {
    margin: auto;
    margin: 0;
    margin-top: 12px;
    color: #000;
    top: 100%;
    left: -13px;
  }
  .hint-tablet > span::before, .hint-tablet > span::after {
    margin: 0;
    margin-left: -6px;
    border-width: 0 6px 9px;
    border-color: #c6c6c6 transparent;
    top: -9px;
    left: 20px;
  }
  .hint-tablet > span::after {
    margin-left: -5px;
    border-width: 0 5px 8px;
    border-color: #fff transparent;
    top: -8px;
    left: 20px;
  }
}
.bdr-top {
  border-top: 1px solid #e5e5e5;
  background: #f7f7f7 !important;
}
.bdr-top.bdr-top-alt {
  background: #fff !important;
}
.bdr-top.arrow-top {
  position: relative;
}
.bdr-top.arrow-top::before, .bdr-top.arrow-top::after {
  content: '';
  display: block;
  margin-left: -60px;
  border-width: 20px 60px 0;
  border-style: solid;
  border-color: #e5e5e5 transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: -1px;
  left: 50%;
}
.bdr-top.arrow-top::after {
  margin-left: -58px;
  border-width: 19px 58px 0;
  border-style: solid;
  border-color: #fff transparent;
}

.line-gray {
  padding: 85px 0;
  background: #f7f7f7;
}
@media all and (max-width: 995px) {
  .line-gray {
    padding: 50px 0;
  }
}
@media all and (max-width: 767px) {
  .line-gray {
    padding: 40px 0;
  }
}
.line-gray + .line-white {
  border-top: 1px solid #c6c6c6;
}

.line-white {
  padding: 85px 0;
  background: #fff;
}
@media all and (max-width: 995px) {
  .line-white {
    padding: 50px 0;
  }
}
@media all and (max-width: 767px) {
  .line-white {
    padding: 40px 0;
  }
}

.tooltip {
  display: block;
  margin: 0;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: normal;
  font-size: 13px;
  background: #fff;
  position: absolute;
  z-index: 4;
}
.tooltip.sku {
  max-width: none !important;
  width: auto !important;
  font-weight: 600;
  white-space: nowrap !important;
  color: #000;
}
@media all and (max-width: 767px) {
  .tooltip {
    display: none !important;
  }
}

@media (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .tooltip {
    display: none;
  }
}
@media (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .tooltip {
    display: none;
  }
}
.toggle-text .more {
  margin: -1.5em 0 0;
}
.toggle-text .more i {
  margin: 0 0 0 10px;
  top: -1px;
  transition: transform .25s;
}

html.js .toggle-text:not(.opened) .text > :not(:first-child) {
  display: none;
}
html.js .toggle-text.opened .more {
  margin-top: .5em;
}
html.js .toggle-text.opened .more i {
  transform: rotate(180deg);
}

.icon-favorite-remove, .icon-favorite-remove-small {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  position: relative;
}
.icon-favorite-remove::before, .icon-favorite-remove::after,
.icon-favorite-remove-small::before,
.icon-favorite-remove-small::after {
  content: '';
  margin: 0 0 0 -10px;
  width: 20px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: background .25s, transform .35s !important;
  opacity: 1 !important;
}
.icon-favorite-remove::before,
.icon-favorite-remove-small::before {
  transform: rotate(-45deg);
}
.icon-favorite-remove::after,
.icon-favorite-remove-small::after {
  transform: rotate(45deg);
}
a:hover .icon-favorite-remove::before, a:hover .icon-favorite-remove::after, .icon-favorite-remove:hover::before, .icon-favorite-remove:hover::after,
a:hover .icon-favorite-remove-small::before,
a:hover .icon-favorite-remove-small::after, .icon-favorite-remove-small:hover::before, .icon-favorite-remove-small:hover::after {
  background: #e60039;
  transform: rotate(0deg);
}

.icon-favorite-remove-small {
  margin: -6.5px 0 0 -6.5px;
  width: 13px;
  height: 13px;
}
.icon-favorite-remove-small::before, .icon-favorite-remove-small::after {
  content: '';
  margin: 0 0 0 -6px;
  width: 13px;
}


html,
body,
input,
textarea,
button,
select,
optgroup {
  font: 400 15px/1.5 "Open Sans", sans-serif;
}

.text::after {
  content: '';
  display: table;
  clear: both;
}
.text hr {
  margin: 2.5em 0;
  border: 0;
  border-top: 1px solid #e8e8e8;
}
.text hr.red {
  border-color: #e60039;
}
.text hr.short {
  width: 135px;
}
.text .notes {
  margin: 2em 0;
  color: #606060;
}
.text .notes::before {
  content: '';
  display: block;
  margin-bottom: 2em;
  border-top: 1px solid #e60039;
  width: 135px;
  height: 1px;
}
.text p, .text ol, .text ul {
  margin: 0 0 2em;
}
.text > :last-child {
  margin-bottom: 0 !important;
}
.text p + ul,
.text p + ol {
  margin-top: -2em;
}
.text ul ul,
.text ul ol,
.text ol ul,
.text ol ol {
  margin: 0 0 0 40px;
}
.text ul > li::before {
  content: '';
  display: inline-block;
  margin: 0 4px 0 0;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  color: #e60039;
  background: #e60039;
  position: relative;
  top: -3px;
}
.text ol {
  counter-reset: list;
}
.text ol > li {
  counter-increment: list;
}
.text ol > li::before {
  content: counter(list) ". ";
  display: inline;
  color: #e60039;
}
.text ol > li > ol {
  counter-reset: sublist;
}
.text ol > li > ol > li {
  counter-increment: sublist;
}
.text ol > li > ol > li::before {
  content: counter(list) "." counter(sublist) ". ";
}
.text h2, .text .h2 {
  margin: 2em 0 .65em;
  font-weight: bold;
  font-size: 19px;
  color: #000;
}
.text h3, .text .h3,
.text h4, .text .h4 {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 2em;
}
.text .image,
.text img {
  text-align: center;
  margin: 0 0 1em;
}
.text .image.left,
.text img.left {
  float: left;
  margin-right: 40px;
  max-width: 40%;
}
@media all and (max-width: 995px) {
  .text .image.left,
  .text img.left {
    margin-right: 25px;
  }
}
@media all and (max-width: 767px) {
  .text .image.left,
  .text img.left {
    margin-right: 15px;
    max-width: 40%;
  }
}
@media all and (max-width: 479px) {
  .text .image.left,
  .text img.left {
    float: none;
    max-width: 100%;
    margin-right: 0;
  }
}
.text .image.right,
.text img.right {
  float: right;
  margin-left: 50px;
  max-width: 50%;
}
@media all and (max-width: 995px) {
  .text .image.right,
  .text img.right {
    margin-left: 25px;
  }
}
@media all and (max-width: 767px) {
  .text .image.right,
  .text img.right {
    margin-left: 15px;
    max-width: 40%;
  }
}
@media all and (max-width: 479px) {
  .text .image.right,
  .text img.right {
    float: none;
    max-width: 100%;
    margin-left: 0;
  }
}
.text .image img {
  margin-bottom: 0 !important;
}
.text table {
  clear: both;
  margin: 2em 0;
  border-top: 1px solid #d1d1d1;
  width: 100%;
  font-size: 13px;
  color: #000;
}
@media all and (max-width: 767px) {
  .text table {
    display: block;
    border: 0;
  }
  .text table thead,
  .text table tfoot {
    display: none !important;
  }
  .text table tbody {
    display: block;
    width: 100%;
  }
  .text table tr {
    display: block;
    border: 1px solid #d1d1d1;
    width: 100%;
  }
  .text table tr + tr {
    margin-top: 2px;
  }
}
.text table caption {
  padding-bottom: .75em;
  font-weight: normal;
  font-size: 24px;
  color: #000;
  text-align: left;
}
.text table th,
.text table td {
  padding: 18px 30px 19px 0;
}
@media all and (max-width: 995px) {
  .text table th,
  .text table td {
    padding: 14px 15px 15px 0;
  }
}
@media all and (max-width: 767px) {
  .text table th,
  .text table td {
    padding: 8px 10px 9px 0;
    width: 100%;
  }
}
.text table th:first-child,
.text table td:first-child {
  padding-left: 30px;
}
@media all and (max-width: 995px) {
  .text table th:first-child,
  .text table td:first-child {
    padding-left: 15px;
  }
}
@media all and (max-width: 767px) {
  .text table th:first-child,
  .text table td:first-child {
    padding-left: 10px;
  }
}
.text table th {
  border-bottom: 2px solid #e60039;
  font-weight: normal;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
}
.text table td {
  border-bottom: 1px solid #d1d1d1;
}
@media all and (max-width: 767px) {
  .text table td {
    display: block;
    border: 0;
    padding-left: 130px !important;
    position: relative;
  }
  .text table td::before {
    content: attr(data-label);
    float: left;
    display: block;
    margin: -8px 0 -8px -130px;
    padding: 8px 10px;
    width: 120px;
  }
  .text table td::after {
    content: '';
    display: table;
    clear: both;
  }
  .text table td + td {
    border-top: 1px solid #d1d1d1;
  }
}
.text .images.slider {
  margin: 65px 0;
}
@media all and (max-width: 995px) {
  .text .images.slider {
    margin: 50px 0;
  }
}
@media all and (max-width: 767px) {
  .text .images.slider {
    margin: 25px 0;
  }
}
.text .images.slider.slick-slider {
  padding: 0 !important;
}
.text .images.slider.slick-slider .image {
  margin-bottom: 0 !important;
}
.text .images.slider.slick-slider img {
  margin-bottom: 0 !important;
}
@media all and (max-width: 767px) {
  .text .images.slider.slick-slider img {
    width: 100%;
  }
}
.text .images.slider .slick-list {
  padding: 0 70px !important;
}
.text .images.slider .slick-arrow {
  margin-top: -25px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  background: transparent;
  width: 50px;
  height: 50px;
  transition: border .25s;
}
@media all and (max-width: 767px) {
  .text .images.slider .slick-arrow {
    border-color: #fff;
    background: #fff;
  }
}
.text .images.slider .slick-arrow:hover {
  border-color: #fff;
}
@media all and (max-width: 767px) {
  .text .images.slider .slick-arrow:hover {
    border-color: #e60039;
  }
}
.text .images.slider .slick-arrow:hover::before {
  opacity: 1;
}
.text .images.slider .slick-arrow:hover::after {
  opacity: 0;
}
.text .images.slider .slick-arrow::before, .text .images.slider .slick-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
}
.text .images.slider .slick-arrow::before {
  opacity: 1;
}
@media all and (max-width: 767px) {
  .text .images.slider .slick-arrow::before {
    opacity: 0;
  }
}
@media all and (max-width: 767px) {
  .text .images.slider .slick-arrow::after {
    opacity: 1;
  }
}
.text .images.slider .slick-arrow.slick-prev {
  left: 40px;
}
@media all and (max-width: 995px) {
  .text .images.slider .slick-arrow.slick-prev {
    left: 10px;
  }
}
.text .images.slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
.text .images.slider .slick-arrow.slick-next {
  right: 40px;
}
@media all and (max-width: 995px) {
  .text .images.slider .slick-arrow.slick-next {
    right: 10px;
  }
}
.text .images.slider .slick-slide {
  position: relative;
}
.text .images.slider .slick-slide.slick-current::after, .text .images.slider .slick-slide.slick-center::after {
  opacity: 0;
}
.text .images.slider .slick-slide::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity .25s;
  pointer-events: none;
}

.sprite-rating, .rating > span, .rating .edit .input label::after,
.sprite-rating-bg,
.rating::before,
.sprite-checkbox,
.jq-checkbox .jq-checkbox__div {
  display: inline-block;
  background-image: url("../images/sprite.png?46376af788");
  background-repeat: no-repeat;
  background-size: 108px 79px;
}

.sprite-rating, .rating > span, .rating .edit .input label::after {
  background-position: -5px -5px;
  width: 98px;
  height: 17px;
  margin: -8.5px 0 0 -49.0px;
}

.sprite-rating-bg, .rating::before {
  background-position: -5px -32px;
  width: 98px;
  height: 17px;
  margin: -8.5px 0 0 -49.0px;
}

.sprite-checkbox, .jq-checkbox .jq-checkbox__div {
  background-position: -5px -59px;
  width: 15px;
  height: 15px;
  margin: -7.5px 0 0 -7.5px;
}

.icon-share-shedule, section.training .item.item-all .title a::before,
section.events-list .item.item-all .title a::before, section.share .item.item-all .title a::before,
.icon-more-1,
.icon-volume,
article.order .columns .volume dl::before,
.icon-play,
a.video::after,
section.articles .item.video .image a::after,
section.presscenter .item.video .image a::after,
.icon-solutions,
.icon-recommended,
ul.stickers li.recommended::before,
.icon-stock,
.icon-subscribe,
.icon-subscribe-active,
.icon-metro,
.icon-draft,
.icon-auto,
.icon-important,
p.important::before,
.icon-reviews,
.icon-compare,
.icon-compare-active,
.icon-sendto,
.icon-repeat,
.icon-notes,
.icon-notes-active,
.icon-catalog,
.icon-catalog-brands,
.icon-basket,
.icon-basket-active,
.icon-view-table,
.icon-view-table-active,
.icon-view-short,
.icon-view-short-active,
.icon-view-long,
.icon-view-long-active,
.icon-view-list,
.icon-view-list-active,
.icon-view-blocks,
.icon-view-blocks-active,
.icon-print,
.icon-file,
.b2b #singup .form .input-wrap.file::before,
.icon-apply,
.icon-write-1,
.icon-import,
.icon-goods,
.icon-goods-active,
.icon-export,
.icon-download-1,
.icon-doc-request,
.icon-doc-request-2,
.icon-doc-request-1,
.icon-date,
.icon-date-1,
.icon-date-1-active,
.icon-search,
.icon-search-active,
.catalog-top .wrap .search dd button::after,
.icon-search-1,
.icon-search-1-active,
.icon-loading,
.icon-loading-active,
.icon-favorite,
.icon-favorite-active,
.icon-brand,
.icon-brand-active,
.icon-reminder,
.icon-reminder-active,
.icon-star,
.icon-star-active,
.icon-recommended-small,
.icon-place,
.icon-place-1,
.icon-more,
.text .images.slider .slick-arrow:hover::before,
.text .images.slider .slick-arrow::before,
section.topslider .items .item .more::before,
.icon-more-active,
.text .images.slider .slick-arrow::after,
nav.page > ul > li > ul.catalog .submenu-custom big span::before,
article.contacts .cities .current::after,
.icon-user,
.icon-user-active,
.icon-kit,
.icon-feedback,
.icon-event,
.icon-event-active,
.icon-close,
header.page .search.opened > a i,
.icon-close-active,
.icon-calc,
.icon-calc-active,
.icon-accordion,
html.js .accordion-item .head .title::after,
ul.faq > li .title::after,
.icon-zoom,
.icon-zoom-active,
.icon-send,
.icon-send-active,
.icon-download,
.icon-download-active,
.icon-clear,
.icon-clear-active,
.icon-basket-add,
.icon-basket-add-active,
.icon-yes,
.icon-toggle-red-all,
.icon-quick,
.icon-quick-active,
.icon-no,
.icon-toggle-red,
.icon-recall,
.icon-prev,
.xdsoft_datetimepicker .xdsoft_prev::before,
.itemsnav .prev::before,
.itemsnav .return::before,
section.solutions .item:nth-child(even) .image .more i,
section.services .item:nth-child(odd) .image .more i,
.icon-next,
.xdsoft_datetimepicker .xdsoft_next::before,
.itemsnav .next::before,
section.services .item:nth-child(even) .image .more i,
.icon-compare-small,
.icon-compare-small-active,
.icon-add,
.icon-add-active,
.icon-toggle,
.icon-toggle-black,
.form dl.input-wrap.date > dd::after,
.form div.input-wrap.date::after,
.form .dropdown-field .value::after,
.jq-selectbox__trigger,
footer.page .top .sites ul li.active a::before,
footer.page .top .sites ul li.active span::before,
.icon-plus,
div.quantity span.plus::before,
.icon-minus,
div.quantity span.minus::before,
.icon-favorite-small,
.icon-favorite-small-active,
.icon-dropdown,
.xdsoft_datetimepicker .xdsoft_label i,
.icon-quick-small,
.icon-quick-small-active,
.icon-cancel-small,
.icon-cancel-small-active {
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  background-repeat: no-repeat;
  background-size: 397px 373px;
}

.icon-share-shedule, section.training .item.item-all .title a::before,
section.events-list .item.item-all .title a::before, section.share .item.item-all .title a::before {
  background-position: -5px -5px;
  width: 173px;
  height: 173px;
  margin: -86.5px 0 0 -86.5px;
}

.icon-more-1 {
  background-position: -188px -5px;
  width: 50px;
  height: 50px;
  margin: -25.0px 0 0 -25.0px;
}

.icon-volume, article.order .columns .volume dl::before {
  background-position: -188px -65px;
  width: 45px;
  height: 45px;
  margin: -22.5px 0 0 -22.5px;
}

.icon-play, a.video::after, section.articles .item.video .image a::after, section.presscenter .item.video .image a::after {
  background-position: -188px -120px;
  width: 24px;
  height: 41px;
  margin: -20.5px 0 0 -12.0px;
}

.icon-solutions {
  background-position: -5px -188px;
  width: 40px;
  height: 21px;
  margin: -10.5px 0 0 -20.0px;
}

.icon-recommended, ul.stickers li.recommended::before {
  background-position: -248px -5px;
  width: 35px;
  height: 35px;
  margin: -17.5px 0 0 -17.5px;
}

.icon-stock {
  background-position: -248px -50px;
  width: 31px;
  height: 21px;
  margin: -10.5px 0 0 -15.5px;
}

.icon-subscribe {
  background-position: -248px -81px;
  width: 29px;
  height: 21px;
  margin: -10.5px 0 0 -14.5px;
}
.icon-subscribe.link {
  position: relative;
  background: none !important;
}
.icon-subscribe.link::before, .icon-subscribe.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-subscribe.link::before {
  background-position: -248px -81px;
  width: 29px;
  height: 21px;
}
.icon-subscribe.link::after {
  background-position: -248px -112px;
  width: 29px;
  height: 21px;
}

.icon-subscribe-active {
  background-position: -248px -112px;
  width: 29px;
  height: 21px;
  margin: -10.5px 0 0 -14.5px;
}

.icon-metro {
  background-position: -248px -143px;
  width: 29px;
  height: 29px;
  margin: -14.5px 0 0 -14.5px;
}

.icon-draft {
  background-position: -5px -219px;
  width: 22px;
  height: 29px;
  margin: -14.5px 0 0 -11.0px;
}

.icon-auto {
  background-position: -37px -219px;
  width: 29px;
  height: 29px;
  margin: -14.5px 0 0 -14.5px;
}

.icon-important, p.important::before {
  background-position: -248px -182px;
  width: 27px;
  height: 26px;
  margin: -13.0px 0 0 -13.5px;
}

.icon-reviews {
  background-position: -76px -219px;
  width: 25px;
  height: 24px;
  margin: -12.0px 0 0 -12.5px;
}

.icon-compare {
  background-position: -5px -258px;
  width: 22px;
  height: 25px;
  margin: -12.5px 0 0 -11.0px;
}
.icon-compare.link {
  position: relative;
  background: none !important;
}
.icon-compare.link::before, .icon-compare.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-compare.link::before {
  background-position: -5px -258px;
  width: 22px;
  height: 25px;
}
.icon-compare.link::after {
  background-position: -37px -258px;
  width: 22px;
  height: 25px;
}

.icon-compare-active {
  background-position: -37px -258px;
  width: 22px;
  height: 25px;
  margin: -12.5px 0 0 -11.0px;
}

.icon-sendto {
  background-position: -55px -188px;
  width: 23px;
  height: 18px;
  margin: -9.0px 0 0 -11.5px;
}

.icon-repeat {
  background-position: -111px -219px;
  width: 19px;
  height: 23px;
  margin: -11.5px 0 0 -9.5px;
}

.icon-notes {
  background-position: -140px -219px;
  width: 23px;
  height: 23px;
  margin: -11.5px 0 0 -11.5px;
}
.icon-notes.link {
  position: relative;
  background: none !important;
}
.icon-notes.link::before, .icon-notes.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-notes.link::before {
  background-position: -140px -219px;
  width: 23px;
  height: 23px;
}
.icon-notes.link::after {
  background-position: -173px -219px;
  width: 23px;
  height: 23px;
}

.icon-notes-active {
  background-position: -173px -219px;
  width: 23px;
  height: 23px;
  margin: -11.5px 0 0 -11.5px;
}

.icon-catalog {
  background-position: -206px -219px;
  width: 23px;
  height: 23px;
  margin: -11.5px 0 0 -11.5px;
}

.icon-catalog-brands {
  background-position: -239px -219px;
  width: 23px;
  height: 23px;
  margin: -11.5px 0 0 -11.5px;
}

.icon-basket {
  background-position: -69px -258px;
  width: 23px;
  height: 20px;
  margin: -10.0px 0 0 -11.5px;
}
.icon-basket.link {
  position: relative;
  background: none !important;
}
.icon-basket.link::before, .icon-basket.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-basket.link::before {
  background-position: -69px -258px;
  width: 23px;
  height: 20px;
}
.icon-basket.link::after {
  background-position: -102px -258px;
  width: 23px;
  height: 20px;
}

.icon-basket-active {
  background-position: -102px -258px;
  width: 23px;
  height: 20px;
  margin: -10.0px 0 0 -11.5px;
}

.icon-view-table {
  background-position: -293px -5px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}
.icon-view-table.link {
  position: relative;
  background: none !important;
}
.icon-view-table.link::before, .icon-view-table.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-view-table.link::before {
  background-position: -293px -5px;
  width: 22px;
  height: 22px;
}
.icon-view-table.link::after {
  background-position: -293px -37px;
  width: 22px;
  height: 22px;
}

.icon-view-table-active {
  background-position: -293px -37px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}

.icon-view-short {
  background-position: -293px -69px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}
.icon-view-short.link {
  position: relative;
  background: none !important;
}
.icon-view-short.link::before, .icon-view-short.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-view-short.link::before {
  background-position: -293px -69px;
  width: 22px;
  height: 22px;
}
.icon-view-short.link::after {
  background-position: -293px -101px;
  width: 22px;
  height: 22px;
}

.icon-view-short-active {
  background-position: -293px -101px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}

.icon-view-long {
  background-position: -293px -133px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}
.icon-view-long.link {
  position: relative;
  background: none !important;
}
.icon-view-long.link::before, .icon-view-long.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-view-long.link::before {
  background-position: -293px -133px;
  width: 22px;
  height: 22px;
}
.icon-view-long.link::after {
  background-position: -293px -165px;
  width: 22px;
  height: 22px;
}

.icon-view-long-active {
  background-position: -293px -165px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}

.icon-view-list {
  background-position: -293px -197px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}
.icon-view-list.link {
  position: relative;
  background: none !important;
}
.icon-view-list.link::before, .icon-view-list.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-view-list.link::before {
  background-position: -293px -197px;
  width: 22px;
  height: 22px;
}
.icon-view-list.link::after {
  background-position: -293px -229px;
  width: 22px;
  height: 22px;
}

.icon-view-list-active {
  background-position: -293px -229px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}

.icon-view-blocks {
  background-position: -293px -261px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}
.icon-view-blocks.link {
  position: relative;
  background: none !important;
}
.icon-view-blocks.link::before, .icon-view-blocks.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-view-blocks.link::before {
  background-position: -293px -261px;
  width: 22px;
  height: 22px;
}
.icon-view-blocks.link::after {
  background-position: -5px -293px;
  width: 22px;
  height: 22px;
}

.icon-view-blocks-active {
  background-position: -5px -293px;
  width: 22px;
  height: 22px;
  margin: -11.0px 0 0 -11.0px;
}

.icon-print {
  background-position: -37px -293px;
  width: 21px;
  height: 22px;
  margin: -11.0px 0 0 -10.5px;
}

.icon-file, .b2b #singup .form .input-wrap.file::before {
  background-position: -222px -120px;
  width: 15px;
  height: 22px;
  margin: -11.0px 0 0 -7.5px;
}

.icon-apply {
  background-position: -88px -188px;
  width: 22px;
  height: 13px;
  margin: -6.5px 0 0 -11.0px;
}

.icon-write-1 {
  background-position: -135px -258px;
  width: 21px;
  height: 20px;
  margin: -10.0px 0 0 -10.5px;
}

.icon-import {
  background-position: -68px -293px;
  width: 21px;
  height: 21px;
  margin: -10.5px 0 0 -10.5px;
}

.icon-goods {
  background-position: -99px -293px;
  width: 20px;
  height: 21px;
  margin: -10.5px 0 0 -10.0px;
}
.icon-goods.link {
  position: relative;
  background: none !important;
}
.icon-goods.link::before, .icon-goods.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-goods.link::before {
  background-position: -99px -293px;
  width: 20px;
  height: 21px;
}
.icon-goods.link::after {
  background-position: -129px -293px;
  width: 20px;
  height: 21px;
}

.icon-goods-active {
  background-position: -129px -293px;
  width: 20px;
  height: 21px;
  margin: -10.5px 0 0 -10.0px;
}

.icon-export {
  background-position: -159px -293px;
  width: 21px;
  height: 21px;
  margin: -10.5px 0 0 -10.5px;
}

.icon-download-1 {
  background-position: -166px -258px;
  width: 21px;
  height: 20px;
  margin: -10.0px 0 0 -10.5px;
}

.icon-doc-request {
  background-position: -190px -293px;
  width: 18px;
  height: 21px;
  margin: -10.5px 0 0 -9.0px;
}

.icon-doc-request-2 {
  background-position: -218px -293px;
  width: 18px;
  height: 21px;
  margin: -10.5px 0 0 -9.0px;
}

.icon-doc-request-1 {
  background-position: -246px -293px;
  width: 18px;
  height: 21px;
  margin: -10.5px 0 0 -9.0px;
}

.icon-date {
  background-position: -197px -258px;
  width: 21px;
  height: 17px;
  margin: -8.5px 0 0 -10.5px;
}

.icon-date-1 {
  background-position: -228px -258px;
  width: 21px;
  height: 17px;
  margin: -8.5px 0 0 -10.5px;
}
.icon-date-1.link {
  position: relative;
  background: none !important;
}
.icon-date-1.link::before, .icon-date-1.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-date-1.link::before {
  background-position: -228px -258px;
  width: 21px;
  height: 17px;
}
.icon-date-1.link::after {
  background-position: -259px -258px;
  width: 21px;
  height: 17px;
}

.icon-date-1-active {
  background-position: -259px -258px;
  width: 21px;
  height: 17px;
  margin: -8.5px 0 0 -10.5px;
}

.icon-search {
  background-position: -274px -293px;
  width: 20px;
  height: 20px;
  margin: -10.0px 0 0 -10.0px;
}
.icon-search.link {
  position: relative;
  background: none !important;
}
.icon-search.link::before, .icon-search.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-search.link::before {
  background-position: -274px -293px;
  width: 20px;
  height: 20px;
}
.icon-search.link::after {
  background-position: -325px -5px;
  width: 20px;
  height: 20px;
}

.icon-search-active, .catalog-top .wrap .search dd button::after {
  background-position: -325px -5px;
  width: 20px;
  height: 20px;
  margin: -10.0px 0 0 -10.0px;
}

.icon-search-1 {
  background-position: -325px -35px;
  width: 19px;
  height: 20px;
  margin: -10.0px 0 0 -9.5px;
}
.icon-search-1.link {
  position: relative;
  background: none !important;
}
.icon-search-1.link::before, .icon-search-1.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-search-1.link::before {
  background-position: -325px -35px;
  width: 19px;
  height: 20px;
}
.icon-search-1.link::after {
  background-position: -325px -65px;
  width: 19px;
  height: 20px;
}

.icon-search-1-active {
  background-position: -325px -65px;
  width: 19px;
  height: 20px;
  margin: -10.0px 0 0 -9.5px;
}

.icon-loading {
  background-position: -325px -95px;
  width: 20px;
  height: 20px;
  margin: -10.0px 0 0 -10.0px;
}
.icon-loading.link {
  position: relative;
  background: none !important;
}
.icon-loading.link::before, .icon-loading.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-loading.link::before {
  background-position: -325px -95px;
  width: 20px;
  height: 20px;
}
.icon-loading.link::after {
  background-position: -325px -125px;
  width: 20px;
  height: 20px;
}

.icon-loading-active {
  background-position: -325px -125px;
  width: 20px;
  height: 20px;
  margin: -10.0px 0 0 -10.0px;
}

.icon-favorite {
  background-position: -325px -155px;
  width: 20px;
  height: 19px;
  margin: -9.5px 0 0 -10.0px;
}
.icon-favorite.link {
  position: relative;
  background: none !important;
}
.icon-favorite.link::before, .icon-favorite.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-favorite.link::before {
  background-position: -325px -155px;
  width: 20px;
  height: 19px;
}
.icon-favorite.link::after {
  background-position: -325px -184px;
  width: 20px;
  height: 19px;
}

.icon-favorite-active {
  background-position: -325px -184px;
  width: 20px;
  height: 19px;
  margin: -9.5px 0 0 -10.0px;
}

.icon-brand {
  background-position: -325px -213px;
  width: 20px;
  height: 17px;
  margin: -8.5px 0 0 -10.0px;
}
.icon-brand.link {
  position: relative;
  background: none !important;
}
.icon-brand.link::before, .icon-brand.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-brand.link::before {
  background-position: -325px -213px;
  width: 20px;
  height: 17px;
}
.icon-brand.link::after {
  background-position: -325px -240px;
  width: 20px;
  height: 17px;
}

.icon-brand-active {
  background-position: -325px -240px;
  width: 20px;
  height: 17px;
  margin: -8.5px 0 0 -10.0px;
}

.icon-reminder {
  background-position: -325px -267px;
  width: 18px;
  height: 19px;
  margin: -9.5px 0 0 -9.0px;
}
.icon-reminder.link {
  position: relative;
  background: none !important;
}
.icon-reminder.link::before, .icon-reminder.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-reminder.link::before {
  background-position: -325px -267px;
  width: 18px;
  height: 19px;
}
.icon-reminder.link::after {
  background-position: -325px -296px;
  width: 18px;
  height: 19px;
}

.icon-reminder-active {
  background-position: -325px -296px;
  width: 18px;
  height: 19px;
  margin: -9.5px 0 0 -9.0px;
}

.icon-star {
  background-position: -5px -325px;
  width: 18px;
  height: 17px;
  margin: -8.5px 0 0 -9.0px;
}
.icon-star.link {
  position: relative;
  background: none !important;
}
.icon-star.link::before, .icon-star.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-star.link::before {
  background-position: -5px -325px;
  width: 18px;
  height: 17px;
}
.icon-star.link::after {
  background-position: -33px -325px;
  width: 18px;
  height: 17px;
}

.icon-star-active {
  background-position: -33px -325px;
  width: 18px;
  height: 17px;
  margin: -8.5px 0 0 -9.0px;
}

.icon-recommended-small {
  background-position: -355px -5px;
  width: 18px;
  height: 18px;
  margin: -9.0px 0 0 -9.0px;
}

.icon-place {
  background-position: -355px -33px;
  width: 14px;
  height: 18px;
  margin: -9.0px 0 0 -7.0px;
}

.icon-place-1 {
  background-position: -355px -61px;
  width: 14px;
  height: 18px;
  margin: -9.0px 0 0 -7.0px;
}

.icon-more, .text .images.slider .slick-arrow:hover::before, .text .images.slider .slick-arrow::before, section.topslider .items .item .more::before {
  background-position: -355px -89px;
  width: 9px;
  height: 18px;
  margin: -9.0px 0 0 -4.5px;
}
.icon-more.link, .text .images.slider .link.slick-arrow::before, section.topslider .items .item .link.more::before {
  position: relative;
  background: none !important;
}
.icon-more.link::before, .text .images.slider .link.slick-arrow::before, section.topslider .items .item .link.more::before, .icon-more.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-more.link::before, .text .images.slider .link.slick-arrow::before, section.topslider .items .item .link.more::before {
  background-position: -355px -89px;
  width: 9px;
  height: 18px;
}
.icon-more.link::after {
  background-position: -355px -117px;
  width: 9px;
  height: 18px;
}

.icon-more-active, .text .images.slider .slick-arrow::after, nav.page > ul > li > ul.catalog .submenu-custom big span::before, article.contacts .cities .current::after {
  background-position: -355px -117px;
  width: 9px;
  height: 18px;
  margin: -9.0px 0 0 -4.5px;
}

.icon-user {
  background-position: -355px -145px;
  width: 13px;
  height: 17px;
  margin: -8.5px 0 0 -6.5px;
}
.icon-user.link {
  position: relative;
  background: none !important;
}
.icon-user.link::before, .icon-user.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-user.link::before {
  background-position: -355px -145px;
  width: 13px;
  height: 17px;
}
.icon-user.link::after {
  background-position: -355px -172px;
  width: 13px;
  height: 17px;
}

.icon-user-active {
  background-position: -355px -172px;
  width: 13px;
  height: 17px;
  margin: -8.5px 0 0 -6.5px;
}

.icon-kit {
  background-position: -355px -199px;
  width: 17px;
  height: 17px;
  margin: -8.5px 0 0 -8.5px;
}

.icon-feedback {
  background-position: -355px -226px;
  width: 17px;
  height: 13px;
  margin: -6.5px 0 0 -8.5px;
}

.icon-event {
  background-position: -355px -249px;
  width: 12px;
  height: 17px;
  margin: -8.5px 0 0 -6.0px;
}
.icon-event.link {
  position: relative;
  background: none !important;
}
.icon-event.link::before, .icon-event.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-event.link::before {
  background-position: -355px -249px;
  width: 12px;
  height: 17px;
}
.icon-event.link::after {
  background-position: -355px -276px;
  width: 12px;
  height: 17px;
}

.icon-event-active {
  background-position: -355px -276px;
  width: 12px;
  height: 17px;
  margin: -8.5px 0 0 -6.0px;
}

.icon-close, header.page .search.opened > a i {
  background-position: -355px -303px;
  width: 17px;
  height: 17px;
  margin: -8.5px 0 0 -8.5px;
}
.icon-close.link, header.page .search.opened > a i.link {
  position: relative;
  background: none !important;
}
.icon-close.link::before, header.page .search.opened > a i.link::before, .icon-close.link::after, header.page .search.opened > a i.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-close.link::before, header.page .search.opened > a i.link::before {
  background-position: -355px -303px;
  width: 17px;
  height: 17px;
}
.icon-close.link::after, header.page .search.opened > a i.link::after {
  background-position: -61px -325px;
  width: 17px;
  height: 17px;
}

.icon-close-active {
  background-position: -61px -325px;
  width: 17px;
  height: 17px;
  margin: -8.5px 0 0 -8.5px;
}

.icon-calc {
  background-position: -88px -325px;
  width: 17px;
  height: 17px;
  margin: -8.5px 0 0 -8.5px;
}
.icon-calc.link {
  position: relative;
  background: none !important;
}
.icon-calc.link::before, .icon-calc.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-calc.link::before {
  background-position: -88px -325px;
  width: 17px;
  height: 17px;
}
.icon-calc.link::after {
  background-position: -115px -325px;
  width: 17px;
  height: 17px;
}

.icon-calc-active {
  background-position: -115px -325px;
  width: 17px;
  height: 17px;
  margin: -8.5px 0 0 -8.5px;
}

.icon-accordion, html.js .accordion-item .head .title::after, ul.faq > li .title::after {
  background-position: -355px -330px;
  width: 17px;
  height: 8px;
  margin: -4.0px 0 0 -8.5px;
}

.icon-zoom {
  background-position: -142px -325px;
  width: 16px;
  height: 16px;
  margin: -8.0px 0 0 -8.0px;
}
.icon-zoom.link {
  position: relative;
  background: none !important;
}
.icon-zoom.link::before, .icon-zoom.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-zoom.link::before {
  background-position: -142px -325px;
  width: 16px;
  height: 16px;
}
.icon-zoom.link::after {
  background-position: -168px -325px;
  width: 16px;
  height: 16px;
}

.icon-zoom-active {
  background-position: -168px -325px;
  width: 16px;
  height: 16px;
  margin: -8.0px 0 0 -8.0px;
}

.icon-send {
  background-position: -120px -188px;
  width: 16px;
  height: 10px;
  margin: -5.0px 0 0 -8.0px;
}
.icon-send.link {
  position: relative;
  background: none !important;
}
.icon-send.link::before, .icon-send.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-send.link::before {
  background-position: -120px -188px;
  width: 16px;
  height: 10px;
}
.icon-send.link::after {
  background-position: -146px -188px;
  width: 16px;
  height: 10px;
}

.icon-send-active {
  background-position: -146px -188px;
  width: 16px;
  height: 10px;
  margin: -5.0px 0 0 -8.0px;
}

.icon-download {
  background-position: -194px -325px;
  width: 16px;
  height: 15px;
  margin: -7.5px 0 0 -8.0px;
}
.icon-download.link {
  position: relative;
  background: none !important;
}
.icon-download.link::before, .icon-download.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-download.link::before {
  background-position: -194px -325px;
  width: 16px;
  height: 15px;
}
.icon-download.link::after {
  background-position: -220px -325px;
  width: 16px;
  height: 15px;
}

.icon-download-active {
  background-position: -220px -325px;
  width: 16px;
  height: 15px;
  margin: -7.5px 0 0 -8.0px;
}

.icon-clear {
  background-position: -5px -352px;
  width: 16px;
  height: 16px;
  margin: -8.0px 0 0 -8.0px;
}
.icon-clear.link {
  position: relative;
  background: none !important;
}
.icon-clear.link::before, .icon-clear.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-clear.link::before {
  background-position: -5px -352px;
  width: 16px;
  height: 16px;
}
.icon-clear.link::after {
  background-position: -31px -352px;
  width: 16px;
  height: 16px;
}

.icon-clear-active {
  background-position: -31px -352px;
  width: 16px;
  height: 16px;
  margin: -8.0px 0 0 -8.0px;
}

.icon-basket-add {
  background-position: -57px -352px;
  width: 16px;
  height: 16px;
  margin: -8.0px 0 0 -8.0px;
}
.icon-basket-add.link {
  position: relative;
  background: none !important;
}
.icon-basket-add.link::before, .icon-basket-add.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-basket-add.link::before {
  background-position: -57px -352px;
  width: 16px;
  height: 16px;
}
.icon-basket-add.link::after {
  background-position: -83px -352px;
  width: 16px;
  height: 16px;
}

.icon-basket-add-active {
  background-position: -83px -352px;
  width: 16px;
  height: 16px;
  margin: -8.0px 0 0 -8.0px;
}

.icon-yes {
  background-position: -246px -325px;
  width: 14px;
  height: 15px;
  margin: -7.5px 0 0 -7.0px;
}

.icon-toggle-red-all {
  background-position: -270px -325px;
  width: 14px;
  height: 15px;
  margin: -7.5px 0 0 -7.0px;
}

.icon-quick {
  background-position: -294px -325px;
  width: 15px;
  height: 15px;
  margin: -7.5px 0 0 -7.5px;
}
.icon-quick.link {
  position: relative;
  background: none !important;
}
.icon-quick.link::before, .icon-quick.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-quick.link::before {
  background-position: -294px -325px;
  width: 15px;
  height: 15px;
}
.icon-quick.link::after {
  background-position: -319px -325px;
  width: 15px;
  height: 15px;
}

.icon-quick-active {
  background-position: -319px -325px;
  width: 15px;
  height: 15px;
  margin: -7.5px 0 0 -7.5px;
}

.icon-no {
  background-position: -109px -352px;
  width: 14px;
  height: 15px;
  margin: -7.5px 0 0 -7.0px;
}

.icon-toggle-red {
  background-position: -222px -152px;
  width: 14px;
  height: 7px;
  margin: -3.5px 0 0 -7.0px;
}

.icon-recall {
  background-position: -133px -352px;
  width: 14px;
  height: 14px;
  margin: -7.0px 0 0 -7.0px;
}

.icon-prev, .xdsoft_datetimepicker .xdsoft_prev::before, .itemsnav .prev::before, .itemsnav .return::before, section.solutions .item:nth-child(even) .image .more i, section.services .item:nth-child(odd) .image .more i {
  background-position: -272px -219px;
  width: 7px;
  height: 14px;
  margin: -7.0px 0 0 -3.5px;
}

.icon-next, .xdsoft_datetimepicker .xdsoft_next::before, .itemsnav .next::before, section.services .item:nth-child(even) .image .more i {
  background-position: -304px -293px;
  width: 7px;
  height: 14px;
  margin: -7.0px 0 0 -3.5px;
}

.icon-compare-small {
  background-position: -157px -352px;
  width: 11px;
  height: 13px;
  margin: -6.5px 0 0 -5.5px;
}
.icon-compare-small.link {
  position: relative;
  background: none !important;
}
.icon-compare-small.link::before, .icon-compare-small.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-compare-small.link::before {
  background-position: -157px -352px;
  width: 11px;
  height: 13px;
}
.icon-compare-small.link::after {
  background-position: -178px -352px;
  width: 11px;
  height: 13px;
}

.icon-compare-small-active {
  background-position: -178px -352px;
  width: 11px;
  height: 13px;
  margin: -6.5px 0 0 -5.5px;
}

.icon-add {
  background-position: -199px -352px;
  width: 12px;
  height: 12px;
  margin: -6.0px 0 0 -6.0px;
}
.icon-add.link {
  position: relative;
  background: none !important;
}
.icon-add.link::before, .icon-add.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-add.link::before {
  background-position: -199px -352px;
  width: 12px;
  height: 12px;
}
.icon-add.link::after {
  background-position: -221px -352px;
  width: 12px;
  height: 12px;
}

.icon-add-active {
  background-position: -221px -352px;
  width: 12px;
  height: 12px;
  margin: -6.0px 0 0 -6.0px;
}

.icon-toggle {
  background-position: -188px -171px;
  width: 11px;
  height: 6px;
  margin: -3.0px 0 0 -5.5px;
}

.icon-toggle-black, .form dl.input-wrap.date > dd::after,
.form div.input-wrap.date::after, .form .dropdown-field .value::after, .jq-selectbox__trigger, footer.page .top .sites ul li.active a::before,
footer.page .top .sites ul li.active span::before {
  background-position: -209px -171px;
  width: 11px;
  height: 6px;
  margin: -3.0px 0 0 -5.5px;
}

.icon-plus, div.quantity span.plus::before {
  background-position: -172px -188px;
  width: 10px;
  height: 10px;
  margin: -5.0px 0 0 -5.0px;
}

.icon-minus, div.quantity span.minus::before {
  background-position: -192px -188px;
  width: 10px;
  height: 10px;
  margin: -5.0px 0 0 -5.0px;
}

.icon-favorite-small {
  background-position: -212px -188px;
  width: 10px;
  height: 9px;
  margin: -4.5px 0 0 -5.0px;
}
.icon-favorite-small.link {
  position: relative;
  background: none !important;
}
.icon-favorite-small.link::before, .icon-favorite-small.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-favorite-small.link::before {
  background-position: -212px -188px;
  width: 10px;
  height: 9px;
}
.icon-favorite-small.link::after {
  background-position: -243px -352px;
  width: 10px;
  height: 9px;
}

.icon-favorite-small-active {
  background-position: -243px -352px;
  width: 10px;
  height: 9px;
  margin: -4.5px 0 0 -5.0px;
}

.icon-dropdown, .xdsoft_datetimepicker .xdsoft_label i {
  background-position: -263px -352px;
  width: 10px;
  height: 5px;
  margin: -2.5px 0 0 -5.0px;
}

.icon-quick-small {
  background-position: -383px -5px;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.icon-quick-small.link {
  position: relative;
  background: none !important;
}
.icon-quick-small.link::before, .icon-quick-small.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-quick-small.link::before {
  background-position: -383px -5px;
  width: 9px;
  height: 9px;
}
.icon-quick-small.link::after {
  background-position: -383px -24px;
  width: 9px;
  height: 9px;
}

.icon-quick-small-active {
  background-position: -383px -24px;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}

.icon-cancel-small {
  background-position: -383px -43px;
  width: 8px;
  height: 8px;
  margin: -4.0px 0 0 -4.0px;
}
.icon-cancel-small.link {
  position: relative;
  background: none !important;
}
.icon-cancel-small.link::before, .icon-cancel-small.link::after {
  content: '';
  display: inline-block;
  background-image: url("../images/icons.png?06975fa88c");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.icon-cancel-small.link::before {
  background-position: -383px -43px;
  width: 8px;
  height: 8px;
}
.icon-cancel-small.link::after {
  background-position: -383px -61px;
  width: 8px;
  height: 8px;
}

.icon-cancel-small-active {
  background-position: -383px -61px;
  width: 8px;
  height: 8px;
  margin: -4.0px 0 0 -4.0px;
}

.benefits-benefit-5, section.benefits li:nth-child(5) span::before,
.benefits-benefit-4,
section.benefits li:nth-child(4) span::before,
.benefits-benefit-3,
section.benefits li:nth-child(3) span::before,
.benefits-benefit-2,
section.benefits li:nth-child(2) span::before,
.benefits-benefit-1,
section.benefits li:nth-child(1) span::before,
.benefits-benefit-small-5,
.benefits-benefit-small-4,
.benefits-benefit-small-3,
.benefits-benefit-small-2,
.benefits-benefit-small-1 {
  display: inline-block;
  background-image: url("../images/benefits.png?dc033d2356");
  background-repeat: no-repeat;
  background-size: 363px 312px;
}

.benefits-benefit-5, section.benefits li:nth-child(5) span::before {
  background-position: -5px -5px;
  width: 111px;
  height: 111px;
  margin: -55.5px 0 0 -55.5px;
}

.benefits-benefit-4, section.benefits li:nth-child(4) span::before {
  background-position: -126px -5px;
  width: 111px;
  height: 111px;
  margin: -55.5px 0 0 -55.5px;
}

.benefits-benefit-3, section.benefits li:nth-child(3) span::before {
  background-position: -5px -126px;
  width: 111px;
  height: 111px;
  margin: -55.5px 0 0 -55.5px;
}

.benefits-benefit-2, section.benefits li:nth-child(2) span::before {
  background-position: -126px -126px;
  width: 111px;
  height: 111px;
  margin: -55.5px 0 0 -55.5px;
}

.benefits-benefit-1, section.benefits li:nth-child(1) span::before {
  background-position: -247px -5px;
  width: 111px;
  height: 111px;
  margin: -55.5px 0 0 -55.5px;
}

.benefits-benefit-small-5 {
  background-position: -247px -126px;
  width: 60px;
  height: 60px;
  margin: -30.0px 0 0 -30.0px;
}

.benefits-benefit-small-4 {
  background-position: -5px -247px;
  width: 60px;
  height: 60px;
  margin: -30.0px 0 0 -30.0px;
}

.benefits-benefit-small-3 {
  background-position: -75px -247px;
  width: 60px;
  height: 60px;
  margin: -30.0px 0 0 -30.0px;
}

.benefits-benefit-small-2 {
  background-position: -145px -247px;
  width: 60px;
  height: 60px;
  margin: -30.0px 0 0 -30.0px;
}

.benefits-benefit-small-1 {
  background-position: -215px -247px;
  width: 60px;
  height: 60px;
  margin: -30.0px 0 0 -30.0px;
}

.select-b2c,
.select-b2b {
  display: inline-block;
  background-image: url("../images/select.png?23b1cef1e1");
  background-repeat: no-repeat;
  background-size: 140px 82px;
}

.select-b2c {
  background-position: -5px -5px;
  width: 59px;
  height: 72px;
  margin: -36.0px 0 0 -29.5px;
}

.select-b2b {
  background-position: -74px -5px;
  width: 61px;
  height: 51px;
  margin: -25.5px 0 0 -30.5px;
}

.contacts-warehouse,
.contacts-office,
.contacts-place,
.contacts-email,
.contacts-tel {
  display: inline-block;
  background-image: url("../images/contacts.png?0dd740c00e");
  background-repeat: no-repeat;
  background-size: 187px 120px;
}

.contacts-warehouse {
  background-position: -5px -5px;
  width: 63px;
  height: 63px;
  margin: -31.5px 0 0 -31.5px;
}

.contacts-office {
  background-position: -78px -5px;
  width: 63px;
  height: 63px;
  margin: -31.5px 0 0 -31.5px;
}

.contacts-place {
  background-position: -5px -78px;
  width: 27px;
  height: 37px;
  margin: -18.5px 0 0 -13.5px;
}

.contacts-email {
  background-position: -42px -78px;
  width: 33px;
  height: 23px;
  margin: -11.5px 0 0 -16.5px;
}

.contacts-tel {
  background-position: -151px -5px;
  width: 31px;
  height: 31px;
  margin: -15.5px 0 0 -15.5px;
}

.faq-1,
.faq-7,
.faq-5,
.faq-8,
.faq-4,
.faq-2,
.faq-6,
.faq-3 {
  display: inline-block;
  background-image: url("../images/faq.png?abe212c74a");
  background-repeat: no-repeat;
  background-size: 120px 73px;
}

.faq-1 {
  background-position: -5px -5px;
  width: 30px;
  height: 8px;
  margin: -4.0px 0 0 -15.0px;
}

.faq-7 {
  background-position: -5px -23px;
  width: 21px;
  height: 19px;
  margin: -9.5px 0 0 -10.5px;
}

.faq-5 {
  background-position: -45px -5px;
  width: 16px;
  height: 20px;
  margin: -10.0px 0 0 -8.0px;
}

.faq-8 {
  background-position: -71px -5px;
  width: 16px;
  height: 19px;
  margin: -9.5px 0 0 -8.0px;
}

.faq-4 {
  background-position: -5px -52px;
  width: 19px;
  height: 16px;
  margin: -8.0px 0 0 -9.5px;
}

.faq-2 {
  background-position: -97px -5px;
  width: 18px;
  height: 18px;
  margin: -9.0px 0 0 -9.0px;
}

.faq-6 {
  background-position: -97px -33px;
  width: 17px;
  height: 17px;
  margin: -8.5px 0 0 -8.5px;
}

.faq-3 {
  background-position: -34px -52px;
  width: 14px;
  height: 16px;
  margin: -8.0px 0 0 -7.0px;
}

.icon-wrap {
  display: inline-block;
  vertical-align: middle;
  background-image: none !important;
  text-align: center;
}
.icon-wrap::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.icon-wrap.bdr {
  border: 1px solid #dedede;
  border-radius: 50%;
  width: 42px;
  height: 42px;
}
.icon-wrap.bdr.red {
  border-color: #e60039;
}
.icon-wrap.circle {
  vertical-align: middle;
  margin: 0;
  border: 1px solid #f4f3f3;
  border-radius: 50%;
  background: #f4f3f3;
  width: 55px;
  height: 55px;
}
.icon-wrap.circle.bdr {
  border-color: #e0e0e0;
  background-color: transparent;
}
.icon-wrap.circle .icon-notes {
  margin-left: -9.5px !important;
}
.icon-wrap [class^="icon-"],
.icon-wrap [class*=" icon-"] {
  position: absolute;
  top: 50%;
  left: 50%;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 1px;
  position: relative;
  font-style: normal !important;
}

a [class^="icon-"].link::before, a [class^="icon-"].link::after,
a [class*="icon-"].link::before,
a [class*="icon-"].link::after,
button [class^="icon-"].link::before,
button [class^="icon-"].link::after,
button [class*="icon-"].link::before,
button [class*="icon-"].link::after {
  transition: none !important;
}
a [class^="icon-"].link::before,
a [class*="icon-"].link::before,
button [class^="icon-"].link::before,
button [class*="icon-"].link::before {
  opacity: 1;
}
a [class^="icon-"].link::after,
a [class*="icon-"].link::after,
button [class^="icon-"].link::after,
button [class*="icon-"].link::after {
  opacity: 0;
}

a:not(.disabled):hover [class^="icon-"].link::before,
a:not(.disabled):hover [class*="icon-"].link::before,
a.active [class^="icon-"].link::before,
a.active [class*="icon-"].link::before,
button:not(:disabled):hover [class^="icon-"].link::before,
button:not(:disabled):hover [class*="icon-"].link::before,
button.active [class^="icon-"].link::before,
button.active [class*="icon-"].link::before {
  opacity: 0;
}
a:not(.disabled):hover [class^="icon-"].link::after,
a:not(.disabled):hover [class*="icon-"].link::after,
a.active [class^="icon-"].link::after,
a.active [class*="icon-"].link::after,
button:not(:disabled):hover [class^="icon-"].link::after,
button:not(:disabled):hover [class*="icon-"].link::after,
button.active [class^="icon-"].link::after,
button.active [class*="icon-"].link::after {
  opacity: 1;
}

.icon-notes.fix {
  margin-left: -8.5px !important;
}

.icon-cancel {
  background-image: none !important;
  font-size: 36px;
  line-height: 20px;
}
.icon-cancel.link::before {
  color: #e60039 !important;
}
.icon-cancel::before {
  content: '\274c';
  color: #e60039 !important;
  opacity: 1 !important;
}

.icon-metro {
  font-weight: bold;
  font-size: 11.53px;
  line-height: 29px;
  text-align: center;
  color: #000;
}
.icon-metro::before {
  content: 'M';
}
.icon-metro.red {
  color: #e70039;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: hidden !important;
  overflow-y: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  box-sizing: content-box;
  display: none;
}
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 7;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

.scroll-element.scroll-x {
  display: none !important;
}

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

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 2px;
  width: 8px;
  height: 100%;
  background: transparent;
}
.jspVerticalBar:hover .jspDrag {
  opacity: 1;
}

.jspHorizontalBar {
  display: none !important;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 8px;
  background: transparent;
}
.jspHorizontalBar:hover .jspDrag {
  opacity: 1;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  border-radius: 4px;
  background: #e0e0e0;
  position: relative;
}

.jspDrag {
  border-radius: 4px;
  background: #c2c2c2;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: .4;
}

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

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

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

.jspVerticalBar .jspArrow {
  height: 16px;
}

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

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

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

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider {
  position: relative;
}
@media all and (max-width: 1399px) {
  .slick-slider {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.slick-list {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.slick-arrow {
  margin: -29px 0 0;
  border: 0;
  padding: 0;
  width: 26px;
  height: 48px;
  font-size: 0;
  text-indent: -9999px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  z-index: 3;
  cursor: pointer;
}
.slick-arrow::before {
  content: '';
  display: block;
  margin: -24px -0px 0 -13px;
  width: 26px;
  height: 48px;
  background-image: url(../images/slider.png);
  position: absolute;
  top: 50%;
  left: 50%;
}
.slick-arrow.slick-disabled {
  cursor: default;
  opacity: .5;
}
.slick-arrow.slick-prev {
  left: -60px;
}
@media all and (max-width: 1599px) {
  .slick-arrow.slick-prev {
    left: -30px;
  }
}
@media all and (max-width: 1399px) {
  .slick-arrow.slick-prev {
    left: 9px;
  }
}
.slick-arrow.slick-prev::before {
  background-position: 0 0;
}
.slick-arrow.slick-prev:not(.slick-disabled):hover::before {
  background-position: -30px 0;
}
.slick-arrow.slick-next {
  right: -60px;
}
@media all and (max-width: 1599px) {
  .slick-arrow.slick-next {
    right: -30px;
  }
}
@media all and (max-width: 1399px) {
  .slick-arrow.slick-next {
    right: 9px;
  }
}
.slick-arrow.slick-next::before {
  background-position: -90px 0;
}
.slick-arrow.slick-next:not(.slick-disabled):hover::before {
  background-position: -60px 0;
}

.slick-dots {
  margin-top: 10px;
  font-size: 0;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  margin: 3.5px;
}
.slick-dots li::before {
  display: none !important;
}
.slick-dots button {
  display: block;
  margin: 0;
  border: 1px solid #1d262e;
  border-radius: 50%;
  padding: 0;
  width: 9px;
  height: 9px;
  font-size: 0;
  text-indent: -9999px;
  background: #1d262e;
  opacity: .5;
  transition: border .25s,background .25s,opacity .25s;
  cursor: pointer;
}
.slick-dots button:hover {
  opacity: 1;
}
.slick-dots .slick-active button {
  border-color: #e60039;
  background: #e60039;
  opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  width: 17px;
  height: 17px;
  position: relative;
  top: -.1em;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background: #d5d5d5;
}

.jq-checkbox,
.jq-radio {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jq-checkbox input,
.jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  width: auto !important;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 300px;
  line-height: 1em;
  text-align: left !important;
}

.jq-file__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jq-selectbox,
.jq-select-multiple {
  position: relative;
  display: inline-block;
}

.jq-selectbox select,
.jq-select-multiple select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.jq-selectbox li,
.jq-select-multiple li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.jq-selectbox {
  z-index: 2;
}

.jq-selectbox__select {
  position: relative;
}

.jq-selectbox__select-text {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jq-selectbox__dropdown {
  position: absolute;
}

.jq-selectbox__search input {
  -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.jq-selectbox__dropdown ul {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}

.jq-select-multiple ul {
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.jq-number {
  display: inline-block;
}

.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left;
  /* для Opera Presto */
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  /* в каких-то браузерах присутствует отступ */
  -webkit-appearance: none;
}

/*===========================================================================*/
select {
  padding: 10px 29px 12px;
  width: 100%;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
}

.jq-selectbox {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
}
.jq-selectbox.focused .jq-selectbox__select,
.jq-selectbox.focused .jq-selectbox__dropdown {
  border-color: #949494;
}
.jq-selectbox.focused .jq-selectbox__dropdown::before {
  border-color: #949494 transparent;
}
.jq-selectbox.error .jq-selectbox__select,
.jq-selectbox.error .jq-selectbox__dropdown {
  border-color: #f33;
}
.jq-selectbox.error .jq-selectbox__dropdown::before {
  border-color: #f33 transparent;
}
.jq-selectbox.disabled .jq-selectbox__select,
.jq-selectbox.disabled .jq-selectbox__dropdown {
  border-color: #d5d5d5;
  background: #eee;
}
.jq-selectbox.disabled .jq-selectbox__dropdown::before {
  border-color: #d5d5d5 transparent;
}
.jq-selectbox.opened {
  z-index: 5 !important;
}
.jq-selectbox.opened .jq-selectbox__trigger {
  transform: rotate(-180deg);
}
.jq-selectbox.opened.dropdown .jq-selectbox__dropdown {
  margin-top: 5px;
}
.jq-selectbox.opened.dropdown .jq-selectbox__dropdown::before, .jq-selectbox.opened.dropdown .jq-selectbox__dropdown::after {
  border-top-width: 0;
}
.jq-selectbox.opened.dropdown .jq-selectbox__dropdown::before {
  top: -9px;
}
.jq-selectbox.opened.dropdown .jq-selectbox__dropdown::after {
  top: -8px;
}
.jq-selectbox.opened.dropup .jq-selectbox__dropdown {
  margin-bottom: 5px;
  min-height: 107px;
}
.jq-selectbox.opened.dropup .jq-selectbox__dropdown::before, .jq-selectbox.opened.dropup .jq-selectbox__dropdown::after {
  border-bottom-width: 0;
}
.jq-selectbox.opened.dropup .jq-selectbox__dropdown::before {
  bottom: -9px;
}
.jq-selectbox.opened.dropup .jq-selectbox__dropdown::after {
  bottom: -8px;
}

.jq-selectbox__select {
  margin: 0;
  border: 1px solid #d5d5d5;
  border-radius: 7px;
  padding: 10px 29px 12px;
  padding-right: 40px !important;
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: left;
  background: #fff;
  cursor: pointer;
}
.jq-selectbox__select.disabled {
  cursor: default;
}

.jq-selectbox__select-text {
  width: 100% !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.jq-selectbox__trigger {
  background-image: url(../images/icons.png);
  position: absolute;
  top: 50%;
  right: 16px;
  transition: transform .25s;
}

.jq-selectbox__dropdown {
  margin-top: 5px;
  padding: 5px 0;
  border: 1px solid #d5d5d5;
  border-radius: 7px;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  color: #0f315a;
  background: #fff;
  left: 0;
  right: 0;
}
.jq-selectbox__dropdown::before, .jq-selectbox__dropdown::after {
  content: '';
  display: block;
  border-width: 0 9px 9px;
  border-style: solid;
  border-color: #d5d5d5 transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: -9px;
  right: 9px;
}
.jq-selectbox__dropdown::after {
  border-color: #fff transparent;
  top: -8px;
}
.jq-selectbox__dropdown li {
  padding: 6px 29px 7px;
  transition: color .25s;
  white-space: normal;
  text-align: left;
  cursor: pointer;
  line-height: 1.5 !important;
}
.jq-selectbox__dropdown li.sel {
  color: #000;
}
.jq-selectbox__dropdown li:hover {
  color: #e60039;
}
.jq-selectbox__dropdown li.disabled {
  cursor: default !important;
  background: #f8f8f8 !important;
  color: #262626 !important;
}

.jq-checkbox,
.jq-radio {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  width: 17px;
  height: 17px;
  background: #fff;
  cursor: pointer;
  top: -.1em;
  transition: border .25s,background .25s;
}
.jq-checkbox.focused,
.jq-radio.focused {
  border-color: #949494;
}
.jq-checkbox.error,
.jq-radio.error {
  border-color: #f33;
}
.jq-checkbox.disabled,
.jq-radio.disabled {
  border-color: #d5d5d5;
  background-color: #eee;
  cursor: default !important;
}
.jq-checkbox.color,
.jq-radio.color {
  width: 34px;
  height: 34px;
}
.jq-checkbox .jq-checkbox__div,
.jq-checkbox .jq-radio__div,
.jq-radio .jq-checkbox__div,
.jq-radio .jq-radio__div {
  display: block;
  opacity: 0;
  transition: opacity .25s,filter .25s;
}

.jq-checkbox .jq-checkbox__div {
  display: block;
  margin: 0 !important;
  width: 15px;
  height: 15px;
}
.jq-checkbox.color {
  margin-top: 3px;
  margin-bottom: 3px;
}
.jq-checkbox.color.checked {
  border-color: #444;
  background-color: #444;
}
.jq-checkbox.color .jq-checkbox__div {
  margin: 4px !important;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  opacity: 1 !important;
  background-image: none !important;
}

.jq-radio.checked .jq-radio__div,
.jq-checkbox.checked .jq-checkbox__div {
  opacity: 1;
}

.jq-radio.disabled.checked .jq-radio__div,
.jq-checkbox.disabled.checked .jq-checkbox__div {
  filter: grayscale(1);
  opacity: .25;
}

.jq-radio {
  margin-top: 3px;
  margin-bottom: 3px;
  border-radius: 50%;
}
.jq-radio .jq-radio__div {
  margin: 2px;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  background: #e60039;
}
.jq-radio.color.checked {
  border-color: #444;
  background-color: #444;
}
.jq-radio.color .jq-radio__div {
  margin: 4px !important;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  opacity: 1 !important;
  background-image: none !important;
}

.jq-file {
  padding-right: 169px !important;
  cursor: pointer;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  .jq-file {
    padding-right: 100px !important;
  }
}
.jq-file input {
  cursor: pointer;
}
.jq-file.text-only {
  border: 0;
  border-radius: 0;
  padding: 0 !important;
  padding-right: 0 !important;
  width: auto;
  height: auto !important;
  font-weight: 300;
  font-size: 17px;
  cursor: pointer;
}
.jq-file.text-only:hover .jq-file__name {
  border-color: transparent;
  color: #e60039;
}
.jq-file.text-only .jq-file__name {
  display: inline;
  vertical-align: top;
  border-bottom: 1px dotted #0f315a;
  color: #0f315a;
  transition: border .25s,color .25s;
}
.jq-file.text-only .jq-file__browse {
  display: none !important;
}
.jq-file.changed .jq-file__name {
  color: #000;
}
.jq-file:hover .jq-file__browse {
  color: #e60039;
}
.jq-file.disabled {
  cursor: default;
  border-color: #d5d5d5;
  background: #eee;
}
.jq-file.disabled .jq-file__browse {
  color: #0f315a !important;
  background: #eee;
}
.jq-file .jq-file__name {
  color: #646464;
}
.jq-file .jq-file__browse {
  padding: 11px 0 16px;
  width: 140px;
  text-align: center;
  font-size: 15px;
  line-height: 25.5px;
  color: #0f315a;
  background: #f2f2f2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media all and (max-width: 767px) {
  .jq-file .jq-file__browse {
    width: 100px;
  }
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_datetimepicker {
  display: none;
  margin-top: 5px;
  border: 1px solid #d5d5d5;
  border-radius: 7px;
  padding: 10px 29px 12px;
  background: #fff;
  font: 400 15px/1.5 "Open Sans", sans-serif;
  color: #7b7b7b;
  position: absolute;
  z-index: 9999;
  /* Плашка НАД календарём */
  /* Кнопки навигации календаря */
  /* Месяц/Год */
  /* Выбор даты */
  /* Выбор времени */
  /* Скрол */
  /* Копирайты */
  /* Кнопка "сохранить" */
}
@media all and (max-width: 767px) {
  .xdsoft_datetimepicker {
    padding: 5px 15px 6px;
  }
}
.xdsoft_datetimepicker::before, .xdsoft_datetimepicker::after {
  content: '';
  display: block;
  margin-left: -12px;
  border-width: 9px 12px;
  border-style: solid;
  border-color: #d5d5d5 transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
}
.xdsoft_datetimepicker::after {
  border-color: #fff transparent;
}
.xdsoft_datetimepicker::before, .xdsoft_datetimepicker::after {
  border-top-width: 0;
  top: -9px;
}
.xdsoft_datetimepicker::after {
  top: -8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-left: 0;
  margin-right: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-left: 0;
  margin-right: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scroller_box .xdsoft_scrollbar {
  left: 0;
  right: auto;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  float: left;
  width: 280px;
}
@media all and (max-width: 767px) {
  .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 240px;
  }
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td {
  width: 12.5% !important;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  display: block;
  border: 0;
  width: 20px;
  height: 30px;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  width: 20px;
  text-indent: -9999px;
}
.xdsoft_datetimepicker .xdsoft_next::before,
.xdsoft_datetimepicker .xdsoft_prev::before,
.xdsoft_datetimepicker .xdsoft_today_button::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  display: none !important;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 2px 3px;
  font-weight: bold;
  line-height: 26px;
  width: 182px;
  height: 30px;
  text-align: center;
  position: relative;
  z-index: 9999;
  cursor: pointer;
  white-space: nowrap;
}
@media all and (max-width: 767px) {
  .xdsoft_datetimepicker .xdsoft_label {
    font-size: 16px;
  }
}
.xdsoft_datetimepicker .xdsoft_label.xdsoft_month {
  width: 125px;
  text-align: right;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_label.xdsoft_year {
  width: 65px;
  margin-left: 20px;
  color: #e60039;
}
@media all and (max-width: 767px) {
  .xdsoft_datetimepicker .xdsoft_label.xdsoft_year {
    margin-left: 10px;
  }
}
.xdsoft_datetimepicker .xdsoft_label i {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 8px !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  display: none;
  border: 1px solid #ccc;
  padding-right: 8px;
  max-height: 160px;
  font-weight: normal;
  color: #000;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 101;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  background: #dcdcdc;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #dcdcdc;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  display: table !important;
  width: 100%;
  border: 0;
}
.xdsoft_datetimepicker .xdsoft_calendar thead {
  display: table-header-group !important;
}
.xdsoft_datetimepicker .xdsoft_calendar tbody {
  display: table-row-group !important;
}
.xdsoft_datetimepicker .xdsoft_calendar tbody tr:first-child td {
  padding-top: 4px;
}
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
  display: table-cell !important;
  padding-left: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar tr {
  display: table-row !important;
  border: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
  vertical-align: middle;
  border: 0;
  padding: 9px 10px;
  width: 14.2857142% !important;
  font-size: 15px;
  text-align: left;
  color: #666;
}
@media all and (max-width: 767px) {
  .xdsoft_datetimepicker .xdsoft_calendar th,
  .xdsoft_datetimepicker .xdsoft_calendar td {
    padding: 7px 8px;
    font-size: 14px;
  }
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  display: table-cell !important;
  border-bottom: 2px solid #c6c6c6;
  font-weight: normal;
  color: #7b7b7b;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar th:nth-child(6), .xdsoft_datetimepicker .xdsoft_calendar th:nth-child(7) {
  color: #e60039;
}
.xdsoft_datetimepicker .xdsoft_calendar td {
  display: table-cell !important;
  padding: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_calendar td::before {
  display: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #141414;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default div {
  background: #dcdcdc;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint div {
  background: #dcdcdc;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default div, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div {
  background: #dcdcdc;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover div {
  background: #dcdcdc !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled {
  cursor: default !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month div, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled div {
  opacity: 0.5;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_weekend {
  color: #e60039;
}
.xdsoft_datetimepicker .xdsoft_calendar td div {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 8px 10px 10px;
}
@media all and (max-width: 767px) {
  .xdsoft_datetimepicker .xdsoft_calendar td div {
    padding: 4px 6px;
    width: 30px;
    height: 30px;
  }
}
.xdsoft_datetimepicker .xdsoft_datepicker:not(.active) + .xdsoft_timepicker.active {
  margin-left: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  float: left;
  width: 58px;
  margin-top: 0;
  margin-left: 8px;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev::before,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next::before {
  transform: rotate(90deg);
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box.xdsoft_scroller_box {
  padding-right: 8px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #fff;
  color: #666;
  font-size: 15px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 30px;
  line-height: 30px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #dcdcdc;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #dcdcdc;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit  !important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_scroller_box {
  border-radius: 4px;
  position: relative;
}
.xdsoft_datetimepicker .xdsoft_scroller_box .xdsoft_scrollbar {
  width: 8px;
  background: rgba(224, 224, 224, 0.4);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_scroller_box .xdsoft_scrollbar > .xdsoft_scroller {
  border-radius: 4px;
  height: 20px;
  background: #c2c2c2;
}
.xdsoft_datetimepicker .xdsoft_scroller_box .xdsoft_scrollbar > .xdsoft_scroller:hover {
  background: #919191;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  display: none !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: none;
}

body.compare header.page {
  min-height: 0 !important;
}
@media all and (min-width: 996px) {
  body.compare header.page.fixed .header-wrap {
    box-shadow: none !important;
    position: static !important;
  }
  body.compare header.page.fixed .top {
    margin-top: 0 !important;
  }
}

.compare-table {
  position: relative;
  overflow: hidden;
}
.compare-table::before, .compare-table::after {
  content: '';
  display: block;
  width: 62px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}
@media all and (max-width: 995px) {
  .compare-table::before, .compare-table::after {
    width: 31px;
  }
}
@media all and (max-width: 767px) {
  .compare-table::before, .compare-table::after {
    width: 15px;
  }
}
.compare-table::before {
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  left: 0;
}
.compare-table::after {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  right: 0;
}
.compare-table .compare-arrow {
  display: none;
  width: 61px;
  height: 122px;
  background: rgba(68, 68, 68, 0.2);
  position: absolute;
  bottom: 20px;
  z-index: 10;
  overflow: hidden;
  transition: background .25s;
  cursor: pointer;
}
@media all and (max-width: 479px) {
  .compare-table .compare-arrow {
    margin-top: -30px;
    width: 30px;
    height: 60px;
  }
}
.compare-table .compare-arrow::before {
  content: '';
  display: block;
  width: 61px;
  height: 122px;
  background: url(../images/compare.png);
  position: absolute;
  top: 0;
  left: 0;
}
.compare-table .compare-arrow.prev {
  border-radius: 0 61px 61px 0;
  left: 0;
}
.compare-table .compare-arrow.prev::before {
  background-position: 0 0;
}
@media all and (max-width: 479px) {
  .compare-table .compare-arrow.prev::before {
    margin: -30px 0 0 -5px;
  }
}
.compare-table .compare-arrow.next {
  border-radius: 61px 0 0 61px;
  right: 0;
}
.compare-table .compare-arrow.next::before {
  background-position: 100% 0;
}
@media all and (max-width: 479px) {
  .compare-table .compare-arrow.next::before {
    margin: -30px 0 0 -25px;
  }
}
.compare-table .compare-items,
.compare-table .compare-row {
  font-size: 0;
  white-space: nowrap;
}
.compare-table .compare-items .compare-item,
.compare-table .compare-items .compare-cell,
.compare-table .compare-row .compare-item,
.compare-table .compare-row .compare-cell {
  display: inline-block;
  width: 240px;
  font-size: 14px;
  white-space: normal;
}
@media all and (max-width: 767px) {
  .compare-table .compare-items .compare-item,
  .compare-table .compare-items .compare-cell,
  .compare-table .compare-row .compare-item,
  .compare-table .compare-row .compare-cell {
    width: 200px;
  }
}
@media all and (max-width: 479px) {
  .compare-table .compare-items .compare-item,
  .compare-table .compare-items .compare-cell,
  .compare-table .compare-row .compare-item,
  .compare-table .compare-row .compare-cell {
    width: 150px;
  }
}
.compare-table .compare-items.fixed .compare-items-wrap {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.compare-table .compare-items.fixed .compare-items-wrap::before, .compare-table .compare-items.fixed .compare-items-wrap::after {
  content: '';
  display: block;
  width: 62px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}
@media all and (max-width: 995px) {
  .compare-table .compare-items.fixed .compare-items-wrap::before, .compare-table .compare-items.fixed .compare-items-wrap::after {
    width: 31px;
  }
}
@media all and (max-width: 767px) {
  .compare-table .compare-items.fixed .compare-items-wrap::before, .compare-table .compare-items.fixed .compare-items-wrap::after {
    width: 15px;
  }
}
.compare-table .compare-items.fixed .compare-items-wrap::before {
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  left: 0;
}
.compare-table .compare-items.fixed .compare-items-wrap::after {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  right: 0;
}
.compare-table .compare-items .compare-items-wrap {
  position: relative;
}
.compare-table .compare-row {
  font-size: 0;
  white-space: nowrap;
  position: relative;
}
.compare-table .compare-row .compare-row-name,
.compare-table .compare-row .compare-cell {
  position: relative;
}
.compare-table .compare-row .compare-row-name::before,
.compare-table .compare-row .compare-cell::before {
  content: '';
  display: block;
  border-top: 1px solid #e8e8e8;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.compare-table .compare-row:hover {
  background: #f7f7f7;
}
.compare-table .compare-row:hover::before, .compare-table .compare-row:hover::after {
  content: '';
  display: block;
  border-top: 1px solid #e8e8e8;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
}
.compare-table .compare-row:hover::before {
  top: 0;
}
.compare-table .compare-row:hover::after {
  bottom: -1px;
}
.compare-table .compare-row:hover .compare-row-name {
  color: #e60039;
}
.compare-table .compare-content {
  position: relative;
  transition: left .3s linear;
}
.compare-table .compare-row-name,
.compare-table .compare-cell {
  display: inline-block;
  vertical-align: top;
  padding: 6px 52px 6px 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  white-space: normal;
  position: relative;
}
@media all and (max-width: 767px) {
  .compare-table .compare-row-name,
  .compare-table .compare-cell {
    padding-right: 10px;
  }
}
.compare-table .compare-row-name {
  border-radius: 0 0 5px 5px;
  padding-right: 10px;
  font-weight: 600;
  white-space: nowrap;
  color: #808080;
  position: absolute !important;
  z-index: 2;
  transition: color .25s;
  background: #e8e8e8;
}
.compare-table .compare-cell {
  padding-top: 33px;
}
.compare-table .compare-cell .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}
.compare-table .compare-cell .title + dl {
  margin-top: 4px;
}
.compare-table .compare-cell dl {
  font-size: 13px;
}
.compare-table .compare-cell dl.sku dd {
  display: inline-block;
  max-width: 74px;
}
.compare-table .compare-cell dl + dl {
  margin-top: 2px;
}
.compare-table .compare-cell dl dt,
.compare-table .compare-cell dl dd {
  display: inline;
}
.compare-table .compare-cell dl dt {
  color: #878787;
}
.compare-table .compare-cell .icon-yes,
.compare-table .compare-cell .icon-no {
  margin: 0;
}
.compare-table .availability {
  font-size: 14px;
}
.compare-table .availability.red {
  color: #f00;
}
.compare-table .availability.green {
  color: #0d8500;
}
.compare-table .availability.green span {
  display: block;
  margin: 0 14px;
  position: relative;
  top: 4px;
}
.compare-table .availability.yellow {
  color: #ef6102;
}
.compare-table .availability.blue {
  color: #0f315a;
}
.compare-table .availability small {
  display: block;
  font-size: 12px;
  color: #000;
}
.compare-table .availability small a {
  text-decoration: underline;
}
.compare-table .availability small a:hover {
  text-decoration: none;
}

section.compare {
  padding: 0 0 50px;
}
section.compare .compare-links {
  margin: -17px 0 34px;
  font-size: 0;
}
@media all and (min-width: 480px) {
  section.compare .compare-links br {
    display: none;
  }
}
section.compare .compare-links a {
  display: inline-block;
  padding: 6px 15px;
  font-size: 15px;
  white-space: nowrap;
}
section.compare .compare-type {
  display: inline-block;
  border-radius: 17px;
  padding: 6px 15px;
  height: 34px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
  transition: color .25s,background .25s;
}
section.compare .compare-type + a:not(.compare-type) {
  margin-left: 20px;
}
section.compare .compare-type.active {
  color: #6d6d6d !important;
  background: #f7f7f7;
}
section.compare .items {
  margin-left: 0;
}
section.compare .item {
  padding: 6px 52px 20px 10px;
}
@media all and (max-width: 767px) {
  section.compare .item {
    padding-right: 10px;
    padding-bottom: 6px;
  }
}
section.compare .item-wrap {
  position: relative;
}
section.compare .item-wrap ul.stickers {
  font-size: 11px !important;
  line-height: 13px;
}
section.compare .item-wrap ul.stickers > li {
  border-radius: 8px;
  padding: 0 7px;
  height: 16px;
}
section.compare .item-wrap ul.stickers > li + li {
  margin-top: 4px;
}
section.compare .item-wrap ul.stickers > li.recommended {
  padding: 0;
  width: 18px;
  height: 18px;
}
section.compare .item-wrap ul.stickers > li.recommended::before {
  margin: -10px 0 0 -9px !important;
  transform: scale(0.65);
}
section.compare .item-wrap ul.stickers > li.discount {
  font-size: 11px;
}
section.compare .item-wrap .image {
  margin: 0 0 25px;
  height: 141px;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  section.compare .item-wrap .image {
    margin: 0 29px 5px 0;
    height: 95px;
  }
}
section.compare .item-wrap .image img {
  max-height: 100%;
}
section.compare .item-wrap .price {
  margin: 10px 0;
  height: 40px;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #000;
}
@media all and (max-width: 767px) {
  section.compare .item-wrap .price {
    margin: 5px 0;
    height: 34px;
    font-size: 15px;
    line-height: 17px;
  }
}
section.compare .item-wrap .price .old {
  display: block;
  margin-top: 4px;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #646464;
}
@media all and (max-width: 767px) {
  section.compare .item-wrap .price .old {
    font-size: 12px;
  }
}
section.compare .item-wrap .to-cart > a,
section.compare .item-wrap .to-cart > button {
  display: block;
  border: 0;
  border-radius: 17px;
  width: 140px;
  height: 34px;
  font-weight: normal;
  font-size: 15px;
  text-align: center;
  background: #e5e5e6;
  cursor: pointer;
}
section.compare .item-wrap .to-cart > a:hover,
section.compare .item-wrap .to-cart > button:hover {
  color: #e60039;
}
section.compare .item-wrap .to-cart > a i,
section.compare .item-wrap .to-cart > button i {
  margin-right: 5px;
  margin-left: 0 !important;
  position: relative;
  top: 2px;
}
section.compare .item-wrap .actions {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
}
@media all and (max-width: 767px) {
  section.compare .item-wrap .actions {
    right: 0;
  }
}
section.compare .item-wrap .actions a {
  display: inline-block;
}
section.compare .item-wrap .actions a .icon-wrap {
  background: #fff !important;
}
section.compare .item-wrap .actions a + a {
  margin-top: 8px;
}
section.compare .item-wrap .actions .icon-wrap.bdr {
  width: 24px;
  height: 24px;
  text-align: center;
  color: #0f315a;
}
section.compare .item-wrap .actions .icon-wrap.bdr .icon-favorite-small {
  margin-top: -5px !important;
}

.fixedpanel {
  display: block;
  margin: 0 !important;
  position: fixed;
  /*top:0;*/
  left: 0;
  right: 0;
  z-index: 9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: translateY(-100%);
  transition: transform .25s;
}
@media all and (max-width: 767px) {
  .fixedpanel {
    display: none;
  }
}
.fixedpanel.stick {
  margin-top: 0;
  transform: translateY(0%);
}

header.page.fixedpanel .top {
  display: none;
}
header.page.fixedpanel .main .logo {
  margin-top: 7px;
  margin-bottom: 1px;
}
header.page.fixedpanel .main nav {
  margin-top: 17px;
}
header.page.fixedpanel .main ul.user {
  padding-top: 4px;
}
header.page.fixedpanel .bottom ul.nav {
  margin-top: 23px;
}
header.page.fixedpanel .bottom .search {
  margin-top: 8px;
}
header.page.fixedpanel nav.page > ul > li > a {
  padding-top: 33px;
  height: 70px;
}
header.page.fixedpanel nav.page > ul > li > a i {
  top: 20px;
}

@media all and (max-width: 995px) {
  .images-wrap {
    margin-bottom: 40px;
  }
}
.images-wrap .big {
  margin-bottom: 25px;
  height: 360px;
}
@media all and (max-width: 767px) {
  .images-wrap .big {
    height: 320px;
  }
}
@media all and (max-width: 479px) {
  .images-wrap .big {
    height: 280px;
  }
}
.images-wrap .big .image {
  height: 100%;
  text-align: center;
  position: relative;
}
.images-wrap .big .image a {
  width: 100%;
  height: 100%;
}
.images-wrap .big .image img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}
.images-wrap .big .image .icon-wrap {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: #fff;
  z-index: 2;
  pointer-events: none;
}
.images-wrap .big .image .is-kit {
  font-size: 14px;
  color: #6d6d6d;
  position: absolute;
  left: 0;
  bottom: 14px;
  pointer-events: none;
}
.images-wrap .big .image .is-kit i {
  margin-right: 4px;
  margin-left: 0;
  position: relative;
  top: 2px;
}
.images-wrap .thumbs {
  font-size: 0;
  text-align: left;
}
.images-wrap .thumbs.slick-slider {
  margin: 0 30px;
}
@media all and (max-width: 1199px) {
  .images-wrap .thumbs.slick-slider {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.images-wrap .thumbs.slick-slider .thumb {
  padding: 0 2px;
  height: 48px;
}
.images-wrap .thumbs .slick-arrow {
  margin-top: -13.5px;
  width: 14px;
  height: 27px;
  background-color: transparent;
}
.images-wrap .thumbs .slick-arrow::before {
  margin: -13.5px 0 0 -7px;
  width: 14px;
  height: 27px;
}
.images-wrap .thumbs .slick-arrow.slick-prev {
  left: -32px;
}
.images-wrap .thumbs .slick-arrow.slick-prev::before {
  background-position: 0 -130px;
}
.images-wrap .thumbs .slick-arrow.slick-prev:hover::before {
  background-position: -20px -130px;
}
.images-wrap .thumbs .slick-arrow.slick-next {
  right: -32px;
}
.images-wrap .thumbs .slick-arrow.slick-next::before {
  background-position: -60px -130px;
}
.images-wrap .thumbs .slick-arrow.slick-next:hover::before {
  background-position: -40px -130px;
}
.images-wrap .thumbs .thumb {
  padding: 8px;
  text-align: center;
  width: 80px;
  height: 64px;
}
.images-wrap .thumbs .thumb.active a span {
  border-color: #e60039;
}
.images-wrap .thumbs .thumb a {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.images-wrap .thumbs .thumb a span {
  display: block;
  border: 1px solid #e8e8e8;
  background: url(../images/empty.gif);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  transition: border-color .25s;
}
.images-wrap .thumbs .thumb a .img {
  position: relative;
}

div.quantity {
  border-radius: 19px;
  padding: 0;
  width: 107px;
  height: 38px;
  position: relative;
  overflow: hidden;
}
div.quantity input {
  margin: 0;
  border: 1px solid #a4a4a4;
  border-radius: 19px;
  padding: 0 20px;
  width: 100%;
  height: 100%;
  font-weight: normal;
  font-size: 14px;
  line-height: initial !important;
  text-align: center;
  color: #585e64;
  background: transparent;
  transition: border .25s,background .25s;
}
div.quantity input:focus {
  border-color: #949494;
}
div.quantity input:disabled {
  border-color: #e8e8e8;
  background: #e8e8e8;
}
div.quantity input:disabled ~ span {
  opacity: .5;
  cursor: default !important;
}
div.quantity span {
  display: block;
  width: 24px;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  transition: opacity .25s;
}
div.quantity span::before {
  content: '';
  display: block;
  margin: -5px 0 0 -5px;
  background-image: url(../images/icons.png);
  position: absolute;
  top: 50%;
  left: 50%;
}
div.quantity span.minus {
  left: 0;
}
div.quantity span.plus {
  right: 0;
}
div.quantity span.disabled {
  opacity: .5;
  cursor: default !important;
}

.page-wrapper {
  background: #fff;
  position: relative;
  z-index: 3;
  transition: transform .25s;
}
.page-wrapper::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .25s,opacity .25s 0s;
  pointer-events: none;
}

.mobile-menu-handle {
  display: none;
  width: 56px;
  background: #0f315a;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 11;
  cursor: pointer;
  transition: background .25s;
}
.mobile-menu-handle span.bars {
  display: block;
  margin-top: -1.5px;
  width: 24px;
  height: 3px;
  font-size: 0;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 16px;
  right: 16px;
  transition: all .25s;
}
.mobile-menu-handle span.bars::before, .mobile-menu-handle span.bars::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  transition-property: top,transform;
  transition-delay: .25s,0s;
  transition-duration: .25s,.25s;
}
.mobile-menu-handle span.bars::before {
  top: -10px;
}
.mobile-menu-handle span.bars::after {
  top: 10px;
}

.mobile-menu {
  padding: 0;
  width: 400px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  visibility: hidden;
  overflow-y: auto;
}
@media all and (max-width: 479px) {
  .mobile-menu {
    width: 300px;
  }
}
.mobile-menu ul {
  padding: 10px;
  font-size: 17px;
  line-height: 1.2;
}
.mobile-menu ul + ul {
  border-top: 1px solid #c6c6c6;
}
.mobile-menu ul a,
.mobile-menu ul span {
  display: block;
  padding: 5px 10px 6px;
}
.mobile-menu ul li.active > a,
.mobile-menu ul li.active > span {
  color: #e60039;
}
.mobile-menu ul li + li {
  border-top: 1px solid #e8e8e8;
}
.mobile-menu ul ul {
  border-top: 1px solid #e8e8e8;
  padding-left: 20px;
  font-size: 15px;
}
.mobile-menu ul.user {
  float: none;
  display: none;
  justify-content: space-between;
  padding: 10px;
}
@media all and (max-width: 479px) {
  .mobile-menu ul.user {
    display: flex;
  }
}
.mobile-menu ul.user + ul {
  border-top-width: 0;
}
@media all and (max-width: 479px) {
  .mobile-menu ul.user + ul {
    border-top-width: 1px;
  }
}
.mobile-menu ul.user li {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
}
.mobile-menu ul.user li:last-child {
  display: none !important;
}
.mobile-menu ul.user li.sep {
  margin: 0;
}
.mobile-menu ul.user li.sep::before {
  display: none;
}
.mobile-menu ul.user a {
  padding: 0 !important;
}
.mobile-menu ul.user .dropdown-arrow,
.mobile-menu ul.user .dropdown {
  display: none;
}
.mobile-menu .city {
  border-top: 1px solid #c6c6c6;
  padding: 10px;
  font-size: 15px;
  line-height: 1.2;
}
.mobile-menu .city p {
  margin: 0 0 10px;
}

@media all and (max-width: 995px) {
  .mobile-menu-handle {
    display: block;
  }

  .mobile-menu {
    visibility: visible;
  }

  body.show-menu .page-wrapper {
    transform: translate3d(400px, 0, 0);
  }
}
@media all and (max-width: 995px) and (max-width: 479px) {
  body.show-menu .page-wrapper {
    transform: translate3d(300px, 0, 0);
  }
}
@media all and (max-width: 995px) {
  body.show-menu .page-wrapper::after {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
  body.show-menu .mobile-menu-handle {
    background: #e60039 !important;
  }
  body.show-menu .mobile-menu-handle span.bars {
    background: transparent !important;
  }
  body.show-menu .mobile-menu-handle span.bars::before, body.show-menu .mobile-menu-handle span.bars::after {
    background: #fff !important;
  }
  body.show-menu .mobile-menu-handle span.bars::before, body.show-menu .mobile-menu-handle span.bars::after {
    transition-delay: 0s,.25s;
  }
  body.show-menu .mobile-menu-handle span.bars::before {
    top: 0 !important;
    transform: rotate(45deg);
  }
  body.show-menu .mobile-menu-handle span.bars::after {
    top: 0 !important;
    transform: rotate(-45deg);
  }
}
div.modal {
  width: 100%;
  min-height: 100%;
  height: 100%;
  font-size: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  transition: visibility 0s,opacity .5s;
  transition-delay: .5s,0s;
  -webkit-overflow-scrolling: touch;
}
div.modal.opened {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
div.modal.modal-image .modal-content {
  padding: 0 !important;
  max-width: 600px;
  position: relative;
}
div.modal.modal-image .modal-content .bg {
  position: relative;
  z-index: 1;
}
div.modal.modal-image .modal-content .content {
  padding: 42px 84px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
@media all and (max-width: 995px) {
  div.modal.modal-image .modal-content .content {
    padding: 21px;
  }
}
div.modal.modal-small .modal-content, div.modal.modal-similar .modal-content {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 25px 45px;
}
@media all and (max-width: 995px) {
  div.modal.modal-small .modal-content, div.modal.modal-similar .modal-content {
    padding: 25px 10px 10px;
  }
}
div.modal.modal-small .modal-title, div.modal.modal-similar .modal-title {
  margin: 0 0 25px;
  padding: 0;
  background: transparent !important;
}
div.modal.modal-small .modal-title .title, div.modal.modal-similar .modal-title .title {
  font-weight: 500;
  font-size: 24px;
  color: #000;
  text-align: left;
}
div.modal.modal-small .modal-content {
  max-width: 652px;
}
@media all and (max-width: 767px) {
  div.modal.modal-small .modal-content {
    max-width: 300px;
  }
}
div.modal.modal-big .modal-content {
  max-width: 1100px;
}
div.modal::before,
div.modal .modal-container {
  display: inline-block;
  vertical-align: middle;
}
div.modal::before {
  content: '';
  height: 100%;
}
div.modal .modal-container {
  padding: 50px;
  width: 100%;
}
@media all and (max-width: 995px) {
  div.modal .modal-container {
    padding: 10px;
  }
}
div.modal .modal-content {
  margin: 0 auto;
  padding: 42px 84px;
  max-width: 1040px;
  min-width: 300px;
  font-size: 15px;
  background: #fff;
  position: relative;
}
@media all and (max-width: 995px) {
  div.modal .modal-content {
    padding: 21px;
  }
}
div.modal .modal-content > a.modal-close:first-child {
  display: block;
  width: 36px;
  height: 36px;
  text-decoration: none;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  color: #8d9299;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
div.modal .modal-content > a.modal-close:first-child:hover {
  color: #e30037;
}
div.modal .modal-title {
  margin: -42px -84px 42px;
  padding: 28px 84px;
  font-weight: 400;
  font-size: 17px;
  text-align: center;
  color: #000;
  background: #ebf3ff;
}
@media all and (max-width: 995px) {
  div.modal .modal-title {
    margin: -21px -21px 21px;
    padding: 20px 21px;
  }
}
@media all and (max-width: 767px) {
  div.modal .modal-title {
    font-size: 15px;
  }
}
div.modal .modal-title.modal-title-product {
  text-align: left;
}
div.modal .modal-title .title {
  font-weight: 400;
  font-size: 44px;
  color: #e30037;
}
@media all and (max-width: 995px) {
  div.modal .modal-title .title {
    font-size: 34px;
  }
}
@media all and (max-width: 767px) {
  div.modal .modal-title .title {
    font-size: 28px;
  }
}
div.modal .modal-title .title + * {
  margin-top: 14px;
}
div.modal .modal-title .title span {
  font-weight: inherit !important;
  font-size: 100% !important;
}
div.modal .modal-title p.big {
  font-size: 20px;
}
@media all and (max-width: 767px) {
  div.modal .modal-title p.big {
    font-size: 17px;
  }
}
div.modal .form {
  text-align: center;
}
div.modal .form input,
div.modal .form textarea,
div.modal .form select,
div.modal .form .jq-file .jq-file__name {
  text-align: center;
}
div.modal .form .jq-selectbox {
  width: 100%;
}
div.modal .form .grid [class^="col-"],
div.modal .form .grid [class*=" col-"] {
  margin-bottom: 25px;
}
div.modal .form .grid [class^="col-"].with-label::before,
div.modal .form .grid [class*=" col-"].with-label::before {
  margin-top: 53.5px;
  line-height: 54px;
}
@media all and (max-width: 767px) {
  div.modal .form .grid [class^="col-"].with-label::before,
  div.modal .form .grid [class*=" col-"].with-label::before {
    line-height: 20px;
  }
}
div.modal .form .grid + .submit {
  margin-top: 16px;
}
div.modal .form dl dt {
  margin-bottom: 12px;
  font-size: 17px;
  color: #000;
  text-align: left;
}
div.modal .form dl dt.center {
  text-align: center;
}
div.modal .form .submit + a {
  display: inline-block;
  margin-top: 17px;
  font-size: 17px;
}
div.modal table.cart {
  width: 100%;
}
@media all and (max-width: 767px) {
  div.modal table.cart {
    display: block;
  }
  div.modal table.cart thead {
    display: none;
  }
  div.modal table.cart tbody,
  div.modal table.cart tfoot,
  div.modal table.cart th,
  div.modal table.cart td {
    display: block;
  }
  div.modal table.cart tr {
    display: block;
    border: 1px solid #d1d1d1;
    width: 100%;
  }
  div.modal table.cart tr + tr {
    margin-top: 2px;
  }
  div.modal table.cart tfoot tr {
    border: 0;
  }
  div.modal table.cart tfoot td {
    border: 0;
  }
  div.modal table.cart tfoot .right {
    float: none;
  }
}
div.modal table.cart th {
  border-bottom: 1px solid #e8e8e8;
  padding: 0 0 8px;
  font-weight: 300;
  font-size: 14px;
  text-align: left;
  color: #808080;
}
div.modal table.cart th.summ {
  text-align: right;
}
div.modal table.cart th + th {
  padding-left: 20px;
}
div.modal table.cart tbody td {
  vertical-align: middle;
  border-bottom: 1px solid #e8e8e8;
  padding: 8px 0;
}
@media all and (max-width: 767px) {
  div.modal table.cart tbody td {
    padding: 5px;
    padding-left: 130px !important;
    width: 100% !important;
  }
  div.modal table.cart tbody td::before {
    content: attr(data-label);
    display: block;
    float: left;
    margin-left: -130px;
    padding: 0 5px;
    width: 130px;
    font-weight: normal !important;
  }
  div.modal table.cart tbody td:after {
    content: '';
    display: table;
    clear: both;
  }
  div.modal table.cart tbody td:last-child {
    border-bottom: 0;
  }
}
div.modal table.cart tbody td + td {
  padding-left: 20px;
}
div.modal table.cart td.image {
  width: 96px;
}
@media all and (max-width: 767px) {
  div.modal table.cart td.image {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
div.modal table.cart .title {
  max-height: 36px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
}
div.modal table.cart .sku {
  margin-top: 10px;
  font-size: 12px;
  color: #878787;
}
@media all and (max-width: 767px) {
  div.modal table.cart .sku {
    margin-top: 5px;
  }
}
div.modal table.cart .sku dd {
  max-width: 68px;
}
div.modal table.cart td.quantity {
  white-space: nowrap;
}
div.modal table.cart td.summ {
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  white-space: nowrap;
  color: #000;
}
@media all and (max-width: 767px) {
  div.modal table.cart td.summ {
    text-align: left;
  }
}
div.modal table.cart td.summ .old {
  font-weight: normal;
  font-size: 12px;
  text-decoration: line-through;
  color: #646464;
}
div.modal table.cart table.summary {
  margin: 12px 0;
  width: 220px;
}
@media all and (max-width: 767px) {
  div.modal table.cart table.summary {
    width: 100%;
  }
}
div.modal table.cart table.summary th,
div.modal table.cart table.summary td {
  border: 0 !important;
  padding: 0 !important;
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
@media all and (max-width: 767px) {
  div.modal table.cart table.summary th {
    float: left;
    width: 130px;
  }
}
div.modal table.cart table.summary td {
  width: 1px;
  white-space: nowrap;
}
@media all and (max-width: 767px) {
  div.modal table.cart table.summary td {
    margin-left: 130px;
    width: auto !important;
  }
  div.modal table.cart table.summary td::before {
    display: none !important;
  }
}
div.modal section.products {
  padding: 0;
}
div.modal section.products.slider {
  padding-top: 50px;
}
div.modal section.products.slider > .title {
  font-weight: 600;
  font-size: 24px;
}
@media all and (min-width: 996px) and (max-width: 1919px) {
  div.modal section.products .slick-slider {
    padding-left: 0;
    padding-right: 0;
  }
}
div.modal section.products .slick-arrow.slick-prev {
  left: 0;
}
@media all and (min-width: 996px) {
  div.modal section.products .slick-arrow.slick-prev {
    left: -30px;
  }
}
div.modal section.products .slick-arrow.slick-next {
  right: 0;
}
@media all and (min-width: 996px) {
  div.modal section.products .slick-arrow.slick-next {
    right: -30px;
  }
}
div.modal section.products .items .item {
  width: 33.33%;
}
@media all and (min-width: 768px) {
  div.modal section.products .items .item .more {
    left: 100%;
  }
  div.modal section.products .items .item:nth-child(3n) .more {
    border-left-color: #969696 !important;
    border-right-color: #d5d5d5 !important;
    left: auto !important;
    right: 100% !important;
  }
}
@media all and (max-width: 1199px) {
  div.modal section.products .items .item {
    width: 50%;
  }
}
@media all and (min-width: 551px) and (max-width: 1199px) {
  div.modal section.products .items .item .more {
    max-width: 260px;
  }
  div.modal section.products .items .item:nth-child(2n+1) .more {
    left: 100%;
  }
  div.modal section.products .items .item:nth-child(2n) .more {
    right: 100%;
  }
}
@media all and (max-width: 599px) {
  div.modal section.products .items .item {
    width: 100%;
  }
  div.modal section.products .items .item .more {
    display: none;
  }
}
div.modal article.product .product-info {
  height: auto;
}
div.modal article.product .to-cart {
  float: left;
  margin-right: 20px;
}
div.modal article.product .to-product {
  margin-top: 32px;
}
div.modal article.product .more dl {
  font-weight: normal;
  font-size: 15px;
  color: #6d6d6d;
}
div.modal article.product .more dl + dl {
  margin-top: 7px;
}
div.modal article.product .more dl dt,
div.modal article.product .more dl dd {
  display: inline;
}
div.modal article.product .more dl dd {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
div.modal article.product .kit {
  border: 0 !important;
}
div.modal article.product .rating-wrap,
div.modal article.product .reviews-count {
  margin: 0 0 20px;
}

.btns-cart .btn {
  margin-right: 20px;
}
@media all and (max-width: 767px) {
  .btns-cart .btn {
    float: none !important;
    display: block;
    width: 100% !important;
    margin: 0 !important;
  }
  .btns-cart .btn + .btn {
    margin-top: 5px !important;
  }
}
.btns-cart .btn:first-child {
  float: right;
  margin: 0;
  width: 220px;
  min-width: 220px;
}

.btns-inline {
  margin: 20px 10px 0;
  font-size: 0;
}
@media all and (max-width: 767px) {
  .btns-inline {
    margin: 20px 0 0;
  }
}
.btns-inline .btn {
  float: right;
  margin: 5px -10px 0 0;
  min-width: 0;
  width: 50%;
}
@media all and (max-width: 767px) {
  .btns-inline .btn {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.btns-inline .btn:first-child {
  float: left;
  margin-left: -10px;
  margin-right: 0;
}

html {
  width: 100%;
  overflow-x: hidden;
}

html,
body {
  margin-right: 0;
  font: 400 15px/1.5 "Open Sans", sans-serif;
  color: #474747;
  background: #fff;
}

body.fancybox-active {
  margin-right: 0 !important;
}

body.catalog .breadcrumbs,
body.catalog article.catalog {
  background: #f7f7f7;
}

body.gray .content-wrapper {
  background: #f7f7f7;
}

body.header-alt header.page {
  border-bottom: 0;
}

.container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1260px;
  min-width: 320px;
  width: 100%;
}

.fixedpanel a,
.page-wrapper a,
footer.page a,
.window a,
.mobile-menu a {
  text-decoration: none;
  color: #0f315a;
  transition: border .25s,color .25s,background .25s;
}
.fixedpanel a:hover,
.page-wrapper a:hover,
footer.page a:hover,
.window a:hover,
.mobile-menu a:hover {
  color: #e60039;
}
.fixedpanel a:hover span.js,
.page-wrapper a:hover span.js,
footer.page a:hover span.js,
.window a:hover span.js,
.mobile-menu a:hover span.js {
  border-color: transparent;
  color: #e60039;
}
.fixedpanel a.underline,
.page-wrapper a.underline,
footer.page a.underline,
.window a.underline,
.mobile-menu a.underline {
  text-decoration: underline;
}
.fixedpanel a.underline:hover,
.page-wrapper a.underline:hover,
footer.page a.underline:hover,
.window a.underline:hover,
.mobile-menu a.underline:hover {
  text-decoration: none;
}
.fixedpanel a span.js,
.page-wrapper a span.js,
footer.page a span.js,
.window a span.js,
.mobile-menu a span.js {
  display: inline-block;
  border-bottom: 1px dotted #0f315a;
  line-height: 1;
  color: #0f315a;
  transition: border-color .25s,color .25s;
}
.fixedpanel span.red,
.page-wrapper span.red,
footer.page span.red,
.window span.red,
.mobile-menu span.red {
  color: #df1717;
}
.fixedpanel span.green,
.page-wrapper span.green,
footer.page span.green,
.window span.green,
.mobile-menu span.green {
  color: #2e7512;
}
.fixedpanel span.yellow,
.page-wrapper span.yellow,
footer.page span.yellow,
.window span.yellow,
.mobile-menu span.yellow {
  color: #d78630;
}
.fixedpanel span.blue,
.page-wrapper span.blue,
footer.page span.blue,
.window span.blue,
.mobile-menu span.blue {
  color: #62678f;
}

.links-alt a {
  color: #235fa7;
}
.links-alt a:hover {
  color: #e60039;
}

.content-wrapper {
  clear: both;
}

.pagetitle,
.title,
.subtitle {
  margin: 0;
  border: 0;
  padding: 0;
  font-weight: normal;
  font-size: 44px;
  line-height: 1.2;
  color: #1d262e;
}
@media all and (max-width: 995px) {
  .pagetitle,
  .title,
  .subtitle {
    font-size: 34px;
  }
}
@media all and (max-width: 767px) {
  .pagetitle,
  .title,
  .subtitle {
    font-size: 28px;
  }
}
.pagetitle *:not(a):not(span):not(i):not([class*=" icon-"]):not([class^="icon-"]),
.title *:not(a):not(span):not(i):not([class*=" icon-"]):not([class^="icon-"]),
.subtitle *:not(a):not(span):not(i):not([class*=" icon-"]):not([class^="icon-"]) {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}
.pagetitle span,
.title span,
.subtitle span {
  display: block;
  font-weight: 300;
  font-size: 35px;
}
@media all and (max-width: 995px) {
  .pagetitle span,
  .title span,
  .subtitle span {
    font-size: 28px;
  }
}
@media all and (max-width: 767px) {
  .pagetitle span,
  .title span,
  .subtitle span {
    font-size: 21px;
  }
}

.pagetitle {
  margin: 0 0 34px;
}

.subtitle {
  font-size: 23px;
  line-height: 1.95;
  color: #222;
}
@media all and (max-width: 767px) {
  .subtitle {
    font-size: 21px;
    line-height: 1.6;
  }
}
@media all and (max-width: 479px) {
  .subtitle {
    font-size: 19px;
    line-height: 1.3;
  }
}

.items {
  margin-left: -30px;
  font-size: 0;
}
.items .item {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  width: 100%;
  font-size: 15px;
}
.items .item .image.noimage {
  background: #f7f7f7 url(../images/noimage.png) no-repeat 50% 50%/90%;
}

.items-more {
  margin: 40px 0;
  text-align: center;
}
.items-more:last-child {
  margin-bottom: 20px;
}
.items-more a {
  display: inline-block;
  border: 1px solid #d21c49;
  border-radius: 27px;
  padding: 12px 20px 15px;
  min-width: 276px;
  font-weight: normal;
  font-size: 17px;
  line-height: 26px;
}
.items-more a i {
  margin-left: 20px;
  top: 2px;
}

ul.tabs {
  font-size: 0;
}
ul.tabs li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 26px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
ul.tabs li.row-item-first::before {
  display: none !important;
}
ul.tabs li::before {
  content: '';
  display: block;
  margin-top: -8px;
  border-left: 1px solid #dadada;
  height: 16px;
  width: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}
ul.tabs li a {
  display: block;
  margin: 0 -2px;
  border: 1px solid transparent;
  border-radius: 25px;
  padding: 10px 35px 12px;
  background: #fff;
  color: #000;
  position: relative;
  transition: color .25s;
}
@media all and (max-width: 995px) {
  ul.tabs li a {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media all and (max-width: 767px) {
  ul.tabs li a {
    padding-right: 15px;
    padding-right: 15px;
  }
}
ul.tabs li a:hover {
  color: #e60039;
}
ul.tabs li.active {
  z-index: 2;
}
ul.tabs li.active a {
  border-color: #d6335c;
  border-radius: 25px;
  color: #000;
  background: #fff;
  z-index: 2;
}
ul.tabs li.active a::before, ul.tabs li.active a::after {
  content: '';
  display: block;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 3;
}
ul.tabs li.active a::before {
  margin-left: -7px;
  border-width: 5px 7px 0;
  border-color: #d6335c transparent;
}
ul.tabs li.active a::after {
  margin-left: -5px;
  border-width: 4px 5px 0;
  border-color: #fff transparent;
}

.items-filter-wrap {
  margin: 0 0 20px;
  border-top: 1px solid #d9d9d9;
  position: relative;
}
.items-filter-wrap::after {
  content: '';
  display: block;
  height: 1px;
  border-top: 1px solid #d9d9d9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
  pointer-events: none;
}
.items-filter-wrap .items-filter {
  font-size: 0;
  text-align: center;
}
.items-filter-wrap .items-filter.slick-slider {
  margin: 0 25px;
}
.items-filter-wrap .items-filter .slick-list::before, .items-filter-wrap .items-filter .slick-list::after {
  content: '';
  display: block;
  width: 25px;
  position: absolute;
  top: 0;
  bottom: 8px;
  z-index: 2;
}
.items-filter-wrap .items-filter .slick-list::before {
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  left: 0;
}
.items-filter-wrap .items-filter .slick-list::after {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  right: 0;
}
.items-filter-wrap .items-filter .slick-arrow {
  margin-top: -17.5px;
  width: 14px;
  height: 27px;
  background-color: transparent;
}
.items-filter-wrap .items-filter .slick-arrow::before {
  margin: -13.5px 0 0 -7px;
  width: 14px;
  height: 27px;
}
.items-filter-wrap .items-filter .slick-arrow.slick-prev {
  left: -25px;
}
.items-filter-wrap .items-filter .slick-arrow.slick-prev::before {
  background-position: 0 -130px;
}
.items-filter-wrap .items-filter .slick-arrow.slick-prev:not(.slick-disabled):hover::before {
  background-position: -20px -130px;
}
.items-filter-wrap .items-filter .slick-arrow.slick-next {
  right: -25px;
}
.items-filter-wrap .items-filter .slick-arrow.slick-next::before {
  background-position: -60px -130px;
}
.items-filter-wrap .items-filter .slick-arrow.slick-next:not(.slick-disabled):hover::before {
  background-position: -40px -130px;
}
.items-filter-wrap .items-filter .item-filter {
  display: inline-block;
  font-size: 14px;
  position: relative;
}
.items-filter-wrap .items-filter .item-filter + .item-filter::before {
  content: '';
  display: block;
  margin-top: -6px;
  border-left: 1px solid #dadada;
  height: 12px;
  width: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}
.items-filter-wrap .items-filter .item-filter a {
  display: block;
  margin-bottom: 7px;
  padding: 21px 35px 22px;
  position: relative;
}
.items-filter-wrap .items-filter .item-filter.active a {
  border-bottom: 1px solid #d6335c;
}
.items-filter-wrap .items-filter .item-filter.active a::before, .items-filter-wrap .items-filter .item-filter.active a::after {
  content: '';
  display: block;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 3;
}
.items-filter-wrap .items-filter .item-filter.active a::before {
  margin-left: -7px;
  border-width: 5px 7px 0;
  border-color: #d6335c transparent;
}
.items-filter-wrap .items-filter .item-filter.active a::after {
  margin-left: -5px;
  border-width: 4px 5px 0;
  border-color: #fff transparent;
}

.subscribe-box {
  padding: 50px 0 63px;
  font-weight: normal;
  font-size: 17px;
  text-align: center;
  color: #b5b8ba;
  background: #1d262e;
  position: relative;
  overflow: hidden;
}
.subscribe-box::before, .subscribe-box::after {
  content: '';
  display: block;
  width: 490px;
  height: 361px;
  background: url(../images/img-1.png) 50% 50% no-repeat;
  position: absolute;
}
.subscribe-box::before {
  top: -57%;
  left: -42px;
  transform: scaleX(-1);
}
@media all and (max-width: 767px) {
  .subscribe-box::before {
    display: none;
  }
}
.subscribe-box::after {
  top: 46%;
  right: -27px;
}
.subscribe-box > * {
  position: relative;
  z-index: 2;
}
.subscribe-box .title {
  margin: 0 0 2px;
  font-size: 26px;
  color: #fff;
}
.subscribe-box .form {
  margin: 32px auto 0;
  max-width: 889px;
  position: relative;
}
.subscribe-box .form input {
  border-radius: 27px;
  padding-left: 5px;
  padding-right: 5px;
  border-color: #fff;
  text-align: center;
}
@media all and (max-width: 767px) {
  .subscribe-box .form input {
    padding-left: 20px;
    padding-right: 96px;
    text-align: left;
  }
}
.subscribe-box .form .submit {
  margin: 0;
  width: 96px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.subscribe-box .form .submit button {
  margin: 0;
  border: 1px solid #f4f3f3;
  border-left: 0;
  border-radius: 0 27px 27px 0;
  padding: 0;
  font-size: 0;
  width: 100%;
  height: 100%;
  background: #f4f3f3;
  cursor: pointer;
  transition: border .25s;
}
.subscribe-box .form .submit button i {
  margin: 0;
  top: 0;
}
.subscribe-box .form .input-wrap.error input,
.subscribe-box .form .input-wrap.error + .submit button {
  border-color: #f33;
}

.share-box {
  height: 437px;
  text-align: center;
  background: url("../images/share-box.jpg") no-repeat 50% 50%/cover fixed;
}
@media all and (max-width: 767px) {
  .share-box {
    background-attachment: initial;
  }
}
.share-box .title {
  color: #c2dcff;
}
.share-box .title span {
  color: #fff;
}

.select-box {
  margin-top: -1px;
  border-top: 1px solid #e5e5e5;
  padding: 60px 0;
  background: #f7f7f7;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  .select-box {
    padding: 30px 0;
  }
}
.select-box .title {
  margin-bottom: 1.2em;
  text-align: center;
  position: relative;
  z-index: 3;
}
.select-box .title span {
  margin-top: 9px;
  font-size: 28px;
}
@media all and (max-width: 767px) {
  .select-box .title span {
    font-size: 24px;
  }
}
@media all and (max-width: 479px) {
  .select-box .title span {
    font-size: 20px;
  }
}
.select-box .items {
  margin-left: 0;
}
.select-box .item {
  padding: 0 0 0 115px;
  width: 50%;
}
@media all and (max-width: 1399px) {
  .select-box .item {
    padding: 0 0 0 60px;
  }
}
@media all and (max-width: 995px) {
  .select-box .item {
    padding: 0 0 0 30px;
  }
}
@media all and (max-width: 767px) {
  .select-box .item {
    padding: 0 0 0 15px;
  }
}
.select-box .item:first-child {
  padding: 0 115px 0 0;
  text-align: right;
  background: #fff;
}
@media all and (max-width: 1399px) {
  .select-box .item:first-child {
    padding: 0 60px 0 0;
  }
}
@media all and (max-width: 995px) {
  .select-box .item:first-child {
    padding: 0 30px 0 0;
  }
}
@media all and (max-width: 767px) {
  .select-box .item:first-child {
    padding: 0 15px 0 0;
  }
}
.select-box .item:first-child::before {
  right: auto;
  left: 0;
}
.select-box .item:first-child .title {
  text-align: right;
}
.select-box .item:first-child .title::after {
  content: '';
  display: block;
  border-top: 1px solid #969696;
  width: 22px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -127px;
}
@media all and (max-width: 1399px) {
  .select-box .item:first-child .title::after {
    right: -71px;
  }
}
@media all and (max-width: 995px) {
  .select-box .item:first-child .title::after {
    right: -41px;
  }
}
@media all and (max-width: 767px) {
  .select-box .item:first-child .title::after {
    right: -26px;
  }
}
.select-box .item:first-child .more .icon-wrap.bdr i {
  transform: rotate(90deg);
}
.select-box .item::before {
  content: '';
  display: block;
  width: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.select-box .item.shop::before {
  background-image: url(../images/select-box-shop.jpg);
}
@media all and (max-width: 767px) {
  .select-box .item.shop::before {
    background-position: 100% 50%;
  }
}
.select-box .item.b2b::before {
  background-image: url(../images/select-box-b2b.jpg);
}
@media all and (max-width: 767px) {
  .select-box .item.b2b::before {
    background-position: 0% 50%;
  }
}
.select-box .item .item-wrap {
  position: relative;
  z-index: 2;
}
.select-box .item .title {
  display: inline-block;
  margin: 0 0 .8em;
  font-weight: 300;
  font-size: 55px;
  text-align: left;
  color: #0f315a;
  position: relative;
}
@media all and (max-width: 767px) {
  .select-box .item .title {
    margin: 0 0 .5em;
    font-size: 45px;
  }
}
@media all and (max-width: 479px) {
  .select-box .item .title {
    font-size: 30px;
  }
}
.select-box .item .title i {
  position: absolute;
}
@media all and (max-width: 479px) {
  .select-box .item .title i {
    display: none !important;
  }
}
.select-box .item .title i.select-b2c {
  left: -61px;
  top: 50%;
}
.select-box .item .title i.select-b2b {
  right: -90px;
  top: 50%;
}
.select-box .item .subtitle {
  margin: 0 0 5px;
  font-size: 21px;
  color: #1d262e;
}
@media all and (max-width: 767px) {
  .select-box .item .subtitle {
    font-size: 19px;
  }
}
@media all and (max-width: 479px) {
  .select-box .item .subtitle {
    font-size: 17px;
    height: 110px;
  }
}
.select-box .item p {
  font-size: 16px;
  line-height: 1.65;
}
@media all and (max-width: 767px) {
  .select-box .item p {
    font-size: 15px;
    line-height: 1.3;
  }
}
@media all and (max-width: 479px) {
  .select-box .item p {
    font-size: 14px;
    height: 75px;
  }
}
.select-box .item .more {
  display: inline-block;
  margin-top: 80px;
}
@media all and (max-width: 767px) {
  .select-box .item .more {
    margin-top: 40px;
  }
}
@media all and (max-width: 479px) {
  .select-box .item .more {
    margin-top: 20px;
  }
}
.select-box .item .more:hover .icon-wrap.bdr {
  border-color: #e60039 !important;
}
.select-box .item .more .icon-wrap.bdr {
  border-color: rgba(0, 0, 0, 0.22) !important;
  width: 50px;
  height: 50px;
  transition: border .25s;
}
.select-box .item .more .icon-wrap.bdr i {
  transform: rotate(-90deg);
}

ul.user {
  float: right;
  padding-top: 22px;
  font-size: 0;
}
@media all and (max-width: 995px) {
  ul.user {
    padding-top: 5px;
  }
}
@media all and (max-width: 767px) {
  ul.user {
    margin: 5px 0;
    padding: 0;
  }
  ul.user .icon-wrap.circle {
    width: 46px !important;
    height: 46px !important;
  }
}
ul.user span.count {
  display: block;
  border-radius: 50%;
  padding: 0 3px;
  min-width: 22px;
  height: 22px;
  font-weight: bold;
  font-size: 11.25px;
  line-height: 21px;
  text-align: center;
  color: #fff !important;
  background: #e60039;
  position: absolute;
  top: -2px;
  right: -2px;
}
ul.user li {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  position: relative;
}
@media all and (max-width: 479px) {
  ul.user li:not(:last-child) {
    display: none;
  }
}
ul.user li.sep {
  position: relative;
  margin-left: 33px;
}
@media all and (max-width: 767px) {
  ul.user li.sep {
    margin-left: 10px;
  }
}
ul.user li.sep::before {
  content: '';
  display: block;
  margin-top: -9px;
  border-left: 1px solid #dadada;
  width: 1px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: -17px;
}
@media all and (max-width: 767px) {
  ul.user li.sep::before {
    display: none;
  }
}
ul.user li + li {
  margin-left: 10px;
}
@media all and (max-width: 767px) {
  ul.user li + li {
    margin-left: 5px;
  }
}
ul.user ul li {
  display: block;
}
ul.user .dropdown {
  left: auto;
  right: -15px;
  transform: none !important;
}
ul.user .manager {
  margin-right: 68px;
  font-size: 14px;
  position: relative;
}
@media all and (max-width: 767px) {
  ul.user .manager {
    margin-right: 0;
    font-size: 0;
  }
}
ul.user .manager > a {
  display: inline-block;
  line-height: 1;
  border-bottom: 1px dotted #0f315a;
}
@media all and (max-width: 767px) {
  ul.user .manager > a {
    border: 0 !important;
    font-size: 0 !important;
  }
}
ul.user .manager > a:hover {
  border-color: transparent;
}
ul.user .manager > a:hover::before {
  content: '';
  display: block;
  height: 25px;
  position: absolute;
  top: 100%;
  left: 0;
  right: -68px;
}
ul.user .manager > a > span {
  display: inline-block;
  border-radius: 50%;
  padding: 0 !important;
  width: 55px;
  height: 55px;
  position: absolute;
  top: -18px;
  right: -68px;
}
@media all and (max-width: 767px) {
  ul.user .manager > a > span {
    width: 46px;
    height: 46px;
    position: relative;
    top: auto;
    right: auto;
  }
}
ul.user .manager > a > span::after {
  content: '';
  display: block;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #e60039;
  position: absolute;
  top: 42px;
  left: 38px;
}
@media all and (max-width: 767px) {
  ul.user .manager > a > span::after {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
  }
}
ul.user .manager > a > span.online::after {
  background: #329128;
}
ul.user .manager > a > span img {
  display: block;
  border-radius: inherit;
  width: inherit;
  height: inherit;
}
ul.user .manager .dropdown {
  padding: 23px 44px 28px;
  font-size: 17px;
}
ul.user .manager .dropdown.moved {
  right: auto;
}
ul.user .manager .dropdown .head {
  margin: 0 -20px 15px;
  border-bottom: 1px solid #e1e1e1;
  padding: 0 20px 15px;
}
ul.user .manager .dropdown .status {
  float: right;
  border: 1px solid #dbdbdb;
  border-radius: 13px;
  width: 87px;
  height: 27px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #e60039;
}
ul.user .manager .dropdown .status.online {
  color: #329128;
}
ul.user .manager .dropdown .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: #000;
}
ul.user .manager .dropdown dl + dl {
  margin-top: .7em;
}
ul.user .manager .dropdown dl dt, ul.user .manager .dropdown dl dd {
  display: inline;
}
ul.user .manager .dropdown dl dt {
  color: #808080;
  padding-right: 4px;
}
ul.user .manager .dropdown dl a {
  display: inline-block;
  border-bottom: 1px solid #9fadbd;
  line-height: 1.2;
}
ul.user .manager .dropdown dl a:hover {
  border-color: transparent;
}
ul.user .manager .dropdown .actions {
  margin-top: 26px;
}

.breadcrumbs {
  padding: 16px 0;
  font-size: 0;
  color: #404040;
}
.breadcrumbs li {
  display: inline-block;
  font-size: 14px;
}
.breadcrumbs li:not(:last-child)::after {
  content: '';
  display: inline-block;
  margin: 0 9px;
  border-width: 4px 0 4px 4px;
  border-style: solid;
  border-color: transparent #808080;
  width: 0;
  height: 0;
}
.breadcrumbs li.dropdown-wrap:not(:last-child) {
  margin-right: 22px;
}
.breadcrumbs li.dropdown-wrap:not(:last-child)::after {
  position: absolute;
  top: 8px;
  right: -22px;
}
.breadcrumbs li.dropdown-wrap > a {
  border-bottom: 1px dotted #404040;
}
.breadcrumbs a {
  display: inline-block;
  line-height: 1;
  color: #404040;
}
.breadcrumbs a:hover {
  border-color: transparent !important;
  color: #e60039;
}
.breadcrumbs .dropdown {
  font-size: 14px;
  white-space: nowrap;
}
.breadcrumbs .dropdown.moved {
  transform: none;
}
.breadcrumbs .dropdown li {
  display: block;
}
.breadcrumbs .dropdown li:after {
  display: none !important;
}
.breadcrumbs .dropdown li + li {
  margin-top: 13px;
}
.breadcrumbs + section.products,
.breadcrumbs + section.products-list,
.breadcrumbs + section.products-table {
  padding-top: 25px;
}

.pagination {
  margin-top: 30px;
  font-weight: normal;
  font-size: 0;
  text-align: center;
  color: #848587;
}
.pagination.alt {
  padding-left: 230px;
  padding-right: 230px;
  text-align: center;
}
@media all and (max-width: 995px) {
  .pagination.alt {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  .pagination.alt {
    text-align: center;
  }
}
.pagination.alt a,
.pagination.alt span,
.pagination.alt em {
  font-size: 17px;
}
@media all and (max-width: 767px) {
  .pagination.alt a,
  .pagination.alt span,
  .pagination.alt em {
    margin: 2px;
    font-size: 14px;
  }
}
.pagination.alt a,
.pagination.alt span {
  border-color: #a4a4a4;
}
.pagination.alt .btn {
  float: left;
  margin-left: -230px;
  border-color: #f27f9c;
  min-width: 220px;
  color: #000 !important;
  background: #fff !important;
}
@media all and (max-width: 995px) {
  .pagination.alt .btn {
    float: none;
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .pagination.alt .btn {
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    padding: 5px;
    height: auto;
  }
}
@media all and (max-width: 479px) {
  .pagination.alt .btn {
    width: 100%;
  }
}
.pagination.alt .btn i {
  margin-left: 15px;
}
.pagination.alt .btn:hover {
  border-color: #e60039;
  color: #e60039 !important;
}
.pagination a,
.pagination span,
.pagination em {
  display: inline-block;
  vertical-align: baseline;
  margin: 4px;
  font-size: 25px;
}
@media all and (max-width: 767px) {
  .pagination a,
  .pagination span,
  .pagination em {
    margin: 2px;
    font-size: 14px;
  }
}
.pagination a,
.pagination span {
  border: 1px solid transparent;
  border-radius: 27px;
  padding: 5px;
  min-width: 54px;
  height: 54px;
  text-align: center;
  line-height: 40px;
  color: #848587;
}
@media all and (max-width: 767px) {
  .pagination a,
  .pagination span {
    border-radius: 15px;
    padding: 2px;
    min-width: 30px;
    height: 30px;
    line-height: 24px;
  }
}
.pagination a.active,
.pagination span.active {
  border-color: #e60039;
  color: #090b10;
}
.pagination a:hover {
  color: #e60039;
}

.products-pagination {
  margin-top: 30px;
  font-weight: normal;
  font-size: 0;
}
@media all and (max-width: 995px) {
  .products-pagination {
    text-align: center;
  }
}
.products-pagination a,
.products-pagination span,
.products-pagination em {
  display: inline-block;
  vertical-align: baseline;
  margin: 4px;
  font-size: 17px;
}
@media all and (max-width: 767px) {
  .products-pagination a,
  .products-pagination span,
  .products-pagination em {
    margin: 2px;
    font-size: 14px;
  }
}
.products-pagination a,
.products-pagination span {
  border: 1px solid #a4a4a4;
  border-radius: 27px;
  padding: 5px;
  min-width: 54px;
  height: 54px;
  text-align: center;
  line-height: 40px;
}
@media all and (max-width: 1199px) {
  .products-pagination a,
  .products-pagination span {
    border-radius: 20px;
    min-width: 40px;
    height: 40px;
    line-height: 26px;
  }
}
@media all and (max-width: 767px) {
  .products-pagination a,
  .products-pagination span {
    border-radius: 15px;
    padding: 2px;
    min-width: 30px;
    height: 30px;
    line-height: 23px;
  }
}
.products-pagination a.active,
.products-pagination span.active {
  border-color: #e60039;
  color: #e60039;
}
.products-pagination .btn {
  border-color: #f27f9c;
  min-width: 220px;
  color: #000 !important;
  background: #fff !important;
}
@media all and (max-width: 995px) {
  .products-pagination .btn {
    display: block;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
  }
}
@media all and (max-width: 767px) {
  .products-pagination .btn {
    margin-bottom: 10px;
    padding: 5px;
    height: auto;
  }
}
@media all and (max-width: 479px) {
  .products-pagination .btn {
    width: 100%;
  }
}
.products-pagination .btn i {
  margin-left: 15px;
}
.products-pagination .btn:hover {
  border-color: #e60039;
  color: #e60039 !important;
}

div.availability {
  white-space: nowrap;
}
div.availability.inline.green span {
  display: inline-block;
  vertical-align: middle;
  top: -1px;
}
div.availability span,
div.availability em {
  display: inline-block;
  vertical-align: middle;
  margin: 0 14px;
  width: 37px;
  height: 9px;
  font-size: 0;
  position: relative;
}
div.availability span::before,
div.availability span::after,
div.availability em,
div.availability em::before,
div.availability em::after {
  content: '';
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  background: rgba(29, 38, 46, 0.1);
}
div.availability em {
  width: 9px;
}
div.availability span::before,
div.availability em::before,
div.availability span::after,
div.availability em::after {
  position: absolute;
  top: 0;
}
div.availability span::before,
div.availability em::before {
  left: -14px;
}
div.availability span::after,
div.availability em::after {
  right: -14px;
}
div.availability span.span-1::before {
  background: #fe4674;
}
div.availability span.span-2::before, div.availability span.span-2 em::before {
  background: #fe4674;
}
div.availability span.span-3::before, div.availability span.span-3 em::before, div.availability span.span-3 em, div.availability span.span-4::before, div.availability span.span-4 em::before, div.availability span.span-4 em, div.availability span.span-4 em::after, div.availability span.span-5::before, div.availability span.span-5 em::before, div.availability span.span-5 em, div.availability span.span-5 em::after, div.availability span.span-5::after {
  background: #65b559;
}
div.availability.red {
  color: #f00;
}
div.availability.green {
  color: #0d8500;
}
div.availability.green span {
  display: block;
  margin: 0 auto;
  position: relative;
}
div.availability.yellow {
  color: #ef6102;
}
div.availability.blue {
  color: #0f315a;
}

ul.stickers {
  font-weight: normal;
  font-size: 14px !important;
  line-height: 24px;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
ul.stickers li {
  clear: both;
  float: left;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 0 23px;
  height: 28px;
  text-align: center;
}
ul.stickers li + li {
  margin-top: 9px;
}
ul.stickers li.new {
  border-color: #44d612;
  color: #fff;
  background: #44d612;
}
ul.stickers li.recommended {
  border-color: #c2dcff;
  border-radius: 50%;
  padding: 0;
  width: 35px;
  height: 35px;
  background: #c2dcff;
}
ul.stickers li.recommended::before {
  content: '';
  display: block;
  background-image: url(../images/icons.png);
  margin: 0 !important;
}
ul.stickers li.sale {
  border-color: #cc0033;
  font-weight: 600;
  color: #cc0033;
  background: #fff;
}
ul.stickers li.hit {
  border-color: #ff9000;
  color: #fff;
  background: #ff9000;
}
ul.stickers li.stock {
  border-color: #ffeb0d;
  color: #000;
  background: #ffeb0d;
}
ul.stickers li.discount {
  border-color: #c03;
  padding: 0 12px;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  background: #c03;
}

.bottom-box {
  height: 437px;
  background: url(../images/bottom-box.jpg) no-repeat 50% 50%/cover;
  background-attachment: fixed;
}
@media all and (max-width: 995px) {
  .bottom-box {
    height: 350px;
  }
}
@media all and (max-width: 767px) {
  .bottom-box {
    height: 250px;
    background-attachment: initial;
  }
}
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .bottom-box {
    height: 250px;
    background-attachment: initial;
  }
}
@media all and (max-width: 479px) {
  .bottom-box {
    height: 150px;
  }
}

.pageheader {
  margin: 0 0 75px;
  padding: 126px 0 50px;
  text-align: center;
  background: #1d262e none no-repeat 50% 50%/cover;
}
@media all and (max-width: 995px) {
  .pageheader {
    padding: 63px 0 25px;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .pageheader {
    padding: 30px 0 15px;
    margin-bottom: 25px;
  }
}
.pageheader .pagetitle {
  margin: 0 auto;
  max-width: 850px;
  font-size: 52px;
  line-height: 1.25;
  color: #fff;
}
@media all and (max-width: 995px) {
  .pageheader .pagetitle {
    font-size: 42px;
  }
}
@media all and (max-width: 767px) {
  .pageheader .pagetitle {
    font-size: 36px;
  }
}
.pageheader .breadcrumbs {
  margin-left: auto;
  margin-right: auto;
  padding: 37px 0 0;
  max-width: 780px;
  color: #fff;
}
@media all and (max-width: 767px) {
  .pageheader .breadcrumbs {
    padding-top: 15px;
  }
}
.pageheader .breadcrumbs::before {
  content: '';
  display: block;
  margin: 0 auto 30px;
  border-top: 1px solid rgba(212, 212, 212, 0.34);
  width: 170px;
  height: 1px;
}
@media all and (max-width: 767px) {
  .pageheader .breadcrumbs::before {
    margin-bottom: 15px;
  }
}
.pageheader .breadcrumbs li {
  font-size: 13px;
}
.pageheader .breadcrumbs li:not(:last-child)::after {
  content: '';
  display: inline-block;
  margin: 0 14px;
  border: 0;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background: #db0037;
  position: relative;
  top: -3px;
}
.pageheader .breadcrumbs a {
  color: #fff;
}
.pageheader .breadcrumbs a:hover {
  color: #e60039;
}
.pageheader .text {
  margin-left: auto;
  margin-right: auto;
  padding: 4.5em 0 3.5em;
  max-width: 780px;
  font-size: 16.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
}

.accordion .accordion-item {
  border-top: 1px solid #e6e6e6;
}
.accordion .accordion-item .head .title {
  margin: 0 auto;
  padding: 23px 25px 31px;
  max-width: 520px;
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #0f315a;
  transition: color .25s;
}
@media all and (max-width: 995px) {
  .accordion .accordion-item .head .title {
    padding: 17px 25px 20px;
    font-size: 26px;
  }
}
@media all and (max-width: 767px) {
  .accordion .accordion-item .head .title {
    font-size: 24px;
  }
}
@media all and (max-width: 479px) {
  .accordion .accordion-item .head .title {
    max-width: none;
    padding-left: 0;
    text-align: left;
  }
}
.accordion .accordion-item .wrap {
  margin: 0 auto;
  padding: 0 25px 4em;
  max-width: 1050px;
}
@media all and (max-width: 995px) {
  .accordion .accordion-item .wrap {
    padding-bottom: 2.5em;
  }
}
@media all and (max-width: 767px) {
  .accordion .accordion-item .wrap {
    padding: 0 15px 1.5em;
  }
}

html.js .accordion-item.opened .head .title::after {
  transform: rotate(180deg);
}
html.js .accordion-item .head {
  cursor: pointer;
}
html.js .accordion-item .head:hover .title {
  color: #e60039;
}
html.js .accordion-item .head .title {
  position: relative;
}
html.js .accordion-item .head .title::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transition: transform .25s;
}
html.js .accordion-item .wrap {
  display: none;
}

.itemsnav {
  height: 0;
  position: relative;
}
.itemsnav a {
  display: block;
  border: 1px solid #939393;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  transition: border .25s;
}
@media all and (max-width: 995px) {
  .itemsnav a {
    top: 0;
  }
}
@media all and (max-width: 767px) {
  .itemsnav a {
    top: -3px;
    width: 40px;
    height: 40px;
  }
}
.itemsnav a:hover {
  border-color: #e60039;
}
.itemsnav a::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.itemsnav .prev, .itemsnav .return {
  left: 0;
}
.itemsnav .next {
  right: 0;
}

.years-and-months {
  margin: 50px 0 35px;
  padding-right: 140px;
  position: relative;
}
@media all and (max-width: 995px) {
  .years-and-months {
    padding-right: 0;
  }
}
.years-and-months select,
.years-and-months .jq-selectbox {
  min-width: 120px;
  width: 120px;
  height: 46.5px;
  position: absolute;
  top: -8px;
  right: 0;
}
@media all and (max-width: 995px) {
  .years-and-months select,
  .years-and-months .jq-selectbox {
    min-width: 250px;
    width: 250px;
    position: relative;
    top: auto;
    right: auto;
  }
}
@media all and (max-width: 995px) {
  .years-and-months .jq-selectbox {
    min-width: 250px;
    width: 250px;
    position: relative;
    top: auto;
    right: auto;
  }
}
.years-and-months .jq-selectbox select {
  position: absolute !important;
  top: 0 !important;
}
.years-and-months .jq-selectbox__select {
  padding-left: 15px;
  font-weight: 300;
  font-size: 21px;
  line-height: 22.5px;
  text-align: left;
}
@media all and (max-width: 995px) {
  .years-and-months .jq-selectbox__select {
    padding-left: 29px;
    font-size: 17px;
  }
}
.years-and-months .jq-selectbox__dropdown li {
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
}
.years-and-months select.months,
.years-and-months .jq-selectbox.months {
  display: none;
}
@media all and (max-width: 767px) {
  .years-and-months select.months,
  .years-and-months .jq-selectbox.months {
    display: inline-block;
  }
}
.years-and-months ul.months {
  display: flex;
  justify-content: space-between;
  font-size: 17px;
}
@media all and (max-width: 995px) {
  .years-and-months ul.months {
    margin-top: 15px;
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  .years-and-months ul.months {
    display: none;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 767px) {
  .years-and-months ul.months li {
    flex-basis: 16.6%;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 479px) {
  .years-and-months ul.months li {
    flex-basis: 25%;
  }
}
.years-and-months ul.months a {
  color: #1f1f1f;
}
.years-and-months ul.months a:hover {
  color: #e60039;
}
.years-and-months ul.months .active:after {
  content: '';
  display: block;
  margin: 7px auto 0;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: #e60039;
  pointer-events: none;
}
.years-and-months ul.months .active a {
  color: #e60039;
}

@media all and (max-width: 767px) {
  .years-and-months-range {
    margin: 25px 0 50px;
    text-align: center;
  }
}
.years-and-months-range select.years,
.years-and-months-range .jq-selectbox.years,
.years-and-months-range select.months,
.years-and-months-range .jq-selectbox.months {
  display: none;
  margin: 4px;
  max-width: 250px;
}
@media all and (max-width: 767px) {
  .years-and-months-range select.years,
  .years-and-months-range .jq-selectbox.years,
  .years-and-months-range select.months,
  .years-and-months-range .jq-selectbox.months {
    display: inline-block;
  }
}
.years-and-months-range .slide-years {
  margin: 10px 0 0;
  padding: 15px 0;
  position: relative;
}
@media all and (max-width: 767px) {
  .years-and-months-range .slide-years {
    display: none;
  }
}
.years-and-months-range .slide-years .slide-wrap {
  margin: 13px 0 23px;
}
.years-and-months-range .slide-years .slide-wrap label {
  margin: 10px 0 0 -20px;
  width: 40px;
  font-size: 12px;
  text-align: center;
  color: #545454;
  position: absolute;
  top: 100%;
}
.years-and-months-range .slide-years .slide-wrap label::before {
  content: '';
  display: block;
  margin-left: -1px;
  width: 2px;
  height: 6px;
  border-left: 2px solid #e60039;
  position: absolute;
  top: -14px;
  left: 50%;
}
.years-and-months-range .slide-years .slide-wrap label:first-of-type {
  margin-left: 0 !important;
  text-align: left;
}
.years-and-months-range .slide-years .slide-wrap label:first-of-type::before {
  left: 1px;
}
.years-and-months-range .slide-years .slide-wrap label:last-child {
  margin-left: -40px !important;
  text-align: right;
}
.years-and-months-range .slide-years .slide-wrap label:last-child::before {
  left: 39px;
}
.years-and-months-range .slide-years .ui-slider {
  border: 0;
  border-radius: 2px;
  height: 4px;
  background: #e60039;
}
.years-and-months-range .slide-years .ui-slider-handle {
  margin-left: -15px;
  border: 1px solid #e60039;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: #fff;
  top: -13px;
}
.years-and-months-range .slide-years .ui-slider-handle::before {
  content: '';
  display: block;
  margin: -7px 0 0 -7px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #e60039;
  position: absolute;
  top: 50%;
  left: 50%;
}
.years-and-months-range .slide-years .label {
  font-size: 37px;
  line-height: 1;
  color: #1d1d1d;
  position: absolute;
  top: -40px;
  right: 0;
}
.years-and-months-range ul.months {
  margin: 0 0 50px;
  display: flex;
  justify-content: space-between;
  font-size: 17px;
}
@media all and (max-width: 995px) {
  .years-and-months-range ul.months {
    margin-top: 15px;
    font-size: 13px;
  }
  .years-and-months-range ul.months .jq-checkbox,
  .years-and-months-range ul.months .jq-radio {
    margin-right: 2px;
  }
}
@media all and (max-width: 767px) {
  .years-and-months-range ul.months {
    display: none;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 767px) {
  .years-and-months-range ul.months li {
    flex-basis: 16.6%;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 479px) {
  .years-and-months-range ul.months li {
    flex-basis: 25%;
  }
}
.years-and-months-range ul.months a {
  color: #1f1f1f;
}
.years-and-months-range ul.months a:hover {
  color: #e60039;
}
.years-and-months-range ul.months .active:after {
  content: '';
  display: block;
  margin: 7px auto 0;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: #e60039;
  pointer-events: none;
}
.years-and-months-range ul.months .active a {
  color: #e60039;
}

ul.dates {
  margin: -20px 0 50px;
  font-size: 0;
  text-align: center;
}
ul.dates > li {
  display: inline-block;
  vertical-align: top;
  margin: 20px 4px 0;
  font-size: 15px;
  line-height: 1;
}
ul.dates > li.dropdown-wrap:hover .date {
  border-color: #e60039;
  color: #fff;
  background: #e60039;
}
ul.dates > li.dropdown-wrap .date {
  border-color: #e60039;
  cursor: help;
}
ul.dates .date {
  display: block;
  margin: 0 auto 4px;
  border: 1px solid #c6c6c6;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-size: 17px;
  line-height: 38px;
  color: #000;
  text-align: center;
  transition: border .25s,color .25s,background .25s;
}
ul.dates .date.weekend {
  background: #f1f1f1;
}
ul.dates .date.today {
  border-color: #e60039;
  color: #fff;
  background: #e60039;
}
ul.dates .weekday {
  display: block;
  font-size: 9px;
  line-height: 1;
  color: #8f8f8f;
}
ul.dates .dropdown {
  max-width: 500px;
  width: 500px;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  color: #606060;
}
ul.dates .dropdown.moved {
  transform: none;
}
ul.dates .dropdown li + li {
  margin-top: 17px;
  border-top: 1px solid #e8e8e8;
  padding-top: 17px;
}

ul.inline {
  margin-left: -20px;
  font-size: 0;
}
@media all and (max-width: 767px) {
  ul.inline {
    margin-left: -15px;
    margin-right: -15px;
  }
}
ul.inline > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  font-size: 15px;
}
@media all and (max-width: 767px) {
  ul.inline > li {
    padding: 0 15px;
  }
}
@media all and (max-width: 479px) {
  ul.inline > li + li {
    margin-left: 0;
  }
}

.similar {
  margin-top: 50px;
  padding: 65px 0;
  background: #f8f8f8;
}
@media all and (max-width: 995px) {
  .similar {
    padding: 50px 0;
  }
}
.similar .container > .title {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  color: #1d262e;
}
@media all and (max-width: 995px) {
  .similar .container > .title {
    margin: 0 0 30px;
  }
}
.similar .container > .title::after {
  display: none !important;
}
.similar .items {
  margin-bottom: 0 !important;
}

.meta {
  margin-top: 18px;
  font-size: 0;
  text-align: right;
}
.meta::after {
  content: '';
  display: table;
  clear: both;
}
.meta > div {
  display: inline-block;
  margin: 12px 0 0;
  padding: 1px 0 2px;
  font-size: 14px;
  line-height: 1;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .meta > div {
    display: block;
    text-align: left;
  }
}
@media all and (max-width: 479px) {
  .meta > div {
    display: block;
    text-align: left;
  }
}
.meta > div + div {
  margin-left: 20px;
  border-left: 1px solid #e8e8e8;
  padding-left: 23px;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .meta > div + div {
    margin: 12px 0 0;
    border: 0;
    padding: 0;
  }
}
@media all and (max-width: 479px) {
  .meta > div + div {
    margin: 12px 0 0;
    border: 0;
    padding: 0;
  }
}
.meta .place {
  float: left;
  margin-top: 0;
  padding: 0;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .meta .place {
    float: none;
    margin-top: 12px;
  }
}
@media all and (max-width: 479px) {
  .meta .place {
    float: none;
    margin-top: 12px;
  }
}
.meta .place .icon-wrap {
  margin-right: 13px;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .meta .place .icon-wrap {
    margin-right: 5px;
    border: 0;
    width: auto;
    height: auto;
  }
  .meta .place .icon-wrap i {
    margin: 0 !important;
    position: relative !important;
    top: -2px;
    left: 0;
  }
}
@media all and (max-width: 479px) {
  .meta .place .icon-wrap {
    margin-right: 5px;
    border: 0;
    width: auto;
    height: auto;
  }
  .meta .place .icon-wrap i {
    margin: 0 !important;
    position: relative !important;
    top: -2px;
    left: 0;
  }
}
.meta .date {
  float: left;
  color: #545454;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .meta .date {
    float: none;
  }
}
@media all and (max-width: 479px) {
  .meta .date {
    float: none;
  }
}
.meta .date i {
  margin: -4px 10px 0 0 !important;
  position: relative;
}
.meta .type {
  color: #e60039;
}
.meta .type a {
  color: #e60039;
}
.meta .type a:hover {
  color: #0f315a;
}
.meta .category {
  color: #0f315a;
}
.meta .red,
.meta .red a {
  color: #e60039;
}

.single-meta {
  margin-top: 18px;
  font-size: 0;
  text-align: center;
}
.single-meta > div {
  display: inline-block;
  margin: 12px 0 0;
  padding: 1px 0 2px;
  font-size: 14px;
  text-align: left;
  color: #262626;
  line-height: 1;
}
@media all and (max-width: 767px) {
  .single-meta > div {
    display: block;
    margin-left: 0 !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    text-align: center;
  }
}
.single-meta > div i {
  margin: -4px 10px 0 0 !important;
  position: relative;
}
.single-meta > div + div {
  margin-left: 23px;
  border-left: 1px solid #e8e8e8;
  padding-left: 23px;
}
.single-meta > div a:hover span {
  color: #e60039;
}
.single-meta > div span {
  color: #949494;
  transition: color .25s;
}
.single-meta .date {
  color: #e60039;
}
.single-meta .event {
  color: #0f315a;
}

a.scrollTop {
  display: block;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-weight: normal;
  font-size: 21px;
  line-height: 36px;
  text-align: center;
  background: #c2dcff;
  position: fixed;
  right: 10px;
  bottom: 50px;
  z-index: 5;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .25s,opacity .25s 0s;
}
a.scrollTop:hover {
  color: #e60039;
}
a.scrollTop.fixed {
  visibility: visible;
  opacity: 1;
  transition-delay: .5s;
}

.map {
  height: 530px;
  background: #ccc;
}
@media all and (max-width: 767px) {
  .map {
    height: 400px;
  }
}
@media all and (max-width: 479px) {
  .map {
    height: 300px;
  }
}

.toggle-box {
  padding: 50px 0;
  font-size: 17px;
  text-align: left;
}
.toggle-box .title {
  margin: 0 0 12px;
  font-size: 26px;
  text-align: center;
}
.toggle-box .text {
  font-weight: normal;
  font-size: 17px;
  color: #000;
}
.toggle-box .text p,
.toggle-box .text ul,
.toggle-box .text ol {
  margin-bottom: .5em;
}
.toggle-box .text p + ul,
.toggle-box .text p + ol {
  margin-top: 0;
}
.toggle-box .more {
  margin: 20px auto 0;
  border-top: 1px solid #e5e5e5;
  padding: 19px 0 0;
  width: 160px;
  font-size: 14px;
  text-align: center;
}
.toggle-box .more i {
  margin: 0 0 0 10px;
  top: -1px;
  transition: transform .25s;
}

html.js .toggle-box:not(.opened) .text > :not(:first-child) {
  display: none;
}
html.js .toggle-box.opened .more i {
  transform: rotate(180deg);
}

div.sku,
dl.sku dd {
  max-width: 84px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

dl.sku {
  white-space: nowrap;
}
dl.sku dt,
dl.sku dd {
  display: inline-block;
  vertical-align: top;
}
dl.sku dt {
  color: #959595;
}
dl.sku dd {
  color: #000;
}

ul.nav-links {
  font-weight: 300;
  font-size: 0;
  margin: 0 -27px 20px;
}
@media all and (max-width: 1199px) {
  ul.nav-links {
    margin: 0 -20px 20px;
  }
}
@media all and (max-width: 995px) {
  ul.nav-links {
    margin: 0 -15px 20px;
  }
}
ul.nav-links li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  padding: 0 27px;
  font-size: 19px;
  line-height: 1;
}
@media all and (max-width: 1199px) {
  ul.nav-links li {
    padding: 0 20px;
  }
}
@media all and (max-width: 995px) {
  ul.nav-links li {
    padding: 0 15px;
  }
}
ul.nav-links li.active a {
  color: #e60039;
}
ul.nav-links li + li {
  border-left: 1px solid #e8e8e8;
}

.whitebox {
  margin-bottom: 70px;
  border: 1px solid #e8e8e8;
  padding: 35px 50px;
  background: #fff;
}
@media all and (max-width: 1199px) {
  .whitebox {
    padding: 35px;
  }
}
@media all and (max-width: 995px) {
  .whitebox {
    padding: 20px;
  }
}
.whitebox .whitebox-title {
  margin: 0 0 40px;
  border-bottom: 2px solid #ccc;
  padding: 0 14px 20px;
  font-size: 17px;
}
@media all and (max-width: 995px) {
  .whitebox .whitebox-title {
    padding: 0 0 20px;
  }
}
.whitebox .whitebox-title.right-content {
  padding-right: 200px;
}
@media all and (max-width: 995px) {
  .whitebox .whitebox-title.right-content {
    padding-right: 150px;
  }
}
@media all and (max-width: 767px) {
  .whitebox .whitebox-title.right-content {
    padding-right: 0;
  }
}
.whitebox .whitebox-title .title {
  margin: 0 50px 0 0 !important;
  display: inline-block;
  font-weight: normal;
  font-size: 24px;
  color: #000;
}
.whitebox .whitebox-title p {
  margin-top: 10px;
  font-size: 15px;
  color: #606060;
}
.whitebox .whitebox-title a.modal {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}
.whitebox .whitebox-title a.modal i {
  margin-left: 0;
  position: absolute;
  top: 50%;
  left: 0;
}
.whitebox .whitebox-filter {
  margin: 0 0 40px;
  position: relative;
}
.whitebox .whitebox-filter.opened .whitebox-filter-toggle i {
  transform: rotate(180deg);
}
.whitebox .whitebox-filter.opened .whitebox-fields {
  display: block;
}
@media all and (min-width: 768px) {
  .whitebox .whitebox-filter:not(.opened) + table {
    margin-top: -40px;
  }
  .whitebox .whitebox-filter:not(.opened) + table thead th {
    border-top: 0;
  }
}
.whitebox .whitebox-filter .whitebox-filter-toggle {
  display: block;
  white-space: nowrap;
  font-size: 17px;
  color: #000;
  position: absolute;
  top: -95px;
  right: 14px;
}
.whitebox .whitebox-filter .whitebox-filter-toggle .icon-wrap {
  transition: border .25s;
}
@media all and (max-width: 995px) {
  .whitebox .whitebox-filter .whitebox-filter-toggle {
    right: 0;
  }
}
@media all and (max-width: 767px) {
  .whitebox .whitebox-filter .whitebox-filter-toggle {
    padding: 12px 15px;
    font-weight: 600;
    font-size: 18px;
    background: #e8e8e8;
    cursor: pointer;
    position: relative;
    top: auto;
    right: auto;
  }
  .whitebox .whitebox-filter .whitebox-filter-toggle .icon-wrap {
    display: none !important;
  }
}
.whitebox .whitebox-filter .whitebox-filter-toggle:hover {
  color: #e60039;
}
.whitebox .whitebox-filter .whitebox-filter-toggle:hover .icon-wrap {
  border-color: #e60039;
}
.whitebox .whitebox-filter .whitebox-filter-toggle .icon-wrap {
  margin-left: 16px;
  border-color: #c6c6c6;
}
.whitebox .whitebox-filter .whitebox-filter-toggle i {
  transition: transform .25s;
}
.whitebox .whitebox-filter .whitebox-fields {
  display: none;
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .whitebox .whitebox-filter .whitebox-fields {
    border: 1px solid #e8e8e8;
    padding: 15px;
  }
}
.whitebox .whitebox-fields {
  margin: 0 14px 40px;
  position: relative;
}
.whitebox .whitebox-fields:last-child {
  margin-bottom: 0 !important;
}
@media all and (max-width: 995px) {
  .whitebox .whitebox-fields {
    margin: 0 0 40px;
  }
}
.whitebox .whitebox-fields .jq-selectbox {
  width: 100%;
}
.whitebox .whitebox-fields dl dt {
  margin-bottom: 12px;
  font-size: 17px;
  color: #000;
}
.whitebox .whitebox-fields .grid [class^="col-"],
.whitebox .whitebox-fields .grid [class*=" col-"] {
  margin-bottom: 25px;
}
.whitebox .whitebox-fields .grid [class^="col-"].with-label::before,
.whitebox .whitebox-fields .grid [class*=" col-"].with-label::before {
  margin-top: 37.5px;
  line-height: 54px;
}
@media all and (max-width: 767px) {
  .whitebox .whitebox-fields .grid [class^="col-"].with-label::before,
  .whitebox .whitebox-fields .grid [class*=" col-"].with-label::before {
    margin: 0 0 25px;
    line-height: inherit;
  }
}
.whitebox .whitebox-fields .grid + .submit {
  margin-top: 0;
}
.whitebox .whitebox-fields .submit {
  margin-top: 25px;
  text-align: left;
}
@media all and (max-width: 767px) {
  .whitebox .whitebox-fields .submit {
    text-align: center;
  }
  .whitebox .whitebox-fields .submit .btn {
    display: block;
    margin: 0 0 7px;
    width: 100%;
  }
}
.whitebox .whitebox-fields .submit .form-clear {
  display: inline-block;
  padding-left: 23px;
  font-size: 17px;
  position: absolute;
  top: -25px;
  right: 0;
}
@media all and (max-width: 767px) {
  .whitebox .whitebox-fields .submit .form-clear {
    position: relative;
    top: auto;
    right: auto;
  }
}
.whitebox .whitebox-fields .submit .form-clear i {
  margin-left: 0 !important;
  position: absolute;
  left: 0;
  top: 50%;
}
.whitebox .whitebox-content {
  padding-left: 14px;
  padding-right: 14px;
}
@media all and (max-width: 995px) {
  .whitebox .whitebox-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.whitebox .total-debt {
  margin-bottom: 40px;
  font-size: 21px;
  color: #000;
}
.whitebox .total-debt dt,
.whitebox .total-debt dd {
  display: inline;
}
@media all and (max-width: 479px) {
  .whitebox .total-debt dt,
  .whitebox .total-debt dd {
    display: block;
  }
}
.whitebox .total-debt dd {
  font-weight: bold;
  font-size: 27px;
  white-space: nowrap;
}
.whitebox table {
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  color: #000;
}
@media all and (max-width: 767px) {
  .whitebox table {
    display: block;
    font-size: 14px;
  }
  .whitebox table thead {
    display: none;
  }
  .whitebox table tbody,
  .whitebox table tfoot,
  .whitebox table th,
  .whitebox table td {
    display: block;
  }
  .whitebox table tr {
    display: block;
    border: 1px solid #d1d1d1;
    width: 100%;
  }
  .whitebox table tr + tr {
    margin-top: 2px;
  }
}
.whitebox table.alt {
  border-bottom: 0;
}
@media all and (min-width: 768px) {
  .whitebox table.alt tbody:first-child tr:first-child td {
    border-top: 0;
  }
}
@media all and (min-width: 768px) {
  .whitebox table.alt-1 {
    margin-top: -40px;
  }
  .whitebox table.alt-1 thead th {
    border-top: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1199px) {
  .whitebox table.alt-1 th + th,
  .whitebox table.alt-1 td + td {
    padding-left: 0;
  }
}
.whitebox table.goods th,
.whitebox table.goods td {
  padding-left: 7px;
  padding-right: 7px;
}
.whitebox table.goods td.price, .whitebox table.goods td.availability, .whitebox table.goods td.quantity, .whitebox table.goods td.summ {
  width: 1px;
  white-space: nowrap;
}
.whitebox table.goods td.summ {
  min-width: 86px;
}
.whitebox table.goods ul.stickers {
  font-size: 11px !important;
  line-height: 13px;
}
.whitebox table.goods ul.stickers > li {
  border-radius: 8px;
  padding: 0 7px;
  height: 16px;
}
.whitebox table.goods ul.stickers > li + li {
  margin-top: 4px;
}
.whitebox table.goods ul.stickers > li.recommended {
  padding: 0;
  width: 18px;
  height: 18px;
}
.whitebox table.goods ul.stickers > li.recommended::before {
  margin: -10px 0 0 -9px !important;
  transform: scale(0.65);
}
.whitebox table.goods ul.stickers > li.discount {
  font-size: 11px;
}
.whitebox table.goods div.image {
  margin: 0 0 2px;
  width: 150px;
  height: 110px;
  position: relative;
  text-align: center;
}
@media all and (max-width: 1199px) {
  .whitebox table.goods div.image {
    width: 120px;
  }
}
@media all and (max-width: 767px) {
  .whitebox table.goods div.image {
    height: auto;
  }
}
.whitebox table.goods div.image a {
  display: block;
  width: 100%;
  height: 100%;
}
.whitebox table.goods div.image img {
  max-height: 110px;
}
.whitebox table.goods .actions {
  margin: 10px 0 0;
}
.whitebox table.goods .actions a + a {
  margin-left: 16px;
}
@media all and (max-width: 1199px) {
  .whitebox table.goods .actions a + a {
    margin-left: 4px;
  }
}
.whitebox table.goods .actions .icon-wrap.bdr {
  width: 24px;
  height: 24px;
}
.whitebox table.goods .title {
  margin: 0 0 10px;
  padding: 0 !important;
  text-align: left !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
}
@media all and (max-width: 479px) {
  .whitebox table.goods .title {
    max-height: none;
    font-size: 14px;
  }
}
.whitebox table.goods dl {
  font-size: 12px;
  color: #878787;
}
.whitebox table.goods dl.sku dd {
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}
.whitebox table.goods dl dt, .whitebox table.goods dl dd {
  display: inline-block;
}
.whitebox table.goods div.availability {
  font-size: 14px;
  line-height: 1.2;
}
.whitebox table.goods div.availability.green span {
  margin: 0 14px;
}
.whitebox table.goods div.availability small {
  display: block !important;
  font-size: 14px;
  color: #000;
}
.whitebox table.goods .note {
  max-width: 107px;
  font-size: 11px;
  color: #000;
  white-space: normal;
}
.whitebox table.small {
  font-size: 13px;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .whitebox table.small {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .whitebox table.cart td {
    border-top: 0;
  }
}
.whitebox table.cart th {
  border-bottom: 1px solid #d9d9d9;
  background: #f6f6f6;
}
.whitebox table.cart thead + tbody tr:first-child td {
  border-top: 0;
}
.whitebox table.cart td.position {
  width: 1px;
  white-space: nowrap;
}
.whitebox table.cart td.image {
  width: 110px;
}
.whitebox table.cart td.image img {
  width: auto !important;
}
.whitebox table.cart td.info {
  line-height: 1;
}
.whitebox table.cart td.price, .whitebox table.cart td.summ {
  width: 1px;
  white-space: nowrap;
  font-weight: normal;
  font-size: 15px;
  color: #000;
}
.whitebox table.cart td.price .old {
  text-decoration: line-through;
  font-size: 13px;
  color: #909090;
}
@media all and (min-width: 768px) {
  .whitebox table.cart td.discount div.note {
    margin-bottom: -19px;
  }
}
.whitebox table.cart .title {
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 14px;
}
.whitebox table.cart dl {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  font-size: 11px;
  color: #959595;
}
.whitebox table.cart dl.sku dd {
  max-width: 65px;
}
.whitebox table.cart dl dt,
.whitebox table.cart dl dd {
  display: inline-block;
  vertical-align: top;
}
.whitebox table.cart .availability.green span {
  margin: 5px 14px;
}
.whitebox table.cart .availability.green small {
  margin-top: 0;
  font-size: inherit !important;
  color: #000;
}
.whitebox table.cart .availability small {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.3;
  color: #8b8b8b;
}
.whitebox table.cart div.note {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.3;
  color: #8b8b8b;
}
@media all and (max-width: 479px) {
  .whitebox table.cart div.note {
    white-space: normal !important;
  }
}
.whitebox table.cart div.note.red {
  color: #e60039;
}
.whitebox table.cart i.icon-clear {
  margin: 0 !important;
}
@media all and (max-width: 767px) {
  .whitebox table.without-labels td {
    padding-left: 5px !important;
  }
  .whitebox table.without-labels td::before {
    display: none !important;
  }
  .whitebox table.without-labels td + td {
    border-top: 0 !important;
  }
}
.whitebox table th,
.whitebox table td {
  vertical-align: middle;
  font-weight: normal;
  text-align: left;
  padding: 16px 14px 18px;
}
@media all and (max-width: 1199px) {
  .whitebox table th,
  .whitebox table td {
    padding: 16px 7px 18px;
  }
}
@media all and (max-width: 995px) {
  .whitebox table th,
  .whitebox table td {
    padding: 10px 7px 12px;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .whitebox table th.tablet-hidden,
  .whitebox table td.tablet-hidden {
    display: none;
  }
}
.whitebox table th.tablet-visible,
.whitebox table td.tablet-visible {
  display: none;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .whitebox table th.tablet-visible,
  .whitebox table td.tablet-visible {
    display: table-cell;
  }
}
@media all and (max-width: 767px) {
  .whitebox table th.mobile-hidden,
  .whitebox table td.mobile-hidden {
    display: none;
  }
}
.whitebox table th.mobile-visible,
.whitebox table td.mobile-visible {
  display: none;
}
@media all and (max-width: 767px) {
  .whitebox table th.mobile-visible,
  .whitebox table td.mobile-visible {
    display: block;
  }
}
.whitebox table thead th {
  border-top: 1px solid #d9d9d9;
  font-weight: normal;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
}
.whitebox table thead th > div {
  display: inline-block;
  vertical-align: middle;
}
.whitebox table thead th > div.hint {
  margin: 0 0 0 7px;
  white-space: normal !important;
}
@media all and (min-width: 768px) {
  .whitebox table thead + tbody tr:first-child td {
    border-top: 2px solid #e7194b;
  }
}
.whitebox table tbody tr.alt > td {
  background: #ffe0e0;
}
.whitebox table tbody tr td {
  border-top: 1px solid #d9d9d9;
  transition: background .25s;
}
.whitebox table tbody tr td.action {
  width: 70px;
}
.whitebox table tbody tr td.center {
  text-align: center;
}
@media all and (max-width: 767px) {
  .whitebox table tbody tr td.center {
    text-align: left;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .whitebox table tbody tr td.center-tablet {
    text-align: center;
  }
}
.whitebox table th.checkbox .jq-checkbox,
.whitebox table td.checkbox .jq-checkbox {
  margin: 0 !important;
}
.whitebox table th.download,
.whitebox table td.download {
  width: 1px;
  white-space: nowrap;
}
@media all and (max-width: 767px) {
  .whitebox table td {
    padding: 5px;
    padding-left: 145px !important;
    width: 100% !important;
    white-space: normal !important;
  }
  .whitebox table td::before {
    content: attr(data-label);
    display: block;
    float: left;
    margin-left: -145px;
    padding: 0 10px 0 5px;
    width: 145px;
  }
  .whitebox table td:after {
    content: '';
    display: table;
    clear: both;
  }
  .whitebox table td.quantity-input::before {
    padding-top: 8px;
  }
  .whitebox table td.responsive-full {
    padding-left: 5px !important;
  }
  .whitebox table td.responsive-full::before {
    float: none;
    margin-left: 0;
    padding: 0;
  }
  .whitebox table td:last-child {
    border-bottom: 0;
  }
}
.whitebox table td.position {
  width: 1%;
}
.whitebox table td.notes {
  color: #7f7f7f;
}
@media all and (max-width: 767px) {
  .whitebox table td.download a, .whitebox table td.manager a {
    padding-left: 30px;
    position: relative;
  }
}
.whitebox table td.download i, .whitebox table td.manager i {
  margin-left: 0;
  margin-right: 10px;
}
@media all and (max-width: 767px) {
  .whitebox table td.download i, .whitebox table td.manager i {
    position: absolute;
    top: 50%;
    left: 0;
  }
}
.whitebox table tr.parent .icon-wrap.bdr {
  border-color: #c5c5c5;
  background: #fff;
  cursor: pointer;
}
.whitebox table tr.parent .icon-wrap.bdr i {
  transition: transform .25s;
}
.whitebox table tr.parent.opened .icon-wrap.bdr i {
  transform: rotate(180deg);
}
.whitebox table tr.parent:not(.opened) + tr.child {
  display: none;
}
.whitebox table tr.child {
  background: #f6f6f6 !important;
}
@media all and (max-width: 767px) {
  .whitebox table tr.child {
    margin-top: 0;
    border-top: 0;
  }
}
.whitebox table tr.child .view {
  float: left;
  width: 22px;
  margin: 7px 0 0 -36px;
}
@media all and (max-width: 1199px) {
  .whitebox table tr.child .view {
    margin-left: -26px;
  }
}
@media all and (max-width: 767px) {
  .whitebox table tr.child .view {
    display: none !important;
  }
}
.whitebox table tr.child .view a {
  display: block;
}
.whitebox table tr.child .view a + a {
  margin-top: 10px;
}
.whitebox table tr.child .view a i {
  margin: 0 !important;
}
.whitebox table tr.child > td {
  padding: 0 50px;
  background: #f6f6f6 !important;
}
@media all and (max-width: 1199px) {
  .whitebox table tr.child > td {
    padding: 0 25px;
  }
}
@media all and (max-width: 995px) {
  .whitebox table tr.child > td {
    padding: 0 10px;
  }
}
@media all and (max-width: 767px) {
  .whitebox table tr.child > td {
    border-top: 0;
    padding: 10px !important;
  }
}
.whitebox table tr.child > td .child-table:last-child {
  margin-bottom: 20px;
}
.whitebox table.table-scroll-head {
  border: 0;
}
.whitebox table.table-scroll-head + .table-scroll-wrap {
  border-top: 2px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}
.whitebox table.table-scroll-head + .table-scroll-wrap .scrollbar-inner,
.whitebox table.table-scroll-head + .table-scroll-wrap .scrollbar-outer {
  max-height: 200px;
}
.whitebox table.table-scroll-head + .table-scroll-wrap .scrollbar-inner table,
.whitebox table.table-scroll-head + .table-scroll-wrap .scrollbar-outer table {
  border: 0;
}
.whitebox table.table-scroll-head + .table-scroll-wrap .scrollbar-inner table thead,
.whitebox table.table-scroll-head + .table-scroll-wrap .scrollbar-outer table thead {
  display: none;
}
.whitebox table.table-scroll-head + .table-scroll-wrap .scrollbar-inner table thead + tbody tr:first-child td,
.whitebox table.table-scroll-head + .table-scroll-wrap .scrollbar-outer table thead + tbody tr:first-child td {
  border-top: 0;
}
.whitebox table div.quantity input:not(:disabled) {
  background: #fff;
}
.whitebox table div.draft {
  padding: 30px 0 20px;
}
.whitebox table div.draft .title {
  font-size: 17px;
  color: #000;
}
@media all and (max-width: 995px) {
  .whitebox table div.draft .title {
    margin-bottom: 20px;
  }
}
.whitebox table div.draft .note {
  padding-right: 230px;
  position: relative;
}
.whitebox table div.draft .note.edit .note-actions .change {
  display: none;
}
.whitebox table div.draft .note.edit .note-actions .save {
  display: block;
}
@media all and (max-width: 767px) {
  .whitebox table div.draft .note {
    padding-right: 0;
  }
}
.whitebox table div.draft .note label {
  display: inline-block;
  margin: 0 0 10px;
}
.whitebox table div.draft .note input {
  display: block;
  border: 1px solid #d5d5d5;
  border-radius: 21px;
  padding: 0 25px;
  width: 100%;
  height: 42px;
  font: 400 15px/1.5 "Open Sans", sans-serif;
  line-height: 40px;
}
@media all and (max-width: 479px) {
  .whitebox table div.draft .note input {
    padding: 0 10px;
  }
}
.whitebox table div.draft .note .note-actions {
  width: 230px;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 10px;
}
@media all and (max-width: 767px) {
  .whitebox table div.draft .note .note-actions {
    margin-top: 10px;
    width: auto;
    text-align: left;
    position: static;
    right: auto;
    bottom: auto;
  }
}
.whitebox table div.draft .note .note-actions .save {
  display: none;
}
.whitebox table div.draft .note i {
  margin: -2px 10px 0 0 !important;
}
.whitebox table table {
  font-size: 13px;
}
@media all and (min-width: 768px) {
  .whitebox table table.short .title {
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .whitebox table table.short .title {
    max-width: 150px;
  }
}
@media all and (min-width: 768px) {
  .whitebox table table.short .title ~ dl {
    display: none !important;
  }
  .whitebox table table.short .image {
    display: none;
  }
}
.whitebox table table th,
.whitebox table table td {
  padding: 16px 7px 18px;
}
@media all and (max-width: 767px) {
  .whitebox table table th,
  .whitebox table table td {
    border-top: 0 !important;
    padding: 5px;
    padding-left: 145px !important;
  }
}
.whitebox table table th.image img,
.whitebox table table td.image img {
  max-width: none !important;
  width: 64px !important;
}
.whitebox table table thead th {
  border-top: 0;
}
.whitebox table table thead + tbody td {
  vertical-align: middle;
}
.whitebox table table .title {
  font-weight: normal;
  font-size: 13px;
}
@media all and (max-width: 479px) {
  .whitebox table table .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.whitebox table table .title.short {
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media all and (max-width: 995px) {
  .whitebox table table .title.short {
    max-width: 150px;
  }
}
.whitebox table table div.quantity {
  width: 100%;
  max-width: 107px;
  min-width: 87px;
}
.whitebox table table div.sku {
  max-width: 76px;
}
.whitebox table table dl {
  color: #959595;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  line-height: 18px !important;
}
.whitebox table table dl.sku dd {
  display: inline-block;
  vertical-align: top;
  max-width: 76px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
  line-height: 18px;
}
.whitebox table table dl dt,
.whitebox table table dl dd {
  display: inline-block;
  line-height: 18px;
}
.whitebox table div.draft-actions {
  border-top: 1px solid #ccc;
  padding: 20px 0;
  text-align: right;
  position: relative;
  padding-left: 200px;
}
@media all and (max-width: 479px) {
  .whitebox table div.draft-actions {
    padding-left: 0;
    text-align: center;
  }
  .whitebox table div.draft-actions .btn {
    display: block;
    margin: 0 auto 10px;
  }
}
.whitebox table div.draft-actions .delete {
  position: absolute;
  top: 28px;
  left: 0;
}
@media all and (max-width: 479px) {
  .whitebox table div.draft-actions .delete {
    position: static;
    top: auto;
    left: auto;
  }
}
.whitebox table div.draft-actions .delete i {
  margin: -2px 10px 0 0;
}
.whitebox table div.summary {
  border-bottom: 1px solid #ccc;
  padding: 20px 300px 14px 22px;
  font-size: 13px;
  color: #000;
  position: relative;
}
@media all and (max-width: 995px) {
  .whitebox table div.summary {
    padding-left: 7px;
    padding-right: 252px;
  }
}
@media all and (max-width: 767px) {
  .whitebox table div.summary {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.whitebox table div.summary dl::after {
  content: '';
  display: table;
  clear: both;
}
.whitebox table div.summary dl + dl {
  margin-top: 14px;
}
.whitebox table div.summary dl dt {
  float: left;
  width: 215px;
}
@media all and (max-width: 767px) {
  .whitebox table div.summary dl dt {
    width: 160px;
  }
}
@media all and (max-width: 479px) {
  .whitebox table div.summary dl dt {
    float: none;
    width: auto;
  }
}
.whitebox table div.summary dl dd {
  margin-left: 215px;
  color: #4b4b4b;
}
@media all and (max-width: 767px) {
  .whitebox table div.summary dl dd {
    margin-left: 160px;
  }
}
@media all and (max-width: 479px) {
  .whitebox table div.summary dl dd {
    margin-left: 0;
  }
}
.whitebox table div.summary .actions {
  width: 276px;
  position: absolute;
  top: 20px;
  right: 14px;
}
@media all and (max-width: 995px) {
  .whitebox table div.summary .actions {
    width: 238px;
    right: 7px;
  }
}
@media all and (max-width: 767px) {
  .whitebox table div.summary .actions {
    margin-top: 20px;
    width: auto;
    text-align: center;
    position: static;
    top: auto;
    right: auto;
  }
}
.whitebox table div.summary .view {
  width: auto !important;
  overflow: hidden;
  position: absolute;
  right: 14px;
  bottom: 20px;
}
.whitebox table div.summary .view a {
  float: left;
}
.whitebox table div.summary .view a + a {
  margin: 0 0 0 10px;
}
.whitebox table ul.links {
  border-bottom: 1px solid #ccc;
  padding: 20px 0 10px;
  font-size: 0;
  text-align: center;
}
.whitebox table ul.links li {
  display: inline-block;
  padding: 0 22px;
  margin-bottom: 10px;
  font-size: 15px;
  white-space: nowrap;
}
@media all and (max-width: 479px) {
  .whitebox table ul.links li {
    width: 100%;
    text-align: left;
  }
}
.whitebox table ul.links li + li {
  border-left: 1px solid #ccc;
}
.whitebox table ul.links li + li.row-item-first {
  border: 0;
}
.whitebox table ul.links a i {
  margin: -2px 10px 0 0;
}
.whitebox div.goods-summary {
  margin-top: .8em;
  font-weight: 600;
  font-size: 16px;
  text-align: right;
  color: #000;
}
@media all and (max-width: 767px) {
  .whitebox div.goods-summary {
    text-align: left;
  }
}
.whitebox div.goods-summary .summary-wrap {
  display: inline-block;
  width: 270px;
  text-align: left;
}
@media all and (max-width: 767px) {
  .whitebox div.goods-summary .summary-wrap {
    width: 300px;
  }
}
.whitebox div.goods-summary dl {
  overflow: hidden;
}
.whitebox div.goods-summary dt {
  float: left;
  width: 50%;
}
@media all and (max-width: 767px) {
  .whitebox div.goods-summary dt {
    width: 131px;
  }
}
.whitebox div.goods-summary dd {
  margin-left: 50%;
}
@media all and (max-width: 767px) {
  .whitebox div.goods-summary dd {
    margin-left: 131px;
  }
}
.whitebox div.goods-summary .btn {
  display: block;
  margin-top: 20px;
  width: 100%;
}
.whitebox .cart-actions {
  margin: -20px 0 10px;
  text-align: center;
  font-size: 13px;
}
@media all and (max-width: 767px) {
  .whitebox .cart-actions {
    display: none;
  }
}
.whitebox .cart-actions a {
  display: inline-block;
  margin: 0 0 10px;
  white-space: nowrap;
}
.whitebox .cart-actions a.bdr {
  position: relative;
}
.whitebox .cart-actions a.bdr::before {
  content: '';
  display: block;
  border: 1px solid #ededed;
  position: absolute;
  top: -9px;
  left: -15px;
  right: -15px;
  bottom: -10px;
}
.whitebox .cart-actions a + a {
  margin-left: 30px;
}
.whitebox .cart-actions a i {
  margin: -2px 10px 0 0 !important;
}
.whitebox .cart-add {
  border-top: 1px solid #ccc;
  padding: 20px 360px 20px 144px;
  position: relative;
}
@media all and (max-width: 1199px) {
  .whitebox .cart-add {
    padding-right: 250px;
  }
}
@media all and (max-width: 995px) {
  .whitebox .cart-add {
    padding-left: 130px;
    padding-right: 0;
  }
}
@media all and (max-width: 767px) {
  .whitebox .cart-add {
    display: none;
    padding-left: 0;
  }
}
@media all and (max-width: 479px) {
  .whitebox .cart-add {
    display: none;
  }
}
.whitebox .cart-add label {
  float: left;
  margin: 10px 0 0 -130px;
  width: 130px;
  color: #000;
}
@media all and (max-width: 767px) {
  .whitebox .cart-add label {
    float: none;
    display: block;
    margin: 0 0 10px;
    width: auto;
  }
}
.whitebox .cart-add .wrap {
  padding-right: 128px;
  position: relative;
}
.whitebox .cart-add .wrap .good {
  position: relative;
}
.whitebox .cart-add .wrap .good input {
  border-radius: 24px;
  border-color: #d5d5d5 !important;
  padding-left: 20px;
  padding-right: 110px;
  height: 48px;
  font-size: 15px;
  line-height: initial;
  position: relative;
}
/*
.whitebox .cart-add .wrap .good input:focus {
  border-radius: 24px 24px 0 0;
}
.whitebox .cart-add .wrap .good input:focus ~ div.quantity {
  border-radius: 0 24px 0 0;
}
.whitebox .cart-add .wrap .good input:focus ~ div.quantity input {
  border-radius: 0 24px 0 0;
}
.whitebox .cart-add .wrap .good input:focus ~ ul {
  display: block;
}
*/

.whitebox .cart-add .wrap .good input.focus-input.show-hints {
  border-radius: 24px 24px 0 0;
}
.whitebox .cart-add .wrap .good input.focus-input.show-hints ~ div.quantity {
  border-radius: 0 24px 0 0;
}
.whitebox .cart-add .wrap .good input.focus-input.show-hints ~ div.quantity input {
  border-radius: 0 24px 0 0;
}
.whitebox .cart-add .wrap .good input.focus-input.show-hints ~ ul {
  display: block;
}

.whitebox .cart-add .wrap .good div.quantity {
  width: 90px;
  border-radius: 0 24px 24px 0;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.whitebox .cart-add .wrap .good div.quantity input {
  border-radius: 0 24px 24px 0;
  border-color: transparent !important;
  border-left-color: #d5d5d5 !important;
  padding: 0 20px !important;
  height: 48px;
}
.whitebox .cart-add .wrap .good ul {
  display: none;
  border: 1px solid #d5d5d5;
  border-top: 0;
  border-radius: 0 0 24px 24px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.whitebox .cart-add .wrap .good ul li {
  padding: 5px 20px;
  font-size: 13px;
  color: #000;
  cursor: pointer;
  transition: color .25s;
}
.whitebox .cart-add .wrap .good ul li:hover {
  color: #e60039;
}
.whitebox .cart-add .wrap .btn {
  border-radius: 24px;
  padding: 0;
  min-width: 114px;
  width: 114px;
  height: 48px;
  font-size: 15px;
  line-height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.whitebox .cart-add .error {
  display: block;
  padding-right: 14px;
  width: 340px;
  font-size: 13px;
  line-height: 1.3;
  color: #e60039;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media all and (max-width: 1199px) {
  .whitebox .cart-add .error {
    width: 230px;
  }
}
@media all and (max-width: 995px) {
  .whitebox .cart-add .error {
    margin-top: 10px;
    padding-right: 0;
    width: auto;
    position: static;
    top: auto;
    right: auto;
    transform: none;
  }
}
.whitebox .import-results {
  margin-top: 40px;
}
@media all and (max-width: 995px) {
  .whitebox .import-results {
    margin-top: 30px;
  }
}
.whitebox .import-results .title {
  margin: 0 0 13px;
  font-weight: normal;
  font-size: 24px;
  color: #000;
}
.whitebox .import-results .status {
  margin-top: 8px;
  font-size: 17px;
}
.whitebox .import-results p.important {
  margin-top: 4px;
  font-size: 13px;
  color: #909090;
}
.whitebox .submit.with-columns {
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
.whitebox .submit.with-columns .columns {
  display: block !important;
  text-align: center;
}
@media all and (min-width: 768px) {
  .whitebox .submit.with-columns .columns {
    padding-left: 33.33%;
    padding-right: 33.33%;
    position: relative;
  }
  .whitebox .submit.with-columns .columns .left,
  .whitebox .submit.with-columns .columns .right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .whitebox .submit.with-columns .columns .left {
    left: 0;
  }
  .whitebox .submit.with-columns .columns .right {
    right: 0;
  }
}
.whitebox .submit.with-columns .columns .left,
.whitebox .submit.with-columns .columns .right {
  float: none !important;
}
@media all and (max-width: 767px) {
  .whitebox .submit.with-columns .columns a {
    display: inline-block;
    margin: 20px 20px 0;
    white-space: nowrap;
  }
}
@media all and (max-width: 767px) {
  .whitebox .submit.with-columns .columns .btn {
    display: block;
    margin: 0 auto 10px !important;
    width: 100%;
    max-width: 280px;
  }
}
.whitebox .submit.with-columns .columns .btn.gray {
  font-weight: normal;
  background: #fff;
}

@media all and (max-width: 767px) {
  ul.list {
    margin-bottom: 14px;
  }
}
ul.list li + li {
  margin-top: 14px;
}
ul.list label {
  display: inline-block;
  padding-left: 27px;
}
ul.list label .jq-checkbox,
ul.list label .jq-radio {
  float: left;
  margin-left: -27px;
  top: .2em;
}

@media all and (max-width: 767px) {
  a.download,
  a.write {
    display: block;
    padding-left: 30px;
    position: relative;
  }
}
a.download i,
a.write i {
  margin-left: 0;
  margin-right: 10px;
}
@media all and (max-width: 767px) {
  a.download i,
  a.write i {
    float: left;
    margin-left: -30px;
    position: relative;
    top: 5px;
  }
}

a.cancel {
  padding-left: 30px;
  position: relative;
}
a.cancel i {
  margin-left: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

ul.shipment-types > li::after,
ul.payment-types > li::after {
  content: '';
  display: table;
  clear: both;
}

ul.shipment-types > li + li {
  margin-top: 50px;
}
ul.shipment-types .shipment-type-select {
  float: left;
  width: 440px;
}
@media all and (max-width: 1199px) {
  ul.shipment-types .shipment-type-select {
    width: 400px;
  }
}
@media all and (max-width: 995px) {
  ul.shipment-types .shipment-type-select {
    float: none;
    width: 100%;
  }
}
ul.shipment-types .shipment-type-select label {
  display: block;
  padding-left: 27px;
  font-size: 17px;
  color: #000;
}
ul.shipment-types .shipment-type-select label .jq-radio {
  float: left;
  margin: 6px 0 0 -27px;
}
ul.shipment-types .shipment-type-select .select {
  padding: 13px 0 0 27px;
}
ul.shipment-types .shipment-type-select .select select,
ul.shipment-types .shipment-type-select .select .jq-selectbox {
  display: block;
  width: 100%;
}
ul.shipment-types .shipment-type {
  margin-left: 460px;
}
@media all and (max-width: 1199px) {
  ul.shipment-types .shipment-type {
    margin-left: 430px;
  }
}
@media all and (max-width: 995px) {
  ul.shipment-types .shipment-type {
    margin: 15px 0 0;
    padding-left: 27px;
  }
}
ul.shipment-types .shipment-type .term {
  color: #818181;
}
ul.shipment-types .shipment-type .term span {
  color: #000;
}
ul.shipment-types .shipment-fields {
  margin-top: 30px;
}

ul.payment-types > li + li {
  margin-top: 30px;
}
ul.payment-types > li > label {
  font-size: 17px;
  color: #000;
}

.shipment-type .input-wrap,
.shipment-fields .input-wrap,
.payment-type .input-wrap,
.payment-fields .input-wrap {
  margin-top: 15px;
}
.shipment-type dl.inputs-wrap::after,
.shipment-type dl.input-wrap::after,
.shipment-fields dl.inputs-wrap::after,
.shipment-fields dl.input-wrap::after,
.payment-type dl.inputs-wrap::after,
.payment-type dl.input-wrap::after,
.payment-fields dl.inputs-wrap::after,
.payment-fields dl.input-wrap::after {
  content: '';
  display: table;
  clear: both;
}
.shipment-type dl.inputs-wrap > dt,
.shipment-type dl.input-wrap > dt,
.shipment-fields dl.inputs-wrap > dt,
.shipment-fields dl.input-wrap > dt,
.payment-type dl.inputs-wrap > dt,
.payment-type dl.input-wrap > dt,
.payment-fields dl.inputs-wrap > dt,
.payment-fields dl.input-wrap > dt {
  float: left;
  margin: 0 !important;
  padding: 12px 0 0;
  width: 215px;
  font-size: 15px;
  color: #6d6d6d !important;
}
@media all and (max-width: 767px) {
  .shipment-type dl.inputs-wrap > dt,
  .shipment-type dl.input-wrap > dt,
  .shipment-fields dl.inputs-wrap > dt,
  .shipment-fields dl.input-wrap > dt,
  .payment-type dl.inputs-wrap > dt,
  .payment-type dl.input-wrap > dt,
  .payment-fields dl.inputs-wrap > dt,
  .payment-fields dl.input-wrap > dt {
    float: none;
    margin: 0 0 5px;
    padding: 0;
    width: auto;
  }
}
.shipment-type dl.inputs-wrap > dd,
.shipment-type dl.input-wrap > dd,
.shipment-fields dl.inputs-wrap > dd,
.shipment-fields dl.input-wrap > dd,
.payment-type dl.inputs-wrap > dd,
.payment-type dl.input-wrap > dd,
.payment-fields dl.inputs-wrap > dd,
.payment-fields dl.input-wrap > dd {
  margin-left: 215px;
}
@media all and (max-width: 767px) {
  .shipment-type dl.inputs-wrap > dd,
  .shipment-type dl.input-wrap > dd,
  .shipment-fields dl.inputs-wrap > dd,
  .shipment-fields dl.input-wrap > dd,
  .payment-type dl.inputs-wrap > dd,
  .payment-type dl.input-wrap > dd,
  .payment-fields dl.inputs-wrap > dd,
  .payment-fields dl.input-wrap > dd {
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .shipment-type dl.input-wrap > dd,
  .shipment-fields dl.input-wrap > dd,
  .payment-type dl.input-wrap > dd,
  .payment-fields dl.input-wrap > dd {
    margin-top: 15px;
  }
}
.shipment-type dl.inputs-wrap > dt,
.shipment-fields dl.inputs-wrap > dt,
.payment-type dl.inputs-wrap > dt,
.payment-fields dl.inputs-wrap > dt {
  padding-top: 27px;
}
.shipment-type dl.inputs-wrap .grid,
.shipment-fields dl.inputs-wrap .grid,
.payment-type dl.inputs-wrap .grid,
.payment-fields dl.inputs-wrap .grid {
  margin-left: 0;
  margin-right: -10px;
}
.shipment-type dl.inputs-wrap .grid [class^="col-"],
.shipment-type dl.inputs-wrap .grid [class*=" col-"],
.shipment-fields dl.inputs-wrap .grid [class^="col-"],
.shipment-fields dl.inputs-wrap .grid [class*=" col-"],
.payment-type dl.inputs-wrap .grid [class^="col-"],
.payment-type dl.inputs-wrap .grid [class*=" col-"],
.payment-fields dl.inputs-wrap .grid [class^="col-"],
.payment-fields dl.inputs-wrap .grid [class*=" col-"] {
  padding-left: 0;
  padding-right: 10px;
}
.shipment-type input,
.shipment-type select,
.shipment-type .jq-selectbox .jq-selectbox__select,
.shipment-type .jq-selectbox .jq-selectbox__dropdown,
.shipment-type .static,
.shipment-fields input,
.shipment-fields select,
.shipment-fields .jq-selectbox .jq-selectbox__select,
.shipment-fields .jq-selectbox .jq-selectbox__dropdown,
.shipment-fields .static,
.payment-type input,
.payment-type select,
.payment-type .jq-selectbox .jq-selectbox__select,
.payment-type .jq-selectbox .jq-selectbox__dropdown,
.payment-type .static,
.payment-fields input,
.payment-fields select,
.payment-fields .jq-selectbox .jq-selectbox__select,
.payment-fields .jq-selectbox .jq-selectbox__dropdown,
.payment-fields .static {
  border-radius: 24px;
  padding: 0 20px;
  height: 48px;
  font-size: 15px;
  line-height: 46px;
}
.shipment-type .jq-selectbox .jq-selectbox__dropdown,
.shipment-fields .jq-selectbox .jq-selectbox__dropdown,
.payment-type .jq-selectbox .jq-selectbox__dropdown,
.payment-fields .jq-selectbox .jq-selectbox__dropdown {
  border-radius: 0 0 24px 24px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.shipment-type .jq-selectbox .jq-selectbox__dropdown::before,
.shipment-fields .jq-selectbox .jq-selectbox__dropdown::before,
.payment-type .jq-selectbox .jq-selectbox__dropdown::before,
.payment-fields .jq-selectbox .jq-selectbox__dropdown::before {
  left: 20px;
  right: 20px;
}
.shipment-type .btn,
.shipment-fields .btn,
.payment-type .btn,
.payment-fields .btn {
  border-radius: 24px;
  padding: 0 20px;
  height: 48px;
  font-size: 15px;
  line-height: 46px;
}
.shipment-type .jq-selectbox,
.shipment-fields .jq-selectbox,
.payment-type .jq-selectbox,
.payment-fields .jq-selectbox {
  max-width: 100%;
  min-width: 100%;
}
.shipment-type .jq-selectbox .jq-selectbox__dropdown,
.shipment-fields .jq-selectbox .jq-selectbox__dropdown,
.payment-type .jq-selectbox .jq-selectbox__dropdown,
.payment-fields .jq-selectbox .jq-selectbox__dropdown {
  padding: 0;
}
.shipment-type .jq-selectbox__dropdown li,
.shipment-fields .jq-selectbox__dropdown li,
.payment-type .jq-selectbox__dropdown li,
.payment-fields .jq-selectbox__dropdown li {
  padding-left: 5px;
  padding-right: 5px;
}
.shipment-type .static,
.shipment-fields .static,
.payment-type .static,
.payment-fields .static {
  border-color: none;
  border-radius: 0;
  padding: 0;
}
.shipment-type .input-range,
.shipment-fields .input-range,
.payment-type .input-range,
.payment-fields .input-range {
  border-radius: 24px;
  padding: 9px 20px 11px;
  height: 48px;
  line-height: 46px;
}
.shipment-type .input-range input,
.shipment-fields .input-range input,
.payment-type .input-range input,
.payment-fields .input-range input {
  height: 26px;
  line-height: 25.5px;
}

.payment-type,
.payment-fields {
  padding-left: 27px;
  padding-top: 10px;
  max-width: 580px;
}

.shipment-summary {
  float: right;
  padding-top: 20px;
  width: 260px;
}
.shipment-summary p {
  margin: 0 0 20px;
  font-size: 19px;
  color: #000;
}
.shipment-summary p span {
  text-transform: uppercase;
}
.shipment-summary dl {
  font-weight: bold;
  font-size: 17px;
  text-align: right;
  color: #000;
}
.shipment-summary dl::after {
  content: '';
  display: table;
  clear: both;
}
.shipment-summary dl + dl {
  margin-top: 5px;
}
.shipment-summary dl dt {
  float: left;
}

.file-links {
  margin-top: 10px;
  text-align: right;
}
.file-links a {
  margin-left: 30px;
}

p.small {
  font-size: 13px;
}

p.important {
  padding-left: 40px;
  color: #000;
  position: relative;
}
p.important::before {
  content: '';
  display: block;
  margin: -2px 0 0 !important;
  position: absolute;
  top: 0;
  left: 0;
}
p.important strong {
  font-weight: normal;
  color: #e60039;
}
p.important + table {
  margin-top: 40px;
}

ul.icons {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 0;
}
ul.icons li {
  display: inline-block;
  margin: 0 5px 0 0;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  width: 42px;
  height: 26px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .input-wrap-file {
    margin-right: 30px;
  }
}
.input-wrap-file a.file-clear {
  float: right;
  margin-right: -30px;
  position: relative;
  top: -40px;
}
.input-wrap-file a.file-clear i {
  margin: 0 !important;
}

ul.single-actions {
  margin: 20px 0 0 -22px;
  text-align: left;
  font-size: 0;
}
@media all and (max-width: 767px) {
  ul.single-actions {
    display: none;
  }
}
ul.single-actions li {
  display: inline-block;
  padding: 0 22px;
  margin-bottom: 10px;
  font-size: 15px;
  white-space: nowrap;
}
ul.single-actions li::before {
  display: none !important;
}
ul.single-actions li + li {
  border-left: 1px solid #ccc;
}
ul.single-actions li + li.row-item-first {
  border: 0;
}
ul.single-actions a i {
  margin: -2px 10px 0 0 !important;
}

#recipient-other .hr.arrow {
  display: none;
}

header.page {
  background: #fff;
  border-bottom: 1px solid #c6c6c6;
}
@media all and (max-width: 767px) {
  header.page {
    min-height: 0 !important;
  }
}
@media all and (min-width: 996px) {
  header.page.fixed .header-wrap {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
  }
}
header.page.fixed .top {
  overflow: hidden;
}
@media all and (max-width: 995px) {
  header.page.fixed .top {
    margin-top: 0 !important;
  }
}
header.page .header-wrap {
  position: relative;
  z-index: 3;
}
header.page .header-wrap:hover {
  z-index: 10;
}
header.page .top {
  background: #c2dcff;
  text-align: center;
  position: relative;
}
@media all and (max-width: 767px) {
  header.page .top {
    display: none !important;
  }
}
header.page .top:hover {
  z-index: 12;
}
header.page .top::before, header.page .top::after {
  content: '';
  display: block;
  width: 490px;
  background: url(../images/img-1.png) 50% 50% no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
}
header.page .top::before {
  background-position: 0% 19%;
  left: 0;
}
header.page .top::after {
  background-position: 100% 10%;
  right: 0;
}
header.page .top .container {
  background: #c2dcff;
  position: relative;
  z-index: 2;
}
header.page .top .sites {
  float: left;
  padding-top: 17px;
  font-size: 0;
  line-height: 1;
}
header.page .top .sites li {
  display: inline-block;
  vertical-align: top;
  width: 118px;
  font-size: 15px;
  text-align: center;
}
@media all and (max-width: 1199px) {
  header.page .top .sites li {
    width: 90px;
    font-size: 13px;
  }
}
@media all and (max-width: 995px) {
  header.page .top .sites li {
    width: 80px;
    font-size: 12px;
  }
}
header.page .top .sites li + li {
  margin-left: 6px;
}
header.page .top .sites li a,
header.page .top .sites li span {
  display: block;
  border-radius: 6px 6px 0 0;
  padding: 18px 5px 17px;
  text-decoration: none;
  color: #445060;
  background: rgba(255, 255, 255, 0.5);
  transition: color .25s,background .25s;
}
header.page .top .sites li a:hover,
header.page .top .sites li span:hover {
  color: #000;
  background: #fff;
}
header.page .top .sites li.active a,
header.page .top .sites li.active span {
  font-weight: 600;
  color: #000;
  background: #fff;
  cursor: default !important;
}
header.page .top .city,
header.page .top .recall {
  display: inline-block;
  margin: 14px 15px 0;
  font-size: 16px;
}
@media all and (max-width: 1199px) {
  header.page .top .city,
  header.page .top .recall {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  header.page .top .city,
  header.page .top .recall {
    display: none;
  }
}
header.page .top .city {
  position: relative;
}
header.page .top .city .current {
  cursor: pointer;
}
header.page .top .city .current:hover {
  color: #e60039;
  position: relative;
}
header.page .top .city .current:hover::after {
  content: '';
  display: block;
  height: 15px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
header.page .top .city .current i {
  margin-left: 10px;
}
@media all and (max-width: 1199px) {
  header.page .top .city .current i {
    margin-left: 5px;
  }
}
header.page .top .city .dropdown {
  padding: 28px 39px 40px;
  width: 890px;
  max-width: 890px;
  text-align: left;
}
@media all and (max-width: 1199px) {
  header.page .top .city .dropdown {
    padding: 20px 27px;
  }
}
@media all and (max-width: 995px) {
  header.page .top .city .dropdown {
    width: 700px;
  }
}
@media all and (max-width: 767px) {
  header.page .top .city .dropdown {
    width: auto;
  }
}
header.page .top .city .dropdown.moved {
  transform: none;
}
header.page .top .city .dropdown .value {
  margin: 0 0 .3em;
  font-weight: normal;
  font-size: 28px;
  color: #000;
}
header.page .top .city .dropdown hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #e0e0e0;
}
header.page .top .city .dropdown li + li {
  margin-top: 5px;
}
header.page .top .city .dropdown li.active a {
  color: #e60039;
}
header.page .top .recall {
  font-weight: 300;
}
header.page .top .recall .icon-wrap {
  margin-left: 14px;
}
@media all and (max-width: 1199px) {
  header.page .top .recall .icon-wrap {
    margin-left: 5px;
  }
}
header.page .top .contacts {
  float: right;
  margin-top: 14px;
}
header.page .top .contacts .phone span {
  color: #616161;
}
header.page .top .contacts .phone a {
  color: #000;
}
header.page .top .contacts .phone a:hover {
  color: #e60039;
}
header.page .main {
  position: relative;
}
@media all and (max-width: 995px) {
  header.page .main .container {
    padding: 0 75px 0 66px;
  }
}
@media all and (max-width: 767px) {
  header.page .main .container {
    padding: 0 66px;
  }
}
header.page .main nav {
  float: left;
  margin: 35px 0 0;
}
@media all and (max-width: 1050px) {
  header.page .main nav {
    margin-top: 37px;
  }
}
@media all and (max-width: 995px) {
  header.page .main nav {
    display: none;
  }
}
header.page .main nav > ul {
  float: left;
  font-weight: normal;
  font-size: 0;
}
header.page .main nav > ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
}
@media all and (max-width: 1050px) {
  header.page .main nav > ul li {
    font-size: 15px;
  }
}
header.page .main nav > ul li + li {
  margin-left: 49px;
}
@media all and (max-width: 1399px) {
  header.page .main nav > ul li + li {
    margin-left: 30px;
  }
}
header.page .main nav a {
  text-decoration: none;
  color: #000;
}
header.page .main nav a:hover {
  color: #e60039;
}
header.page .main .contacts {
  display: none;
  float: right;
  margin: 27px 20px 0;
}
@media all and (max-width: 767px) {
  header.page .main .contacts {
    display: block;
    margin: 10px 20px 0 0;
  }
}
@media all and (max-width: 450px) {
  header.page .main .contacts {
    display: none !important;
  }
}
header.page .main .contacts .phone span {
  color: #616161;
}
header.page .main .contacts .phone a {
  color: #000;
}
header.page .main .contacts .phone a:hover {
  color: #e60039;
}
header.page .bottom {
  border-top: 1px solid #c6c6c6;
  position: relative;
}
header.page .bottom:hover {
  z-index: 3;
}
@media all and (max-width: 995px) {
  header.page .bottom {
    border: 0;
    height: 0;
  }
  header.page .bottom .container > * {
    display: none;
  }
  header.page .bottom .search {
    display: block !important;
    margin-top: -60px;
  }
}
@media all and (max-width: 767px) {
  header.page .bottom .search {
    margin-top: -51px;
  }
}
header.page .bottom ul.nav {
  float: left;
  margin: 33px 0 0 25px;
  font-weight: normal;
  font-size: 0;
}
@media all and (max-width: 1399px) {
  header.page .bottom ul.nav {
    margin-left: 15px;
  }
}
@media all and (max-width: 995px) {
  header.page .bottom ul.nav {
    display: none;
  }
}
header.page .bottom ul.nav > li {
  display: inline-block;
  font-size: 15px;
}
header.page .bottom ul.nav > li + li {
  margin-left: 25px;
}
@media all and (max-width: 1399px) {
  header.page .bottom ul.nav > li + li {
    margin-left: 15px;
  }
}
header.page .logo {
  float: left;
  margin: 27px 40px 11px 0;
}
@media all and (max-width: 1399px) {
  header.page .logo {
    margin-right: 30px;
  }
}
@media all and (max-width: 995px) {
  header.page .logo {
    margin-top: 7px;
    margin-bottom: 3px;
  }
}
@media all and (max-width: 767px) {
  header.page .logo {
    margin: 5px 10px 5px 0 !important;
  }
  header.page .logo img {
    height: 30px;
  }
}
header.page .logo a {
  text-decoration: none;
  color: #000 !important;
}
header.page .logo span {
  display: block;
  font-weight: 300;
  font-size: 13px;
  line-height: 19px;
  color: #000;
}
@media all and (max-width: 767px) {
  header.page .logo span {
    font-size: 12px;
    line-height: 16px;
  }
}
header.page .logo img {
  width: auto !important;
}
header.page .search {
  float: right;
  margin-top: 20px;
}
@media all and (max-width: 767px) {
  header.page .search {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  header.page .search .icon-wrap {
    width: 46px !important;
    height: 46px !important;
  }
}
header.page .search.opened > a i {
  margin: -8.5px 0 0 -8.5px !important;
  position: absolute !important;
}
header.page .search.opened > a i::before {
  opacity: 1 !important;
}
header.page .search.opened > a:hover i::before {
  opacity: 0 !important;
}
header.page .search.opened > a:hover i::after {
  opacity: 1 !important;
}
header.page .search.opened .wrap {
  display: block;
}
header.page .search .wrap {
  display: none;
  border: 1px solid #c6c6c6;
  border-width: 1px 0;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
}
header.page .search .wrap::before {
  content: '';
  display: block;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
header.page .search .wrap::after {
  content: '';
  display: block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  height: 5px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 1;
  pointer-events: none;
}
header.page .search .wrap .form {
  display: block;
  margin: 15px 0;
  position: relative;
  z-index: 3;
}
@media all and (max-width: 767px) {
  header.page .search .wrap .form {
    margin: 10px 0;
  }
}
header.page .search .wrap .form .input-wrap {
  margin: 0;
  position: relative;
  z-index: 3;
}
header.page .search .wrap .form input {
  margin: 0;
  border-radius: 25px;
  padding: 0 100px 0 50px;
  height: 48px;
  font-weight: 300;
  font-size: 15px;
  line-height: 48px;
  text-align: left;
  background: #fff;
}
@media all and (max-width: 767px) {
  header.page .search .wrap .form input {
    padding: 0 50px 0 16px;
  }
}
header.page .search .wrap .form .submit {
  margin: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 4;
}
header.page .search .wrap .form .submit button {
  border: 0;
  border-radius: 0 25px 25px 0;
  padding: 0;
  width: 100px;
  height: 100%;
  background: transparent;
  cursor: pointer;
  position: relative;
}
@media all and (max-width: 767px) {
  header.page .search .wrap .form .submit button {
    width: 50px;
  }
}
header.page .search .wrap .form .submit button i {
  position: absolute;
  top: 50%;
  left: 50%;
}
header.page .search .wrap .form.with-autocomplete input {
  border-radius: 25px 25px 0 0;
  border-color: #949494;
}
header.page .search .wrap .form.with-autocomplete button {
  border-radius: 0 25px 0 0;
}
header.page .search .autocomplete {
  margin-top: -1px;
  border: 1px solid #949494;
  border-top-color: #e5e5e5;
  border-radius: 0 0 25px 25px;
  padding: 10px 27px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
}
@media all and (max-width: 767px) {
  header.page .search .autocomplete {
    padding: 5px 8px;
  }
}
header.page .search .autocomplete ul {
  font-weight: 600;
  font-size: 19px;
  color: #000;
  text-align: center;
}
@media all and (max-width: 767px) {
  header.page .search .autocomplete ul {
    font-size: 17px;
  }
}
header.page .search .autocomplete ul li > span {
  display: block;
  padding: 15px 25px 12px;
}
@media all and (max-width: 767px) {
  header.page .search .autocomplete ul li > span {
    padding: 6px 8px 7px;
  }
}
header.page .search .autocomplete ul ul {
  font-weight: normal;
  font-size: 17px;
  text-align: left;
}
@media all and (max-width: 767px) {
  header.page .search .autocomplete ul ul {
    font-size: 15px;
  }
}
header.page .search .autocomplete ul ul li {
  border-top: 1px solid #e5e5e5;
  padding: 10px 25px 12px;
}
@media all and (max-width: 767px) {
  header.page .search .autocomplete ul ul li {
    padding: 6px 8px 7px;
  }
}
header.page .search .autocomplete ul ul span.image {
  display: inline-block;
  margin: 0 12px 0 -12px;
  width: 50px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
}
@media all and (max-width: 767px) {
  header.page .search .autocomplete ul ul span.image {
    display: none !important;
  }
}
header.page .search .autocomplete ul ul span.image img {
  max-width: 100%;
  max-height: 100%;
}
header.page .search .autocomplete span.s {
  font-weight: 600;
  color: #e60039;
}
header.page .contacts {
  font-size: 0;
  position: relative;
}
header.page .contacts .phone {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  font-size: 17px;
  line-height: 1;
  text-align: right;
}
@media all and (max-width: 1199px) {
  header.page .contacts .phone {
    font-size: 15px;
  }
}
header.page .contacts .phone + .phone {
  margin-left: 24px;
  padding-left: 25px;
}
@media all and (max-width: 1199px) {
  header.page .contacts .phone + .phone {
    margin-left: 9px;
    padding-left: 10px;
  }
}
@media all and (max-width: 995px) {
  header.page .contacts .phone + .phone {
    display: none;
  }
}
header.page .contacts .phone + .phone::before {
  content: '';
  display: block;
  margin-left: -25px;
  height: 25px;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (max-width: 1199px) {
  header.page .contacts .phone + .phone::before {
    margin-left: -10px;
  }
}
header.page .contacts .phone span {
  display: block;
  margin: 0 0 4px;
  font-weight: 300;
  font-size: 13px;
  color: #616161;
}
header.page .contacts .phone a {
  text-decoration: none;
  color: #000;
}
header.page .contacts .phone a:hover {
  color: #e60039;
}

@media all and (min-width: 768px) {
  .city-question-opened header.page .top {
    z-index: 4;
  }
  .city-question-opened header.page .top .city::after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.12);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
  }
  .city-question-opened .city-question {
    visibility: visible;
    opacity: 1;
    transition-delay: .25s;
  }
}

.city-question {
  margin-top: 15px;
  border: 1px solid #c6c6c6;
  border-radius: 7px;
  padding: 20px 27px;
  width: 490px;
  font-size: 17px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 8;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .25s,opacity .25s 0s;
}
.city-question::before, .city-question::after {
  content: '';
  display: block;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 100%;
}
.city-question::before {
  margin-left: -12px;
  border-width: 0 12px 9px;
  border-color: #c6c6c6 transparent;
}
.city-question::after {
  margin-left: -10px;
  border-width: 0 10px 8px;
  border-color: #fff transparent;
}
.city-question p {
  font-weight: 600;
  font-size: 17px;
  line-height: 18px;
  color: #000;
}
.city-question .btns {
  margin-top: 20px;
  font-size: 0;
  white-space: nowrap;
}
.city-question .btns .btn {
  display: inline-block;
  margin-left: -4px;
  min-width: 0;
  width: 50%;
}
.city-question .btns .btn + .btn {
  margin-left: 8px;
  margin-right: -4px;
}

.form-search {
  display: block;
  position: relative;
  z-index: 3;
}
.form-search .input-wrap {
  margin: 0;
  position: relative;
  z-index: 3;
}
.form-search input {
  margin: 0;
  border-radius: 25px;
  padding: 0 100px 0 50px;
  height: 48px;
  font-weight: 300;
  font-size: 15px;
  line-height: 48px;
  text-align: left;
  background: #fff;
}
@media all and (max-width: 767px) {
  .form-search input {
    padding: 0 50px 0 16px;
  }
}
.form-search .submit {
  margin: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 4;
}
.form-search .submit button {
  border: 0;
  border-radius: 0 25px 25px 0;
  padding: 0;
  width: 100px;
  height: 100%;
  background: transparent;
  cursor: pointer;
  position: relative;
}
@media all and (max-width: 767px) {
  .form-search .submit button {
    width: 50px;
  }
}
.form-search .submit button i {
  position: absolute;
  top: 50%;
  left: 50%;
}
.form-search.with-autocomplete input {
  border-radius: 25px 25px 0 0;
  border-color: #949494;
}
.form-search.with-autocomplete button {
  border-radius: 0 25px 0 0;
}

.autocomplete {
  margin-top: -1px;
  border: 1px solid #949494;
  border-top-color: #e5e5e5;
  border-radius: 0 0 25px 25px;
  padding: 10px 27px;
  background: #fff;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  z-index: 3;
}
@media all and (max-width: 767px) {
  .autocomplete {
    padding: 5px 8px;
  }
}
.autocomplete ul {
  font-weight: 600;
  font-size: 19px;
  color: #000;
  text-align: center;
}
@media all and (max-width: 767px) {
  .autocomplete ul {
    font-size: 17px;
  }
}
.autocomplete ul li > span {
  display: block;
  padding: 15px 25px 12px;
}
@media all and (max-width: 767px) {
  .autocomplete ul li > span {
    padding: 6px 8px 7px;
  }
}
.autocomplete ul ul {
  font-weight: normal;
  font-size: 17px;
  text-align: left;
}
@media all and (max-width: 767px) {
  .autocomplete ul ul {
    font-size: 15px;
  }
}
.autocomplete ul ul li {
  border-top: 1px solid #e5e5e5;
  padding: 10px 25px 12px;
}
@media all and (max-width: 767px) {
  .autocomplete ul ul li {
    padding: 6px 8px 7px;
  }
}
.autocomplete ul ul span.image {
  display: inline-block;
  margin: 0 12px 0 -12px;
  width: 50px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
}
@media all and (max-width: 767px) {
  .autocomplete ul ul span.image {
    display: none !important;
  }
}
.autocomplete ul ul span.image img {
  max-width: 100%;
  max-height: 100%;
}
.autocomplete span.s {
  font-weight: 600;
  color: #e60039;
}

footer.page {
  text-align: center;
}
footer.page .top {
  border-top: 1px solid #e1e1e1;
  padding: 10px 0 14px;
}
@media all and (max-width: 767px) {
  footer.page .top {
    padding-top: 27px;
  }
  footer.page .top ul.user {
    display: none;
  }
}
footer.page .top .logo {
  float: left;
  margin: 30px 40px 11px 0;
  text-align: left;
}
@media all and (max-width: 767px) {
  footer.page .top .logo {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 14px;
  }
}
footer.page .top .logo a {
  text-decoration: none;
  color: #000 !important;
}
footer.page .top .logo span {
  display: block;
  font-weight: 300;
  font-size: 13px;
  color: #000;
}
footer.page .top .sites {
  float: left;
  margin-top: 27px;
  width: 160px;
  height: 46px;
  position: relative;
}
@media all and (max-width: 767px) {
  footer.page .top .sites {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 14px;
  }
}
footer.page .top .sites ul {
  border: 1px solid #d1d1d1;
  border-radius: 7px;
  padding-top: 44px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
footer.page .top .sites ul li {
  display: none;
}
footer.page .top .sites ul li.active {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
footer.page .top .sites ul li.active a::before,
footer.page .top .sites ul li.active span::before {
  content: '';
  background-image: url(../images/icons.png);
  position: absolute;
  top: 50%;
  right: 18px;
}
footer.page .top .sites ul a,
footer.page .top .sites ul span {
  display: block;
  padding: 13px 0 15px 24px;
  color: #000;
}
footer.page .top .sites ul a:hover {
  color: #e60039;
}
@media all and (min-width: 768px) {
  footer.page .top .sites:hover ul {
    height: auto;
  }
  footer.page .top .sites:hover li {
    display: block;
  }
}
@media all and (max-width: 767px) {
  footer.page .top .sites li.active {
    cursor: pointer;
  }
  footer.page .top .sites.opened ul {
    height: auto;
  }
  footer.page .top .sites.opened li {
    display: block;
  }
}
footer.page .top ul.user {
  text-align: right;
  padding: 22px 0 16px;
  min-width: 324px;
}
footer.page .top ul.user li {
  text-align: left;
}
footer.page .top .socials {
  padding-top: 17px;
  font-weight: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
@media all and (max-width: 995px) {
  footer.page .top .socials {
    clear: both;
  }
}
footer.page .top .socials a {
  display: inline-block;
  margin: 5px;
  font-size: 20px;
  color: #000;
}
footer.page .top .socials a:hover {
  color: #e60039;
}
footer.page .nav {
  border-top: 1px solid #e1e1e1;
  padding: 33px 0 41px;
  text-align: left;
}
@media all and (max-width: 767px) {
  footer.page .nav {
    padding: 15px 0;
  }
}
footer.page .nav .nav-items {
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 995px) {
  footer.page .nav .nav-items {
    display: block;
    font-size: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  footer.page .nav .nav-items {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  footer.page .nav .nav-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  footer.page .nav .nav-item:nth-child(2) ~ .nav-item {
    margin-top: 30px;
  }
}
footer.page .nav .title {
  font-weight: normal;
  font-size: 19px;
}
@media all and (max-width: 995px) {
  footer.page .nav .title {
    padding: 5px 20px 5px 0;
    position: relative;
  }
}
footer.page .nav .title.opened span.toggle::after {
  opacity: 0;
}
footer.page .nav .title.opened + ul {
  display: block;
}
footer.page .nav .title a,
footer.page .nav .title i {
  display: inline;
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  color: #000;
}
@media all and (max-width: 767px) {
  footer.page .nav .title a,
  footer.page .nav .title i {
    border-color: transparent !important;
  }
}
footer.page .nav .title a:hover {
  border-color: transparent;
  color: #e60039;
}
footer.page .nav .title span.toggle {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  footer.page .nav .title span.toggle {
    display: block;
  }
}
footer.page .nav .title span.toggle:hover::before, footer.page .nav .title span.toggle:hover::after {
  background: #e60039;
}
footer.page .nav .title span.toggle::before, footer.page .nav .title span.toggle::after {
  content: '';
  display: block;
  margin: -1px 0 0 -6px;
  border-radius: 2px;
  width: 12px;
  height: 2px;
  background: #262626;
  position: absolute;
  top: 50%;
  left: 50%;
}
footer.page .nav .title span.toggle::after {
  transform: rotate(90deg);
  transition: opacity .25s;
}
footer.page .nav ul {
  margin-top: 13px;
  font-size: 17px;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  footer.page .nav ul {
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  footer.page .nav ul {
    display: none;
    margin: 5px 0 30px;
  }
}
footer.page .nav ul li + li {
  margin-top: 5px;
}
footer.page .main, footer.page .bottom {
  background: #e8e9ea;
}
footer.page .main {
  padding: 39px 0 33px;
}
footer.page .main .col-sm-25,
footer.page .main .col-md-25 {
  text-align: left;
}
@media all and (max-width: 479px) {
  footer.page .main .col-sm-25,
  footer.page .main .col-md-25 {
    width: 100%;
    text-align: center;
  }
}
footer.page .main .col-sm-25:first-child + .col-sm-25,
footer.page .main .col-md-25:first-child + .col-md-25 {
  float: right;
  text-align: right;
}
@media all and (max-width: 479px) {
  footer.page .main .col-sm-25:first-child + .col-sm-25,
  footer.page .main .col-md-25:first-child + .col-md-25 {
    float: none;
    margin-top: 20px;
    text-align: center;
  }
}
footer.page .main .links {
  padding-top: 26px;
  font-size: 16px;
  text-align: center;
}
footer.page .main .links span.sep {
  display: none;
}
footer.page .main .links a {
  display: inline-block;
  white-space: nowrap;
  color: #000;
}
footer.page .main .links a:hover {
  color: #e60039;
}
footer.page .main .links a .icon-wrap {
  margin-right: 13px;
}
footer.page .main .links a ~ a {
  margin: 10px 25px;
}
@media all and (max-width: 767px) {
  footer.page .main .links a ~ a {
    margin: 10px;
  }
}
footer.page .main .safely {
  margin-top: 18px;
  font-weight: 600;
  font-size: 14px;
  color: #000;
  text-align: center;
}
footer.page .main .safely img {
  margin-top: 6px;
}
footer.page .phone {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  font-size: 17px;
  line-height: 1;
  white-space: nowrap;
}
@media all and (max-width: 995px) {
  footer.page .phone span {
    white-space: normal;
  }
}
@media all and (max-width: 479px) {
  footer.page .phone {
    display: block;
  }
}
footer.page .phone + .phone::before {
  content: '';
  display: block;
  margin: 18px 0;
  border-top: 1px solid #d0d1d2;
  width: 160px;
  height: 1px;
}
@media all and (max-width: 479px) {
  footer.page .phone + .phone::before {
    margin-left: auto;
    margin-right: auto;
  }
}
footer.page .phone .title {
  margin: 0 0 15px;
  font-weight: 400;
  color: #000;
  font-size: 22px;
}
footer.page .phone .title::after {
  content: '';
  display: block;
  margin: 16px 0 0;
  border-top: 1px solid #d0d1d2;
  width: 160px;
  height: 1px;
}
@media all and (max-width: 479px) {
  footer.page .phone .title::after {
    margin: 16px auto 0;
  }
}
footer.page .phone .title ~ span {
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
footer.page .phone .title ~ a {
  font-size: 25px;
}
footer.page .phone span {
  display: block;
  margin: 0 0 4px;
  font-weight: 300;
  font-size: 13px;
  color: #616161;
}
footer.page .phone a {
  text-decoration: none;
  color: #000;
}
footer.page .phone a:hover {
  color: #e60039;
}
footer.page .find-error {
  margin: 33px 0 -20px;
  font-weight: 300;
  font-size: 13px;
  color: #616161;
  text-align: center;
}
@media all and (max-width: 995px) {
  footer.page .find-error {
    display: none !important;
  }
}
footer.page .bottom {
  border-top: 1px solid #d0d1d2;
  padding: 23px 0;
}
footer.page .bottom .container {
  padding-left: 110px;
  padding-right: 110px;
  font-size: 14px;
  color: #7c7c7d;
  position: relative;
}
@media all and (max-width: 767px) {
  footer.page .bottom .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
footer.page .bottom .developer {
  width: 80px;
  text-align: right;
  position: absolute;
  top: -8px;
  right: 10px;
}
@media all and (max-width: 767px) {
  footer.page .bottom .developer {
    margin-top: 20px;
    width: auto;
    text-align: center;
    position: static;
  }
}
footer.page .bottom .developer a {
  color: #7c7c7d;
}
footer.page .bottom .developer img {
  display: block;
  margin-top: 4px;
}
@media all and (max-width: 767px) {
  footer.page .bottom .developer img {
    display: inline-block;
  }
}
footer.page .copyrights {
  font-weight: 300;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes backlight {
  0%,
  21% {
    width: 0;
    padding-top: 0;
    opacity: 0;
  }
  10% {
    width: 60%;
    padding-top: 60%;
    opacity: .25;
  }
  20% {
    width: 120%;
    padding-top: 120%;
    opacity: 0;
  }
}
@keyframes backlight {
  0%,
  21% {
    width: 0;
    padding-top: 0;
    opacity: 0;
  }
  10% {
    width: 60%;
    padding-top: 60%;
    opacity: .25;
  }
  20% {
    width: 120%;
    padding-top: 120%;
    opacity: 0;
  }
}
body.homepage nav.page > ul > li.with-animate.animate > span::before {
  -webkit-animation: backlight 10s linear 2s infinite;
  animation: backlight 10s linear 2s infinite;
}

nav.page {
  float: left;
  margin-left: -1px;
}
nav.page::before {
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.12);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,opacity 0s;
}
nav.page.hover {
  z-index: 6;
}
nav.page.hover > ul {
  z-index: 4;
}
nav.page.hover::before,
nav.page.hover > ul > li:not(.hover) > a::before {
  visibility: visible;
  opacity: 1;
}
nav.page > ul {
  font-size: 0;
  position: relative;
  z-index: 3;
}
nav.page > ul > li {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #ebebeb;
  font-weight: 600;
  font-size: 17px;
  text-align: center;
  position: relative;
  z-index: 3;
}
nav.page > ul > li:first-child {
  border-left: 1px solid #ebebeb;
}
nav.page > ul > li:first-child > a::before {
  left: -1px;
}
nav.page > ul > li.with-animate > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}
nav.page > ul > li.with-animate > span::before {
  content: '';
  display: block;
  border-radius: 50%;
  width: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 50px #e60039;
  background: rgba(230, 0, 57, 0.5);
  z-index: 3;
  transform: translate(-50%, -50%);
}
nav.page > ul > li.hover {
  z-index: 3;
}
nav.page > ul > li.hover > ul {
  visibility: visible !important;
  opacity: 1 !important;
}
nav.page > ul > li.hover > a {
  position: relative;
  z-index: 6;
}
nav.page > ul > li > a {
  display: block;
  padding: 43px 20px 0;
  height: 90px;
  background: #fff;
  position: relative;
}
nav.page > ul > li > a::before {
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,opacity 0s;
}
nav.page > ul > li > a i {
  margin: 0;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
}
nav.page > ul > li > ul.catalog {
  padding: 26px 0;
  width: 400px;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  background: #f7f7f7;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,opacity 0s;
}
@media all and (max-width: 1199px) {
  nav.page > ul > li > ul.catalog {
    white-space: normal;
    width: 300px;
  }
}
nav.page > ul > li > ul.catalog .submenu {
  display: none;
  padding-left: 400px;
  min-height: 100%;
  white-space: normal;
  background: #f7f7f7;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
nav.page > ul > li > ul.catalog .submenu-wrap {
  padding: 25px 394px 225px 50px;
  width: 788px;
  min-height: 100%;
  background: #fff;
}
@media all and (max-width: 1199px) {
  nav.page > ul > li > ul.catalog .submenu-wrap {
    width: 600px;
    padding: 25px;
    padding-right: 300px;
  }
}
nav.page > ul > li > ul.catalog .submenu-wrap::before {
  content: '';
  display: block;
  margin-left: -50px;
  border-left: 1px solid #e1e1e1;
  width: 788px;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  background: -moz-linear-gradient(-45deg, white 0%, #c2dcff 75%);
  background: -webkit-linear-gradient(-45deg, white 0%, #c2dcff 75%);
  background: linear-gradient(135deg, white 0%, #c2dcff 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c2dcff',GradientType=1 );
  z-index: 1;
}
@media all and (max-width: 1199px) {
  nav.page > ul > li > ul.catalog .submenu-wrap::before {
    margin-left: -25px;
    width: 600px;
  }
}
nav.page > ul > li > ul.catalog .submenu-custom {
  margin-left: 50px;
  font-size: 24px;
  line-height: 1;
  color: #1d262e;
  position: absolute;
  left: 400px;
  bottom: 0;
  z-index: 3;
}
@media all and (max-width: 1199px) {
  nav.page > ul > li > ul.catalog .submenu-custom {
    margin-left: 25px;
  }
}
nav.page > ul > li > ul.catalog .submenu-custom a {
  float: left;
  padding: 25px 100px 25px 15px;
  color: #1d262e;
}
@media all and (max-width: 1199px) {
  nav.page > ul > li > ul.catalog .submenu-custom a {
    padding: 25px 0 25px;
  }
}
nav.page > ul > li > ul.catalog .submenu-custom a:hover {
  color: #e60039;
}
nav.page > ul > li > ul.catalog .submenu-custom big {
  display: block;
  font-size: 30px;
  line-height: 1.26;
  color: #e60039;
  position: relative;
}
nav.page > ul > li > ul.catalog .submenu-custom big span {
  display: block;
  margin: -25px -25px 0 0;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 100%;
  right: -100px;
}
@media all and (max-width: 1199px) {
  nav.page > ul > li > ul.catalog .submenu-custom big span {
    display: none !important;
  }
}
nav.page > ul > li > ul.catalog .submenu-custom big span::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
nav.page > ul > li > ul.catalog .submenu-custom big::after {
  content: '';
  display: block;
  margin: 15px 0;
  border-top: 1px solid #fff;
  width: 60px;
  height: 1px;
}
nav.page > ul > li > ul.catalog .submenu-custom small {
  display: block;
  margin-top: 10px;
  font-size: 13px;
}
nav.page > ul > li > ul.catalog .submenu-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
nav.page > ul > li > ul.catalog .submenu-inner {
  position: relative;
  z-index: 3;
}
nav.page > ul > li > ul.catalog .submenu-inner .head {
  margin: 0 0 17px;
  padding: 15px 0;
  border-bottom: 1px solid #e1e1e1;
  font-size: 16px;
}
nav.page > ul > li > ul.catalog .submenu-inner .head a {
  color: #000;
}
nav.page > ul > li > ul.catalog .submenu-inner .head a:hover {
  color: #e60039;
}
nav.page > ul > li > ul.catalog .submenu-inner ul {
  margin: 15px 0;
  font-size: 14px;
}
nav.page > ul > li > ul.catalog .submenu-inner ul li + li {
  margin-top: 5px;
}
nav.page > ul > li > ul.catalog .submenu-inner ul li.hover > a::after {
  border-color: transparent #e60039 !important;
}
nav.page > ul > li > ul.catalog .submenu-inner ul li.hover > .child {
  display: block;
}
nav.page > ul > li > ul.catalog .submenu-inner ul .child {
  display: none;
  padding-left: 50px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
}
nav.page > ul > li > ul.catalog > li:hover > a {
  color: #e60039;
}
nav.page > ul > li > ul.catalog > li.hover > a {
  color: #fff;
  background: #e60039;
}
nav.page > ul > li > ul.catalog > li.hover .submenu {
  display: block;
  z-index: 2;
}
nav.page > ul > li > ul.catalog > li > a {
  display: block;
  padding: 2px 50px 3px;
  position: relative;
  z-index: 3;
  transition: color .25s,background .25s;
}
@media all and (max-width: 1199px) {
  nav.page > ul > li > ul.catalog > li > a {
    padding: 2px 20px 3px;
  }
}
nav.page > ul > li > ul.catalog li.parent:hover > a::after {
  border-color: transparent #e60039;
}
nav.page > ul > li > ul.catalog li.parent.hover > a::after {
  border-color: transparent #fff;
}
nav.page > ul > li > ul.catalog li.parent > a::after {
  content: '';
  display: inline-block;
  margin: 0 0 0 4px;
  border-width: 4px 0 4px 4px;
  border-style: solid;
  border-color: transparent #0f315a;
  transition: border .25s;
}
nav.page > ul > li > ul.brands {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 0;
  width: 900px;
  font-weight: normal;
  font-size: 13px;
  white-space: normal;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,opacity 0s;
  overflow-y: hidden;
}
@media all and (max-width: 1199px) {
  nav.page > ul > li > ul.brands {
    white-space: normal;
    width: 800px;
  }
}
nav.page > ul > li > ul.brands > li {
  flex-basis: 20%;
}
nav.page > ul > li > ul.brands > li:nth-child(n+5)::before {
  content: '';
  display: block;
  margin-top: -1px;
  border-top: 1px solid #c6c6c6;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
}
nav.page > ul > li > ul.brands > li:nth-child(5n) .brand::after {
  display: none !important;
}
nav.page > ul > li > ul.brands .brand {
  padding: 15px 10px;
  height: 100%;
  position: relative;
  background: #fff;
  transition: background .25s;
}
nav.page > ul > li > ul.brands .brand:hover {
  background: #f7f7f7;
}
nav.page > ul > li > ul.brands .brand::after {
  content: '';
  display: block;
  border-left: 1px solid #c6c6c6;
  width: 1px;
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 20px;
}
nav.page > ul > li > ul.brands .image {
  margin: 0 0 5px;
  height: 50px;
}
nav.page > ul > li > ul.brands a::before {
  content: '';
  display: block;
  background: url(../images/empty.gif);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

section.topslider {
  height: 323px;
  background: #e8e9ea;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
section.topslider:first-child {
  margin-top: -1px;
}
section.topslider .items,
section.topslider .item,
section.topslider .slick-slider,
section.topslider .slick-list,
section.topslider .slick-track,
section.topslider .slick-slide,
section.topslider .container,
section.topslider .image {
  height: 100%;
}
section.topslider .slick-slider {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
section.topslider .slick-dots {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  z-index: 2;
}
section.topslider .slick-dots li:not(.slick-active) button {
  border-color: #fff;
}
section.topslider .items {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
section.topslider .items .item {
  padding-left: 0 !important;
  font-weight: 300;
  font-size: 19px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media all and (max-width: 995px) {
  section.topslider .items .item {
    font-size: 18px;
  }
}
@media all and (max-width: 767px) {
  section.topslider .items .item {
    font-size: 17px;
  }
}
@media all and (max-width: 479px) {
  section.topslider .items .item {
    font-size: 15px;
  }
}
section.topslider .items .item .wrap {
  float: left;
  padding: 60px 0 0;
  width: 50%;
}
@media all and (max-width: 995px) {
  section.topslider .items .item .wrap {
    width: 66.66%;
  }
}
@media all and (max-width: 767px) {
  section.topslider .items .item .wrap {
    width: 100%;
  }
}
section.topslider .items .item .image {
  float: right;
  max-width: 50%;
}
section.topslider .items .item .image a,
section.topslider .items .item .image img {
  position: relative;
  z-index: 4;
}
@media all and (max-width: 995px) {
  section.topslider .items .item .image {
    max-width: 33.33%;
  }
}
@media all and (max-width: 767px) {
  section.topslider .items .item .image {
    display: none !important;
  }
}
section.topslider .items .item .title {
  font-weight: 300;
  font-size: 41px;
  line-height: 1.35;
  color: #fff;
}
@media all and (max-width: 995px) {
  section.topslider .items .item .title {
    font-size: 38px;
    line-height: 1.1;
  }
}
@media all and (max-width: 767px) {
  section.topslider .items .item .title {
    font-size: 35px;
  }
}
@media all and (max-width: 479px) {
  section.topslider .items .item .title {
    font-size: 28px;
  }
}
section.topslider .items .item .title.alt {
  font-size: 47.5px;
}
section.topslider .items .item .title.alt:after {
  content: '';
  display: block;
  margin: 11px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  width: 245px;
  height: 1px;
}
@media all and (max-width: 767px) {
  section.topslider .items .item .title.alt:after {
    width: 150px;
  }
}
section.topslider .items .item .title.alt span {
  display: inline !important;
}
@media all and (max-width: 767px) {
  section.topslider .items .item .title.alt span {
    display: none !important;
  }
}
section.topslider .items .item .title.alt span::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: -.7em 0 0 .4em;
  border-top: 1px solid #e60039;
  width: 70px;
  height: 1px;
}
section.topslider .items .item .title a {
  color: #fff;
}
section.topslider .items .item .title span {
  display: block;
  margin-top: .5em;
  font-weight: 300;
  font-size: 19px;
}
section.topslider .items .item p {
  margin-top: .5em;
  font-size: 19px;
  color: #fff;
}
@media all and (max-width: 995px) {
  section.topslider .items .item p {
    font-size: 18px;
  }
}
@media all and (max-width: 767px) {
  section.topslider .items .item p {
    font-size: 17px;
  }
}
@media all and (max-width: 479px) {
  section.topslider .items .item p {
    font-size: 15px;
  }
}
section.topslider .items .item .more {
  display: none !important;
  margin-top: 28px;
  border: 1px solid rgba(194, 220, 255, 0.3);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: relative;
  transition: border .25s;
}
@media all and (max-width: 767px) {
  section.topslider .items .item .more {
    display: none;
  }
}
section.topslider .items .item .more::before {
  content: '';
  display: block;
  margin: -9px 0 0 -4px;
  background-image: url(../images/icons.png);
  position: absolute;
  top: 50%;
  left: 50%;
}
section.topslider .items .item:hover .more {
  border-color: #fff;
}

section.list {
  padding: 38px 0 63px;
  background: #fff;
}
section.list.alt .item {
  font-weight: normal;
  font-size: 17px;
  color: #000;
}
section.list.alt .item .title {
  font-weight: normal;
  font-size: 21px;
}
section.list.alt-1 .item .title {
  font-weight: 300;
  font-size: 21px;
}
section.list.alt-2 {
  padding-top: 0;
}
section.list.alt-2 .nav {
  margin: 0 auto;
  padding: 0 0 20px;
  max-width: 1150px;
  font-size: 15px;
}
section.list.alt-2 .nav ul {
  font-size: 0;
}
section.list.alt-2 .nav ul li {
  display: inline-block;
  padding-left: 40px;
  width: 33.33%;
  font-size: 15px;
}
@media all and (max-width: 995px) {
  section.list.alt-2 .nav ul li {
    width: 50%;
  }
}
@media all and (max-width: 479px) {
  section.list.alt-2 .nav ul li {
    width: 100%;
  }
}
section.list.alt-2 .nav li {
  margin: 0 0 13px;
  padding-left: 27px;
  position: relative;
}
section.list.alt-2 .nav li::before {
  content: '';
  display: block;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background: #b3b3b3;
  position: absolute;
  top: 9px;
  left: 0;
}
@media all and (max-width: 995px) {
  section.list.alt-2 .nav li::before {
    left: 20px;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  section.list.alt-2 .item {
    width: 50%;
  }
}
section.list.alt-2 .item .date {
  margin: 12px 0 0;
  padding: 0 0 0 33px;
  background: transparent;
}
section.list.alt-2 .item .date i {
  top: -2px;
  left: 0;
}
section.list.similar .item {
  margin-top: 0;
}
section.list .title {
  margin-top: -30px;
  text-align: center;
}
section.list .items.slick-slider {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -14px;
  margin-right: -14px;
}
section.list .items.slick-slider .item {
  padding: 0 15px;
}
section.list .item {
  margin-top: 60px;
  width: 33.33%;
}
@media all and (max-width: 767px) {
  section.list .item {
    width: 100%;
  }
  section.list .item + .item {
    margin-top: 30px;
  }
}
section.list .item .item-wrap {
  padding: 0 22px;
}
@media all and (max-width: 767px) {
  section.list .item .item-wrap {
    padding: 0 15px;
  }
}
section.list .item .date {
  margin: 0 -22px;
  padding: 15px 22px 14px 65px;
  font-size: 14px;
  color: #545454;
  background: #f7f7f7;
  position: relative;
}
@media all and (max-width: 767px) {
  section.list .item .date {
    margin: 0 -15px;
    padding-right: 15px;
    padding-left: 45px;
  }
}
section.list .item .date i {
  margin: 0 !important;
  position: absolute;
  top: 15px;
  left: 32px;
}
@media all and (max-width: 767px) {
  section.list .item .date i {
    left: 15px;
  }
}
section.list .item .image {
  margin: 0 -22px 29px;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  section.list .item .image {
    margin: 0 -15px 15px;
  }
}
section.list .item .image:hover img {
  transform: scale(1.05);
}
section.list .item .image img {
  min-width: 100%;
  transition: transform .25s;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 767px) {
  section.list .item .content {
    height: auto !important;
  }
}
section.list .item .title {
  margin: 0 0 13px;
  font-weight: 600;
  font-size: 17px;
  text-align: left;
}
section.list .item .meta {
  margin: 26px -22px 0;
  border-top: 1px solid #e8e8e8;
  padding: 20px 22px 0;
  color: #000;
}
@media all and (max-width: 767px) {
  section.list .item .meta {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 0;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 0;
    padding-bottom: 20px;
  }
}
section.list .slick-dots {
  margin-top: 30px;
}

section.solutions {
  padding: 38px 0 63px;
  border-top: 1px solid #c6c6c6;
  background: #fff;
  overflow: hidden;
}
section.solutions.similar {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
section.solutions:first-child {
  padding: 0 0 50px;
}
section.solutions .pageheader {
  background-image: url("../images/pageheader-solutions.jpg");
}
section.solutions .nav {
  margin: 0 auto;
  padding: 0 0 50px;
  max-width: 1150px;
  font-size: 15px;
}
section.solutions .nav ul {
  font-size: 0;
}
section.solutions .nav ul li {
  display: inline-block;
  padding-left: 40px;
  width: 33.33%;
  font-size: 15px;
}
@media all and (max-width: 995px) {
  section.solutions .nav ul li {
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  section.solutions .nav ul li {
    width: 100%;
  }
}
section.solutions .nav li {
  margin: 0 0 13px;
  padding-left: 27px;
  position: relative;
}
section.solutions .nav li::before {
  content: '';
  display: block;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background: #b3b3b3;
  position: absolute;
  top: 9px;
  left: 0;
}
@media all and (max-width: 995px) {
  section.solutions .nav li::before {
    left: 20px;
  }
}
section.solutions .title {
  text-align: center;
}
section.solutions .items {
  margin-left: 0;
}
section.solutions .items .item {
  padding-left: 0;
}
section.solutions .item {
  font-size: 17px;
  position: relative;
}
@media all and (max-width: 1199px) {
  section.solutions .item {
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  section.solutions .item {
    border: 0 !important;
  }
  section.solutions .item + .item {
    margin-top: 30px;
  }
}
section.solutions .item::before {
  content: '';
  display: block;
  width: 50%;
  background: #f4f4f4;
  position: absolute;
  top: 0;
  bottom: 0;
}
@media all and (max-width: 767px) {
  section.solutions .item::before {
    display: none !important;
  }
}
section.solutions .item:nth-child(odd)::before {
  left: 0;
}
section.solutions .item:nth-child(odd) .image {
  float: left;
}
section.solutions .item:nth-child(odd) .image .more {
  left: 100%;
}
section.solutions .item:nth-child(odd) .wrap {
  margin-left: 50%;
  padding-right: 22px;
}
@media all and (max-width: 767px) {
  section.solutions .item:nth-child(odd) .wrap {
    padding-right: 15px;
  }
}
section.solutions .item:nth-child(odd) .meta {
  margin-right: 0;
  right: 0;
}
section.solutions .item:nth-child(even)::before {
  right: 0;
}
section.solutions .item:nth-child(even) .image {
  float: right;
}
section.solutions .item:nth-child(even) .image .more {
  left: 0;
}
section.solutions .item:nth-child(even) .wrap {
  margin-right: 50%;
  padding-left: 22px;
}
@media all and (max-width: 767px) {
  section.solutions .item:nth-child(even) .wrap {
    padding-left: 15px;
  }
}
section.solutions .item:nth-child(even) .meta {
  margin-left: 0;
  left: 0;
}
section.solutions .item:first-child {
  border-top: 1px solid #f4f4f4;
}
section.solutions .item:last-child {
  border-bottom: 1px solid #f4f4f4;
}
section.solutions .item .item-wrap {
  position: relative;
}
section.solutions .item .image {
  width: 50%;
  position: relative;
}
section.solutions .item .image img {
  display: none;
}
@media all and (max-width: 767px) {
  section.solutions .item .image img {
    display: block;
  }
}
@media all and (max-width: 767px) {
  section.solutions .item .image {
    float: none !important;
    width: 100%;
    height: auto !important;
  }
}
section.solutions .item .image a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}
section.solutions .item .image a:hover .icon-wrap {
  border-color: #e60039;
}
@media all and (max-width: 767px) {
  section.solutions .item .image a {
    background-image: none;
  }
}
section.solutions .item .image .more {
  display: block;
  margin: -40px 0 0 -40px;
  border-radius: 50%;
  padding: 19px;
  width: 80px;
  height: 80px;
  background: #fff;
  position: absolute;
  top: 50%;
  z-index: 2;
}
section.solutions .item .image .more:hover .icon-wrap {
  border-color: #e60039;
}
@media all and (max-width: 767px) {
  section.solutions .item .image .more {
    display: none;
  }
}
section.solutions .item .image .more .icon-wrap {
  top: 0;
  border-color: #9b9b9b;
  transition: border .25s;
}
section.solutions .item .wrap {
  padding: 50px 64px 95px;
  position: relative;
  overflow-y: hidden;
}
@media all and (max-width: 1199px) {
  section.solutions .item .wrap {
    padding: 25px 34px 80px;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  section.solutions .item .wrap {
    padding-bottom: 110px;
  }
}
@media all and (max-width: 767px) {
  section.solutions .item .wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 15px 22px 20px;
    height: auto !important;
  }
}
section.solutions .item .title {
  margin: 0 0 13px;
  font-weight: 300;
  font-size: 21px;
  text-align: left;
}
section.solutions .item .text {
  max-height: 76px;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  section.solutions .item .text {
    max-height: none;
  }
}
section.solutions .item .meta {
  border-top: 1px solid #e8e8e8;
  padding: 20px 22px 31px;
  text-align: right;
  position: absolute;
  left: 42px;
  right: 42px;
  bottom: 0;
}
@media all and (max-width: 1199px) {
  section.solutions .item .meta {
    left: 17px;
    right: 17px;
    padding: 10px 17px 21px;
  }
}
@media all and (max-width: 767px) {
  section.solutions .item .meta {
    margin: 15px -15px 0 !important;
    border-top: 0;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 0;
    padding-bottom: 20px;
    position: static;
  }
}
section.solutions .item .meta > div:first-child {
  float: left;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  section.solutions .item .meta > div:first-child {
    float: none;
  }
}
@media all and (max-width: 479px) {
  section.solutions .item .meta > div:first-child {
    float: none;
  }
}

article.solution {
  padding: 0 0 70px;
}
article.solution .pageheader {
  margin-bottom: 45px;
  background-image: url("../images/pageheader-solution.jpg");
}
article.solution .pageheader .pagetitle {
  font-size: 45px;
}
@media all and (max-width: 995px) {
  article.solution .pageheader .pagetitle {
    font-size: 38px;
  }
}
@media all and (max-width: 767px) {
  article.solution .pageheader .pagetitle {
    font-size: 30px;
  }
}
article.solution .title,
article.solution .subtitle {
  padding-left: 125px;
  padding-right: 125px;
}
@media all and (max-width: 995px) {
  article.solution .title,
  article.solution .subtitle {
    padding-left: 70px;
    padding-right: 70px;
  }
}
article.solution .title {
  margin: 0 0 35px;
  text-align: center;
  color: #0f315a;
}
article.solution .single-meta::after {
  content: '';
  display: block;
  margin: 35px auto 0;
  border-top: 1px solid #e8e8e8;
  max-width: 556px;
  height: 1px;
}
@media all and (max-width: 767px) {
  article.solution .single-meta::after {
    display: none;
  }
}
article.solution .subtitle {
  margin: 35px 0 65px;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.solution .subtitle {
    margin-bottom: 50px;
    font-size: 21px;
    line-height: 1.5;
  }
}
@media all and (max-width: 767px) {
  article.solution .subtitle {
    margin: 25px 0;
    padding: 0;
    font-size: 17px;
  }
}
article.solution .socials {
  margin-top: 75px;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.solution .socials {
    margin-top: 50px;
  }
}
@media all and (max-width: 767px) {
  article.solution .socials {
    margin-top: 25px;
  }
}
article.solution .socials a {
  font-size: 21px;
  color: #898d91;
}
article.solution .socials a + a {
  margin-left: 8px;
}
article.solution .socials a:hover {
  color: #e60039;
}
article.solution .line-gray {
  margin-top: 75px;
  padding: 50px 0;
}
@media all and (max-width: 995px) {
  article.solution .line-gray {
    margin-top: 50px;
  }
}
article.solution .whitebox {
  margin: 0;
}
article.solution .whitebox + .whitebox {
  margin-top: 25px;
}
article.solution .whitebox .whitebox-title .title {
  padding: 0;
}

section.articles, section.presscenter {
  padding: 38px 0 63px;
  overflow-x: hidden;
}
section.articles.similar, section.similar.presscenter {
  margin-top: 0 !important;
}
section.articles.animate .item .image::after, section.animate.presscenter .item .image::after {
  content: '';
  display: block;
  margin: -187.5px 0 0 -187.5px;
  width: 375px;
  height: 375px;
  background: url(../images/img-2.png) 50% 50% no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: scale(0);
  transition: opacity .75s, transform .75s;
  z-index: 1;
  pointer-events: none;
}
@media all and (max-width: 767px) {
  section.articles.animate .item .image::after, section.animate.presscenter .item .image::after {
    display: none !important;
  }
}
section.articles .title, section.presscenter .title {
  text-align: center;
}
section.articles .items-wrap, section.presscenter .items-wrap {
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
section.articles .items-wrap .item::before, section.presscenter .items-wrap .item::before, section.articles .items-wrap .item::after, section.presscenter .items-wrap .item::after {
  content: '';
  display: block;
  position: absolute;
}
section.articles .items-wrap .item::before, section.presscenter .items-wrap .item::before {
  border-top: 1px solid #e8e8e8;
  position: absolute;
  left: 0;
  right: 0;
}
section.articles .items-wrap .item::after, section.presscenter .items-wrap .item::after {
  border-left: 1px solid #e8e8e8;
  top: 0;
  bottom: 0;
}
section.articles .items, section.presscenter .items {
  margin: 0 -65px;
}
@media all and (max-width: 1199px) {
  section.articles .items, section.presscenter .items {
    margin-left: -50px;
    margin-right: -50px;
  }
}
@media all and (max-width: 767px) {
  section.articles .items, section.presscenter .items {
    margin-left: -30px;
    margin-right: -30px;
  }
}
section.articles .items .item, section.presscenter .items .item {
  padding: 0;
  width: 33.33%;
}
@media all and (min-width: 768px) {
  section.articles .items .item:nth-child(3n+1)::after, section.presscenter .items .item:nth-child(3n+1)::after {
    opacity: 0 !important;
  }
}
@media all and (max-width: 767px) {
  section.articles .items .item, section.presscenter .items .item {
    width: 100%;
  }
  section.articles .items .item + .item, section.presscenter .items .item + .item {
    margin-top: 30px;
  }
}
section.articles .item, section.presscenter .item {
  font-size: 17px;
}
section.articles .item:hover .image::after, section.presscenter .item:hover .image::after {
  opacity: 1;
  transform: scale(1);
}
section.articles .item.video, section.presscenter .item.video {
  background: #f6f6f6;
}
section.articles .item.video + .item, section.presscenter .item.video + .item {
  margin-top: 0 !important;
}
section.articles .item.video .item-wrap, section.presscenter .item.video .item-wrap {
  padding: 50px 45px 40px;
}
@media all and (max-width: 767px) {
  section.articles .item.video .item-wrap, section.presscenter .item.video .item-wrap {
    padding-top: 0;
  }
}
section.articles .item.video .image, section.presscenter .item.video .image {
  margin: 0 -45px 40px;
  max-width: none;
}
section.articles .item.video .image::after, section.presscenter .item.video .image::after {
  opacity: 0 !important;
}
section.articles .item.video .image .image-inner, section.presscenter .item.video .image .image-inner {
  padding-top: 0;
}
section.articles .item.video .image .image-inner a, section.presscenter .item.video .image .image-inner a,
section.articles .item.video .image .image-inner img,
section.presscenter .item.video .image .image-inner img {
  border-radius: 0;
}
section.articles .item.video .image a, section.presscenter .item.video .image a {
  display: block;
  position: relative !important;
}
section.articles .item.video .image a:hover::after, section.presscenter .item.video .image a:hover::after {
  opacity: 1;
}
section.articles .item.video .image a::before, section.presscenter .item.video .image a::before {
  content: '';
  display: block;
  position: absolute;
  background: #000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .3;
  z-index: 2;
}
section.articles .item.video .image a::after, section.presscenter .item.video .image a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .7;
  transition: opacity .25s;
  pointer-events: none;
  z-index: 3;
}
section.articles .item.video .image img, section.presscenter .item.video .image img {
  border-radius: 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
section.articles .item.video .title a::after, section.presscenter .item.video .title a::after {
  display: none !important;
}
section.articles .item .item-wrap, section.presscenter .item .item-wrap {
  padding: 50px 65px;
  position: relative;
}
@media all and (max-width: 1199px) {
  section.articles .item .item-wrap, section.presscenter .item .item-wrap {
    padding: 40px 50px;
  }
}
@media all and (max-width: 767px) {
  section.articles .item .item-wrap, section.presscenter .item .item-wrap {
    padding: 30px;
  }
}
section.articles .item .image, section.presscenter .item .image {
  margin: 0 auto 47px;
  max-width: 249px;
  text-align: center;
  background: transparent !important;
  position: relative;
}
section.articles .item .image.noimage a, section.presscenter .item .image.noimage a {
  background: #f7f7f7 url(../images/noimage.png) no-repeat 50% 50%/90% !important;
}
section.articles .item .image .image-inner, section.presscenter .item .image .image-inner {
  padding-top: 100%;
  position: relative;
  z-index: 2;
}
section.articles .item .image .image-inner a, section.presscenter .item .image .image-inner a {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (max-width: 767px) {
  section.articles .item .image, section.presscenter .item .image {
    margin-bottom: 20px;
  }
}
section.articles .item .image a, section.presscenter .item .image a,
section.articles .item .image img,
section.presscenter .item .image img {
  position: relative;
  z-index: 2;
}
section.articles .item .image img, section.presscenter .item .image img {
  border-radius: 50%;
}
section.articles .item .title, section.presscenter .item .title {
  margin: 0 0 .5em;
  font-size: 21px;
  line-height: 1.4;
  text-align: left;
  height: 61px;
  overflow: hidden;
}
section.articles .item .title a, section.presscenter .item .title a {
  display: inline;
  line-height: 1;
  border-bottom: 1px solid #9fadbd;
}

section.presscenter {
  padding-bottom: 13px;
  overflow-x: hidden;
}
section.presscenter:first-child {
  padding-top: 0;
}
section.presscenter .pageheader {
  background-image: url("../images/pageheader-presscenter.jpg");
}
section.presscenter .items-nav {
  margin-top: -30px;
}
@media all and (max-width: 767px) {
  section.presscenter .items-nav {
    margin-top: 0;
    text-align: center;
  }
}
section.presscenter ul.inline {
  margin: 12px 17px 15px -27px;
}
@media all and (max-width: 767px) {
  section.presscenter ul.inline {
    float: none !important;
    margin: 12px -15px 0 -15px;
  }
}
section.presscenter ul.inline li {
  padding: 0 27px;
}
@media all and (max-width: 767px) {
  section.presscenter ul.inline li {
    padding: 0 15px;
  }
}
section.presscenter ul.inline li.active > a {
  color: #e60039;
}
section.presscenter ul.inline li + li {
  border-left: 1px solid #e8e8e8;
}
section.presscenter ul.inline li + li.row-item-first {
  border-color: transparent !important;
}
section.presscenter ul.inline + select,
section.presscenter ul.inline + .jq-selectbox {
  margin-right: 140px;
  width: 160px;
}
@media all and (max-width: 767px) {
  section.presscenter ul.inline + select,
  section.presscenter ul.inline + .jq-selectbox {
    margin: 15px 0 0;
    width: 250px;
  }
}
section.presscenter .item {
  font-size: 15px;
  color: #000;
}
section.presscenter .item .text {
  height: 90px;
  overflow: hidden;
}
section.presscenter .pagination {
  margin: 50px 0;
}

article.presscenter {
  padding: 0 0 70px;
}
article.presscenter .pageheader {
  margin-bottom: 45px;
  background-image: url("../images/pageheader-presscenter.jpg");
}
article.presscenter .pageheader .pagetitle {
  font-size: 45px;
}
@media all and (max-width: 995px) {
  article.presscenter .pageheader .pagetitle {
    font-size: 38px;
  }
}
@media all and (max-width: 767px) {
  article.presscenter .pageheader .pagetitle {
    font-size: 30px;
  }
}
article.presscenter .title,
article.presscenter .subtitle {
  padding-left: 125px;
  padding-right: 125px;
}
@media all and (max-width: 995px) {
  article.presscenter .title,
  article.presscenter .subtitle {
    padding-left: 70px;
    padding-right: 70px;
  }
}
article.presscenter .title {
  margin: 0 0 35px;
  text-align: center;
  color: #0f315a;
}
article.presscenter .single-meta::after {
  content: '';
  display: block;
  margin: 35px auto 0;
  border-top: 1px solid #e8e8e8;
  max-width: 556px;
  height: 1px;
}
@media all and (max-width: 767px) {
  article.presscenter .single-meta::after {
    display: none;
  }
}
article.presscenter .subtitle {
  margin: 35px 0 65px;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.presscenter .subtitle {
    margin-bottom: 50px;
    font-size: 21px;
    line-height: 1.5;
  }
}
@media all and (max-width: 767px) {
  article.presscenter .subtitle {
    margin: 25px 0;
    padding: 0;
    font-size: 17px;
  }
}
article.presscenter .socials {
  margin-top: 75px;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.presscenter .socials {
    margin-top: 50px;
  }
}
@media all and (max-width: 767px) {
  article.presscenter .socials {
    margin-top: 25px;
  }
}
article.presscenter .socials a {
  font-size: 21px;
  color: #898d91;
}
article.presscenter .socials a + a {
  margin-left: 8px;
}
article.presscenter .socials a:hover {
  color: #e60039;
}

section.partners {
  padding: 40px 0;
  background: #f1f2f2;
}
section.partners .title {
  text-align: center;
}
section.partners .items {
  margin-left: 0;
}
section.partners .items .item {
  padding: 10px;
  width: 20%;
  height: 102px;
  text-align: center;
}
section.partners .items .item .logo {
  height: 100%;
}
section.partners .items .item a img {
  filter: grayscale(100%);
  transition: filter .25s;
}
section.partners .items .item a:hover img {
  filter: grayscale(0%);
}
section.partners .items .item a:hover .grayscale.grayscale-replaced.grayscale-fade > svg {
  opacity: 0;
}
section.partners .slick-list {
  padding: 0 30px;
}
@media all and (max-width: 767px) {
  section.partners .slick-list {
    padding-left: 0;
    padding-right: 0;
  }
}
section.partners .slick-arrow {
  width: 19px;
  height: 58px;
  background-color: #f1f2f2 !important;
}
section.partners .slick-arrow::before {
  margin: -29px -0px 0 -9.5px;
  width: 19px;
  height: 58px;
}
section.partners .slick-arrow.slick-prev {
  left: -1px;
}
section.partners .slick-arrow.slick-prev::before {
  background-position: 0 -50px;
}
section.partners .slick-arrow.slick-prev:not(.slick-disabled):hover::before {
  background-position: -20px -50px;
}
section.partners .slick-arrow.slick-next {
  right: -1px;
}
section.partners .slick-arrow.slick-next::before {
  background-position: -60px -50px;
}
section.partners .slick-arrow.slick-next:not(.slick-disabled):hover::before {
  background-position: -40px -50px;
}

section.products {
  background: #fff;
}
section.products.search-results .pagetitle {
  margin-bottom: 84px;
}
@media all and (max-width: 767px) {
  section.products.search-results .pagetitle {
    margin-bottom: 34px;
  }
}
section.products.search-results .catalog-filter {
  margin-top: 44px;
}
@media all and (max-width: 767px) {
  section.products.search-results .catalog-filter {
    margin-top: 0;
  }
}
section.products .pagetitle {
  margin-bottom: 54px;
}
@media all and (max-width: 767px) {
  section.products .pagetitle {
    margin-bottom: 34px;
  }
}
section.products .pagetitle .query {
  display: inline !important;
  color: #e60039 !important;
}
@media all and (max-width: 767px) {
  section.products .catalog-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  section.products .catalog-wrap > * {
    order: 4;
    min-width: 100%;
  }
  section.products .catalog-wrap .catalog-filter {
    order: 3;
  }
  section.products .catalog-wrap .search-in {
    order: 1;
  }
  section.products .catalog-wrap .catalog-top {
    order: 2;
  }
}
section.products .container {
  background-color: inherit;
}
section.products ul.tabs {
  text-align: center;
}
section.products .tab.changed .items-filter-wrap {
  display: block;
}
section.products .tab .items-filter-wrap {
  display: none;
}
section.products .search-in {
  margin-top: -44px;
  padding-bottom: 17px;
  font-weight: 300;
  font-size: 19px;
  color: #252525;
}
@media all and (max-width: 767px) {
  section.products .search-in {
    margin: 0 0 20px;
    padding-bottom: 0;
    font-weight: normal;
    font-size: 15px;
  }
}
section.products .search-in ul {
  display: inline-block;
  padding-left: 15px;
  font-size: 0;
}
@media all and (max-width: 479px) {
  section.products .search-in ul {
    display: block;
    padding: 5px 0 0;
  }
}
section.products .search-in ul li {
  display: inline-block;
  font-size: 19px;
}
@media all and (max-width: 767px) {
  section.products .search-in ul li {
    font-size: 15px;
  }
}
@media all and (max-width: 479px) {
  section.products .search-in ul li {
    display: block;
  }
}
section.products .search-in ul li + li {
  margin-left: 15px;
  border-left: 1px solid #e8e8e8;
  padding-left: 15px;
}
@media all and (max-width: 479px) {
  section.products .search-in ul li + li {
    margin: 5px 0 0;
    border: 0;
    border-top: 1px solid #e8e8e8;
    padding: 5px 0 0;
  }
}
section.products .search-in ul li.active a {
  color: #e60039;
}
section.products .items {
  margin: -18px 0 0 -18px;
}
section.products .items.slick-slider {
  margin: -18px -8px 0;
  background-color: inherit;
  position: relative;
}
section.products .items.slick-slider::before, section.products .items.slick-slider::after {
  content: '';
  display: block;
  width: 5px;
  background-color: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
}
section.products .items.slick-slider::before {
  left: 0;
}
section.products .items.slick-slider::after {
  right: 0;
}
section.products .items.slick-slider .item {
  float: left;
  padding: 18px 9px 0;
}
section.products .items .products-pagination {
  margin-left: 18px;
}
section.products .items .item {
  padding: 18px 0 0 18px;
  width: 25%;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media all and (min-width: 1200px) {
  section.products .items .item:not(.slick-slide):nth-child(4n+1) .more, section.products .items .item:not(.slick-slide):nth-child(4n+2) .more, section.products .items .item:not(.slick-slide):nth-child(4n+3) .more {
    left: 100%;
  }
  section.products .items .item:not(.slick-slide):nth-child(4n) .more {
    border-left-color: #969696;
    border-right-color: #d5d5d5;
    right: 100%;
  }
}
@media all and (max-width: 1199px) {
  section.products .items .item:not(.slick-slide) {
    width: 33.33%;
  }
}
@media all and (min-width: 996px) and (max-width: 1199px) {
  section.products .items .item:not(.slick-slide):nth-child(3n+1) .more, section.products .items .item:not(.slick-slide):nth-child(3n+2) .more {
    left: 100%;
  }
  section.products .items .item:not(.slick-slide):nth-child(3n) .more {
    border-left-color: #969696;
    border-right-color: #d5d5d5;
    right: 100%;
  }
}
@media all and (max-width: 995px) {
  section.products .items .item:not(.slick-slide) {
    width: 50%;
  }
}
@media all and (max-width: 599px) {
  section.products .items .item:not(.slick-slide) {
    width: 100%;
  }
  section.products .items .item:not(.slick-slide) .more {
    display: none !important;
  }
}
@media all and (min-width: 551px) and (max-width: 995px) {
  section.products .items .item:not(.slick-slide):nth-child(2n+1) .more {
    left: 100%;
  }
  section.products .items .item:not(.slick-slide):nth-child(2n) .more {
    border-left-color: #969696;
    border-right-color: #d5d5d5;
    right: 100%;
  }
}
@media all and (min-width: 1200px) {
  section.products .items .item.slick-slide .more {
    left: 100%;
  }
  section.products .items .item.slick-slide.slick-active
  + .slick-active
  + .slick-active
  + .slick-active .more {
    border-left-color: #969696;
    border-right-color: #d5d5d5;
    left: auto;
    right: 100%;
  }
}
@media all and (max-width: 1199px) {
  section.products .items .item.slick-slide {
    width: 33.33%;
  }
}
@media all and (min-width: 996px) and (max-width: 1199px) {
  section.products .items .item.slick-slide .more {
    left: 100%;
  }
  section.products .items .item.slick-slide.slick-active
  + .slick-active
  + .slick-active .more {
    border-left-color: #969696;
    border-right-color: #d5d5d5;
    left: auto;
    right: 100%;
  }
}
@media all and (max-width: 995px) {
  section.products .items .item.slick-slide {
    width: 50%;
  }
}
@media all and (min-width: 551px) and (max-width: 995px) {
  section.products .items .item.slick-slide .more {
    left: 100%;
  }
  section.products .items .item.slick-slide.slick-active
  + .slick-active .more {
    border-left-color: #969696;
    border-right-color: #d5d5d5;
    left: auto;
    right: 100%;
  }
}
@media all and (max-width: 440px) {
  section.products .items .item.slick-slide .to-cart {
    padding-top: 49px;
    height: 100px;
  }
  section.products .items .item.slick-slide .to-cart .quantity {
    float: none;
    margin-right: 71px;
    border-radius: 0 0 0 25px;
    width: auto;
  }
  section.products .items .item.slick-slide .to-cart .price {
    margin-left: 0;
    border-bottom: 1px solid #a4a4a4;
    border-radius: 25px 25px 0 0;
    padding-right: 0;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  section.products .items .item.slick-slide .to-cart .price::after {
    display: none;
  }
  section.products .items .item.slick-slide .to-cart > a,
  section.products .items .item.slick-slide .to-cart > button {
    border-radius: 0 0 25px 0;
    top: 50px;
  }
}
@media all and (max-width: 995px) {
  section.products .items .item .more {
    display: none !important;
  }
}
@media all and (max-width: 550px) {
  section.products .items .item {
    width: 100%;
  }
  section.products .items .item .more {
    display: none !important;
  }
}
section.products .items .item.hover, section.products .items .item:hover {
  z-index: 3;
}
section.products .items .item.hover .item-wrap, section.products .items .item:hover .item-wrap {
  border-color: #969696;
}
section.products .items .item.hover .more, section.products .items .item:hover .more {
  visibility: visible;
  opacity: 1;
  transition-delay: .5s;
}
section.products .items .item-wrap {
  border: 1px solid #d5d5d5;
  padding: 0 22px 10px;
  margin: 0 auto;
  max-width: 290px;
  background: #fff;
  position: relative;
  transition: border .25s;
}
@media all and (max-width: 767px) {
  section.products .items .item-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
}
section.products .items div.availability {
  margin: 0 -22px 10px;
  height: 44px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 1;
  color: rgba(13, 133, 0, 0.8);
  background: #f1fce5;
  text-align: center;
}
@media all and (max-width: 767px) {
  section.products .items div.availability {
    margin-left: -10px;
    margin-right: -10px;
  }
}
section.products .items div.availability.green span {
  display: inline-block !important;
  margin: 0 14px;
}
section.products .items div.availability.red {
  color: rgba(255, 0, 0, 0.8);
  background: #ffebeb;
}
section.products .items div.availability.red a {
  display: inline-block;
  border-bottom: 1px solid rgba(15, 49, 90, 0.45);
  font-size: 13px;
  line-height: 1;
}
section.products .items div.availability.red a:hover {
  border-color: transparent;
  color: #0f315a;
}
section.products .items div.availability.yellow {
  color: rgba(255, 108, 0, 0.9);
  background: #fdf3e5;
}
section.products .items div.availability.blue {
  color: #0f315a;
  background: #f1f7ff;
}
section.products .items div.availability > div {
  white-space: normal !important;
}
section.products .items .image {
  margin: 0 0 2px;
  height: 210px;
  position: relative;
}
section.products .items .image img {
  width: auto !important;
  max-height: 100%;
}
section.products .items .title {
  margin: 0;
  height: 44px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}
section.products .items .info {
  margin: 11px -11px;
  font-size: 0;
  white-space: nowrap;
}
section.products .items .info > dl,
section.products .items .info > div {
  display: inline-block;
  vertical-align: middle;
  height: 14px !important;
  font-size: 14px;
  line-height: 14px;
}
@media all and (max-width: 995px) {
  section.products .items .info > dl,
  section.products .items .info > div {
    font-size: 12px;
  }
}
section.products .items .info dl.sku dd {
  max-width: 66px;
}
section.products .items .info > div {
  padding-left: 22px;
  color: #000;
  position: relative;
}
section.products .items .info > div:not(:first-child) {
  margin-left: 2px;
  border-left: 1px solid #e8e8e8;
  padding-left: 27px;
}
section.products .items .info > div:not(:first-child) i {
  left: 5px;
}
section.products .items .info > div i {
  margin-left: 0;
  position: absolute;
  left: 0;
  top: 50%;
}
section.products .items .to-cart {
  margin: 17px 0 14px;
  border: 1px solid #a4a4a4;
  border-radius: 25px;
  height: 50px;
  position: relative;
}
section.products .items .to-cart .quantity,
section.products .items .to-cart .price,
section.products .items .to-cart > a,
section.products .items .to-cart > button {
  height: 100%;
}
section.products .items .to-cart .quantity {
  float: left;
  border: 0;
  border-radius: 24px 0 0 24px;
  width: 76px;
  height: 48px;
}
section.products .items .to-cart .quantity input {
  border: 0;
  border-radius: 24px 0 0 24px;
  line-height: 48px;
}
section.products .items .to-cart .price {
  margin-left: 76px;
  padding-right: 71px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.1;
  white-space: nowrap;
  color: #000;
  position: relative;
}
section.products .items .to-cart .price::after {
  content: '';
  display: block;
  margin-top: -9px;
  border-left: 1px solid #dadada;
  width: 1px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 0;
}
section.products .items .to-cart .price .old {
  text-decoration: line-through;
  font-weight: normal;
  font-size: 13px;
  color: #646464;
}
section.products .items .to-cart .price dl {
  display: block;
  margin-top: 2px;
  font-weight: normal;
  font-size: 12px;
}
section.products .items .to-cart .price dl dt, section.products .items .to-cart .price dl dd {
  display: inline;
}
section.products .items .to-cart .price dl dt {
  color: #878787;
}
section.products .items .to-cart > a,
section.products .items .to-cart > button {
  display: block;
  border: 0;
  border-radius: 0 24px 24px 0;
  width: 71px;
  height: 48px;
  background: #e5e5e6;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
section.products .items .to-cart > a.active:hover .link::before,
section.products .items .to-cart > button.active:hover .link::before {
  opacity: 1;
}
section.products .items .to-cart > a.active:hover .link::after,
section.products .items .to-cart > button.active:hover .link::after {
  opacity: 0;
}
section.products .items .to-cart > a.active .link::before,
section.products .items .to-cart > button.active .link::before {
  opacity: 0;
}
section.products .items .to-cart > a.active .link::after,
section.products .items .to-cart > button.active .link::after {
  opacity: 1;
}
section.products .items .to-cart > a.modal {
  font-size: 0;
  color: #000;
}
section.products .items .to-cart > a.modal:hover {
  color: #e60039;
}
section.products .items .to-cart > a.modal .inner {
  display: inline-block;
  font-size: 11px;
  line-height: 1.2;
}
section.products .items .actions {
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
}
section.products .items .actions a:first-child {
  float: left;
}
section.products .items .actions a:last-child {
  float: right;
}
section.products .items .more {
  border: 1px solid #969696;
  border-left-color: #d5d5d5;
  padding: 15px 20px;
  width: 100%;
  max-width: 220px;
  text-align: left;
  position: absolute;
  top: -1px;
  bottom: -1px;
  background: #fff;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .25s,opacity .25s 0s;
}
section.products .items .more .title {
  margin: 0 0 10px;
  height: 38px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  overflow: visible;
}
section.products .items .more .title::after {
  content: '';
  display: block;
  margin: 15px 0 0;
  border-top: 1px solid #f0f0f0;
  height: 1px;
}
section.products .items .more dl {
  font-weight: normal;
  font-size: 14px;
  color: #6d6d6d;
}
section.products .items .more dl + dl {
  margin-top: 5px;
}
section.products .items .more dl + dl.alt {
  margin-top: 10px;
}
section.products .items .more dl dt,
section.products .items .more dl dd {
  display: inline;
}
section.products .items .more dl dd {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
section.products .items .more .bottom {
  padding: 0 20px 12px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}
section.products .items .more .bottom .rating-wrap {
  margin-bottom: 10px;
}
section.products .catalog-filter ~ .catalog-top,
section.products .catalog-filter ~ .items {
  margin-right: 315px !important;
}
@media all and (max-width: 995px) {
  section.products .catalog-filter ~ .catalog-top,
  section.products .catalog-filter ~ .items {
    margin-right: 220px !important;
  }
}
@media all and (max-width: 767px) {
  section.products .catalog-filter ~ .catalog-top,
  section.products .catalog-filter ~ .items {
    margin-right: auto !important;
  }
}
section.products .catalog-filter ~ .items .item {
  width: 33.33%;
}
@media all and (min-width: 768px) {
  section.products .catalog-filter ~ .items .item .more {
    left: 100%;
  }
}
@media all and (min-width: 768px) and (max-width: 840px) {
  section.products .catalog-filter ~ .items .item .to-cart {
    padding-top: 49px;
    height: 100px;
  }
  section.products .catalog-filter ~ .items .item .to-cart .quantity {
    float: none;
    margin-right: 71px;
    border-radius: 0 0 0 25px;
    width: auto;
  }
  section.products .catalog-filter ~ .items .item .to-cart .price {
    margin-left: 0;
    border-bottom: 1px solid #a4a4a4;
    border-radius: 25px 25px 0 0;
    padding-right: 0;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  section.products .catalog-filter ~ .items .item .to-cart .price::after {
    display: none;
  }
  section.products .catalog-filter ~ .items .item .to-cart > a,
  section.products .catalog-filter ~ .items .item .to-cart > button {
    border-radius: 0 0 25px 0;
    top: 50px;
  }
}
@media all and (max-width: 1199px) {
  section.products .catalog-filter ~ .items .item {
    width: 50%;
  }
}
@media all and (min-width: 551px) and (max-width: 1199px) {
  section.products .catalog-filter ~ .items .item .more {
    max-width: 260px;
  }
  section.products .catalog-filter ~ .items .item:nth-child(2n+1) .more {
    left: 100%;
  }
  section.products .catalog-filter ~ .items .item:nth-child(2n) .more {
    right: 100%;
  }
}
@media all and (max-width: 599px) {
  section.products .catalog-filter ~ .items .item {
    width: 100%;
  }
  section.products .catalog-filter ~ .items .item .more {
    display: none;
  }
}

section.products-list {
  background: #fff;
}
@media all and (max-width: 767px) {
  section.products-list .catalog-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  section.products-list .catalog-wrap > * {
    order: 4;
    min-width: 100%;
  }
  section.products-list .catalog-wrap .catalog-filter {
    order: 3;
  }
  section.products-list .catalog-wrap .search-in {
    order: 1;
  }
  section.products-list .catalog-wrap .catalog-top {
    order: 2;
  }
}
section.products-list .container {
  background-color: inherit;
}
section.products-list .items {
  margin: -18px 0 0;
}
section.products-list .items .item {
  padding: 18px 0 0;
  width: 100%;
  position: relative;
}
section.products-list .items .item + .item {
  border-top: 1px solid #d5d5d5;
}
section.products-list .items .item-wrap {
  padding: 0 274px 18px 190px;
  position: relative;
  transition: border .25s;
}
@media all and (max-width: 995px) {
  section.products-list .items .item-wrap {
    padding-left: 155px;
    padding-right: 205px;
  }
}
@media all and (max-width: 550px) {
  section.products-list .items .item-wrap {
    padding-right: 0;
  }
}
section.products-list .items .item-wrap .top {
  float: left;
  width: 170px;
  margin-left: -190px;
  font-size: 11px;
  text-align: left;
  color: #878787;
}
@media all and (max-width: 995px) {
  section.products-list .items .item-wrap .top {
    margin-left: -155px;
    width: 140px;
  }
}
section.products-list .items .item-wrap .top dl:not(.sku) dt,
section.products-list .items .item-wrap .top dl:not(.sku) dd {
  display: inline;
}
section.products-list .items .item-wrap .top dl.sku dd {
  max-width: 62px;
}
section.products-list .items .item-wrap .bottom {
  width: 254px;
  position: absolute;
  top: 0;
  right: 0;
}
@media all and (max-width: 995px) {
  section.products-list .items .item-wrap .bottom {
    width: 190px;
  }
}
@media all and (max-width: 550px) {
  section.products-list .items .item-wrap .bottom {
    width: auto;
    position: static;
  }
}
section.products-list .items ul.stickers {
  font-size: 11px !important;
  line-height: 13px;
}
section.products-list .items ul.stickers > li {
  border-radius: 8px;
  padding: 0 7px;
  height: 16px;
}
section.products-list .items ul.stickers > li + li {
  margin-top: 4px;
}
section.products-list .items ul.stickers > li.recommended {
  padding: 0;
  width: 18px;
  height: 18px;
}
section.products-list .items ul.stickers > li.recommended::before {
  margin: -10px 0 0 -9px !important;
  transform: scale(0.65);
}
section.products-list .items ul.stickers > li.discount {
  font-size: 11px;
}
section.products-list .items .image {
  margin: 0 0 2px;
  height: 110px;
  position: relative;
  text-align: center;
}
section.products-list .items .image img {
  max-height: 110px;
  width: auto;
}
section.products-list .items .actions {
  margin: 10px 0;
}
section.products-list .items .actions a + a {
  margin-left: 16px;
}
section.products-list .items .actions .icon-wrap.bdr {
  width: 24px;
  height: 24px;
}
section.products-list .items .title {
  margin: 0 0 24px;
  height: 44px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}
@media all and (max-width: 550px) {
  section.products-list .items .title {
    margin: 0 0 10px;
    height: 88px;
  }
}
section.products-list .items .more {
  font-size: 11px;
  color: #000;
}
@media all and (max-width: 550px) {
  section.products-list .items .more {
    display: none;
  }
}
section.products-list .items .more .title {
  margin: 0;
  height: auto;
  font-weight: bold;
  font-size: 12px;
}
section.products-list .items .more dt, section.products-list .items .more dd {
  display: inline;
}
section.products-list .items .price {
  margin: 0 0 22px;
  height: 46px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.1;
  white-space: nowrap;
  color: #000;
}
@media all and (max-width: 995px) {
  section.products-list .items .price {
    margin-bottom: 5px;
  }
}
@media all and (max-width: 550px) {
  section.products-list .items .price {
    margin: 0 0 10px;
    height: auto;
    text-align: left;
  }
}
section.products-list .items .price .old {
  display: block;
  margin-top: 4px;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 14px;
  color: #646464;
}
section.products-list .items .price dl {
  display: block;
  margin-top: 2px;
  font-weight: normal;
  font-size: 14px;
}
section.products-list .items .price dl dt, section.products-list .items .price dl dd {
  display: inline;
}
section.products-list .items .price dl dt {
  color: #878787;
}
section.products-list .items div.availability {
  margin: 0 0 10px;
  font-size: 14px;
}
@media all and (max-width: 995px) {
  section.products-list .items div.availability {
    margin-bottom: 5px;
  }
}
section.products-list .items div.availability + .note {
  margin-top: -10px;
}
@media all and (max-width: 995px) {
  section.products-list .items div.availability + .note {
    margin-top: -5px;
  }
}
section.products-list .items div.availability.red {
  color: #f00;
}
section.products-list .items div.availability.red br {
  display: none;
}
@media all and (max-width: 995px) {
  section.products-list .items div.availability.red br {
    display: inline-block;
  }
}
section.products-list .items div.availability.green {
  color: #0d8500;
}
section.products-list .items div.availability.green span {
  display: inline-block;
  margin: 0 14px;
  position: relative;
  top: -2px;
}
section.products-list .items div.availability.yellow {
  color: #ef6102;
}
@media all and (max-width: 995px) {
  section.products-list .items div.availability.yellow small {
    display: block;
  }
}
section.products-list .items div.availability.blue {
  color: #0f315a;
}
section.products-list .items div.availability small {
  font-size: 11px;
  color: #000;
}
section.products-list .items .to-cart {
  margin: 10px 0 0;
  padding-left: 114px;
}
@media all and (max-width: 995px) {
  section.products-list .items .to-cart {
    margin-top: 5px;
    padding-left: 0;
  }
}
@media all and (max-width: 550px) {
  section.products-list .items .to-cart {
    width: 140px;
  }
}
section.products-list .items .to-cart div.quantity {
  float: left;
  margin-left: -114px;
}
@media all and (max-width: 995px) {
  section.products-list .items .to-cart div.quantity {
    float: none;
    margin: 0 0 5px;
    width: auto;
  }
}
section.products-list .items .to-cart > a,
section.products-list .items .to-cart > button {
  display: block;
  border: 0;
  border-radius: 19px;
  width: 100%;
  height: 38px;
  font-weight: normal;
  font-size: 15px;
  text-align: center;
  background: #e5e5e6;
  cursor: pointer;
}
section.products-list .items .to-cart > a:hover,
section.products-list .items .to-cart > button:hover {
  color: #e60039;
}
section.products-list .items .to-cart > a i,
section.products-list .items .to-cart > button i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
section.products-list .items .to-cart > a.active,
section.products-list .items .to-cart > button.active {
  color: #e60039;
}
section.products-list .items .to-cart > a.active .link::before,
section.products-list .items .to-cart > button.active .link::before {
  opacity: 0;
}
section.products-list .items .to-cart > a.active .link::after,
section.products-list .items .to-cart > button.active .link::after {
  opacity: 1;
}
section.products-list .items .to-cart > a.active:hover,
section.products-list .items .to-cart > button.active:hover {
  color: #0f315a;
}
section.products-list .items .to-cart > a.active:hover .link::before,
section.products-list .items .to-cart > button.active:hover .link::before {
  opacity: 1;
}
section.products-list .items .to-cart > a.active:hover .link::after,
section.products-list .items .to-cart > button.active:hover .link::after {
  opacity: 0;
}
section.products-list .items .note {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.2;
  color: #000;
}
@media all and (max-width: 995px) {
  section.products-list .items .note {
    margin-top: 5px;
  }
}
section.products-list .catalog-filter ~ .catalog-top,
section.products-list .catalog-filter ~ .items {
  margin-right: 315px !important;
}
@media all and (max-width: 995px) {
  section.products-list .catalog-filter ~ .catalog-top,
  section.products-list .catalog-filter ~ .items {
    margin-right: 220px !important;
  }
}
@media all and (max-width: 767px) {
  section.products-list .catalog-filter ~ .catalog-top,
  section.products-list .catalog-filter ~ .items {
    margin-right: auto !important;
  }
}

section.products-table {
  background: #fff;
}
@media all and (max-width: 767px) {
  section.products-table .catalog-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  section.products-table .catalog-wrap > * {
    order: 4;
    min-width: 100%;
  }
  section.products-table .catalog-wrap .catalog-filter {
    order: 3;
  }
  section.products-table .catalog-wrap .search-in {
    order: 1;
  }
  section.products-table .catalog-wrap .catalog-top {
    order: 2;
  }
}
section.products-table .container {
  background-color: inherit;
}
section.products-table .items {
  margin: 0;
  font-size: 11px;
  color: #878787;
}
section.products-table .items table {
  width: 100%;
}
@media all and (max-width: 995px) {
  section.products-table .items table {
    display: block;
  }
  section.products-table .items table thead,
  section.products-table .items table tfoot {
    display: none;
  }
  section.products-table .items table tbody,
  section.products-table .items table th,
  section.products-table .items table td {
    display: block;
  }
  section.products-table .items table tr {
    display: block;
    border: 1px solid #d1d1d1 !important;
    width: 100%;
  }
  section.products-table .items table tr::after {
    content: '';
    display: table;
    clear: left;
  }
  section.products-table .items table tr + tr {
    margin-top: 2px;
  }
  section.products-table .items table td {
    padding: 6px 10px !important;
  }
  section.products-table .items table td.image {
    float: left;
    width: 52px;
  }
  section.products-table .items table td.info {
    margin-left: 62px;
  }
  section.products-table .items table td.price, section.products-table .items table td.availability, section.products-table .items table td.quantity, section.products-table .items table td.to-cart {
    float: left;
    width: 25%;
  }
  section.products-table .items table td.price {
    clear: left;
  }
  section.products-table .items table td.quantity {
    width: 22%;
  }
  section.products-table .items table td.to-cart {
    width: 28%;
  }
  section.products-table .items table td div.availability.blue br {
    display: inline-block;
  }
}
@media all and (max-width: 479px) {
  section.products-table .items table td.price, section.products-table .items table td.availability, section.products-table .items table td.quantity, section.products-table .items table td.to-cart {
    width: 50%;
  }
  section.products-table .items table td.price, section.products-table .items table td.quantity {
    clear: left;
  }
}
section.products-table .items table th {
  padding: 12px 6px;
  font-weight: 600;
  font-size: 14px;
  color: #000;
  text-align: left;
}
section.products-table .items table tbody tr {
  border-top: 1px solid #f0f0f0;
}
section.products-table .items table td {
  vertical-align: top;
  padding: 6px;
  line-height: 13px;
}
section.products-table .items table td.image, section.products-table .items table td.price, section.products-table .items table td.availability, section.products-table .items table td.quantity, section.products-table .items table td.to-cart {
  vertical-align: middle;
}
section.products-table .items table td.image {
  padding-right: 0;
  width: 58px !important;
  text-align: center;
}
section.products-table .items table td.image img {
  width: auto;
}
section.products-table .items table td.quantity,
section.products-table .items table td.to-cart {
  padding-left: 0;
}
section.products-table .items .title {
  margin: 0;
  height: 22px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}
section.products-table .items dl {
  display: inline-block;
  margin-right: 10px;
}
section.products-table .items dl:not(.sku) dt,
section.products-table .items dl:not(.sku) dd {
  display: inline;
}
section.products-table .items dl.sku dd {
  max-width: 62px;
}
section.products-table .items div.price {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  color: #000;
}
section.products-table .items div.price .old {
  display: block;
  margin-top: 2px;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 14px;
  color: #646464;
}
section.products-table .items div.price dl {
  display: block;
  margin-top: 2px;
  font-weight: normal;
  font-size: 11px;
}
section.products-table .items div.price dl dt {
  color: #878787;
}
section.products-table .items td.availability {
  white-space: nowrap;
}
section.products-table .items td.availability div.availability,
section.products-table .items td.availability .hint {
  display: inline-block;
  vertical-align: top;
}
section.products-table .items div.availability {
  font-size: 13px;
  white-space: nowrap;
}
section.products-table .items div.availability + .hint {
  vertical-align: middle;
  margin-left: 5px;
  white-space: normal;
  top: -1px;
}
section.products-table .items div.availability.red a {
  font-size: 11px;
}
section.products-table .items div.availability.green span {
  display: block;
  margin: 0 14px;
  position: relative;
  top: 2px;
}
section.products-table .items div.availability.blue br {
  display: none;
}
section.products-table .items div.quantity {
  border-radius: 13px;
  height: 26px;
  line-height: 24px;
}
@media all and (max-width: 1199px) {
  section.products-table .items div.quantity {
    width: 80px;
  }
}
@media all and (max-width: 995px) {
  section.products-table .items div.quantity {
    width: 100%;
  }
}
section.products-table .items div.quantity input {
  border-radius: 13px;
}
section.products-table .items .to-cart a,
section.products-table .items .to-cart button {
  display: block;
  border: 0;
  border-radius: 13px;
  padding-bottom: 1px;
  width: 120px;
  height: 26px;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  white-space: nowrap;
  text-align: center;
  background: #e5e5e6;
  cursor: pointer;
}
section.products-table .items .to-cart a:hover,
section.products-table .items .to-cart button:hover {
  color: #e60039;
}
section.products-table .items .to-cart a.active,
section.products-table .items .to-cart button.active {
  color: #e60039;
}
section.products-table .items .to-cart a.active .link::before,
section.products-table .items .to-cart button.active .link::before {
  opacity: 0;
}
section.products-table .items .to-cart a.active .link::after,
section.products-table .items .to-cart button.active .link::after {
  opacity: 1;
}
section.products-table .items .to-cart a.active:hover,
section.products-table .items .to-cart button.active:hover {
  color: #0f315a;
}
section.products-table .items .to-cart a.active:hover .link::before,
section.products-table .items .to-cart button.active:hover .link::before {
  opacity: 1;
}
section.products-table .items .to-cart a.active:hover .link::after,
section.products-table .items .to-cart button.active:hover .link::after {
  opacity: 0;
}
@media all and (max-width: 1199px) {
  section.products-table .items .to-cart a,
  section.products-table .items .to-cart button {
    width: 80px;
  }
}
@media all and (max-width: 995px) {
  section.products-table .items .to-cart a,
  section.products-table .items .to-cart button {
    width: 100%;
  }
}
section.products-table .items .to-cart a i,
section.products-table .items .to-cart button i {
  margin-left: 0;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
@media all and (min-width: 996px) and (max-width: 1199px) {
  section.products-table .items .to-cart a i,
  section.products-table .items .to-cart button i {
    display: none;
  }
}
section.products-table .items .more-wrap {
  position: relative;
  z-index: 1;
}
section.products-table .items .more-wrap::before {
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
section.products-table .items .more-wrap:hover {
  z-index: 3;
}
section.products-table .items .more-wrap:hover .more {
  display: block;
}
section.products-table .items .more {
  display: none;
  margin: 0;
  margin-top: 12px;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  padding: 12px;
  font-weight: normal;
  font-size: 13px;
  white-space: nowrap;
  background: #fff;
  position: absolute;
  top: 100%;
  left: -13px;
}
section.products-table .items .more::before, section.products-table .items .more::after {
  content: '';
  display: block;
  margin-left: -6px;
  border-width: 0 6px 9px;
  border-style: solid;
  border-color: #c6c6c6 transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: -9px;
  left: 38px;
}
section.products-table .items .more::after {
  margin-left: -5px;
  border-width: 0 5px 8px;
  border-color: #fff transparent;
  top: -8px;
  left: 38px;
}
section.products-table .items .actions {
  text-align: left;
}
section.products-table .items .actions a + a {
  margin-left: 9px;
}
section.products-table .items .actions .icon-wrap.bdr {
  width: 24px;
  height: 24px;
}
section.products-table .items .actions + ul.stickers {
  margin-top: 10px;
}
section.products-table .items ul.stickers {
  font-size: 11px !important;
  line-height: 13px;
  position: static;
  white-space: nowrap;
}
section.products-table .items ul.stickers > li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  border-radius: 8px;
  padding: 0 7px;
  height: 16px;
}
section.products-table .items ul.stickers > li + li {
  margin: 0 0 0 4px;
}
section.products-table .items ul.stickers > li.recommended {
  padding: 0;
  width: 18px;
  height: 18px;
}
section.products-table .items ul.stickers > li.recommended::before {
  margin: -10px 0 0 -9px !important;
  transform: scale(0.65);
}
section.products-table .items ul.stickers > li.discount {
  font-size: 11px;
}
section.products-table .catalog-filter ~ .catalog-top,
section.products-table .catalog-filter ~ .items {
  margin-right: 315px !important;
}
@media all and (max-width: 995px) {
  section.products-table .catalog-filter ~ .catalog-top,
  section.products-table .catalog-filter ~ .items {
    margin-right: 220px !important;
  }
}
@media all and (max-width: 767px) {
  section.products-table .catalog-filter ~ .catalog-top,
  section.products-table .catalog-filter ~ .items {
    margin-right: auto !important;
  }
}

/**
*   @section section.groups
*/
section.groups {
  padding: 18px 0;
  background: #f7f7f7;
}
section.groups .items {
  margin: -5px 0 0 -5px;
}
section.groups .items .item {
  padding: 5px 0 0 5px;
  width: 20%;
  text-align: center;
}
@media all and (max-width: 995px) {
  section.groups .items .item {
    width: 25%;
  }
}
@media all and (max-width: 995px) {
  section.groups .items .item {
    width: 33.33%;
  }
}
@media all and (max-width: 767px) {
  section.groups .items .item {
    width: 50%;
  }
}
section.groups .items .item .item-wrap {
  border: 1px solid #e8e8e8;
  padding: 20px;
  background: #fff;
  transition: border .25s;
}
@media all and (max-width: 479px) {
  section.groups .items .item .item-wrap {
    padding: 10px 5px;
  }
}
section.groups .items .item .item-wrap:hover {
  border-color: #969696;
}
section.groups .items .item .image {
  margin: 0 0 15px;
  height: 115px !important;
}
section.groups .items .item .image::after {
  content: '';
  display: block;
  margin: 0 auto;
  border-top: 1px solid #e8e8e8;
  max-width: 150px;
  height: 1px;
}
section.groups .items .item .image a {
  display: inline;
}
section.groups .items .item .title {
  font-weight: 600;
  font-size: 14px;
}
@media all and (max-width: 479px) {
  section.groups .items .item .title {
    font-size: 13px;
  }
}
section.groups .items-more {
  display: none;
}
section.groups .items-more a {
  border-color: #afafaf;
  color: #000;
}
section.groups .items-more a:hover {
  border-color: #d21c49;
}
section.groups.opened .items-more a i {
  transform: rotate(180deg);
}

/**
*   @section .favorite-clean
*/
.favorite-clean {
  margin-top: 30px;
  font-size: 15px;
  text-align: left;
}
section.products .favorite-clean {
  padding-left: 18px;
}
.favorite-clean a {
  padding-left: 30px;
  position: relative;
}
.favorite-clean a .icon-favorite-remove {
  margin: -10px 0 0;
  top: 50%;
  left: 0;
  position: absolute;
}

/**
*   @section section.catalog
*/
section.catalog {
  padding: 0 0 70px;
  background: #f7f7f7;
}
section.catalog .pagetitle {
  padding-left: 116px;
  position: relative;
}
@media all and (max-width: 767px) {
  section.catalog .pagetitle {
    padding-left: 80px;
  }
}
section.catalog .pagetitle .toggle-all {
  margin-top: -19px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 39px;
  transition: border .25s;
}
section.catalog .pagetitle .toggle-all:hover {
  border-color: #e60039;
}
@media all and (max-width: 767px) {
  section.catalog .pagetitle .toggle-all {
    left: 19px;
  }
}
section.catalog .pagetitle .toggle-all i {
  transition: transform .25s;
}
section.catalog .pagetitle .toggle-all.opened i {
  transform: rotate(180deg);
}
section.catalog .items {
  margin: 0;
}
section.catalog .items .item {
  border: 1px solid #e8e8e8;
  padding: 40px 20px 30px 116px;
  font-weight: 600;
  font-size: 17px;
  background: #fff;
  position: relative;
}
@media all and (max-width: 767px) {
  section.catalog .items .item {
    padding-left: 80px;
  }
}
section.catalog .items .item + .item {
  margin-top: 40px;
}
section.catalog .items .item .title {
  margin: 0 0 14px;
  font-weight: 600;
  font-size: 24px;
  position: relative;
}
section.catalog .items .item .title .toggle-handle {
  margin-top: -19px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: -77px;
  transition: border .25s;
}
section.catalog .items .item .title .toggle-handle:hover {
  border-color: #e60039;
}
@media all and (max-width: 767px) {
  section.catalog .items .item .title .toggle-handle {
    left: -61px;
  }
}
section.catalog .items .item .title .toggle-handle i {
  transition: transform .25s;
}
section.catalog .items .item .title a {
  color: #000;
}
section.catalog .items .item .title a:hover {
  color: #e60039;
}
section.catalog .items .item.opened .title .icon-toggle-red, section.catalog .items .item.xs-opened .title .icon-toggle-red {
  transform: rotate(180deg);
}
section.catalog .items .item.opened > ul, section.catalog .items .item.xs-opened > ul {
  display: block;
}
section.catalog .items .item > ul {
  display: none;
  margin-top: 30px;
}
section.catalog .items .item > ul > li {
  padding-right: 66.66%;
}
@media all and (max-width: 767px) {
  section.catalog .items .item > ul > li {
    padding-right: 0;
  }
}
section.catalog .items .item > ul > li + li {
  margin-top: 34px;
  border-top: 1px solid #e8e8e8;
  padding-top: 34px;
}
section.catalog .items .item > ul > li > a {
  float: left;
  color: #000;
}
section.catalog .items .item > ul > li > a:hover {
  color: #e60039;
}
@media all and (max-width: 767px) {
  section.catalog .items .item > ul > li > a {
    float: none;
  }
}
section.catalog .items .item > ul > li .grid {
  float: right;
  margin-right: -200%;
  width: 200%;
}
@media all and (max-width: 767px) {
  section.catalog .items .item > ul > li .grid {
    float: none;
    margin-top: 14px;
    margin-right: 0;
    width: auto;
  }
}
section.catalog .items .item > ul > li .grid li + li {
  margin-top: 11px;
}
section.catalog .items .item .grid {
  margin-top: -11px;
}
section.catalog .items .item .grid > * {
  margin-top: 11px;
  font-size: 14px;
}

/**
*   @section article.catalog
*/
article.catalog {
  padding: 0 0 70px;
}
@media all and (max-width: 767px) {
  article.catalog {
    padding-bottom: 50px;
  }
}
article.catalog .columns {
  margin-left: -30px;
  font-size: 0;
}
article.catalog .columns > .column {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  width: 30%;
}
@media all and (max-width: 767px) {
  article.catalog .columns > .column {
    width: 50%;
  }
}
@media all and (max-width: 479px) {
  article.catalog .columns > .column {
    width: 100%;
  }
}
article.catalog .columns > .column:nth-child(3) {
  width: 40%;
}
@media all and (max-width: 767px) {
  article.catalog .columns > .column:nth-child(3) {
    width: 100%;
  }
}
article.catalog .columns .columns > .column {
  width: 50%;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  article.catalog .columns .columns > .column {
    width: 100%;
  }
}
@media all and (max-width: 479px) {
  article.catalog .columns .columns > .column {
    width: 100%;
  }
}
article.catalog .columns ul {
  margin-bottom: 12px;
  font-weight: normal;
  font-size: 16px;
}
article.catalog .columns ul li + li {
  margin-top: 12px;
}
article.catalog .subtitle {
  margin: -4px 0 18px;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 5px;
  font-weight: 600;
  font-size: 24px;
  color: #000;
}
@media all and (max-width: 767px) {
  article.catalog .subtitle {
    margin-top: 30px;
  }
}
article.catalog .subtitle + ul {
  font-size: 14px;
}
article.catalog .subtitle + ul li + li {
  margin-top: 8px;
}

section.list,
section.solutions,
section.partners,
section.products,
section.products-list,
section.products-table,
article.text {
  padding: 50px 0;
}
section.list .title,
section.solutions .title,
section.partners .title,
section.products .title,
section.products-list .title,
section.products-table .title,
article.text .title {
  margin: 0 0 .7em;
}

section.list + section.list,
section.solutions + section.solutions,
section.partners + section.partners,
section.products + section.products,
section.products + article.text,
article.text + section.products,
section.products-list + section.products-list,
section.products-table + section.products-table {
  padding-top: 20px;
}

article.text {
  font-size: 15px;
}
article.text .title + .text {
  margin-top: -10px;
}

/**
*   @section .catalog-filter
*/
.catalog-filter {
  float: right;
  border: 1px solid #e8e8e8;
  width: 292px;
}
.catalog-filter.opened .filter-block,
.catalog-filter.opened .filter-submit {
  display: block !important;
}
@media all and (max-width: 995px) {
  .catalog-filter {
    width: 200px;
  }
}
@media all and (max-width: 767px) {
  .catalog-filter {
    float: none;
    width: auto;
    margin: 0 0 23px;
  }
}
.catalog-filter .toggle-filter {
  display: block;
  padding: 0 30px 10px;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: -52px -1px 0;
}
@media all and (max-width: 767px) {
  .catalog-filter .toggle-filter {
    margin: 0 -1px;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 18px;
    background: #e8e8e8;
    cursor: pointer;
  }
}
.catalog-filter .hint {
  top: -1px;
}
@media all and (max-width: 767px) {
  .catalog-filter .filter-block,
  .catalog-filter .filter-submit {
    display: none;
  }
}
.catalog-filter .filter-block {
  padding: 10px 0 0;
  position: relative;
}
.catalog-filter .filter-block .filter-block-title,
.catalog-filter .filter-block .filter-block-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
@media all and (max-width: 995px) {
  .catalog-filter .filter-block .filter-block-title,
  .catalog-filter .filter-block .filter-block-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.catalog-filter .filter-block .filter-block-title {
  margin: 0 0 10px;
  font-weight: normal;
  font-size: 18px;
  color: #000;
}
@media all and (max-width: 767px) {
  .catalog-filter .filter-block .filter-block-title {
    font-size: 16px;
  }
}
.catalog-filter .filter-block .filter-block-wrap {
  padding-bottom: 14px;
}
.catalog-filter .filter-block.toggle-wrap .filter-block-title {
  padding-right: 51px;
  position: relative;
}
@media all and (max-width: 995px) {
  .catalog-filter .filter-block.toggle-wrap .filter-block-title {
    padding-right: 36px;
  }
}
.catalog-filter .filter-block.toggle-wrap .filter-block-title .toggle-handle {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 30px;
}
@media all and (max-width: 995px) {
  .catalog-filter .filter-block.toggle-wrap .filter-block-title .toggle-handle {
    right: 15px;
  }
}
.catalog-filter .filter-block.toggle-wrap .filter-block-title .toggle-handle i {
  margin-left: 0 !important;
}
@media all and (min-width: 768px) {
  .catalog-filter .filter-block.toggle-wrap .filter-block-wrap {
    display: none;
  }
  .catalog-filter .filter-block.toggle-wrap.opened .toggle-handle i {
    transform: rotate(180deg);
  }
  .catalog-filter .filter-block.toggle-wrap.opened .filter-block-wrap {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .catalog-filter .filter-block.toggle-wrap .filter-block-wrap {
    display: none;
  }
  .catalog-filter .filter-block.toggle-wrap.xs-opened .toggle-handle i {
    transform: rotate(180deg);
  }
  .catalog-filter .filter-block.toggle-wrap.xs-opened .filter-block-wrap {
    display: block;
  }
}
.catalog-filter .filter-block .filter-result {
  display: none;
  margin: -17px -15px 0 0;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  padding: 6px 12px;
  height: 34px;
  font-weight: normal;
  font-size: 13px;
  white-space: nowrap;
  background: #fff;
  position: absolute;
  right: 100%;
  z-index: 4;
}
@media all and (max-width: 767px) {
  .catalog-filter .filter-block .filter-result {
    display: none !important;
  }
}
.catalog-filter .filter-block .filter-result.opened {
  display: block;
}
.catalog-filter .filter-block .filter-result::before, .catalog-filter .filter-block .filter-result::after {
  content: '';
  display: block;
  margin-top: -6px;
  border-width: 6px 0 6px 9px;
  border-style: solid;
  border-color: transparent #c6c6c6;
  width: 0;
  height: 0;
  position: absolute;
  top: 15px;
  right: -9px;
}
.catalog-filter .filter-block .filter-result::after {
  margin-top: -5px;
  border-width: 5px 0 5px 8px;
  border-color: transparent #fff;
  right: -8px;
}
.catalog-filter .filter-block .filter-result a {
  text-decoration: underline;
}
.catalog-filter .filter-block .filter-result a:hover {
  text-decoration: none;
}
.catalog-filter input,
.catalog-filter select,
.catalog-filter .jq-selectbox .jq-selectbox__select,
.catalog-filter .jq-selectbox .jq-selectbox__dropdown {
  border-radius: 5px;
  padding: 0 5px;
  height: 34px;
  font-size: 14px;
  line-height: 30px;
}
.catalog-filter .jq-selectbox {
  max-width: 100%;
  min-width: 100%;
}
.catalog-filter .jq-selectbox.opened .jq-selectbox__select {
  border-radius: 5px;
}
.catalog-filter .jq-selectbox .jq-selectbox__dropdown {
  margin-top: 5px !important;
  border-top-width: 1px;
  border-radius: 5px;
  padding: 0 !important;
}
.catalog-filter .jq-selectbox .jq-selectbox__dropdown::before, .catalog-filter .jq-selectbox .jq-selectbox__dropdown::after {
  display: block;
  border-width: 0 12px 9px !important;
}
.catalog-filter .jq-selectbox .jq-selectbox__dropdown::before {
  width: 0;
  height: 0;
  top: -9px !important;
  left: auto !important;
  right: 9px !important;
}
.catalog-filter .jq-selectbox .jq-selectbox__dropdown li {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.catalog-filter .filter-submit {
  padding: 14px 30px 18px;
  text-align: center;
}
@media all and (max-width: 995px) {
  .catalog-filter .filter-submit {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.catalog-filter .filter-submit .btn {
  display: block;
  margin: 0 0 7px;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 100%;
  width: 100%;
  font-weight: bold;
  font-size: 17px;
  line-height: 19px;
  color: #fff !important;
  background: #e60039;
}
.catalog-filter .filter-submit .btn:hover {
  border-color: #e60039;
  color: #e60039 !important;
  background: #fff !important;
}

/**
*   @section .catalog-top
*/
.catalog-top {
  margin: 0 0 23px;
  border: 1px solid #e8e8e8;
  padding: 25px 30px 25px 105px;
  min-height: 160px;
  font-size: 15px;
  line-height: 1.2;
  color: #000;
}
@media all and (max-width: 1199px) {
  .catalog-top {
    padding-left: 82px;
  }
}
@media all and (max-width: 995px) {
  .catalog-top {
    padding-left: 52px;
    padding-right: 15px;
  }
}
.catalog-top .view {
  float: left;
  margin: 4px 0 0 -75px;
  width: 22px;
}
@media all and (max-width: 1199px) {
  .catalog-top .view {
    margin-left: -52px;
  }
}
@media all and (max-width: 995px) {
  .catalog-top .view {
    margin-left: -37px;
  }
}
.catalog-top .view a {
  display: block;
  width: 22px;
  height: 22px;
}
.catalog-top .view a + a {
  margin-top: 18px;
}
.catalog-top .view a i {
  margin: 0 !important;
}
.catalog-top .wrap {
  margin: 0 0 5px;
  padding-left: 395px;
  position: relative;
}
@media all and (max-width: 1199px) {
  .catalog-top .wrap {
    margin-left: -10px;
    padding-left: 0 !important;
  }
}
@media all and (max-width: 1199px) {
  .catalog-top .wrap dl {
    margin-left: 0 !important;
    padding-left: 10px !important;
  }
}
@media all and (max-width: 479px) {
  .catalog-top .wrap dl {
    width: 100% !important;
  }
}
.catalog-top .wrap dl dt {
  margin-bottom: 5px;
  height: 18px;
}
.catalog-top .wrap .perpage {
  float: left;
  margin-left: -395px;
  width: 165px;
}
@media all and (max-width: 1199px) {
  .catalog-top .wrap .perpage {
    margin-bottom: 10px;
    width: 50%;
  }
}
.catalog-top .wrap .sort {
  float: left;
  margin-left: -210px;
  width: 190px;
}
@media all and (max-width: 1199px) {
  .catalog-top .wrap .sort {
    margin-bottom: 10px;
    width: 50%;
  }
}
.catalog-top .wrap .search dd {
  position: relative;
}
.catalog-top .wrap .search dd input {
  padding-right: 46px;
}
.catalog-top .wrap .search dd button {
  border: 0;
  margin: 0;
  padding: 0;
  width: 46px;
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  background: none;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.catalog-top .wrap .search dd button::after {
  content: '';
  margin: 0;
  position: absolute;
  bottom: 7px;
  right: 13px;
  pointer-events: none;
}
.catalog-top ul.group {
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
}
@media all and (max-width: 995px) {
  .catalog-top ul.group {
    display: block;
    margin-top: 10px;
    margin-left: -20px !important;
  }
}
.catalog-top ul.group + ul.group {
  margin-left: 50px;
}
.catalog-top input,
.catalog-top select,
.catalog-top .jq-selectbox .jq-selectbox__select,
.catalog-top .jq-selectbox .jq-selectbox__dropdown {
  border-radius: 5px;
  padding: 0 10px;
  height: 34px;
  font-size: 14px;
  line-height: 30px;
}
.catalog-top .jq-selectbox {
  max-width: 100%;
  min-width: 100%;
}
.catalog-top .jq-selectbox.opened .jq-selectbox__select {
  border-radius: 5px;
}
.catalog-top .jq-selectbox .jq-selectbox__dropdown {
  margin-top: 5px !important;
  border-top-width: 1px;
  border-radius: 5px;
  padding: 0 !important;
}
.catalog-top .jq-selectbox .jq-selectbox__dropdown::before, .catalog-top .jq-selectbox .jq-selectbox__dropdown::after {
  display: block;
  border-width: 0 12px 9px !important;
}
.catalog-top .jq-selectbox .jq-selectbox__dropdown::before {
  width: 0;
  height: 0;
  top: -9px !important;
  left: auto !important;
  right: 9px !important;
}
.catalog-top .jq-selectbox .jq-selectbox__dropdown li {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

section.benefits {
  padding: 55px 0 60px;
}
section.benefits .title {
  margin: 0 0 50px;
  text-align: center;
}
section.benefits ul {
  font-size: 0;
  text-align: center;
}
section.benefits li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  font-size: 20px;
  color: #000;
  position: relative;
}
@media all and (max-width: 995px) {
  section.benefits li {
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  section.benefits li {
    width: 50%;
  }
  section.benefits li:nth-child(3) {
    margin: 50px 0;
    width: 100%;
  }
  section.benefits li:nth-child(3)::before, section.benefits li:nth-child(3)::after, section.benefits li:nth-child(3) span::after, section.benefits li:nth-child(4)::before, section.benefits li:nth-child(4)::after, section.benefits li:nth-child(4) span::after {
    display: none !important;
  }
}
@media all and (max-width: 479px) {
  section.benefits li:nth-child(3) {
    margin: 20px 0;
  }
}
section.benefits li:nth-child(1) {
  z-index: 5;
}
section.benefits li:nth-child(2) {
  z-index: 4;
}
section.benefits li:nth-child(3) {
  z-index: 3;
}
section.benefits li:nth-child(4) {
  z-index: 2;
}
section.benefits li:nth-child(5) {
  z-index: 1;
}
@media all and (max-width: 479px) {
  section.benefits li:nth-child(1) span::before {
    background-position: -215px -247px;
    width: 60px;
    height: 60px;
  }
  section.benefits li:nth-child(2) span::before {
    background-position: -145px -247px;
    width: 60px;
    height: 60px;
  }
  section.benefits li:nth-child(3) span::before {
    background-position: -75px -247px;
    width: 60px;
    height: 60px;
  }
  section.benefits li:nth-child(4) span::before {
    background-position: -5px -247px;
    width: 60px;
    height: 60px;
  }
  section.benefits li:nth-child(5) span::before {
    background-position: -247px -126px;
    width: 60px;
    height: 60px;
  }
}
section.benefits li + li::before, section.benefits li + li::after {
  content: '';
  display: block;
  margin-top: 56px;
  position: absolute;
  top: 0;
}
@media all and (max-width: 479px) {
  section.benefits li + li::before, section.benefits li + li::after {
    margin-top: 30px;
  }
}
section.benefits li + li::before {
  width: 100%;
  height: 1px;
  border-top: 1px solid #f0f0f0;
  left: -50%;
  z-index: 1;
}
section.benefits li + li::after {
  width: 21px;
  height: 1px;
  border-top: 1px solid #a8a8a8;
  left: -11px;
  z-index: 2;
}
section.benefits li + li span::after {
  content: '';
  display: block;
  margin-top: 54px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background: #a8a8aa 8px;
  position: absolute;
  top: 0;
  left: -3px;
  z-index: 3;
}
@media all and (max-width: 479px) {
  section.benefits li + li span::after {
    margin-top: 28px;
  }
}
section.benefits li span {
  display: block;
}
section.benefits li span::before {
  content: '';
  display: block !important;
  margin: 0 auto 22px !important;
  border: 1px solid #cacccd;
  border-radius: 50%;
  width: 113px;
  height: 113px;
  background: #fff;
  position: relative;
  z-index: 4;
}
@media all and (max-width: 479px) {
  section.benefits li span::before {
    margin-bottom: 10px !important;
  }
}

section.manufacturers .pageheader {
  margin-bottom: 0;
  background-image: url("../images/pageheader-manufacturers.jpg");
}
section.manufacturers .items-wrap {
  position: relative;
}
section.manufacturers .items-wrap::before {
  content: '';
  display: block;
  border-left: 1px solid #cdcdcd;
  width: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
}
section.manufacturers .count {
  padding: 165px 0 118px;
  font-weight: normal;
  font-size: 40px;
  line-height: 1.25;
  color: #e60039;
  background: #fff url(../images/count.png) no-repeat 50% -70px/cover;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 995px) {
  section.manufacturers .count {
    padding: 80px 0 60px;
  }
}
@media all and (max-width: 767px) {
  section.manufacturers .count {
    padding: 30px 0;
    background-image: none;
    line-height: 1.1;
  }
}
@media all and (max-width: 767px) {
  section.manufacturers .count {
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 2;
  }
}
section.manufacturers .count::before, section.manufacturers .count::after {
  content: '';
  display: block;
  width: 1px;
  position: absolute;
  left: 50%;
}
@media all and (max-width: 767px) {
  section.manufacturers .count::before, section.manufacturers .count::after {
    display: none;
  }
}
section.manufacturers .count::before {
  border-left: 1px solid #e60039;
  height: 165px;
  top: 0;
}
@media all and (max-width: 995px) {
  section.manufacturers .count::before {
    height: 80px;
  }
}
section.manufacturers .count::after {
  border-left: 1px solid #cacaca;
  height: 503px;
  top: 165px;
  z-index: 2;
}
@media all and (max-width: 995px) {
  section.manufacturers .count::after {
    height: 300px;
    top: 80px;
  }
}
section.manufacturers .count em {
  display: block;
  padding: 5px 146px 0 0;
  width: 50%;
  font-size: 72px;
  text-align: right;
  position: relative;
  z-index: 2;
}
@media all and (max-width: 995px) {
  section.manufacturers .count em {
    padding-top: 20px;
    font-size: 60px;
    padding-right: 120px;
  }
}
@media all and (max-width: 767px) {
  section.manufacturers .count em {
    float: none !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
    font-size: 32px !important;
    text-align: inherit !important;
    position: relative;
  }
}
section.manufacturers .count em ~ em {
  float: right;
  margin-top: -78px;
  padding: 0 0 0 20px;
  font-size: 40px;
  text-align: left;
}
@media all and (max-width: 995px) {
  section.manufacturers .count em ~ em {
    margin-top: -50px;
    font-size: 36px;
  }
}
section.manufacturers .count strong {
  display: block;
  margin: -95px auto 0;
  border: 2px solid #cacaca;
  border-radius: 50%;
  width: 303px;
  height: 303px;
  font-size: 0;
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media all and (max-width: 995px) {
  section.manufacturers .count strong {
    width: 200px;
    height: 200px;
  }
}
@media all and (max-width: 767px) {
  section.manufacturers .count strong {
    display: inline;
    margin: 0;
    border: 0;
    border-radius: 0;
    width: auto;
    height: auto;
    font-size: inherit !important;
    overflow: visible;
  }
}
section.manufacturers .count strong::before {
  content: '';
  display: block;
  border: 3px solid #e60039;
  border-radius: 50%;
  width: 283px;
  height: 283px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
}
@media all and (max-width: 995px) {
  section.manufacturers .count strong::before {
    width: 180px;
    height: 180px;
  }
}
@media all and (max-width: 767px) {
  section.manufacturers .count strong::before {
    display: none;
  }
}
section.manufacturers .count strong::after {
  content: '';
  display: block;
  margin-left: -120px;
  width: 240px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: rotate(-48deg);
  z-index: 2;
}
@media all and (max-width: 995px) {
  section.manufacturers .count strong::after {
    margin-left: -80px;
    width: 160px;
  }
}
@media all and (max-width: 767px) {
  section.manufacturers .count strong::after {
    display: none;
  }
}
section.manufacturers .count strong span {
  float: left;
  margin-top: 14%;
  padding: 0 20px;
  width: 50%;
  font-weight: 300;
  font-size: 125px;
  line-height: 1.22;
  text-align: right;
  color: #090b10;
  position: relative;
  z-index: 3;
}
@media all and (max-width: 995px) {
  section.manufacturers .count strong span {
    font-size: 90px;
  }
}
@media all and (max-width: 767px) {
  section.manufacturers .count strong span {
    float: none;
    display: inline;
    margin: 0 !important;
    padding: 0;
    width: auto;
    font-weight: normal;
    font-size: inherit !important;
    text-align: inherit !important;
  }
}
section.manufacturers .count strong span + span {
  margin: 28% 0 0 -1%;
  text-align: left;
}
section.manufacturers .items {
  margin: 0 0 80px;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  section.manufacturers .items {
    margin-bottom: 40px;
  }
}
section.manufacturers .items:first-child {
  margin-top: 40px;
}
section.manufacturers .items::before, section.manufacturers .items::after {
  content: '';
  display: block;
  border-width: 0;
  border-style: solid;
  border-color: #fff;
  position: absolute;
  z-index: 2;
}
section.manufacturers .items::before {
  border-top-width: 1px;
  height: 1px;
  left: 0;
  right: 0;
}
section.manufacturers .items::after {
  border-left-width: 1px;
  width: 1px;
  top: 0;
  bottom: 0;
}
section.manufacturers .item {
  padding: 0;
  width: 25%;
  text-align: center;
}
@media all and (max-width: 767px) {
  section.manufacturers .item {
    width: 50%;
  }
}
section.manufacturers .item::before, section.manufacturers .item::after {
  content: '';
  display: block;
  border-width: 0;
  border-style: solid;
  border-color: #cdcdcd;
  position: absolute;
}
section.manufacturers .item::before {
  border-top-width: 1px;
  height: 1px;
  left: 0;
  right: 0;
}
section.manufacturers .item::after {
  border-left-width: 1px;
  width: 1px;
  top: 0;
  bottom: 0;
}
section.manufacturers .item .item-wrap {
  padding: 26px 10px;
  position: relative;
}
@media all and (max-width: 767px) {
  section.manufacturers .item .item-wrap {
    padding: 10px;
  }
}
section.manufacturers .item .item-wrap:hover img {
  filter: grayscale(0%);
}
section.manufacturers .item .item-wrap:hover .grayscale.grayscale-replaced.grayscale-fade > svg {
  opacity: 0;
}
section.manufacturers .item .image {
  margin: 0 auto 2px;
  max-width: 150px;
  height: 50px;
}
section.manufacturers .item img {
  filter: grayscale(100%);
  transition: filter .25s;
  max-width: 100%;
  max-height: 100%;
}
section.manufacturers .item .title {
  margin: 0;
  font-weight: normal;
  font-size: 13px;
}
section.manufacturers .item a::before {
  content: '';
  display: block;
  background: url(../images/empty.gif);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section.manufacturers.similar .items::before, section.manufacturers.similar .items::after {
  border-color: #f8f8f8;
}

article.manufacturer .pageheader {
  background-image: url("../images/pageheader-manufacturers.jpg");
}
article.manufacturer .header {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 200px 50px;
  text-align: center;
  position: relative;
}
@media all and (max-width: 995px) {
  article.manufacturer .header {
    margin-top: 25px;
    padding-bottom: 25px;
  }
}
@media all and (max-width: 767px) {
  article.manufacturer .header {
    margin-top: 0;
    padding: 0 0 15px;
  }
}
article.manufacturer .header .logo {
  margin: 0 auto 50px;
  max-width: 200px;
  height: 66px;
}
@media all and (max-width: 767px) {
  article.manufacturer .header .logo {
    margin: 0 0 30px;
    max-width: none;
    padding: 0 70px;
  }
}
article.manufacturer .header .logo a {
  display: block;
  max-width: 100%;
}
article.manufacturer .header .goods {
  font-weight: normal;
  font-size: 19px;
}
article.manufacturer .header .goods i {
  margin: 0 16px 0 0 !important;
  top: -2px !important;
  left: auto !important;
}
article.manufacturer .itemsnav {
  position: static;
}
article.manufacturer .itemsnav .return {
  top: 12px;
}
article.manufacturer .socials {
  position: absolute;
  top: 23px;
  right: 0;
}
@media all and (max-width: 767px) {
  article.manufacturer .socials {
    margin-top: 15px;
    position: relative;
    top: auto;
    right: auto;
  }
}
article.manufacturer .socials a {
  font-size: 21px;
  color: #bbbdc0;
}
article.manufacturer .socials a + a {
  margin-left: 8px;
}
article.manufacturer .socials a:hover {
  color: #e60039;
}
article.manufacturer .columns {
  margin-left: -30px;
  font-size: 0;
}
article.manufacturer .columns > .column {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  width: 30%;
}
@media all and (max-width: 767px) {
  article.manufacturer .columns > .column {
    width: 50%;
  }
}
@media all and (max-width: 479px) {
  article.manufacturer .columns > .column {
    width: 100%;
  }
}
article.manufacturer .columns > .column:nth-child(3) {
  width: 40%;
}
@media all and (max-width: 767px) {
  article.manufacturer .columns > .column:nth-child(3) {
    width: 100%;
  }
}
article.manufacturer .columns .columns > .column {
  width: 50%;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  article.manufacturer .columns .columns > .column {
    width: 100%;
  }
}
@media all and (max-width: 479px) {
  article.manufacturer .columns .columns > .column {
    width: 100%;
  }
}
article.manufacturer .columns ul {
  margin-bottom: 12px;
  font-weight: normal;
  font-size: 16px;
}
article.manufacturer .columns ul li + li {
  margin-top: 12px;
}
article.manufacturer .subtitle {
  margin: -4px 0 18px;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 5px;
  font-weight: 600;
  font-size: 24px;
  color: #000;
}
@media all and (max-width: 767px) {
  article.manufacturer .subtitle {
    margin-top: 30px;
  }
}
article.manufacturer .subtitle + ul {
  font-size: 14px;
}
article.manufacturer .subtitle + ul li + li {
  margin-top: 8px;
}
article.manufacturer .line-gray {
  margin: 50px 0 0;
}
article.manufacturer .line-gray .text {
  padding: 0;
  max-width: none;
}
article.manufacturer .text {
  margin: 0 auto;
  padding: 40px 25px 50px;
  max-width: 1050px;
}
@media all and (max-width: 995px) {
  article.manufacturer .text {
    padding: 25px 25px 30px;
  }
}
@media all and (max-width: 767px) {
  article.manufacturer .text {
    padding: 15px 15px 20px;
  }
}

section.directions .pageheader {
  background-image: url("../images/pageheader-directions.jpg");
}
section.directions .title {
  margin-bottom: 40px;
  font-size: 44px;
  text-align: center;
}
@media all and (max-width: 995px) {
  section.directions .title {
    font-size: 34px;
  }
}
@media all and (max-width: 767px) {
  section.directions .title {
    font-size: 28px;
  }
}
section.directions .title span {
  margin-top: .3em;
  font-weight: normal;
  font-size: 28px;
  color: #606060;
}
@media all and (max-width: 995px) {
  section.directions .title span {
    font-size: 28px;
  }
}
@media all and (max-width: 767px) {
  section.directions .title span {
    font-size: 21px;
  }
}
section.directions hr {
  border: 0;
  border-top: 1px solid #e8e8e8;
  height: 1px;
}
section.directions .nav {
  margin: 0 auto;
  padding: 40px 0 20px;
  max-width: 1150px;
  font-size: 15px;
}
section.directions .nav ul {
  margin-left: -40px;
  font-size: 0;
}
section.directions .nav ul li {
  display: inline-block;
  vertical-align: top;
  padding-left: 40px;
  width: 33.33%;
  font-size: 15px;
}
@media all and (max-width: 995px) {
  section.directions .nav ul li {
    width: 50%;
  }
}
@media all and (max-width: 479px) {
  section.directions .nav ul li {
    width: 100%;
  }
}
section.directions .nav li {
  margin: 0 0 13px;
  padding-left: 27px;
  position: relative;
}
section.directions .nav li::before {
  content: '';
  display: block;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background: #b3b3b3;
  position: absolute;
  top: 9px;
  left: 0;
}
section.directions .items {
  margin: 50px 0 70px;
}
section.directions .items .item {
  padding-left: 0;
}
section.directions .item {
  font-weight: normal;
  font-size: 14px;
  color: #000;
  position: relative;
}
@media all and (max-width: 1199px) {
  section.directions .item {
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  section.directions .item + .item {
    margin-top: 30px;
  }
}
section.directions .item:nth-child(odd) .image {
  float: left;
  left: 0;
}
section.directions .item:nth-child(odd) .wrap {
  margin-left: 50%;
}
section.directions .item:nth-child(odd) .meta {
  margin-right: 0;
  right: 0;
}
section.directions .item:nth-child(even) .image {
  float: right;
  right: 0;
}
section.directions .item:nth-child(even) .wrap {
  margin-right: 50%;
}
section.directions .item:nth-child(even) .meta {
  margin-left: 0;
  left: 0;
}
section.directions .item .item-wrap {
  position: relative;
}
section.directions .item .image {
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
section.directions .item .image:hover img {
  transform: scale(1.05);
}
@media all and (max-width: 767px) {
  section.directions .item .image {
    float: none !important;
    width: 100%;
    height: auto !important;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto !important;
    right: auto !important;
  }
}
section.directions .item .image img {
  width: 100%;
  transition: all .25s;
}
@media all and (min-width: 768px) {
  section.directions .item .image img {
    height: 100%;
    object-fit: cover;
  }
}
section.directions .item .wrap {
  padding: 50px 64px;
  min-height: 300px;
  position: relative;
}
@media all and (max-width: 1199px) {
  section.directions .item .wrap {
    padding: 25px 34px;
  }
}
@media all and (max-width: 767px) {
  section.directions .item .wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 15px 22px;
    min-height: 0;
    height: auto !important;
  }
}
section.directions .item .title {
  margin: 0 -64px 23px;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 64px 27px;
  font-weight: 300;
  font-size: 21px;
  position: relative;
  text-align: left;
}
@media all and (max-width: 1199px) {
  section.directions .item .title {
    margin: 0 -34px 20px;
    padding: 0 34px 20px;
  }
}
@media all and (max-width: 767px) {
  section.directions .item .title {
    margin: 0 -15px 20px;
    padding: 0 15px 20px;
  }
}
@media all and (max-width: 479px) {
  section.directions .item .title {
    margin: 0 0 20px;
    padding: 0 0 20px;
  }
}
section.directions .item .title::before, section.directions .item .title::after {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  background: #e60039;
  position: absolute;
  left: 64px;
  bottom: -1px;
}
@media all and (max-width: 1199px) {
  section.directions .item .title::before, section.directions .item .title::after {
    left: 34px;
  }
}
@media all and (max-width: 767px) {
  section.directions .item .title::before, section.directions .item .title::after {
    left: 15px;
  }
}
@media all and (max-width: 479px) {
  section.directions .item .title::before, section.directions .item .title::after {
    left: 0;
  }
}
section.directions .item .title::before {
  margin: 0 0 -2px -2px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
section.directions .item .text {
  max-height: 75px;
  line-height: 1.78;
  overflow: hidden;
}
section.directions .item .meta {
  margin: 14px 0 0;
  font-size: 15px;
  color: #000;
}
section.directions .item .meta a {
  color: #e60039;
}
section.directions .item .meta a:hover {
  color: #0f315a;
}

.top-nav {
  padding: 25px 0 35px;
  font-size: 17px;
}
.top-nav ul {
  font-size: 0;
  text-align: center;
}
.top-nav li {
  display: inline-block;
  vertical-align: top;
  margin: 12px 0;
  padding: 0 22px;
  white-space: nowrap;
  font-weight: normal;
  font-size: 17px;
  line-height: 18px;
}
@media all and (max-width: 767px) {
  .top-nav li {
    margin: 6px 0;
  }
}
.top-nav li.active a {
  color: #e60039;
}
.top-nav li + li:not(.row-item-first) {
  border-left: 1px solid #dbdbdb;
}

section.services {
  border-top: 1px solid #c6c6c6;
  background: #fff;
  overflow: hidden;
}
section.services:first-child {
  border-top: 0;
  overflow: visible;
}
section.services .pageheader {
  background-image: url("../images/pageheader-services.jpg");
}
section.services .pageheader .pagetitle {
  font-size: 45px;
}
@media all and (max-width: 995px) {
  section.services .pageheader .pagetitle {
    font-size: 38px;
  }
}
@media all and (max-width: 767px) {
  section.services .pageheader .pagetitle {
    font-size: 30px;
  }
}
section.services .title {
  margin-bottom: 40px;
  font-size: 44px;
  text-align: center;
}
@media all and (max-width: 995px) {
  section.services .title {
    font-size: 34px;
  }
}
@media all and (max-width: 767px) {
  section.services .title {
    font-size: 28px;
  }
}
section.services .title span {
  margin-top: .3em;
  font-weight: normal;
  font-size: 28px;
  color: #606060;
}
@media all and (max-width: 995px) {
  section.services .title span {
    font-size: 28px;
  }
}
@media all and (max-width: 767px) {
  section.services .title span {
    font-size: 21px;
  }
}
section.services .title ~ p {
  margin: 0 0 3em;
  font-size: 17px;
  text-align: center;
  color: #606060;
}
section.services .title ~ p::before {
  content: '';
  margin: 0 auto 2em;
  display: block;
  border-top: 1px solid #e8e8e8;
  max-width: 440px;
  height: 1px;
}
section.services hr {
  border: 0;
  border-top: 1px solid #e8e8e8;
  height: 1px;
}
section.services .top-nav {
  padding: 40px 0 35px;
  font-size: 21px;
}
section.services .top-nav li {
  padding: 0 22px;
  font-size: 21px;
  line-height: 18px;
}
@media all and (max-width: 767px) {
  section.services .top-nav li {
    font-size: 15px;
  }
}
section.services .items {
  margin: 50px 0 70px;
}
section.services .items .item {
  padding-left: 0;
}
section.services .item {
  font-size: 17px;
  position: relative;
}
@media all and (max-width: 1199px) {
  section.services .item {
    font-size: 15px;
  }
}
@media all and (min-width: 768px) {
  section.services .item {
    height: 300px;
  }
}
@media all and (max-width: 767px) {
  section.services .item + .item {
    margin-top: 30px;
  }
}
section.services .item:nth-child(odd) .image {
  float: left;
}
section.services .item:nth-child(odd) .wrap {
  margin-left: 50%;
  padding-right: 22px;
}
@media all and (max-width: 767px) {
  section.services .item:nth-child(odd) .wrap {
    padding-right: 15px;
  }
}
section.services .item:nth-child(even)::before {
  right: 0;
}
section.services .item:nth-child(even) .image {
  float: right;
}
section.services .item:nth-child(even) .wrap {
  margin-right: 50%;
  padding-left: 22px;
}
@media all and (max-width: 767px) {
  section.services .item:nth-child(even) .wrap {
    padding-left: 15px;
  }
}
section.services .item .item-wrap {
  position: relative;
  height: 100%;
}
section.services .item .image {
  width: 50%;
  overflow: hidden;
}
@media all and (min-width: 768px) {
  section.services .item .image {
    height: 100%;
  }
}
@media all and (max-width: 767px) {
  section.services .item .image {
    float: none !important;
    width: 100%;
    height: auto !important;
  }
}
section.services .item .image a {
  display: block;
}
@media all and (min-width: 768px) {
  section.services .item .image a {
    width: 100%;
    height: 100%;
  }
}
section.services .item .image a:hover img {
  transform: scale(1.05);
}
section.services .item .image img {
  display: block;
  width: 100%;
  transition: transform .4s;
}
@media all and (min-width: 768px) {
  section.services .item .image img {
    height: 100%;
    object-fit: cover;
  }
}
section.services .item .image .more {
  display: block;
  margin: -40px 0 0 -40px;
  border-radius: 50%;
  padding: 19px;
  width: 80px;
  height: 80px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media all and (max-width: 767px) {
  section.services .item .image .more {
    display: none;
  }
}
section.services .item .image .more .icon-wrap {
  top: 0;
  border-color: #9b9b9b;
}
section.services .item .wrap {
  padding: 20px 64px;
  height: 100%;
  position: relative;
}
@media all and (max-width: 1199px) {
  section.services .item .wrap {
    padding: 15px 34px;
  }
}
@media all and (max-width: 767px) {
  section.services .item .wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 15px 22px 20px;
    height: auto !important;
  }
}
section.services .item .title {
  margin: 0 0 13px;
  font-weight: 300;
  font-size: 21px;
  text-align: left;
}
section.services .item .text {
  font-size: 17px;
}

article.service .pageheader {
  margin-bottom: 0;
  background-image: url("../images/pageheader-services.jpg");
}
article.service .pageheader .pagetitle {
  font-size: 45px;
}
@media all and (max-width: 995px) {
  article.service .pageheader .pagetitle {
    font-size: 38px;
  }
}
@media all and (max-width: 767px) {
  article.service .pageheader .pagetitle {
    font-size: 30px;
  }
}
article.service .top-nav {
  padding: 35px 0;
}
article.service .bdr-top {
  padding: 75px 0;
}
@media all and (max-width: 995px) {
  article.service .bdr-top {
    padding: 50px 0;
  }
}
article.service .title,
article.service .subtitle {
  padding-left: 125px;
  padding-right: 125px;
}
@media all and (max-width: 995px) {
  article.service .title,
  article.service .subtitle {
    padding-left: 70px;
    padding-right: 70px;
  }
}
article.service .title {
  margin: 0 0 35px;
  text-align: center;
  color: #0f315a;
}
article.service .title::after {
  content: '';
  display: block;
  margin: 35px auto 0;
  border-top: 1px solid #e8e8e8;
  max-width: 556px;
  height: 1px;
}
@media all and (max-width: 767px) {
  article.service .title::after {
    display: none;
  }
}
article.service .subtitle {
  margin: 35px 0;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.service .subtitle {
    font-size: 21px;
    line-height: 1.5;
  }
}
@media all and (max-width: 767px) {
  article.service .subtitle {
    padding: 0;
    font-size: 17px;
  }
}
article.service .socials {
  margin-top: 75px;
  text-align: center;
}
article.service .socials a {
  font-size: 21px;
  color: #898d91;
}
article.service .socials a + a {
  margin-left: 8px;
}
article.service .socials a:hover {
  color: #e60039;
}
article.service .similar {
  margin-top: 0;
  background-color: transparent;
}
article.service .similar .items-wrap {
  position: relative;
}
article.service .similar .item {
  width: 33.33%;
  font-size: 15px;
  text-align: center;
  color: #000;
}
@media all and (max-width: 767px) {
  article.service .similar .item {
    width: 100%;
    position: relative;
  }
  article.service .similar .item + .item {
    margin-top: 50px;
  }
}
article.service .similar .item .image {
  margin: 0 0 12px;
  height: 200px;
}
article.service .similar .item .image::after {
  content: '';
  display: block;
  border-top: 1px solid #e8e8e8;
  position: absolute;
  top: 261px;
  left: 0;
  right: 0;
}
article.service .similar .item img {
  border-radius: 50%;
}
article.service .similar .item .title-wrap {
  margin: 0 0 20px;
  height: 49px;
  position: relative;
}
article.service .similar .item .title-wrap::before, article.service .similar .item .title-wrap::after {
  content: '';
  display: block;
  margin-left: -25px;
  width: 50px;
  height: 1px;
  background: #e60039;
  position: absolute;
  left: 50%;
  bottom: -1px;
  z-index: 2;
}
article.service .similar .item .title-wrap::before {
  margin: 0 0 -2px -2px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
article.service .similar .item .title {
  padding: 0;
  height: 30px;
  font-size: 21px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

section.training,
section.events-list {
  padding: 0 0 70px;
}
section.training.similar,
section.events-list.similar {
  margin-top: 0 !important;
  padding: 70px 0 20px;
  background: #fff !important;
}
section.training .pageheader,
section.events-list .pageheader {
  margin-bottom: 45px;
  background-image: url("../images/pageheader-training.jpg");
}
section.training .items-nav,
section.events-list .items-nav {
  text-align: left;
}
@media all and (max-width: 995px) {
  section.training .items-nav,
  section.events-list .items-nav {
    text-align: center;
  }
  section.training .items-nav ul.inline,
  section.events-list .items-nav ul.inline {
    float: none;
  }
}
section.training .items-nav.center,
section.events-list .items-nav.center {
  text-align: center;
}
section.training .items-nav select,
section.training .items-nav .jq-selectbox,
section.events-list .items-nav select,
section.events-list .items-nav .jq-selectbox {
  margin: 4px;
  max-width: 250px;
}
section.training ul.inline,
section.events-list ul.inline {
  margin-top: 15px;
}
@media all and (max-width: 995px) {
  section.training ul.inline,
  section.events-list ul.inline {
    float: none;
  }
}
section.training .bdr-top,
section.events-list .bdr-top {
  margin-top: 45px;
  background: transparent !important;
}
section.training .items,
section.events-list .items {
  margin-left: -28px;
}
section.training .items .item,
section.events-list .items .item {
  margin-bottom: 50px;
  padding-left: 28px;
  width: 33.33%;
}
@media all and (max-width: 995px) {
  section.training .items .item,
  section.events-list .items .item {
    width: 50%;
  }
}
@media all and (max-width: 479px) {
  section.training .items .item,
  section.events-list .items .item {
    width: 100%;
  }
}
section.training .item:hover .image img,
section.events-list .item:hover .image img {
  transform: scale(1.05);
}
section.training .item-wrap .image,
section.events-list .item-wrap .image {
  overflow: hidden;
  position: relative;
}
section.training .item-wrap .image img,
section.events-list .item-wrap .image img {
  min-width: 100%;
  transition: transform .25s;
}
section.training .item-wrap .date,
section.events-list .item-wrap .date {
  padding: 60px 22px 23px;
  font-size: 14px;
  color: #fff;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}
@media all and (max-width: 479px) {
  section.training .item-wrap .date,
  section.events-list .item-wrap .date {
    padding: 40px 15px 15px;
  }
}
section.training .item-wrap .date i,
section.events-list .item-wrap .date i {
  margin: -3px 12px 0 0;
}
section.training .item-wrap .wrap,
section.events-list .item-wrap .wrap {
  padding: 35px 22px 0;
}
@media all and (max-width: 767px) {
  section.training .item-wrap .wrap,
  section.events-list .item-wrap .wrap {
    padding: 25px 0 0;
  }
}
@media all and (max-width: 479px) {
  section.training .item-wrap .wrap,
  section.events-list .item-wrap .wrap {
    padding: 15px 0 0;
  }
}
section.training .item-wrap .title,
section.events-list .item-wrap .title {
  margin: 0 0 14px;
  height: 51px;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.5;
  overflow: hidden;
}
section.training .item-wrap .text,
section.events-list .item-wrap .text {
  height: 68px;
  overflow: hidden;
}
section.training .item-wrap .meta,
section.events-list .item-wrap .meta {
  margin: 26px -22px 0;
  padding: 0 22px;
}
@media all and (max-width: 767px) {
  section.training .item-wrap .meta,
  section.events-list .item-wrap .meta {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 479px) {
  section.training .item-wrap .meta,
  section.events-list .item-wrap .meta {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 767px) {
  section.training .item-wrap .meta > div,
  section.events-list .item-wrap .meta > div {
    display: block;
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  section.training .item-wrap .meta > div + div,
  section.events-list .item-wrap .meta > div + div {
    margin: 12px 0 0;
    border: 0;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  section.training .item-wrap .meta .place,
  section.events-list .item-wrap .meta .place {
    float: none;
    margin-top: 12px;
  }
}
@media all and (max-width: 767px) {
  section.training .item-wrap .meta .place .icon-wrap,
  section.events-list .item-wrap .meta .place .icon-wrap {
    margin-right: 5px;
    border: 0;
    width: auto;
    height: auto;
  }
  section.training .item-wrap .meta .place .icon-wrap i,
  section.events-list .item-wrap .meta .place .icon-wrap i {
    margin: 0 !important;
    position: relative !important;
    top: -2px;
    left: 0;
  }
}
section.training .item.item-all,
section.events-list .item.item-all {
  display: none;
  text-align: center;
  background: #f7f7f7;
  position: relative;
}
@media all and (max-width: 995px) {
  section.training .item.item-all:nth-child(even),
  section.events-list .item.item-all:nth-child(even) {
    display: inline-block;
  }
}
section.training .item.item-all::after,
section.events-list .item.item-all::after {
  content: '';
  display: block;
  width: 28px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
section.training .item.item-all .item-wrap,
section.events-list .item.item-all .item-wrap {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  width: 100% !important;
  height: auto !important;
  font-weight: normal;
  font-size: 17px;
  text-align: center;
  color: #515151;
  position: static;
}
section.training .item.item-all .title,
section.events-list .item.item-all .title {
  margin: 0 0 3px;
  font-size: 22px;
  height: auto;
  overflow: visible;
}
section.training .item.item-all .title a:hover::before,
section.events-list .item.item-all .title a:hover::before {
  border-color: #e60039;
}
section.training .item.item-all .title a::before,
section.events-list .item.item-all .title a::before {
  content: '';
  display: block;
  margin: 0 auto 35px;
  border: 1px solid #c6c6c6;
  border-radius: 50%;
  transition: border .25s;
}
section.training .item.item-all .title a::after,
section.events-list .item.item-all .title a::after {
  content: '';
  display: block;
  background: url(../images/empty.gif);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

section.events-list .pageheader {
  background-image: url("../images/pageheader-articles.jpg");
}

article.training,
article.event {
  padding: 0 0 70px;
}
article.training .pageheader,
article.event .pageheader {
  margin-bottom: 45px;
  background-image: url("../images/pageheader-training.jpg");
}
article.training .pageheader .pagetitle,
article.event .pageheader .pagetitle {
  font-size: 45px;
}
@media all and (max-width: 995px) {
  article.training .pageheader .pagetitle,
  article.event .pageheader .pagetitle {
    font-size: 38px;
  }
}
@media all and (max-width: 767px) {
  article.training .pageheader .pagetitle,
  article.event .pageheader .pagetitle {
    font-size: 30px;
  }
}
article.training .title,
article.training .subtitle,
article.event .title,
article.event .subtitle {
  padding-left: 125px;
  padding-right: 125px;
}
@media all and (max-width: 995px) {
  article.training .title,
  article.training .subtitle,
  article.event .title,
  article.event .subtitle {
    padding-left: 70px;
    padding-right: 70px;
  }
}
article.training .title,
article.event .title {
  margin: 0 0 35px;
  text-align: center;
  color: #0f315a;
}
article.training .single-meta::after,
article.event .single-meta::after {
  content: '';
  display: block;
  margin: 35px auto 0;
  border-top: 1px solid #e8e8e8;
  max-width: 556px;
  height: 1px;
}
@media all and (max-width: 767px) {
  article.training .single-meta::after,
  article.event .single-meta::after {
    display: none;
  }
}
article.training .subtitle,
article.event .subtitle {
  margin: 35px 0 65px;
  text-align: center;
}
article.training .subtitle + .address,
article.event .subtitle + .address {
  margin: -30px 0 65px;
  font-size: 19px;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.training .subtitle + .address,
  article.event .subtitle + .address {
    margin: -25px 0 50px;
    font-size: 17px;
  }
}
@media all and (max-width: 767px) {
  article.training .subtitle + .address,
  article.event .subtitle + .address {
    margin: -15px 0 25px;
    font-size: 15px;
  }
}
@media all and (max-width: 995px) {
  article.training .subtitle,
  article.event .subtitle {
    margin-bottom: 50px;
    font-size: 21px;
    line-height: 1.5;
  }
}
@media all and (max-width: 767px) {
  article.training .subtitle,
  article.event .subtitle {
    margin: 25px 0;
    padding: 0;
    font-size: 17px;
  }
}
article.training .socials,
article.event .socials {
  margin-top: 75px;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.training .socials,
  article.event .socials {
    margin-top: 50px;
  }
}
@media all and (max-width: 767px) {
  article.training .socials,
  article.event .socials {
    margin-top: 25px;
  }
}
article.training .socials a,
article.event .socials a {
  font-size: 21px;
  color: #898d91;
}
article.training .socials a + a,
article.event .socials a + a {
  margin-left: 8px;
}
article.training .socials a:hover,
article.event .socials a:hover {
  color: #e60039;
}

article.event .pageheader {
  background-image: url("../images/pageheader-articles.jpg");
}

section.share .items {
  display: flex;
  margin: 0 !important;
  align-content: stretch;
}
@media all and (max-width: 995px) {
  section.share .items {
    flex-wrap: wrap;
  }
}
section.share .items .item {
  flex-basis: 25%;
  display: block;
  padding: 0;
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 1px;
}
@media all and (max-width: 995px) {
  section.share .items .item {
    flex-basis: 50%;
  }
}
@media all and (max-width: 767px) {
  section.share .items .item {
    border-width: 1px 0 0;
    flex-basis: 100%;
  }
}
section.share .item-wrap {
  padding: 0 32px 111px;
  height: 100%;
  position: relative;
}
@media all and (max-width: 1399px) {
  section.share .item-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media all and (max-width: 767px) {
  section.share .item-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
section.share .item-wrap .date {
  border-bottom: 1px solid #f0f0f0;
  margin: 0 -16px 26px;
  padding: 40px 16px 20px;
  font-effect: none;
  font-size: 14px;
  color: #878787;
}
@media all and (max-width: 1399px) {
  section.share .item-wrap .date {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media all and (max-width: 767px) {
  section.share .item-wrap .date {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
section.share .item-wrap .title {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 17px;
}
section.share .item-wrap .meta {
  padding: 19px 32px 20px;
  text-align: right;
  background: #f7f7f7;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media all and (min-width: 996px) and (max-width: 1550px) {
  section.share .item-wrap .meta {
    text-align: left;
  }
  section.share .item-wrap .meta > div {
    float: none;
    display: block;
  }
  section.share .item-wrap .meta > div + div {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
  }
}
section.share .item.item-all {
  text-align: center;
  background: #f7f7f7;
  position: relative;
}
section.share .item.item-all .item-wrap {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  width: 100% !important;
  height: auto !important;
  font-weight: normal;
  font-size: 17px;
  text-align: center;
  color: #515151;
  position: static;
}
@media all and (max-width: 767px) {
  section.share .item.item-all .item-wrap {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
section.share .item.item-all .title {
  margin: 0 0 3px;
  font-size: 22px;
}
section.share .item.item-all .title a:hover::before {
  border-color: #e60039;
}
section.share .item.item-all .title a::before {
  content: '';
  display: block;
  margin: 0 auto 35px;
  border: 1px solid #c6c6c6;
  border-radius: 50%;
  transition: border .25s;
}
@media all and (max-width: 767px) {
  section.share .item.item-all .title a::before {
    margin-bottom: 15px;
  }
}
section.share .item.item-all .title a::after {
  content: '';
  display: block;
  background: url(../images/empty.gif);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

article.about .pageheader {
  margin-bottom: 0;
  background-image: url("../images/pageheader-about.jpg");
}
article.about .pageheader .pagetitle {
  font-size: 45px;
}
@media all and (max-width: 995px) {
  article.about .pageheader .pagetitle {
    font-size: 38px;
  }
}
@media all and (max-width: 767px) {
  article.about .pageheader .pagetitle {
    font-size: 30px;
  }
}
article.about .top-nav {
  padding-top: 35px;
}
article.about .bdr-top {
  padding: 75px 0;
}
@media all and (max-width: 995px) {
  article.about .bdr-top {
    padding: 50px 0;
  }
}
article.about .title,
article.about .subtitle {
  padding-left: 125px;
  padding-right: 125px;
}
@media all and (max-width: 995px) {
  article.about .title,
  article.about .subtitle {
    padding-left: 70px;
    padding-right: 70px;
  }
}
article.about .title {
  margin: 0 0 35px;
  text-align: center;
  color: #0f315a;
}
article.about .title::after {
  content: '';
  display: block;
  margin: 35px auto 0;
  border-top: 1px solid #e8e8e8;
  max-width: 556px;
  height: 1px;
}
@media all and (max-width: 767px) {
  article.about .title::after {
    display: none;
  }
}
article.about .subtitle {
  margin: 35px 0;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.about .subtitle {
    font-size: 21px;
    line-height: 1.5;
  }
}
@media all and (max-width: 767px) {
  article.about .subtitle {
    padding: 0;
    font-size: 17px;
  }
}
article.about .socials {
  margin-top: 75px;
  text-align: center;
}
article.about .socials a {
  font-size: 21px;
  color: #898d91;
}
article.about .socials a + a {
  margin-left: 8px;
}
article.about .socials a:hover {
  color: #e60039;
}

.about-nav {
  margin: 40px 0;
}
@media all and (min-width: 996px) {
  .about-nav {
    text-align: center;
  }
}
@media all and (max-width: 995px) {
  .about-nav {
    border: 1px solid #e8e8e8;
    border-width: 1px 0;
    padding: 2em 0;
  }
}
.about-nav .wrap {
  display: block;
}
@media all and (min-width: 996px) {
  .about-nav .wrap {
    display: inline-block;
    position: relative;
  }
}
.about-nav .wrap > .bg {
  display: none;
}
@media all and (min-width: 996px) {
  .about-nav .wrap > .bg {
    display: block;
  }
}
.about-nav ul.list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  counter-reset: about;
}
.about-nav ul.list > li {
  counter-increment: about;
}
@media all and (max-width: 995px) {
  .about-nav ul.list > li + li {
    margin-top: 2em;
  }
}
.about-nav ul.list > li::before {
  display: none !important;
}
.about-nav ul.list > li.active .image {
  z-index: 2;
  opacity: 1;
}
.about-nav ul.list > li.active .content {
  z-index: 3;
  opacity: 1;
}
.about-nav ul.list > li.active .title {
  color: #e60039;
}
.about-nav ul.list > li:nth-child(1) .title, .about-nav ul.list > li:nth-child(7) .title {
  top: 75.2%;
}
.about-nav ul.list > li:nth-child(2) .title, .about-nav ul.list > li:nth-child(6) .title {
  top: 50.3%;
}
.about-nav ul.list > li:nth-child(3) .title, .about-nav ul.list > li:nth-child(5) .title {
  top: 23.5%;
}
.about-nav ul.list > li:nth-child(1) .title, .about-nav ul.list > li:nth-child(2) .title, .about-nav ul.list > li:nth-child(3) .title {
  text-align: right;
}
.about-nav ul.list > li:nth-child(1) .title strong, .about-nav ul.list > li:nth-child(2) .title strong, .about-nav ul.list > li:nth-child(3) .title strong {
  right: 82px;
}
.about-nav ul.list > li:nth-child(5) .title, .about-nav ul.list > li:nth-child(6) .title, .about-nav ul.list > li:nth-child(7) .title {
  text-align: left;
}
.about-nav ul.list > li:nth-child(5) .title strong, .about-nav ul.list > li:nth-child(6) .title strong, .about-nav ul.list > li:nth-child(7) .title strong {
  left: 82px;
}
.about-nav ul.list > li:nth-child(4) .title, .about-nav ul.list > li:nth-child(8) .title {
  left: 50%;
}
.about-nav ul.list > li:nth-child(4) .title strong, .about-nav ul.list > li:nth-child(8) .title strong {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}
.about-nav ul.list > li:nth-child(1) .title {
  left: 22.1%;
}
.about-nav ul.list > li:nth-child(2) .title {
  left: 17.3%;
}
.about-nav ul.list > li:nth-child(3) .title {
  left: 25.5%;
}
.about-nav ul.list > li:nth-child(4) .title {
  top: 8.2%;
  left: 50.4%;
}
.about-nav ul.list > li:nth-child(4) .title strong {
  top: -38px;
}
.about-nav ul.list > li:nth-child(5) .title {
  left: 76.5%;
}
.about-nav ul.list > li:nth-child(6) .title {
  left: 77.9%;
}
.about-nav ul.list > li:nth-child(7) .title {
  left: 71.7%;
}
.about-nav ul.list > li:nth-child(8) .title {
  top: 90%;
  left: 50.5%;
}
.about-nav ul.list > li:nth-child(8) .title strong {
  bottom: -38px;
}
.about-nav ul.list > li.bg {
  display: none;
}
@media all and (min-width: 996px) {
  .about-nav ul.list > li.bg {
    display: block;
    position: relative !important;
    z-index: 1;
  }
}
@media all and (min-width: 996px) {
  .about-nav ul.list > li .image,
  .about-nav ul.list > li .content {
    position: absolute;
    z-index: 1;
    opacity: 0;
  }
}
.about-nav ul.list > li .image {
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
@media all and (min-width: 996px) {
  .about-nav ul.list > li .image {
    display: block;
  }
}
.about-nav ul.list > li .title {
  display: block;
}
@media all and (min-width: 996px) {
  .about-nav ul.list > li .title {
    margin: -31.5px 0 0 -31.5px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    width: 61px;
    height: 61px;
    font-weight: normal;
    font-size: 19px;
    line-height: 1.31;
    color: #0f315a;
    white-space: nowrap;
    background: url(../images/empty.gif);
    position: absolute;
    z-index: 4;
    cursor: pointer;
    transition: color .25s;
  }
}
@media all and (max-width: 1199px) {
  .about-nav ul.list > li .title {
    font-size: 17px;
    color: #e60039;
  }
}
@media all and (max-width: 995px) {
  .about-nav ul.list > li .title {
    margin-bottom: .6em;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    text-align: left !important;
  }
  .about-nav ul.list > li .title br {
    display: none !important;
  }
}
.about-nav ul.list > li .title::after {
  display: none !important;
}
@media all and (min-width: 996px) {
  .about-nav ul.list > li .title strong {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media all and (max-width: 995px) {
  .about-nav ul.list > li .title strong::before {
    content: counter(about) ". ";
  }
}
.about-nav ul.list > li .content {
  font-size: 15px;
  line-height: 1.8;
  color: #4e4e4e;
}
@media all and (min-width: 996px) {
  .about-nav ul.list > li .content {
    margin: -200px 0 0 -220px;
    border-radius: 50%;
    padding: 12% 7% 10%;
    width: 440px;
    height: 440px;
    top: 50%;
    left: 50%;
  }
}
@media all and (max-width: 995px) {
  .about-nav ul.list > li .content {
    font-size: 14px;
    line-height: 1.5;
  }
  .about-nav ul.list > li .content p {
    margin: 0 0 .3em !important;
  }
  .about-nav ul.list > li .content .slick-slider {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .about-nav ul.list > li .content .slick-arrow {
    display: none !important;
  }
  .about-nav ul.list > li .content .slick-track {
    width: 100% !important;
  }
  .about-nav ul.list > li .content .slick-slide {
    float: none !important;
    position: static !important;
    width: 100% !important;
    opacity: 1 !important;
  }
}
.about-nav .slick-slider {
  height: 100%;
}
.about-nav .slick-arrow {
  margin: 0;
  width: 10px;
  height: 15px;
  top: 100%;
  left: 50%;
  right: auto;
}
.about-nav .slick-arrow::before {
  margin: 0;
  width: 10px;
  height: 15px;
  top: 0;
  left: 0;
}
.about-nav .slick-arrow:hover.slick-prev::before {
  background-position: -10px -110px;
}
.about-nav .slick-arrow:hover.slick-next::before {
  background-position: -20px -110px;
}
.about-nav .slick-arrow.slick-prev {
  margin-left: -20px;
}
.about-nav .slick-arrow.slick-prev::before {
  background-position: 0 -110px;
}
.about-nav .slick-arrow.slick-next {
  margin-left: 10px;
}
.about-nav .slick-arrow.slick-next::before {
  background-position: -30px -110px;
}

html.js .about-nav ul.list > li.active .image {
  z-index: 2;
  opacity: 1;
}
html.js .about-nav ul.list > li.active .content {
  z-index: 3;
  opacity: 1;
}
html.js .about-nav ul.list > li.active .title {
  color: #e60039;
}

article.contacts .line-gray {
  padding-bottom: 0;
}
article.contacts .pagetitle {
  text-align: center;
}
article.contacts .cities {
  margin: -10px auto 50px;
  border-radius: 27px;
  max-width: 530px;
  height: 55px;
  position: relative;
}
@media all and (min-width: 768px) {
  article.contacts .cities:hover {
    z-index: 5;
  }
  article.contacts .cities:hover .current {
    border-radius: 27px 27px 0 0;
    border-bottom-color: transparent;
  }
  article.contacts .cities:hover .current::before {
    border-radius: 0 25px 0 0;
  }
  article.contacts .cities:hover .current::after {
    transform: rotate(270deg);
  }
  article.contacts .cities:hover .dropdown {
    display: block;
  }
}
@media all and (max-width: 767px) {
  article.contacts .cities.opened {
    z-index: 5;
  }
  article.contacts .cities.opened .current {
    border-radius: 27px 27px 0 0;
    border-bottom-color: transparent;
  }
  article.contacts .cities.opened .current::before {
    border-radius: 0 25px 0 0;
  }
  article.contacts .cities.opened .current::after {
    transform: rotate(270deg);
  }
  article.contacts .cities.opened .dropdown {
    display: block;
  }
  article.contacts .cities .current {
    cursor: pointer;
  }
}
article.contacts .cities .current {
  border: 1px solid #9c9c9c;
  border-radius: 27px;
  font-weight: 300;
  font-size: 21px;
  line-height: 21px;
  text-align: center;
  color: #404040;
  background: #fff;
  padding: 16px 100px;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  article.contacts .cities .current {
    padding: 16px 40px 16px 20px;
    font-size: 17px;
  }
}
article.contacts .cities .current::before {
  content: '';
  display: block;
  width: 98px;
  background: #f3f3f3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media all and (max-width: 767px) {
  article.contacts .cities .current::before {
    width: 40px;
  }
}
article.contacts .cities .current::after {
  content: '';
  margin-right: 45px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotate(90deg);
  transition: transform .25s;
}
@media all and (max-width: 767px) {
  article.contacts .cities .current::after {
    margin-right: 18px;
  }
}
article.contacts .cities .dropdown {
  display: none;
  margin-top: -1px;
  border: 1px solid #9c9c9c;
  border-top-color: #e1e1e1;
  border-radius: 0 0 27px 27px;
  padding: 0 27px;
  font-weight: 300;
  font-size: 17px;
  line-height: 17px;
  text-align: center;
  color: #404040;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
article.contacts .cities .dropdown li + li {
  border-top: 1px solid #e1e1e1;
}
article.contacts .cities .dropdown a {
  display: block;
  padding: 10px 14px 12px;
}
article.contacts .city-info {
  line-height: 1.3;
}
@media all and (min-width: 768px) and (max-width: 1260px) {
  article.contacts .city-info {
    padding: 0 50px;
  }
}
article.contacts .city-info .item {
  padding-bottom: 40px;
  width: 33.33%;
  text-align: center;
}
@media all and (max-width: 479px) {
  article.contacts .city-info .item {
    margin-left: 0 !important;
    width: 100%;
  }
}
article.contacts .image {
  margin: 0 auto 40px;
  border: 1px solid #959595;
  border-radius: 50%;
  width: 104px;
  height: 104px;
  background: #fff;
  position: relative;
}
@media all and (max-width: 1199px) {
  article.contacts .image {
    margin: 0 auto 20px;
    width: 80px;
    height: 80px;
  }
}
@media all and (max-width: 995px) {
  article.contacts .image {
    margin: 0 auto 10px;
    width: 60px;
    height: 60px;
  }
}
@media all and (max-width: 479px) {
  article.contacts .image {
    display: none;
  }
}
article.contacts .image i {
  position: absolute;
  top: 50%;
  left: 50%;
}
article.contacts dl {
  font-size: 19px;
  line-height: 1.73;
  color: #1f1f1f;
}
article.contacts dl.alt dt {
  font-size: 0;
}
@media all and (max-width: 479px) {
  article.contacts dl.alt dt {
    font-size: 15px;
  }
}
@media all and (max-width: 995px) {
  article.contacts dl {
    font-size: 17px;
  }
}
@media all and (max-width: 767px) {
  article.contacts dl {
    font-size: 15px;
  }
}
article.contacts dl + dl {
  margin-top: 1.8em;
}
article.contacts dl dt {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 21px;
  height: 36px;
}
@media all and (max-width: 995px) {
  article.contacts dl dt {
    font-size: 19px;
    line-height: 1.3;
    height: 25px;
  }
}
@media all and (max-width: 767px) {
  article.contacts dl dt {
    margin-bottom: 0;
    font-size: 17px;
    height: 22px;
  }
}
article.contacts .grid > * {
  margin-bottom: 50px;
}
article.contacts a.tel {
  color: #1f1f1f;
}
article.contacts a.tel:hover {
  color: #e60039;
}
article.contacts .red {
  color: #e60039;
}
article.contacts a.navigate-link {
  display: inline-block;
  margin-top: 5px;
  font-size: 17px;
  color: #e60039;
}
article.contacts a.navigate-link i {
  margin: -2px 0 0 10px;
}
article.contacts a.navigate-link:hover {
  color: #0f315a;
}
article.contacts .toggle-box .title i {
  margin: -2px 0 0 !important;
}
article.contacts .toggle-box .title i.icon-metro {
  margin-right: 7px !important;
}
article.contacts .toggle-box .title i.icon-auto {
  margin-left: 7px !important;
}
article.contacts .toggle-box .title a {
  text-decoration: underline;
  text-decoration-color: #9fadbd;
}
article.contacts .toggle-box .title a:hover {
  text-decoration: none;
}
article.contacts + .line-white {
  padding: 65px 0;
  border-top: 1px solid #c6c6c6;
}
@media all and (max-width: 995px) {
  article.contacts + .line-white {
    padding: 50px 0;
  }
}
@media all and (max-width: 767px) {
  article.contacts + .line-white {
    padding: 40px 0;
  }
}

@media all and (max-width: 767px) {
  .russia-box {
    display: none;
  }
}
.russia-box .title {
  margin-bottom: -1em;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media all and (max-width: 995px) {
  .russia-box .title {
    margin-bottom: -1em;
  }
}
@media all and (max-width: 767px) {
  .russia-box .title {
    margin-bottom: 0;
  }
}
.russia-box .map {
  width: 100% !important;
  height: auto !important;
  background-color: transparent !important;
  text-align: center;
}
.russia-box .map svg {
  width: 100% !important;
}

article.product .pagetitle,
article.product .product-meta {
  padding-right: 300px;
}
@media all and (max-width: 1199px) {
  article.product .pagetitle,
  article.product .product-meta {
    padding-right: 210px;
  }
}
@media all and (max-width: 767px) {
  article.product .pagetitle,
  article.product .product-meta {
    padding-right: 0;
  }
}
article.product .product-meta {
  position: relative;
}
article.product .product-info {
  height: 219px;
}
@media all and (max-width: 767px) {
  article.product .product-info {
    height: auto;
  }
}
article.product .product-info dl {
  font-size: 14px;
  line-height: 24px;
  color: #000;
}
article.product .product-info dl.sku dd {
  display: block !important;
  font-size: 24px;
  line-height: 24px;
  text-align: left !important;
  font-weight: 600;
  max-width: none !important;
}
article.product .product-info dl.certificates dt {
  margin-top: 14px;
}
@media all and (max-width: 479px) {
  article.product .product-info dl.certificates dt {
    margin-top: 0;
  }
}
article.product .product-info dl::after {
  content: '';
  display: table;
  clear: both;
}
article.product .product-info dl + dl {
  margin-top: 3px;
}
article.product .product-info dl a {
  text-decoration: underline;
}
article.product .product-info dl a:hover {
  text-decoration: none;
}
article.product .product-info dl dt {
  float: left;
  padding-right: 4px;
  width: 180px;
  color: #6c6c6c;
}
@media all and (max-width: 1199px) {
  article.product .product-info dl dt {
    width: 140px;
  }
}
@media all and (max-width: 479px) {
  article.product .product-info dl dt {
    width: 120px;
  }
}
article.product .product-info dl dd {
  margin-left: 180px;
}
@media all and (max-width: 1199px) {
  article.product .product-info dl dd {
    margin-left: 140px;
  }
}
@media all and (max-width: 479px) {
  article.product .product-info dl dd {
    margin-left: 120px;
  }
}
article.product .product-info hr {
  margin: 12px 0;
  border: 0;
  border-top: 1px solid #e8e8e8;
  height: 1px;
}
article.product .product-info div.availability.green span {
  margin: 0 14px;
}
article.product dl.certificates {
  font-size: 14px;
  color: #000;
}
article.product dl.certificates::after {
  content: '';
  display: table;
  clear: both;
}
article.product dl.certificates dt {
  float: left;
  margin-top: 14px;
  padding-right: 4px;
  width: 180px;
  color: #6c6c6c;
}
@media all and (max-width: 1199px) {
  article.product dl.certificates dt {
    width: 140px;
  }
}
@media all and (max-width: 479px) {
  article.product dl.certificates dt {
    float: none;
    width: auto;
    margin-top: 0;
  }
}
article.product dl.certificates dd {
  margin-left: 180px;
}
@media all and (max-width: 1199px) {
  article.product dl.certificates dd {
    margin-left: 140px;
  }
}
@media all and (max-width: 479px) {
  article.product dl.certificates dd {
    margin-left: 0;
  }
}
article.product .to-cart {
  margin: 17px 0 24px;
  padding-left: 180px;
  border: 1px solid #a4a4a4;
  border-radius: 27px;
  max-width: 340px;
  height: 54px;
  position: relative;
}
article.product .to-cart::after {
  content: '';
  display: table;
  clear: both;
}
article.product .to-cart .quantity,
article.product .to-cart .price,
article.product .to-cart > a,
article.product .to-cart > button {
  height: 100%;
}
article.product .to-cart .quantity {
  float: left;
  border: 0;
  margin-left: -180px;
  border-radius: 26px 0 0 26px;
  width: 76px;
}
article.product .to-cart .quantity input {
  border: 0;
  border-radius: 26px 0 0 26px;
  line-height: 52px;
}
article.product .to-cart .price {
  float: left;
  margin-left: -104px;
  width: 104px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  color: #000;
  position: relative;
}
article.product .to-cart .price::after {
  content: '';
  display: block;
  margin-top: -9px;
  border-left: 1px solid #dadada;
  width: 1px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 0;
}
article.product .to-cart .price .old {
  text-decoration: line-through;
  font-weight: normal;
  font-size: 13px;
  color: #646464;
}
article.product .to-cart .price dl {
  display: block;
  margin-top: 2px;
  font-weight: normal;
  font-size: 12px;
}
article.product .to-cart .price dl dt, article.product .to-cart .price dl dd {
  display: inline;
}
article.product .to-cart .price dl dt {
  color: #878787;
}
article.product .to-cart > a,
article.product .to-cart > button {
  display: block;
  border: 0;
  border-radius: 0 26px 26px 0;
  width: 100%;
  min-width: 120px;
  background: #e5e5e6;
  cursor: pointer;
}
@media all and (max-width: 479px) {
  article.product .to-cart > a,
  article.product .to-cart > button {
    min-width: 100px;
  }
}
article.product .to-cart > a:hover,
article.product .to-cart > button:hover {
  color: #e60039;
}
article.product .to-cart > a.active,
article.product .to-cart > button.active {
  color: #e60039;
}
article.product .to-cart > a.active .link::before,
article.product .to-cart > button.active .link::before {
  opacity: 0;
}
article.product .to-cart > a.active .link::after,
article.product .to-cart > button.active .link::after {
  opacity: 1;
}
article.product .to-cart > a.active:hover,
article.product .to-cart > button.active:hover {
  color: #0f315a;
}
article.product .to-cart > a.active:hover .link::before,
article.product .to-cart > button.active:hover .link::before {
  opacity: 1;
}
article.product .to-cart > a.active:hover .link::after,
article.product .to-cart > button.active:hover .link::after {
  opacity: 0;
}
article.product .to-cart > a i,
article.product .to-cart > button i {
  margin-right: 5px;
  margin-left: 0 !important;
  position: relative;
  top: 2px;
}
article.product ul.actions {
  width: 276px;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
}
@media all and (max-width: 1199px) {
  article.product ul.actions {
    width: 190px;
  }
}
@media all and (max-width: 767px) {
  article.product ul.actions {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 25px 0 0;
    padding-top: 79px;
    width: 100%;
    max-width: 340px;
    font-size: 0;
    text-align: center;
    position: relative;
    top: auto;
    bottom: auto;
  }
}
@media all and (max-width: 767px) {
  article.product ul.actions > li {
    flex-basis: 1;
  }
}
article.product ul.actions > li + li {
  margin-top: 16px;
}
@media all and (max-width: 767px) {
  article.product ul.actions > li + li {
    margin-top: 0;
    flex-basis: 0%;
  }
}
article.product ul.actions > li.one-click {
  height: 69px;
}
@media all and (max-width: 767px) {
  article.product ul.actions > li.one-click {
    width: 100%;
    max-width: 340px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
article.product ul.actions > li > a {
  color: #000;
}
article.product ul.actions > li > a:hover {
  color: #e60039;
}
article.product ul.actions > li > .btn.gray {
  margin: 4px 0 11px;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  max-width: 340px;
  min-width: 0;
}
@media all and (max-width: 767px) {
  article.product ul.actions > li > .btn.gray {
    margin: 0;
  }
}
article.product ul.certificates {
  float: left;
  display: flex;
  align-items: stretch;
  border: 1px solid #e8e8e8;
}
article.product ul.certificates li {
  flex-basis: 1;
}
article.product ul.certificates li + li {
  padding-left: 1px;
  position: relative;
}
article.product ul.certificates li + li::before {
  content: '';
  display: block;
  border-left: 1px solid #e8e8e8;
  position: absolute;
  top: 1px;
  left: 0;
  bottom: 1px;
}
article.product .rating-wrap,
article.product .reviews-count,
article.product .socials {
  margin: 40px 0 0;
}
article.product .rating-wrap {
  float: left;
  padding-right: 20px;
  width: 180px;
  height: 22px;
  line-height: 22px;
  position: relative;
  top: -3px;
}
article.product .reviews-count {
  float: left;
}
article.product .socials {
  float: right;
}
@media all and (max-width: 767px) {
  article.product .socials {
    float: none;
    padding-top: 15px;
    clear: both;
  }
}
article.product .socials a {
  font-size: 21px;
  line-height: 22px;
}
article.product .groups {
  margin: 40px 0;
}
article.product .accordion .accordion-item .wrap {
  max-width: none;
}
@media all and (max-width: 767px) {
  article.product .accordion .accordion-item .wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
article.product .block {
  border-top: 1px solid #d6d6d6;
  padding: 50px 0;
}
article.product .block > .title {
  margin-bottom: .8em;
  font-weight: normal;
  font-size: 32px;
  text-align: center;
  color: #0f315a;
}
article.product .spec .spec-group {
  padding: 25px 30px;
}
article.product .spec .spec-group.gray {
  background: #f7f7f7;
}
article.product .spec .spec-group.gray + .spec-group {
  margin-top: 1em;
}
article.product .spec .spec-group.gray dl + dl {
  border-color: transparent;
}
article.product .spec dl + dl {
  margin-top: 4px;
  border-top: 1px solid #e8e8e8;
  padding-top: 4px;
}
article.product .spec dl::after {
  content: '';
  display: table;
  clear: both;
}
article.product .spec dl dt {
  float: left;
  width: 400px;
  color: #6c6c6c;
}
@media all and (max-width: 995px) {
  article.product .spec dl dt {
    width: 300px;
  }
}
@media all and (max-width: 767px) {
  article.product .spec dl dt {
    width: 140px;
  }
}
@media all and (max-width: 479px) {
  article.product .spec dl dt {
    float: none;
    width: auto;
  }
}
article.product .spec dl dd {
  margin-left: 400px;
  padding-left: 10px;
  color: #000;
}
@media all and (max-width: 995px) {
  article.product .spec dl dd {
    margin-left: 300px;
  }
}
@media all and (max-width: 767px) {
  article.product .spec dl dd {
    margin-left: 140px;
  }
}
@media all and (max-width: 479px) {
  article.product .spec dl dd {
    margin-left: 0;
    padding-left: 0;
  }
}
article.product .kit,
article.product .reviews {
  border-top: 1px solid #d6d6d6;
  padding: 50px 0;
}
article.product .kit:last-child,
article.product .reviews:last-child {
  padding-bottom: 0;
}

.kit .title {
  margin: 0 0 34px;
  font-weight: 600;
  font-size: 24px;
  color: #000;
}
.kit table {
  width: 100%;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .kit table {
    display: block;
  }
  .kit table thead {
    display: none;
  }
  .kit table tbody,
  .kit table tfoot,
  .kit table th,
  .kit table td {
    display: block;
  }
  .kit table tr {
    display: block;
    border: 1px solid #d1d1d1;
    width: 100%;
  }
  .kit table tr + tr {
    margin-top: 2px;
  }
}
.kit table th,
.kit table td {
  vertical-align: top;
  border-bottom: 1px solid #e8e8e8;
  padding: 12px 6px;
}
@media all and (max-width: 995px) {
  .kit table th.number,
  .kit table td.number {
    display: none !important;
  }
}
@media all and (min-width: 1200px) {
  .kit table th.price, .kit table th.availability, .kit table th.quantity, .kit table th.summ,
  .kit table td.price,
  .kit table td.availability,
  .kit table td.quantity,
  .kit table td.summ {
    padding-left: 18px;
  }
}
.kit table th {
  padding: 12px 6px;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
  color: #000;
}
.kit table td {
  padding: 12px 6px;
}
@media all and (max-width: 767px) {
  .kit table td {
    padding: 5px;
    padding-left: 145px;
    width: 100% !important;
  }
  .kit table td::before {
    content: attr(data-label);
    display: block;
    float: left;
    margin-left: -145px;
    padding: 0 5px;
    width: 145px;
  }
  .kit table td:after {
    content: '';
    display: table;
    clear: both;
  }
  .kit table td.quantity::before {
    padding-top: 8px;
  }
  .kit table td:last-child {
    border-bottom: 0;
  }
}
.kit table td.price, .kit table td.availability, .kit table td.quantity, .kit table td.summ {
  width: 1px;
  white-space: nowrap;
}
.kit table ul.stickers {
  display: none;
  font-size: 11px !important;
  line-height: 13px;
}
.kit table ul.stickers > li {
  border-radius: 8px;
  padding: 0 7px;
  height: 16px;
}
.kit table ul.stickers > li + li {
  margin-top: 4px;
}
.kit table ul.stickers > li.recommended {
  padding: 0;
  width: 18px;
  height: 18px;
}
.kit table ul.stickers > li.recommended::before {
  margin: -10px 0 0 -9px !important;
  transform: scale(0.65);
}
.kit table ul.stickers > li.discount {
  font-size: 11px;
}
.kit table div.image {
  margin: 0 0 2px;
  width: 150px;
  height: 110px;
  position: relative;
  text-align: center;
}
@media all and (max-width: 1199px) {
  .kit table div.image {
    width: 120px;
  }
}
@media all and (max-width: 767px) {
  .kit table div.image {
    height: auto;
  }
}
.kit table div.image a {
  display: inline;
}
.kit table div.image img {
  max-height: 110px;
}
.kit table .actions {
  margin: 10px 0 0;
}
.kit table .actions a + a {
  margin-left: 16px;
}
@media all and (max-width: 1199px) {
  .kit table .actions a + a {
    margin-left: 4px;
  }
}
.kit table .actions .icon-wrap.bdr {
  width: 24px;
  height: 24px;
}
.kit table .title {
  margin: 0 0 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
}
@media all and (max-width: 479px) {
  .kit table .title {
    max-height: none;
    font-size: 14px;
  }
}
.kit table dl {
  font-size: 12px;
  color: #878787;
}
.kit table dl.sku dd {
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}
.kit table dl dt, .kit table dl dd {
  display: inline-block;
}
.kit table div.availability {
  font-size: 14px;
  line-height: 1.2;
}
.kit table div.availability.green span {
  margin: 0 14px;
}
.kit table div.availability small {
  display: block !important;
  font-size: 14px;
  color: #000;
}
.kit table .note {
  max-width: 107px;
  font-size: 11px;
  color: #000;
  white-space: normal;
}
.kit table div.price {
  font-weight: 600;
  font-size: 15px;
  line-height: 36px;
  color: #000;
  white-space: nowrap;
}
@media all and (max-width: 767px) {
  .kit table div.price {
    font-size: 14px;
    line-height: 1.5;
  }
}
.kit table div.price .new,
.kit table div.price .old {
  line-height: 20px;
}
@media all and (max-width: 767px) {
  .kit table div.price .new,
  .kit table div.price .old {
    line-height: 1.5;
  }
}
.kit table div.price .old {
  font-weight: normal;
  font-size: 12px;
  text-decoration: line-through;
  color: #646464;
}
.kit table div.price dl {
  display: block;
  margin-top: 2px;
  font-weight: normal;
  font-size: 12px;
  color: #000;
}
.kit table div.price dl dt, .kit table div.price dl dd {
  display: inline;
}
.kit table div.price dl dt {
  color: #878787;
}
.kit table div.summ {
  min-width: 130px;
  font-weight: 600;
  font-size: 15px;
  line-height: 36px;
  color: #000;
  white-space: nowrap;
}
@media all and (max-width: 1199px) {
  .kit table div.summ {
    min-width: 90px;
  }
}
@media all and (max-width: 767px) {
  .kit table div.summ {
    font-size: 14px;
    line-height: 1.5;
  }
}
.kit .summary {
  margin-top: .8em;
  font-weight: 600;
  font-size: 16px;
  text-align: right;
  color: #000;
}
@media all and (max-width: 767px) {
  .kit .summary {
    text-align: left;
  }
}
.kit .summary .summary-wrap {
  display: inline-block;
  width: 270px;
  text-align: left;
}
@media all and (max-width: 767px) {
  .kit .summary .summary-wrap {
    width: 300px;
  }
}
.kit .summary dl {
  overflow: hidden;
}
.kit .summary dt {
  float: left;
  width: 50%;
}
@media all and (max-width: 767px) {
  .kit .summary dt {
    width: 131px;
  }
}
.kit .summary dd {
  margin-left: 50%;
}
@media all and (max-width: 767px) {
  .kit .summary dd {
    margin-left: 131px;
  }
}
.kit .summary .btn {
  display: block;
  margin-top: 20px;
  width: 100%;
}

.reviews {
  color: #000;
}
.reviews .title {
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 24px;
}
.reviews .add {
  float: right;
  margin: -64px 0 0 20px;
  font-weight: 600;
  font-size: 16px;
}
.reviews .add i {
  margin: -2px 10px 0 0;
}
.reviews .reviews-item + .reviews-item {
  margin-top: 40px;
}
.reviews .reviews-item .rating-wrap {
  float: left;
  margin: 1px 0 0;
  height: 25px;
}
@media all and (max-width: 479px) {
  .reviews .reviews-item .rating-wrap {
    float: none;
    margin: 0 0 5px;
  }
}
.reviews .reviews-item .author {
  font-weight: bold;
  font-size: 17px;
}
.reviews .reviews-item .date {
  margin-top: 7px;
  font-size: 12px;
  color: #878787;
}
.reviews .reviews-item .text {
  margin-top: 20px;
  font-size: 14px;
}
.reviews .reviews-more {
  margin-top: 40px;
  text-align: right;
  font-weight: 600;
  font-size: 16px;
}
.reviews .reviews-more i {
  margin-left: 0;
  margin-right: 10px;
}

article.people .whitebox .whitebox-title {
  position: relative;
}
@media all and (max-width: 767px) {
  article.people .whitebox .whitebox-title.right-content {
    padding-right: 0;
  }
}
article.people .whitebox .whitebox-title .status {
  font-size: 24px;
  line-height: 1.2;
  color: #e7184b;
  position: absolute;
  top: 0;
  right: 14px;
}
@media all and (max-width: 767px) {
  article.people .whitebox .whitebox-title .status {
    font-size: 15px;
    position: static;
    top: auto;
    right: auto;
  }
}
article.people .whitebox .whitebox-title .status.online {
  color: #0f6f18;
}
article.people .people-card {
  padding-left: 335px;
}
@media all and (max-width: 995px) {
  article.people .people-card {
    padding-left: 220px;
  }
}
@media all and (max-width: 479px) {
  article.people .people-card {
    padding-left: 0;
  }
}
article.people .people-card .sidebar {
  float: left;
  margin-left: -335px;
  width: 315px;
  text-align: center;
}
@media all and (max-width: 995px) {
  article.people .people-card .sidebar {
    margin-left: -220px;
    width: 200px;
  }
}
@media all and (max-width: 479px) {
  article.people .people-card .sidebar {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
}
article.people .people-card .sidebar .actions {
  margin-top: 20px;
}
article.people .people-card .sidebar .btn {
  padding: 6px 10px 8px;
  max-width: 238px;
  width: 100%;
  font-size: 15px;
  color: #0f315a !important;
}
article.people .people-card .sidebar .btn:hover {
  color: #fff !important;
}
article.people .people-card .sidebar .btn + .btn {
  margin-top: 5px;
}
article.people .people-card .content .whitebox {
  margin-bottom: 20px;
}
article.people .people-info dl {
  display: flex;
  color: #606060;
}
@media all and (max-width: 767px) {
  article.people .people-info dl {
    display: block;
  }
}
article.people .people-info dl + dl {
  margin-top: 13px;
}
article.people .people-info dl dt,
article.people .people-info dl dd {
  display: block;
}
article.people .people-info dl dt {
  flex-basis: 190px;
}
article.people .people-info dl dd {
  color: #000;
}

section.managers .items {
  margin-top: -30px;
}
section.managers .items .item {
  padding-top: 30px;
  width: 50%;
  color: #606060;
}
@media all and (max-width: 767px) {
  section.managers .items .item {
    width: 100%;
  }
}
section.managers .items .item.single {
  width: 100%;
}
section.managers .items .item.full {
  width: 100%;
}
section.managers .items .item.full .item-wrap {
  border-top: 1px solid #e8e8e8;
  padding: 30px 0 0;
}
section.managers .items .item.full span.name {
  color: #000;
}
section.managers .items .item-wrap {
  padding-left: 186px;
}
@media all and (max-width: 995px) {
  section.managers .items .item-wrap {
    padding-left: 150px;
  }
}
@media all and (max-width: 479px) {
  section.managers .items .item-wrap {
    padding-left: 0;
  }
}
section.managers .items .item-wrap .image {
  float: left;
  margin-left: -186px;
  width: 146px;
}
@media all and (max-width: 995px) {
  section.managers .items .item-wrap .image {
    margin-left: -150px;
    width: 130px;
  }
}
@media all and (max-width: 479px) {
  section.managers .items .item-wrap .image {
    display: none;
  }
}
section.managers .items .item-wrap div.name,
section.managers .items .item-wrap .position {
  font-size: 19px;
  color: #000;
}
section.managers .items .item-wrap .status {
  margin-top: 2px;
  color: #e7184b;
}
section.managers .items .item-wrap .status.online {
  color: #0f6f18;
}
section.managers .items .item-wrap p {
  margin-top: 10px;
}
section.managers .items .item-wrap .action {
  margin: 20px 0 0;
}
@media all and (max-width: 479px) {
  section.managers .items .item-wrap .action {
    margin-top: 10px;
  }
}
section.managers .items .item-wrap .action::before {
  content: '';
  margin: 0 0 18px;
  display: block;
  border-top: 1px solid #e8e8e8;
  max-width: 160px;
}
@media all and (max-width: 479px) {
  section.managers .items .item-wrap .action::before {
    display: none;
  }
}
section.managers .items .item-wrap .action a {
  padding-left: 30px;
  position: relative;
}
section.managers .items .item-wrap .action a i {
  margin: -13px 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}

section.projects .whitebox + .whitebox {
  margin-top: -50px;
}
section.projects .text a {
  text-decoration: underline;
}
section.projects .text a:hover {
  text-decoration: none;
}
section.projects ul.links {
  margin: 30px -14px;
  border-top: 1px solid #e8e8e8;
  padding: 30px 0 0;
  font-size: 0;
}
@media all and (max-width: 995px) {
  section.projects ul.links {
    margin-left: 0;
    margin-right: 0;
  }
}
section.projects ul.links li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  padding: 0 14px;
  font-size: 15px;
  line-height: 1;
}
@media all and (max-width: 995px) {
  section.projects ul.links li {
    display: block;
    padding: 0;
  }
}
section.projects ul.links li.active a {
  color: #e60039;
}
section.projects ul.links li + li {
  border-left: 1px solid #e8e8e8;
}
@media all and (max-width: 995px) {
  section.projects ul.links li + li {
    margin-top: 14px;
    border: 0;
  }
}
section.projects div.action {
  text-align: center;
}

article.profile .whitebox-fields {
  margin-top: -17px;
}
article.profile .info hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #e8e8e8;
}
article.profile .info hr + .grid {
  margin-top: -15px;
}
article.profile .info dl {
  margin-top: 15px;
}
article.profile .info dl.big {
  margin-top: 5px;
  font-size: 19px;
}
article.profile .info dl.big:first-child {
  margin-top: 0;
}
article.profile .info dl.inline dt,
article.profile .info dl.inline dd {
  display: inline;
  white-space: nowrap;
}
@media all and (max-width: 479px) {
  article.profile .info dl.inline dt,
  article.profile .info dl.inline dd {
    display: block;
    white-space: normal;
  }
}
article.profile .info dl dt {
  color: #606060;
}
article.profile .info dl dd {
  color: #000;
}
article.profile .input-wrap + .btn {
  margin-top: 10px;
}
article.profile hr {
  margin: 50px 0;
  border: 0;
  border-top: 1px solid #ccc;
}
@media all and (max-width: 767px) {
  article.profile hr {
    margin: 30px 0;
  }
}
article.profile .actions {
  text-align: center;
}
article.profile .set-default {
  margin-top: 15px;
}
article.profile .set-default .hint {
  float: right;
  margin-bottom: 10px;
}
article.profile .set-default .btn {
  clear: both;
  display: block;
  width: 100%;
}
article.profile .partner-info,
article.profile .contract-info {
  color: #000;
}
article.profile .partner-info p,
article.profile .contract-info p {
  color: #000;
}
article.profile .partner-info p + dl,
article.profile .contract-info p + dl {
  margin-top: 12px;
}
article.profile .partner-info dl,
article.profile .contract-info dl {
  color: #606060;
}
article.profile .partner-info dl::after,
article.profile .contract-info dl::after {
  content: '';
  display: table;
  clear: both;
}
article.profile .partner-info dl.big,
article.profile .contract-info dl.big {
  font-weight: bold;
  font-size: 19px;
  color: #000;
}
article.profile .partner-info dl.big dd,
article.profile .contract-info dl.big dd {
  color: #e60039;
}
article.profile .partner-info dl + dl,
article.profile .contract-info dl + dl {
  margin-top: 12px;
}
article.profile .partner-info dl + dl.big,
article.profile .contract-info dl + dl.big {
  margin-top: 32px;
}
@media all and (max-width: 767px) {
  article.profile .partner-info dl + dl.big,
  article.profile .contract-info dl + dl.big {
    margin-top: 20px;
  }
}
article.profile .partner-info dl dd,
article.profile .contract-info dl dd {
  color: #000;
}
@media all and (max-width: 767px) {
  article.profile .partner-info {
    margin-bottom: 50px;
  }
}
article.profile .partner-info dl dt,
article.profile .partner-info dl dd {
  display: inline;
}
article.profile .contract-info {
  padding-left: 30px;
}
article.profile .contract-info dl dt {
  float: left;
  width: 230px;
  position: relative;
}
@media all and (max-width: 650px) {
  article.profile .contract-info dl dt {
    float: none;
    width: auto;
  }
}
article.profile .contract-info dl dt .hint {
  float: left;
  margin: 3px 0 0 -30px;
}
article.profile .contract-info dl dd {
  margin-left: 230px;
}
@media all and (max-width: 650px) {
  article.profile .contract-info dl dd {
    margin-left: 0;
  }
}
article.profile .text {
  padding-left: 14px;
  padding-right: 14px;
}
@media all and (max-width: 995px) {
  article.profile .text {
    padding-left: 0;
    padding-right: 0;
  }
}
article.profile .text h2 {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 24px;
  color: #000;
}
article.profile .text .better {
  font-size: 19px;
  color: #e60039;
}

.profile-items {
  position: relative;
}
.profile-items .profile-items-add {
  position: absolute;
  width: 210px;
  top: -97px;
  right: 0;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .profile-items .profile-items-add {
    width: 150px;
  }
}
@media all and (max-width: 767px) {
  .profile-items .profile-items-add {
    margin-top: 30px;
    border-top: 1px solid #d9d9d9;
    padding-top: 30px;
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
  }
}
.profile-items .profile-items-add i {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.profile-items .profile-item + .profile-item {
  margin-top: 30px;
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
}
.profile-items .profile-item .title {
  padding: 4px 0 8px;
  font-weight: bold;
  font-size: 19px;
}
@media all and (max-width: 767px) {
  .profile-items .profile-item .title {
    padding-top: 0;
  }
}
.profile-items .profile-item dl {
  margin-top: 15px;
}
.profile-items .profile-item dl.inline dt,
.profile-items .profile-item dl.inline dd {
  display: inline;
}
.profile-items .profile-item dl dt {
  color: #606060;
}
.profile-items .profile-item dl dd {
  color: #000;
}
.profile-items .profile-item .actions {
  text-align: right;
}
@media all and (max-width: 767px) {
  .profile-items .profile-item .actions {
    margin-top: 20px;
    text-align: left;
  }
  .profile-items .profile-item .actions .jq-radio {
    float: left;
    top: 0;
  }
}
.profile-items .profile-item .actions li + li {
  margin-top: 15px;
}
.profile-items .profile-item .actions li + li.delete {
  margin-top: 36px;
}
@media all and (max-width: 767px) {
  .profile-items .profile-item .actions li + li.delete {
    margin-top: 15px;
  }
}
.profile-items .profile-item .actions li + li.delete i {
  margin: -2px 6px 0 0;
  position: relative;
}
.profile-items .btn {
  max-width: 210px;
  min-width: 0;
  width: 100%;
}
@media all and (min-width: 768px) and (max-width: 995px) {
  .profile-items .btn {
    max-width: 150px;
  }
}

article.order .columns {
  display: flex;
}
@media all and (max-width: 767px) {
  article.order .columns {
    display: block;
  }
}
article.order .columns + .columns {
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
article.order .columns .column {
  flex-basis: 50%;
  padding-right: 50px;
}
@media all and (max-width: 995px) {
  article.order .columns .column {
    padding-right: 20px;
  }
}
@media all and (max-width: 767px) {
  article.order .columns .column {
    padding-right: 0;
  }
}
article.order .columns .column + .column {
  border-left: 1px solid #ccc;
  padding-left: 50px;
  padding-right: 0 !important;
}
@media all and (max-width: 995px) {
  article.order .columns .column + .column {
    padding-left: 20px;
    padding-right: 0;
  }
}
@media all and (max-width: 767px) {
  article.order .columns .column + .column {
    margin-top: 30px;
    border: 0;
    border-top: 1px solid #ccc;
    padding-top: 30px;
    padding-left: 0;
  }
}
article.order .columns .delivery .title {
  font-size: 24px;
  color: #000;
}
article.order .columns .delivery p {
  display: flex;
  align-items: center;
  margin: 20px 0 0;
  font-size: 24px;
  color: #000;
}
@media all and (max-width: 479px) {
  article.order .columns .delivery p {
    display: block;
  }
}
article.order .columns .delivery p span {
  font-size: 32px;
  white-space: nowrap;
}
@media all and (max-width: 479px) {
  article.order .columns .delivery p span {
    display: block;
  }
}
article.order .columns .delivery p em {
  margin-left: 15px;
  border-left: 1px solid #e8e8e8;
  padding-left: 19px;
  font-size: 15px;
}
@media all and (max-width: 479px) {
  article.order .columns .delivery p em {
    display: block;
    margin: 10px 0 0;
    border: 0;
    padding-left: 0;
  }
}
article.order .columns .payment .title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.5;
}
article.order .columns .payment p {
  margin-top: 1em;
  color: #000;
}
article.order .columns .payment p.big {
  font-weight: bold;
  font-size: 17px;
}
article.order .columns .payment p.gray {
  color: #505050;
}
article.order .columns .payment-additional .form,
article.order .columns .code .form {
  margin: 5px 0;
  position: relative;
}
article.order .columns .payment-additional .form input,
article.order .columns .code .form input {
  position: relative;
  z-index: 1;
  padding-right: 130px;
}
article.order .columns .payment-additional .form button,
article.order .columns .code .form button {
  margin: 0;
  border: 0;
  border-radius: 0 26px 26px 0;
  padding: 0;
  width: 100px;
  color: #0f315a;
  background: #f1f1f1;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 2;
  cursor: pointer;
  transition: color .25s;
}
article.order .columns .payment-additional .form button:hover,
article.order .columns .code .form button:hover {
  color: #e60039;
}
article.order .columns .payment-additional div.error,
article.order .columns .code div.error {
  padding-left: 30px;
  color: #e60039;
}
article.order .columns .payment-additional .scrap {
  display: flex;
  align-items: center;
  margin: 20px 0;
  font-size: 24px;
  color: #000;
}
@media all and (max-width: 479px) {
  article.order .columns .payment-additional .scrap {
    display: block;
  }
}
article.order .columns .payment-additional .scrap span {
  font-size: 32px;
  white-space: nowrap;
}
@media all and (max-width: 479px) {
  article.order .columns .payment-additional .scrap span {
    display: block;
  }
}
article.order .columns .payment-additional .scrap em {
  margin-left: 15px;
  border-left: 1px solid #e8e8e8;
  padding-left: 19px;
  font-size: 13px;
  color: #808080;
}
@media all and (max-width: 479px) {
  article.order .columns .payment-additional .scrap em {
    display: block;
    margin: 10px 0 0;
    border: 0;
    padding-left: 0;
  }
}
article.order .columns .code .title {
  font-size: 24px;
  line-height: 1.5;
}
article.order .columns .code div.cancel {
  margin-top: 15px;
  text-align: right;
  font-size: 17px;
}
article.order .columns .volume .title,
article.order .columns .size .title {
  margin-bottom: 1em;
  font-weight: normal;
  font-size: 19px;
  color: #000;
}
article.order .columns .volume dl,
article.order .columns .size dl {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  color: #000;
  text-align: right;
}
article.order .columns .volume dl + dl,
article.order .columns .size dl + dl {
  margin-top: 10px;
}
article.order .columns .volume dl dt,
article.order .columns .size dl dt {
  float: left;
}
article.order .columns .volume dl dd em,
article.order .columns .size dl dd em {
  font-weight: normal;
  font-size: 13px;
  color: #919191;
}
article.order .columns .volume dl dd span,
article.order .columns .size dl dd span {
  display: inline-block;
  min-width: 60px;
}
article.order .columns .volume dl {
  padding-left: 70px;
  position: relative;
}
@media all and (max-width: 767px) {
  article.order .columns .volume dl {
    padding-left: 0;
  }
}
article.order .columns .volume dl::before {
  content: '';
  display: block;
  margin: 0 !important;
  position: absolute;
  top: -6px;
  left: 0;
}
@media all and (max-width: 767px) {
  article.order .columns .volume dl::before {
    display: none;
  }
}
article.order .columns .volume dl + dl::before {
  display: none !important;
}
article.order .columns .volume + .size {
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
article.order .columns .size dl + dl {
  margin-top: 0;
}
article.order .columns .summary dl {
  font-size: 17px;
  line-height: 17px;
  text-align: right;
  color: #606060;
}
@media all and (max-width: 479px) {
  article.order .columns .summary dl {
    text-align: left;
  }
}
article.order .columns .summary dl + dl {
  margin-top: 16px;
}
article.order .columns .summary dl + dl.additional {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
article.order .columns .summary dl + dl.additional + dl.total {
  margin-top: 20px;
}
article.order .columns .summary dl + dl.total {
  margin-top: 40px;
  border-top: 2px solid #ccc;
  padding-top: 36px;
}
article.order .columns .summary dl + dl.total dt,
article.order .columns .summary dl + dl.total dd {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
@media all and (max-width: 479px) {
  article.order .columns .summary dl + dl.total dd {
    display: block;
    text-align: right;
  }
}
article.order .columns .summary dl.additional dd {
  font-weight: bold;
}
article.order .columns .summary dl.total {
  font-size: 24px;
  line-height: 24px;
  color: #000;
}
article.order .columns .summary dl.total dt {
  font-size: 21px;
}
article.order .columns .summary dl.total dt span {
  font-size: 24px;
}
article.order .columns .summary dl.total dd {
  font-weight: bold;
}
article.order .columns .summary dl dt {
  float: left;
  font-size: 15px;
}
@media all and (max-width: 479px) {
  article.order .columns .summary dl dt {
    float: none;
  }
}
article.order .columns .summary dl dd {
  color: #000;
}
@media all and (max-width: 479px) {
  article.order .columns .summary dl dd {
    margin-top: 5px;
    text-align: right;
  }
}
article.order .columns .summary dl dd em {
  color: #919191;
}
article.order .columns .summary dl dd span {
  display: inline-block;
  min-width: 125px;
}
@media all and (max-width: 479px) {
  article.order .columns .summary dl dd span {
    min-width: 0;
  }
}

article.order .order-desc {
  float: right;
  margin: -54px 0 0 20px;
  white-space: nowrap;
  font-size: 15px;
  color: #000;
}
@media all and (max-width: 1199px) {
  article.order .order-desc {
    float: none;
    margin: -20px 0 20px;
  }
}
article.order .order-desc span {
  color: #505050;
}
article.order .order-info {
  margin: -20px 0 30px;
  font-size: 19px;
  color: #505050;
}
@media all and (max-width: 1199px) {
  article.order .order-info {
    margin-top: 0;
  }
}
@media all and (max-width: 767px) {
  article.order .order-info {
    font-size: 17px;
  }
}
article.order .order-info span {
  color: #000;
}
article.order .whitebox + .whitebox {
  margin-top: -50px;
}
article.order .whitebox div.hr,
article.order .whitebox hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #ccc;
}
article.order .whitebox div.hr.arrow {
  position: relative;
}
article.order .whitebox div.hr.arrow::before, article.order .whitebox div.hr.arrow::after {
  content: '';
  display: block;
  margin-left: -15px;
  border-width: 10px 15px 0;
  border-style: solid;
  border-color: #ccc transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: -1px;
  right: 85px;
}
@media all and (max-width: 995px) {
  article.order .whitebox div.hr.arrow::before, article.order .whitebox div.hr.arrow::after {
    left: 50%;
    right: auto;
  }
}
article.order .whitebox div.hr.arrow::after {
  margin-left: -14px;
  border-style: solid;
  top: -2px;
  border-color: #fff transparent;
}
article.order .whitebox-buyer .whitebox-title,
article.order .whitebox-shipment .whitebox-title,
article.order .whitebox-payment .whitebox-title,
article.order .whitebox-consignee .whitebox-title {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: 0;
  font-size: 24px;
  color: #000;
}
article.order .whitebox-buyer ul.group > li,
article.order .whitebox-shipment ul.group > li,
article.order .whitebox-payment ul.group > li,
article.order .whitebox-consignee ul.group > li {
  margin: 0 30px 10px 0 !important;
  font-size: 17px;
  color: #000;
}
article.order .shipment-city dl.input-wrap {
  max-width: 770px;
  padding-left: 70px;
}
@media all and (max-width: 479px) {
  article.order .shipment-city dl.input-wrap {
    padding-left: 0;
  }
}
article.order .shipment-city dl.input-wrap::after {
  content: '';
  display: table;
  clear: both;
}
article.order .shipment-city dl.input-wrap dt {
  float: left;
  margin-top: 12px;
  margin-left: -70px;
  width: 70px;
}
@media all and (max-width: 479px) {
  article.order .shipment-city dl.input-wrap dt {
    float: none;
    margin-top: 0;
    margin-left: 0;
    width: auto;
  }
}
article.order .shipment-city dl.input-wrap dd {
  margin-left: 70px;
}
@media all and (max-width: 479px) {
  article.order .shipment-city dl.input-wrap dd {
    margin-left: 0;
  }
}
article.order .shipment-city select,
article.order .shipment-city .jq-selectbox {
  display: block;
  width: 100%;
}
article.order .order-comment dl.input-wrap {
  margin-top: 0;
}
article.order .order-comment dl.input-wrap > dt {
  margin: 0 0 10px;
  font-size: 24px;
  color: #000;
}
article.order .order-comment textarea,
article.order .order-comment .scroll-textarea {
  height: 115px;
}
@media all and (max-width: 995px) {
  article.order .order-summary {
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding-top: 30px;
  }
}
article.order .order-summary dl {
  font-size: 17px;
  line-height: 17px;
  text-align: right;
  color: #606060;
}
@media all and (max-width: 479px) {
  article.order .order-summary dl {
    text-align: left;
  }
}
article.order .order-summary dl.total {
  font-size: 21px;
  line-height: 24px;
  color: #000;
}
article.order .order-summary dl.total dt span {
  font-size: 24px;
}
article.order .order-summary dl.total dd span {
  font-weight: bold;
  font-size: 24px;
}
article.order .order-summary dl + dl {
  margin-top: 15px;
}
article.order .order-summary dl + dl.total {
  margin-top: 24px;
}
article.order .order-summary dl dt {
  float: left;
  font-size: 15px;
}
@media all and (max-width: 479px) {
  article.order .order-summary dl dt {
    float: none;
    margin-bottom: 10px;
  }
}
article.order .order-summary dl dd {
  color: #000;
  white-space: nowrap;
}
@media all and (max-width: 479px) {
  article.order .order-summary dl dd {
    margin-top: 5px;
    text-align: right;
  }
}
article.order .submit {
  margin-top: 0;
}
@media all and (max-width: 479px) {
  article.order .submit .btn {
    display: block;
    width: 100%;
  }
}

ul.faq {
  margin: 0 0 70px;
  border: 1px solid #e8e8e8;
  border-width: 1px 0;
}
ul.faq > li {
  padding: 15px 0;
  position: relative;
}
ul.faq > li.opened .title::after {
  transform: rotate(180deg);
}
ul.faq > li.opened ul {
  display: block;
  margin: 15px 0;
}
ul.faq > li + li {
  border-top: 1px solid #e8e8e8;
}
ul.faq > li .title {
  padding: 7px 30px 11px 70px;
  font-size: 21px;
  color: #1f1f1f;
  transition: color .25s;
  position: relative;
  cursor: pointer;
}
@media all and (max-width: 995px) {
  ul.faq > li .title {
    padding-left: 50px;
  }
}
ul.faq > li .title:hover {
  color: #e60039;
}
ul.faq > li .title::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transition: transform .25s;
}
ul.faq > li .title span {
  display: block;
  margin-top: -21px;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 0;
}
ul.faq > li .title span i {
  position: absolute;
  top: 50%;
  left: 50%;
}
ul.faq ul {
  display: none;
}
ul.faq ul li + li {
  margin-top: 13px;
}

section.faq {
  padding: 0 0 75px;
}
@media all and (max-width: 995px) {
  section.faq {
    padding: 0 0 50px;
  }
}
section.faq .pageheader {
  background-image: url("../images/pageheader-faq.jpg");
}
section.faq ul.faq {
  margin: 0;
  padding: 0 0 0 22px;
  border-width: 0;
  font-size: 0;
}
section.faq ul.faq > li {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border-left: 1px solid #dbdbdb;
  padding-left: 40px;
  padding-right: 40px;
  width: 25%;
  font-size: 16px;
}
@media all and (min-width: 1200px) {
  section.faq ul.faq > li {
    width: 25%;
  }
  section.faq ul.faq > li:nth-child(4n) ~ li {
    margin-top: 75px;
  }
}
@media all and (min-width: 996px) and (max-width: 1199px) {
  section.faq ul.faq > li {
    width: 33.33%;
  }
  section.faq ul.faq > li:nth-child(3n) ~ li {
    margin-top: 75px;
  }
}
@media all and (min-width: 768px) and (max-width: 995px) {
  section.faq ul.faq > li {
    width: 50%;
  }
  section.faq ul.faq > li:nth-child(2n) ~ li {
    margin-top: 50px;
  }
}
@media all and (max-width: 767px) {
  section.faq ul.faq > li {
    width: 100%;
    height: auto !important;
  }
  section.faq ul.faq > li:nth-child(1n) ~ li {
    margin-top: 50px;
    padding-right: 0;
  }
}
section.faq ul.faq > li + li {
  border-top: 0;
}
section.faq ul.faq > li::after {
  content: '';
  display: block;
  margin: 0 0 -2px -3px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background: #dbdbdb;
  position: absolute;
  left: 0;
  bottom: 0;
}
section.faq ul.faq > li .title {
  margin-bottom: 18px;
  padding: 17px 0 0 !important;
  font-weight: bold;
  font-size: 19px;
  color: #1f1f1f !important;
  position: static;
  cursor: default;
}
section.faq ul.faq > li .title::after {
  display: none;
}
section.faq ul.faq > li .title span {
  margin: 0;
  width: 55px;
  height: 55px;
  top: 0;
  left: -28px;
}
section.faq ul.faq ul {
  display: block;
  margin: 0 !important;
}

article.faq .pageheader {
  background-image: url("../images/pageheader-faq.jpg");
}
article.faq .pageheader .pagetitle {
  font-size: 45px;
}
@media all and (max-width: 995px) {
  article.faq .pageheader .pagetitle {
    font-size: 38px;
  }
}
@media all and (max-width: 767px) {
  article.faq .pageheader .pagetitle {
    font-size: 30px;
  }
}
article.faq .title,
article.faq .text {
  padding-left: 125px;
  padding-right: 350px;
}
@media all and (max-width: 995px) {
  article.faq .title,
  article.faq .text {
    padding-left: 70px;
    padding-right: 250px;
  }
}
@media all and (max-width: 767px) {
  article.faq .title,
  article.faq .text {
    padding-left: 0;
    padding-right: 0;
  }
}
article.faq .title {
  margin: 0 0 35px;
  text-align: left;
  color: #0f315a;
}
@media all and (max-width: 767px) {
  article.faq .title {
    padding-left: 70px;
  }
}
article.faq ul.faq {
  float: right;
  width: 300px;
}
@media all and (max-width: 995px) {
  article.faq ul.faq {
    width: 220px;
  }
}
@media all and (max-width: 767px) {
  article.faq ul.faq {
    display: none;
  }
}
article.faq ul.faq .title {
  margin: 0;
}
article.faq .text {
  margin: 0 0 50px;
  color: #000;
  line-height: 2;
}

section.search div.search .form {
  display: block;
  margin: 0 0 75px;
  position: relative;
  z-index: 3;
}
@media all and (max-width: 995px) {
  section.search div.search .form {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  section.search div.search .form {
    margin-bottom: 25px;
  }
}
section.search div.search .form .input-wrap {
  margin: 0;
  position: relative;
  z-index: 3;
}
section.search div.search .form input {
  margin: 0;
  border-radius: 25px;
  padding: 0 100px 0 50px;
  height: 48px;
  font-weight: 300;
  font-size: 15px;
  line-height: 48px;
  text-align: left;
  background: #fff;
}
@media all and (max-width: 767px) {
  section.search div.search .form input {
    padding: 0 50px 0 16px;
  }
}
section.search div.search .form .submit {
  margin: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 4;
}
section.search div.search .form .submit button {
  border: 0;
  border-radius: 0 25px 25px 0;
  padding: 0;
  width: 100px;
  height: 100%;
  background: transparent;
  cursor: pointer;
  position: relative;
}
@media all and (max-width: 767px) {
  section.search div.search .form .submit button {
    width: 50px;
  }
}
section.search div.search .form .submit button i {
  position: absolute;
  top: 50%;
  left: 50%;
}
section.search div.search .form.with-autocomplete input {
  border-radius: 25px 25px 0 0;
  border-color: #949494;
}
section.search div.search .form.with-autocomplete button {
  border-radius: 0 25px 0 0;
}
section.search div.search .autocomplete {
  margin-top: -1px;
  border: 1px solid #949494;
  border-top-color: #e5e5e5;
  border-radius: 0 0 25px 25px;
  padding: 10px 27px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
}
@media all and (max-width: 767px) {
  section.search div.search .autocomplete {
    padding: 5px 8px;
  }
}
section.search div.search .autocomplete ul {
  font-weight: 600;
  font-size: 19px;
  color: #000;
  text-align: center;
}
@media all and (max-width: 767px) {
  section.search div.search .autocomplete ul {
    font-size: 17px;
  }
}
section.search div.search .autocomplete ul li > span {
  display: block;
  padding: 15px 25px 12px;
}
@media all and (max-width: 767px) {
  section.search div.search .autocomplete ul li > span {
    padding: 6px 8px 7px;
  }
}
section.search div.search .autocomplete ul ul {
  font-weight: normal;
  font-size: 17px;
  text-align: left;
}
@media all and (max-width: 767px) {
  section.search div.search .autocomplete ul ul {
    font-size: 15px;
  }
}
section.search div.search .autocomplete ul ul li {
  border-top: 1px solid #e5e5e5;
  padding: 10px 25px 12px;
}
@media all and (max-width: 767px) {
  section.search div.search .autocomplete ul ul li {
    padding: 6px 8px 7px;
  }
}
section.search div.search .autocomplete ul ul span.image {
  display: inline-block;
  margin: 0 12px 0 -12px;
  width: 50px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
}
@media all and (max-width: 767px) {
  section.search div.search .autocomplete ul ul span.image {
    display: none !important;
  }
}
section.search div.search .autocomplete ul ul span.image img {
  max-width: 100%;
  max-height: 100%;
}
section.search div.search .autocomplete span.s {
  font-weight: 600;
  color: #e60039;
}

.b2b header.page .top {
  background: #e5e5e5;
}
.b2b header.page .top .container {
  background: #e5e5e5;
}
@media all and (max-width: 1399px) {
  .b2b header.page .main nav > ul li + li {
    margin-left: 20px;
  }
}
@media all and (max-width: 1050px) {
  .b2b header.page .main nav > ul li + li {
    margin-left: 10px;
  }
}
.b2b nav.page > ul > li {
  width: 168px;
}
@media all and (max-width: 1399px) {
  .b2b nav.page > ul > li {
    width: 128px;
  }
}
.b2b div.modal .modal-title {
  background: #e5e5e5;
}
.b2b #singup .form {
  font-size: 17px;
  color: #000;
}
.b2b #singup .form .input-wrap.file {
  margin: 2em 0 1em;
  margin-left: 30px;
  padding-left: 32px;
  text-align: left;
  position: relative;
}
@media all and (max-width: 479px) {
  .b2b #singup .form .input-wrap.file {
    margin-left: 0;
  }
}
.b2b #singup .form .input-wrap.file::before {
  content: '';
  margin: 0;
  position: absolute;
  top: 3px;
  left: 2px;
}
.b2b #singup .form .input-wrap.checkbox {
  margin-left: 30px;
  text-align: left;
}
@media all and (max-width: 479px) {
  .b2b #singup .form .input-wrap.checkbox {
    margin-left: 0;
  }
}
.b2b #singup .form .input-wrap.captcha {
  margin-top: 30px;
}
@media all and (max-width: 767px) {
  .b2b article.product ul.actions {
    padding-top: 0;
  }
  .b2b article.product ul.actions > li.one-click {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .b2b article.product .socials {
    padding-top: 0;
  }
}
.b2b article.product div.availability small {
  font-size: 14px;
}
.b2b article.product .to-cart > a i,
.b2b article.product .to-cart > button i {
  display: none;
}
.b2b article.product .to-cart i {
  margin-right: 0 !important;
}
.b2b div.availability.green span {
  vertical-align: baseline;
  margin: 0 !important;
  width: 0 !important;
  font-size: 12px;
  color: #000;
  top: 0 !important;
}
.b2b div.availability.green span::before, .b2b div.availability.green span::after,
.b2b div.availability.green span em {
  display: none !important;
}
@media all and (max-width: 767px) {
  .b2b div.availability.blue small {
    display: inline;
  }
}
.b2b div.availability small {
  display: inline-block;
  vertical-align: baseline;
  font-size: 12px;
  color: #000;
  white-space: nowrap;
}
@media all and (max-width: 767px) {
  .b2b div.availability small {
    display: block;
    white-space: normal;
  }
}
.b2b section.products .items div.availability {
  background: #f6f6f6 !important;
}
.b2b section.products .items div.availability small {
  font-size: inherit;
}
.b2b .catalog-top .wrap {
  padding-left: 485px;
}
@media all and (max-width: 1199px) {
  .b2b .catalog-top .wrap {
    padding-left: 0;
  }
}
.b2b .catalog-top .wrap .perpage {
  margin-left: -485px;
}
@media all and (max-width: 1199px) {
  .b2b .catalog-top .wrap .perpage {
    width: 40%;
  }
}
.b2b .catalog-top .wrap .sort {
  margin-left: -300px;
}
@media all and (max-width: 1199px) {
  .b2b .catalog-top .wrap .sort {
    width: 40%;
  }
}
.b2b .catalog-top .wrap .currency {
  float: left;
  margin-left: -90px;
  width: 70px;
}
@media all and (max-width: 1199px) {
  .b2b .catalog-top .wrap .currency {
    margin-bottom: 10px;
    width: 20%;
  }
}
.b2b .kit table div.availability {
  line-height: 18px;
}
.b2b .kit table div.price {
  line-height: 17px;
}
.b2b .kit table div.price dl {
  line-height: 18px;
}
.b2b article.manufacturer .header {
  border-bottom: 0;
  padding-bottom: 0;
}
@media all and (max-width: 995px) {
  .b2b article.manufacturer .header {
    margin-bottom: 50px;
  }
}
.b2b article.manufacturer .goods {
  position: absolute;
  top: 23px;
  right: 0;
}
@media all and (max-width: 767px) {
  .b2b article.manufacturer .goods {
    margin-top: 15px;
    position: relative;
    top: auto;
    right: auto;
  }
}

.b2c header.page .top {
  background: #c2dcff;
}
.b2c header.page .top .container {
  background: #c2dcff;
}
@media all and (min-width: 996px) {
  .b2c header.page .bottom > .container nav {
    width: 496px;
  }
}
@media all and (min-width: 996px) and (max-width: 1399px) {
  .b2c header.page .bottom > .container nav {
    width: 436px;
  }
}
@media all and (min-width: 996px) {
  .b2c header.page .search {
    float: none;
    margin-left: 496px;
    margin-top: 6px;
  }
}
@media all and (min-width: 996px) and (max-width: 1399px) {
  .b2c header.page .search {
    margin-left: 436px;
  }
}
@media all and (min-width: 996px) {
  .b2c header.page .search > a {
    display: none;
  }
  .b2c header.page .search .wrap {
    display: block;
    border: 0;
    position: relative;
    top: auto;
  }
  .b2c header.page .search .wrap::after {
    display: none !important;
  }
  .b2c header.page .search .wrap .container {
    padding: 0 0 0 40px;
  }
  .b2c header.page .search .wrap .form .submit button {
    background: #f4f3f3;
  }
}
.b2c nav.page > ul > li {
  width: 50%;
}
.b2c section.products .items .item div.availability.green div span {
  margin-left: 19px;
}
@media all and (min-width: 996px) {
  .b2c footer.page .main .links {
    padding-top: 0;
    text-align: left;
  }
  .b2c footer.page .main .links span.sep {
    display: block;
  }
}
.b2c article.manufacturer .header {
  border-bottom: 0;
  padding-bottom: 0;
}
@media all and (max-width: 995px) {
  .b2c article.manufacturer .header {
    margin-bottom: 50px;
  }
}
.b2c article.manufacturer .goods {
  position: absolute;
  top: 23px;
  right: 0;
}
@media all and (max-width: 995px) {
  .b2c article.manufacturer .goods {
    margin-top: 15px;
    position: relative;
    top: auto;
    right: auto;
  }
}

.lindex header.page .top {
  background: #1d262e;
}
.lindex header.page .top .container {
  background: #1d262e url(../images/img-1.png) 80% 50% no-repeat;
}
@media all and (max-width: 995px) {
  .lindex header.page .top .container {
    background-position: 70% 50%;
  }
}
.lindex header.page .top .sites li.active a {
  color: #000;
  background: #fff;
}
.lindex header.page .top .sites li a {
  color: #889cb5;
  background: #313c47;
}
.lindex header.page .top .sites li a:hover {
  color: #000;
  background: #fff;
}
.lindex header.page .top .contacts .phone span {
  color: #a1b8d5;
}
.lindex header.page .top .contacts .phone a {
  color: #fff;
}
.lindex header.page .top .contacts .phone a:hover {
  color: #e60039;
}
@media all and (max-width: 995px) {
  .lindex header.page .main .container {
    padding-right: 10px;
  }
  .lindex header.page .main .search {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.lindex header.page .logo {
  margin-bottom: 27px;
}
@media all and (max-width: 995px) {
  .lindex header.page .logo {
    margin-top: 14px;
    margin-bottom: 15px;
  }
}
@media all and (max-width: 767px) {
  .lindex header.page .logo {
    margin: 10px 10px 10px 0 !important;
  }
  .lindex header.page .logo img {
    height: 36px;
  }
}
.lindex section.topslider {
  height: 650px;
  background: #1d262e;
}
@media all and (max-width: 995px) {
  .lindex section.topslider {
    height: 450px;
  }
}
@media all and (max-width: 767px) {
  .lindex section.topslider {
    height: auto;
  }
}
.lindex section.topslider .item .container {
  height: 100%;
}
.lindex section.topslider .item .wrap {
  float: none !important;
  display: inline-block !important;
  padding: 60px 0;
  width: 100%;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
}
@media all and (max-width: 995px) {
  .lindex section.topslider .item .wrap {
    font-size: 19px;
    line-height: 1.3;
  }
}
@media all and (max-width: 767px) {
  .lindex section.topslider .item .wrap {
    font-size: 17px;
  }
}
.lindex section.topslider .item .title {
  margin-bottom: .55em;
  font-weight: normal;
  font-size: 52px;
  line-height: 1.2;
}
@media all and (max-width: 995px) {
  .lindex section.topslider .item .title {
    font-size: 34px;
  }
}
@media all and (max-width: 767px) {
  .lindex section.topslider .item .title {
    font-size: 28px;
  }
}
.lindex section.topslider .item .title::after {
  content: '';
  display: block;
  margin: .55em auto 0;
  border-top: 1px solid #e60039;
  width: 250px;
  max-width: 60%;
  height: 1px;
}
.lindex section.topslider .item .title span {
  margin: 0;
  font-weight: 300;
  font-size: 39px;
}
@media all and (max-width: 995px) {
  .lindex section.topslider .item .title span {
    font-size: 28px;
  }
}
@media all and (max-width: 767px) {
  .lindex section.topslider .item .title span {
    font-size: 21px;
  }
}
.lindex div.modal .modal-title {
  background: #1d262e;
}
.lindex div.modal .modal-title .title {
  color: #fff;
}
.lindex div.modal .modal-title p {
  color: #889cb5;
}
.lindex a.scrollTop {
  background: #1d262e;
  color: #fff;
}
.lindex a.scrollTop:hover {
  background: #e60039;
}

/*# sourceMappingURL=styles.css.map */