@charset "UTF-8";
@font-face {
  font-family: "Verlag";
  src: url("../fonts/Verlag-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Verlag-Book.otf") format("opentype"), url("../fonts/Verlag-Book.woff") format("woff"), url("../fonts/Verlag-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Verlag";
  src: url("../fonts/Verlag-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Verlag-Bold.otf") format("opentype"), url("../fonts/Verlag-Bold.woff") format("woff"), url("../fonts/Verlag-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Verlag";
  src: url("../fonts/Verlag-Black.woff2") format("woff2"), url("../fonts/Verlag-Black.woff") format("woff"), url("../fonts/Verlag-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v36-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v36-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v36-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v36-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
b,
strong {
  font-weight: 600;
}

.col-left {
  float: left;
  width: 50%;
}

.col-right {
  float: right;
  width: 50%;
}

.col-3-1 {
  float: left;
  width: 40%;
}

.col-3-2 {
  float: left;
  width: 60%;
}

.col-2 {
  float: left;
  width: 50%;
}

.col-3 {
  float: left;
  width: 33.3333%;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.nowrap {
  white-space: nowrap;
}

.display-table {
  display: table;
  width: 100%;
  height: 100%;
}

.display-cell,
.display-table-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

html,
body {
  /*overflow-x: hidden;*/
  overflow-x: hidden;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.6;
  color: #ddd;
  background-color: #121011;
  background-image: url("../images/bg-gradient.jpg");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow-x: hidden;
}

body.not-scrollable {
  overflow-y: hidden;
}

p {
  margin-top: 1.4rem;
  margin-bottom: 0;
}

a {
  color: #ecc79b;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a:hover {
  color: #ecc79b;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2 {
  margin-top: 3rem;
  margin-bottom: 2rem;
  line-height: 1.2;
  color: #fff;
  font-family: "Verlag", sans-serif;
  font-weight: 300;
  text-align: left;
  /* letter-spacing: -0.01em; */
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h1 a,
h2 a,
h3 a,
h4 a {
  color: #fff;
  text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: #fff;
  text-decoration: underline;
}

h1,
.h1 {
  /* margin-bottom: 4rem; */
  font-size: 6rem;
  text-align: center;
  color: #fff;
}

body.home h1,
body.home .h1 {
  margin-top: 0;
  font-size: 5.4rem;
  text-align: left;
}

.page-header {
  margin-bottom: 6rem;
}

.page-header.tall {
  padding: 10rem 0 12rem;
}

.page-header .article-info {
  display: block;
  width: 100%;
  margin-top: 0;
  text-align: center;
  color: #aaa;
}

.page-header .article-info time {
  color: #ddd;
}

.page-header .article-info .media-medium {
  color: #c0a27e;
}

h2,
.h2 {
  /* margin-top: 4rem; */
  font-size: 4rem;
  /* line-height: 3.5rem; */
}

.ww {
  display: inline-block;
}

h3 {
  position: relative;
  font-size: 2.4rem;
}

/*
	h3::before {
		content:"\2022";
		margin-right: 0.3em;
		color: #555;
	}
	h3::after {
		content:"\2022";
		margin-left: 0.3em;
		color: #555;
	}
*/
h4 {
  font-size: 2rem;
}

h5 {
  font-size: 0.471rem;
}

h6 {
  font-size: 0.3535rem;
}

.shadow {
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}

.white {
  color: #fff;
}

.main {
  position: relative;
  /* min-height: 100%; */
  /* padding-top: 9rem; */
  padding-top: 8rem;
}

body.home .main {
  /* margin-top: 0; */
  padding-top: 0;
}

.btn {
  display: inline-block;
  /* min-width: 150px; */
  /* height: 40px; */
  margin-top: 4rem;
  padding: 1rem 2.4rem;
  line-height: 1.3;
  background: transparent;
  color: #fff;
  border: 2px solid #6ac2bd;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  /* text-transform: uppercase; */
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btn:hover {
  background-color: #6ac2bd;
  color: #fff;
  border-color: #6ac2bd;
  text-decoration: none;
}

.btn:active {
  background-color: #54ada8;
  color: #fff;
  border-color: #6ac2bd;
  text-decoration: none;
}

.btn.btn-white {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

.btn.btn-white:hover {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

.btn.btn-gold-border {
  background-color: #d2b38e;
  color: #000;
  border-color: #000;
}

.btn.btn-gold-border:hover {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

.btn.btn-full {
  background-color: #6ac2bd;
  color: #fff;
  border-color: #6ac2bd;
}

.btn.btn-full:hover {
  background-color: #54ada8;
  color: #fff;
  border-color: #6ac2bd;
}

.btn.btn-full:active {
  background-color: #49a09b;
  color: #fff;
  border-color: #6ac2bd;
}

.btn.btn-blue {
  color: #6ac2bd;
}

.btn.btn-blue:hover {
  color: #fff;
}

.btn.btn-blue:active {
  color: #fff;
}

.btn.btn-black {
  background-color: #4a4a4a;
  color: #fff;
}

.btn.btn-black:hover {
  background-color: #000;
  color: #fff;
}

.btn.btn-green {
  background-color: #1bba1f;
  color: #fff;
}

.btn.btn-green:hover {
  background-color: #039e07;
  color: #fff;
}

.btn.btn-grey {
  background-color: #eee;
  color: #fff;
}

.btn.btn-grey:hover {
  background-color: #039e07;
  color: #fff;
}

.btn.btn-gold {
  background-color: #ecc79b;
  border-color: #ecc79b;
  color: #000;
}

.btn.btn-gold:hover {
  background-color: #f2d1ab;
}

.btn.btn-transparent {
  background-color: transparent;
  color: #333;
  font-weight: 400;
}

.btn.btn-transparent,
.btn.btn-transparent.btn-icon-left,
.btn.btn-transparent.btn-icon-right {
  padding-left: 0;
  padding-right: 0;
}

.btn.btn-transparent:hover {
  background-color: transparent;
  color: #333;
}

.btn:disabled,
.btn:disabled:hover,
.btn:disabled:active,
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:active {
  background: #aaa;
  border-color: #aaa;
  color: #fcfcfc;
  cursor: default;
  pointer-events: none;
}

.btn.btn-small {
  /* height: 30px; */
  margin-top: 0;
  padding: 0.4rem 1rem 0.5rem;
  /* line-height: 28px; */
  font-size: 1.3rem;
  /* color: #bf9b30; */
  /* background-color: transparent; */
  /* border: 1px solid transparent; */
  /* border-radius: 15px; */
}

.btn.btn-small:hover {
  /* border-color: #bbb; */
}

.btn.btn-right::before {
  content: "";
  position: relative;
  top: -0.1em;
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.3rem;
  vertical-align: middle;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #bf9b30;
}

.btn.btn-icon-only {
  padding-left: 2.2rem;
  padding-right: 2.2rem;
}

.btn.btn-icon-left {
  padding-left: 2.2rem;
}

.btn.btn-icon-left i {
  margin-right: 1.4rem;
}

.btn.btn-icon-right {
  padding-right: 2.2rem;
}

.btn.btn-icon-right i {
  margin-left: 1.4rem;
}

.btn.btn-icon-right.btn-with-icon::after {
  content: "\f061";
  display: inline-block;
  margin-left: 1.4rem;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.input {
  display: inline-block;
  height: auto;
  padding: 0.8rem 2rem;
  border: 1px solid #5f5c5e;
  line-height: 2.4rem;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 1px;
  color: #fff;
  text-align: left;
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
}

.form .input {
  float: left;
  display: block;
  width: 49%;
  margin-left: 2%;
  margin-bottom: 2%;
}

.form .input:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

.input:disabled,
.input:disabled:hover,
.input:disabled:active,
.input.disabled,
.input.disabled:hover,
.input.disabled:active {
  border-color: #bbb;
  color: #999;
}

.input.required {
  background-image: url("../images/required.png");
  background-position: right top;
  background-repeat: no-repeat;
}

.input.input-dark {
  border: 0;
  background-color: rgba(255, 255, 255, 0.3);
}

textarea.input {
  /* padding-top: 13px; */
  /* padding-bottom: 13px; */
  /* line-height: 1.2; */
}

.input:hover {
  background-color: #121011;
  border-color: #777;
}

.input:focus {
  background-color: #121011;
  border-color: #bbb;
}

/*
select.input {
	border: 1px solid #bf9b30;
	border-radius: 0;
	line-height: 44px;
}

	select.input:hover {
		border-color: #CEA944;
	}

	select.input:focus {
		border-color: #9F7C1D;
	}
*/
select.input {
  background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #e8e8e8, #e8e8e8) !important;
  background-position: calc(100% - 19px) calc(1em + 1px), calc(100% - 14px) calc(1em + 1px), calc(100% - 2.5em) 0.5em !important;
  background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
  background-repeat: no-repeat !important;
}

select.input:focus {
  background-image: linear-gradient(45deg, #999 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #999 50%), linear-gradient(to right, #e8e8e8, #e8e8e8) !important;
  background-position: calc(100% - 14px) 1em, calc(100% - 19px) 1em, calc(100% - 2.5em) 0.5em !important;
  background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
  background-repeat: no-repeat !important;
  outline: 0;
}

::-webkit-input-placeholder {
  /* font-style: italic; */
  color: #666;
}

:-moz-placeholder {
  /* font-style: italic; */
  color: #666;
}

::-moz-placeholder {
  /* font-style: italic; */
  color: #666;
}

:-ms-input-placeholder {
  /* font-style: italic; */
  color: #666;
}

.placeholder-like {
  /*font-style: italic;*/
  color: #555;
}

.select select option:first-child {
  font-style: italic !important;
  color: #888 !important;
}

.section {
  position: relative;
  padding: 8rem 0;
  /* background-color: #fff; */
}

.bg-grey {
  background-color: #f1f1f3;
}

.parallax {
  background-size: 100% auto;
  background-attachment: fixed;
}

.inner {
  position: relative;
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 4rem;
  z-index: 10;
  /* background-color: #fee; */
  /* outline: 1px solid pink; */
}

.narrow {
  max-width: 900px;
}

.wide {
  max-width: none;
}

.section-heading {
  max-width: 58rem;
  margin: 0 auto;
  text-align: center;
}

.single-prsteny .section-heading {
  max-width: 78rem;
}

.section-heading h1,
.section-heading h2 {
  text-align: center;
}

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

.center {
  text-align: center;
}

.text p img,
.text figure img {
  display: block;
  max-width: 100%;
  height: auto;
  /* margin-top: 3rem; */
  /* margin-bottom: 4rem; */
}

.text figure {
  max-width: 100%;
}

.alignleft {
  float: left;
  margin: 1.5rem 4rem 4rem 0;
  max-width: 100%;
  height: auto;
}

.alignright {
  float: right;
  margin: 1.5rem 0 4rem 4rem;
  max-width: 100%;
  height: auto;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 2rem auto;
  max-width: 100%;
  height: auto;
}

.alignnone {
  clear: both;
  display: block;
  margin: 2rem auto 4rem;
  max-width: 100%;
  height: auto;
}

.main-menu-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  /* min-height: 16rem; */
  min-height: 13rem;
  background: transparent;
  z-index: 900;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.main-menu-wrap.fixed,
.main-menu-wrap.open {
  background-color: #121011;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.main-menu-wrap.fixed {
  min-height: 8rem;
}

.logo {
  position: absolute;
  top: 4rem;
  left: 3.5rem;
  display: block;
  width: auto;
  /* height: 10rem; */
  height: 7rem;
  z-index: 20;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu-wrap.fixed .logo {
  top: 2rem;
  height: 4.5rem;
}

.logo img {
  display: block;
  width: auto;
  height: 100%;
}

.menu-right {
  position: absolute;
  top: 4rem;
  /* top: 2.9rem; */
  right: 4rem;
  font-size: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu-wrap.fixed .menu-right {
  top: 2rem;
}

.main-menu-wrap .btn {
  /* position: absolute; */
  /* right: 2.5rem; */
  margin-top: 0;
  margin-bottom: 0.4rem;
  /* margin-top: 0; */
  margin-right: 0.5rem;
  padding: 1rem 0.8rem;
  font-size: 1.2rem;
}

.main-menu-wrap .btn.btn-menu-cart {
  display: none;
  text-transform: none;
}

.btn.btn-compare {
  position: relative;
  padding-left: 0.8rem;
  padding-right: 3.4rem;
  color: #6ac2bd;
}

.btn.btn-compare.btn-full {
  color: #0c0a0b;
}

.btn.btn-compare:hover {
  color: #fff;
}

.btn-compare .btn-compare-icon {
  position: absolute;
  top: 1rem;
  right: 0.8rem;
  display: inline-block;
  height: 1.5rem;
}

.btn-compare .btn-compare-icon svg {
  width: auto;
  height: 100%;
  fill: #6ac2bd;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btn-compare.btn-full .btn-compare-icon svg {
  fill: #0c0a0b;
}

.btn-compare:hover .btn-compare-icon svg {
  fill: #fff;
}

.main-menu-wrap .dropdown > a {
  padding: 1rem 0.8rem;
  font-size: 1.2rem;
  background-color: transparent;
}

.main-menu-wrap .dropdown > a i {
  margin-left: 0.8rem;
}

.main-menu-wrap .dropdown > ul li a {
  font-size: 1.3rem;
}

.menu-button {
  display: none;
  position: absolute;
  top: 2.6rem;
  right: 2.2rem;
  width: 3.8rem;
  padding: 0.1rem 0.7rem;
  z-index: 331;
}

.menu-button div {
  width: 100%;
  height: 2px;
  margin: 4px 0;
  background-color: #ddd;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.menu-button:hover div {
  background-color: #fff;
}

.main-menu {
  position: relative;
  margin-top: 3rem;
  /* margin-left: 13rem; */
  margin-left: 10rem;
  text-align: left;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu-wrap.fixed .main-menu {
  margin-top: 1rem;
  margin-left: 6.5rem;
}

.main-menu ul {
  position: relative;
  display: block;
  /* width: 100%; */
  margin: 0;
  padding: 0;
  text-align: left;
}

.main-menu ul li {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  vertical-align: top;
  list-style: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 3.5rem;
  margin: 0;
  padding: 0 1.2rem;
  line-height: 3.5rem;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu ul li a:hover {
  color: #c0a27e;
  text-decoration: underline;
}

.main-menu ul li.active > a {
  color: #c0a27e;
  text-decoration: underline;
}

.main-menu > ul > li > ul {
  position: absolute;
  top: 7rem;
  top: 100%;
  left: -5rem;
  right: -5rem;
  /* width: 13rem; */
  padding: 1rem 0;
  background-color: #303030;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  z-index: 10;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
}

.main-menu > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu > ul > li > ul li {
  float: none;
  display: block;
  width: 100% !important;
}

.main-menu > ul > li > ul li a {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 1rem 1rem;
  color: #fff;
  line-height: 1.3;
  font-size: 1.4rem;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu > ul > li > ul li.active a {
  color: #f18d2b;
}

.main-menu ul li a img {
  position: relative;
  top: -2px;
  width: 15px;
  vertical-align: middle;
}

.sub-menu {
  position: relative;
  margin-top: 0.8rem;
  /* margin-left: 13rem; */
  margin-left: 10.3rem;
  padding-left: 0.5rem;
  text-align: left;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu-wrap.fixed .sub-menu {
  margin-top: 0;
  margin-left: 6.8rem;
}

.sub-menu ul {
  position: relative;
  display: inline-block;
  /* width: 100%; */
  margin: 0;
  padding: 1.5rem 0 0 0;
  border-top: 1px solid #c9ac88;
  text-align: left;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main-menu-wrap.fixed .sub-menu ul {
  padding: 0.8rem 0 0 0;
  opacity: 0.8;
}

.main-menu-wrap.fixed .sub-menu ul:hover {
  opacity: 1;
}

.sub-menu ul li {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  border-left: 1px solid #ccc;
  vertical-align: top;
  list-style: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sub-menu ul li:first-child {
  border: 0;
}

.sub-menu.breadcrumbs ul li {
  border: 0;
}

.sub-menu ul li a {
  position: relative;
  display: block;
  width: auto;
  height: 1.6rem;
  margin: 0;
  padding: 0 0.5rem;
  line-height: 1.6rem;
  font-size: 1.2rem;
  text-align: center;
  color: #ddd;
  text-decoration: none;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sub-menu ul li a:hover {
  color: #c0a27e;
  text-decoration: underline;
}

.sub-menu ul li.active > a {
  color: #c0a27e;
  text-decoration: underline;
}

.sub-menu.breadcrumbs ul li a::after {
  content: "»";
  display: inline-block;
  margin: 0 -0.5rem 0 0.6rem;
  /* font-size: 1.2rem; */
  /* line-height: 1.2rem; */
  color: #ddd;
}

.sub-menu.breadcrumbs ul li:last-child a::after {
  content: none;
}

.sub-menu.breadcrumbs ul li a::after:hover {
  color: #ddd;
}

.filter-search-toggle-mobile {
  position: absolute;
  right: 9rem;
  top: 2.5rem;
  display: none;
  font-size: 1.8rem;
  color: #ddd;
}
.filter-search-toggle-mobile:hover {
  color: #fff;
}

.filter-search-mobile {
  position: absolute;
  left: 0;
  right: 0;
  top: 8rem;
  display: none;
  min-height: 10.5rem;
  padding: 3rem 4rem;
  background-color: #0b0a0b;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.filter-search-mobile .filter-search-input {
  position: relative;
}
.filter-search-mobile .filter-search-input input {
  display: block;
  width: 100%;
}
.filter-search-mobile .filter-search-input .filter-search-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 60vh;
  background-color: #1b1b1b;
  -webkit-box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
          box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  visibility: hidden;
  -webkit-transform: translateY(-2rem);
  transform: translateY(-2rem);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 16;
}
.filter-search-mobile .filter-search-input .filter-search-autocomplete a {
  display: block;
  padding: 1.4rem 2rem;
  background-color: #1b1b1b;
  color: #ccc;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
}
.filter-search-mobile .filter-search-input .filter-search-autocomplete a:hover {
  background-color: #262626;
  color: #fff;
  text-decoration: none;
}
.filter-search-mobile .filter-search-input .filter-search-autocomplete.open {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

a.more {
  font-weight: 500;
}

.fb {
  position: fixed;
  top: 18rem;
  right: 0;
  display: block;
  z-index: 300;
}

.fb img {
  display: block;
  width: 3rem;
  height: auto;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.anchor {
  position: absolute;
  top: -7.9rem;
}

#tablet-indicator,
#mobile-indicator {
  display: none;
}

.box {
  margin-bottom: 1.5rem;
  padding: 3rem 2rem;
}

.contact-info p {
  margin-top: 0.5rem;
}

.contact-info p:first-child {
  margin-top: 0;
}

.featured-image {
  display: block;
  width: 100%;
  height: auto;
}

.gradient-right,
.gradient-left {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}

.gradient-right {
  background-image: url("../images/bg-gradient-right.jpg");
}

.gradient-left {
  background-image: url("../images/bg-gradient-left.jpg");
}

.gradient-right::after,
.gradient-left::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 25rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121011+0,121011+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 16, 17, 0)), to(rgb(18, 16, 17)));
  background: linear-gradient(to bottom, rgba(18, 16, 17, 0) 0%, rgb(18, 16, 17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00121011", endColorstr="#121011",GradientType=0 ); /* IE6-9 */
  z-index: 1;
}

/* home */
.home-top {
  min-height: 84rem;
  /* margin-bottom: ; */
  padding-top: 0;
  padding-bottom: 0;
}

.home-top-slideshow {
  position: relative;
}

.home-top::before,
body:not(.home)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 14rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121011+0,121011+100&1+25,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(25%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
  opacity: 0.6;
  z-index: 500;
}

.home-top-slideshow::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 25rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121011+0,121011+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 16, 17, 0)), to(rgb(18, 16, 17)));
  background: linear-gradient(to bottom, rgba(18, 16, 17, 0) 0%, rgb(18, 16, 17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00121011", endColorstr="#121011",GradientType=0 ); /* IE6-9 */
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .home-top-slideshow::after {
    display: none;
  }
}

.home-top-slideshow .home-top-slide {
  position: relative;
  display: block;
  width: 100%;
  background-size: 192rem auto;
  background-position: center top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
  .home-top-slideshow .home-top-slide:has(.mobile-image) {
    background-image: none !important;
  }
}
.home-top-slideshow .home-top-slide .mobile-image {
  display: none;
}
@media screen and (max-width: 600px) {
  .home-top-slideshow .home-top-slide .mobile-image {
    display: block;
  }
}
.home-top-slideshow .home-top-slide .mobile-image img {
  width: 100%;
  height: auto;
}

.home-top-slideshow .home-top-slide:nth-child(n+2) {
  display: none;
}

.home-top-slideshow .home-top-slide .inner {
  position: relative;
  height: 84rem;
}
@media screen and (max-width: 700px) {
  .home-top-slideshow .home-top-slide .inner:has(.mobile-image) {
    padding-top: 6rem;
  }
}

@media screen and (max-width: 700px) {
  .home-top-slideshow .home-top-slide:has(.mobile-image) {
    background-image: none !important;
    padding-top: 6rem;
  }
  .home-top-slideshow .home-top-slide:has(.mobile-image) .inner {
    padding-top: 0;
  }
}

.home-top-title {
  position: absolute;
  bottom: 18rem;
  left: 3.5rem;
  display: block;
  width: 42rem;
  z-index: 100;
}

.home-top-title .h1 {
  margin-bottom: 0;
  color: #fff;
}

.offset {
  position: relative;
  left: -1.2rem;
}

.home-top-title .subtitle {
  margin-top: 0;
  margin-bottom: 2rem;
  color: #d2b38e;
  font-style: italic;
}

.home-top-title p {
  color: #ddd;
}

.home-top-title .btn {
  margin-top: 3.5rem;
}

.home-top-title .btn.btn-full {
  margin-top: 1rem;
}

.pager {
  position: absolute;
  left: 50%;
  bottom: 3rem;
  font-size: 0;
  color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 200;
}

.pager span {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 6px;
  margin: 0 0.5rem;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

@-webkit-keyframes loading {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes loading {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.pager span.cycle-pager-active {
  background-color: rgba(255, 255, 255, 0.15);
}

.pager span.cycle-pager-active::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 0;
  height: 6px;
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  -webkit-animation: loading 8s linear;
          animation: loading 8s linear;
}

.pager span:hover {
  cursor: pointer;
  background-color: rgb(255, 255, 255);
}

.home-content {
  padding-top: 2rem;
  background-color: #121011;
  background-image: url("../images/bg-home.jpg");
  background-size: 192rem auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.news-item {
  position: relative;
  float: left;
  display: block;
  width: 32.733%;
  margin-left: 0.3%;
  margin-right: 0.3%;
  margin-bottom: 0.6%;
  background-color: #000;
  text-decoration: none;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

body.home .news-item {
  height: 42rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body.home .news-item:nth-child(3n) {
  /* margin-right: 0; */
}

.news-item:hover {
  text-decoration: none;
}

.news-item::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  display: block;
  /* width: 100%; */
  /* height: 12rem; */
  height: 16rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121011+0,121011+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 16, 17, 0)), to(rgb(18, 16, 17)));
  background: linear-gradient(to bottom, rgba(18, 16, 17, 0) 0%, rgb(18, 16, 17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00121011", endColorstr="#121011",GradientType=0 ); /* IE6-9 */
  opacity: 0.9;
  z-index: 1;
}

.news-item img {
  display: block;
  width: 100%;
  height: auto;
}

.news-item .news-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  /* padding: 3rem; */
  padding: 2.5rem 3rem;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  z-index: 5;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.news-item:hover .news-text {
  -webkit-transform: translateY(-10rem);
  transform: translateY(-10rem);
  opacity: 0;
}

.news-item h2 {
  margin-top: 0.6rem;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  outline: 1px solid transparent;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0);
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.news-item .news-text time {
  display: inline-block;
  /* padding: 0.2rem 0.6rem; */
  /* background-color: #d2b38e; */
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  outline: 1px solid transparent;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0);
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.news-item .news-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  /* padding: 3rem; */
  padding: 2.5rem 3rem;
  color: #444;
  background-color: #d2b38e;
  /* background-image: url("../images/bg-3d-gold.jpg"); */
  background-repeat: repeat;
  background-position: left top;
  -webkit-transform: translateY(10rem);
  transform: translateY(10rem);
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.news-item:hover .news-overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.news-item .news-overlay h2 {
  color: #000;
}

.news-item .news-overlay time {
  color: #fff;
}

.news-item .news-overlay .news-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 2rem 0 2rem 0;
  text-align: center;
  background: rgb(210, 179, 142);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgb(210, 179, 142)), to(rgba(210, 179, 142, 0)));
  background: linear-gradient(0deg, rgb(210, 179, 142) 50%, rgba(210, 179, 142, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2b38e",endColorstr="#d2b38e",GradientType=1);
}
@media (max-width: 400px) {
  .news-item .news-overlay .news-bottom {
    display: none;
  }
}

.home-about {
  margin-top: 8rem;
}

.home-about-text {
  padding: 1rem 3rem;
}

.home-about h1 {
  position: relative;
  margin-bottom: 0;
  color: #fff;
}

.home-about h1 img {
  position: absolute;
  top: 0.8rem;
  left: -7.2rem;
  display: block;
  width: 5.5rem;
  height: auto;
}

.home-about .subtitle {
  margin-top: 0;
  margin-bottom: 2rem;
  color: #d2b38e;
  font-style: italic;
}

.home-about p {
  color: #ddd;
}

.home-about-image {
  padding: 0 2rem;
  padding-right: 0;
}

.home-usp {
  margin-top: 8rem;
}

.home-usp-text {
  padding: 1rem 3rem;
}

.home-usp h2 {
  margin-bottom: 2rem;
  color: #fff;
  font-size: 5.4rem;
}

.home-usp p {
  color: #ddd;
}

.home-usp-items .tabs {
  float: left;
  width: 13rem;
  margin-right: 4rem;
}

.home-usp-items .tabs a {
  position: relative;
  display: block;
  text-align: right;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 2.2rem;
  font-weight: 300;
  color: #fff;
}

.home-usp-items .tabs a:hover {
  color: #dabb96;
}

.home-usp-items .tabs a.active {
  color: #dabb96;
}

.home-usp-items .tabs a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 1.6rem;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border: 2px solid #dabb96;
  border-color: #dabb96;
  border-width: 2px 2px 0 0;
  -webkit-transform: translateX(0) rotate(45deg);
  transform: translateX(0) rotate(45deg);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.home-usp-items .tabs a:hover::after {
  -webkit-transform: translateX(1.2rem) rotate(45deg);
  transform: translateX(1.2rem) rotate(45deg);
  opacity: 1;
}

.home-usp-items .tabs a.active::after {
  border-color: #dabb96;
  -webkit-transform: translateX(1.2rem) rotate(45deg);
  transform: translateX(1.2rem) rotate(45deg);
  opacity: 1;
}

.home-usp-items .tabs-content {
  padding-top: 0.5rem;
  overflow: hidden;
}

.home-usp-items .tabs-content p:first-child {
  margin-top: 0;
}

.home-usp-items .tabs-content > div {
  display: none;
}

.home-usp-items .tabs-content > div:first-child {
  display: block;
}

.home-usp-image {
  padding: 0 2rem;
  padding-left: 0;
}

.home-perfection {
  padding: 0;
  /* background-size: ; */
  /* background-position: center; */
  background-repeat: no-repeat;
  text-align: center;
}

.home-perfection .inner {
  height: 60rem;
}

.home-perfection a {
  display: block;
  padding: 4rem;
  text-decoration: none;
}

.home-perfection a:hover {
  text-decoration: none;
}

.play {
  display: block;
  width: 119px;
  height: auto;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #c0a27e;
  -webkit-box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a:hover .play {
  background-color: #b1936f;
}

.home-perfection h2 {
  margin-top: 2rem;
  margin-bottom: 0;
  color: #fff;
  font-size: 5.4rem;
  text-align: center;
  text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
}

.home-perfection p {
  margin-top: 1rem;
  color: #ecc79b;
}

.home-perfection a:hover p {
  text-decoration: underline;
}

.bottom-item {
  position: relative;
  float: left;
  display: block;
  /* width: 33.333%; */
  width: 32.733%;
  height: 42rem;
  margin-left: 0.3%;
  margin-right: 0.3%;
  /* margin-bottom: 0.6%; */
  padding: 2rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-decoration: none;
  overflow: hidden;
}

.bottom-item:hover {
  text-decoration: none;
}

.bottom-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #121011;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 1;
}

.bottom-item:hover::after {
  opacity: 0.4;
}

.bottom-item h2 {
  position: relative;
  text-align: center;
  font-size: 5.4rem;
  color: #fff;
  text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.7);
  z-index: 5;
}

.filter {
  position: relative;
  margin: 0 -4rem;
  padding: 3.5rem 4rem;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter > * {
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter .fa {
  margin-left: 0.8rem;
}
.filter .filter-loading {
  margin: 0 1rem 0 0;
  color: #aaa;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter.open {
  background-color: rgba(12, 11, 11, 0.6);
}
.filter.loading {
  pointer-events: none;
}
.filter.loading > * {
  opacity: 0.6;
}
.filter.loading * {
  pointer-events: none;
}
.filter.loading .filter-loading {
  opacity: 1;
}
.filter.filter-mobile {
  display: none;
}

.filter-left,
.filter-right {
  float: left;
  width: 20%;
}

.filter-left {
  font-size: 1.4rem;
}
.filter-left a {
  color: #6ac2bd;
  font-weight: 600;
}

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

.filter-search-toggle {
  position: relative;
  margin-left: 1.2rem;
  padding: 0 0.7rem;
  color: #fff;
}
.filter-search-toggle::before {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 0;
  display: block;
  width: 1px;
  height: 2.6rem;
  background-color: #555;
}
.filter-search-toggle:hover {
  color: #ecc79b;
}

.filter-order {
  display: inline-block;
}
.filter-order .dropdown {
  z-index: 1;
}
.filter-order .dropdown > a {
  position: relative;
  min-width: 15rem;
  padding: 0.3rem 0.2rem 1.4rem 0.8rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: right;
  z-index: 1;
}
.filter-order .dropdown > a:hover {
  background: transparent;
  color: #ecc79b;
}
.filter-order .dropdown > ul li a {
  padding: 0.8rem 1.2rem;
}
.filter-order .dropdown:hover > a {
  background: transparent;
}

.filter-main {
  position: relative;
  float: left;
  width: 60%;
}

.filter-items {
  text-align: center;
  font-size: 0;
}

.filter-item {
  position: relative;
  display: inline-block;
  max-width: 15rem;
  margin-left: -1px;
  padding: 0.2rem 1.5rem;
  vertical-align: top;
}
.filter-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 2.6rem;
  background-color: #555;
}
.filter-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: 2.6rem;
  background-color: #555;
}
.filter-item:first-child::before {
  content: none;
}
.filter-item:last-child::after {
  content: none;
}
.filter-item .filter-title {
  position: relative;
  display: block;
  padding-right: 2.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-item .filter-title .fa {
  position: absolute;
  right: 0;
  top: 0.3rem;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-item .filter-title:hover {
  color: #ecc79b;
}
.filter-item .filter-selected {
  display: block;
  margin: 1rem -0.5rem 0;
  padding-right: 2.4rem;
  font-size: 1.1rem;
  letter-spacing: -0.03em;
  color: #d6d6d6;
  text-align: center;
}
.filter-item.open .filter-title {
  color: #ecc79b;
}
.filter-item.open .filter-title .fa.fa-chevron-down {
  -webkit-transform: translateY(0.2rem) rotate(180deg);
  transform: translateY(0.2rem) rotate(180deg);
}
.filter-item.selected .filter-title {
  color: #ecc79b;
}
.filter-item.selected::before, .filter-item.selected::after {
  height: 100%;
}

.filter-content > div {
  display: none;
  padding-top: 6rem;
}
.filter-content-item input {
  position: absolute;
  opacity: 0;
}
.filter-content-item label {
  position: relative;
  display: block;
  padding: 0 1rem 0 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-content-item label::before {
  content: "";
  position: absolute;
  left: 0.6rem;
  top: 0.6rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-content-item label::after {
  content: "\f00c";
  position: absolute;
  left: 0.6rem;
  top: 0.4rem;
  display: block;
  width: 1.7rem;
  height: 1.9rem;
  line-height: 1.9rem;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  font-family: "FontAwesome";
  text-rendering: auto;
  /* -webkit-font-smoothing: antialiased; */
  /* -moz-osx-font-smoothing: grayscale; */
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.filter-content-item label:hover {
  background-color: #1b1a1a;
}
.filter-content-item label h4 {
  margin: 0;
  font-size: 1.6rem;
}
.filter-content-item label p {
  margin-top: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.2;
}
.filter-content-item input:checked + label::before {
  background-color: #c9883a;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.filter-content-item input:checked + label::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.filter-content-item input:checked + label .filter-content-image {
  border-color: #ecc79b;
}
.filter-content-wood .filter-content-item, .filter-content-shape .filter-content-item {
  float: left;
  width: 32%;
  margin-left: 2%;
  margin-top: 2%;
}
.filter-content-wood .filter-content-item:nth-child(3n+1), .filter-content-shape .filter-content-item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.filter-content-wood .filter-content-item label, .filter-content-shape .filter-content-item label {
  padding: 0 1rem 0 0;
}
.filter-content-wood .filter-content-item label .filter-content-image, .filter-content-shape .filter-content-item label .filter-content-image {
  float: left;
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-clip: border-box;
  border: 2px solid transparent;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-content-wood .filter-content-item label .filter-content-text, .filter-content-shape .filter-content-item label .filter-content-text {
  padding: 0.6rem 0;
  color: #d6d6d6;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-content-shape .filter-content-item label .filter-content-image {
  background-size: 4.8rem auto;
}
.filter-content-price .filter-content-item, .filter-content-series .filter-content-item {
  width: 100%;
  max-width: 22rem;
  margin-top: 0.4rem;
}
.filter-content-price .filter-content-item label, .filter-content-series .filter-content-item label {
  padding: 0.5rem 1rem 0.5rem 4.2rem;
}

.filter-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  min-height: 10.5rem;
  padding: 3rem 4rem;
  background-color: #0b0a0b;
  border: 1px solid #555;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.filter-search .filter-search-input {
  position: relative;
}
.filter-search .filter-search-input input {
  display: block;
  width: 100%;
}
.filter-search .filter-search-input .filter-search-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 60vh;
  background-color: #1b1b1b;
  -webkit-box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
          box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  visibility: hidden;
  -webkit-transform: translateY(-2rem);
  transform: translateY(-2rem);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 16;
}
.filter-search .filter-search-input .filter-search-autocomplete a {
  display: block;
  padding: 0.8rem 2rem;
  background-color: #1b1b1b;
  color: #ccc;
  font-size: 1.4rem;
  line-height: 1.3;
  text-decoration: none;
}
.filter-search .filter-search-input .filter-search-autocomplete a:hover {
  background-color: #262626;
  color: #fff;
  text-decoration: none;
}
.filter-search .filter-search-input .filter-search-autocomplete.open {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.filter-reset {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4rem;
  display: none;
  text-align: center;
  font-size: 1.4rem;
  z-index: 10;
}
.filter-reset a {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.filter-reset a i {
  margin-left: 0.8rem;
}
.filter-reset a:hover {
  color: #fff;
  text-decoration: underline;
}

.filter-meta {
  position: absolute;
  bottom: 3.2rem;
  right: 4.2rem;
  text-align: right;
  font-size: 1.4rem;
}
.filter-meta .filter-count {
  display: none;
}
.filter-meta .filter-count .btn {
  margin: 0 0 1rem;
}
.filter-meta .filter-count .filter-count-number {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}

.categories-filter {
  padding-bottom: 0;
}
.categories-filter,
.categories-filter .inner {
  position: static;
}

.filter-mobile {
  padding: 0 !important;
}
.filter-mobile.open {
  background-color: transparent;
}
.filter-mobile.loading {
  pointer-events: none;
}
.filter-mobile.loading > * {
  opacity: 1;
}
.filter-mobile.loading .filter-item {
  opacity: 0.6;
}
.filter-mobile.loading * {
  pointer-events: none;
}
.filter-mobile.loading .filter-loading {
  opacity: 1;
}
.filter-mobile .filter-button {
  position: relative;
  float: left;
  width: 49%;
  margin-left: 2%;
  border: 1px solid #555;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.filter-mobile .filter-button:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
.filter-mobile .filter-button > a {
  display: block;
  padding: 1.4rem 0.3rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  text-decoration: none;
}
.filter-mobile .filter-button.filter-button-order .filter-order .dropdown {
  position: static;
}
.filter-mobile .filter-button.filter-button-order .filter-order .dropdown > a {
  min-width: 0;
  padding: 1.4rem 0.3rem;
  text-align: center;
}
.filter-mobile .filter-button.filter-button-order .filter-order .dropdown > a:hover {
  background: transparent;
}
.filter-mobile .filter-button.filter-button-decoder {
  float: none;
  width: 100%;
  margin-top: 2%;
  margin-left: 0;
}
.filter-mobile .filter-button.filter-button-decoder a {
  color: #6ac2bd;
  text-decoration: underline;
}
.filter-mobile .filter-mobile-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #121011;
  background-image: url("../images/bg-gradient.jpg");
  background-size: 1300px auto;
  background-position: center top;
  background-repeat: no-repeat;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99999;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}
.filter-mobile .filter-mobile-overlay .filter-mobile-popup {
  padding: 6rem 2rem 2rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(2rem);
  transform: translateY(2rem);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-mobile .filter-mobile-overlay .filter-mobile-popup h2 {
  text-align: center;
}
.filter-mobile .filter-mobile-overlay.open {
  opacity: 1;
  visibility: visible;
}
.filter-mobile .filter-mobile-overlay.open .filter-mobile-popup {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.filter-mobile .filter-item {
  display: block;
  max-width: none;
  margin-left: 0;
  margin-top: 1rem;
  padding: 0 1.5rem;
  border: 1px solid #555;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.4);
}
.filter-mobile .filter-item::before, .filter-mobile .filter-item::after {
  content: none;
}
.filter-mobile .filter-item:first-child {
  margin-top: 0;
}
.filter-mobile .filter-item .filter-title {
  padding: 1.4rem 0;
  padding-right: 2.4rem;
  text-align: left;
}
.filter-mobile .filter-item .filter-title .fa {
  top: 1.7rem;
}
.filter-mobile .filter-item .filter-selected {
  margin: 0;
  margin-top: -1rem;
  padding-bottom: 1rem;
  padding-right: 0;
  font-size: 1.2rem;
  letter-spacing: 0;
  text-align: left;
}
.filter-mobile .filter-content > div {
  padding: 0.5rem 0;
}
.filter-mobile .filter-content-item {
  margin: 0.5rem -1.5rem;
}
.filter-mobile .filter-content-item label {
  padding: 0.6rem 6rem 0.6rem 1.5rem;
}
.filter-mobile .filter-content-item label::before {
  left: auto;
  right: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.filter-mobile .filter-content-item label::after {
  left: auto;
  right: 1.6rem;
  top: 50%;
  height: 1.9rem;
  line-height: 1.9rem;
  -webkit-transform: translateY(-50%) scale(2);
  transform: translateY(-50%) scale(2);
}
.filter-mobile .filter-content-item label p {
  text-align: left;
}
.filter-mobile .filter-content-item input:checked + label::after {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}
.filter-mobile .filter-content-wood .filter-content-item,
.filter-mobile .filter-content-shape .filter-content-item {
  float: none;
  width: auto;
  margin: 0.5rem -1.5rem;
}
.filter-mobile .filter-content-wood .filter-content-item label,
.filter-mobile .filter-content-shape .filter-content-item label {
  padding: 0.6rem 6rem 0.6rem 1.5rem;
}
.filter-mobile .filter-content-wood .filter-content-item label .filter-content-image,
.filter-mobile .filter-content-shape .filter-content-item label .filter-content-image {
  float: left;
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-clip: border-box;
  border: 2px solid transparent;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-mobile .filter-content-wood .filter-content-item label .filter-content-text,
.filter-mobile .filter-content-shape .filter-content-item label .filter-content-text {
  padding: 0.6rem 0;
  color: #d6d6d6;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.filter-mobile .filter-content-shape .filter-content-item label .filter-content-image {
  background-size: 4.8rem auto;
}
.filter-mobile .filter-content-price .filter-content-item,
.filter-mobile .filter-content-series .filter-content-item {
  max-width: none;
  width: auto;
  margin: 0.5rem -1.5rem;
}
.filter-mobile .filter-content-price .filter-content-item label,
.filter-mobile .filter-content-series .filter-content-item label {
  padding: 1.2rem 6rem 1.2rem 1.5rem;
}
.filter-mobile .filter-reset {
  top: 2rem;
  left: auto;
  right: 2rem;
  bottom: auto;
  display: none;
  text-align: right;
  z-index: 10;
}
.filter-mobile .filter-reset a {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.filter-mobile .filter-reset a i {
  margin-left: 0.8rem;
}
.filter-mobile .filter-reset a:hover {
  color: #fff;
  text-decoration: underline;
}
.filter-mobile .filter-meta {
  position: static;
  margin-top: 2rem;
  text-align: center;
}
.filter-mobile .filter-meta .filter-loading {
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  display: block;
  margin: 0;
  text-align: center;
}
.filter-mobile .filter-meta .filter-loading .fa {
  margin: 0;
}
.filter-mobile .filter-close {
  position: absolute;
  top: 2rem;
  left: 2rem;
  text-align: left;
}
.filter-mobile .filter-close a {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.filter-mobile .filter-close a i {
  margin-right: 0.8rem;
}
.filter-mobile .filter-close a:hover {
  color: #fff;
  text-decoration: underline;
}

body.noscroll {
  overflow-y: hidden !important;
}

.products-filtered {
  display: none;
}

.categories .inner,
.eco .inner {
  max-width: 123rem;
}

.categories-wrap h2 {
  margin-bottom: 6rem;
  text-align: center;
}

.categories-item {
  position: relative;
  float: left;
  display: block;
  width: 19%;
  margin-left: 8%;
  margin-bottom: 6rem;
  text-decoration: none;
}
.categories-item:nth-child(1), .categories-item:nth-child(4n+0) {
  clear: left;
  margin-left: 0;
}
.categories-item.categories-title {
  width: 46%;
  padding-top: 10rem;
}
.categories-item .categories-images {
  position: relative;
  height: 34rem;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
.categories-item .categories-images img {
  position: relative;
  display: inline-block;
  width: auto;
  vertical-align: top;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.categories-item .categories-images img.categories-image1 {
  height: 100%;
  margin-left: -10%;
  z-index: 6;
  -webkit-transform-origin: center 87%;
  transform-origin: center 87%;
}
.categories-item .categories-images img.categories-image2 {
  height: 88%;
  margin-top: 5%;
  margin-left: -11.3rem;
  margin-right: -10%;
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
  z-index: 5;
}
.categories-item h3 {
  position: relative;
  margin: 2rem 0 0;
  padding: 0 1.5rem;
  padding-right: 3rem;
  font-size: 2.6rem;
  color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.categories-item h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  width: 2px;
  height: 100%;
}
.categories-item h3::after {
  content: "";
  position: absolute;
  right: 1.6rem;
  top: 1rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #ecc79b;
  border-color: #ecc79b;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.categories-item .categories-price {
  margin: 0.5rem 0 0;
  padding: 0 1.5rem;
  color: #a7a6a7;
}
.categories-item.color-ad1aac h3::before {
  background-color: #ad1aac;
}
.categories-item.color-303ab2 h3::before {
  background-color: #303ab2;
}
.categories-item.color-009cde h3::before {
  background-color: #009cde;
}
.categories-item.color-78be20 h3::before {
  background-color: #78be20;
}
.categories-item.color-fce300 h3::before {
  background-color: #fce300;
}
.categories-item.color-ff671f h3::before {
  background-color: #ff671f;
}
.categories-item.color-e10600 h3::before {
  background-color: #e10600;
}
.categories-item.color-123456 h3::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ad1aac+0,303ab2+16,009cde+33,82af0f+50,fce300+67,ff671f+84,e10600+100 */
  background: #ad1aac; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ad1aac), color-stop(16%, #303ab2), color-stop(33%, #009cde), color-stop(50%, #82af0f), color-stop(67%, #fce300), color-stop(84%, #ff671f), to(#e10600));
  background: linear-gradient(to bottom, #ad1aac 0%, #303ab2 16%, #009cde 33%, #82af0f 50%, #fce300 67%, #ff671f 84%, #e10600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ad1aac", endColorstr="#e10600",GradientType=0 ); /* IE6-9 */
}
.categories-item:hover .categories-images img.categories-image1 {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.categories-item:hover .categories-images img.categories-image2 {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}
.categories-item:hover h3 {
  color: #c0a27e;
  text-decoration: underline;
}
.categories-other .categories-item .categories-images {
  height: auto;
}
.categories-other .categories-item .categories-images img {
  display: block;
  width: 100%;
  height: auto;
}
.categories-other .categories-item.categories-title {
  padding-top: 2rem;
}

.modifications .inner {
  max-width: 123rem;
}

.modifications-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.modifications-item {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  width: 20%;
  padding: 3.5rem 1rem;
  border-left: 1px solid #5a5859;
  color: #fff;
  text-decoration: none;
}
.modifications-item:first-child {
  border-left: 0;
}
@media screen and (max-width: 600px) {
  .modifications-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  .modifications-item:nth-of-type(3) {
    border-left: 0;
  }
  .modifications-item:nth-of-type(3), .modifications-item:nth-of-type(4) {
    border-top: 1px solid #5a5859;
  }
  .modifications-item:nth-of-type(5) {
    border-left: 0;
    border-top: 1px solid #5a5859;
    border-bottom: 1px solid #5a5859;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}
.modifications-item img {
  display: block;
  width: 80%;
  max-width: 12rem;
  margin: 0 auto;
  height: auto;
  -webkit-transform-origin: center 80%;
  transform-origin: center 80%;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.modifications-item h3 {
  max-width: 13rem;
  margin: 0 auto 0;
  position: relative;
  text-align: center;
}
.modifications-item:hover {
  color: #fff;
  text-decoration: none;
}
.modifications-item:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.archive-tables {
  max-width: 123rem;
  margin: 0 auto;
}

.archive-table {
  float: left;
  width: 49.5%;
  margin-left: 1%;
  padding: 3rem;
  background-color: rgba(12, 11, 11, 0.6);
}

.archive-table:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

.archive-table table {
  width: 100%;
}

.archive-table table th,
.archive-table table td {
  width: 50%;
  padding: 0.6rem 1rem;
  text-align: left;
}

.archive-table table th {
  padding: 0.5rem 1rem;
  line-height: 1.2;
  color: #ecc79b;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 3rem;
}

.archive-table table td {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.archive-table table tr:hover td {
  background-color: rgba(255, 255, 255, 0.1);
}

.products .inner {
  max-width: 123rem;
}
.products h1 span {
  position: relative;
  display: inline-block;
}
.products h1 span::before {
  content: "";
  position: absolute;
  left: -2.8rem;
  top: 1rem;
  bottom: 1rem;
  width: 3px;
}
.products h1.color-ad1aac span::before {
  background-color: #ad1aac;
}
.products h1.color-303ab2 span::before {
  background-color: #303ab2;
}
.products h1.color-009cde span::before {
  background-color: #009cde;
}
.products h1.color-78be20 span::before {
  background-color: #78be20;
}
.products h1.color-fce300 span::before {
  background-color: #fce300;
}
.products h1.color-ff671f span::before {
  background-color: #ff671f;
}
.products h1.color-e10600 span::before {
  background-color: #e10600;
}
.products h1.color-123456 span::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ad1aac+0,303ab2+16,009cde+33,82af0f+50,fce300+67,ff671f+84,e10600+100 */
  background: #ad1aac; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ad1aac), color-stop(16%, #303ab2), color-stop(33%, #009cde), color-stop(50%, #82af0f), color-stop(67%, #fce300), color-stop(84%, #ff671f), to(#e10600));
  background: linear-gradient(to bottom, #ad1aac 0%, #303ab2 16%, #009cde 33%, #82af0f 50%, #fce300 67%, #ff671f 84%, #e10600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ad1aac", endColorstr="#e10600",GradientType=0 ); /* IE6-9 */
}

.products-item {
  position: relative;
  float: left;
  display: block;
  width: 19%;
  margin-left: 8%;
  margin-bottom: 4rem;
  text-decoration: none;
}
.products-item:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}
.products-item .products-features {
  position: absolute;
  left: 1rem;
  top: 1.4rem;
  z-index: 10;
}
.products-item .products-features img {
  float: left;
  clear: left;
  display: block;
  width: 3.2rem;
  height: auto;
  margin-left: -0.5rem;
  cursor: default;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item .products-features.two-cols img {
  clear: none;
}
.products-item .products-features.two-cols img:nth-child(2n+1) {
  clear: left;
}
.products-item .products-features:hover img {
  opacity: 0.3;
}
.products-item .products-features:hover img:hover {
  opacity: 1;
}
.products-item .products-images {
  position: relative;
  height: 34rem;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
.products-item .products-images img {
  position: relative;
  display: inline-block;
  width: auto;
  vertical-align: top;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item .products-images img.products-image1 {
  height: 100%;
  margin-left: -10%;
  z-index: 6;
  -webkit-transform-origin: center 87%;
  transform-origin: center 87%;
}
.products-item .products-images img.products-image2 {
  height: 30rem;
  margin-top: 1rem;
  margin-left: -11.3rem;
  margin-right: -10%;
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
  z-index: 5;
}
.products-item h3 {
  position: relative;
  margin: 2rem 0 0;
  padding: 0 1.5rem;
  font-size: 2.6rem;
  color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.products-item h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  width: 2px;
  height: 100%;
}
.products-item h3::after {
  content: "";
  position: absolute;
  right: 1.6rem;
  top: 1rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #ecc79b;
  border-color: #ecc79b;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.products-item .products-wood {
  margin: 1.4rem 0 1rem;
  padding: 0 1.5rem;
}
.products-item .products-wood p {
  position: relative;
  margin: 0.3rem 0 0;
  padding-left: 5rem;
  color: #d7d6d6;
  line-height: 1.3;
}
.products-item .products-wood p img {
  position: absolute;
  left: 0;
  top: 0.2rem;
  display: block;
  width: 4rem;
  height: auto;
}
.products-item .products-wood p:first-child {
  margin-top: 0;
}
.products-item .products-list {
  margin: 1.4rem 0 1rem;
  padding: 0 1.5rem;
}
.products-item .products-list h4 {
  display: none;
}
.products-item .products-list ul {
  margin: 0;
  padding-left: 2rem;
  line-height: 1.3;
  color: #ddd;
}
.products-item .products-list ul li {
  margin: 0.3rem 0 0;
}
.products-item .products-price {
  margin: 0.5rem 0 0;
  padding: 0 1.5rem;
  color: #a7a6a7;
}
.products-item:hover .products-images img.products-image1 {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.products-item:hover .products-images img.products-image2 {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}
.products-item:hover h3 {
  color: #ecc79b;
  text-decoration: underline;
}
.products-item.products-item-masters {
  width: 46%;
}
.products-item.products-item-masters .products-images {
  height: 46rem;
}
.products-item.products-item-masters .products-images img.products-image1 {
  height: 75rem;
  margin-top: -26rem;
  margin-left: -15%;
}
.products-item.products-item-masters .products-images img.products-image2 {
  margin-top: 13rem;
  margin-left: -11.3rem;
  margin-right: -10%;
}
.products-item.products-item-masters .products-wood p {
  display: inline-block;
  margin-top: 0.3rem;
  margin-right: 0;
}
.products-item.products-item-masters .products-wood p:first-child {
  margin-top: 0.3rem;
  margin-right: 2rem;
}
.products-item.products-item-masters:hover .products-images img.products-image1 {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.products-items-masters .products-item:nth-child(2), .products-items-masters .products-item:nth-child(3) {
  margin-top: 12rem;
}
.products-items-masters .products-item:nth-child(4n+1) {
  clear: none;
  margin-left: 8%;
}
.products-items-masters .products-item:nth-child(1), .products-items-masters .products-item:nth-child(4n+0) {
  clear: left;
  margin-left: 0;
}
.products-items-masters-2 .products-item:nth-child(4n+1) {
  clear: none;
  margin-left: 8%;
}
.products-items-masters-2 .products-item:nth-child(1), .products-items-masters-2 .products-item:nth-child(4n+3) {
  clear: left;
  margin-left: 0;
}
.products-items-limited .products-item:nth-child(4n+1) {
  clear: none;
  margin-left: 8%;
}
.products-items-limited .products-item:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

body.single-nastroje,
body.single-tvary,
body.single-dreva,
body.single-prodejci {
  background-image: url("../images/bg-gradient-l.jpg");
}

.product-image {
  float: left;
  width: 45%;
  height: 67rem;
  text-align: right;
}
.product-image .product-image__buttons {
  text-align: center;
  padding-left: 14rem;
}
@media screen and (max-width: 1600px) {
  .product-image .product-image__buttons {
    padding-left: 8rem;
  }
}
@media screen and (max-width: 1250px) {
  .product-image .product-image__buttons {
    padding-left: 3rem;
  }
}
@media screen and (max-width: 1200px) {
  .product-image .product-image__buttons {
    padding-left: 7rem;
    text-align: left;
  }
}
@media screen and (max-width: 810px) {
  .product-image .product-image__buttons {
    padding-left: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .product-image .product-image__buttons {
    padding-left: 0;
    text-align: center;
  }
}

/*
		.product-image img {
			display: block;
			width: auto;
			max-width: 100%;
			height: auto;
			max-height: 100%;
			margin: 0 0 0 auto;
		}
		*/
.product-image img {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  margin: 0;
  vertical-align: middle;
}

.product-image img.product-image-front {
  height: 100%;
  /* margin-right: -21%; */
  margin-right: -13rem;
  margin-left: -5rem;
  z-index: 6;
}

.product-image img.product-image-back {
  height: 85%;
  margin-top: 5%;
  z-index: 5;
}

.product-info {
  float: right;
  width: 49%;
  margin-left: 6%;
}

.product h1 {
  margin-bottom: 0;
  text-align: left;
}

.product-subtitle {
  margin-top: 0;
  margin-bottom: 2rem;
  color: #d2b38e;
  font-style: italic;
}

.links a {
  display: inline-block;
  margin: 0 0.1rem 0.6rem;
  padding: 0.1rem 1rem 0.2rem;
  border: 1px solid #ecc79b;
  border-radius: 3px;
  color: #ddd;
  font-size: 1.3rem;
  text-decoration: none;
  vertical-align: middle;
}

.links a:hover,
.links a.active {
  background-color: #ecc79b;
  color: #3d2202;
}

.product-short-description {
  margin-top: 2.5rem;
}

.product-short-description ul {
  margin: 0;
  padding-left: 2rem;
}

.product-options-items {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}

.product-options-item {
  float: left;
  width: 32.666%;
  margin-left: 1%;
}

.product-options-item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

.product-options-item h4 {
  margin: 0 0 0.4rem 0;
  padding: 0 0.4rem;
  font-size: 1.5rem;
}

.product-options-item .product-options-current {
  position: relative;
  display: block;
  height: 11rem;
  padding: 1rem 1.2rem;
  background-color: rgba(30, 30, 30, 0.7);
  text-decoration: none;
}

.product-options-item .product-options-current:hover {
  background-color: rgba(40, 40, 40, 0.8);
}

.product-options-item .product-options-current::after {
  content: "";
  position: absolute;
  right: 1.4rem;
  /* top: 2.3rem; */
  top: 37%;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #ecc79b;
  border-color: #ecc79b;
  border-width: 2px 2px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.product-options-item .product-options-current img {
  display: block;
  width: 82%;
  height: auto;
}

.product-options-item.product-options-shape .product-options-current img {
  width: 37%;
}

.product-options-item.product-options-mod .product-options-current img {
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.product-options-item.product-options-mod .product-options-current:hover img {
  opacity: 1;
}

.product-options-item .product-options-current p {
  position: absolute;
  left: 1.2rem;
  bottom: 0.5rem;
  right: 1.1rem;
  display: block;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #ecc79b;
}

.product-options-item .product-options-current p span {
  font-size: 1.3rem;
  font-weight: 400;
  color: #ddd;
}

.product-options-item.product-options-mod .product-options-current p span {
  opacity: 0.3;
}

.product-options-item .product-options-more {
  display: inline-block;
  padding: 0 0.4rem;
  font-size: 1.4rem;
  font-style: italic;
}

.options-item {
  position: relative;
  float: left;
  display: block;
  width: 32.666%;
  height: 13rem;
  margin-left: 1%;
  margin-bottom: 1%;
  padding: 1.4rem 1.2rem;
  background-color: #2f2d2e;
  border: 2px solid #2f2d2e;
  text-decoration: none;
}

.options-item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

.options-item:hover {
  background-color: #3a3839;
  border-color: #d2b38e;
}

.options-item img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto;
}

.options-shape .options-item img {
  width: 50%;
}

.options-item p {
  position: absolute;
  left: 1.2rem;
  bottom: 0.5rem;
  right: 1.1rem;
  display: block;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #ecc79b;
}

.options-mod .options-item p {
  font-size: 1.4rem;
  font-weight: 400;
}

.options-item p span {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  color: #ddd;
}

.product-eco {
  margin: 3rem 0 2rem;
  line-height: 1.4;
}
.product-eco p {
  margin: 0.2rem 0 0 0;
}
.product-eco .product-eco-title {
  position: relative;
  float: left;
  padding-left: 3rem;
  font-size: 1.3rem;
  color: #fff;
}
.product-eco .product-eco-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  display: block;
  width: 2.1rem;
  height: 1.3rem;
  background-image: url("../images/eco.svg");
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}
.product-eco .product-eco-title a {
  font-style: italic;
}
.product-eco .product-eco-content {
  padding-top: 0.3rem;
  font-size: 0;
  overflow: hidden;
}
.product-eco .product-eco-content p > span {
  display: inline-block;
  font-size: 1.2rem;
  vertical-align: middle;
}
.product-eco .product-eco-content p > span:nth-child(1) {
  width: 10rem;
  text-align: right;
}
.product-eco .product-eco-content p > span:nth-child(3) {
  width: 5rem;
  text-align: right;
}
.product-eco .product-eco-content p .product-eco-bar {
  width: 10rem;
  height: 3px;
  margin: 0 0 0 1rem;
  border-radius: 2px;
  background-color: #212121;
  overflow: hidden;
}
.product-eco .product-eco-content p .product-eco-bar span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #6c6c6c;
}
.product-eco .product-eco-content p.product-eco-after {
  color: #4faf5c;
}
.product-eco .product-eco-content p.product-eco-after .product-eco-bar span {
  background-color: #4faf5c;
}

.product-price {
  margin: 0 0 2rem;
  padding-top: 0.3rem;
  border-top: 1px solid #c9ac88;
}

.product-price .price {
  margin-left: 0.4rem;
  font-weight: 600;
  color: #fff;
  font-size: 2.4rem;
}

.product-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product-buttons .btn {
  margin-top: 0;
  margin-right: 0;
}

#compare-added,
#compare-limit {
  max-width: 49rem;
  padding: 4rem 8rem;
  text-align: center;
}

#compare-added .compare-added-icon,
#compare-limit .compare-added-icon {
  width: 4rem;
  margin: 0 auto;
}

#compare-added svg,
#compare-limit svg {
  width: 100%;
  height: auto;
  fill: #ecc79b;
}

#compare-added h2,
#compare-limit h2 {
  margin: 1.2rem 0 2.4rem;
  text-align: center;
}

#compare-added p,
#compare-limit p {
  margin: 0;
  text-align: center;
}

.product-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 100%;
  padding: 2rem 2.5rem;
  background-color: #1b1a1b;
  -webkit-box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.2);
  z-index: 500;
}
.product-mobile .product-price {
  float: left;
  width: 58%;
  margin: 0;
  padding: 0.4rem 0 0;
  border-top: 0;
}
.product-mobile .product-price .price {
  font-size: 2.2rem;
}
.product-mobile .product-buttons {
  float: right;
  width: 42%;
  text-align: right;
}
.product-mobile .product-buttons .btn {
  margin-top: 0;
  margin-right: 0;
  padding: 1rem 2rem;
  padding-right: 1.8rem;
}
.product-mobile.fake {
  position: static;
}

.product-description {
  max-width: 100rem;
  margin: 8rem auto 0;
  text-align: center;
}

.product-gallery {
  position: relative;
  margin: 8rem auto 0;
  padding-bottom: 6rem;
}

.product-gallery .product-gallery-big .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 20;
  width: 3.6rem;
  height: 3.6rem;
  margin-top: -1.8rem;
  border: 3px solid #4a4a4a;
  border-width: 3px 3px 0 0;
  border-color: #ecc79b;
  cursor: pointer;
}

.product-gallery .product-gallery-big .arrow-left {
  left: 3rem;
}

.product-gallery .product-gallery-big .arrow-right {
  right: 3rem;
}

.product-gallery .product-gallery-big {
  /* max-height: 80vh; */
  /* overflow: hidden; */
}

.product-gallery .product-gallery-big div img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 76vh;
  margin: 0 auto;
}

.product-gallery .product-gallery-small {
  position: absolute;
  bottom: -2rem;
  width: 33.333%;
  height: 11rem;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 1;
}

.product-gallery .product-gallery-small div {
  position: relative;
  cursor: pointer;
}

.product-gallery .product-gallery-small div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  -webkit-transition: 0.3s all 0s ease-out;
  transition: 0.3s all 0s ease-out;
}

.product-gallery .product-gallery-small div:hover::before,
.product-gallery .product-gallery-small .slick-current::before {
  opacity: 0;
}

.product-gallery .product-gallery-small div img {
  max-width: 100%;
}

.product-block {
  min-height: 60rem;
  padding: 0;
  background-size: 100% auto;
  background-position: center top;
}

.product-block .inner {
  position: static;
}

.product-block.odd {
  background-image: url("../images/bg-gradient-product-left.jpg");
}

.product-block.even {
  background-image: url("../images/bg-gradient-product-right.jpg");
}

/* side */
.product-block.side .product-block-text {
  width: 45%;
  padding: 20rem 0 24rem;
}

.product-block.side.odd .product-block-text {
  margin: 0 5% 0 auto;
  /* padding-left: 3rem; */
}

.product-block.side.even .product-block-text {
  margin: 0 auto 0 5%;
  /* padding-right: 3rem; */
}

.product-block .product-block-text h2 {
  font-size: 5rem;
  color: #fff;
}

.product-block .product-block-video {
  position: relative;
  display: block;
  width: 100%;
  max-width: 34rem;
  margin-top: 4rem;
  text-align: center;
}
.product-block .product-block-video::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.3;
  z-index: 2;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.product-block .product-block-video > img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
}
.product-block .product-block-video .display-table {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.product-block .product-block-video .play {
  width: 6.6rem;
  height: auto;
}
.product-block .product-block-video p {
  margin: 0.5rem 0 0 0;
  text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}
.product-block .product-block-video:hover::before {
  opacity: 0.4;
}

.product-block.side .product-block-image {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  max-width: 95rem;
  height: 100%;
  overflow: hidden;
}

.product-block.side.odd .product-block-image {
  left: 0;
}

.product-block.side.even .product-block-image {
  right: 0;
}

.product-block.side .product-block-image img {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-block.side.odd .product-block-image img {
  left: 0;
  -o-object-position: right center;
     object-position: right center;
}

.product-block.side.even .product-block-image img {
  right: 0;
  -o-object-position: left center;
     object-position: left center;
}

/* under */
.product-block.under {
  padding: 8rem 0;
}

.product-block.under .product-block-text {
  width: 100%;
  max-width: 86rem;
  margin: 0 auto;
  text-align: center;
}

.product-block.under .product-block-text h2 {
  text-align: center;
}

.product-block.under .product-block-image {
  width: 100%;
  max-width: 100rem;
  margin: 6rem auto 0;
}

.product-block.under.under-wide .product-block-image {
  max-width: 100%;
}

.product-block.under .product-block-image img {
  display: block;
  width: 100%;
  height: auto;
}

.product-block.under .product-block-text-under {
  width: 100%;
  max-width: 82rem;
  margin: 4rem auto 0;
  font-size: 1.4rem;
}

.product-block ol,
.text ol.guitar-neck {
  padding: 0;
  counter-reset: section;
  list-style-type: none;
}

.text ol.guitar-neck {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.product-block li,
.text ol.guitar-neck li {
  position: relative;
  padding: 0.3em 0;
  padding-left: 2.6em;
}

.product-block li::before,
.text ol.guitar-neck li::before {
  counter-increment: section;
  content: counters(section, ".") " ";
  position: absolute;
  top: 0.3em;
  left: 0;
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  text-align: center;
  border-radius: 50%;
  background-color: #8eabb7;
  color: #fff;
  font-weight: 600;
}

/* bg */
.product-block.bg {
  min-height: 0;
  padding: 18rem 0 22rem;
  color: #f5f5f5;
}

.product-block.bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 1;
}

.product-block.bg .inner {
  position: relative;
  z-index: 5;
}

.product-block.bg .product-block-text {
  width: 100%;
  max-width: 62rem;
  margin: 0 auto;
  text-align: center;
}

.product-block.bg .product-block-text h2 {
  text-align: center;
}

/* full */
.product-block.full .inner {
  max-width: none;
  padding: 0;
  overflow: hidden;
}

.product-block.full img {
  display: block;
  width: 100%;
  height: auto;
  margin: -4% 0;
}

/* slideshow */
.product-block.slideshow .inner {
  max-width: none;
  padding: 0;
  overflow: hidden;
}

.product-block.slideshow .cycle-slideshow {
  display: block;
  width: 100%;
  height: auto;
  margin: -4% 0;
}

.product-block.slideshow .cycle-slideshow img {
  display: block;
  width: 100%;
  height: auto;
}

.product-block.slideshow .cycle-slideshow img:nth-child(n+2) {
  display: none;
}

.video {
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body.single-nastroje .video.product-video {
  background-color: #040404;
}

body.single-nastroje .video.product-video .inner {
  position: relative;
}

body.single-nastroje .video.product-video .inner::before,
body.single-nastroje .video.product-video .inner::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 220px;
}

body.single-nastroje .video.product-video .inner::before {
  right: 1405px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#040404+0,040404+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgb(4, 4, 4)), to(rgba(4, 4, 4, 0)));
  background: linear-gradient(to right, rgb(4, 4, 4) 0%, rgba(4, 4, 4, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#040404", endColorstr="#00040404",GradientType=1 ); /* IE6-9 */
}

body.single-nastroje .video.product-video .inner::after {
  left: 1405px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#040404+0,040404+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(4, 4, 4, 0)), to(rgb(4, 4, 4)));
  background: linear-gradient(to right, rgba(4, 4, 4, 0) 0%, rgb(4, 4, 4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00040404", endColorstr="#040404",GradientType=1 ); /* IE6-9 */
}

@media (min-width: 1800px) {
  .video.product-video {
    background-size: 1800px auto;
  }
  body.single-nastroje .video.product-video .inner::before,
  body.single-nastroje .video.product-video .inner::after {
    display: block;
  }
}
/*
	.video::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.6;
		z-index: 1;
	}
	*/
.video .inner {
  height: 66rem;
}

.video a {
  display: block;
  padding: 4rem;
  text-decoration: none;
  text-align: center;
  color: #ddd;
}

.video h2 {
  margin-bottom: 0;
  font-size: 5.4rem;
  text-align: center;
}

.video.product-video h2 {
  font-size: 4rem;
}

.video p {
  margin-top: 1rem;
  color: #ecc79b;
}

.video a:hover p {
  text-decoration: underline;
}

.product-features h2 {
  margin-bottom: 6rem;
  text-align: center;
  font-size: 5rem;
}

.product-features-col {
  float: left;
  width: 48%;
  margin-left: 4%;
}

.product-features-col:nth-child(2n+1) {
  margin-left: 0;
}

.product-features-col table {
  width: 100%;
}

.product-features-col table tr {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.product-features-col table tr:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.product-features-col table td {
  width: 45%;
  padding: 0.5rem 0.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}

.product-features-col table td:first-child {
  color: #ecc79b;
}

.product-features-col table td:last-child {
  width: 55%;
}

.product-features-accessories {
  margin-top: 6rem;
  padding-top: 6rem;
  border-top: 1px solid #fff;
}

.product-features-accessories-title {
  width: 48%;
  padding: 0.5rem 0.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
  color: #ecc79b;
}

.product-features-accessories-title:nth-child(n+2) {
  margin-top: 1.5rem;
}

.product-features-accessories-value {
  width: 48%;
  padding: 0.5rem 0.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.product-features-accessories-value:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

body.page-template-page_onas {
  /* background-image: url("../images/bg-about.jpg"); */
  background-position: right top;
}

.aboutus-items {
  max-width: 110rem;
  margin: 0 auto;
  text-align: center;
}

.aboutus-item {
  position: relative;
  /* float: left; */
  display: inline-block;
  width: 22rem;
  height: auto;
  margin: 0 0.5rem 5rem;
  text-decoration: none;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.aboutus-item .aboutus-border {
  position: relative;
  display: block;
  width: 15rem;
  height: 15rem;
  margin: 0 auto;
  border: 2px solid #ecc79b;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 5;
}

.aboutus-item:hover .aboutus-border {
  background: #ecc79b;
}

.aboutus-item .aboutus-border svg {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 100%;
  max-width: 7rem;
  height: auto;
  max-height: 7rem;
  fill: #ecc79b;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.aboutus-item.aboutus-item-page_factory-tour .aboutus-border svg {
  max-width: 8.5rem;
  max-height: 8.5rem;
}

.aboutus-item:hover .aboutus-border svg {
  fill: #000;
  color: #000;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}

.aboutus-item:active .aboutus-border svg {
  -webkit-transform: translate(-50%, -53%);
  transform: translate(-50%, -53%);
}

.aboutus-item h3 {
  margin: 1.2rem 0 0;
  /* font-size: 2rem; */
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.aboutus-item:hover h3 {
  color: #ecc79b;
  -webkit-transform: translateY(0.3rem);
  transform: translateY(0.3rem);
}

.aboutus-item:active h3 {
  -webkit-transform: translateY(0.1rem);
  transform: translateY(0.1rem);
}

.aboutus-item .aboutus-image {
  position: absolute;
  left: 3.5rem;
  top: 0;
  display: block;
  width: 15rem;
  height: 15rem;
  -webkit-transform: translate(1.3rem, -1.3rem);
  transform: translate(1.3rem, -1.3rem);
  z-index: 3;
}

.aboutus-item .aboutus-image::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #0e0d0d;
  opacity: 0.6;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 3;
}

.aboutus-item:hover .aboutus-image::before {
  /* opacity: 0.3; */
}

.aboutus-item .aboutus-image img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 2;
}

.about-item {
  position: relative;
  float: left;
  display: block;
  width: 24.55%;
  height: 25rem;
  margin-left: 0.6%;
  margin-bottom: 1.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-decoration: none;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.about-item:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}

.about-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #ecc79b;
  opacity: 0;
  z-index: 15;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.about-item:hover::after {
  opacity: 1;
}

.about-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 7;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.about-item:hover::before {
  opacity: 1;
}

.about-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 6.8rem;
  padding: 1.2rem 1.9rem;
  padding-right: 3rem;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1.4;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 10;
}

.about-item:hover .about-bottom {
  background-color: rgba(0, 0, 0, 0.7);
}

.about-item .about-bottom-title {
  /* display: inline-block; */
  padding: 0.9rem 0 0 0;
  /* vertical-align: middle; */
}

.about-item h3 {
  margin: 0;
  font-size: 2rem;
  color: #fff;
  z-index: 20;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  outline: 1px solid transparent;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0);
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.about-item .about-bottom .about-more {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 2.3rem;
  padding-right: 4.5rem;
  font-size: 1.4rem;
  color: #ecc79b;
}

.about-item .about-bottom .about-more::after {
  content: "";
  position: absolute;
  right: 2.2rem;
  /* top: 2.3rem; */
  top: 50%;
  display: block;
  width: 2rem;
  height: 2rem;
  border: 2px solid #ecc79b;
  border-color: #ecc79b;
  border-width: 2px 2px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.about-item .about-bottom .about-more span {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.about-item:hover .about-bottom .about-more span {
  opacity: 1;
}

.download-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.8rem 1.5rem;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.download-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.download-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.download-item .download-title {
  float: left;
  width: 70%;
  color: #fff;
  padding-right: 1rem;
}

.download-item .download-links {
  float: left;
  width: 30%;
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}

.press .download-item .download-date {
  float: left;
  width: 16%;
  padding-right: 1rem;
  color: #ecc79b;
}

.press .download-item .download-title {
  width: 64%;
  padding-right: 1rem;
}

.press .download-item .download-links {
  width: 20%;
}

.media-items {
  max-width: 96rem;
  margin: 0 auto;
}

.media-item {
  margin-bottom: 4rem;
}

.media-item .media-image {
  float: left;
  display: block;
  width: 22rem;
  height: auto;
  margin-right: 3rem;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.media-item:hover .media-image {
  opacity: 0.8;
}

.media-item .media-text {
  padding-top: 1rem;
  overflow: hidden;
}

.media-item .media-text h2 {
  font-size: 2.4rem;
  margin-bottom: 0.6rem;
}

.media-item .media-text h2 a {
  color: #fff;
}

.media-item .media-text h2 a:hover {
  color: #c0a27e;
  text-decoration: underline;
}

.media-item .media-text .media-info {
  margin-top: 0;
  color: #aaa;
}

.media-item .media-text .media-info .media-medium {
  color: #c0a27e;
}

.media-item .media-text .media-info .media-date {
  color: #ddd;
}

.media-item .media-text .more {
  font-weight: 600;
}

.pagination {
  margin-top: 6rem;
  text-align: center;
}

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

.page-numbers {
  display: inline-block;
  margin: 0 2px;
  padding: 0.3rem 0.5rem;
  /* border: 1px solid transparent; */
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a.page-numbers {
  /* background-image: url("../images/bg-stripes-transparent.png"); */
  /* background-position: left top; */
  /* background-repeat: repeat; */
  /* background-clip: border-box; */
  text-decoration: none;
}

a.page-numbers:hover {
  /* background-color: #f8f8f8; */
  text-decoration: underline;
}

.page-numbers.current {
  border-color: #000;
}

.eco-header-text {
  float: left;
  width: 54%;
  margin-top: 12rem;
  text-align: left;
}
.eco-header-text h1 {
  font-size: 5rem;
  text-align: left;
}
.eco-header-text h1::after {
  content: "";
  display: inline-block;
  width: 4rem;
  height: 2.3rem;
  margin-left: 2rem;
  margin-bottom: -0.3rem;
  background-image: url("../images/eco.svg");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

.eco-header-image {
  float: right;
  width: 42%;
}
.eco-header-image img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.eco-header-image p {
  line-height: 1.2;
  color: #fff;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 2.4rem;
  text-align: center;
}

.eco-tiles {
  padding: 2rem 0;
}

.eco-tiles-item {
  position: relative;
  display: block;
  float: left;
  text-decoration: none;
  text-shadow: 1px 1px 30px #000;
}
.eco-tiles-item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0c0c0c;
  opacity: 0.35;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 5;
}
.eco-tiles-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 10rem;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c0c0c+0,0c0c0c+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(12, 12, 12, 0)), to(rgb(12, 12, 12)));
  background: linear-gradient(to bottom, rgba(12, 12, 12, 0) 0%, rgb(12, 12, 12) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000c0c0c", endColorstr="#0c0c0c",GradientType=0 ); /* IE6-9 */
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 6;
}
.eco-tiles-item:nth-child(1) {
  width: 66.7%;
}
.eco-tiles-item:nth-child(n+2) {
  width: 32.9%;
  margin-left: 0.4%;
}
.eco-tiles-item:nth-child(n+3) {
  margin-top: 0.4%;
}
.eco-tiles-item:nth-child(n+4) {
  display: none !important;
}
.eco-tiles-item img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 2;
}
.eco-tiles-item .eco-tiles-leaf {
  display: block;
  margin: 1.5rem auto;
  width: 1.3rem;
  height: auto;
}
.eco-tiles-item .eco-tiles-title {
  position: absolute;
  top: 48%;
  left: 50%;
  width: 100%;
  max-width: 40rem;
  padding: 1.5rem;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 10;
}
.eco-tiles-item .eco-tiles-title h2 {
  margin: 0;
  text-align: center;
}
.eco-tiles-item .eco-tiles-text {
  position: absolute;
  top: 42%;
  left: 50%;
  width: 100%;
  max-width: 40rem;
  padding: 1.5rem;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  -webkit-transform: translate(-50%, -45%);
  transform: translate(-50%, -45%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 11;
}
.eco-tiles-item .eco-tiles-button {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
  color: #4ca558;
  text-align: right;
  z-index: 11;
}
.eco-tiles-item .eco-tiles-button span {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.eco-tiles-item .eco-tiles-button i {
  margin-left: 0.4rem;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.eco-tiles-item:hover::before {
  opacity: 0.6;
}
.eco-tiles-item:hover::after {
  opacity: 0.8;
}
.eco-tiles-item:hover .eco-tiles-title {
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
  visibility: hidden;
  opacity: 0;
}
.eco-tiles-item:hover .eco-tiles-text {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
}
.eco-tiles-item:hover .eco-tiles-button span {
  opacity: 1;
}
.eco-tiles-item:hover .eco-tiles-button i {
  margin-left: 1.2rem;
}

.contact .inner {
  max-width: 123rem;
}

.contact-left {
  float: left;
  width: 48%;
}

.dept-item {
  margin-bottom: 4rem;
}

.dept-item h2 {
  margin: 0;
  font-size: 2.4rem;
}

.dept-item p > span {
  display: inline-block;
  width: 9rem;
  color: #ecc79b;
}

.contact-form {
  margin-top: 6rem;
}

.cf7sg-container .cf7-smart-grid.has-grid .container {
  max-width: none;
  padding: 0;
}
.cf7sg-container .cf7-smart-grid.has-grid .field > label {
  float: left;
  display: block;
  width: 12rem;
  margin-right: 1rem;
  padding-top: 0.8rem;
  color: #ecc79b;
}
.cf7sg-container .cf7-smart-grid.has-grid#cf7sg-form-soutez .field > label,
.cf7sg-container .cf7-smart-grid.has-grid#cf7sg-form-contest-int .field > label,
.cf7sg-container .cf7-smart-grid.has-grid#cf7sg-form-contest-us .field > label {
  float: none;
  width: auto;
  margin-right: 0;
  margin-bottom: 0.4rem;
}
.cf7sg-container .cf7-smart-grid.has-grid .field .wpcf7-form-control-wrap {
  display: block;
  width: auto;
  overflow: hidden;
}
.cf7sg-container .cf7-smart-grid.has-grid .field .wpcf7-form-control-wrap .input {
  display: block;
  width: 100%;
}
.cf7sg-container .info-tip {
  margin-top: 0.4rem;
  font-size: 1.4rem;
}
.cf7sg-container .btn {
  margin-top: 0;
}

div.wpcf7 span.wpcf7-not-valid-tip {
  margin-top: 0.5rem;
  font-size: 1.4rem !important;
  color: #d33;
}
div.wpcf7 div.wpcf7-response-output {
  margin: 1.5rem 0;
  margin-left: 14rem;
  padding: 1rem 1.4rem;
  border: 0;
  color: #fff;
  background-color: #c00;
}
div.wpcf7 form.sent div.wpcf7-response-output {
  background-color: #398f14;
}

.contact-legal {
  margin-top: 0;
  padding-left: 14rem;
}

.contact-right {
  float: left;
  width: 48%;
  margin-left: 4%;
}

.contact-map {
  width: 100%;
  height: 30rem;
}

.contact-info {
  margin-top: 7rem;
  padding-top: 6rem;
  border-top: 1px solid #c9ac88;
}

.contact-info h2 span {
  display: block;
  font-size: 75%;
}

.contact-info .col {
  float: left;
}

.contact-info .col.col1 {
  width: 27%;
  padding-right: 2rem;
}

.contact-info .col.col2 {
  width: 23%;
  padding-right: 2rem;
}

.contact-info .col.col3 {
  width: 50%;
}

/*
body.page-template-page_vlastnosti {
	background-image: url("../images/bg-features.jpg");
}
*/
.features .inner-features {
  padding-left: 0;
  padding-right: 1rem;
}

.features-items-wrap {
  max-width: 1020px;
  padding-top: 40px;
  padding-left: 80px;
  margin: 0 auto;
}

.features-items {
  position: relative;
}

.features-items img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 10;
}

.features-item {
  position: absolute;
  display: inline-block;
  padding: 0.6rem 0.3rem;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  line-height: 1.2;
  color: #fff;
  z-index: 13;
}

.features-item:hover {
  border-bottom: 1px solid #d8b68d;
  color: #d8b68d;
}

.features-item::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 100%;
  display: block;
  width: 43px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.features-item:hover::before {
  background-color: #d8b68d;
}

.features-item::after {
  content: "";
  position: absolute;
  left: -44px;
  bottom: -44px;
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.features-item:hover::after {
  border: 1px solid #d8b68d;
  background-color: #d8b68d;
}

.features-item.tvary-tela-a-rozmery {
  top: -8%;
  left: 23%;
}

.features-item.dreva {
  top: -5%;
  left: 0%;
}

.features-item.dreva::before {
  top: 100%;
  right: auto;
  left: 100%;
  width: 43px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.features-item.dreva::after {
  left: auto;
  right: -44px;
  bottom: -44px;
}

.features-item.snimace-a-elektroniky {
  top: 15%;
  left: -17%;
}
@media screen and (max-width: 1225px) {
  .features-item.snimace-a-elektroniky {
    left: -13%;
  }
}

.features-item.snimace-a-elektroniky::before {
  width: 154px;
  -webkit-transform: rotate(17deg);
          transform: rotate(17deg);
  right: auto;
  left: 100%;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
@media screen and (max-width: 1600px) {
  .features-item.snimace-a-elektroniky::before {
    width: 166px;
  }
}
@media screen and (max-width: 1225px) {
  .features-item.snimace-a-elektroniky::before {
    width: 132px;
  }
}
@media screen and (max-width: 1100px) {
  .features-item.snimace-a-elektroniky::before {
    width: 66px;
  }
}

.features-item.snimace-a-elektroniky.cs::before {
  width: 162px;
}
@media screen and (max-width: 1600px) {
  .features-item.snimace-a-elektroniky.cs::before {
    width: 177px;
  }
}
@media screen and (max-width: 1225px) {
  .features-item.snimace-a-elektroniky.cs::before {
    width: 141px;
  }
}
@media screen and (max-width: 1100px) {
  .features-item.snimace-a-elektroniky.cs::before {
    width: 74px;
  }
}

.features-item.snimace-a-elektroniky::after {
  left: 314px;
  bottom: -58px;
}
@media screen and (max-width: 1225px) {
  .features-item.snimace-a-elektroniky::after {
    left: 277px;
    bottom: -47px;
  }
}
@media screen and (max-width: 1100px) {
  .features-item.snimace-a-elektroniky::after {
    left: 202px;
    bottom: -30px;
  }
}

.features-item.povrchova-uprava,
.features-item.povrchove-upravy {
  top: 8%;
  left: 44%;
}

.features-item.rezonancni-desky-a-zebrovani {
  width: 130px;
  top: 56%;
  left: -6%;
}

.features-item.rezonancni-desky-a-zebrovani::before {
  top: 100%;
  right: auto;
  left: 100%;
  width: 50px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.features-item.rezonancni-desky-a-zebrovani::after {
  left: auto;
  right: -49px;
  bottom: 33px;
}

.features-item.unikatni-konstrukce-krku,
.features-item.furch-cnr-system-active {
  top: 14%;
  left: 68%;
}

.features-item.unikatni-konstrukce-krku::before,
.features-item.furch-cnr-system-active::before {
  width: 74px;
}

.features-item.unikatni-konstrukce-krku::after,
.features-item.furch-cnr-system-active::after {
  left: -66px;
  bottom: -66px;
}

.features-item.pevne-kufry-a-gigbagy {
  top: 78%;
  left: 67%;
}

.features-item.pevne-kufry-a-gigbagy::before {
  top: 100%;
  right: 100%;
  width: 62px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.features-item.pevne-kufry-a-gigbagy::after {
  left: -58px;
  bottom: 42px;
}

.features-item.poslechnete-si {
  top: 46%;
  left: 38%;
}

.features-item.poslechnete-si::before {
  top: 100%;
  left: auto;
  right: 100%;
  width: 100px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.features-item.poslechnete-si::after {
  right: auto;
  left: -84px;
  bottom: 68px;
}

.features-item.booster-soundport {
  left: 41%;
  top: -2%;
}

.features .about-items {
  display: none;
}

.about-item.shapes-item,
.about-item.shapes-item:nth-child(4n+1) {
  clear: none;
  width: 19.52%;
  height: auto;
  margin-left: 0.6%;
  /* margin-bottom: 1.5rem; */
  padding-bottom: 4rem;
  background-color: #111;
}

.about-item.shapes-item:nth-child(5n+1) {
  clear: left;
  margin-left: 0;
}

.shapes-item img {
  display: block;
  width: 75%;
  /* max-width: ; */
  height: auto;
  margin: 0 auto;
}

.shapes-item .about-bottom {
  /* min-height: 6.8rem; */
  padding-right: 4rem;
}

.shapes-item .about-bottom-title {
  padding: 0;
}

.shapes-item .shapes-symbol {
  position: relative;
  left: -0.1rem;
  display: block;
  margin-bottom: 0.5rem;
  color: #fff;
  font-size: 2.6rem;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  outline: 1px solid transparent;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0);
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.shapes-item h3 {
  font-size: 1.8rem;
  color: #ecc79b;
}

.about-item.shapes-item .about-bottom .about-more::after {
  /* top: 2.8rem; */
}

.about-item.shapes-item .about-bottom .about-more span {
  display: none;
}

.about-item:hover.shapes-item .about-bottom .about-more span {
  display: none;
}

.shapes-dimensions .shapes-dimensions-image {
  float: left;
  display: block;
  width: 47%;
  height: auto;
}

.shapes-dimensions .shapes-dimensions-table {
  float: left;
  display: block;
  width: 47%;
  margin-left: 6%;
}

.shapes-dimensions .shapes-dimensions-table table {
  width: 100%;
}

.shapes-dimensions .shapes-dimensions-table th,
.shapes-dimensions .shapes-dimensions-table td {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #414041;
}

.shapes-dimensions .shapes-dimensions-table th:first-child {
  font-size: 2.4rem;
  text-align: left;
}

.shapes-dimensions .shapes-dimensions-table th {
  /* line-height: 1.2; */
  color: #fff;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-weight: 300;
  text-align: left;
}

.shapes-dimensions .shapes-dimensions-table td {
  text-align: center;
  font-size: 1.4rem;
}

.shapes-dimensions .shapes-dimensions-table td:first-child {
  color: #ecc79b;
  text-align: left;
}

.shapes-dimensions .shapes-dimensions-table td:nth-child(n+2) {
  width: 1px;
  white-space: nowrap;
}

.shapes-dimensions .shapes-dimensions-table blockquote {
  margin: 0.6rem 1rem 2.5rem;
  text-align: right;
  font-size: 1.4rem;
}

.shapes-dimensions .shapes-dimensions-table blockquote p {
  margin: 0;
}

.shapes-dimensions .shapes-dimensions-table > p {
  font-size: 1.3rem;
  opacity: 0.7;
}

.shape-image {
  float: left;
  width: 47%;
  height: 48rem;
}

body.single-tvary .shape-image {
  padding-right: 4%;
}

.shape-image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0 0 0 auto;
}

.shape-info {
  float: right;
  width: 47%;
  margin-left: 6%;
}

.shape h1 {
  margin-bottom: 2.5rem;
  text-align: left;
}

.shape-block {
  margin-bottom: 4rem;
}

.shape-block h2 {
  margin-bottom: 1rem;
  font-size: 2.4rem;
}

.shape-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shape-block ul li {
  margin: 0;
  padding: 0.2rem 0;
}

.shape-block table td {
  padding-right: 2rem;
}

.shape-block table td:last-child {
  padding-right: 0;
}

.woods .woods-wrap h2 {
  margin-bottom: 3rem;
  text-align: center;
}

.about-item.woods-item,
.about-item.woods-item:nth-child(4n+1) {
  clear: none;
  width: 19.52%;
  height: 24rem;
  margin-left: 0.6%;
  /* margin-bottom: 1.5rem; */
  padding-bottom: 4rem;
}

.about-item.woods-item:nth-child(5n+1) {
  clear: left;
  margin-left: 0;
  margin-bottom: 1.5rem;
}

.woods-item .about-bottom {
  /* min-height: 6.8rem; */
  padding-right: 4rem;
}

.woods-item .about-bottom-title {
  padding: 0;
}

.woods-item h3 {
  margin-bottom: 0.3rem;
  /* font-size: 1.8rem; */
  color: #fff;
}

.woods-item .woods-country {
  display: block;
  color: #ecc79b;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  outline: 1px solid transparent;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0);
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.about-item.woods-item .about-bottom .about-more::after {
  /* top: 2.8rem; */
}

.about-item.woods-item .about-bottom .about-more span {
  display: none;
}

.about-item:hover.woods-item .about-bottom .about-more span {
  display: none;
}

.woods-bottom.text {
  margin-top: 6rem;
}

.woods-bottom.text h2,
.woods-bottom.text h3,
.woods-bottom.text h4,
.woods-bottom.text p,
.woods-bottom.text ul,
.woods-bottom.text ol,
.woods-bottom.text li,
.woods-bottom.text {
  text-align: left;
}

.wood h1 {
  margin-bottom: 0;
  text-align: left;
}

.woods .page-blocks-items {
  margin-bottom: 6rem;
}

.page-blocks-item {
  margin-bottom: 5rem;
}

.page-blocks-item:last-child {
  margin-bottom: 0;
}

.page-blocks-image {
  float: left;
  width: 48%;
  margin-right: 4%;
}

.alternating .page-blocks-item:nth-child(2n+1) .page-blocks-image {
  float: left;
  margin-right: 4%;
  margin-left: 0;
}

.alternating .page-blocks-item:nth-child(2n) .page-blocks-image {
  float: right;
  margin-right: 0;
  margin-left: 4%;
}

.page-blocks-image img {
  display: block;
  width: 100%;
  height: auto;
}

.page-blocks-text {
  padding-top: 3rem;
  overflow: hidden;
  text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6);
}

.woods .page-blocks-text {
  padding-top: 1rem;
}

.woods .page-blocks-text p:first-child {
  margin-top: 0;
}

.page-blocks-item.page-blocks-item--custom-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-blocks-item.page-blocks-item--custom-order.image-right .page-blocks-image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: 4%;
  padding-right: 0;
}
.page-blocks-item.page-blocks-item--custom-order.image-right .page-blocks-text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-left: 0;
  padding-right: 4%;
}
@media screen and (max-width: 800px) {
  .page-blocks-item.page-blocks-item--custom-order.image-right .page-blocks-text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.page-blocks-item.page-blocks-item--custom-order .page-blocks-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-right: 4%;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
@media screen and (max-width: 800px) {
  .page-blocks-item.page-blocks-item--custom-order .page-blocks-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    max-width: 100% !important;
  }
}
.page-blocks-item.page-blocks-item--custom-order .page-blocks-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-left: 4%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0 !important;
}
@media screen and (max-width: 800px) {
  .page-blocks-item.page-blocks-item--custom-order .page-blocks-text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
  .page-blocks-item.page-blocks-item--custom-order .page-blocks-text h2 {
    text-align: center;
  }
}
.page-blocks-item.page-blocks-item--custom-order iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.page-blocks-item.page-blocks-item--custom-order img {
  max-width: 100%;
  height: auto;
}

.single-nastroje .tonepedia {
  background-color: #0a0a0a;
}
.tonepedia .page-header h1 {
  margin-bottom: 0;
}
.tonepedia .page-header p {
  margin-top: 0;
  color: #ecc79b;
  font-style: italic;
}

.tonepedia-image {
  float: right;
  width: 48%;
}

.tonepedia-image > div {
  width: 100% !important;
  max-width: 360px !important;
}

.tonepedia-text {
  float: left;
  width: 48%;
  padding-top: 3rem;
  text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6);
}
.single-nastroje .tonepedia-text {
  padding-top: 6rem;
}
.tonepedia-text .tonepedia-header h1,
.tonepedia-text .tonepedia-header h2 {
  margin-bottom: 0;
}
.tonepedia-text .tonepedia-header p {
  margin-top: 0;
  color: #ecc79b;
  font-style: italic;
}
.tonepedia-text ol {
  margin: 1.4rem 0 0 0;
  padding: 0;
  list-style: none;
  counter-reset: tonepedia;
}
.tonepedia-text ol li {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 3rem;
  counter-increment: tonepedia;
}
.tonepedia-text ol li::before {
  content: counter(tonepedia);
  position: absolute;
  left: 0;
  display: inline-block;
  width: 2rem;
  color: #ecc79b;
  text-align: right;
  font-weight: 600;
}

.artists-item {
  position: relative;
  float: left;
  display: block;
  width: calc(25% - 8px);
  height: 240px;
  /* margin-left: 4px; */
  /* margin-right: 4px; */
  /* margin-bottom: 8px; */
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-decoration: none;
  overflow: hidden;
}

.artists-item.wide {
  width: calc(50% - 8px);
  height: 240px;
}

.artists-item.tall {
  width: calc(25% - 8px);
  height: 488px;
}

a.artists-item:hover {
  text-decoration: none;
}

.artists-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  /* height: 12rem; */
  height: 14rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121011+0,121011+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 16, 17, 0)), to(rgb(18, 16, 17)));
  background: linear-gradient(to bottom, rgba(18, 16, 17, 0) 0%, rgb(18, 16, 17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00121011", endColorstr="#121011",GradientType=0 ); /* IE6-9 */
  opacity: 0.8;
  z-index: 1;
}

.artists-item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 15;
}

.artists-item.loading::before {
  visibility: visible;
  opacity: 0.7;
}

.artists-item img {
  display: block;
  width: 100%;
  height: auto;
}

.artists-item .artists-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 2.5rem 3rem;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  z-index: 5;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a.artists-item:hover .artists-text {
  -webkit-transform: translateY(-10rem);
  transform: translateY(-10rem);
  opacity: 0;
}

a.artists-item.loading:hover .artists-text {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.artists-item h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
}

.artists-item .artists-text .artists-contry {
  display: inline-block;
  margin-top: 0.6rem;
  /* padding: 0.2rem 0.6rem; */
  /* background-color: #d2b38e; */
  color: #fff;
}

.artists-item .artists-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  /* padding: 3rem; */
  padding: 2.5rem 3rem;
  color: #444;
  background-color: #d2b38e;
  /* background-image: url("../images/bg-3d-gold.jpg"); */
  background-repeat: repeat;
  background-position: left top;
  -webkit-transform: translateY(10rem);
  transform: translateY(10rem);
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a.artists-item:hover .artists-overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

a.artists-item.loading:hover .artists-overlay {
  -webkit-transform: translateY(10rem);
  transform: translateY(10rem);
  opacity: 0;
}

.artists-item .artists-overlay h2 {
  color: #000;
}

.artists-item .artists-overlay p:first-child {
  margin-top: 0;
}

.artists-item .artists-overlay .btn {
  margin-top: 3rem;
}

.artists-item .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 17;
}

.loader-wrap {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0.8;
  z-index: 99999;
}
.loader-wrap .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
}

.loader div {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-animation: loader 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: loader 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.loader div:nth-child(2) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

@-webkit-keyframes loader {
  0% {
    width: 0;
    height: 0;
    border-width: 1px;
    opacity: 1;
  }
  10% {
    border-width: 5px;
  }
  100% {
    width: 66px;
    height: 66px;
    border-width: 5px;
    opacity: 0;
  }
}

@keyframes loader {
  0% {
    width: 0;
    height: 0;
    border-width: 1px;
    opacity: 1;
  }
  10% {
    border-width: 5px;
  }
  100% {
    width: 66px;
    height: 66px;
    border-width: 5px;
    opacity: 0;
  }
}
body.single-umelci .main {
  padding-top: 0;
}

body.single-umelci .main-menu-wrap,
body.single-umelci .footer {
  /* display: none; */
}

body.single-umelci .artist {
  padding-top: 8rem;
}

.artist {
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.artist.ajaxed {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  /* display: none; */
  width: 100%;
  height: 100%;
  /* overflow-y: auto; */
  -webkit-transform: translateY(12rem);
  transform: translateY(12rem);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 1200;
}

.artist.ajaxed.visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.artist-close {
  position: fixed;
  top: 2.8rem;
  right: 3rem;
  display: block;
  width: 4rem;
  height: 4rem;
  z-index: 15;
}

.artist-close::before,
.artist-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #fff;
}

.artist-close::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.artist-close::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.artist-shadow1 {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 22rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  opacity: 0.8;
  z-index: 7;
}

.artist-shadow2 {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 84rem;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+35,1+70 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.7)), color-stop(70%, rgb(0, 0, 0)), to(rgb(0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 35%, rgb(0, 0, 0) 70%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=1 ); /* IE6-9 */
  opacity: 1;
  z-index: 8;
}

.artist-full {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  z-index: 10;
}

.artist-right {
  position: relative;
  float: right;
  width: 100%;
  /* height: 100%; */
  max-width: 70rem;
  padding: 12rem 10rem 10rem;
  z-index: 11;
}

.artist-right h1 {
  text-align: left;
  margin-bottom: 0;
}

.artist-right .artist-country {
  margin-top: 0;
  font-size: 2.6rem;
  color: #ecc79b;
}

.artist-right .artist-block {
  margin: 2rem 0;
  padding: 2rem 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-width: 1px 0;
}

.artist-right .artist-block p {
  margin: 0;
}

.artist-social {
  margin-top: 2rem;
}

.social {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  margin-right: 0.2rem;
  line-height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: #ecc79b;
  border-radius: 50%;
  color: #fff;
}

.social-web {
  background-color: #888;
}

.social-facebook {
  background-color: #3b5998;
}

.social-twitter {
  background-color: #00aced;
}

.social-instagram {
  background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, red, #ff0);
}

.social-youtube-play {
  background-color: #cc181e;
}

.social:hover {
  color: #fff;
  opacity: 0.8;
}

.social .fa {
  margin-left: -0.1em;
}

.artist-video {
  margin-top: 2rem;
}

.video-responsive {
  position: relative;
  margin-top: 4rem;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

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

.dealers {
  z-index: 90;
}

.dealers-top {
  margin-bottom: 2rem;
}

.dealers-top-left .btn {
  margin-top: 0;
}

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

.dropdown {
  position: relative;
  display: inline-block;
  text-align: left;
  z-index: 999;
}

.dropdown > a {
  position: relative;
  display: inline-block;
  min-width: 15rem;
  /* height: 40px; */
  margin: 0;
  padding: 1rem 2.4rem;
  line-height: 1.3;
  background: transparent;
  background-color: #1b1b1b;
  color: #fff;
  border: 2px solid #6ac2bd;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  /* text-transform: uppercase; */
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* z-index: 10; */
  z-index: 998;
}

.dropdown:hover > a {
  background-color: #6ac2bd;
  color: #fff;
  border-color: #6ac2bd;
  text-decoration: none;
}

.dropdown > a:active {
  background-color: #54ada8;
  color: #fff;
  border-color: #6ac2bd;
  text-decoration: none;
}

.dropdown > a {
  padding-right: 2.2rem;
}

.dropdown > a i {
  margin-left: 1.4rem;
}

.dropdown > ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  display: block;
  max-height: 60vh;
  /* min-height: 10rem; */
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #1b1b1b;
  -webkit-box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
          box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  visibility: hidden;
  -webkit-transform: translateY(-2rem);
  transform: translateY(-2rem);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* z-index: 9; */
  z-index: 997;
}

.dropdown.open > ul {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.dropdown.loading > ul {
  visibility: hidden;
  -webkit-transform: translateY(-2rem);
  transform: translateY(-2rem);
  opacity: 0;
}

.dropdown > ul li {
  display: block;
  margin: 0;
  padding: 0;
}

.dropdown > ul li.active {
  display: none;
}

.dropdown > ul li a {
  display: block;
  padding: 0.8rem 1.2rem;
  background-color: #1b1b1b;
  color: #ccc;
  font-size: 1.4rem;
  line-height: 1.3;
  text-decoration: none;
}

.dropdown > ul li a:hover {
  background-color: #262626;
  color: #fff;
  text-decoration: none;
}

.dropdown > ul li a:active {
  background-color: #151515;
  color: #fff;
}

.dealers-filter-wrap {
  position: relative;
  max-width: 75rem;
  padding: 2rem 4rem;
  margin: 2rem auto 0;
  background-color: rgba(12, 11, 11, 0.6);
  font-size: 0;
  text-align: center;
}
.dealers-filter-wrap.loading {
  opacity: 0.5;
  -webkit-filter: saturate(0);
          filter: saturate(0);
}

.dealers-filter {
  display: inline-block;
  width: calc(100% - 16rem - 1rem);
  vertical-align: middle;
}
.dealers-filter input {
  display: inline-block;
  width: calc(100% - 13rem - 0.5rem);
  margin: 0;
  margin-right: 0.5rem;
  vertical-align: middle;
  font-size: 1.5rem;
}
.dealers-filter .btn {
  display: inline-block;
  width: 13rem;
  margin: 0;
  vertical-align: middle;
}

.dealers-closest {
  display: inline-block;
  width: 16rem;
  margin-left: 1rem;
  text-align: right;
  vertical-align: middle;
  font-size: inherit;
  color: #6ac2bd;
  font-weight: 600;
  font-size: 1.5rem;
}
.dealers-closest .fa {
  margin-right: 0.8rem;
  font-size: 2rem;
  vertical-align: middle;
}
.dealers-closest:hover {
  color: #6ac2bd;
  text-decoration: none;
}

.dealers-map-wrap {
  margin-top: 8rem;
}

.dealers-left {
  float: left;
  width: 70%;
  height: 70vh;
}

.dealers-map {
  width: 100%;
  height: 100%;
}

.dealers-map .marker {
  display: none;
}

.dealers-map h3 {
  margin-top: 0.3rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: #000;
  font-weight: 400;
}

.dealers-map p {
  margin-top: 0.8rem;
  font-size: 1.3rem;
  line-height: 1.3;
  color: #444;
}

.dealers-map .btn {
  margin-top: 1.4rem;
}

.dealers-right {
  float: left;
  width: 30%;
  height: 70vh;
  padding: 2.5rem 4rem;
  background-color: rgba(12, 11, 11, 0.6);
}
.dealers-right .dropdown {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}
.dealers-right .dropdown > a {
  width: 100%;
  padding: 1.4rem 1.6rem;
  padding-right: 4rem;
  border: 1px solid #6a6a6a;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.03);
  -webkit-transition: background-color, border-color 0.2s ease-out 0s;
  transition: background-color, border-color 0.2s ease-out 0s;
  background-image: linear-gradient(45deg, transparent 50%, #6a6a6a 50%), linear-gradient(135deg, #6a6a6a 50%, transparent 50%), linear-gradient(to right, #6a6a6a, #6a6a6a);
  background-position: calc(100% - 18px) calc(44% + 2px), calc(100% - 13px) calc(44% + 2px), calc(100% - 35px) center;
  background-size: 5px 5px, 5px 5px, 1px 60%;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: 300;
  z-index: 1;
}
.dealers-right .dropdown > a:hover {
  border-color: #999;
  background-color: rgba(255, 255, 255, 0.05);
}
.dealers-right .dropdown.open > a {
  background-image: linear-gradient(45deg, #6a6a6a 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #6a6a6a 50%), linear-gradient(to right, #6a6a6a, #6a6a6a);
  background-position: calc(100% - 13px) 44%, calc(100% - 18px) 44%, calc(100% - 35px) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: #6a6a6a;
  background-color: rgba(255, 255, 255, 0.05);
}

.dealers-items-wrap {
  width: 100%;
  height: calc(100% - 6.8rem);
  overflow-y: auto;
}

.dealers-item {
  position: relative;
  display: block;
  padding: 1.8rem 2rem;
  padding-right: 5rem;
  text-decoration: none;
  color: #ccc;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dealers-item:hover {
  background-color: #262626;
  color: #fff;
  text-decoration: none;
}

.dealers-item:active {
  background-color: #151515;
  color: #fff;
}

.dealers-item::after {
  content: "";
  position: absolute;
  right: 2.2rem;
  /* top: 2.3rem; */
  top: 50%;
  display: block;
  width: 2rem;
  height: 2rem;
  border: 2px solid #ecc79b;
  border-color: #ecc79b;
  border-width: 2px 2px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.dealers-item h3 {
  margin-bottom: 0;
  font-size: 1.8rem;
}

.dealers-item p {
  font-size: 1.4rem;
  line-height: 1.3;
}

.distributors {
  z-index: 90;
}

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

.distributors-item {
  width: 100%;
  max-width: 60rem;
  margin: 4rem auto 0;
}

.distributors-item .col-left {
  width: 73%;
}

.distributors-item .col-right {
  width: 27%;
}

/* .compare > div {} */
.compare h2 {
  margin: 0;
  font-size: 2.8rem;
}

.compare-col {
  float: left;
}

.compare-1 .compare-col {
  width: 48%;
  margin-left: 4%;
}

.compare-2 .compare-col {
  width: 31.333%;
  margin-left: 3%;
}

.compare-3 .compare-col {
  width: 22.75%;
  margin-left: 3%;
}

.compare-4 .compare-col {
  width: 17.6%;
  margin-left: 3%;
}

.compare-col:first-child {
  margin-left: 0 !important;
}

/*
			.compare-row-header img {
				display: block;
				width: 100%;
				max-width: 20rem;
				height: auto;
				margin-bottom: 2rem;
			}
			*/
.compare-row-header .compare-image-compo {
  width: 100%;
  max-width: 20rem;
  height: auto;
  margin-bottom: 2rem;
  text-align: center;
}

.compare-row-header .compare-image-compo img {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 70%;
  height: auto;
  /* max-height: 100%; */
  vertical-align: middle;
}

.compare-row-header .compare-image-compo img:first-child {
  z-index: 5;
}

.compare-row-header .compare-image-compo img:last-child {
  max-width: 55%;
  margin-left: -29%;
  z-index: 4;
}

.compare .btn-remove {
  position: relative;
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  margin-left: 1rem;
  background: transparent;
  border: 2px solid #6ac2bd;
  border-radius: 3px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.compare-row-header .btn-remove {
  top: -0.5rem;
  vertical-align: middle;
}

.compare .btn-remove:hover {
  background-color: #6ac2bd;
  color: #fff;
  border-color: #6ac2bd;
  text-decoration: none;
}

.compare .btn-remove:active {
  background-color: #54ada8;
  color: #fff;
  border-color: #6ac2bd;
  text-decoration: none;
}

.compare .btn-remove::before,
.compare .btn-remove::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.4rem;
  height: 2px;
  margin-top: -1px;
  margin-left: -0.7rem;
  background-color: #6ac2bd;
}

.compare .btn-remove::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.compare .btn-remove::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.compare .btn-remove:hover::before,
.compare .btn-remove:hover::after {
  background-color: #111;
}

.compare-row-feature {
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.compare-row-feature:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.compare-row-feature .compare-col,
.compare-row-price .compare-col {
  padding: 0.5rem 0.4rem;
}

.compare-col-title {
  color: #ecc79b;
}

.compare-row-price {
  margin-top: 4rem;
  border: 1px solid #c9ac88;
  border-width: 1px 0;
}

.compare-row-price .compare-col-title {
  padding-top: 1rem;
}

.compare-row-price .compare-col-value {
  font-size: 2.2rem;
  font-weight: 600;
}

.compare-row-footer {
  margin-top: 3rem;
}

.compare-row-footer h2 {
  margin-bottom: 1rem;
}

.compare-row-footer .compare-help {
  height: 22rem;
  padding: 2rem;
  border: 2px solid #c9ac88;
  text-align: center;
}

.compare-row-footer .compare-help h3 {
  max-width: 26rem;
  margin: 0 auto 2rem;
  text-align: center;
}

.compare-row-footer .compare-help p span {
  color: #ecc79b;
}

.compare-row-footer .compare-help p a {
  color: #ddd;
}

.compare-row-footer .compare-help p a:hover {
  color: #fff;
}

.compare-row-footer .compare-image {
  position: relative;
  width: 100%;
  height: 22rem;
  padding: 1.5rem;
  background-color: #1e1c1d;
}

/*
				.compare-row-footer .compare-image img {
					display: block;
					width: auto;
					max-width: 100%;
					height: auto;
					max-height: 100%;
					margin: 0 auto;
				}
				*/
.compare-row-footer .compare-image .compare-image-compo {
  height: 100%;
  text-align: center;
}

.compare-row-footer .compare-image .compare-image-compo img {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: middle;
}

.compare-row-footer .compare-image .compare-image-compo img:first-child {
  z-index: 5;
}

.compare-row-footer .compare-image .compare-image-compo img:last-child {
  margin-left: -4rem;
  max-height: 88%;
  z-index: 4;
}

.compare-row-footer .btn-remove {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}

.compare-row-footer .btn {
  margin-top: 1rem;
}

.compare-responsive {
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 0.01%;
  padding-bottom: 1rem;
}

@media screen and (max-width: 600px) {
  .compare-1 .compare-responsive {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    -webkit-box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.7);
            box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.7);
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .compare-1 .compare-responsive > div {
    min-width: 500px;
  }
}
@media screen and (max-width: 800px) {
  .compare-2 .compare-responsive {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    -webkit-box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.7);
            box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.7);
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .compare-2 .compare-responsive > div {
    min-width: 700px;
  }
}
@media screen and (max-width: 1150px) {
  .compare-3 .compare-responsive {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    -webkit-box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.7);
            box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.7);
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .compare-3 .compare-responsive > div {
    min-width: 1050px;
  }
}
@media screen and (max-width: 1470px) {
  .compare-4 .compare-responsive {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    -webkit-box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.7);
            box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.7);
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .compare-4 .compare-responsive > div {
    min-width: 1370px;
  }
}
.relative {
  position: relative;
}

.categories .relative .anchor,
.woods .relative .anchor {
  top: -12rem;
}

body.page-template-page_dekoder {
  background-image: url("../images/bg-gradient-decoder.jpg");
}

.decoder {
  line-height: 1.2;
}

.decoder.static-version {
  padding-bottom: 2rem;
}

.decoder .inner {
  max-width: 1570px;
}

.decoder select {
  background-color: #000;
}

.decoder .archive-tables {
  margin-top: 8rem;
}

.decoder h2 {
  margin-bottom: 4rem;
  text-align: center;
}

.decoder .decoder-head {
  display: table;
  margin: 0 auto;
}

.decoder-head .decoder-list {
  display: none !important;
}

.decoder.static-version .decoder-head {
  margin-top: 8rem;
}

.decoder .decoder-head::after {
  content: "";
  display: block;
  clear: both;
}

.decoder .decoder-head .decoder-head__box {
  float: left;
}

.decoder .decoder-head .decoder-head__box .box-text {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.decoder-head .decoder-head__box.hover .box-text {
  /* border-color: #d4b38c; */
  background-color: rgba(255, 255, 255, 0.04);
}

.decoder .decoder-head .decoder-head__box:first-child .box-text {
  border-left: 1px solid #888;
  position: relative;
}

.decoder .decoder-head .decoder-head__box .box-title {
  margin-bottom: 1.5rem;
  color: #fff;
  text-align: center;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
}

.decoder .decoder-head .decoder-head__box .box-text {
  color: #fff;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 8rem;
  font-weight: 400;
  line-height: 1;
  border: 1px solid #888;
  border-left: 0;
  cursor: pointer;
}

.decoder .decoder-head .decoder-head__box .box-text .ui-selectmenu-button {
  padding: 20px 0;
  display: inline-block;
  text-align: center;
}

.decoder .decoder-head .decoder-head__box.no-border .box-text {
  border-right: 0;
  position: relative;
  text-align: center;
}

.decoder .decoder-head .decoder-head__box.no-border .box-text::after {
  content: "-";
  font-size: 8rem;
  display: block;
  position: absolute;
  top: 2rem;
  right: -1.5rem;
  line-height: 1;
}

.decoder .decoder-lines {
  height: 80px;
  position: relative;
}

.decoder .decoder-lines svg {
  height: 80px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.decoder .decoder-lines svg line {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.decoder .decoder-lines svg.hover line {
  stroke: #d4b38c !important;
  /* stroke-width: 1 !important; */
}

.decoder .decoder-list::after {
  content: "";
  display: block;
  clear: both;
}

.decoder .decoder-list .decoder-list__box {
  float: left;
  margin-right: 40px;
  border-top: 1px solid #424242;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.decoder .decoder-list .decoder-list__box.hover {
  border-color: #d4b38c;
}

.decoder .decoder-list .decoder-list__box[data-part=material] {
  min-width: 22rem;
}

.decoder .decoder-list .decoder-list__box .box-title {
  margin: 1.5rem 0 0.5rem;
  color: #fff;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
}

.decoder .decoder-list .decoder-list__box .box-text ul {
  margin: 0;
  padding: 0;
}

.decoder .decoder-list .decoder-list__box .box-text ul li {
  display: table-row;
}

.decoder .decoder-list .decoder-list__box .box-text ul li::after {
  content: "";
  height: 22px;
  display: block;
}

.decoder .decoder-list .decoder-list__box .box-text ul li .name {
  display: table-cell;
  margin-right: 20px;
  padding-right: 20px;
  color: #fff;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.decoder .decoder-list .decoder-list__box .box-text ul li .description {
  display: table-cell;
  color: #999999;
  font-size: 1.4rem;
}

.new-models {
  display: none !important;
}

.decoder.static-version {
  display: block;
}

.decoder.static-version .decoder-main-head {
  margin-bottom: 4rem;
  color: #ecc79b;
  text-align: center;
}

.decoder.static-version .decoder-main-head strong {
  display: block;
  margin-top: 1rem;
  color: #fff;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 3.4rem;
  font-weight: 400;
}

.decoder.static-version .decoder-main-head span {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.decoder.static-version .decoder-main-head span.hover {
  color: #ecc79b;
}

.decoder.static-version .decoder-head .decoder-head__box .box-text {
  /* padding: 20px 40px; */
  /* cursor: auto; */
  font-size: 4.5rem;
  line-height: 1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.decoder.static-version .decoder-head .decoder-head__box.gray-border .box-text {
  border: 1px solid #434242;
  border-left: 0;
  color: #999999;
}

.decoder.static-version .decoder-head .decoder-head__box.gray-border.hover .box-text {
  /* border-color: #525148; */
}

.decoder.static-version .decoder-head .side-margin {
  margin-left: 53px;
  position: relative;
}

.decoder.static-version .decoder-head .side-margin::before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 5px;
  background: #fff;
  bottom: 40px;
  left: -38px;
}

.decoder.static-version .decoder-head .side-margin .box-text {
  border-left: 1px solid #888;
}

.decoder.static-version .decoder-head .side-margin .box-text::after {
  display: none;
}

.decoder.static-version .decoder-head .decoder-head__box:nth-child(3),
.decoder.static-version .decoder-head .decoder-head__box:nth-child(4) {
  /* width: 200px; */
  text-align: center;
}

.decoder.static-version .decoder-list .decoder-list__box .box-text ul .description {
  font-size: 1.2rem;
}

.decoder ul[id*=ui-id-].selected li {
  opacity: 0.2;
}

.decoder ul[id*=ui-id-].selected li.selected {
  opacity: 1;
}

/* new models */
.decoder.static-version .select-box[data-part=line] + .ui-button {
  width: 274px;
}

.decoder.static-version .select-box[data-part=shape] + .ui-button {
  width: 148px;
}

.decoder.static-version .select-box[data-part=material1] + .ui-button {
  width: 190px;
}

.decoder.static-version .select-box[data-part=material2] + .ui-button {
  width: 190px;
}

.decoder.static-version .select-box[data-part=strings] + .ui-button {
  width: 116px;
}

.decoder.static-version .select-box[data-part=hand] + .ui-button {
  width: 150px;
}

.decoder.static-version .select-box[data-part=additional] + .ui-button {
  width: 175px;
}

/* old models */
.decoder.old-models .decoder-list .decoder-list__box[data-part=material] {
  min-width: 27rem;
}

/* .decoder #ui-id-7-button { */
.decoder.old-models .select-box[data-part=shape] + .ui-button {
  width: 250px;
}

/* .decoder #ui-id-8-button { */
.decoder.old-models .select-box[data-part=line] + .ui-button {
  width: 120px;
}

/* .decoder #ui-id-9-button { */
.decoder.old-models .select-box[data-part=material1] + .ui-button {
  width: 80px;
  padding-right: 0;
}

/* .decoder #ui-id-10-button { */
.decoder.old-models .select-box[data-part=material2] + .ui-button {
  width: 80px;
  padding-left: 0;
  margin-left: -10px;
}

/* .decoder #ui-id-11-button { */
.decoder.old-models .select-box[data-part=strings] + .ui-button {
  width: 120px;
}

/* .decoder #ui-id-12-button { */
.decoder.old-models .select-box[data-part=cut] + .ui-button {
  width: 200px;
}

/* .decoder #ui-id-13-button { */
.decoder.old-models .select-box[data-part=hand] + .ui-button {
  width: 230px;
}

.customDecoder ul {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #888;
  list-style: none;
  z-index: 500;
}

.customDecoder ul li {
  background: #0e0d0d;
  transition: 0.3s all 0s linear;
  -webkit-transition: 0.3s all 0s linear;
  -moz-transition: 0.3s all 0s linear;
  -o-transition: 0.3s all 0s linear;
  cursor: pointer;
}

.customDecoder ul li div {
  padding: 1rem;
  color: #fff;
  border-left: 0;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1;
}

.customDecoder ul li:hover {
  background: black;
}

/*
	.customDecoder #ui-id-1-menu {
		width: 491px;
	}

	.customDecoder #ui-id-4-menu {
		width: 81px;
	}

	.customDecoder #ui-id-5-menu {
		width: 121px;
	}

	.customDecoder #ui-id-6-menu {
		width: 231px;
	}

	.customDecoder #ui-id-7-menu {
		width: 251px;
	}

	.customDecoder #ui-id-10-menu {
		width: 81px;
	}

	.customDecoder #ui-id-11-menu {
		width: 121px;
	}

	.customDecoder #ui-id-12-menu {
		width: 211px;
	}

	.customDecoder #ui-id-13-menu {
		width: 231px;
	}
*/
.ui-selectmenu-menu {
  display: none;
  width: 0;
}

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

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
.decoder-number h2 {
  text-align: center;
}

.decoder-number .decoder-number-wrap {
  width: 57rem;
  margin: 3rem auto 0;
}

.shake {
  -webkit-animation: shake 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.decoder-number .input {
  display: inline-block;
  width: 40rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: 2px solid #ecc79b;
  font-size: 1.8rem;
  vertical-align: top;
}

.decoder-number .btn {
  display: inline-block;
  width: 15rem;
  margin: 0 0 0 0.2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 2.4rem;
  vertical-align: top;
}

.decoder-number p {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-style: italic;
}

.decoder-number .decoder-number-table {
  display: none;
  padding-top: 3rem;
}

.decoder-number .decoder-number-table table {
  width: 100%;
}

.decoder-number .decoder-number-table table th,
.decoder-number .decoder-number-table table td {
  padding: 0.6rem 1rem;
  text-align: left;
}

.decoder-number .decoder-number-table table th:first-child,
.decoder-number .decoder-number-table table td:first-child {
  padding-left: 0;
}

.decoder-number .decoder-number-table table th {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 600;
}

.home-calendar {
  float: right;
  width: 30%;
  padding: 3rem;
  background-color: #424242;
}

.calendar {
  width: 100%;
}

.calendar .calendar-header {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
  text-align: center;
}

.calendar .calendar-header a.calendar-prev,
.calendar .calendar-header a.calendar-next {
  position: absolute;
  top: 1.1rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
  text-decoration: none;
  border-color: #a1a8b0;
  border-width: 2px 2px 0 0;
}

.calendar .calendar-header a.calendar-prev {
  left: 1rem;
}

.calendar .calendar-header a.calendar-next {
  right: 1rem;
}

.calendar .calendar-header .calendar-title {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
}

.calendar ul.calendar-days {
  margin: 0;
  padding: 0;
  list-style: none;
}

.calendar ul.calendar-days li {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 13.0434782609%;
  height: 4rem;
  margin-left: 1.4492753623%;
  line-height: 4rem;
  text-align: center;
  color: #a1a8b0;
  font-size: 1.3rem;
}

.calendar ul.calendar-days li:nth-child(7n+1) {
  margin-left: 0;
}

.calendar ul.calendar-dates {
  margin: 0;
  padding: 0;
  list-style: none;
}

.calendar ul.calendar-dates li {
  position: relative;
  float: left;
  display: block;
  width: 13.0434782609%;
  margin: 0;
  margin-left: 1.4492753623%;
  margin-bottom: 1.4492753623%;
  padding: 0;
  background: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.calendar ul.calendar-dates li:nth-child(7n+1) {
  margin-left: 0;
}

.calendar ul.calendar-dates li .day {
  position: relative;
  display: block;
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  background-color: #dadada;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  border: 1px solid #fff;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 2;
}

.calendar ul.calendar-dates li.today .day {
  background-color: #fad716;
  color: #000;
  border-color: #dadada;
}

.calendar ul.calendar-dates li.event .day {
  background-color: #fff;
  color: #7f8c95;
}

.calendar ul.calendar-dates li.event .day:hover {
  background-color: #8acb88;
  color: #000;
  border-color: #8acb88;
  text-decoration: none;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  z-index: 5;
}

.input-underline {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #008651;
  cursor: pointer;
}

.full-calendar {
  width: 100%;
  padding: 3rem;
  padding-top: 5rem;
}

.full-calendar .calendar {
  width: 100%;
  padding-left: 3px;
}

.full-calendar .calendar .calendar-top {
  margin-bottom: 1.5rem;
}

.full-calendar .calendar .calendar-filters {
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
}

.full-calendar .calendar .calendar-filters select {
  margin-right: 1.5rem;
  padding: 0.2rem 1rem;
  font-size: 1.4rem;
}

.full-calendar .calendar .calendar-header {
  float: right;
  width: auto;
  margin: 0;
  padding: 0 3rem;
}

.full-calendar .calendar .calendar-header a.calendar-prev,
.full-calendar .calendar .calendar-header a.calendar-next {
  position: absolute;
  top: 0.6rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
  text-decoration: none;
  border-color: #222;
  border-width: 1px 1px 0 0;
}

.full-calendar .calendar .calendar-header a.calendar-prev {
  left: 1rem;
}

.full-calendar .calendar .calendar-header a.calendar-next {
  right: 1rem;
}

.full-calendar .calendar .calendar-header .calendar-title {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  color: #222;
}

.full-calendar .calendar ul.calendar-days {
  margin: 0;
  padding: 0;
  list-style: none;
}

.full-calendar .calendar ul.calendar-days li {
  float: left;
  display: block;
  width: 14.2857142857%;
  height: 4rem;
  margin: 0;
  margin-right: -1px;
  padding: 0;
  padding-left: 1rem;
  line-height: 4rem;
  text-align: left;
  color: #a1a8b0;
  font-size: 1.3rem;
}

.full-calendar .calendar ul.calendar-days li:nth-child(7n+1) {
  margin-left: 0;
}

.full-calendar .calendar ul.calendar-days li:nth-child(7n) {
  margin-right: 0;
}

.full-calendar .calendar ul.calendar-dates {
  margin: 0;
  padding: 0;
  list-style: none;
}

.full-calendar .calendar ul.calendar-dates li {
  position: relative;
  float: left;
  display: block;
  width: 14.2857142857%;
  margin: 0;
  margin-right: -1px;
  margin-bottom: -1px;
  padding: 0;
  border: 1px solid #e6e6e6;
  background: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.full-calendar .calendar ul.calendar-dates li:nth-child(7n+1) {
  margin-left: 0;
}

.full-calendar .calendar ul.calendar-dates li:nth-child(7n) {
  margin-right: 0;
}

.full-calendar .calendar ul.calendar-dates li.mask {
  border-color: transparent;
}

.full-calendar .calendar ul.calendar-dates li .day {
  position: relative;
  display: block;
  width: 100%;
  height: 12rem;
  padding: 1rem;
  line-height: 1.3;
  text-align: left;
  background: transparent;
  border: 0;
  color: #b1b1b1;
  font-size: 1.3rem;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 2;
}

.full-calendar .calendar ul.calendar-dates li.canceled .day::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  display: block;
  border: 2px solid #c00;
}

.full-calendar .calendar ul.calendar-dates li.today {
  /* border-color: #fad716; */
}

.full-calendar .calendar ul.calendar-dates li.today .day {
  color: #000;
  /* outline: 2px solid #fad716; */
  z-index: 5;
}

.full-calendar .calendar ul.calendar-dates li.today .day::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  display: block;
  border: 2px solid #fad716;
}

.full-calendar .calendar ul.calendar-dates li.today .day .today-title {
  position: absolute;
  top: 1.2rem;
  right: 1rem;
  font-size: 1.5rem;
  line-height: 1;
  color: #fad716;
}

.full-calendar .calendar ul.calendar-dates li.current .day::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  display: block;
  border: 2px solid #8acb88;
}

.full-calendar .calendar ul.calendar-dates li.event .day {
  background-color: #fff;
  color: #000;
}

.full-calendar .calendar ul.calendar-dates li.event .day:hover {
  -webkit-transform: none;
  transform: none;
}

.full-calendar .calendar ul.calendar-dates li.event .day::before {
  content: attr(data-title);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  padding: 5rem 0.5rem 0;
  background-color: #8acb88;
  color: #000;
  text-align: center;
  font-weight: 500;
  font-size: 1.5rem;
  /* line-height: 11rem; */
  text-decoration: underline;
  /* box-shadow: 1px 1px 15px rgba(0,0,0,0.1); */
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 6;
}

.full-calendar .calendar ul.calendar-dates li.event .day:hover::before {
  opacity: 1;
}

.full-calendar .calendar ul.calendar-dates li .day .day-number {
  position: relative;
  display: block;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  z-index: 10;
}

.full-calendar .calendar ul.calendar-dates li.event .day .day-events {
  display: block;
  max-height: 7rem;
  margin-top: 0.5rem;
  line-height: 1.2;
  font-size: 1.2rem;
  overflow: hidden;
}

.full-calendar .calendar ul.calendar-dates li.event .day .day-events .day-event.canceled {
  color: #c00;
  -webkit-text-decoration: line-through solid #c66;
          text-decoration: line-through solid #c66;
}

.btn-left,
.btn-right {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 3.2rem;
  height: 7.4rem;
  line-height: 7.4rem;
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
  background-color: #fad716;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btn-left {
  padding-right: 0.2rem;
}

.btn-right {
  padding-left: 0.2rem;
}

.btn-left:hover,
.btn-right:hover {
  background-color: #8acb88;
}

.nopadding {
  padding: 0;
}

.nopadding-top {
  padding-top: 0;
}

.nopadding-bottom {
  padding-bottom: 0;
}

.text p,
.text h2,
.text h3,
.text h4,
.text h5 {
  text-align: left;
}

.text h2,
.text h3,
.text h4,
.text h5 {
  /* line-height: 1.2; */
}

.single .text h1 {
  font-size: 4rem;
}

.text h2 {
  margin: 3rem 0 0;
  font-size: 3rem;
}

.text h3 {
  margin: 3rem 0 0;
  font-size: 2.4rem;
}

.text h4 {
  margin: 3rem 0 0;
  font-size: 2rem;
}

hr {
  width: 100%;
  height: 1px;
  margin: 4rem 0 0;
  border: 0;
  background-color: #c9ac88;
}

.text hr {
  width: auto;
  margin-left: -2rem;
  margin-right: -2rem;
}

.arrow-left,
.arrow-right,
.arrow-top,
.arrow-down {
  display: block;
  width: 3rem;
  height: 3rem;
  border: 2px solid #4a4a4a;
  border-color: #4a4a4a;
  border-width: 2px 2px 0 0;
}

.arrow-left {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.arrow-right {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow-down {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.arrow-up {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.text,
.dcb-privacy-policy-text {
  /*
  ol {
      counter-reset: item;
  }

  ol > li::before {
      content: counters(item, ".") " ";
  	counter-increment: item;
  }

  ol, .text ol > li {
      display: block;
  }

  ul {
      counter-reset: item;
  	list-style-type: lower-alpha;
  }

  ul > li {
      counter-increment: item;
  }
  */
}
.text b,
.text strong,
.dcb-privacy-policy-text b,
.dcb-privacy-policy-text strong {
  color: #fff;
}
.text ul,
.dcb-privacy-policy-text ul {
  margin: 1.6rem 0 0 0;
  padding: 0;
  list-style: none;
}
.text ol,
.dcb-privacy-policy-text ol {
  margin: 1.6rem 0 0 0;
  padding: 0;
  list-style: none;
  counter-reset: list1;
}
.text > ol li,
.text > ul li,
.dcb-privacy-policy-text > ol li,
.dcb-privacy-policy-text > ul li {
  position: relative;
  margin: 0;
  padding: 0.4rem 0;
  padding-left: 4rem;
  /* text-align: justify; */
}
.text ol > li::before,
.dcb-privacy-policy-text ol > li::before {
  position: absolute;
  left: 0;
  top: 0.4rem;
  display: inline-block;
  width: 3rem;
  text-align: right;
  color: #ecc79b;
  /* color: #777; */
}
.text ul > li::before,
.dcb-privacy-policy-text ul > li::before {
  content: "";
  position: absolute;
  left: 2.2rem;
  top: 1.6rem;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #ecc79b;
  /* background-color: #777; */
  border-radius: 50%;
}
.text > ol > li,
.text > ul > li,
.dcb-privacy-policy-text > ol > li,
.dcb-privacy-policy-text > ul > li {
  counter-increment: list1;
}
.text > ol > li::before,
.dcb-privacy-policy-text > ol > li::before {
  content: counter(list1) ".";
}
.text > ol ul,
.text > ul ul,
.dcb-privacy-policy-text > ol ul,
.dcb-privacy-policy-text > ul ul {
  margin: 0.3rem 0 1.3rem 0;
}
.text > ol ol,
.text > ul ol,
.dcb-privacy-policy-text > ol ol,
.dcb-privacy-policy-text > ul ol {
  margin: 0.3rem 0 1.3rem 0;
  counter-reset: list2;
}
.text > ol ol > li,
.text > ul ol > li,
.dcb-privacy-policy-text > ol ol > li,
.dcb-privacy-policy-text > ul ol > li {
  counter-increment: list2;
}
.text > ol ol > li::before,
.text > ul ol > li::before,
.dcb-privacy-policy-text > ol ol > li::before,
.dcb-privacy-policy-text > ul ol > li::before {
  content: counter(list2, lower-alpha) ")";
}
.text li p,
.dcb-privacy-policy-text li p {
  margin: 0;
}
.text table p:first-child,
.dcb-privacy-policy-text table p:first-child {
  margin: 0;
}

.quote {
  padding-top: 0;
}

.quote p {
  margin-top: 0;
  /* color: #888; */
  font-size: 2rem;
  font-family: "Playfair Display", "Book Antiqua", Georgia, "Times New Roman", serif;
  letter-spacing: -0.01em;
  font-weight: 400;
  /* font-weight: 700; */
  text-align: center;
}

.follow-us {
  padding: 2rem 0 3rem;
  background-color: #121011;
  text-align: center;
}
body.home .follow-us {
  padding-top: 8rem;
}

.follow-us h2 {
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 2rem;
}

.follow-us p {
  margin: 0.5rem 0 0;
}

.follow-us .social {
  background: transparent;
  color: #ecc79b;
}

.follow-us .social:hover {
  opacity: 1;
}

.footer {
  /* text-align: left; */
  text-align: center;
  background-color: #121011;
  color: #ccc;
  border-top: 1px solid #353434;
  z-index: 90;
}

.footer > .inner {
  max-width: 1200px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer p {
  margin-top: 0.6rem;
}

.footer a {
  color: #ccc;
  text-decoration: none;
}

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

.footer .cols {
  padding: 5rem 0;
}

.footer .cols h2 {
  margin-bottom: 1.5rem;
  color: #fff;
  text-align: left;
  font-size: 2rem;
}

.footer .cols p {
  margin-bottom: 1.5rem;
}

.footer .col {
  float: left;
  padding: 0 2rem 0 0;
  text-align: left;
}

.footer .col1 {
  width: 25%;
}

.footer .col2 {
  width: 25%;
  margin-left: 16%;
}

.footer .col3 {
  width: 16%;
  margin-left: 18%;
  padding-right: 0;
}

.footer ul {
  display: block;
  margin: 0;
  padding: 0;
}

.footer ul + ul {
  margin-top: 1.4rem;
}

.footer ul li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
}

.copyright {
  position: relative;
  padding: 1.6rem 0;
  text-align: center;
  font-size: 14px;
  color: #ccc;
  border-top: 1px solid #353434;
}

.copyright p {
  margin-top: 0;
}

.copyright a {
  color: #666;
}

.copyright .madeby {
  position: absolute;
  right: 0;
  top: 0;
  color: #666;
}

.copyright .madeby img {
  margin-left: 5px;
  vertical-align: text-bottom;
}

.footer-logo {
  display: block;
  width: 3.2rem;
  height: auto;
  margin: 1.5rem auto 0;
}
.footer-logo img {
  max-width: 100%;
  height: auto;
}

.grey {
  color: #aaa;
}

.eu-cookies,
.eu-cookies span,
.eu-cookies a {
  font: inherit !important;
  font-size: 1.4rem !important;
  line-height: 1.5 !important;
}

.eu-cookies.priority {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1rem 1.5rem 1rem 0;
  background-color: #1a1a20;
  color: #ededed;
  text-align: center;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

.eu-cookies.priority span {
  margin-left: 1.5rem;
}

.eu-cookies.priority a {
  display: inline-block;
  margin-left: 15px;
  color: #bbb;
  text-decoration: none;
}

.eu-cookies.priority a:hover {
  color: #fff;
  text-decoration: none;
}

.eu-cookies.priority button {
  margin-left: 1.5rem;
  padding: 0.5rem 1rem;
  background-color: #d2b38e;
  color: #fff;
  border: 0;
}

.text {
  text-align: left;
}

.text-narrow {
  max-width: 82rem;
  margin: 0 auto;
}

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

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

.separator-logo {
  display: block;
  width: 4.5rem;
  height: auto;
  margin: 2.5rem auto 3rem;
}

.text p a,
.text li a {
  color: #c0a27e;
  text-decoration: underline;
  /* font-weight: 400; */
}

.text p a:hover,
.text li a:hover {
  color: #ecc79b;
  text-decoration: none;
}

.text p a[target=_blank],
.text li a[target=_blank] {
  position: relative;
  display: inline-block;
  padding-right: 2.2rem;
}

.text p a[target=_blank]::after,
.text li a[target=_blank]::after {
  content: "\f08e";
  position: absolute;
  top: 0.8rem;
  right: 0;
  display: inline-block;
  width: 2.2rem;
  height: 100%;
  text-align: right;
  font: normal normal normal 14px/1 FontAwesome;
}

.text .btn {
  margin-top: 2rem;
}

.text p a.btn {
  text-decoration: none;
  color: #fff;
}

.text p a.btn:hover {
  color: #fff;
}

.text p a.btn:active {
  color: #fff;
}

/*
.text ul {
	margin: 1rem 0 1.8rem;
	padding: 0;
	list-style: none;
}

	.text ul li {
		margin: 0 0 0 0;
		padding: 0.3rem 0 0.3rem 2.5rem;
		background-image: url("../images/li.png");
		background-position: 0 1.1rem;
		background-repeat: no-repeat;
	}
*/
.mt {
  margin-top: 40px;
}

.potvrzeni,
.chyba {
  margin-bottom: 2rem;
}

.article,
.article h2,
.article h3,
.article h4 {
  text-align: left;
}

.alert {
  /* position: fixed; */
  /* top: 10rem; */
  /* left: 50%; */
  width: 90%;
  max-width: 420px;
  margin: -4rem auto 2rem;
  padding: 12px 20px;
  /* color: #fff; */
  color: #0c5600;
  /* background-color: #6db758; */
  background-color: rgba(27, 186, 31, 0.2);
  /* border-radius: 6px; */
  text-align: center;
  /* font-size: 1.6rem; */
  line-height: 1.4;
  /* -webkit-transform: translateX(-50%); */
  /* transform: translateX(-50%); */
  z-index: 9000;
}

.alert.alert-error {
  color: #920000;
  background-color: rgba(255, 47, 47, 0.2);
}

.tooltip {
  position: relative;
  cursor: pointer;
}

.tooltip.tooltip-product-feature {
  cursor: default;
}

.tooltip::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  bottom: 3rem;
  width: 28rem;
  padding: 0.7rem 1.3rem 0.9rem;
  background: #333;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  text-transform: none;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  pointer-events: none;
  z-index: 98;
}

.tooltip.tooltip-down::after {
  bottom: auto;
  top: 3rem;
}

.tooltip.tooltip-product-feature::after {
  left: 1.8rem;
  bottom: 100%;
  width: 15rem;
  text-align: left;
  -webkit-transform: translateY(-0.8rem);
  transform: translateY(-0.8rem);
  pointer-events: none;
}

.tooltip::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2.3rem;
  border: solid;
  border-color: #333 transparent;
  border-width: 0.7rem 0.7rem 0 0.7rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  pointer-events: none;
  z-index: 99;
}

.tooltip.tooltip-down::before {
  bottom: auto;
  top: 2.3rem;
  border-color: #333 transparent;
  border-width: 0 0.7rem 0.7rem 0.7rem;
}

.tooltip.tooltip-product-feature::before {
  left: 3rem;
  bottom: 100%;
  -webkit-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
}

.tooltip:hover::after,
.tooltip:hover::before {
  opacity: 1;
  visibility: visible;
}

.tooltip i {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.22);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  pointer-events: none;
}

.tooltip:hover i {
  color: rgba(0, 0, 0, 0.42);
}

.error404 .section {
  padding-top: 0;
  padding-bottom: 0;
  margin: 2rem 0;
}
.error404 .section img {
  width: 100%;
  height: auto;
}
.error404 .section .inner {
  position: absolute;
  width: 100%;
  max-width: 100%;
  padding: 0 2.5rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
@media screen and (max-width: 600px) {
  .error404 .section .inner {
    position: relative;
    -webkit-transform: none;
            transform: none;
  }
}
.error404 .section .inner h1 {
  font-size: 16rem;
  margin: 0 0 1rem 0;
  line-height: 0.8;
}
@media screen and (max-width: 1050px) {
  .error404 .section .inner h1 {
    font-size: 12rem;
  }
}
.error404 .section .inner h2 {
  font-size: 7rem;
  font-weight: 600;
  text-align: center;
  margin: 0;
}
@media screen and (max-width: 1050px) {
  .error404 .section .inner h2 {
    font-size: 4.2rem;
  }
}
.error404 .section .inner .content p {
  color: white;
  font-size: 1.6rem;
}
.error404 .section .inner .btn {
  border-color: #ecc79b;
}
.error404 .section .inner .btn:hover {
  background-color: #ecc79b;
  color: black;
}

.error404 h1 {
  font-size: 6rem;
}

.checkbox {
  position: absolute;
  opacity: 0;
}

.checkbox + label {
  position: relative;
  display: inline-block;
  padding-left: 3rem;
  cursor: pointer;
}

.checkbox + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1rem;
  /* top: 0.12em; */
  display: block;
  width: 2rem;
  /* width: 1.2em; */
  height: 2rem;
  /* height: 1.2em; */
  background-color: #fff;
  border: 2px solid #e0c389;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.checkbox:checked + label::before {
  /* background-color: #fff; */
  background-color: #0d2f4e;
  border-color: #0d2f4e;
}

.checkbox + label::after {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: -0.1rem;
  display: block;
  width: 2.1rem;
  /* width: 1.4em; */
  height: 2.3rem;
  /* height: 1.6em; */
  line-height: 2.3rem;
  /* line-height: 1.6em; */
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  /* font-size: 0.9em; */
  font-family: "FontAwesome";
  text-rendering: auto;
  /* -webkit-font-smoothing: antialiased; */
  /* -moz-osx-font-smoothing: grayscale; */
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.checkbox:checked + label::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.radio {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.radio + label {
  position: relative;
  display: inline-block;
  padding-left: 3rem;
  cursor: pointer;
}

.radio + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1rem;
  /* top: 0.12em; */
  display: block;
  width: 2rem;
  /* width: 1.2em; */
  height: 2rem;
  /* height: 1.2em; */
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #e0c389;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.radio:checked + label::before {
  /* background-color: #fff; */
  background-color: #0d2f4e;
  border-color: #0d2f4e;
}

.radio + label::after {
  content: "";
  position: absolute;
  left: 0.5rem;
  /* left: 0.3em; */
  top: 0.6rem;
  /* top: 0.42em; */
  display: block;
  width: 1rem;
  /* width: 0.6em; */
  height: 1rem;
  /* height: 0.6em; */
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.radio:checked + label::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.clear-left {
  clear: left;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 900px) {
  .table-responsive {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    -webkit-box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.15);
            box-shadow: inset -8px 0px 6px -6px rgba(0, 0, 0, 0.15);
    /* box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.7); */
    /* background: linear-gradient(to left, #999 0, #ffffff 15px, #ffffff 100%); */
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  /*
  .table-responsive::after {
  	content: "";
  	position: absolute;
  	right: -0.3rem;
  	top: 50%;
  	display: block;
  	width: 4rem;
  	height: 4rem;
  	border: 5px solid #38cce9;
  	border-color: #38cce9;
  	border-width: 5px 5px 0 0;
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
  	z-index: 10000000;
  }
  */
  .table-responsive > div,
  .table-responsive > table {
    min-width: 900px;
  }
}
.search-items {
  padding-top: 2rem;
}

.search-item .search-image {
  position: relative;
  float: left;
  display: block;
  width: 16.5rem;
  height: auto;
  margin: -1rem 0;
  z-index: 5;
}

.search-item .search-text {
  padding-left: 3rem;
}

.c-base-options-items {
  text-align: center;
}

.c-base-options-item {
  display: inline-block;
  width: 26rem;
  margin-left: 5rem;
  text-align: left;
}

.c-base-options-item:nth-child(3n+1) {
  margin-left: 0;
}

.c-base-options-item h4 {
  margin: 0 0 0.6rem 0;
  padding: 0 0.4rem;
  font-size: 1.8rem;
}

.c-base-options-item .c-base-options-current {
  position: relative;
  display: block;
  height: 13rem;
  padding: 1.2rem 1.6rem;
  background-color: rgba(45, 45, 45, 0.8);
  text-decoration: none;
}
.c-base-options-item .c-base-options-current.error {
  -webkit-box-shadow: 0 0 2px #bf0000;
          box-shadow: 0 0 2px #bf0000;
}

.c-base-options-item .c-base-options-current:hover {
  background-color: rgba(50, 50, 50, 0.85);
}

.c-base-options-item .c-base-options-current::after {
  content: "";
  position: absolute;
  right: -3.2rem;
  top: 50%;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border: 2px solid #fff;
  border-color: #fff;
  border-width: 2px 2px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  opacity: 0.8;
}

.c-base-options-item:nth-child(3n) .c-base-options-current::after {
  content: none;
  display: none;
}

.c-base-options-item .c-base-options-current img {
  display: block;
  width: 100%;
  height: auto;
}

.c-base-options-item .c-base-options-current p {
  position: absolute;
  left: 1.2rem;
  bottom: 0.5rem;
  right: 1.1rem;
  display: block;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #ecc79b;
}

.c-base-options-item .c-base-options-more {
  display: inline-block;
  padding: 0 0.4rem;
  font-size: 1.4rem;
  font-style: italic;
}

.c-base-options .btn {
  margin-top: 6rem;
}

.modal-configurator.modal {
  max-width: 80rem;
}

.modal-configurator .options-item {
  height: 14rem;
}

.modal-configurator .options-item.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.modal-configurator .options-item img {
  width: 92%;
}

.c-base-code {
  display: none;
}

.c-base-code .c-base-code-wrap {
  width: 57rem;
  margin: 0 auto 0;
}

.c-base-code .input {
  display: inline-block;
  width: 40rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: 2px solid #ecc79b;
  font-size: 1.8rem;
  vertical-align: top;
}

.c-base-code .btn {
  display: inline-block;
  width: 15rem;
  margin: 0 0 0 0.2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 2.4rem;
  vertical-align: top;
}

.c-mods {
  position: relative;
  background-image: url("../images/bg-gradient-l.jpg");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.c-mods::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 80rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121011+0,121011+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 16, 17, 0)), to(rgb(18, 16, 17)));
  background: linear-gradient(to bottom, rgba(18, 16, 17, 0) 0%, rgb(18, 16, 17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00121011", endColorstr="#121011",GradientType=0 ); /* IE6-9 */
  z-index: 1;
}

.c-mods > .inner {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  z-index: 150;
}

.c-mods h2 {
  text-align: center;
}

.c-mods .rainbow-nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  padding: 12rem 0 0;
  z-index: 200;
}

.c-mods .rainbow-nav a {
  position: relative;
  display: block;
  width: 29rem;
  margin-top: 1rem;
  padding: 0.3rem 0;
  padding-left: 8rem;
  color: #ddd;
  -webkit-transform: translateX(-3rem);
  transform: translateX(-3rem);
  text-decoration: none;
}

.c-mods .rainbow-nav a:first-child {
  margin-top: 0;
}

.c-mods .rainbow-nav a:hover,
.c-mods .rainbow-nav a.active {
  color: #ecc79b;
}

.c-mods .rainbow-nav a.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-mods .rainbow-nav a::before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  display: block;
  width: 6.5rem;
  height: 1px;
  background-color: #ddd;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.c-mods .rainbow-nav a:hover::before,
.c-mods .rainbow-nav a.active::before {
  background-color: #c9a983;
}

.c-mods .rainbow-guitar {
  position: absolute;
  left: 8rem;
  top: 0;
  width: 40%;
  padding: 12rem 4rem 0 0;
}

.c-mods .rainbow-silhouette {
  position: relative;
  z-index: 155;
}

.c-mods .rainbow-silhouette img {
  display: block;
  width: 100%;
  height: auto;
  z-index: 160;
  pointer-events: none;
}

.c-mods .rainbow-silhouette .rainbow-group-number {
  position: absolute;
  display: block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  background-color: #fff;
  border-radius: 50%;
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
  text-align: center;
  -webkit-box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.4);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 165;
}

.c-mods .rainbow-silhouette .rainbow-group-number.visible {
  opacity: 1;
  visibility: visible;
}

.c-mods .rainbow-silhouette .rainbow-group-number:hover,
.c-mods .rainbow-silhouette .rainbow-group-number.active {
  background-color: #c9a983;
}

.c-mods .rainbow-guitar-code-title {
  margin-top: 2rem;
  margin-bottom: 0.6rem;
  font-size: 1.3rem;
}

.rainbow-code,
.rainbow-code-fake {
  display: block;
  width: 100%;
  max-width: 36rem;
  padding: 0.6rem 1rem;
  border: 2px solid #ecc79b;
  background-color: #121011;
  font-size: 1.8rem;
  vertical-align: top;
}

.rainbow-guitar-price-title {
  margin-top: 1.4rem;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
}

.rainbow-price {
  margin: 0;
  font-size: 2.6rem;
  line-height: 1;
  /* font-weight: 600; */
  color: #fff;
  /* color: #ecc79b; */
}

.c-mods .rainbow-options {
  width: 50%;
  margin: 0 0 0 auto;
  counter-reset: mg;
}

.c-mods .rainbow-options h2 {
  text-align: left;
}

.c-mods .rainbow-group {
  /* margin-bottom: 0.2rem; */
  padding: 0.6rem 0;
  border: 1px solid transparent;
  counter-increment: mg;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.c-mods .rainbow-group.active {
  padding: 1rem 0;
  border-color: #c9a983;
}

.c-mods .rainbow-group-title {
  position: relative;
  margin: 0;
  padding-right: 4rem;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.c-mods .rainbow-group-title:hover,
.c-mods .active .rainbow-group-title {
  color: #ecc79b;
}

.c-mods .rainbow-group-title::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  right: 1.6rem;
  display: block;
  width: 1rem;
  height: 1rem;
  border: 2px solid #c9a983;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.c-mods .active .rainbow-group-title::after {
  top: 1.2rem;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.c-mods .rainbow-group-title p:first-child {
  margin: 0;
  font-size: 1.8rem;
}

.c-mods .rainbow-group-title p:first-child::before {
  content: counter(mg);
  display: inline-block;
  width: 3rem;
  margin-right: 1rem;
  font-weight: 600;
  text-align: right;
}

.c-mods .rainbow-group-title p:last-child {
  margin: 0;
  padding-left: 4rem;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #ddd;
}

.c-mods .rainbow-modifications {
  display: none;
  padding: 2rem 4rem 1rem;
}

.c-mods .rainbow-modification.has-images {
  position: relative;
  float: left;
  /* width: 18.4%; */
  width: 22.75%;
  margin-left: 3%;
  margin-bottom: 1.5rem;
  cursor: pointer;
}

/* .c-mods .rainbow-modification.has-images:nth-child(5n+1) { */
.c-mods .rainbow-modification.has-images:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}

.c-mods .rainbow-modification input {
  position: absolute;
  left: -9999px;
}

.c-mods .rainbow-modification label {
  display: block;
  cursor: pointer;
}

/* has-images */
.c-mods .rainbow-modification.has-images .rainbow-modification-image {
  position: relative;
  border: 2px solid transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.c-mods .rainbow-modification.has-images:hover .rainbow-modification-image,
.c-mods .rainbow-modification.has-images input:checked + label .rainbow-modification-image {
  border-color: #c9a983;
}

.c-mods .rainbow-modification.has-images .rainbow-modification-image::before {
  content: "\f058";
  position: absolute;
  right: 0.6rem;
  top: 0.4rem;
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2.2rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c9a983;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 10;
}

.c-mods .rainbow-modification.has-images input:checked + label .rainbow-modification-image::before {
  opacity: 1;
}

.c-mods .rainbow-modification.has-images .rainbow-modification-image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 7;
}

.c-mods .rainbow-modification.has-images input:checked + label .rainbow-modification-image::after {
  opacity: 0.4;
}

.c-mods .rainbow-modification.has-images .rainbow-modification-image img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 5;
}

.c-mods .rainbow-modification.has-images p {
  margin-top: 0.6rem;
  font-size: 1.3rem;
  line-height: 1.3;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.c-mods .rainbow-modification.has-images:hover p,
.c-mods .rainbow-modification.has-images input:checked + label p {
  color: #ecc79b;
}

.c-mods .rainbow-modification.has-images .rainbow-modification-price {
  display: block;
  margin-top: 0.3rem;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.3;
  color: #ecc79b;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.c-mods .rainbow-modification.has-images .rainbow-modification-price .line-through {
  display: inline-block;
  margin-right: 0.5rem;
  text-decoration: line-through;
  opacity: 0.8;
}

/* text-only */
.c-mods .rainbow-modification.text-only p {
  margin: 0;
  margin-bottom: -1px;
  padding: 1rem 0.6rem;
  border: 1px solid #424141;
  border-width: 1px 0;
  font-size: 1.3rem;
  line-height: 1.3;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.c-mods .rainbow-modification.text-only:hover p,
.c-mods .rainbow-modification.text-only input:checked + label p {
  color: #ecc79b;
}

.c-mods .rainbow-modification.text-only input:checked + label p {
  background-color: rgba(255, 255, 255, 0.05);
}

.questionmark {
  color: #6ac2bd;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.questionmark:hover {
  color: #90ece7;
}

.questionmark i {
  position: relative;
  top: 1px;
  display: inline-block;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 1.4rem;
  pointer-events: none;
}

.c-mods .rainbow-group-more {
  clear: left;
  margin-top: 0.4rem;
  text-align: right;
}

.c-mods .rainbow-group-more a {
  color: #6ac2bd;
  font-size: 1.3rem;
  text-decoration: none;
}

.c-mods .rainbow-group-more a:hover {
  color: #90ece7;
}

.c-mods .rainbow-group-more a i {
  margin-left: 0.5rem;
}

.c-mods .c-mods-continue {
  margin-top: 2rem;
}

.modal-modification-detail {
  max-width: 50rem;
  padding: 0;
}

.modal-modification-detail-image {
  display: block;
  width: 100%;
  height: auto;
}

.modal-modification-detail-text {
  padding: 3rem 5rem;
}

.modal-modification-detail-text p:first-child {
  margin-top: 0;
}

.rainbow-summary {
  padding-top: 0;
}

.rainbow-summary .inner {
  padding-top: 8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}

.rainbow-summary .page-header {
  margin-bottom: 4rem;
}

.rainbow-summary .rainbow-summary-code {
  text-align: center;
}

.rainbow-summary .rainbow-guitar-code-title {
  margin: 0 0 0.6rem;
}

.rainbow-summary .rainbow-code {
  max-width: 50rem;
  margin: 0 auto;
  text-align: center;
}

.rainbow-summary .rainbow-summary-code .btn {
  margin-top: 2rem;
}

.rainbow-summary-items {
  margin-top: 2rem;
  margin-bottom: 6rem;
  text-align: left;
  font-size: 0;
}

.rainbow-summary-item {
  display: none;
  width: 48%;
  margin: 4rem 1% 0;
  text-align: left;
  vertical-align: top;
}

.rainbow-summary-item.visible {
  display: inline-block;
}

.rainbow-summary-item h3 {
  margin-bottom: 1.6rem;
}

.rainbow-summary-groups {
  margin-bottom: 1rem;
  padding: 0 2rem;
  font-size: 1.3rem;
}

.rainbow-summary-group {
  display: none;
  margin: 0;
  margin-bottom: -1px;
  padding: 1rem 0.6rem;
  border: 1px solid #424141;
  border-width: 1px 0;
  font-size: 1.3rem;
  line-height: 1.2;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.rainbow-summary-group.visible {
  display: block;
}

.rainbow-summary-group:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.rainbow-summary-group-title {
  float: left;
  width: 40%;
  color: #ecc79b;
}

.rainbow-summary-group-value {
  float: left;
  width: 60%;
  padding-left: 1rem;
}

.c-mods-edit {
  font-size: 1.3rem;
  color: #6ac2bd;
}

.c-mods-edit:hover {
  color: #90ece7;
}

.rainbow-summary-bottom-note {
  text-align: center;
  font-size: 1.3rem;
  color: #fff;
  opacity: 0.5;
}

.rainbow-summary-bottom {
  position: relative;
  margin-top: 2rem;
  text-align: center;
}

.rainbow-summary-bottom .btn {
  margin-top: 0;
}

.rainbow-summary-bottom .btn.c-mods-pdf {
  position: absolute;
  left: 0;
  top: 0;
  /* padding: 1rem 1.4rem 1rem 1.4rem; */
  background: transparent;
  color: #fff;
  border-color: #c9a983;
}

.rainbow-summary-bottom .btn.c-mods-pdf:hover {
  background: #c9a983;
  color: #000;
  border-color: #c9a983;
}

.c-guitars {
  padding-top: 0;
}
.c-guitars .inner {
  padding-top: 8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}
.c-guitars h2 {
  text-align: center;
}
.c-guitars .categories-item {
  clear: none;
  margin-left: 8%;
}
.c-guitars .categories-item:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}
.c-guitars .categories-item .categories-price {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-guitars .categories-item .categories-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  color: #444;
  background-color: #d2b38e;
  text-align: center;
  -webkit-transform: translateY(2rem);
  transform: translateY(2rem);
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.c-guitars .categories-item .btn {
  display: block;
  max-width: 18rem;
  margin: 1rem auto 0;
}
.c-guitars .categories-item .btn:first-child {
  margin-top: 0;
}
.c-guitars .categories-item:hover .categories-overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.modal-summary {
  max-width: 120rem;
}

.modal-summary .page-header {
  margin-bottom: 2rem;
}

.modal-summary .rainbow-code {
  max-width: 50rem;
  text-align: center;
}

.modal-summary h3 {
  text-align: left;
}

.modal-summary .c-mods-edit {
  /* display: none; */
}

.modal-gallery {
  max-width: 130rem;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modal-gallery .product-gallery {
  margin-top: 0;
}

.display-none {
  display: none;
}

.contest .inner {
  max-width: 110rem;
}

.contest strong {
  color: #fff;
}

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

.contest-head h2 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

.contest-head p {
  text-align: center;
  color: #d2b38e;
}

.contest-head h2 + p {
  margin-top: 0;
}

.contest-head p + h2 {
  max-width: 85rem;
  margin: 0 auto;
  margin-top: 4rem;
}

.contest-prizes-items {
  margin-top: 2rem;
  font-size: 0;
  text-align: center;
}

.contest-prizes-item {
  display: inline-block;
  /* width: 100%; */
  width: 33%;
  /* max-width: 33rem; */
  margin-top: 4rem;
  padding: 0 2rem;
  font-size: 1.5rem;
  vertical-align: top;
  text-align: center;
}

.contest-prizes-item img {
  display: block;
  width: 100%;
  max-width: 28rem;
  height: auto;
  margin: 0 auto;
}

.contest-prizes-item .contest-prizes-number {
  margin-top: 2rem;
  padding: 0.5rem 0;
  color: #d2b38e;
  border-bottom: 1px solid #d2b38e;
}

.contest-prizes-item .contest-prizes-text {
  margin-top: 2.5rem;
  padding: 0 2rem;
}

.contest-prizes-item .contest-prizes-text h3 {
  margin-bottom: 0;
  text-align: center;
}

.contest-prizes-item .contest-prizes-text a {
  display: inline-block;
  margin-top: 1.4rem;
}

.contest-rules {
  margin: 6rem -2rem 3rem;
  padding: 2rem;
  border: 1px solid #424141;
}

.contest-text p {
  margin-top: 1rem;
  padding-left: 2rem;
}

#countdown {
  margin: 3rem 0 0;
}
#countdown > span {
  position: relative;
  display: inline-block;
  margin-left: 2.8rem;
  text-align: center;
}
#countdown > span > span {
  display: block;
}
#countdown > span > span:first-child {
  color: #fff;
  font-size: 6rem;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
#countdown > span > span:last-child {
  font-size: 1.4rem;
}
#countdown > span:nth-child(1) {
  margin-left: 0;
}
#countdown > span:nth-child(1)::before, #countdown > span:nth-child(2)::before {
  content: none;
}

.bottom-bar {
  display: none;
  padding: 1.5rem 0;
  background-color: #1d2f2f;
  border-top: 2px solid #6ac2bd;
  z-index: 999;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
}
.bottom-bar .bottom-bar-text {
  max-width: 90rem;
}
.bottom-bar h2 {
  margin: 0;
  font-size: 2.4rem;
}
.bottom-bar .bottom-bar-date {
  margin-top: 0.2rem;
  color: #6ac2bd;
  font-size: 1.3rem;
}
.bottom-bar .fa-times {
  position: absolute;
  top: 1.2rem;
  right: 1.4rem;
  font-size: 1.8rem;
  color: #6ac2bd;
  opacity: 0.8;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.bottom-bar .fa-times:hover {
  opacity: 1;
}
.bottom-bar.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
}
.bottom-bar.fake {
  opacity: 0 !important;
}

/********************************************************************************************/
/* INSIGHTS *********************************************************************************/
body.insights {
  /**/
  /**/
}
body.insights .subtitle {
  margin: 0;
  color: #d2b38e;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
body.insights .insights-header {
  max-width: 74rem;
  margin: 0 auto 4rem;
  text-align: center;
}
body.insights .insights-header h1 {
  margin: 0;
}
body.insights .insights-header .insights-logo {
  display: block;
  width: 25rem;
  height: auto;
  margin: 2rem auto 0;
}
body.insights .insights-header h2 {
  margin-top: 6rem;
  text-align: center;
}
body.insights .insights-header p:not(.subtitle) {
  font-size: 1.8rem;
  color: #878787;
}
body.insights .insights-header strong {
  color: #ecc79b;
  font-weight: 400;
}
body.insights .insights-full {
  min-height: calc(100vh - 6rem);
  padding-bottom: 14rem;
}
body.insights .insights-title {
  margin-top: calc(3vw + 7vh);
  text-align: center;
}
body.insights .insights-title h2,
body.insights .insights-title h3 {
  text-align: center;
}
body.insights .insights-title.insights-title-type {
  margin-top: 2rem;
}
body.insights .insights-input {
  position: relative;
  margin-top: calc(2vw + 3vh);
  text-align: center;
}
body.insights .insights-input h2,
body.insights .insights-input h3 {
  text-align: center;
}
body.insights .insights-input .btn {
  margin-top: 2rem;
}
body.insights .insights-input.insights-input-type {
  margin-top: 3rem;
}
body.insights .input-wrap {
  position: relative;
  width: 100%;
  max-width: 50rem;
  height: 8rem;
  margin: 0 auto 0;
  padding: 0 2rem;
  line-height: 8rem;
  font-size: 0;
}
body.insights .input-wrap::before, body.insights .input-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 3rem;
  height: 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}
body.insights .input-wrap::before {
  left: 0;
  background-image: url("../images/bracket-left.svg");
  background-position: left center;
}
body.insights .input-wrap::after {
  right: 0;
  background-image: url("../images/bracket-right.svg");
  background-position: right center;
}
body.insights .input-wrap input,
body.insights .input-wrap .is-select2 {
  display: inline-block;
  width: 100%;
  font-size: 2.2rem;
}
body.insights .input-wrap input {
  height: 100%;
  padding-right: 6rem;
  background: transparent;
  border: 0;
  color: #fff;
  vertical-align: middle;
}
body.insights .input-wrap input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #878787;
}
body.insights .input-wrap input::-moz-placeholder { /* Firefox 19+ */
  color: #878787;
}
body.insights .input-wrap input:-ms-input-placeholder { /* IE 10+ */
  color: #878787;
}
body.insights .input-wrap input:-moz-placeholder { /* Firefox 18- */
  color: #878787;
}
body.insights .input-wrap .insights-steps {
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 6rem;
  padding-top: 0.2rem;
  vertical-align: middle;
  text-align: right;
  font-size: 1.6rem;
  color: #fff;
  white-space: nowrap;
}
body.insights .input-wrap .insights-steps span:nth-child(1) {
  opacity: 0.6;
}
body.insights .input-wrap .insights-steps span:nth-child(2) {
  opacity: 0.3;
  margin: 0 0.2rem;
}
body.insights .input-wrap .insights-steps span:nth-child(3) {
  opacity: 0.3;
}
body.insights .input-wrap.shake::before, body.insights .input-wrap.shake::after {
  -webkit-filter: hue-rotate(320deg) saturate(3) brightness(0.65) contrast(4);
          filter: hue-rotate(320deg) saturate(3) brightness(0.65) contrast(4);
}
body.insights .insights-type {
  max-width: 134rem;
  margin: 0 auto;
  padding: 0 4rem;
}
body.insights .insights-type-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.insights .insights-type-item {
  padding: 0 1rem;
}
body.insights .insights-type-item input[type=radio] {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
body.insights .insights-type-item input[type=radio] + label {
  position: relative;
  display: block;
  height: 100%;
  padding-bottom: 1rem;
  color: #bbb;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  cursor: pointer;
}
body.insights .insights-type-item input[type=radio] + label:nth-of-type(5n + 1) {
  margin-left: 0;
}
body.insights .insights-type-item input[type=radio] + label::before, body.insights .insights-type-item input[type=radio] + label::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 5rem;
  height: 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 5;
}
body.insights .insights-type-item input[type=radio] + label::before {
  left: -1px;
  background-image: url("../images/bracket-tall-left.svg");
  background-position: left center;
  -webkit-transform: translateX(-0.5rem);
  transform: translateX(-0.5rem);
}
body.insights .insights-type-item input[type=radio] + label::after {
  right: -1px;
  background-image: url("../images/bracket-tall-right.svg");
  background-position: right center;
  -webkit-transform: translateX(0.5rem);
  transform: translateX(0.5rem);
}
body.insights .insights-type-item input[type=radio] + label .insights-type-title {
  min-height: 8rem;
  padding: 0 0.5rem;
  line-height: 8rem;
}
body.insights .insights-type-item input[type=radio] + label .insights-type-title h3 {
  display: inline-block;
  margin: 0;
  text-align: center;
  line-height: 1.1;
  vertical-align: middle;
  color: #bbb;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
body.insights .insights-type-item input[type=radio] + label img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-filter: saturate(0);
          filter: saturate(0);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: 2;
}
body.insights .insights-type-item input[type=radio] + label p {
  margin-top: 2rem;
  padding: 0 1rem;
  font-size: 1.2rem;
}
body.insights .insights-type-item input[type=radio] + label:hover .insights-type-title h3 {
  color: #fff;
}
body.insights .insights-type-item input[type=radio] + label:hover img {
  -webkit-filter: saturate(1);
          filter: saturate(1);
}
body.insights .insights-type-item input[type=radio]:checked + label::before, body.insights .insights-type-item input[type=radio]:checked + label::after {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
body.insights .insights-type-item input[type=radio]:checked + label .insights-type-title h3 {
  color: #fff;
}
body.insights .insights-type-item input[type=radio]:checked + label img {
  -webkit-filter: saturate(1);
          filter: saturate(1);
}
body.insights .insights-dots {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.insights .insights-dots ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.insights .insights-dots ul li {
  display: block;
  width: 18px;
  height: 18px;
  margin: 6px 0;
  padding: 3px;
  border: 2px solid #666;
  border-radius: 50%;
}
body.insights .insights-dots ul li::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ecc79b;
  border-radius: 50%;
  opacity: 0;
}
body.insights .insights-dots.insights-dots-1 ul li:nth-child(-8), body.insights .insights-dots.insights-dots-1 ul li:nth-child(-7), body.insights .insights-dots.insights-dots-1 ul li:nth-child(-6), body.insights .insights-dots.insights-dots-1 ul li:nth-child(-5), body.insights .insights-dots.insights-dots-1 ul li:nth-child(-4), body.insights .insights-dots.insights-dots-1 ul li:nth-child(-3), body.insights .insights-dots.insights-dots-1 ul li:nth-child(-2), body.insights .insights-dots.insights-dots-1 ul li:nth-child(-1), body.insights .insights-dots.insights-dots-1 ul li:nth-child(0), body.insights .insights-dots.insights-dots-1 ul li:nth-child(1) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-1 ul li:nth-child(-8)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(-7)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(-6)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(-5)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(-4)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(-3)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(-2)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(-1)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-1 ul li:nth-child(1)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-2 ul li:nth-child(-7), body.insights .insights-dots.insights-dots-2 ul li:nth-child(-6), body.insights .insights-dots.insights-dots-2 ul li:nth-child(-5), body.insights .insights-dots.insights-dots-2 ul li:nth-child(-4), body.insights .insights-dots.insights-dots-2 ul li:nth-child(-3), body.insights .insights-dots.insights-dots-2 ul li:nth-child(-2), body.insights .insights-dots.insights-dots-2 ul li:nth-child(-1), body.insights .insights-dots.insights-dots-2 ul li:nth-child(0), body.insights .insights-dots.insights-dots-2 ul li:nth-child(1), body.insights .insights-dots.insights-dots-2 ul li:nth-child(2) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-2 ul li:nth-child(-7)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(-6)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(-5)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(-4)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(-3)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(-2)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(-1)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-2 ul li:nth-child(2)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-3 ul li:nth-child(-6), body.insights .insights-dots.insights-dots-3 ul li:nth-child(-5), body.insights .insights-dots.insights-dots-3 ul li:nth-child(-4), body.insights .insights-dots.insights-dots-3 ul li:nth-child(-3), body.insights .insights-dots.insights-dots-3 ul li:nth-child(-2), body.insights .insights-dots.insights-dots-3 ul li:nth-child(-1), body.insights .insights-dots.insights-dots-3 ul li:nth-child(0), body.insights .insights-dots.insights-dots-3 ul li:nth-child(1), body.insights .insights-dots.insights-dots-3 ul li:nth-child(2), body.insights .insights-dots.insights-dots-3 ul li:nth-child(3) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-3 ul li:nth-child(-6)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(-5)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(-4)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(-3)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(-2)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(-1)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(2)::before, body.insights .insights-dots.insights-dots-3 ul li:nth-child(3)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-4 ul li:nth-child(-5), body.insights .insights-dots.insights-dots-4 ul li:nth-child(-4), body.insights .insights-dots.insights-dots-4 ul li:nth-child(-3), body.insights .insights-dots.insights-dots-4 ul li:nth-child(-2), body.insights .insights-dots.insights-dots-4 ul li:nth-child(-1), body.insights .insights-dots.insights-dots-4 ul li:nth-child(0), body.insights .insights-dots.insights-dots-4 ul li:nth-child(1), body.insights .insights-dots.insights-dots-4 ul li:nth-child(2), body.insights .insights-dots.insights-dots-4 ul li:nth-child(3), body.insights .insights-dots.insights-dots-4 ul li:nth-child(4) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-4 ul li:nth-child(-5)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(-4)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(-3)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(-2)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(-1)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(2)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(3)::before, body.insights .insights-dots.insights-dots-4 ul li:nth-child(4)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-5 ul li:nth-child(-4), body.insights .insights-dots.insights-dots-5 ul li:nth-child(-3), body.insights .insights-dots.insights-dots-5 ul li:nth-child(-2), body.insights .insights-dots.insights-dots-5 ul li:nth-child(-1), body.insights .insights-dots.insights-dots-5 ul li:nth-child(0), body.insights .insights-dots.insights-dots-5 ul li:nth-child(1), body.insights .insights-dots.insights-dots-5 ul li:nth-child(2), body.insights .insights-dots.insights-dots-5 ul li:nth-child(3), body.insights .insights-dots.insights-dots-5 ul li:nth-child(4), body.insights .insights-dots.insights-dots-5 ul li:nth-child(5) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-5 ul li:nth-child(-4)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(-3)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(-2)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(-1)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(2)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(3)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(4)::before, body.insights .insights-dots.insights-dots-5 ul li:nth-child(5)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-6 ul li:nth-child(-3), body.insights .insights-dots.insights-dots-6 ul li:nth-child(-2), body.insights .insights-dots.insights-dots-6 ul li:nth-child(-1), body.insights .insights-dots.insights-dots-6 ul li:nth-child(0), body.insights .insights-dots.insights-dots-6 ul li:nth-child(1), body.insights .insights-dots.insights-dots-6 ul li:nth-child(2), body.insights .insights-dots.insights-dots-6 ul li:nth-child(3), body.insights .insights-dots.insights-dots-6 ul li:nth-child(4), body.insights .insights-dots.insights-dots-6 ul li:nth-child(5), body.insights .insights-dots.insights-dots-6 ul li:nth-child(6) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-6 ul li:nth-child(-3)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(-2)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(-1)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(2)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(3)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(4)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(5)::before, body.insights .insights-dots.insights-dots-6 ul li:nth-child(6)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-7 ul li:nth-child(-2), body.insights .insights-dots.insights-dots-7 ul li:nth-child(-1), body.insights .insights-dots.insights-dots-7 ul li:nth-child(0), body.insights .insights-dots.insights-dots-7 ul li:nth-child(1), body.insights .insights-dots.insights-dots-7 ul li:nth-child(2), body.insights .insights-dots.insights-dots-7 ul li:nth-child(3), body.insights .insights-dots.insights-dots-7 ul li:nth-child(4), body.insights .insights-dots.insights-dots-7 ul li:nth-child(5), body.insights .insights-dots.insights-dots-7 ul li:nth-child(6), body.insights .insights-dots.insights-dots-7 ul li:nth-child(7) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-7 ul li:nth-child(-2)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(-1)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(2)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(3)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(4)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(5)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(6)::before, body.insights .insights-dots.insights-dots-7 ul li:nth-child(7)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-8 ul li:nth-child(-1), body.insights .insights-dots.insights-dots-8 ul li:nth-child(0), body.insights .insights-dots.insights-dots-8 ul li:nth-child(1), body.insights .insights-dots.insights-dots-8 ul li:nth-child(2), body.insights .insights-dots.insights-dots-8 ul li:nth-child(3), body.insights .insights-dots.insights-dots-8 ul li:nth-child(4), body.insights .insights-dots.insights-dots-8 ul li:nth-child(5), body.insights .insights-dots.insights-dots-8 ul li:nth-child(6), body.insights .insights-dots.insights-dots-8 ul li:nth-child(7), body.insights .insights-dots.insights-dots-8 ul li:nth-child(8) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-8 ul li:nth-child(-1)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(2)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(3)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(4)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(5)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(6)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(7)::before, body.insights .insights-dots.insights-dots-8 ul li:nth-child(8)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-9 ul li:nth-child(0), body.insights .insights-dots.insights-dots-9 ul li:nth-child(1), body.insights .insights-dots.insights-dots-9 ul li:nth-child(2), body.insights .insights-dots.insights-dots-9 ul li:nth-child(3), body.insights .insights-dots.insights-dots-9 ul li:nth-child(4), body.insights .insights-dots.insights-dots-9 ul li:nth-child(5), body.insights .insights-dots.insights-dots-9 ul li:nth-child(6), body.insights .insights-dots.insights-dots-9 ul li:nth-child(7), body.insights .insights-dots.insights-dots-9 ul li:nth-child(8), body.insights .insights-dots.insights-dots-9 ul li:nth-child(9) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-9 ul li:nth-child(0)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(2)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(3)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(4)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(5)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(6)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(7)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(8)::before, body.insights .insights-dots.insights-dots-9 ul li:nth-child(9)::before {
  opacity: 1;
}
body.insights .insights-dots.insights-dots-10 ul li:nth-child(1), body.insights .insights-dots.insights-dots-10 ul li:nth-child(2), body.insights .insights-dots.insights-dots-10 ul li:nth-child(3), body.insights .insights-dots.insights-dots-10 ul li:nth-child(4), body.insights .insights-dots.insights-dots-10 ul li:nth-child(5), body.insights .insights-dots.insights-dots-10 ul li:nth-child(6), body.insights .insights-dots.insights-dots-10 ul li:nth-child(7), body.insights .insights-dots.insights-dots-10 ul li:nth-child(8), body.insights .insights-dots.insights-dots-10 ul li:nth-child(9), body.insights .insights-dots.insights-dots-10 ul li:nth-child(10) {
  border-color: #ecc79b;
}
body.insights .insights-dots.insights-dots-10 ul li:nth-child(1)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(2)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(3)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(4)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(5)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(6)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(7)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(8)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(9)::before, body.insights .insights-dots.insights-dots-10 ul li:nth-child(10)::before {
  opacity: 1;
}
body.insights .insights-button {
  position: absolute;
  bottom: 3rem;
  left: 0;
  right: 0;
}
body.insights .insights-button .inner {
  text-align: right;
}
body.insights .insights-button .btn {
  min-width: 17.5rem;
  margin: 0;
  padding: 1.6rem 2.4rem;
}
body.insights .insights-button p.insights-agree {
  margin-bottom: 3rem;
}
body.insights .insights-button p.insights-agree .checkbox + label {
  padding-left: 5.5rem;
  text-align: left;
  line-height: 1.2;
}
body.insights .insights-button p.insights-agree .checkbox + label::before {
  top: 50%;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  background-color: transparent;
  border-color: #e0c389;
}
body.insights .insights-button p.insights-agree .checkbox:checked + label::before {
  background-color: #000;
  border-color: #e0c389;
}
body.insights .insights-button p.insights-agree .checkbox + label::after {
  top: 50%;
  width: 3.1rem;
  height: 3.3rem;
  margin-top: -1.65rem;
  line-height: 3.3rem;
  font-size: 1.8rem;
}
body.insights .insights-button p:not(.insights-agree) {
  color: #878787;
}
body.insights .insights-button p:not(.insights-agree) img {
  display: inline-block;
  width: 1.8rem;
  height: auto;
  margin-left: 0.5rem;
  margin-bottom: 0.3rem;
  vertical-align: middle;
}
body.insights .insights-summary {
  padding-bottom: 10rem;
}
body.insights .insights-summary-section {
  position: relative;
  margin-top: 20%;
}
body.insights .insights-summary-section:first-child {
  margin-top: 6rem;
}
body.insights .insights-summary-section:nth-child(2), body.insights .insights-summary-section:last-child {
  margin-top: 10%;
}
body.insights .insights-summary-title {
  float: left;
  width: 36%;
  padding-top: 1.2rem;
  padding-right: 2rem;
}
body.insights .insights-summary-title .subtitle {
  text-align: left;
}
body.insights .insights-summary-data {
  float: left;
  width: 38%;
}
body.insights .insights-summary-data table {
  width: 100%;
}
body.insights .insights-summary-data table td {
  width: 52%;
  padding: 0.5rem 1rem;
}
body.insights .insights-summary-data table td:nth-child(2) {
  width: 48%;
  color: #fff;
  font-weight: 600;
}
body.insights .insights-summary-edit {
  position: relative;
  margin: 0 calc(-0.5rem - 1px);
}
body.insights .insights-summary-edit::after {
  content: "\f040";
  position: absolute;
  left: 100%;
  top: 45%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  margin: 0 0 0 1.2rem;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ecc79b;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
body.insights .insights-summary-edit input {
  display: block;
  width: 100%;
  height: 2.8rem;
  padding: 0 0.5rem;
  margin: 0;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  cursor: pointer;
}
body.insights .insights-summary-edit input:hover {
  border-bottom-color: #4e4e4e;
}
body.insights .insights-summary-edit input:focus {
  border-color: #ecc79b;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: auto;
}
body.insights .insights-summary-edit select {
  display: block;
  width: 100%;
  height: 2.8rem;
  padding: 0 0.5rem;
  margin: 0;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  cursor: pointer;
}
body.insights .insights-summary-edit select option {
  background: #181818;
}
body.insights .insights-summary-edit select option:hover {
  background: #2f2f2f !important;
}
body.insights .insights-summary-edit select:hover {
  border-bottom-color: #4e4e4e;
}
body.insights .insights-summary-edit select:focus {
  border-color: #ecc79b;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: auto;
}
body.insights .insights-summary-edit:hover::after {
  opacity: 1;
}
body.insights .insights-summary-images {
  position: absolute;
  right: 2%;
  bottom: -25%;
  width: 22%;
  max-width: 26rem;
}
body.insights .insights-summary-images img {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
}
body.insights .insights-summary-images img.insights-summary-image-front {
  left: 0;
  bottom: 0;
  width: 80%;
  z-index: 6;
}
body.insights .insights-summary-images img.insights-summary-image-back {
  right: 0;
  bottom: 1rem;
  width: 68%;
  z-index: 5;
}
body.insights .select2-container--default .select2-selection--single {
  height: auto;
  padding: 1.5rem 0;
  background: transparent;
  font-size: 2.2rem;
  text-align: left;
  border: 0;
}
body.insights .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #878787;
}
body.insights .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}
body.insights .select2-container--default .select2-selection--single .select2-selection__rendered::after {
  content: "\f107";
  display: inline-block;
  margin-left: 1rem;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #878787;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.insights .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered::after {
  content: "\f106";
}
body.insights .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}
body.insights .select2-dropdown {
  background-color: #181818;
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
  font-size: 1.6rem;
}
body.insights .select2-dropdown .flag-icon {
  margin-right: 1.5rem;
}
body.insights .select2-search__field {
  font-size: 16px;
  line-height: 1.5;
  -webkit-appearance: none;
}
body.insights .select2-results__option {
  padding: 1rem 0.8rem;
  border-top: 1px solid #2a2a2a;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
body.insights .select2-results__option:first-child {
  border-top: 0;
}
body.insights .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2a2a2a;
  color: #fff;
}
body.insights .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #2a2a2a;
  color: #fff;
}
body.insights .select2-container--default .select2-search--dropdown .select2-search__field {
  background: transparent;
  border: 1px solid #2a2a2a;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
}
body.insights .flatpickr-calendar {
  background: #181818;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
}
body.insights .flatpickr-calendar.arrowTop:before,
body.insights .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #181818;
}
body.insights .flatpickr-calendar.arrowBottom:before,
body.insights .flatpickr-calendar.arrowBottom:after {
  border-top-color: #181818;
}
body.insights .flatpickr-months .flatpickr-prev-month,
body.insights .flatpickr-months .flatpickr-next-month {
  color: rgba(255, 255, 255, 0.6);
  fill: rgba(255, 255, 255, 0.6);
}
body.insights .flatpickr-months .flatpickr-prev-month:hover svg,
body.insights .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #fff;
}
body.insights .flatpickr-months .flatpickr-month {
  color: rgba(255, 255, 255, 0.6);
  fill: rgba(255, 255, 255, 0.6);
}
body.insights .flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #181818;
  color: rgba(255, 255, 255, 0.8);
}
body.insights .flatpickr-current-month input.cur-year {
  color: rgba(255, 255, 255, 0.8);
}
body.insights span.flatpickr-weekday {
  color: rgba(255, 255, 255, 0.3);
}
body.insights .flatpickr-day {
  height: 30px;
  margin: 1px 0;
  line-height: 28px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
body.insights .flatpickr-day.inRange,
body.insights .flatpickr-day.prevMonthDay.inRange,
body.insights .flatpickr-day.nextMonthDay.inRange,
body.insights .flatpickr-day.today.inRange,
body.insights .flatpickr-day.prevMonthDay.today.inRange,
body.insights .flatpickr-day.nextMonthDay.today.inRange,
body.insights .flatpickr-day:hover,
body.insights .flatpickr-day.prevMonthDay:hover,
body.insights .flatpickr-day.nextMonthDay:hover,
body.insights .flatpickr-day:focus,
body.insights .flatpickr-day.prevMonthDay:focus,
body.insights .flatpickr-day.nextMonthDay:focus {
  background: #2f2f2f;
  border-color: #2f2f2f;
  color: #fff;
}
body.insights .flatpickr-day.flatpickr-disabled,
body.insights .flatpickr-day.flatpickr-disabled:hover,
body.insights .flatpickr-day.prevMonthDay,
body.insights .flatpickr-day.nextMonthDay,
body.insights .flatpickr-day.notAllowed,
body.insights .flatpickr-day.notAllowed.prevMonthDay,
body.insights .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
}
body.insights .flatpickr-day.today {
  border-color: #2f2f2f;
}
body.insights .flatpickr-day.today:hover,
body.insights .flatpickr-day.today:focus {
  border-color: #2f2f2f;
  background: #2f2f2f;
  color: #fff;
}
body.insights .flatpickr-day.selected,
body.insights .flatpickr-day.startRange,
body.insights .flatpickr-day.endRange,
body.insights .flatpickr-day.selected.inRange,
body.insights .flatpickr-day.startRange.inRange,
body.insights .flatpickr-day.endRange.inRange,
body.insights .flatpickr-day.selected:focus,
body.insights .flatpickr-day.startRange:focus,
body.insights .flatpickr-day.endRange:focus,
body.insights .flatpickr-day.selected:hover,
body.insights .flatpickr-day.startRange:hover,
body.insights .flatpickr-day.endRange:hover,
body.insights .flatpickr-day.selected.prevMonthDay,
body.insights .flatpickr-day.startRange.prevMonthDay,
body.insights .flatpickr-day.endRange.prevMonthDay,
body.insights .flatpickr-day.selected.nextMonthDay,
body.insights .flatpickr-day.startRange.nextMonthDay,
body.insights .flatpickr-day.endRange.nextMonthDay {
  background: #2f2f2f;
  border-color: #2f2f2f;
  color: #fff;
}

body.magazine {
  background: #000 !important;
  color: #222;
}
body.magazine::before {
  content: none !important;
}
body.magazine .main {
  margin: 12rem 0 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
body.magazine .magazine-logo {
  background-color: #000;
  padding: 0 0 3.5rem;
}
body.magazine .magazine-logo img {
  display: block;
  width: auto;
  height: 2.3rem;
  margin: 0 auto;
}
body.magazine .brackets {
  padding: 1.5rem 5rem !important;
}
body.magazine .brackets .bracket-left,
body.magazine .brackets .bracket-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 24px;
  height: 100%;
  pointer-events: none;
}
body.magazine .brackets .bracket-left::before, body.magazine .brackets .bracket-left::after,
body.magazine .brackets .bracket-right::before,
body.magazine .brackets .bracket-right::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
body.magazine .brackets .bracket-left::before,
body.magazine .brackets .bracket-right::before {
  top: 0;
  background-position: center top;
}
body.magazine .brackets .bracket-left::after,
body.magazine .brackets .bracket-right::after {
  bottom: 0;
  background-position: center bottom;
}
body.magazine .brackets .bracket-left {
  left: 0;
}
body.magazine .brackets .bracket-right {
  right: 0;
}
body.magazine .brackets.wp-block-quote .bracket-right {
  display: none !important;
}
body.magazine .magazine-category-gold .brackets .bracket-left::before {
  background-image: url("../images/insights/bracket-gold-left-top.svg");
}
body.magazine .magazine-category-gold .brackets .bracket-left::after {
  background-image: url("../images/insights/bracket-gold-left-bottom.svg");
}
body.magazine .magazine-category-gold .brackets .bracket-right::before {
  background-image: url("../images/insights/bracket-gold-right-top.svg");
}
body.magazine .magazine-category-gold .brackets .bracket-right::after {
  background-image: url("../images/insights/bracket-gold-right-bottom.svg");
}
body.magazine .magazine-category-blue .brackets .bracket-left::before {
  background-image: url("../images/insights/bracket-blue-left-top.svg");
}
body.magazine .magazine-category-blue .brackets .bracket-left::after {
  background-image: url("../images/insights/bracket-blue-left-bottom.svg");
}
body.magazine .magazine-category-blue .brackets .bracket-right::before {
  background-image: url("../images/insights/bracket-blue-right-top.svg");
}
body.magazine .magazine-category-blue .brackets .bracket-right::after {
  background-image: url("../images/insights/bracket-blue-right-bottom.svg");
}
body.magazine .magazine-category-cyan .brackets .bracket-left::before {
  background-image: url("../images/insights/bracket-cyan-left-top.svg");
}
body.magazine .magazine-category-cyan .brackets .bracket-left::after {
  background-image: url("../images/insights/bracket-cyan-left-bottom.svg");
}
body.magazine .magazine-category-cyan .brackets .bracket-right::before {
  background-image: url("../images/insights/bracket-cyan-right-top.svg");
}
body.magazine .magazine-category-cyan .brackets .bracket-right::after {
  background-image: url("../images/insights/bracket-cyan-right-bottom.svg");
}
body.magazine .magazine-title-image {
  display: none;
  width: 100%;
  height: auto;
}
body.magazine .magazine-title {
  min-height: calc(100vh - 17.8rem);
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.magazine .magazine-title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.3;
  pointer-events: none;
  z-index: 1;
}
body.magazine .magazine-title .magazine-title-centering {
  position: absolute;
  left: 0;
  right: 0;
  top: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
body.magazine .magazine-title .magazine-title-centering .magazine-title-wrap {
  position: relative;
  max-width: 70rem;
  margin: 0 auto;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
body.magazine .magazine-title .magazine-title-centering .magazine-title-wrap h1 {
  margin: 0;
  line-height: 1.1;
}
body.magazine .magazine-title .magazine-title-arrow {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  display: block;
  width: 2.8rem;
  margin-left: -1.3rem;
  opacity: 0.8;
  z-index: 3;
}
body.magazine .magazine-title .magazine-title-arrow img {
  display: block;
  width: 100%;
  height: auto;
}
body.magazine .magazine-title .magazine-title-arrow:hover {
  opacity: 1;
}
body.magazine .magazine-article .magazine-article-meta {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 0;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-left > span,
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-right > span {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #9b9b9b;
  vertical-align: middle;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-left {
  float: left;
  font-size: 0;
  text-align: left;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-left > span {
  margin-right: 2.5rem;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category {
  position: relative;
  padding: 0 1.8rem;
  font-size: 1.4rem;
  font-weight: 400;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::before, body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 50%;
  height: 100%;
  pointer-events: none;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::before {
  left: 0;
  background-position: left center;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::after {
  right: 0;
  background-position: right center;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-right {
  float: right;
  font-size: 0;
  text-align: right;
}
body.magazine .magazine-article .magazine-article-meta .magazine-article-meta-right > span {
  margin-left: 2.5rem;
}
body.magazine .magazine-article .magazine-article-content h1,
body.magazine .magazine-article .magazine-article-content h2,
body.magazine .magazine-article .magazine-article-content h3,
body.magazine .magazine-article .magazine-article-content h4 {
  color: #000;
  line-height: 1.1;
}
body.magazine .magazine-article .magazine-article-content h2 {
  font-size: 3.8rem;
}
body.magazine .magazine-article .magazine-article-content h3 {
  font-size: 2.8rem;
}
body.magazine .magazine-article .magazine-article-content h4 {
  font-size: 1.8rem;
}
body.magazine .magazine-article .magazine-article-content p {
  margin-top: 2.5rem;
}
body.magazine .magazine-article .magazine-article-content p:first-child {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content h1,
body.magazine .magazine-article .magazine-article-content h2,
body.magazine .magazine-article .magazine-article-content h3,
body.magazine .magazine-article .magazine-article-content h4,
body.magazine .magazine-article .magazine-article-content p,
body.magazine .magazine-article .magazine-article-content ul,
body.magazine .magazine-article .magazine-article-content ol,
body.magazine .magazine-article .magazine-article-content .wp-block-pullquote,
body.magazine .magazine-article .magazine-article-content .wp-block-quote {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}
body.magazine .magazine-article .magazine-article-content ul {
  margin-top: 2.5rem;
  padding: 0;
  list-style: none;
}
body.magazine .magazine-article .magazine-article-content ul li {
  position: relative;
  margin: 0;
  padding: 0 0 0 2em;
}
body.magazine .magazine-article .magazine-article-content ul li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0.6em;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #222;
}
body.magazine .magazine-article .magazine-article-content ol {
  margin-top: 2.5rem;
  padding: 0;
  list-style: none;
  counter-reset: ul;
}
body.magazine .magazine-article .magazine-article-content ol li {
  position: relative;
  margin: 0;
  padding: 0 0 0 2em;
  counter-increment: ul;
}
body.magazine .magazine-article .magazine-article-content ol li::before {
  content: counter(ul) ".";
  position: absolute;
  left: -0.1em;
  display: block;
  width: 2rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
body.magazine .magazine-article .magazine-article-content figure {
  margin: 0;
}
body.magazine .magazine-article .magazine-article-content figcaption {
  display: block;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
  font-size: 1.2rem;
}
body.magazine .magazine-article .magazine-article-content .wp-block-pullquote {
  position: relative;
  margin-top: 6rem;
  margin-bottom: 6rem;
  padding: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-pullquote blockquote {
  margin: 0;
  padding: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-pullquote blockquote p {
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 3.2rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.2;
  text-align: center;
  color: #000;
}
body.magazine .magazine-article .magazine-article-content .wp-block-quote {
  position: relative;
  margin-top: 6rem;
  margin-bottom: 6rem;
  padding: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-quote p {
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 3.2rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.2;
  text-align: left;
  color: #000;
}
body.magazine .magazine-article .magazine-article-content .wp-block-quote cite {
  display: block;
  margin-top: 1rem;
  font-style: normal;
}
body.magazine .magazine-article .magazine-article-content .wp-block-embed-youtube,
body.magazine .magazine-article .magazine-article-content .wp-block-image,
body.magazine .magazine-article .magazine-article-content .wp-block-gallery {
  position: relative;
  max-width: 100%;
  margin: 6rem 0;
  padding: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-embed-youtube:last-child,
body.magazine .magazine-article .magazine-article-content .wp-block-image:last-child,
body.magazine .magazine-article .magazine-article-content .wp-block-gallery:last-child {
  margin-bottom: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-embed-youtube img,
body.magazine .magazine-article .magazine-article-content .wp-block-image img,
body.magazine .magazine-article .magazine-article-content .wp-block-gallery img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 5;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery {
  text-align: center;
  font-size: 0;
  list-style: none;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery .blocks-gallery-grid {
  max-width: none;
  margin: 0;
  padding: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-1 .blocks-gallery-item {
  width: 100%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-1 .blocks-gallery-item:nth-child(1n+1) {
  margin-left: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-1 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-2 .blocks-gallery-item {
  width: 49.4%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2n+1) {
  margin-left: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-3 .blocks-gallery-item {
  width: 32.5333333333%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3n+1) {
  margin-left: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(2) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-4 .blocks-gallery-item {
  width: 24.1%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4n+1) {
  margin-left: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(2) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(3) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-5 .blocks-gallery-item {
  width: 19.04%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n+1) {
  margin-left: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(1) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(2) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(3) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(4) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5) {
  margin-top: 0;
}
body.magazine .magazine-article .magazine-article-content .video-responsive {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
body.magazine .magazine-article .magazine-article-content .video-responsive iframe,
body.magazine .magazine-article .magazine-article-content .video-responsive object,
body.magazine .magazine-article .magazine-article-content .video-responsive embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
body.magazine .magazine-article .magazine-article-authors {
  max-width: 70rem;
  margin-top: 14rem;
  margin-bottom: -4rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #6d7278;
  letter-spacing: 0.1em;
}
body.magazine .magazine-article .magazine-article-authors-title {
  font-weight: 600;
}
body.magazine .magazine-article .magazine-article-authors-items {
  max-width: 32rem;
  margin-top: 1rem;
  font-size: 0;
}
body.magazine .magazine-article .magazine-article-authors-item {
  display: inline-block;
  font-size: 1.2rem;
  white-space: nowrap;
}
body.magazine .magazine-article .magazine-article-authors-item::after {
  content: "/";
  display: inline-block;
  margin: 0 0.5rem;
}
body.magazine .magazine-article .magazine-article-authors-item:last-child::after {
  content: none;
}
body.magazine .magazine-category-gold .magazine-article .magazine-article-content .wp-block-pullquote blockquote p {
  color: #ddba91;
}
body.magazine .magazine-category-gold .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::before {
  background-image: url("../images/insights/bracket-gold-left.svg");
}
body.magazine .magazine-category-gold .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::after {
  background-image: url("../images/insights/bracket-gold-right.svg");
}
body.magazine .magazine-category-blue .magazine-article .magazine-article-content .wp-block-pullquote blockquote p {
  color: #5e68b6;
}
body.magazine .magazine-category-blue .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::before {
  background-image: url("../images/insights/bracket-blue-left.svg");
}
body.magazine .magazine-category-blue .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::after {
  background-image: url("../images/insights/bracket-blue-right.svg");
}
body.magazine .magazine-category-cyan .magazine-article .magazine-article-content .wp-block-pullquote blockquote p {
  color: #56b39f;
}
body.magazine .magazine-category-cyan .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::before {
  background-image: url("../images/insights/bracket-cyan-left.svg");
}
body.magazine .magazine-category-cyan .magazine-article .magazine-article-meta .magazine-article-meta-left > .magazine-article-meta-category::after {
  background-image: url("../images/insights/bracket-cyan-right.svg");
}

.single-magazin .wp-block-gallery.has-nested-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  /* 			&.wp-block-gallery-1 {
  	grid-template-columns: 1fr;

  	figcaption {
  		grid-column: span 1;
  	}
  }

  &.wp-block-gallery-2 {
  	grid-template-columns: 1fr 1fr;

  	figcaption {
  		grid-column: span 2;
  	}
  }

  &.wp-block-gallery-3, &.columns-3 {
  	grid-template-columns: 1fr 1fr 1fr; 

  	figcaption {
  		grid-column: span 3;
  	}
  } */
}
.single-magazin .wp-block-gallery.has-nested-images figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.single-magazin .wp-block-gallery.has-nested-images figcaption {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.single-magazin .wp-block-gallery.has-nested-images .wp-block-image {
  margin: 0 !important;
}

/********************************************************************************************/
/* OUR MISSION ******************************************************************************/
.mission .inner {
  max-width: 123rem;
}

.mission-quote,
.mission-blocks-title {
  padding: 0 8rem;
}

.mission-quote {
  position: relative;
  color: #fff;
  font-family: "Verlag", "Open Sans", sans-serif;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.2;
}
.mission-quote::before {
  content: '"';
  position: absolute;
  left: 1.5rem;
  top: 0.25em;
  color: #ecc79b;
  font-size: 200%;
  line-height: 0;
}

.mission-blocks {
  margin-top: 7rem;
}

.mission-blocks-title p {
  font-size: 2rem;
  color: #878787;
}

.mission-blocks-items {
  margin-top: 6rem;
}

.mission-blocks-item {
  margin-top: 6rem;
}
.mission-blocks-item:first-child {
  margin-top: 0;
}
.mission-blocks-item .mission-blocks-image {
  float: left;
  width: 28rem;
  margin-right: 4rem;
}
.mission-blocks-item .mission-blocks-image img {
  display: block;
  width: 100%;
  height: auto;
}
.mission-blocks-item .mission-blocks-text {
  overflow: hidden;
}
.mission-blocks-item .mission-blocks-text h2 {
  color: #878787;
  font-weight: 900;
  font-size: 2.6rem;
}

/********************************************************************************************/
/* FACTORY TOUR *****************************************************************************/
.factory-tour-block {
  position: relative;
  max-width: 48rem;
  margin: 6rem auto 0;
  padding-left: 16rem;
  font-size: 2rem;
  color: #878787;
  line-height: 1.4;
}
.factory-tour-block:first-child {
  margin-top: 0;
}
.factory-tour-block .factory-tour-icon {
  position: absolute;
  left: 11rem;
  top: 1.8rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  max-width: 4rem;
  height: auto;
  max-height: 4rem;
}
.factory-tour-block strong {
  color: #fff;
  font-size: 2.4rem;
}
.factory-tour-block .gold {
  color: #ecc79b;
}
.factory-tour-block .factory-tour-date {
  margin-top: 4rem;
}
.factory-tour-block .factory-tour-date-inner {
  position: relative;
  margin-top: 2rem;
}
.factory-tour-block .factory-tour-date-time {
  position: absolute;
  left: -16rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.factory-tour-block .factory-tour-date-day {
  margin-top: 1.5rem;
}
.factory-tour-block .factory-tour-date-day:first-child {
  margin-top: 0;
}
.factory-tour-block.factory-tour-address::before {
  content: "";
  position: absolute;
  left: 11rem;
  top: 4.8rem;
  bottom: -1rem;
  display: block;
  width: 2px;
  margin-left: -1px;
  background-color: #9a9a9a;
}

.finishes .links {
  margin-top: -2rem;
}

.finishes-cover {
  display: block;
  width: 100%;
  height: auto;
  margin: 6rem 0;
}

.h-line {
  margin: 8rem 0 0;
  text-align: center;
  overflow: hidden;
}
.h-line span {
  position: relative;
  display: inline-block;
}
.h-line span::before, .h-line span::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 50vw;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}
.h-line span::before {
  right: calc(100% + 2.5rem);
}
.h-line span::after {
  left: calc(100% + 2.5rem);
}

.finishes-subsection {
  position: relative;
  margin-top: 8rem;
}
.finishes-subsection h2 {
  color: #ecc79b;
}
.page-header + .finishes-subsection {
  margin-top: -4rem;
}

.finishes-video {
  position: relative;
}
.finishes-video > img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 2;
}
.finishes-video a {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  padding: 0 4rem;
  text-decoration: none;
  text-align: center;
  color: #ddd;
  z-index: 5;
}
.finishes-video a h2,
.finishes-video a .h2 {
  text-align: center;
  margin-bottom: 0;
}

.finishes-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.finishes-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 32%;
  margin-left: 2%;
  margin-top: 6rem;
  background-color: #272526;
}
.finishes-item:nth-child(3n+1) {
  margin-left: 0;
}
.finishes-item .finishes-text {
  padding: 2.5rem;
}
.finishes-item .finishes-text .finishes-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3rem;
}
.finishes-item .finishes-text .finishes-header .finishes-title {
  width: calc(100% - 7rem);
}
.finishes-item .finishes-text .finishes-header .finishes-title h2,
.finishes-item .finishes-text .finishes-header .finishes-title h3 {
  margin: 0;
}
.finishes-item .finishes-text .finishes-header .finishes-title h2 strong,
.finishes-item .finishes-text .finishes-header .finishes-title h3 strong {
  display: block;
  color: #ecc79b;
  font-weight: 300;
}
.finishes-item .finishes-text .finishes-header .finishes-icon {
  width: 5rem;
}
.finishes-item .finishes-text .finishes-header .finishes-icon img {
  display: block;
  width: 100%;
  height: auto;
}
.finishes-item .finishes-text .finishes-header.finishes-header-big-icon {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 14.4rem;
}
.finishes-item .finishes-text .finishes-header.finishes-header-big-icon .finishes-title {
  width: calc(100% - 11rem);
}
.finishes-item .finishes-text .finishes-header.finishes-header-big-icon .finishes-icon {
  width: 9rem;
}
.finishes-item .finishes-image {
  margin-top: auto;
}
.finishes-item .finishes-image img {
  display: block;
  width: 100%;
  height: auto;
}

.insights-animation {
  position: fixed;
  right: 3vw;
  bottom: 2vw;
  width: 24rem;
  padding: 3rem;
  z-index: 999;
}
.insights-animation::before {
  content: "";
  position: absolute;
  left: -5rem;
  right: -5rem;
  top: -5rem;
  bottom: -5rem;
  display: block;
  background: radial-gradient(closest-side, rgba(18, 16, 17, 0.6), rgba(18, 16, 17, 0));
  opacity: 0.1;
  pointer-events: none;
  z-index: -1;
}
@media (min-width: 901px) {
  .insights-animation.insights-animation-mobile-only {
    display: none !important;
  }
}

.insights-animation-image-spacer,
.insights-animation-image-real img {
  display: block;
}

.insights-animation-image-spacer {
  width: 100%;
  height: auto;
  opacity: 0;
}

.insights-animation-furch {
  position: relative;
  width: 100%;
}
.insights-animation-furch .insights-animation-image-real {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
}
.insights-animation-furch .insights-animation-image-real img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: 8;
  opacity: 0;
}

.insights-animation-insights {
  position: relative;
  width: 100%;
  margin-top: 1.8rem;
}
.insights-animation-insights .insights-animation-image-real {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10%;
  overflow: hidden;
}
.insights-animation-insights .insights-animation-image-real::before, .insights-animation-insights .insights-animation-image-real::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1rem;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
.insights-animation-insights .insights-animation-image-real::before {
  left: 0;
  background-image: url("../images/insights/animation/insights-bracket-left.svg");
  background-position: left center;
  z-index: 10;
}
.insights-animation-insights .insights-animation-image-real::after {
  right: 0;
  background-image: url("../images/insights/animation/insights-bracket-right.svg");
  background-position: right center;
  z-index: 10;
}
.insights-animation-insights .insights-animation-image-real img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  opacity: 0;
}

.insights-animation-button {
  position: relative;
  width: 90%;
  max-width: 13.6rem;
  margin: 2rem auto 0;
  border-radius: 0.6rem;
  -webkit-transition: background-color 0.2s ease-out 0s;
  transition: background-color 0.2s ease-out 0s;
}
.insights-animation-button svg {
  display: block;
  width: 100%;
  height: auto;
}
.insights-animation-button svg .path {
  stroke-dashoffset: 1600;
  stroke-dasharray: 1600;
}
.insights-animation-button .insights-animation-button-caption {
  position: absolute;
  left: 0;
  top: 51%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 100%;
  color: #6ac2bd;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  line-height: 1;
  font-size: 1.2rem;
  text-align: center;
  opacity: 0;
  -webkit-transition: color 0.2s ease-out 0s;
  transition: color 0.2s ease-out 0s;
}
.insights-animation-button:hover {
  background-color: #6ac2bd;
}
.insights-animation-button:hover .insights-animation-button-caption {
  color: #fff;
}

.modal a.close-modal {
  top: 0;
  right: 0;
}

.modal-ru-letter {
  background: #fff !important;
  font-size: 1.4rem;
  color: #000;
}
.modal-ru-letter img {
  margin: 0;
}

.dcb-privacy-policy-text > h1:first-child {
  display: none !important;
}

body.page-template-default .dcb-privacy-policy-text table.dcb-table-top-titles,
table.dcb-table-top-titles {
  width: 100%;
  margin: 2rem 0 0;
}
body.page-template-default .dcb-privacy-policy-text table.dcb-table-top-titles th,
body.page-template-default .dcb-privacy-policy-text table.dcb-table-top-titles td,
table.dcb-table-top-titles th,
table.dcb-table-top-titles td {
  padding: 5px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
}
body.page-template-default .dcb-privacy-policy-text table.dcb-table-top-titles thead th,
table.dcb-table-top-titles thead th {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
body.page-template-default .dcb-privacy-policy-text table.dcb-table-top-titles tbody th,
table.dcb-table-top-titles tbody th {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.modal.modal--3d-model {
  padding: 0;
  font-size: 0;
  max-width: 140rem;
}
.modal.modal--3d-model iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

#lottie {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  margin-bottom: 8rem;
  font-size: 0;
}

.backstage-2023 h1, .backstage-2023 h2 {
  color: #ecc79b;
  font-weight: 600;
}
.backstage-2023 .text-with-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1rem 0;
}
.backstage-2023 .text-with-tag .tag {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12rem;
          flex: 0 0 12rem;
  border: 2px solid #ecc79b;
  border-radius: 2.5rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 2.4rem;
  font-weight: 800;
  color: #ecc79b;
  text-align: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.backstage-2023 .text-with-tag .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 2.4rem;
}
.backstage-2023 .text-with-tag .text p {
  color: white;
  font-size: 2rem;
  margin: 0;
  font-weight: 600;
}
.backstage-2023 p.blue-text {
  color: #6ac2bd;
  font-size: 2.4rem;
  font-weight: 600;
}
.backstage-2023 h2 {
  font-size: 4.2rem;
}
.backstage-2023 .email-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 39.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1rem auto;
  background: white;
  padding: 0.6rem;
  border-radius: 4rem;
  font-size: 2.2rem;
  font-weight: 800;
  color: black;
}
@media screen and (max-width: 520px) {
  .backstage-2023 .email-tag {
    font-size: 1.7rem;
    width: 34.4rem;
  }
}
@media screen and (max-width: 360px) {
  .backstage-2023 .email-tag {
    width: 28.4rem;
    font-size: 1.5rem;
  }
  .backstage-2023 .email-tag img {
    max-width: 5rem;
    height: auto;
  }
}
.backstage-2023 .email-tag span {
  padding: 0 1rem;
}
.backstage-2023 .gallery {
  position: relative;
  margin: 0 auto;
  padding-bottom: 6rem;
}
.backstage-2023 .gallery-big div img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.backstage-2023 .gallery-big .slick-arrow {
  position: absolute;
  top: 48%;
  border-color: #ecc79b;
  cursor: pointer;
  z-index: 20;
}
.backstage-2023 .gallery-big .arrow-left {
  left: -5rem;
}
.backstage-2023 .gallery-big .arrow-right {
  right: -5rem;
}
.backstage-2023 .gallery-small {
  position: absolute;
  bottom: -2rem;
  width: 90%;
  max-width: 80rem;
  height: 11rem;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 1;
}
.backstage-2023 .gallery-small div {
  position: relative;
  cursor: pointer;
}
.backstage-2023 .gallery-small div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.backstage-2023 .gallery-small div:hover::before {
  opacity: 0;
}
.backstage-2023 .gallery-small div img {
  max-width: 100%;
}
.backstage-2023 .gallery-small .slick-current::before {
  opacity: 0;
}

.backstage-2023.backstage-social .social-items {
  text-align: center;
  margin-top: 5rem;
}
.backstage-2023.backstage-social .social-items a {
  display: inline-block;
  margin: 0 1rem;
  color: white;
  font-size: 3rem;
  vertical-align: middle;
}
.backstage-2023.backstage-social .social-items a:hover {
  color: #ecc79b;
}
.backstage-2023.backstage-social .social-items svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
}
@media screen and (max-width: 564px) {
  .backstage-2023.backstage-social .social-items svg {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 900px) {
  .backstage-2023 .gallery-big .slick-arrow {
    width: 4rem;
    height: 4rem;
    border-width: 4px 4px 0 0;
  }
  .backstage-2023 .gallery-big .arrow-left {
    left: 2rem;
  }
  .backstage-2023 .gallery-big .arrow-right {
    right: 2rem;
  }
}
.backstage-2023.download {
  padding-top: 0;
}

.download-item-backstage {
  display: block;
  position: relative;
  padding: 1.5rem 5rem 1.5rem 0;
  border-bottom: 2px solid #ecc79b;
  text-decoration: none;
}
.download-item-backstage:hover p {
  color: #6ac2bd;
}
.download-item-backstage p {
  color: white;
  font-size: 2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 0;
}
.download-item-backstage svg {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.contacts.backstage-2023 {
  background-color: #D2B38E;
  text-align: center;
}
.contacts.backstage-2023 h3 {
  color: black;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 600;
}
@media screen and (max-width: 430px) {
  .contacts.backstage-2023 h3 {
    font-size: 1.8rem;
  }
}
.contacts.backstage-2023 p a {
  color: white;
  text-decoration: none;
  font-size: 4.2rem;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .contacts.backstage-2023 p a {
    font-size: 3rem;
  }
}
@media screen and (max-width: 430px) {
  .contacts.backstage-2023 p a {
    font-size: 2rem;
  }
}

.page-template-page_backstage .follow-us, .page-template-page_backstage footer > .inner, .page-template-page_backstage .insights-animation {
  display: none;
}

.gallery-block {
  margin-top: 5rem;
}
.gallery-block .gallery-big .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gallery-block .gallery-big .slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gallery-block .gallery-big img {
  max-height: 50rem;
}
.gallery-block .gallery-small div {
  background: black;
}

.page-template-page_explore-in-3D:before {
  display: none !important;
}
.page-template-page_explore-in-3D .main {
  padding-top: 0;
}
.page-template-page_explore-in-3D header.main-menu-wrap,
.page-template-page_explore-in-3D .follow-us,
.page-template-page_explore-in-3D footer.footer,
.page-template-page_explore-in-3D .insights-animation {
  display: none;
}
.page-template-page_explore-in-3D iframe {
  width: 100%;
  height: 100svh;
}

@media screen and (max-width: 700px) {
  .shop-btn--desktop {
    display: none;
  }
}

.shop-btn--mobile {
  display: none;
}
@media screen and (max-width: 700px) {
  .shop-btn--mobile {
    display: inline-block;
    position: absolute;
    right: 13rem;
    top: 2rem;
  }
}

.page-template-page_exkluzivni-prodej .main {
  padding-top: 0;
}
.page-template-page_exkluzivni-prodej .section {
  padding-top: 0;
}
.page-template-page_exkluzivni-prodej .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 8rem;
  }
}
.page-template-page_exkluzivni-prodej .top .left-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45rem;
          flex: 0 0 45rem;
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .top .left-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
    margin-top: -10rem;
    z-index: 2;
  }
}
.page-template-page_exkluzivni-prodej .top .left-col h1 {
  text-align: left;
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .top .left-col h1 {
    text-align: center;
  }
}
.page-template-page_exkluzivni-prodej .top .left-col p.gold {
  color: #ecc79b;
  font-style: italic;
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .top .left-col .text p {
    text-align: center;
  }
}
.page-template-page_exkluzivni-prodej .top .right-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .top .right-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 1422px) {
  .page-template-page_exkluzivni-prodej .top .right-col img {
    max-width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .top .right-col img {
    margin-left: -20%;
  }
}
.page-template-page_exkluzivni-prodej .main-menu-wrap {
  position: relative;
}
.page-template-page_exkluzivni-prodej .main-menu-wrap.fixed .inner .logo {
  top: 4rem;
  height: 7rem;
}
@media screen and (max-width: 900px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap.fixed .inner .logo {
    top: 1.7rem;
    height: 4.5rem;
  }
}
@media screen and (max-width: 700px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .logo.logo-full {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .logo {
    left: 1.5rem;
  }
}
.page-template-page_exkluzivni-prodej .main-menu-wrap .inner .main-menu {
  margin-top: 0.5rem;
  text-align: right;
}
@media screen and (max-width: 900px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .main-menu {
    position: absolute;
    background: #121011;
    width: 100%;
    left: 0;
  }
}
.page-template-page_exkluzivni-prodej .main-menu-wrap .inner .main-menu ul {
  text-align: right;
}
@media screen and (max-width: 900px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .main-menu ul {
    padding-top: 0;
  }
}
.page-template-page_exkluzivni-prodej .main-menu-wrap .inner .main-menu ul li:last-of-type a {
  padding-right: 0;
}
@media screen and (max-width: 634px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .menu-button {
    top: 1.9rem;
  }
}
@media screen and (max-width: 400px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .menu-button {
    right: 0.5rem;
  }
}
.page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts {
  margin-top: 3.4rem;
  margin-left: 10rem;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  /* position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%); */
  gap: 0.4rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 900px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts {
    margin-top: 2rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 634px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts {
    padding-right: 4rem;
  }
}
@media screen and (max-width: 452px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts {
    gap: 0.5rem 1.7rem;
    padding-right: 5rem;
  }
}
@media screen and (max-width: 400px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 360px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts {
    margin-left: 0;
  }
}
.page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts a {
  color: white;
  text-decoration: none;
}
.page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts a:hover {
  color: #ecc79b;
}
@media screen and (max-width: 452px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts span {
    display: none;
  }
}
.page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1.6rem;
}
@media screen and (max-width: 900px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts .address {
    margin-left: 0.8rem;
  }
}
@media screen and (max-width: 400px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts .address {
    gap: 0.5rem;
    margin-left: auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 900px) {
  .page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts .address svg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.5rem;
            flex: 0 0 1.5rem;
  }
}
.page-template-page_exkluzivni-prodej .main-menu-wrap .inner .header-contacts .address p {
  margin: 0;
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order {
  margin-bottom: 0;
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order.page-blocks-item--last {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-image {
  padding-right: 0;
  padding-left: 0;
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text {
  padding: 0 13rem !important;
}
@media screen and (max-width: 1020px) {
  .page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text {
    padding: 0 4rem !important;
  }
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg {
  background: #ecc79b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg {
    padding: 4rem !important;
    margin-top: 0 !important;
  }
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg h2,
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg h3 {
  color: black;
  text-shadow: none;
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg h2,
  .page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg h3 {
    text-align: center;
  }
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg h2 strong,
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg h3 strong {
  font-weight: 500;
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg a {
  text-shadow: none;
  color: black;
  font-size: 2.3rem;
  display: block;
  text-decoration: none;
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
@media screen and (max-width: 800px) {
  .page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg .address {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg .address svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.1rem;
          flex: 0 0 2.1rem;
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text.page-blocks-text--gold-bg .address p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-shadow: none;
  color: black;
  margin-top: 0;
  font-size: 1.6rem;
}
.page-template-page_exkluzivni-prodej .page-blocks-item.page-blocks-item--custom-order .page-blocks-text .inner {
  max-width: 41rem;
  padding: 0;
}
.page-template-page_exkluzivni-prodej .gallery--text ul.slick-dots {
  margin: 0;
  position: absolute;
  bottom: -3rem;
  list-style-type: none;
  padding-left: 0;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-template-page_exkluzivni-prodej .gallery--text ul.slick-dots li {
  display: inline-block;
  vertical-align: middle;
}
.page-template-page_exkluzivni-prodej .gallery--text ul.slick-dots li.slick-active button {
  background: white;
  width: 2rem;
}
.page-template-page_exkluzivni-prodej .gallery--text ul.slick-dots li button {
  margin: 0;
  padding: 0;
  font-size: 0;
  border: 0;
  background: #575757;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.page-template-page_exkluzivni-prodej .gallery--text ul.slick-dots li button:hover {
  color: white;
}

.page-template-page_video-manual .section.page {
  padding-bottom: 4rem;
}
.page-template-page_video-manual .section.page .inner video {
  max-width: 100%;
}
.page-template-page_video-manual .follow-us {
  display: none;
}
.page-template-page_video-manual footer.footer {
  border-top: 0;
  background: transparent;
}
.page-template-page_video-manual footer.footer > .inner {
  display: none;
}
.page-template-page_video-manual footer.footer .copyright {
  border-top: 0;
}
.page-template-page_video-manual footer.footer .copyright p {
  display: none;
}
.page-template-page_video-manual .insights-animation {
  display: none;
}
/*# sourceMappingURL=styles.css.map */