@charset "UTF-8";
@font-face {
  font-family: "katy-paty";
  src: url("../fonts/katy-paty.eot");
  src: url("../fonts/katy-paty.eot?#iefix") format("embedded-opentype"), url("../fonts/katy-paty.woff") format("woff"), url("../fonts/katy-paty.ttf") format("truetype"), url("../fonts/katy-paty.svg#katy-paty") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "katy-paty" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-super-1:before {
  content: "\61";
}

.icon-super-3:before {
  content: "\62";
}

.icon-super-4:before {
  content: "\63";
}

.icon-mail:before {
  content: "\64";
}

.icon-call:before {
  content: "\65";
}

.icon-to-cart:before {
  content: "\66";
}

.icon-super-2:before {
  content: "\67";
}

.icon-user-shape:before {
  content: "\68";
}

.icon-case:before {
  content: "\69";
}

.icon-down-arrow:before {
  content: "\6a";
}

.icon-left-arrow:before {
  content: "\6b";
}

.icon-right-arrow:before {
  content: "\6c";
}

body {
  font-family: Verdana;
  line-height: 1.3;
  color: #000;
}

a {
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover {
  color: #c0a170;
}

a:focus {
  color: #fff;
  text-decoration: none;
}
a.under {  
	text-decoration: underline;
}
h1,
.h1 {
  font-size: 14px;
}

h2 {
  font-size: 10px;
}

.btn-main {
  background: #fff;
  padding: 20px 5px;
  display: inline-block;
  text-transform: uppercase;
  color: #c0a170;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
/*  -webkit-border-radius: 5px;
          border-radius: 5px;*/
  -webkit-box-shadow: 2px 3px 0 #998564;
          box-shadow: 2px 3px 0 #998564;
  position: relative;
  z-index: 1;
  text-align: center;
}

.btn-main:hover {
  text-decoration: none;
  -webkit-box-shadow: 2px 3px 0 #998564, inset 0 0 150px rgba(153, 133, 100, 0.2);
          box-shadow: 2px 3px 0 #998564, inset 0 0 150px rgba(153, 133, 100, 0.2);
}

.btn-main:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -65px;
  z-index: 2;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #c0a170;
  opacity: 0.2;
}

.btn-main span {
  z-index: 3;
  position: relative;
}

.btn-main-2 {
  background: #c0a170;
  padding: 15px 60px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*-webkit-border-radius: 5px;
          border-radius: 5px;*/
  -webkit-box-shadow: 2px 3px 0 #998564;
          box-shadow: 2px 3px 0 #998564;
  position: relative;
  z-index: 1;
  text-align: center;
}

.btn-main-2:hover {
  text-decoration: none;
  -webkit-box-shadow: 2px 3px 0 #998564;
          box-shadow: 2px 3px 0 #998564;
  background: #cfaf7b;
  color: #fff;
}

.btn-main-2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100px;
  margin: -22.5px 0 0 -65px;
  z-index: 2;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #fff;
  opacity: 0.2;
}

.btn-main-2 span {
  z-index: 3;
  position: relative;
}

.btn-accent {
  border: none;
  background: #fff;
  padding: 20px 5px 20px 30px;
  display: inline-block;
  text-transform: uppercase;
  background: #c0a170;
  color: #fff;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*-webkit-border-radius: 5px;
          border-radius: 5px;*/
  -webkit-box-shadow: 2px 3px 0 #998564;
          box-shadow: 2px 3px 0 #998564;
  position: relative;
  z-index: 1;
  text-align: center;
}

.btn-accent:hover {
  text-decoration: none;
  -webkit-box-shadow: 2px 3px 0 #998564, inset 0 0 150px rgba(255, 255, 255, 0.3);
          box-shadow: 2px 3px 0 #998564, inset 0 0 150px rgba(255, 255, 255, 0.3);
  color: #fff;
}

.btn-accent:before {
  font-family: "katy-paty";
  content: '\65';
  text-transform: none;
  position: absolute;
  top: 50%;
  left: 10px;
  margin: -20px 0 0 0;
  z-index: 2;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  line-height: 40px;
  font-weight: normal;
  font-size: 12px;
}

.btn-accent span {
  z-index: 3;
  position: relative;
}

.mobile-header,
.navButtonMobile {
  display: none;
}

