﻿* {
  outline: none; }

html,
body {
  height: 100%; }

body {
  background: #fff;
  font-family: 'Montserrat', Tahoma, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333; }

.container {
  position: relative;
  width: 100%;
  max-width: 1200px; }
  .container .error {
    color: #a94442; }
  .container-wrapper.container-border {
    border-bottom: 1px solid #E0E0E0; }

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }

.inner-wrapper {
  flex: 1 0 auto; }
  .inner-wrapper.active {
    position: relative; }
    .inner-wrapper.active::before {
      content: "";
      position: absolute;
      z-index: 90;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #000;
      opacity: .2; }

.danger {
  color: #a94442; }

.accent-color {
  color: #1a1a1d; }

.accent-color-hover {
  color: #d28e5f; }

div.jGrowl-notification {
  font-size: 16px;
  padding: 20px;
  font-weight: 300;
  font-family: 'Montserrat', Tahoma, sans-serif;
  border: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

a {
  color: #1a1a1d;
  text-decoration: none;
  transition: color .1s ease-in-out, background .1s ease-in-out, border-color .1s ease-in-out, box-shadow .1s ease-in-out; }
  a:hover, a:focus, a:active {
    color: #d28e5f;
    outline: none;
    text-decoration: none; }

input[type=submit]:focus,
button:focus {
  outline: none;
  box-shadow: none; }

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 0;
  background: #d28e5f;
  color: #fff;
  border: 1px solid #d28e5f;
  padding: 18px 38px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  font-family: 'Futura PT', sans-serif;
  white-space: normal;
  transition: color .1s ease-in-out, background .1s ease-in-out, border-color .1s ease-in-out; }
  .btn:hover {
    text-decoration: none;
    background: #1a1a1d;
    border: 1px solid #1a1a1d;
    color: #d28e5f; }
    .btn:hover .rg {
      color: #d28e5f; }
  .btn:focus, .btn:active {
    outline: none;
    box-shadow: none;
    color: #fff; }
  .btn .rg {
    color: #1a1a1d;
    margin-right: 10px;
    transition: color .1s ease-in-out; }
  .btn.btn-inverse {
    background: transparent;
    border: 1px solid #1a1a1d;
    color: #1a1a1d; }
    .btn.btn-inverse:hover {
      background: #1a1a1d;
      border-color: #1a1a1d;
      color: #fff; }
      .btn.btn-inverse:hover .rg {
        color: #d28e5f; }
  .btn.btn-clear {
    background: transparent;
    border: none;
    padding: 0;
    color: #1a1a1d; }
    .btn.btn-clear:hover {
      background: transparent;
      border: none;
      color: #000; }

div.btn-more {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 13px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  border: 1px solid #E0E0E0;
  transition: background .1s ease-in-out, color .1s ease-in-out, border-color .1s ease-in-out; }
  div.btn-more:hover {
    color: #fff;
    background: #1a1a1d;
    border-color: #1a1a1d;
    cursor: pointer; }
    div.btn-more:hover .rg {
      color: #d28e5f; }
  div.btn-more .rg {
    color: #1a1a1d;
    font-size: 20px;
    line-height: 20px;
    margin-right: 10px;
    transition: color .1s ease-in-out; }

.form-control,
input[type=text],
select,
textarea,
input[type=password],
input[type=tel],
input[type=email],
input[type=file] {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  padding: 9px 12px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  height: auto; }
  .form-control:focus,
  input[type=text]:focus,
  select:focus,
  textarea:focus,
  input[type=password]:focus,
  input[type=tel]:focus,
  input[type=email]:focus,
  input[type=file]:focus {
    outline: 0;
    border-color: #1a1a1d;
    box-shadow: 0 0 0 3px rgba(26, 26, 29, 0.25); }
  .form-control::-webkit-input-placeholder,
  input[type=text]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=file]::-webkit-input-placeholder {
    color: #888;
    font-weight: 400; }
  .form-control::-moz-placeholder,
  input[type=text]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=file]::-moz-placeholder {
    color: #888;
    font-weight: 400; }
  .form-control:-moz-placeholder,
  input[type=text]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=file]:-moz-placeholder {
    color: #888;
    font-weight: 400; }
  .form-control:-ms-input-placeholder,
  input[type=text]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=file]:-ms-input-placeholder {
    color: #888;
    font-weight: 400; }
  .form-control.error,
  input[type=text].error,
  select.error,
  textarea.error,
  input[type=password].error,
  input[type=tel].error,
  input[type=email].error,
  input[type=file].error {
    border-color: #ff0000;
    box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25); }
    .form-control.error::-webkit-input-placeholder,
    input[type=text].error::-webkit-input-placeholder,
    select.error::-webkit-input-placeholder,
    textarea.error::-webkit-input-placeholder,
    input[type=password].error::-webkit-input-placeholder,
    input[type=tel].error::-webkit-input-placeholder,
    input[type=email].error::-webkit-input-placeholder,
    input[type=file].error::-webkit-input-placeholder {
      color: #ff0000; }
    .form-control.error::-moz-placeholder,
    input[type=text].error::-moz-placeholder,
    select.error::-moz-placeholder,
    textarea.error::-moz-placeholder,
    input[type=password].error::-moz-placeholder,
    input[type=tel].error::-moz-placeholder,
    input[type=email].error::-moz-placeholder,
    input[type=file].error::-moz-placeholder {
      color: #ff0000; }
    .form-control.error:-moz-placeholder,
    input[type=text].error:-moz-placeholder,
    select.error:-moz-placeholder,
    textarea.error:-moz-placeholder,
    input[type=password].error:-moz-placeholder,
    input[type=tel].error:-moz-placeholder,
    input[type=email].error:-moz-placeholder,
    input[type=file].error:-moz-placeholder {
      color: #ff0000; }
    .form-control.error:-ms-input-placeholder,
    input[type=text].error:-ms-input-placeholder,
    select.error:-ms-input-placeholder,
    textarea.error:-ms-input-placeholder,
    input[type=password].error:-ms-input-placeholder,
    input[type=tel].error:-ms-input-placeholder,
    input[type=email].error:-ms-input-placeholder,
    input[type=file].error:-ms-input-placeholder {
      color: #ff0000; }
    .form-control.error + .form-control-feedback,
    input[type=text].error + .form-control-feedback,
    select.error + .form-control-feedback,
    textarea.error + .form-control-feedback,
    input[type=password].error + .form-control-feedback,
    input[type=tel].error + .form-control-feedback,
    input[type=email].error + .form-control-feedback,
    input[type=file].error + .form-control-feedback {
      color: #ff0000; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background: whitesmoke !important; }

.form-group-feedback {
  position: relative; }
  .form-group-feedback input.form-control,
  .form-group-feedback textarea {
    padding-left: 40px; }
  .form-group-feedback .form-control-feedback {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #1a1a1d;
    font-size: 16px; }
  .form-group-feedback .has-feedback,
  .form-group-feedback .form-group {
    position: relative; }
    .form-group-feedback .has-feedback .form-control-feedback,
    .form-group-feedback .form-group .form-control-feedback {
      top: auto;
      bottom: 0; }
  .form-group-feedback .textarea-form-group .form-control-feedback {
    top: 25px;
    bottom: auto; }

.custom-control {
  line-height: 24px;
  font-size: 12px;
  color: #666; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1a1a1d; }

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:active ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: #1a1a1d; }

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #1a1a1d;
  border-color: #1a1a1d; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #1a1a1d; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #1a1a1d;
  border-color: #1a1a1d; }

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 3px rgba(26, 26, 29, 0.25); }

.mfp-close {
  height: 60px;
  width: 60px;
  line-height: 60px; }

.mfp-close:hover,
.mfp-close:focus,
.mfp-close:active,
.mfp-close:active:focus,
.mfp-close.active:focus {
  margin: 0;
  background: transparent;
  border: none;
  top: 0; }

.mfp-arrow:hover,
.mfp-arrow:focus,
.mfp-arrow:active,
.mfp-arrow:active:focus,
.mfp-arrow.active:focus {
  background: transparent;
  border: none; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  padding: 0;
  right: 0;
  height: 40px;
  line-height: 40px; }

img {
  max-width: 100%; }

table {
  background-color: transparent;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #dee2e6;
  margin-bottom: 30px; }
  table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    font-weight: 500; }
  table td, table th {
    padding: 12px;
    vertical-align: top;
    border-top: 1px solid #dee2e6; }
  table tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05); }

b, strong, label {
  font-weight: 500; }

label:hover {
  cursor: pointer; }

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-family: 'Futura PT', sans-serif; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

.form-group span.fa {
  font-size: 18px;
  line-height: 34px;
  bottom: 0;
  top: auto;
  color: #666; }

tr.cart-order .shk-count {
  padding: 0 12px;
  vertical-align: middle; }
  tr.cart-order .shk-count:focus {
    box-shadow: none; }

tr.cart-order .shk_count_button {
  vertical-align: middle; }

tr.cart-order .product-name {
  font-weight: 500;
  display: block; }

tr.cart-order .product-option {
  margin-top: 3px;
  padding: 4px 10px;
  font-size: 14px;
  background-color: #f5f5f5;
  display: none; }
  tr.cart-order .product-option.active {
    display: inline-block; }

.btn-top-top {
  display: none;
  position: fixed;
  z-index: 10;
  right: 20px;
  bottom: 20px;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px 15px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  cursor: pointer; }
  .btn-top-top:hover {
    background: rgba(0, 0, 0, 0.5); }

.pagination {
  margin: 20px 0;
  border-radius: 0; }
  .pagination .page-item:first-child .page-link {
    border-radius: 0; }
  .pagination .page-item:last-child .page-link {
    border-radius: 0; }
  .pagination .page-item.active .page-link {
    background: #1a1a1d;
    border-color: #1a1a1d;
    color: #fff; }
  .pagination .page-item.disabled a,
  .pagination .page-item.disabled span {
    color: #555; }
  .pagination .page-link,
  .pagination span {
    display: block;
    padding: 6px 14px;
    border: 1px solid #dee2e6;
    margin-left: -1px;
    color: #1a1a1d; }
  .pagination .page-link:hover {
    background: rgba(26, 26, 29, 0.3);
    border-color: rgba(26, 26, 29, 0.3);
    color: #fff; }
  .pagination .page-link:focus, .pagination .page-link:active {
    outline: none;
    box-shadow: none; }

.btn-group a {
  margin-right: 3px;
  margin-bottom: 3px; }

.image-page {
  display: flex;
  width: 100%;
  background: #000; }
  .image-page a.zoom-gal {
    display: block;
    padding-right: 1px;
    transition: opacity .1s ease-in-out; }
    .image-page a.zoom-gal:last-child {
      padding-right: 0;
      padding-left: 1px; }

.modal-block {
  background: #fff;
  padding: 30px 40px 40px;
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
  position: relative; }
  .modal-block .form-control {
    background: #E6E6E6;
    color: #333; }
  .modal-block .form-title {
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 6px;
    color: #000;
    padding-right: 25px; }
  .modal-block .form-info {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
    color: #666; }
  .modal-block .form-group {
    margin-bottom: 25px; }
  .modal-block textarea {
    min-height: 100px; }
  .modal-block .btn {
    width: 100%; }

.success-form-wrapper,
.subscribe-form-wrapper {
  position: relative;
  z-index: 9999999999;
  display: none; }

.success-form-block,
.subscribe-form-block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(11, 11, 11, 0.8);
  display: flex;
  align-items: center;
  justify-content: center; }
  .success-form-block .success-form,
  .success-form-block .subscribe-form,
  .subscribe-form-block .success-form,
  .subscribe-form-block .subscribe-form {
    display: none;
    background: #f5f5f5;
    max-width: 570px;
    width: 100%;
    padding: 50px 50px 30px;
    text-align: center;
    font-size: 14px;
    color: #949494;
    font-weight: 300; }
  .success-form-block .success-message,
  .success-form-block .subscribe-message,
  .subscribe-form-block .success-message,
  .subscribe-form-block .subscribe-message {
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #282828; }
  .success-form-block .modal-info span,
  .subscribe-form-block .modal-info span {
    color: #1a1a1d; }
  .success-form-block .success-form-icon,
  .success-form-block .subscribe-form-icon,
  .subscribe-form-block .success-form-icon,
  .subscribe-form-block .subscribe-form-icon {
    max-width: 100px;
    margin: 0 auto 30px; }
    .success-form-block .success-form-icon .svg-img,
    .success-form-block .subscribe-form-icon .svg-img,
    .subscribe-form-block .success-form-icon .svg-img,
    .subscribe-form-block .subscribe-form-icon .svg-img {
      max-width: 100%;
      max-height: 100px; }
    .success-form-block .success-form-icon path,
    .success-form-block .subscribe-form-icon path,
    .subscribe-form-block .success-form-icon path,
    .subscribe-form-block .subscribe-form-icon path {
      -webkit-filter: none;
      filter: none;
      fill: #1a1a1d; }

button.mfp-arrow-btn {
  display: block;
  background: transparent;
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  border: none;
  cursor: pointer;
  padding: 10px; }
  button.mfp-arrow-btn:hover::before {
    opacity: 1; }
  button.mfp-arrow-btn::before {
    content: "";
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    border: none;
    margin: 0;
    opacity: .65; }
  button.mfp-arrow-btn.mfp-arrow-left {
    left: 15px; }
    button.mfp-arrow-btn.mfp-arrow-left::before {
      content: "\f053"; }
  button.mfp-arrow-btn.mfp-arrow-right {
    right: 15px; }
    button.mfp-arrow-btn.mfp-arrow-right::before {
      content: "\f054"; }

.content-btn {
  margin: 0;
  padding: 0;
  list-style: none; }

select,
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  padding-right: 35px;
  position: relative; }

.tab-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  font-size: 0;
  border-bottom: 2px solid #e1e1e1;
  position: relative;
  display: flex;
  align-items: center; }
  .tab-nav li.nav-item {
    margin-bottom: 0;
    margin-right: 50px; }
    .tab-nav li.nav-item:last-child {
      margin-right: 0; }
    .tab-nav li.nav-item.last {
      margin-left: auto; }
  .tab-nav a.nav-link {
    display: block;
    padding: 10px 0;
    color: #989898;
    border: none;
    font-size: 14px;
    font-weight: 500;
    position: relative; }
    .tab-nav a.nav-link::after {
      content: "";
      position: absolute;
      z-index: 10;
      bottom: -2px;
      left: 0;
      right: 0;
      width: 0;
      height: 2px;
      margin: 0 auto;
      background: #1a1a1d;
      transition: width .15s ease-in-out; }
    .tab-nav a.nav-link:hover, .tab-nav a.nav-link.active {
      color: #1a1a1d;
      border: none; }
      .tab-nav a.nav-link:hover::after, .tab-nav a.nav-link.active::after {
        width: 100%; }

.jGrowl-close {
  display: none !important; }

.header-top {
  background: #fff;padding: 5px 0; }
  .header-top .row {
    align-items: center; }
  .header-top .call-back .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 205px;
    padding: 0; }

.header-bottom {
  background: #fff;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0; }
  .header-bottom .row {
    align-items: center; }

.contacts-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  font-family: 'Futura PT', sans-serif;
  color: #000; }
  .contacts-top .bold-text {
    display: none; }
  .contacts-top p {
    display: flex;
    align-items: center;
    margin: 0;
    margin-left: 30px; }
    .contacts-top p:first-child {
      margin-left: 0; }
  .contacts-top a {
    color: #000; }
    .contacts-top a:hover {
      color: #d28e5f; }
  .contacts-top .rg {
    color: #d28e5f;
    margin-right: 8px; }
  .contacts-top .call-back {
    margin-left: 40px; }
  .contacts-top .btn {
    color: #fff; }
    .contacts-top .btn .rg {
      color: #1a1a1d; }
    .contacts-top .btn:hover {
      color: #d28e5f; }
      .contacts-top .btn:hover .rg {
        color: #d28e5f; }

.logo {
  margin-right: 30px; }
  .logo a {
    color: #1a1a1d;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700; }

.logo-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.slogan {
  color: #1a1a1d;
  opacity: .6; }

.shop-login {
  margin-left: 35px; }
  .shop-login a {
    display: block;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: #1a1a1d;
    color: #fff;
    text-align: center;
    line-height: 34px;
    border: 1px solid #1a1a1d; }
    .shop-login a:hover {
      background: transparent;
      color: #1a1a1d;
      border-color: #1a1a1d; }
  .shop-login .fa {
    margin: 0; }

.user-name-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px; }
  .user-name-wrapper .fas,
  .user-name-wrapper .far {
    margin-right: 5px;
    font-size: 18px; }

.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  text-align: center; }
  .menu li {
    white-space: normal; }
    .menu li:last-child {
      margin-right: 0; }
    .menu li.active a {
      color: #fff;
      background: #1a1a1d; }
    .menu li.active .home-link {
      background: transparent;
      color: #d28e5f; }
      .menu li.active .home-link:hover {
        color: #1a1a1d;
        background: rgba(26, 26, 29, 0.1); }
    .menu li:hover a {
      color: #1a1a1d;
      background: rgba(26, 26, 29, 0.1); }
    .menu li:hover .dropdown-menu {
      top: 100%;
      opacity: 1;
      margin-top: 0; }
  .menu a {
    display: block;
    padding: 8px 12px;
    white-space: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #d28e5f;
    font-family: 'Futura PT', sans-serif; }
    .menu a.home-link {
      font-size: 0;
      line-height: 0;
      padding: 8px 12px;
      margin-right: 10px;
      position: relative; }
      .menu a.home-link::before {
        content: "\e93f";
        display: block;
        font-size: 18px;
        line-height: 24px;
        font-family: 'rugon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased; }
  .menu .dropdown-menu {
    display: block;
    background: #fff;
    position: absolute;
    z-index: 100;
    top: -9999px;
    margin: -10px 0 0 -10px;
    left: 0;
    width: 250px;
    padding: 10px;
    border-radius: 0;
    border: none;
    opacity: 0;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
    transition: opacity .2s ease-in-out, margin .2s ease-in-out; }
    .menu .dropdown-menu::before {
      content: "";
      position: absolute;
      z-index: 10;
      top: -6px;
      left: 15px;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      border-bottom: 6px solid #fff; }
    .menu .dropdown-menu li {
      display: block;
      border: none;
      margin: 0; }
      .menu .dropdown-menu li:last-child {
        border-bottom: none; }
      .menu .dropdown-menu li.active a {
        background: #1a1a1d;
        color: #fff; }
      .menu .dropdown-menu li a {
        background: transparent;
        white-space: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        padding: 5px 10px;
        color: #4F4F4F; }
        .menu .dropdown-menu li a:hover {
          background: rgba(26, 26, 29, 0.1);
          color: #1a1a1d; }

.menu-button-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .menu-button-wrapper .call-back-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
    font-size: 24px;
    color: #1a1a1d;
    border-right: 1px solid #E0E0E0; }

.menu-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
  font-size: 26px;
  color: #1a1a1d;
  border-right: 1px solid #E0E0E0; }
  .menu-button.active .rg::before {
    content: "\e91c"; }

.search-btn {
  width: 60px;
  height: 60px;
  border-right: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 22px;
  color: #1a1a1d;
  transition: color .1s ease-in-out, border-color .1s ease-in-out, background .1s ease-in-out; }
  .search-btn:hover {
    color: #fff;
    background: #1a1a1d;
    border-color: #1a1a1d;
    cursor: pointer; }

.search {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  top: 0;
  right: 0;
  z-index: 100;
  display: none; }
  .search .search-form {
    width: 100%;
    height: 100%;
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-radius: 0;
    background: #fff; }
  .search .form-inline {
    position: relative;
    padding-left: 60px; }
    .search .form-inline::before {
      content: "\e971";
      position: absolute;
      left: 0;
      width: 60px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'rugon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 20px;
      line-height: 20px;
      color: #1a1a1d; }
    .search .form-inline .input-group {
      width: 100%;
      height: 100%;
      margin: 0; }
    .search .form-inline .input-group-btn {
      height: 100%;
      align-self: center;
      text-align: center; }
  .search .form-control {
    height: 100%;
    padding: 0;
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #1a1a1d; }
    .search .form-control::-webkit-input-placeholder {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      color: #1a1a1d; }
    .search .form-control::-moz-placeholder {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      color: #1a1a1d; }
    .search .form-control:-moz-placeholder {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      color: #1a1a1d; }
    .search .form-control:-ms-input-placeholder {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      color: #1a1a1d; }
    .search .form-control:focus {
      outline: none;
      box-shadow: none; }
  .search .btn {
    border: none;
    padding: 0 30px;
    height: 100%;
    width: 100%;
    text-align: center;
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #1a1a1d;
    transition: color .1s ease-in-out; }
    .search .btn:hover {
      color: #d28e5f;
      background: transparent;
      border: none;
      cursor: pointer; }
      .search .btn:hover .rg {
        color: #d28e5f; }
    .search .btn .rg {
      margin: 0;
      color: #1a1a1d;
      margin-right: 8px;
      transition: color .1s ease-in-out; }

.search-item .search-image {
  margin-right: 15px; }

.search-item .search-title {
  margin-top: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.search-results {
  display: none;
  position: absolute;
  z-index: 10;
  left: 15px;
  right: 15px;
  top: 100%;
  background: #fff;
  color: #666;
  padding: 15px;
  border: 1px solid #E0E0E0;
  border-top: none; }
  .search-results::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 1px;
    background: #E0E0E0; }
  .search-results a {
    color: #666; }
    .search-results a:hover {
      color: #1a1a1d; }

.info-search-results {
  color: #1a1a1d;
  font-size: 12px;
  margin-bottom: 15px; }

.ajax-search-item {
  display: flex;
  align-items: center;
  padding: 3px;
  transition: background .1s ease-in-out; }
  .ajax-search-item:hover {
    background: #f5f5f5; }
  .ajax-search-item .search-img {
    margin-right: 10px; }

.first-main-column {
  padding-top: 20px;
  padding-bottom: 30px;
  border-right: 1px solid #E0E0E0;
  padding-right: 30px; }

.second-main-column {
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 30px; }

.content-padding {
  padding: 20px 0; }

.breadcrumb {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  border-radius: 0;
  padding: 0;
  padding-top: 5px;
  margin-bottom: 12px;
  background: transparent; }
  .breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center; }
    .breadcrumb .breadcrumb-item + .breadcrumb-item {
      padding-left: 8px; }
      .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        content: "/";
        opacity: .4;
        color: #1a1a1d;
        padding: 0;
        margin-right: 8px;
        font-size: 9px; }
    .breadcrumb .breadcrumb-item.active {
      opacity: .4;
      color: #1a1a1d; }
      .breadcrumb .breadcrumb-item.active::before {
        opacity: 1; }
  .breadcrumb a {
    opacity: .4;
    color: #1a1a1d; }
    .breadcrumb a:hover {
      opacity: 1; }

.page-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: 'Futura PT', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 34px;
  color: #000;
  border: none; }
  .page-header .more-link {
    display: flex;
    align-items: center;
    opacity: .4;
    color: #1a1a1d;
    margin-left: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px; }
    .page-header .more-link:hover {
      opacity: 1; }
    .page-header .more-link .rg {
      margin-right: 6px; }
  .page-header span {
    display: block;
    width: 100%; }

.slider-main {
  margin-bottom: 30px;
  position: relative;
  background: #888;
  touch-action: auto; }
  .slider-main div {
    height: 100%; }
  .slider-main .slick-initialized .slider-item {
    display: block; }
  .slider-main .slick-dots {
    margin: 0;
    list-style: none;
    display: flex !important;
    align-items: center;
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -600px;
    max-width: 1200px;
    padding: 0 15px; }
    .slider-main .slick-dots li {
      margin-right: 16px;
      width: 8px;
      height: 8px;
      line-height: 8px;
      text-align: center; }
    .slider-main .slick-dots .slick-active button {
      background: #d28e5f;
      width: 8px;
      height: 8px;
      opacity: 1; }
    .slider-main .slick-dots button {
      display: block;
      padding: 0;
      margin: 0;
      width: 8px;
      height: 8px;
      border: none;
      background: #fff;
      opacity: .3;
      font-size: 0;
      transition: background .1s ease-in-out, opacity .1s ease-in-out; }
      .slider-main .slick-dots button:hover {
        background: #d28e5f;
        width: 8px;
        height: 8px;
        opacity: 1;
        cursor: pointer; }
      .slider-main .slick-dots button::before, .slider-main .slick-dots button::after {
        display: none; }
  .slider-main .slick-prev,
  .slider-main .slick-next {
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -30px;
    background: rgba(255, 255, 255, 0.5);
    width: 35px;
    color: #1a1a1d;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    transition: background .1s ease-in-out, color .1s ease-in-out; }
    .slider-main .slick-prev:hover,
    .slider-main .slick-next:hover {
      background: #1a1a1d;
      color: #fff;
      cursor: pointer; }
  .slider-main .slick-prev {
    left: 0; }
  .slider-main .slick-next {
    right: 0; }

.slider-item {
  display: none;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }
  .slider-item::after {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2); }

.slider-content {
  position: relative;
  z-index: 100;
  display: flex;
  align-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  overflow: hidden;
  padding: 70px 15px;
  margin: 0 auto; }
  .slider-content span {
    display: block; }
  .slider-content .slider-name {
    width: 100%;
    max-width: 670px;
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
    color: #fff;
    font-family: 'Futura PT', sans-serif;
    margin-bottom: 30px; }
  .slider-content .slider-text {
    width: 100%;
    max-width: 670px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 30px; }
  .slider-content .slider-link-wrapper {
    width: 100%; }
  .slider-content a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    background: rgba(210, 142, 95, 0.1);
    color: #d28e5f;
    font-family: 'Futura PT', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    max-width: 146px; }
    .slider-content a .rg {
      padding-right: 10px; }
    .slider-content a:hover {
      background: rgba(26, 26, 29, 0.1); }

.category-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  min-height: 270px;
  font-family: 'Futura PT', sans-serif;
  padding-top: 50px;
  color: #fff;
  margin-bottom: 30px; }
  .category-item.new-category-item {
    justify-content: flex-end;
    overflow: hidden; }
    .category-item.new-category-item .category-btn {
      background: #1a1a1d;
      color: #fff;
      border-top: none;
      margin-top: 60px; }
      .category-item.new-category-item .category-btn .rg {
        color: #d28e5f; }
      .category-item.new-category-item .category-btn:hover {
        background: #d28e5f;
        color: #1a1a1d; }
        .category-item.new-category-item .category-btn:hover .rg {
          color: #1a1a1d; }
  .category-item .bage-new {
    width: 200px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    z-index: 20;
    left: -60px;
    top: 25px;
    background: #d28e5f;
    color: #1a1a1d;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    transform: rotate(-45deg); }
  .category-item::before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .25;
    transition: opacity .1s ease-in-out; }
  .category-item:hover {
    color: #fff; }
    .category-item:hover::before {
      opacity: .5; }
    .category-item:hover .category-product-count {
      opacity: 1; }
    .category-item:hover .category-btn {
      color: #fff; }
      .category-item:hover .category-btn .rg {
        color: #d28e5f; }
  .category-item .category-title {
    position: relative;
    z-index: 10;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 12px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px; }
  .category-item .category-product-count {
    position: relative;
    z-index: 10;
    color: #fff;
    opacity: .7;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    transition: opacity .1s ease-in-out; }
  .category-item .category-btn {
    position: relative;
    z-index: 10;
    margin-top: auto;
    height: 60px;
    width: 100%;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.6);
    transition: color .1s ease-in-out, background .1s ease-in-out; }
    .category-item .category-btn .rg {
      margin-right: 10px;
      transition: color .1s ease-in-out; }

.category-small {
  margin-bottom: 50px;
  margin-left: -5px;
  max-height: 190px;
  overflow: hidden; }

.category-small-item {
  display: block;
  padding: 0 5px;
  color: #000; }
  .category-small-item:hover {
    color: #1a1a1d; }
    .category-small-item:hover .category-img::before {
      opacity: .75; }
    .category-small-item:hover .category-img .category-product-count,
    .category-small-item:hover .category-img .rg {
      opacity: 1; }
  .category-small-item .category-img {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 90px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 6px;
    position: relative;
    font-size: 20px;
    line-height: 20px; }
    .category-small-item .category-img .category-product-count {
      width: 100%;
      position: relative;
      z-index: 10;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      color: #fff;
      text-align: center;
      margin-top: 6px;
      opacity: 0;
      transition: opacity .1s ease-in-out; }
    .category-small-item .category-img .rg {
      position: relative;
      z-index: 10;
      font-size: 20px;
      line-height: 20px;
      opacity: 0;
      color: #fff;
      transition: opacity .1s ease-in-out; }
    .category-small-item .category-img::before {
      content: "";
      position: absolute;
      z-index: 5;
      display: flex;
      justify-content: center;
      align-items: center;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #000;
      opacity: 0;
      transition: opacity .1s ease-in-out; }
  .category-small-item .category-title {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px; }

.category-default-item {
  display: block;
  background: #fff;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
  transition: border-color .1s ease-in-out; }
  .category-default-item:hover {
    border-color: #1a1a1d; }
  .category-default-item .category-img {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    height: 250px; }
  .category-default-item .category-title {
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #252525;
    overflow: hidden; }
    .category-default-item .category-title span {
      display: inline-block;
      vertical-align: middle;
      padding: 0 10px;
      line-height: 24px; }
    .category-default-item .category-title:hover {
      color: #1a1a1d; }

.brand-item {
  display: block;
  padding: 10px 10px 0;
  background: #fff;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
  transition: border-color .1s ease-in-out; }
  .brand-item:hover {
    border-color: #1a1a1d; }
  .brand-item .brand-img {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    height: 250px; }
  .brand-item .brand-title {
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #252525;
    overflow: hidden; }
    .brand-item .brand-title span {
      display: inline-block;
      vertical-align: middle;
      padding: 0 10px;
      line-height: 24px; }
    .brand-item .brand-title:hover {
      color: #1a1a1d; }

.product-list-wrapper {
  margin-bottom: 20px; }
  .product-list-wrapper .page-header {
    margin-bottom: 30px; }

.product-item {
  position: relative;
  margin-bottom: 30px; }
  .product-item .product-img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #fff;
    position: relative;
    z-index: 5;
    height: 270px;
    margin-bottom: 10px; }
  .product-item .bage-wrapper {
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0; }
    .product-item .bage-wrapper span {
      padding: 3px 9px;
      margin-bottom: 1px;
      text-align: center;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      font-family: 'Futura PT', sans-serif; }
      .product-item .bage-wrapper span.bage-new {
        background: rgba(1, 212, 84, 0.8); }
      .product-item .bage-wrapper span.bage-sale {
        background: rgba(206, 2, 2, 0.8); }
      .product-item .bage-wrapper span.bage-hit {
        background: rgba(255, 0, 92, 0.8); }
  .product-item .product-title {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    font-family: 'Futura PT', sans-serif;
    margin-bottom: 6px;
    color: #000; }
    .product-item .product-title:hover {
      color: #1a1a1d; }
  .product-item .product-intro {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #808080;
    margin-bottom: 10px; }
  .product-item .old-price {
    position: absolute;
    left: 0;
    bottom: 30px;
    text-decoration: line-through;
    font-size: 16px;
    line-height: 22px;
    color: #808080; }
    .product-item .old-price .rg {
      margin-left: 3px;
      font-size: 10px; }
  .product-item .product-price {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #1a1a1d;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Futura PT', sans-serif;
    padding: 4px 10px; }
    .product-item .product-price .rg {
      margin-left: 3px;
      font-size: 12px; }
    .product-item .product-price.product-old-price {
      background: #f00; }
  .product-item .product-btn {
    display: flex;
    align-items: center;
    width: fit-content;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Futura PT', sans-serif; }
    .product-item .product-btn .rg {
      margin-right: 8px; }

.product-item-wrapper.active {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%; }
  .product-item-wrapper.active .compare-btn {
    left: 6px;
    right: auto; }
  .product-item-wrapper.active .product-item {
    display: flex;
    margin-bottom: 5px; }
  .product-item-wrapper.active .product-img {
    width: 40%;
    margin: 0; }
  .product-item-wrapper.active .description-wrapper {
    width: 60%;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap; }
  .product-item-wrapper.active .product-title,
  .product-item-wrapper.active .product-intro,
  .product-item-wrapper.active .product-price {
    width: 100%; }
  .product-item-wrapper.active .product-price {
    margin-top: auto; }

.product-card-item {
  background: #f8f8f8;
  padding: 15px;
  margin-bottom: 15px; }
  .product-card-item .page-header {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 12px; }
  .product-card-item .vendor-code {
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    color: #828282; }
  .product-card-item .introtext {
    padding-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #000; }
  .product-card-item .price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-top: 44px;
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    font-family: 'Futura PT', sans-serif; }
    .product-card-item .price.price-new {
      color: red; }
    .product-card-item .price .rg {
      margin-left: 5px;
      font-size: 20px; }
    .product-card-item .price .old-price {
      display: block;
      width: 100%;
      margin-bottom: 5px;
      font-size: 16px;
      line-height: 16px;
      text-decoration: line-through;
      color: #aaa;
      font-weight: 400; }
      .product-card-item .price .old-price .rg {
        margin-left: 3px;
        font-size: 12px; }

.product-card-images {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 382px;
  overflow: hidden; }
  .product-card-images.no-small-images .images-big-wrapper {
    width: 100%; }
  .product-card-images .bage-wrapper {
    display: block;
    position: absolute;
    z-index: 0;
    left: 10px;
    top: 10px; }
    .product-card-images .bage-wrapper span {
      padding: 3px 9px;
      margin-bottom: 1px;
      text-align: center;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      font-family: 'Futura PT', sans-serif; }
      .product-card-images .bage-wrapper span.bage-new {
        background: rgba(1, 212, 84, 0.8); }
      .product-card-images .bage-wrapper span.bage-sale {
        background: rgba(206, 2, 2, 0.8); }
      .product-card-images .bage-wrapper span.bage-hit {
        background: rgba(255, 0, 92, 0.8); }
  .product-card-images .images-small-wrapper {
    width: 19%; }
    .product-card-images .images-small-wrapper .slick-slide {
      width: 70px;
      height: 77px; }
      .product-card-images .images-small-wrapper .slick-slide div {
        height: 100%; }
  .product-card-images .small-images-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 4px;
    border: 1px solid #eee;
    transition: border-color .1s ease-in-out;
    margin-bottom: 7px;
    line-height: 75px; }
    .product-card-images .small-images-item:hover {
      border-color: #1a1a1d;
      cursor: pointer; }
    .product-card-images .small-images-item span {
      display: inline-block; }
  .product-card-images .slick-current .small-images-item {
    border-color: #1a1a1d; }
  .product-card-images .images-big-wrapper {
    position: relative;
    width: 79%; }
    .product-card-images .images-big-wrapper:hover .product-slider-arrow {
      opacity: 1; }
  .product-card-images .big-images-item {
    background: #fff;
    padding: 10px;
    height: 380px; }
    .product-card-images .big-images-item img {
      max-height: 100%; }
    .product-card-images .big-images-item a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%; }
  .product-card-images .compare-btn {
    display: inline-block;
    position: absolute;
    z-index: 10;
    right: 6px;
    top: 6px; }
    .product-card-images .compare-btn .btn {
      border-color: #ccc;
      color: #bbb;
      width: 39px;
      height: 36px;
      padding: 0;
      text-align: center;
      line-height: 34px; }
      .product-card-images .compare-btn .btn:hover {
        color: #fff;
        border-color: #1a1a1d;
        background-color: #1a1a1d; }
      .product-card-images .compare-btn .btn.active {
        color: #fff;
        border-color: #1a1a1d;
        background-color: #1a1a1d; }
        .product-card-images .compare-btn .btn.active:hover {
          color: #fff;
          background: #d28e5f;
          border-color: #d28e5f; }
      .product-card-images .compare-btn .btn .far,
      .product-card-images .compare-btn .btn .fas {
        margin: 0; }

.product-description {
  height: 100%;
  padding-bottom: 1px; }
  .product-description .shk-item,
  .product-description .shk-item-form {
    height: 100%; }

.form-actions {
  display: flex;
  align-items: center; }
  .form-actions .btn {
    margin-right: 10px; }

.product-slider-arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 2px;
  margin-top: -30px;
  width: 30px;
  height: 60px;
  padding: 0;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  color: #333;
  border: none;
  background: rgba(245, 245, 245, 0.8);
  opacity: 0;
  transition: opacity .1s ease-in-out;
  outline: none; }
  .product-slider-arrow.btn-right {
    right: 2px;
    left: auto; }
  .product-slider-arrow:hover {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none; }
  .product-slider-arrow:focus {
    outline: none; }

.radio-block {
  display: block;
  margin-bottom: 6px; }
  .radio-block:last-child {
    margin-bottom: 0; }
  .radio-block input[type=radio] {
    display: none; }
    .radio-block input[type=radio]:checked + .radio-item::before {
      background: #1a1a1d; }

.radio-item {
  display: block;
  line-height: 18px;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  margin: 0; }
  .radio-item:hover {
    cursor: pointer;
    color: #000; }
  .radio-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
    transition: background .1s ease-in-out; }

.filter-buttons {
  padding-top: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  .filter-buttons .reset-filter {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; }
    .filter-buttons .reset-filter:hover {
      cursor: pointer;
      color: #1a1a1d; }
  .filter-buttons .btn {
    width: 110px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    padding: 0; }

.sort-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  background: #f8f8f8;
  color: #555;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 15px;
  margin-bottom: 20px; }
  .sort-wrapper .sort-title {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 20px 5px 0; }
  .sort-wrapper .sort-select {
    position: relative;
    appearance: none;
    font-size: 16px;
    line-height: 18px;
    color: #555;
    font-weight: 400;
    padding: 11px 40px 11px 15px;
    border: 1px solid #fff;
    background: #fff url(../img/arrow-down.svg) no-repeat 262px center;
    transition: border-color .1s ease-in-out; }
    .sort-wrapper .sort-select:-ms-expand {
      display: none; }
    .sort-wrapper .sort-select:hover {
      cursor: pointer;
      border-color: #ddd; }
    .sort-wrapper .sort-select:focus {
      border: 1px solid #1a1a1d; }
      .sort-wrapper .sort-select:focus:hover {
        border: 1px solid #1a1a1d; }

.sort-item {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.type-item {
  height: 42px;
  line-height: 42px;
  width: 60px;
  text-align: center;
  color: #666;
  transition: background .1s ease-in-out;
  margin-left: 1px; }
  .type-item:hover, .type-item.active {
    background: #ddd;
    cursor: pointer; }

table.table-shop {
  border: none;
  font-size: 16px;
  font-weight: 300;
  position: relative;
  overflow: hidden;
  background: transparent;
  min-width: 700px; }
  table.table-shop thead tr {
    border: none; }
    table.table-shop thead tr:first-child {
      border: none; }
  table.table-shop tr {
    border-bottom: 1px solid #f1f1f1; }
    table.table-shop tr:first-child {
      border-top: 1px solid #f1f1f1; }
    table.table-shop tr:nth-of-type(even), table.table-shop tr:nth-of-type(odd) {
      background: transparent; }
  table.table-shop td,
  table.table-shop th {
    padding: 15px;
    position: relative;
    border: none;
    vertical-align: middle;
    transition: background .1s ease-in-out; }
    table.table-shop td:first-child,
    table.table-shop th:first-child {
      padding-left: 0; }
  table.table-shop .shk-count {
    border: none;
    width: 70px;
    vertical-align: middle;
    padding: 11px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background: #fafafa; }
  table.table-shop .shk_count_button {
    vertical-align: middle;
    margin: 0;
    padding: 12px;
    font-weight: 700;
    font-size: 16px; }
  table.table-shop .shk-del {
    color: #000; }
    table.table-shop .shk-del:hover {
      color: #584684; }
  table.table-shop .btn-table {
    font-size: 18px; }

.shop-cart-empty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  font-size: 15px;
  font-weight: 500;
  background: #f5f5f5; }

.table-compare .btn {
  width: 40px;
  padding: 0;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  margin: 0; }
  .table-compare .btn .fas,
  .table-compare .btn .far,
  .table-compare .btn .fab {
    margin: 0; }
  .table-compare .btn.removeCompare {
    color: #888;
    border-color: #888;
    margin-top: 5px; }
    .table-compare .btn.removeCompare:hover {
      color: #fff;
      border-color: #1a1a1d;
      background: #1a1a1d; }

.col-hover {
  position: relative;
  background: transparent;
  min-width: 160px; }
  .col-hover:hover::before {
    opacity: 1; }
  .col-hover::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 10000px;
    top: -5000px;
    left: 0;
    background: #f7f7f7;
    opacity: 0;
    transition: opacity .1s ease-in-out; }

.shop-helper {
  position: absolute;
  z-index: 99999;
  width: 190px;
  background: #fff;
  padding: 15px;
  display: none;
  box-shadow: 0 3px 10px 0 rgba(5, 6, 6, 0.26);
  text-align: center; }
  .shop-helper p {
    margin: 0; }
  .shop-helper .shop-helper-name {
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 10px; }
  .shop-helper .shs-count {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between; }
    .shop-helper .shs-count button {
      width: 34px;
      height: 34px;
      line-height: 32px;
      padding: 0; }
    .shop-helper .shs-count .shk_count_button {
      font-size: 12px;
      font-weight: 900; }
    .shop-helper .shs-count button,
    .shop-helper .shs-count input {
      display: inline-block;
      vertical-align: top;
      text-align: center; }
    .shop-helper .shs-count .input-count {
      background: #f2f2f2;
      border: 1px solid #e1e1e1;
      font-size: 16px;
      font-weight: 700;
      width: 85px;
      padding: 0; }
  .shop-helper .helper-buttons {
    display: flex;
    justify-content: space-between; }
  .shop-helper .btn {
    width: 70px;
    margin: 0;
    padding: 9px 2px;
    font-size: 14px; }

.shoporderform {
  padding-top: 30px; }
  .shoporderform .payment-label {
    font-size: 14px;
    color: #252525; }
  .shoporderform .textarea-form-group .form-control-feedback {
    top: 30px; }

.search-catalog {
  margin-left: -15px;
  padding: 15px 0 0 15px; }
  .search-catalog input[type=text],
  .search-catalog select {
    width: 100%; }

.textarea-form-group .textarea-form {
  width: 100%;
  display: block;
  padding: 9px 12px;
  padding-left: 40px; }

.comment-form {
  padding-top: 15px; }
  .comment-form input[name=captcha].form-control {
    padding-left: 12px; }
  .comment-form.form-group-feedback .has-feedback .form-control-feedback,
  .comment-form.form-group-feedback .form-group .form-control-feedback {
    top: 0;
    bottom: auto; }
  .comment-form.form-group-feedback .textarea-form-group .form-control-feedback {
    top: 25px;
    bottom: auto; }
  .comment-form #comment-editor {
    width: 100%; }

.card-main-text {
  padding-bottom: 50px; }
  .card-main-text .custom-control {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px; }

div.comments {
  overflow: visible; }

.comment-list {
  padding: 0; }
  .comment-list .ticket-comment:hover > .ticket-comment-body > .ticket-comment-header > .ticket-comment-dot-wrapper {
    display: none; }

.ticket-comment {
  box-shadow: 0 1px 8px 0 rgba(5, 5, 5, 0.08);
  background: #fff;
  padding: 20px;
  margin-bottom: 15px; }
  .ticket-comment .ticket-comment-header {
    display: flex;
    align-items: center; }
  .ticket-comment .ticket-comment-text {
    padding: 15px 0 5px; }
  .ticket-comment .ticket-comment-rating {
    float: none;
    margin-left: auto;
    display: flex;
    align-items: center; }
    .ticket-comment .ticket-comment-rating span {
      display: block;
      margin-left: 10px; }
  .ticket-comment .vote {
    transition: color .1s ease-in-out; }
    .ticket-comment .vote:hover {
      color: #1a1a1d;
      cursor: pointer; }

.jGrowl > * {
  color: #fff; }

.gallery-main {
  padding: 20px 0; }
  .gallery-main .row {
    justify-content: center; }

.gallery-photo {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 6px; }

.gallery-item {
  display: block;
  height: 190px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  position: relative; }
  .gallery-item:hover span {
    opacity: 1; }
  .gallery-item span {
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Futura PT', sans-serif;
    transition: opacity .1s ease-in-out; }
    .gallery-item span .rg {
      width: 100%;
      text-align: center;
      color: #d28e5f;
      margin-bottom: 4px;
      font-size: 20px;
      line-height: 20px; }

a.album-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: 340px;
  font-family: 'Futura PT', sans-serif;
  padding-top: 50px;
  color: #fff;
  margin-bottom: 30px; }
  a.album-item::before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .6;
    transition: opacity .1s ease-in-out; }
  a.album-item:hover {
    color: #fff; }
    a.album-item:hover::before {
      opacity: .8; }
    a.album-item:hover .album-btn {
      color: #fff; }
      a.album-item:hover .album-btn .rg {
        color: #d28e5f; }
  a.album-item .album-title {
    position: relative;
    z-index: 10;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px; }
  a.album-item .album-btn {
    position: relative;
    z-index: 10;
    margin-top: 30px;
    height: 60px;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.6);
    transition: color .1s ease-in-out, background .1s ease-in-out; }
    a.album-item .album-btn .rg {
      margin-right: 10px;
      transition: color .1s ease-in-out; }

.gallery-page-bg {
  background: #fff; }
  .gallery-page-bg .bg-title {
    color: #BDBDBD; }
    .gallery-page-bg .bg-title.active {
      color: #333; }
  .gallery-page-bg .bg-btn {
    background: #1a1a1d; }
    .gallery-page-bg .bg-btn::before {
      background: #fff; }
  .gallery-page-bg.black {
    background: #141414;
    color: #fff; }
    .gallery-page-bg.black .bg-title {
      color: #4F4F4F; }
      .gallery-page-bg.black .bg-title.active {
        color: #fff; }
    .gallery-page-bg.black .bg-btn {
      background: #333; }
      .gallery-page-bg.black .bg-btn::before {
        background: #fff; }
    .gallery-page-bg.black .page-header {
      color: #fff; }
      .gallery-page-bg.black .page-header a {
        color: #d28e5f; }
    .gallery-page-bg.black .breadcrumb .breadcrumb-item.active {
      color: #fff; }
    .gallery-page-bg.black .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      color: #fff; }
    .gallery-page-bg.black .breadcrumb a {
      color: #fff; }

.page-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px; }
  .page-header-wrapper .page-header {
    margin-bottom: 0; }

.color-bg-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .color-bg-btn .bg-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 26px; }
  .color-bg-btn .bg-btn {
    display: flex;
    align-items: center;
    width: 48px;
    height: 24px;
    border-radius: 15px;
    margin: 0 12px;
    padding: 0 4px;
    position: relative; }
    .color-bg-btn .bg-btn::before {
      content: "";
      width: 18px;
      height: 18px;
      border-radius: 50%; }
    .color-bg-btn .bg-btn.active {
      justify-content: flex-end; }
    .color-bg-btn .bg-btn:hover {
      cursor: pointer; }

.side-block {
  margin-bottom: 30px; }

.side-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  font-family: 'Futura PT', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px; }
  .side-title .rg {
    font-size: 20px;
    line-height: 20px;
    color: #1a1a1d;
    margin-right: 8px; }
  .side-title .more-link {
    display: flex;
    align-items: center;
    align-content: center;
    color: #1a1a1d;
    font-size: 18px;
    line-height: 24px;
    opacity: .4;
    font-weight: 500;
    margin-left: auto; }
    .side-title .more-link:hover {
      opacity: 1; }

.side-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none; }
  .side-menu li {
    position: relative; }
    .side-menu li:last-child {
      border-bottom: none; }
    .side-menu li.active a {
      color: #d28e5f; }
    .side-menu li:hover > a {
      color: #d28e5f; }
    .side-menu li:hover .side-dropdown-menu {
      opacity: 1;
      top: -10px;
      margin: 0; }
    .side-menu li a {
      display: block;
      padding: 5px 0;
      font-weight: 500;
      font-size: 14px;
      line-height: 22px;
      color: #4F4F4F; }

.side-dropdown-menu {
  margin: 0;
  margin-left: 15px;
  padding: 10px;
  list-style: none;
  position: absolute;
  z-index: 999;
  top: -9999px;
  left: 100%;
  width: 270px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 10px 27px 0 rgba(8, 8, 8, 0.35);
  opacity: 0;
  transition: opacity .2s ease-in-out, margin .2s ease-in-out; }
  .side-dropdown-menu::before {
    content: "";
    position: absolute;
    z-index: 10;
    left: -8px;
    top: 23px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff; }
  .side-dropdown-menu li.row-class {
    margin: 0; }
    .side-dropdown-menu li.row-class.active a {
      color: #fff;
      background: #1a1a1d; }
    .side-dropdown-menu li.row-class a {
      white-space: normal;
      font-weight: 500;
      font-size: 15px;
      line-height: 26px;
      padding: 3px 10px;
      color: #4F4F4F; }
      .side-dropdown-menu li.row-class a:hover {
        background: rgba(26, 26, 29, 0.1);
        color: #1a1a1d; }

.reviews-main,
.certificates-main {
  padding: 10px 0 40px; }
  .reviews-main .page-header,
  .certificates-main .page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px; }

  .category-main .page-header{
    display: flex;
    align-items: center;
    width: 100%;
  }
  .category-carousel-buttons{
      margin-left: auto;
  }
.category-carousel,
.reviews-carousel,
.certificates-carousel {
  margin: 0 -15px;
  position: relative; }

.category-carousel-buttons,
.reviews-carousel-buttons,
.certificates-carousel-buttons {
  display: flex;
  align-items: center; }

.category-btn,
.reviews-btn,
.certificates-btn {
  width: 48px;
  height: 48px;
  border: 2px solid #EDEDED;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  color: #1A1A1A;
  transition: color .1s ease-in-out, border-color .1s ease-in-out; }
  .category-btn:hover,
  .reviews-btn:hover,
  .certificates-btn:hover {
    border-color: #1a1a1d;
    color: #1a1a1d;
    cursor: pointer; }
  .category-btn-right,
  .reviews-btn-right,
  .certificates-btn-right {
    margin-left: 10px; }

.review-item-wrapper,
.certificate-item-wrapper {
  padding: 0 15px; }

.certificate-item {
  background: #fff;
  transition: opacity .1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center; }
  .certificate-item:hover {
    opacity: .9; }

.review-item {
  background: #f7f7f7;
  padding: 30px;
  position: relative; }
  .review-item::before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 30px;
    width: 30px;
    height: 25px;
    background: url(../img/quote.svg) no-repeat center center;
    background-size: contain; }
  .review-item-date {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #999;
    margin-bottom: 30px; }
  .review-item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 30px; }
  .review-item-footer {
    display: flex;
    align-items: center; }
  .review-item-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .review-item-descr {
    width: calc(100% - 50px);
    padding-left: 14px; }
  .review-item-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #4D4D4D; }
  .review-item-position {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #999; }

.article-main {
  padding-top: 10px; }

.article-item {
  margin-bottom: 30px; }
  .article-item .article-title {
    display: block;
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    font-family: 'Futura PT', sans-serif;
    color: #000;
    margin-bottom: 12px; }
    .article-item .article-title:hover {
      color: #d28e5f; }
  .article-item .article-img {
    display: block;
    background-color: #999;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 240px;
    margin-bottom: 12px;
    position: relative; }
    .article-item .article-img:hover .overlay {
      opacity: 1; }
    .article-item .article-img .overlay {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      opacity: 0;
      color: #fff;
      background: rgba(0, 0, 0, 0.7);
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      font-family: 'Futura PT', sans-serif;
      transition: opacity .1s ease-in-out; }
      .article-item .article-img .overlay .rg {
        margin-right: 6px; }
  .article-item .article-date {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #828282;
    margin-bottom: 4px; }
    .article-item .article-date span {
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #828282;
      margin: 0 7px; }
  .article-item .article-intro {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #4F4F4F; }

.article-page {
  max-width: 770px;
  margin: 0 auto;
  padding: 20px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333; }
  .article-page .article-date {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #828282;
    margin-bottom: 10px;
    text-align: center; }
  .article-page .page-header {
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;
    text-align: center; }
    .article-page .page-header::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 75px;
      height: 2px;
      background: #BDBDBD; }
  .article-page .intro-article {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Futura PT', sans-serif;
    text-align: center;
    margin-bottom: 25px; }
  .article-page .share-social {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #828282;
    text-align: center; }
    .article-page .share-social a {
      font-size: 20px; }
  .article-page .social-block {
    padding-top: 8px;
    justify-content: center; }

.article-page-img {
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 30px; }

.articles-wrapper {
  padding-top: 50px;
  padding-bottom: 20px;
  border-top: 1px solid #E0E0E0;
  max-width: 770px;
  margin: 0 auto; }

.media {
  margin-bottom: 10px;
  padding: 15px;
  background: #f5f5f5; }
  .media .media-img {
    display: block;
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
    width: 250px;
    margin-right: 20px; }

.img-left {
  float: left;
  margin-right: 25px; }

.media-heading {
  height: 42px;
  line-height: 40px;
  margin-bottom: 5px;
  overflow: hidden; }
  .media-heading a {
    display: inline-block;
    vertical-align: bottom;
    line-height: 20px;
    color: #000; }
    .media-heading a:hover {
      color: #1a1a1d; }

.media-intro {
  color: #8c8c8c;
  height: 60px;
  line-height: 20px;
  margin-bottom: 10px;
  overflow: hidden; }

.media-bottom-content {
  border-top: 1px solid #c0c0c0;
  padding-top: 15px; }

.media-link {
  float: right;
  font-size: 14px;
  font-weight: 500; }
  .media-link a {
    color: #aaa; }
    .media-link a:hover {
      color: #1a1a1d; }

.media-date {
  font-size: 14px;
  color: #aaa;
  font-weight: 500; }

.news-item {
  margin-bottom: 20px; }
  .news-item .news-title {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Futura PT', sans-serif;
    color: #000;
    margin-bottom: 4px; }
    .news-item .news-title:hover {
      color: #d28e5f; }
  .news-item .news-img {
    display: block;
    background-color: #999;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 130px;
    margin-bottom: 12px;
    position: relative; }
  .news-item .news-date {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #828282; }
    .news-item .news-date span {
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #828282;
      margin: 0 7px; }
  .news-item .news-intro {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300; }

.news-page-img {
  position: relative;
  height: 340px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
  margin-bottom: 40px; }
  .news-page-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .6; }
  .news-page-img .back-btn {
    margin-bottom: auto;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Futura PT', sans-serif;
    color: #fff;
    opacity: .6; }
    .news-page-img .back-btn:hover {
      color: #d28e5f; }
    .news-page-img .back-btn .rg {
      margin-right: 6px;
      font-size: 14px; }
  .news-page-img .page-header {
    position: relative;
    z-index: 10;
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
    margin: 0;
    font-family: 'Futura PT', sans-serif; }
  .news-page-img .news-date {
    position: relative;
    z-index: 10;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    opacity: .6;
    margin-bottom: 4px; }

.intro-news {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  font-family: 'Futura PT', sans-serif;
  padding-left: 20px;
  border-left: 3px solid #1a1a1d;
  margin-bottom: 40px; }

.basicnav-block {
  padding-top: 15px;
  display: flex;
  justify-content: space-between; }
  .basicnav-block .btn {
    margin-bottom: 5px; }
  .basicnav-block .btn-left {
    padding-left: 20px; }
    .basicnav-block .btn-left .fas {
      margin: 0;
      margin-right: 5px; }
  .basicnav-block .btn-right {
    padding-right: 20px; }
    .basicnav-block .btn-right .fas {
      margin: 0;
      margin-left: 5px; }

.news-main {
  padding: 30px 0; }
  .news-main.news-main-inner {
    padding: 20px 0; }
  .news-main .btn-landing-wrapper {
    padding-top: 10px; }
  .news-main .row {
    justify-content: center; }

.contacts-wrapper {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  font-family: 'Futura PT', sans-serif; }
  .contacts-wrapper p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px; }
  .contacts-wrapper .bold-text {
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #828282;
    margin-bottom: 2px; }
  .contacts-wrapper a {
    color: #000; }
    .contacts-wrapper a:hover {
      color: #d28e5f; }
  .contacts-wrapper .rg {
    width: 20px;
    margin-right: 10px;
    font-size: 20px;
    color: #d28e5f; }

.form-contacts .form-control {
  border: none;
  border-bottom: 1px solid #E0E0E0; }
  .form-contacts .form-control:focus {
    box-shadow: none;
    border-bottom-color: #1a1a1d; }

.form-contacts .btn {
  width: 100%;
  text-align: center;
  justify-content: center; }

.form-contacts small {
  display: block;
  padding-top: 18px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #828282; }

.footer-main {
  flex: 0 0 auto;
  background: #fff;
  padding: 40px 0;
  border-top: 1px solid #E0E0E0;
  overflow: hidden; }
  .footer-main.active {
    position: relative; }
    .footer-main.active::before {
      content: "";
      position: absolute;
      z-index: 90;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #000;
      opacity: .2; }
  .footer-main .slogan {
    margin: 0;
    margin-top: 8px; }

.social-block {
  display: flex;
  align-items: center;
  margin-bottom: 30px; }
  .social-block a {
    display: block;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    color: #1a1a1d;
    margin-right: 12px; }
    .social-block a:hover {
      color: #d28e5f; }
    .social-block a:last-child {
      margin-right: 0; }

.socials-links {
  display: flex;
  align-items: center;
  margin-bottom: 30px; }

.social-item {
  width: 50px;
  height: 50px;
  background: #f5f6fa;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  font-size: 20px;
  line-height: 20px;
  color: #1a1a1d;
  transition: background .1s ease-in-out, color .1s ease-in-out; }
  .social-item:last-child {
    margin-right: 0; }
  .social-item:hover {
    background: #1a1a1d;
    color: #fff; }
  .social-item--vk:hover {
    background: #4C75A3; }
  .social-item--facebook:hover {
    background: #3B5999; }
  .social-item--youtube:hover {
    background: #FF0000; }
  .social-item--instagram:hover {
    background: #e13e66; }
  .social-item--odnoklassniki:hover {
    background: #ee8208; }

.footer-contacts {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  padding-top: 24px;
  padding-bottom: 30px; }
  .footer-contacts .bold-text {
    display: none; }
  .footer-contacts p {
    display: flex;
    align-items: center;
    margin-bottom: 12px; }
    .footer-contacts p:last-child {
      margin-bottom: 0; }
  .footer-contacts .rg {
    margin-right: 14px;
    color: #1a1a1d;
    font-size: 20px; }
  .footer-contacts a {
    display: flex;
    align-items: center;
    color: #000; }
    .footer-contacts a:hover {
      color: #1a1a1d; }

.footer-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Futura PT', sans-serif;
  margin-bottom: 14px;
  color: #000; }

.footer-menu {
  margin: 0;
  padding: 0;
  list-style: none; }
  .footer-menu li.active a {
    color: #d28e5f; }
  .footer-menu a {
    display: inline-block;
    padding: 3px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #828282; }
    .footer-menu a:hover {
      color: #1a1a1d; }

.svg-img path {
  -webkit-filter: none;
  filter: none;
  fill: #1a1a1d; }

.footer-right-wrapper {
  position: relative; }
  .footer-right-wrapper::before {
    content: '';
    position: absolute;
    left: -1px;
    top: -50px;
    bottom: -50px;
    width: 1px;
    background: #E0E0E0; }

.footer-right-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-left: 30px; }

.footer-links {
  margin-top: auto;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.dits-news-form {
  margin-bottom: 20px; }
  .dits-news-form .dits-news-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 12px;
    color: #000;
    font-family: 'Futura PT', sans-serif; }
  .dits-news-form .dits-news-info {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #828282;
    margin-bottom: 28px; }
  .dits-news-form .input-group {
    align-items: center;
    border-bottom: 1px solid #E0E0E0; }
  .dits-news-form .form-control {
    border: none;
    box-shadow: none;
    padding: 9px 0; }
    .dits-news-form .form-control:focus {
      outline: none;
      box-shadow: none;
      border: none; }
  .dits-news-form button {
    display: flex;
    align-items: center;
    height: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    color: #000;
    font-size: 0;
    padding: 10px;
    padding-right: 0; }
    .dits-news-form button .rg {
      font-size: 16px;
      line-height: 16px; }
    .dits-news-form button:hover {
      color: #d28e5f; }

.banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: 350px;
  padding-top: 50px;
  color: #fff; }
  .banner-wrapper:hover {
    color: #fff; }
    .banner-wrapper:hover::before {
      opacity: .8; }
  .banner-wrapper::before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .6;
    transition: opacity .1s ease-in-out; }
  .banner-wrapper .banner-title {
    position: relative;
    z-index: 10;
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    font-family: 'Futura PT', sans-serif;
    margin-bottom: 12px;
    text-align: center;
    padding: 0 20px; }
  .banner-wrapper .banner-info {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 0 20px; }
  .banner-wrapper .banner-btn {
    font-family: 'Futura PT', sans-serif;
    background: #1a1a1d;
    color: #fff;
    position: relative;
    z-index: 10;
    margin-top: auto;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    transition: color .1s ease-in-out, background .1s ease-in-out; }
    .banner-wrapper .banner-btn .rg {
      margin-right: 10px;
      color: #d28e5f;
      transition: color .1s ease-in-out; }
    .banner-wrapper .banner-btn:hover {
      background: #d28e5f;
      color: #1a1a1d; }
      .banner-wrapper .banner-btn:hover .rg {
        color: #1a1a1d; }

.advantages-main {
  padding: 20px 0; }
  .advantages-main .row {
    justify-content: center; }
  .advantages-main .page-header {
    margin-bottom: 30px; }

.advantage-item {
  margin-bottom: 30px; }
  .advantage-item .advantage-img {
    width: 100px;
    height: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 15px; }
  .advantage-item .advantage-title {
    font-weight: 700;
    font-family: 'Futura PT', sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px; }
  .advantage-item .advantage-info {
    color: #444;
    font-size: 13px;
    line-height: 18px; }

.stock-main {
  padding: 20px 0; }
  .stock-main-item {
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
    min-height: 400px;
    padding: 40px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .stock-main-item::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #000;
      opacity: .5; }
  .stock-main-content {
    position: relative;
    z-index: 10; }
  .stock-main-title {
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
    font-weight: 700; }
  .stock-main-intro {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    display: grid;
    border-radius: 30px;
    margin-bottom: 30px; }
  .stock-main-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    background: rgba(210, 142, 95, 0.1);
    color: #d28e5f;
    font-family: 'Futura PT', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    max-width: 146px; }
    .stock-main-link .rg {
      padding-right: 10px; }
    .stock-main-link:hover {
      background: rgba(26, 26, 29, 0.1); }

.form-main {
  padding: 80px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #fff; }
  .form-main::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .5; }
  .form-main .row {
    align-items: center;
    position: relative;
    z-index: 10; }
  .form-main .page-header {
    color: #fff;
    font-size: 42px;
    line-height: 48px; }

.section-form-wrapper {
  padding: 50px;
  background: rgba(255, 255, 255, 0.9); }
  .section-form-wrapper .form-control {
    background: transparent; }

.category-item-wrapper{
    padding: 0 15px;
}

.category-carousel{
    margin: 0 -15px;
}