.video {
  display: inline-block;
  width: 100%;
  height: 750px;
  position: relative;
  overflow: hidden;
}

.video video {
  position: absolute;
  width: 100%;
  height: 750px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.video:before {
  z-index: 2;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 300px #000;
          box-shadow: inset 0 0 300px #000;
}

.video .container {
  position: relative;
  z-index: 3;
  height: 750px;
}

.headerRight {
  padding: 35px 0;
  display: inline-block;
  width: 100%;
  text-align: right;
}

.tel {
  font-size: 15px;
  display: inline-block;
  width: 100%;
  color: #f9f9f6;
  position: relative;
}

.tel:before {
  font-family: "katy-paty";
  content: "\65";
  position: absolute;
  left: 0;
  font-weight: normal;
  color: #c0a170;
  margin: 0 0 0 -15px;
}

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

.subTel {
  color: #c9c9c9;
  font-size: 13px;
}

.mail {
  font-size: 15px;
  padding-top: 10px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  position: relative;
}

.mail:before {
  font-family: "katy-paty";
  content: "\64";
  position: absolute;
  font-weight: normal;
  left: 0;
  color: #c0a170;
  margin: 0 0 0 -10px;
  text-transform: none;
}

.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 60px 0 0 0;
  width: 100%;
}

.nav a {
  display: inline-block;
  margin: 0 7px;
  padding: 10px 0.5px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.nav a:after {
  content: '';
  position: absolute;
  bottom: 10px;
  width: 0;
  height: 1px;
  background: #c0a170;
  left: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.nav a:hover {
  text-decoration: none;
  color: #fff;
}

.nav a:hover:after {
  width: 100%;
}

a.btn-nav {
  border: 1px solid #c0a170;
  padding: 10px 12px;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.btn-nav:before {
  font-family: "katy-paty";
  content: "\66";
  text-transform: none;
  padding-right: 10px;
}

a.btn-nav:after {
  display: none;
}

a.btn-nav:hover {
  background: #c0a170;
}

.headerContent {
  display: inline-block;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 30px 30px 15px 30px;
  margin: 100px 0 0 0;
/*  -webkit-border-radius: 10px;
          border-radius: 10px;*/
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}

.headerContent h1 {
  font-size: 48px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.headerContent h1 span {
  display: inline-block;
  width: 100%;
  font-size: 40px;
  font-weight: normal;
  padding-top: 15px;
}

.buttonGroup {
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 15px 0 0 0;
  padding: 15px;
}

.buttonGroup .btn-main,
.buttonGroup .btn-accent {
  width: 98%;
  position: absolute;
}

.buttonGroup .btn-main {
  left: 0;
}

.buttonGroup .btn-accent {
  right: 0;
}

.headerStok {
  position: absolute;
  width: 600px;
  height: 600px;
  line-height: 450px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  bottom: 30px;
  left: 50%;
  margin: 0 0 -350px -300px;
}

.headerStok a {
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding-bottom: 5px;
  border-bottom: 2px dashed rgba(255, 255, 255, 0.6);
}

.headerStok a:hover {
  text-decoration: none;
  color: #fff;
  border-bottom-color: #fff;
}

.headerStok a:after {
  font-family: "katy-paty";
  content: "\6a";
  text-transform: none;
  padding-left: 5px;
  top: 0;
  margin: 5px 0 0 0;
  font-size: 14px;
}

.modal-content {
  padding: 20px 15px;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  border: none;
}

.modal-content .zag {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 30px;
  text-align: center;
}

.modal-content .close {
  color: red;
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 0.7;
}

.modal-content .close:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.modal-content .input-group {
  width: 100%;
}

.modal-content .input-group input {
  height: 42px;
  border-left: none;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  font-size: 16px;
  padding-left: 10px;
}

.modal-content .input-group input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #ccc;
}

.modal-content .input-group textarea {
  -webkit-border-radius: 10px !important;
          border-radius: 10px !important;
  height: 80px;
  font-size: 16px;
  color: #a2a2a2;
}

.modal-content .input-group-addon {
  background-color: #fff;
  -webkit-border-radius: 10px 0 0 10px;
          border-radius: 10px 0 0 10px;
  padding: 10px 0 10px 15px;
}

.modal-content .input-group-addon [class^="icon-"]:before {
  font-size: 16px;
  color: #e6d9c6;
}

.modal-content .checked {
  text-align: center;
  padding-top: 15px;
}

.modal-content .checked label {
  font-weight: normal;
}

.modal-content .checked a {
  color: #c0a170;
  text-decoration: underline;
}

.modal-content .checked a:hover {
  color: #000;
}

.bx-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 1;
}

.bx-wrapper .bx-loading {
  background: none;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  z-index: 1;
  background: none;
  height: 50px !important;
  width: 50px !important;
  position: relative;
  coolor: #fff;
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:focus {
  color: #fff;
}

.bx-wrapper .bx-prev:before,
.bx-wrapper .bx-next:before {
  font-family: "katy-paty";
  text-indent: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  line-height: 50px;
  text-align: center;
  font-size: 45px;
}

.bx-wrapper .bx-prev:before {
  content: "\6b";
}

.bx-wrapper .bx-next:before {
  content: "\6c";
}

.homeSlider {
  padding-top: 30px;
  margin: 15px 0 0 0;
  border-top: 3px dashed #efe5d6;
}

.homeSlider .bx-wrapper {
  border: 2px solid #caaa78;
}

.homeSlider .bx-wrapper .bx-prev,
.homeSlider .bx-wrapper .bx-next {
  margin-top: -40px;
}

.homeSlider .bx-wrapper .bx-pager {
  bottom: 25px;
}

.homeSlider .bx-wrapper .bx-pager.bx-default-pager a {
  width: 15px;
  height: 15px;
  background: none;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 2px solid #fff;
}

.homeSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #c0a170;
  border-color: #c0a170;
}

.homeSlider .slide {
  position: relative;
  height: 560px;
}

.homeSlider .slide .description {
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6) url(../images/logo-bg.png) bottom -50px right -50px no-repeat;
  min-height: 300px;
  position: absolute;
  color: #fff;
  padding: 20px 90px;
}

.homeSlider .slide .description .zag {
  font-size: 42px;
  font-weight: bold;
}

.homeSlider .slide .description .text {
  font-size: 16px;
  width: 100%;
  display: inline-block;
  padding: 15px 0px 30px 0;
  line-height: 1.5;
}

.number {
  position: absolute;
  font-size: 90px;
  font-weight: bold;
  color: #dedede;
}

.subtitle {
  min-height: 100%;
  line-height: 1;
  position: relative;
}

.subtitle h2,
.subtitle h3 {
  white-space: pre;
  font-size: 40px;
  font-weight: bold;
  color: #ece3d4;
  position: absolute;
  text-transform: lowercase;
}

.subtitle h2:before,
.subtitle h3:before {
  content: '';
  height: 4px;
  width: 40px;
  background: #ece3d4;
  position: absolute;
  top: 55%;
  left: -50px;
}

.moveNumberRight {
  padding: 90px 0 0 0;
}

.moveNumberRight .subtitle h2,
.moveNumberRight .subtitle h3 {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: right top 0;
      -ms-transform-origin: right top 0;
          transform-origin: right top 0;
  top: -20px;
  right: 65px;
  float: right;
}

.moveNumberRight .container {
  position: relative;
}

.moveNumberRight .number {
  top: 0;
  right: 15px;
  margin-top: -75px;
  z-index: -1;
}

.moveNumberLeft {
  padding: 90px 0 0 0;
}

.moveNumberLeft .subtitle h2,
.moveNumberLeft .subtitle h3 {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: right top 0;
      -ms-transform-origin: right top 0;
          transform-origin: right top 0;
  top: -20px;
  right: 50px;
  float: right;
}

.moveNumberLeft .number {
  top: 0;
  left: 15px;
  margin-top: -75px;
  z-index: -1;
}

.moveNumberLeft .container {
  position: relative;
}

.bgAccent {
  background: #fff;
  border: 2px solid #c0a170;
  padding: 60px 90px;
}

.bgAccent p {
  font-size: 16px;
  line-height: 1.5;
}

.bgAccent .btn-main-2 {
  margin: 30px 0 0 0;
}

.bgAccent_logoBg {
  background: #fff url(../images/logo-bg_darck.png) bottom -70px left -50px no-repeat;
}

.catalogList {
  padding: 30px 0;
}

.catalogList .btn-accent_move-shop {
  margin: 30px 0 0 0;
  padding: 20px 40px 20px 80px;
}

.catalogList .btn-accent_move-shop:before {
  content: "\66";
  left: 50%;
  margin: -20px 0 0 -145px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.goodsItem {
  display: inline-block;
  width: 100%;
  text-align: center;
  border: 1px solid #fff;
  padding: 15px;
  color: #000;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 15px 0;
}

.goodsItem:hover {
  color: #000;
  border: 1px solid #c0a170;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.goodsItem__name {
  font-size: 24px;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
}

.goodsItem__category {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  text-transform: uppercase;
  padding: 5px 0 10px 0;
  height: 45px
}

.goodsItem__img {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}

.goodsItem__img img {
  width: 100%;
  max-width: 130px;
}

.goodsItem__prise {
  display: inline-block;
  width: 100%;
  padding: 15px 0 0 0;
  font-size: 20px;
}

.colorConfigurator {
  padding: 0 0 30px 0;
}

.colorConfigurator .leftСontent h3 {
  font-size: 34px;
  font-weight: bold;
  padding: 0 0 30px 0;
  margin: 0;
}

.colorConfigurator .leftСontent p {
  margin: 30px 0 0 0;
  line-height: 1.5;
}

.colorConfigurator .leftСontent .btn-color {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  padding: 15px 30px;
  border: 1px solid #c0a170;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.colorConfigurator .leftСontent .btn-color:hover {
  background: #c0a170;
  text-decoration: none;
  color: #fff;
}

.colorConfigurator .bgAccent {
  padding: 80px 10px 80px 80px;
}

.colorConfiguratorGif {
  width: 100%;
  padding: 120px 0 0 0;
}

.colorConfiguratorGif img {
  width: 100%;
  max-width: 500px;
}

.discounts {
  background: url(../images/discounts.jpg) top center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.discounts:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 50%;
  background: rgba(149, 125, 86, 0.9);
  right: -100px;
}

.discounts .container {
  position: relative;
  z-index: 2;
}

.discounts h3 {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.4;
  padding: 30px 0 0 0;
}

.discounts .description {
  font-size: 16px;
  padding: 15px 0 60px 0;
}

.discountsForm {
  display: inline-block;
  width: 100%;
  padding: 40px;
}

.discountsForm_noPadding {
  padding: 0;
}

.discountsForm .input-group input {
  height: 60px;
  border-left: none;
  /*-webkit-border-radius: 10px;
          border-radius: 10px;*/
  font-size: 16px;
}

.discountsForm .input-group input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #ccc;
}

.discountsForm .input-group-addon {
  background-color: #fff;
  /*-webkit-border-radius: 10px 0 0 10px;
          border-radius: 10px 0 0 10px;*/
  padding: 15px 0 15px 15px;
}

.discountsForm .input-group-addon [class^="icon-"]:before {
  font-size: 24px;
  color: #e6d9c6;
}

.discountsForm .btn-main_black {
  width: 100%;
  background: #000;
  border: none;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
 /* -webkit-border-radius: 10px;
          border-radius: 10px;*/
}

.discountsForm .btn-main_black:hover {
  background: #333333;
}

.discountsForm .btn-main_black:before {
  border: 1px solid white;
  margin: -20px 0 0 -105px;
}

.super {
  padding: 0 0 30px 0;
  border-bottom: 3px dashed #efe5d6;
  margin-bottom: 15px;
}
.form-control{
  border-radius: 0;
}
.input-group-addon{
  border-radius: 0px;
}

.super .description {
  text-align: center;
  font-size: 20px;
  padding: 20px 0 0 0;
}

.superItem {
  display: inline-block;
  width: 100%;
  padding: 15px;
}

.superItem_margin {
  margin-top: 30px;
}

.superItem__icon {
  width: 120px;
  height: 120px;
  background: #f7f2eb;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: relative;
}

.superItem__icon:before {
  font-family: "katy-paty";
  font-size: 80px;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 5px;
  color: #c0a170;
}

.superItem__icon_1:before {
  content: "\61";
}

.superItem__icon_2:before {
  content: "\67";
}

.superItem__icon_3:before {
  content: "\62";
}

.superItem__icon_3:after {
  position: absolute;
  content: '90';
  bottom: 20px;
  left: -15px;
  text-align: center;
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  color: #c0a170;
}

.superItem__icon_4:before {
  content: "\63";
}

.superItem__title {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  padding-top: 15px;
  font-size: 18px;
}

.superItem__description {
  display: inline-block;
  width: 100%;
  padding-top: 15px;
  font-size: 16px;
  line-height: 1.5;
}

.btn-accent_biznes {
  margin-top: 40px;
  padding: 20px 40px 20px 70px;
}

.btn-accent_biznes:before {
  content: "\69";
  left: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.AskQuestion {
  background: url(../images/bottomBg.jpg) top center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 40px 0;
  color: #fff;
}

.AskQuestion h3 {
  font-size: 42px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.AskQuestion .description {
  font-size: 20px;
  line-height: 1.5;
  padding-top: 30px;
}

.row_margin {
  margin: 0 -5px;
}

.row_margin [class*='col-'] {
  padding: 0 5px;
}

footer {
  background: #212121;
  padding: 30px 0 0 0;
  overflow: hidden;
  color: #fff;
}

footer .bottom {
  background: #0c0c0c;
  width: 100%;
  padding: 15px 0;
  margin-top: 30px;
}

footer .bottom p {
  padding: 5px 0 0 0;
  margin: 0;
  color: #d4d4d1;
}

.footerItem {
  display: inline-block;
  width: 100%;
}

.footerItem__title {
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
}

.footerItem__description {
  font-weight: bold;
  display: inline-block;
  width: 100%;
  padding-top: 15px;
  font-size: 16px;
}

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

.madein {
  background: url(../images/madeinintrid.png);
  width: 140px;
  height: 30px;
  display: inline-block;
  text-align: right;
  font-size: 12px;
  padding: 0 10px 0 0;
  line-height: 25px;
  float: right;
}

.madein a {
  color: #000;
}

.madein a:hover {
  color: #fff;
  text-decoration: none;
}

.social__link {
  float: left;
  margin: 20px 10px 10px 0;
  background: #FFF;
}

.social__ico {
  display: block;
  width: 30px;
}

.toTop{
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #c0a170;
  background: rgba(255,255,255,0.8);
  z-index: 9;
  cursor: pointer;
  transition: all 0.3s;
  opacity: 0;
}
.toTop:before{
  font-family: "katy-paty";
  content: "\6c";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #c0a170;
  font-size: 30px;
  text-align: center;
  line-height: 55px;
  transform: rotate(-90deg);
  transition: all 0.3s;
}
.toTop:hover{
  background: #c0a170
}

.toTop:hover:before{
  color: #fff;
}

/*Effects*/
@media (min-width: 767px){
  .buttonGroup .btn-main,
  .buttonGroup .btn-accent{
    transform: scale(0);
    transition: all 0.3s;
  }

  .moveNumberRight .number,
  .moveNumberLeft .number{
    margin-top: 0;
    transition: all 0.6s;
  }

  .moveNumberRight .subtitle h2,
  .moveNumberRight .subtitle h3,
  .moveNumberLeft .subtitle h2,
  .moveNumberLeft .subtitle h3{
    top: 100px;
    opacity: 0;
    transition: all 0.6s;
  }

  .goodsItem{
    transition: all 0.3s;
    transform: translate(-150px, 0) scale(1.1);
    opacity: 0;
  }

  .superItem{
    transition: all 0.3s;
    opacity: 0;
  }

  .superItem__icon{
    transition: all 0.3s;
    transform: scale(0);
  }

  .superItem__title,
  .superItem__description{
    transition: all 0.3s;
    transform: translate(0,100px);
  }

  .btn-accent_move-shop,
  .colorConfigurator .btn-main-2,
  .discounts .btn-main_black{
    transition: all 0.3s;
    transform: scale(0);
  }
}

@media (min-width: 980px) and (max-width: 1200px) {
  .btn-nav span {
    display: none;
  }
  .tel,
  .mail {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .video {
    background: url(../images/headerBgMd.jpg) top center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    height: auto;
  }
  .video:before {
    display: none;
  }
  .video .container {
    z-index: auto;
    height: auto;
  }
  .mobile-header {
    height: 70px;
    background: rgba(0, 0, 0, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    z-index: 4;
  }
  .nav {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 8;
    display: inline-block;
    border-top: 1px solid #ccc;
    padding: 15px;
    left: -100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .nav a {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    padding: 20px 0;
  }
  .nav a:after {
    display: none;
  }
  .nav .btn-nav {
    border: none;
    color: #c0a170;
  }
  .nav.active {
    left: 0;
  }
  header {
    padding-top: 70px;
  }
  .tel {
    position: fixed;
    width: auto;
    top: 15px;
    z-index: 5;
    color: #fff;
    right: 15px;
  }
  .tel:before {
    margin: 0 0 0 -20px;
  }
  .subTel {
    position: fixed;
    top: 35px;
    z-index: 5;
    width: auto;
    right: 15px;
  }
  .navButtonMobile {
    display: block;
    top: 0;
    left: 15px;
    width: 50px;
    height: 70px;
    position: fixed;
    z-index: 6;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
  }
  .navButtonMobile .text {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 5px 0 0 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    left: 0;
    top: 0;
  }
  .navButtonMobile span:before, .navButtonMobile span:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin: -2px 0 0 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 1px;
            border-radius: 1px;
  }
  .navButtonMobile span:before {
    margin-top: -6px;
  }
  .navButtonMobile span:after {
    margin-top: 6px;
  }
  .navButtonMobile.active span:before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: -1px;
    background: rgba(255, 0, 0, 0.7);
  }
  .navButtonMobile.active span:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    margin-top: -1px;
    background: rgba(255, 0, 0, 0.7);
  }
  .navButtonMobile.active .text {
    top: -100%;
  }
  .headerRight {
    padding: 0;
  }
  .headerContent {
    margin: 0;
    background: none;
    padding: 130px 0 0 0;
  }
  .headerContent h1 {
    font-size: 38px;
  }
  .headerContent h1 span {
    font-size: 30px;
  }
  .buttonGroup {
    margin: 30px 0 0 0;
  }
  .buttonGroup .btn-accent,
  .buttonGroup .btn-main {
    position: relative;
  }
  .headerStok {
    position: relative;
    width: 100%;
    height: auto;
    border: none;
    left: 0;
    margin: 0 !important;
    -webkit-border-radius: 0;
            border-radius: 0;
    line-height: 1.2;
    bottom: auto;
    padding: 150px 0 30px 0;
  }
  .moveNumberRight .number,
  .moveNumberLeft .number {
    display: none;
  }
  .moveNumberRight,
  .moveNumberLeft {
    margin: 0;
    padding: 30px 0 0 0;
  }
  .moveNumberRight .subtitle h2,
  .moveNumberRight .subtitle h3,
  .moveNumberLeft .subtitle h2,
  .moveNumberLeft .subtitle h3 {
    position: relative;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: right top 0;
        -ms-transform-origin: right top 0;
            transform-origin: right top 0;
    top: auto;
    right: auto;
    float: none;
    text-transform: none;
    padding: 0 0 0 50px;
    margin: 0 0 30px 0;
    color: #c0a170;
  }
  .moveNumberRight .subtitle h2:before,
  .moveNumberRight .subtitle h3:before,
  .moveNumberLeft .subtitle h2:before,
  .moveNumberLeft .subtitle h3:before {
    left: 0;
    background: #c0a170;
  }
  .homeSlider .slide .description .zag {
    font-size: 38px;
  }
  .homeSlider .slide .description .text {
    font-size: 16px;
  }
  .homeSlider .bx-wrapper .bx-pager {
    bottom: -40px;
  }
  .homeSlider .bx-wrapper .bx-pager.bx-default-pager a {
    border: 2px solid #ccc;
  }
  .catalog .subtitle {
    padding: 30px 0 0 0;
  }
  .bgAccent {
    padding: 30px;
  }
  .colorConfigurator .bgAccent {
    padding: 30px;
    border: none;
  }
  .colorConfigurator .leftСontent {
    text-align: center;
  }
  .colorConfigurator .leftСontent h3 {
    display: none;
  }
  .colorConfigurator .leftСontent p {
    padding: 0;
    margin: 0;
  }
  .colorConfiguratorGif {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 30px 0 0 0;
  }
  .discounts:before {
    display: none;
  }
  .discounts h3 {
    font-size: 22px;
    text-align: center;
    padding: 15px 0 0 0;
  }
  .discounts h3 br {
    display: none;
  }
  .discounts .description {
    font-size: 16px;
    text-align: center;
    padding: 0;
  }
  .discounts .description p br {
    display: none;
  }
  .discountsForm {
    background: rgba(192, 161, 112, 0.85);
  }
  .superItem {
    margin: 0;
    height: 360px;
  }
  .AskQuestion {
    text-align: center;
    padding: 15px 0;
  }
  .AskQuestion h3 {
    font-size: 38px;
  }
  .AskQuestion .description {
    font-size: 16px;
    padding: 0 0 15px 0;
  }
  .AskQuestion .description br {
    display: none;
  }
  .logo,
  .mail {
    display: none;
  }
  .footerItem__description {
    padding: 5px 0 0 0;
  }
  .footerItem__description p {
    margin: 0;
  }
  .footerItem__title {
    padding: 15px 0 0 0;
  }
  footer {
    padding: 15px 0 0 0;
  }
  footer .bottom {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .video {
    background: url(../images/headerBgMd.jpg) top center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    height: auto;
  }
  .video:before {
    display: none;
  }
  .video .container {
    z-index: auto;
    height: auto;
  }
  .logo,
  .mail {
    display: none;
  }
  .mobile-header {
    height: 60px;
    background: rgba(0, 0, 0, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    z-index: 4;
  }
  .mobile-header img {
    width: 50px;
  }
  .nav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 8;
    display: inline-block;
    border-top: 1px solid #ccc;
    padding: 15px;
    left: -100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .nav a {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    padding: 15px 0;
  }
  .nav a:after {
    display: none;
  }
  .nav .btn-nav {
    border: none;
    color: #c0a170;
  }
  .nav.active {
    left: 0;
  }
  header {
    padding-top: 60px;
  }
  .navButtonMobile {
    display: block;
    top: 5px;
    left: 15px;
    width: 45px;
    height: 60px;
    position: fixed;
    z-index: 6;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
  }
  .navButtonMobile .text {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 5px 0 0 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    left: 0;
    top: -5px;
  }
  .navButtonMobile span:before, .navButtonMobile span:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin: -2px 0 0 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 1px;
            border-radius: 1px;
  }
  .navButtonMobile span:before {
    margin-top: -6px;
  }
  .navButtonMobile span:after {
    margin-top: 6px;
  }
  .navButtonMobile.active span:before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: -1px;
    background: rgba(255, 0, 0, 0.7);
  }
  .navButtonMobile.active span:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    margin-top: -1px;
    background: rgba(255, 0, 0, 0.7);
  }
  .navButtonMobile.active .text {
    top: -100%;
  }
  .headerRight {
    padding: 0;
  }
  .tel {
    position: fixed;
    width: auto;
    top: 15px;
    z-index: 5;
    color: #fff;
    right: -160px;
    width: 160px;
    border: 1px solid #fff;
  }
  .tel:before {
    margin: -5px 0 0 -40px;
    font-size: 24px;
    color: #fff;
  }
  .subTel {
    display: none;
  }
  .headerContent {
    margin: 0;
    background: none;
    padding: 50px 0 0 0;
  }
  .headerContent h1 {
    font-size: 22px;
  }
  .headerContent h1 span {
    font-size: 18px;
  }
  .buttonGroup {
    margin: 30px 0 0 0;
  }
  .buttonGroup .btn-accent,
  .buttonGroup .btn-main {
    position: relative;
    font-size: 12px;
  }
  .buttonGroup .btn-accent {
    margin-top: 15px;
  }
  .headerStok {
    position: relative;
    width: 100%;
    height: auto;
    border: none;
    left: 0;
    margin: 0 !important;
    -webkit-border-radius: 0;
            border-radius: 0;
    line-height: 1.2;
    bottom: auto;
    padding: 30px 0 30px 0;
    font-size: 16px;
  }
  .moveNumberRight .number,
  .moveNumberLeft .number {
    display: none;
  }
  .moveNumberRight,
  .moveNumberLeft {
    margin: 0;
    padding: 15px 0 0 0;
  }
  .moveNumberRight .subtitle h2,
  .moveNumberRight .subtitle h3,
  .moveNumberLeft .subtitle h2,
  .moveNumberLeft .subtitle h3 {
    position: relative;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: right top 0;
        -ms-transform-origin: right top 0;
            transform-origin: right top 0;
    top: auto;
    right: auto;
    float: none;
    text-transform: none;
    padding: 0 0 0 30px;
    margin: 0 0 30px 0;
    color: #c0a170;
    font-size: 22px;
  }
  .moveNumberRight .subtitle h2:before,
  .moveNumberRight .subtitle h3:before,
  .moveNumberLeft .subtitle h2:before,
  .moveNumberLeft .subtitle h3:before {
    width: 15px;
    left: 0;
    background: #c0a170;
  }
  .homeSlider {
    padding-top: 15px;
  }
  .homeSlider .bx-wrapper {
    height: 415px;
  }
  .homeSlider .bx-wrapper .slider {
    height: 415px;
  }
  .homeSlider .bx-wrapper .slider .slide {
    height: 415px;
  }
  .homeSlider .bx-wrapper .slider img {
    height: 100%;
    height: 415px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .homeSlider .bx-wrapper .slider .description {
    padding: 15px 15px 30px 15px;
  }
  .homeSlider .bx-wrapper .slider .description .zag {
    font-size: 22px;
  }
  .homeSlider .bx-wrapper .slider .description .btn-main-2 {
    width: 100%;
  }
  .homeSlider .bx-wrapper .slider .description .text br {
    display: none;
  }
  .homeSlider .bx-wrapper .bx-next {
    right: 0;
    opacity: 0.7;
  }
  .homeSlider .bx-wrapper .bx-prev {
    left: 0;
    opacity: 0.7;
  }
  .homeSlider .bx-wrapper .bx-pager {
    bottom: -40px;
  }
  .homeSlider .bx-wrapper .bx-pager.bx-default-pager a {
    border: 2px solid #ccc;
  }
  .catalog {
    padding-top: 50px;
  }
  .bgAccent {
    padding: 15px;
    border: none;
  }
  .goodsItem__name {
    font-size: 14px;
    font-weight: bold;
  }
  .goodsItem__category {
    color: #ccc;
  }
  .goodsItem__prise {
    font-size: 17px;
  }
  .catalogList .btn-accent_move-shop {
    width: 100%;
    font-size: 14px;
    padding: 20px 40px;
  }
  .catalogList .btn-accent_move-shop:before {
    display: none;
  }
  .colorConfigurator .bgAccent {
    padding: 15px;
    border: none;
  }
  .colorConfigurator .leftСontent {
    text-align: center;
  }
  .colorConfigurator .leftСontent h3 {
    display: none;
  }
  .colorConfigurator .leftСontent p {
    padding: 0;
    margin: 0;
    font-size: 14px;
  }
  .colorConfigurator .leftСontent p br {
    display: none;
  }
  .colorConfigurator .leftСontent .btn-color {
    font-size: 14px;
    padding: 15px 5px;
  }
  .colorConfiguratorGif {
    padding: 15px 0 0 0;
  }
  .discounts:before {
    display: none;
  }
  .discounts h3 {
    font-size: 22px;
    text-align: left;
    padding: 5px 0 0 0;
  }
  .discounts h3 br {
    display: none;
  }
  .discounts .description {
    font-size: 16px;
    text-align: left;
    padding: 0;
  }
  .discounts .description p br {
    display: none;
  }
  .discounts .discountsForm {
    padding: 15px;
  }
  .discounts .discountsForm .input-group input {
    height: 50px;
  }
  .discounts .discountsForm .input-group-addon {
    padding: 10px 0 10px 15px;
  }
  .discountsForm {
    background: rgba(192, 161, 112, 0.85);
  }
  .btn-accent_biznes {
    margin-top: 15px;
    padding: 15px;
    font-size: 14px;
  }
  .btn-accent_biznes:before {
    display: none;
  }
  .super .description {
    font-size: 16px;
  }
  .AskQuestion {
    padding: 30px 0;
  }
  .AskQuestion h3 {
    font-size: 22px;
  }
  .AskQuestion .description {
    font-size: 16px;
    padding: 15px 0;
  }
  .AskQuestion .description br {
    display: none;
  }
  footer {
    padding-top: 15px;
  }
  footer .footerItem br {
    display: none;
  }
  footer .footerItem__title {
    border-top: 1px solid #c0a170;
    padding-top: 15px;
  }
  footer [class*='col-']:first-child .footerItem__title {
    border-top: none;
  }
  .superItem {
    padding: 0 0 15px 0;
  }
}