html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

*, *::after, *::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none !important;
}

body, html {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  color: #222222;
  font-weight: 500;
}
@media (max-width: 580px) {
  body, html {
    font-size: 12px;
  }
}

body {
  padding-top: 144px;
}
@media (max-width: 1280px) {
  body {
    padding-top: 68px;
  }
}

body * {
  font-family: "Montserrat", sans-serif;
}

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

.container-full {
  width: 100%;
  display: block;
  padding: 0 70px;
  position: relative;
}
@media (max-width: 1285px) {
  .container-full {
    margin: 0 auto;
    width: 100%;
    max-width: 1175px;
    padding: 0 15px;
  }
}

.container {
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
  max-width: 1175px;
  clear: both;
}
.container.width-2 {
  max-width: 1394px;
}

.silver-background {
  background-color: #f7f7f7;
}

.label {
  display: inline-block;
  font-size: 0.69rem;
  line-height: 1;
  font-weight: 200;
  color: #fff;
  background-color: #e6af16;
  padding: 3px 5px;
}

p {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 500;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  p {
    margin-bottom: 20px;
  }
}

img {
  max-width: 100%;
  max-height: 100%;
}

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

.flex-inline-block {
  display: flex;
}

.width-50 {
  width: 50%;
}
@media (max-width: 480px) {
  .width-50 {
    width: 100%;
    margin-bottom: 30px;
  }
}

.width-33 {
  width: 33.3%;
}
@media (max-width: 480px) {
  .width-33 {
    width: 100%;
    margin-bottom: 30px;
  }
}

.wrapper-display-inline {
  width: 100%;
}
.wrapper-display-inline .box {
  display: inline-block;
  float: left;
}

strong {
  font-weight: 700;
}

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

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

.relative {
  position: relative;
}

main {
  padding: 70px 0;
  clear: both;
}

.pull-left {
  float: left;
}

.wrapper.pull-left {
  width: 100%;
}

.margin-top-105 {
  margin-top: 105px;
}

.margin-bottom-85 {
  margin-bottom: 85px;
}

.margin-bottom-65 {
  margin-bottom: 65px;
}

.margin-top-90 {
  margin-top: 90px;
}

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

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-top-25 {
  margin-top: 25px;
}

p a {
  color: #e6af16;
}

#colorbox.advgb_lightbox #cboxClose {
  bottom: auto !important;
  top: -40px !important;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: block;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
header nav {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
header.scrolling-down .navigation-top {
  margin-top: -68px;
}
header.scrolling-down.active-menu .navigation-top {
  margin-top: 0px;
}
@media (max-width: 1280px) {
  header .link-with-icon {
    overflow: hidden;
    width: 28px;
    padding: 0;
    text-indent: -6666px;
  }
}

.logo {
  display: flex;
  position: absolute;
  margin: auto;
  align-items: center;
  padding-left: 70px;
  height: 56px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.logo .img-logo {
  max-height: 100%;
}
.logo .img-warrant {
  max-height: 52px;
  margin: 0 24px 0 26px;
}
.logo span {
  font-weight: 200;
  font-size: 0.92rem;
  display: block;
  padding-left: 22px;
  border-left: 1px solid #a7a7a7;
  line-height: 30px;
}
@media (max-width: 1520px) {
  .logo span {
    display: none;
  }
}
@media (max-width: 1280px) {
  .logo {
    padding-left: 15px;
  }
}

.menu {
  display: block;
  border-bottom: 1px solid #f2f2f2;
  padding-right: 29px;
}
.menu li {
  display: inline-block;
  float: left;
  position: relative;
}
.menu li a {
  display: block;
  font-size: 1rem;
  color: #222222;
  background-color: transparent;
  text-decoration: none;
  padding: 30px 2.13vw;
  font-weight: 600;
}
.menu li a:hover {
  background-color: #222222;
  color: #fff;
}
.menu li.current-menu-item a {
  background-color: #222222;
  color: #fff;
}
@media (max-width: 1280px) {
  .menu {
    display: none;
  }
}

.navigation-top {
  -webkit-transition: margin-top 0.3s ease-in-out;
  -moz-transition: margin-top 0.3s ease-in-out;
  -o-transition: margin-top 0.3s ease-in-out;
  transition: margin-top 0.3s ease-in-out;
  display: flex;
  align-items: center;
  padding: 18px 70px 18px 0;
  margin-top: 0;
  position: relative;
}
.navigation-top .element {
  padding-left: 55px;
}
@media (max-width: 1280px) {
  .navigation-top .element {
    padding-left: 15px;
  }
}
@media (max-width: 630px) {
  .navigation-top .element {
    opacity: 0;
  }
}
@media (max-width: 1280px) {
  .navigation-top {
    padding-right: 100px;
  }
}

.section-home-slder {
  position: relative;
}
.section-home-slder h1 {
  max-width: 90%;
  overflow: hidden;
}
.section-home-slder .image-slider {
  height: 811px;
}
.section-home-slder .image-slider li, .section-home-slder .image-slider ul {
  height: 100%;
  display: block;
}
.section-home-slder .image-slider li figure {
  width: 100%;
  height: 811px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.section-home-slder .wrapper-description {
  position: absolute;
  background-color: #fff;
  right: 140px;
  bottom: 162px;
  z-index: 100;
  -webkit-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.1);
  width: 844px;
  height: 503px;
}
@media (max-width: 1100px) {
  .section-home-slder .wrapper-description {
    width: 60%;
    right: 15px;
    height: 450px;
    overflow: hidden;
  }
}
@media (max-width: 930px) {
  .section-home-slder .wrapper-description {
    width: 80%;
    bottom: 120px;
  }
}
@media (max-width: 930px) {
  .section-home-slder .wrapper-description {
    width: 86%;
    bottom: 120px;
  }
}
.section-home-slder .text-slider {
  position: absolute;
  bottom: 63px;
  left: -83px;
}
@media (max-width: 1100px) {
  .section-home-slder .text-slider {
    left: 45px;
  }
}
@media (max-width: 360px) {
  .section-home-slder .text-slider {
    left: 15px;
  }
}
.section-home-slder .text-slider .bx-controls {
  position: absolute;
  top: -47px;
  left: 160px;
}
@media (max-width: 1100px) {
  .section-home-slder .text-slider .bx-controls {
    left: 0px;
  }
}

.section-area {
  position: relative;
  z-index: 1;
  margin: -94px 0 103px;
  height: 348px;
}
@media (max-width: 970px) {
  .section-area {
    height: auto;
    float: left;
    width: 100%;
  }
}
.section-area .area {
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  display: inline-block;
  float: left;
  width: 25%;
  overflow: hidden;
  position: relative;
  height: 300px;
  text-decoration: none;
  color: #fff;
}
@media (max-width: 970px) {
  .section-area .area {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .section-area .area {
    width: 100%;
  }
}
.section-area .area::after {
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 50%;
  display: block;
  content: "";
  left: 0;
  bottom: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#80000000",GradientType=0 );
  /* IE6-9 */
}
.section-area .area:hover {
  height: 348px;
}
.section-area .area:hover::after {
  height: calc(50% + 24px);
}
@media (max-width: 970px) {
  .section-area .area:hover {
    height: 300px;
  }
  .section-area .area:hover::after {
    height: 50%;
  }
}
.section-area .area figure {
  width: 100%;
  height: 348px;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.section-area .area .title {
  position: absolute;
  z-index: 2;
  font-size: 1.15rem;
  line-height: 1.46rem;
  left: 0;
  bottom: 0;
  padding: 38px;
  font-weight: 700;
  color: #fff;
}

.section-home-products .silver-background {
  padding-bottom: 56px;
}
.section-home-products.news-page .silver-background {
  padding-top: 56px;
}
.section-home-products .header-products {
  width: 100%;
  height: 500px;
  background-color: #fff;
  position: relative;
  margin: 65px 0 14px;
  float: left;
}
@media (max-width: 850px) {
  .section-home-products .header-products {
    height: auto;
  }
}
.section-home-products .header-products .text-box {
  width: 425px;
  bottom: 0;
  right: 0;
  position: absolute;
  padding: 55px 60px;
}
@media (max-width: 850px) {
  .section-home-products .header-products .text-box {
    width: 100%;
    position: relative;
  }
}
@media (max-width: 580px) {
  .section-home-products .header-products .text-box {
    padding: 30px;
  }
}
.section-home-products .header-products figure {
  position: absolute;
  bottom: 0;
  width: 818px;
  height: 520px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: -100px;
}
@media (max-width: 1300px) {
  .section-home-products .header-products figure {
    left: 0;
    width: calc(100% - 425px);
  }
}
@media (max-width: 850px) {
  .section-home-products .header-products figure {
    width: 100%;
    position: relative;
  }
}
@media (max-width: 580px) {
  .section-home-products .header-products figure {
    width: 100%;
    height: 300px;
  }
}
.section-home-products .action-button {
  text-align: right;
  display: block;
  clear: both;
  padding: 42px 0 0;
}
.section-home-products .action-button .default-button {
  width: calc(25% - 20px);
}
@media (max-width: 850px) {
  .section-home-products .action-button .default-button {
    width: calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .section-home-products .action-button .default-button {
    width: 100%;
  }
}

.product-news--slider {
  display: block;
  width: 100%;
}
.product-news--slider li {
  display: block;
  width: 100%;
}

.section-inspirations {
  padding: 108px 0 0;
  clear: both;
}
.section-inspirations li {
  display: block;
  width: 100%;
  height: 790px;
  position: relative;
  overflow: hidden;
}
.section-inspirations li .container {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section-inspirations li aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 1;
}
.section-inspirations li aside .default-button {
  width: 265px;
}
@media (max-width: 480px) {
  .section-inspirations li aside .default-button {
    width: 100%;
  }
}
@media (max-width: 1360px) {
  .section-inspirations li aside {
    padding: 0 70px;
  }
}
@media (max-width: 750px) {
  .section-inspirations li aside {
    padding: 0 15px;
    justify-content: flex-end;
    padding-bottom: 30px;
  }
}
@media (max-width: 1070px) {
  .section-inspirations li {
    height: 550px;
  }
}
@media (max-width: 750px) {
  .section-inspirations li {
    height: 450px;
  }
}
.section-inspirations .bx-controls {
  position: absolute;
  width: 100%;
  padding: 0 15px;
  max-width: 1175px;
  margin: auto;
  left: 0;
  right: 0;
  top: 177px;
}
@media (max-width: 1360px) {
  .section-inspirations .bx-controls {
    padding: 0 100px;
  }
}
@media (max-width: 1070px) {
  .section-inspirations .bx-controls {
    top: 70px;
  }
}
@media (max-width: 750px) {
  .section-inspirations .bx-controls {
    padding: 0 50px;
  }
}

.inspirations--images img {
  width: 100%;
  height: 100%;
  max-width: unset;
  max-height: unset;
}

footer {
  margin-top: 109px;
  padding: 65px 0;
  background-color: #fcfbfb;
  float: left;
  width: 100%;
}
footer .footer-logo {
  width: 69px;
  filter: grayscale(1);
  opacity: 0.7;
}
footer a {
  color: #222222;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer .box .title {
  border-bottom: 1px solid #efeeee;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 13px;
}
footer .box li {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2.3rem;
}
@media (max-width: 850px) {
  footer .container > .flex-inline-block {
    display: block;
    width: 100%;
  }
}
@media (max-width: 480px) {
  footer {
    text-align: center;
  }
}

.header-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 50px;
}

.social-links {
  position: relative;
  text-align: right;
}
.social-links a {
  margin-left: 32px;
}
.social-links img {
  position: relative;
}
.social-links .ico-facebook {
  width: 11px;
}
.social-links .ico-youtube {
  top: 2px;
  width: 15px;
}
.social-links .ico-instagram {
  width: 12px;
}

.footer-footer {
  margin-top: 50px;
}
@media (max-width: 850px) {
  .footer-footer {
    float: left;
    width: 100%;
  }
}
@media (max-width: 580px) {
  .footer-footer {
    text-align: center;
  }
}
.footer-footer a {
  font-size: 0.84rem;
}
.footer-footer span {
  margin: 0 13px;
}
.footer-footer .made-by {
  font-size: 0.69rem;
  position: relative;
  color: #888888;
  margin-left: 73px;
}
@media (max-width: 580px) {
  .footer-footer .made-by {
    display: block;
    width: 100%;
    float: left;
    margin: 15px 0;
  }
}
.footer-footer .made-by img {
  width: 16px;
  margin-left: 12px;
  position: relative;
  top: 4px;
}

.section-breadcrumbs {
  clear: both;
}
.section-breadcrumbs aside {
  padding: 40px 0 38px;
  font-size: 0.84rem;
}
.section-breadcrumbs a {
  color: #222222;
  text-decoration: none;
  font-size: 0.84rem;
  font-weight: 500;
}
.section-breadcrumbs a:hover {
  text-decoration: underline;
}
@media (max-width: 1534px) {
  .section-breadcrumbs .container-full {
    padding: 0 15px;
    margin: 0;
    max-width: 100%;
  }
}

.section-product-preview {
  margin-bottom: 170px;
}
.section-product-preview aside {
  background-color: #f2f2f2;
}
.section-product-preview .top {
  background-color: #fff;
  height: 550px;
  position: relative;
}
@media (max-width: 970px) {
  .section-product-preview .top {
    height: auto;
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }
}
.section-product-preview .top .content {
  float: right;
  height: 100%;
  width: 440px;
  display: flex;
  padding: 56px;
  flex-direction: column;
  justify-content: flex-end;
}
.section-product-preview .top .content .silver-button {
  margin-bottom: 14px;
}
.section-product-preview .top .content .default-button {
  padding: 20px 15px;
}
@media (max-width: 970px) {
  .section-product-preview .top .content {
    width: 100%;
    padding: 30px;
    height: auto;
    align-items: center;
  }
  .section-product-preview .top .content .silver-button, .section-product-preview .top .content .default-button {
    width: 350px;
    max-width: 100%;
  }
}
@media (max-width: 580px) {
  .section-product-preview .top .content .silver-button, .section-product-preview .top .content .default-button {
    width: 100%;
  }
}
.section-product-preview .top .main {
  display: block;
  width: 789px;
  height: 550px;
  position: absolute;
  bottom: 33px;
  left: -40px;
}
@media (max-width: 1280px) {
  .section-product-preview .top .main {
    left: 0;
    width: calc(100% - 390px);
  }
}
@media (max-width: 970px) {
  .section-product-preview .top .main {
    width: 100%;
    position: relative;
  }
}
@media (max-width: 750px) {
  .section-product-preview .top .main {
    width: 100%;
    height: 400px;
    bottom: 0;
  }
}
.section-product-preview .top .main.full-width {
  position: relative;
}
@media (min-width: 1281px) {
  .section-product-preview .top .main.full-width {
    width: calc(100% + 40px);
  }
}
@media (max-width: 1280px) {
  .section-product-preview .top .main.full-width {
    width: 100%;
    position: relative;
  }
}
.section-product-preview .top .main.full-width .default-button {
  position: absolute;
  bottom: 56px;
  right: 56px;
  z-index: 100;
  min-width: 200px;
}
@media (max-width: 750px) {
  .section-product-preview .top .main.full-width .default-button {
    bottom: 15px;
    right: 15px;
    width: 100%;
  }
}
.section-product-preview .top .main figure {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.section-product-preview .slider {
  margin-top: 28px;
}
.section-product-preview .slider li {
  display: inline-block;
  width: 265px;
  height: 201px;
}
.section-product-preview .slider li a, .section-product-preview .slider li figure {
  width: 100%;
  height: 100%;
  display: block;
}
.section-product-preview .slider li figure {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}
.section-product-preview .slider li.movie figure, .section-product-preview .slider li.cover figure {
  background-size: cover;
}
.section-product-preview .slider li.movie a {
  position: relative;
}
.section-product-preview .slider li.movie a::after {
  display: block;
  width: 118px;
  height: 125px;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background: url("../../svg/ico-play.svg") no-repeat center;
  background-size: contain;
  content: "";
}
.section-product-preview .slider li.contain figure {
  background-size: contain;
}
.section-product-preview .slider .bx-controls {
  display: block;
  text-align: center;
  padding-top: 47px;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
}
.section-product-preview .slider .bx-controls .bx-controls-direction a {
  top: -285px;
}
.section-product-preview embed {
  width: 100%;
  height: 100%;
}

.section-product-description h2 {
  margin-bottom: 40px;
}
@media (max-width: 750px) {
  .section-product-description p {
    text-align: justify;
  }
}

.product-spec-and-loyal {
  display: block;
  width: 100%;
  position: relative;
  float: left;
  margin: 57px 0 65px;
}
@media (max-width: 480px) {
  .product-spec-and-loyal {
    margin: 35px 0;
  }
}
.product-spec-and-loyal > * {
  display: inline-block;
  min-height: 295px;
  float: left;
}
@media (max-width: 850px) {
  .product-spec-and-loyal > * {
    display: block;
    height: auto;
    min-height: unset;
  }
}
.product-spec-and-loyal .product-spec {
  background-color: #f7f7f7;
  padding: 46px 60px;
  width: 45%;
}
@media (max-width: 850px) {
  .product-spec-and-loyal .product-spec {
    width: 100%;
    padding: 30px;
  }
}
.product-spec-and-loyal .product-spec table {
  width: 100%;
}
.product-spec-and-loyal .product-spec table td {
  vertical-align: top;
  width: 50%;
  font-size: 1.38rem;
  color: #222222;
  line-height: 1.4rem;
  padding: 19px 0;
  font-weight: 600;
}
.product-spec-and-loyal .product-spec table td small {
  color: #7e7e7e;
  font-size: 1rem;
  font-weight: 500;
  display: block;
}
.product-spec-and-loyal .product-loyal-info {
  width: 55%;
  padding: 18px 15% 18px 74px;
}
@media (max-width: 850px) {
  .product-spec-and-loyal .product-loyal-info {
    width: 100%;
    padding: 30px;
  }
}
.product-spec-and-loyal .product-loyal-info img {
  margin: 0 20px 20px 0;
}
.product-spec-and-loyal .product-loyal-info h4 {
  margin: 2px 0 37px;
}
.product-spec-and-loyal .product-loyal-info p {
  margin-top: 7px;
}
@media (max-width: 480px) {
  .product-spec-and-loyal .product-loyal-info p {
    margin: 0;
  }
}
.product-spec-and-loyal .product-spec-and-loyal--image {
  position: absolute;
  bottom: -65px;
  z-index: 1;
  right: -155px;
}
@media (max-width: 1450px) {
  .product-spec-and-loyal .product-spec-and-loyal--image {
    right: -30px;
  }
}
@media (max-width: 1280px) {
  .product-spec-and-loyal .product-spec-and-loyal--image {
    display: none;
  }
}

.section-product-inquiry aside {
  float: left;
  padding: 69px 88px 43px 468px;
  position: relative;
}
@media (max-width: 850px) {
  .section-product-inquiry aside {
    padding: 30px 15px 30px 30px;
  }
}
@media (max-width: 580px) {
  .section-product-inquiry aside {
    padding: 30px;
  }
}
.section-product-inquiry .product-inquiry--image {
  position: absolute;
  bottom: 0;
  left: -36px;
  display: block;
  width: 450px;
  height: 555px;
  background-color: #f7f7f7;
}
@media (max-width: 1280px) {
  .section-product-inquiry .product-inquiry--image {
    left: 0;
  }
}
@media (max-width: 850px) {
  .section-product-inquiry .product-inquiry--image {
    display: none;
  }
}
.section-product-inquiry .product-inquiry--image video {
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.section-product-inquiry .cta-buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 91px 0 88px 0;
}
.section-product-inquiry .cta-buttons .cta {
  max-width: 49%;
}
@media (max-width: 580px) {
  .section-product-inquiry .cta-buttons {
    padding: 40px 0;
    display: block;
  }
  .section-product-inquiry .cta-buttons .cta {
    max-width: unset;
    width: 100%;
    margin-bottom: 5px;
  }
}

.section-faq {
  background-color: #fff;
}

.faq {
  width: 100%;
  display: block;
  border: 1px solid #e8e8e8;
}
.faq > .item {
  border-bottom: 1px solid #e8e8e8;
  position: relative;
  padding: 0 70px;
}
@media (max-width: 580px) {
  .faq > .item {
    padding: 0 30px;
  }
}
.faq > .item:last-of-type {
  border-bottom: none;
}
.faq > .item.active .answer {
  display: block;
}
.faq > .item.active .question::after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faq .question {
  font-size: 1.23rem;
  cursor: pointer;
  display: block;
  width: 100%;
  position: relative;
  padding: 21px 0;
}
.faq .question::after {
  display: block;
  width: 29px;
  height: 29px;
  background: #e6af16 url("../../svg/ico-arrow-down-white.svg") no-repeat center;
  background-size: 12px;
  content: "";
  margin: auto;
  top: 0;
  bottom: 0;
  right: -15px;
  position: absolute;
}
.faq .answer {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: none;
  font-size: 0.92rem;
  padding: 5px 0;
}
.faq .answer p {
  font-size: inherit;
}
@media (max-width: 750px) {
  .faq .answer p {
    text-align: justify;
  }
}
.faq .answer h6 {
  font-size: inherit;
  text-transform: uppercase;
}

.section-materials-to-download h5 {
  font-size: 1.23rem;
  font-weight: 600;
  margin-bottom: 40px;
}
.section-materials-to-download aside {
  margin: 43px 0;
  background-color: #fff;
  padding: 50px 70px 58px;
  width: 100%;
  float: left;
  display: block;
}
@media (max-width: 580px) {
  .section-materials-to-download aside {
    padding: 30px;
    margin: 20px 0;
  }
}
.section-materials-to-download .materials {
  width: 100%;
  float: left;
}
.section-materials-to-download .materials a {
  display: inline-block;
  float: left;
  width: 50%;
  padding: 7px 7px 7px 32px;
  font-size: 0.92rem;
  font-weight: 500;
  color: #004694;
  text-decoration: none;
  background-size: 12px;
  background-position: left center;
  background-repeat: no-repeat;
}
@media (max-width: 580px) {
  .section-materials-to-download .materials a {
    width: 100%;
  }
}
.section-materials-to-download .materials a.icon-pdf {
  background-image: url("../../svg/ico-pdf.svg");
}
.section-materials-to-download .materials a.icon-other {
  background-image: url("../../svg/ico-zip.svg");
  background-size: 16px;
  background-position: -2px center;
}
.section-materials-to-download .materials a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.similar-products {
  clear: both;
  float: left;
  width: 100%;
  margin: 96px 0 109px;
}
@media (max-width: 480px) {
  .similar-products {
    margin: 45px 0;
  }
}
.similar-products .style-h2 {
  margin-bottom: 50px;
}
.similar-products .wrapper {
  padding: 44px 0;
  display: block;
  width: 100%;
  float: left;
}

.section-navigation-menu {
  -moz-transform: translateX(300px);
  -webkit-transform: translateX(300px);
  -o-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 50px 30px;
  width: 290px;
  position: fixed;
  z-index: 10000;
  background-color: #fff;
  height: calc(100vh - 68px);
  bottom: 0;
  right: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}
.section-navigation-menu .lang-switcher-button {
  position: relative;
  right: unset;
  top: 0;
}
.section-navigation-menu .nav li a {
  display: block;
  font-size: 1.23rem;
  color: #222222;
  padding: 10px 0;
  text-decoration: none;
  text-align: center;
}
.section-navigation-menu .mini-search-form {
  width: 100%;
  margin: 30px 0;
}
.section-navigation-menu .mini-search-form input {
  height: 30px;
}
.section-navigation-menu .link-with-icon {
  display: block;
  margin-bottom: 15px;
}
.section-navigation-menu.is-active {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.tips-and-tricks .silver-background {
  padding: 54px 0 0 0;
}
.tips-and-tricks li {
  display: inline-block;
  float: left;
  width: 33.3%;
  padding-bottom: 65px;
}
@media (max-width: 768px) {
  .tips-and-tricks li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .tips-and-tricks li {
    width: 100%;
  }
}
.tips-and-tricks li .content {
  width: 100%;
  padding-right: 65px;
}
.tips-and-tricks li h5 {
  font-size: 1.07rem;
  line-height: 1.53rem;
  margin: 0;
  height: 74px;
}
.tips-and-tricks li p {
  margin-bottom: 0;
  font-size: 0.92rem;
  line-height: 1.46rem;
  height: 85px;
}
.tips-and-tricks li figure {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 15px;
}
.tips-and-tricks li .silver-button {
  padding-left: 63px;
  padding-right: 63px;
}
.tips-and-tricks .bx-pager.bx-default-pager {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -55px;
}

.page-gutenberg li {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 500;
  margin-bottom: 7px;
}
.page-gutenberg ul {
  list-style: none;
}
.page-gutenberg ol {
  list-style: decimal;
}
.page-gutenberg h1 {
  font-size: 3rem;
  line-height: 4rem;
  margin-bottom: 40px;
}
.page-gutenberg h2 {
  font-size: 2.8rem;
  line-height: 3.5rem;
  margin-bottom: 25px;
}
.page-gutenberg h3 {
  font-size: 2.4rem;
  line-height: 3rem;
  margin-bottom: 25px;
}
.page-gutenberg h4 {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 25px;
}
.page-gutenberg h5 {
  font-size: 1.8rem;
  line-height: 2.3rem;
  margin-bottom: 20px;
}
.page-gutenberg h6 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 20px;
}
.page-gutenberg a {
  text-decoration: none;
  color: #e6af16;
}
.page-gutenberg a:hover {
  text-decoration: underline;
}
@media (min-width: 850px) {
  .page-gutenberg .palette-wrapper, .page-gutenberg .palette-list-hue, .page-gutenberg .palette-view-hue {
    height: 450px;
  }
}
.page-gutenberg .palette-view-hue {
  top: 0;
}

.page--investor.section-inspirations {
  padding: 0 0 0 0;
}
.page--investor.section-product-inquiry .box-shadow {
  margin-bottom: 85px;
}
.page--investor.tips-and-tricks .silver-background {
  margin-bottom: 85px;
}

.elevation-project {
  padding: 0;
}
.elevation-project p {
  font-size: 1.077rem;
  line-height: 2.154rem;
  margin-bottom: 28px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .elevation-project p {
    margin-bottom: 10px;
  }
}
.elevation-project p strong {
  color: #ACC350;
  font-weight: 900;
}
.elevation-project p a {
  text-decoration: none;
}
.elevation-project p a:hover {
  text-decoration: underline;
}
.elevation-project .default-button {
  height: 70px;
  width: 100%;
  max-width: 298px;
  font-size: 1.077rem;
  line-height: 70px;
  margin: 0;
  padding: 0;
  border-radius: 3px;
}
@media (max-width: 576px) {
  .elevation-project .default-button {
    max-width: unset;
  }
}
.elevation-project .default-button.reverse-color {
  line-height: 64px;
}
.elevation-project h2 {
  font-weight: 900;
  margin: 0;
}
.elevation-project h5 {
  font-size: 1.538rem;
  line-height: 2.923rem;
  margin: 0;
}
.elevation-project .proudct-header {
  padding: 77px 0 73px;
}
@media (max-width: 768px) {
  .elevation-project .proudct-header {
    padding: 30px 0;
  }
}
.elevation-project .proudct-header h2 {
  max-width: 370px;
}
.elevation-project .seperator {
  margin: 108px 0 62px;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .elevation-project .seperator {
    margin: 0;
  }
}
.elevation-project .seperator .line {
  width: 100%;
  height: 2px;
  background-color: #E6AF16;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.elevation-project .seperator .text {
  font-size: 1.385rem;
  line-height: 2.923rem;
  font-weight: 600;
  background-color: #fff;
  padding: 0 50px;
  width: max-content;
  position: relative;
  display: flex;
}
@media (max-width: 576px) {
  .elevation-project .seperator .text {
    max-width: 200px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px;
  }
}
.elevation-project .seperator .text .big {
  font-size: 2.154rem;
  line-height: 2.923rem;
  font-weight: 900;
  color: #E6AF16;
  text-decoration: underline;
  margin-left: 10px;
}
.elevation-project .intro {
  margin-bottom: 66px;
}
@media (max-width: 768px) {
  .elevation-project .intro {
    margin-bottom: 50px;
  }
}
.elevation-project .intro .content .box.top {
  display: flex;
  margin-bottom: 66px;
}
@media (max-width: 768px) {
  .elevation-project .intro .content .box.top {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.elevation-project .intro .content .box .left h6 {
  font-size: 0.846rem;
  font-weight: 600;
  color: #727272;
}
.elevation-project .intro .content .box .right {
  margin-left: 4.271vw;
}
@media (max-width: 768px) {
  .elevation-project .intro .content .box .right {
    margin: 15px 0 0;
  }
}
.elevation-project .intro .content .box .right h5 {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .elevation-project .intro .content .box .right h5 {
    margin: 0;
  }
}
.elevation-project .intro .content .box .right .contact {
  display: flex;
  white-space: nowrap;
}
@media (max-width: 576px) {
  .elevation-project .intro .content .box .right .contact {
    flex-direction: column;
  }
}
.elevation-project .intro .content .box .right .contact a {
  font-size: 1.385rem;
  line-height: 2.923rem;
  font-weight: 700;
  color: #ACC350;
  text-decoration: none;
}
.elevation-project .intro .content .box .right .contact a:hover {
  text-decoration: underline;
}
.elevation-project .intro .content .box .right .contact a:first-child {
  margin-right: 1.979vw;
}
.elevation-project .intro .content .box .inspirations--images {
  height: 604px;
  position: relative;
}
.elevation-project .intro .content .box .inspirations--images img {
  object-fit: cover;
}
.elevation-project .intro .content .box .inspirations--images .beer-reveal {
  max-height: 604px;
}
.elevation-project .intro .content .box .inspirations--images .beer-reveal img {
  height: 100%;
  max-height: 604px;
}
.elevation-project .intro .content .box .buttons {
  position: absolute;
  bottom: 80px;
  z-index: 99;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .elevation-project .intro .content .box .buttons {
    flex-direction: column;
    align-items: center;
    position: relative;
    bottom: unset;
    padding: 0;
  }
}
.elevation-project .intro .content .box .buttons .default-button {
  margin: 0 20px 0 0;
}
@media (max-width: 768px) {
  .elevation-project .intro .content .box .buttons .default-button {
    margin: 20px 0 0;
    max-width: unset;
  }
}
.elevation-project .intro .content .box .buttons .default-button:last-child {
  margin-right: 0;
}
.elevation-project .how-to-order {
  margin-bottom: 103px;
}
@media (max-width: 768px) {
  .elevation-project .how-to-order {
    margin-bottom: 50px;
  }
}
.elevation-project .how-to-order .content h2 {
  margin-bottom: 73px;
}
@media (max-width: 768px) {
  .elevation-project .how-to-order .content h2 {
    margin-bottom: 10px;
  }
}
.elevation-project .offer {
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .elevation-project .offer {
    margin-bottom: 50px;
  }
}
.elevation-project .offer .content h2 {
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .elevation-project .offer .content h2 {
    margin-bottom: 10px;
  }
}
.elevation-project .offer .content .offers-wrapper .offers-box {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .elevation-project .offer .content .offers-wrapper .offers-box {
    margin-bottom: 50px;
  }
}
.elevation-project .offer .content .offers-wrapper .offers-box .box {
  margin-top: 182px;
  width: calc(50% - 26px);
  margin-right: 52px;
  padding: 0 38px 42px 0;
  background-color: #fff;
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 992px) {
  .elevation-project .offer .content .offers-wrapper .offers-box .box {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .elevation-project .offer .content .offers-wrapper .offers-box .box {
    margin-top: 152px;
  }
}
@media (max-width: 576px) {
  .elevation-project .offer .content .offers-wrapper .offers-box .box {
    padding: 0 0px 30px 0;
  }
}
.elevation-project .offer .content .offers-wrapper .offers-box .box:nth-child(2n) {
  margin-right: 0;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .top {
  margin: -130px 0 0 -16px;
  height: 260px;
  position: relative;
  display: flex;
  margin-bottom: 48px;
}
@media (max-width: 1424px) {
  .elevation-project .offer .content .offers-wrapper .offers-box .box .top {
    margin: -130px 0 48px 0;
  }
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .top img {
  height: 260px;
  object-fit: cover;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .top .offer-image-box {
  width: 100%;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .top .offer-image-box .slick-arrow {
  opacity: 0;
  transition: all 500ms;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .top .offer-image-box:hover .slick-arrow {
  opacity: 1;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .desc {
  padding-left: 46px;
}
@media (max-width: 576px) {
  .elevation-project .offer .content .offers-wrapper .offers-box .box .desc {
    padding: 0 15px;
  }
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .desc p:not(.show-more) {
  font-weight: 600;
  font-size: 1.231rem;
  line-height: 1.923rem;
  margin-bottom: 25px;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .desc p:not(.show-more):first-child {
  max-width: 260px;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .desc .show-more {
  color: #888888;
  text-decoration: underline;
  cursor: pointer;
  width: max-content;
  padding-right: 40px;
  position: relative;
  margin-bottom: 25px;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .desc .show-more::after {
  content: "";
  display: block;
  width: 7px;
  height: 4px;
  background-image: url("../../svg/arrow_gray_down.svg");
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .desc .hide {
  margin-bottom: 25px;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .desc li {
  margin-bottom: 1rem;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .desc li:last-child {
  margin-bottom: 0;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 46px;
}
@media (max-width: 576px) {
  .elevation-project .offer .content .offers-wrapper .offers-box .box .bottom {
    padding: 0 15px;
  }
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .bottom .price {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .bottom .price span {
  font-size: 0.923rem;
  font-weight: 700;
  line-height: 1.846rem;
}
.elevation-project .offer .content .offers-wrapper .offers-box .box .bottom .price h5 {
  line-height: 1.846rem;
}
.elevation-project .offer .content .additional-info .box {
  margin-top: 120px;
}
@media (max-width: 768px) {
  .elevation-project .offer .content .additional-info .box {
    margin-top: 50px;
  }
}
.elevation-project .offer .content .additional-info .box h5 {
  margin-bottom: 63px;
}
@media (max-width: 768px) {
  .elevation-project .offer .content .additional-info .box h5 {
    margin-bottom: 10px;
  }
}
.elevation-project .offer .content .additional-info .box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.elevation-project .offer .content .additional-info .box ul li {
  display: flex;
  justify-content: space-between;
  width: 33%;
  font-size: 1.077rem;
  line-height: 2.154rem;
  padding-right: 50px;
}
@media (max-width: 992px) {
  .elevation-project .offer .content .additional-info .box ul li {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .elevation-project .offer .content .additional-info .box ul li {
    width: 100%;
    padding-right: 0;
  }
}
.elevation-project .visualizations {
  margin-bottom: 150px;
}
@media (max-width: 768px) {
  .elevation-project .visualizations {
    margin-bottom: 50px;
  }
}
.elevation-project .visualizations .top {
  display: flex;
  justify-content: space-between;
}
.elevation-project .visualizations .visualizations-box {
  margin: 70px 0 0 calc((100% - 1670px) / 2);
}
@media (max-width: 1700px) {
  .elevation-project .visualizations .visualizations-box {
    margin: 70px 0 0 15px;
  }
}
@media (max-width: 768px) {
  .elevation-project .visualizations .visualizations-box {
    margin: 20px 15px;
  }
}
.elevation-project .visualizations .visualizations-box .box {
  margin-right: 16px;
}
@media (max-width: 768px) {
  .elevation-project .visualizations .visualizations-box .box {
    margin-right: 0;
  }
}
.elevation-project .visualizations .visualizations-box .box .image {
  width: 536px;
  height: 260px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .elevation-project .visualizations .visualizations-box .box .image {
    width: auto;
  }
}
.elevation-project .visualizations .visualizations-box .box .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.elevation-project .visualizations .visualizations-box .box p {
  font-size: 1.231rem;
  line-height: 1.231rem;
}
.elevation-project .competition {
  margin-top: 233px;
}
@media (max-width: 992px) {
  .elevation-project .competition {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .elevation-project .competition {
    margin-top: 20px;
  }
}
.elevation-project .competition .top {
  display: flex;
  justify-content: space-between;
}
.elevation-project .competition .top h2 {
  max-width: 600px;
  font-weight: 700;
}
.elevation-project .competition .competition-box {
  margin: 110px 0 0 calc((100% - 1394px) / 2);
}
@media (max-width: 1424px) {
  .elevation-project .competition .competition-box {
    margin: 110px 0 0 15px;
  }
}
@media (max-width: 992px) {
  .elevation-project .competition .competition-box {
    margin: 30px 0 0 15px;
  }
}
.elevation-project .competition .competition-box .box {
  margin-right: 200px;
  padding-left: 90px;
  position: relative;
}
.elevation-project .competition .competition-box .box .number {
  font-size: 77px;
  line-height: 77px;
  font-weight: 900;
  color: #E6AF16;
  position: absolute;
  left: 0;
  top: 56px;
}
.elevation-project .competition .competition-box .box .image {
  margin-bottom: 27px;
  height: 78px;
}
.elevation-project .competition .competition-box .box .image img {
  object-fit: contain;
  object-position: left;
}
.elevation-project .competition .competition-box .box h5 {
  font-weight: 600;
  margin-bottom: 35px;
  line-height: 1.538rem;
}
.elevation-project .competition .competition-box .box p {
  font-size: 1.077rem;
  line-height: 2.154rem;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
}
.elevation-project .competition .area-materials {
  padding: 0;
  margin: 122px 0 0;
}
@media (max-width: 992px) {
  .elevation-project .competition .area-materials {
    margin: 50px 0 0;
  }
}
.elevation-project .competition .area-materials ul {
  width: 100%;
  max-width: 712px;
  display: block;
}
.elevation-project .competition .area-materials ul a {
  font-size: 1.077rem;
  line-height: 2.154rem;
  font-weight: 600;
  padding: 10px 30px 10px 0;
}
.elevation-project .cooperation .top h2 {
  max-width: 600px;
  font-weight: 700;
  margin-bottom: 73px;
}
@media (max-width: 768px) {
  .elevation-project .cooperation .top h2 {
    margin-bottom: 10px;
  }
}
.elevation-project .cooperation .cooperation-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 70px;
}
@media (max-width: 768px) {
  .elevation-project .cooperation .cooperation-box {
    margin-top: 30px;
  }
}
.elevation-project .cooperation .cooperation-box .box {
  padding: 0 90px;
  position: relative;
  width: 33%;
}
@media (max-width: 992px) {
  .elevation-project .cooperation .cooperation-box .box {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .elevation-project .cooperation .cooperation-box .box {
    width: 100%;
    margin-bottom: 20px;
  }
}
.elevation-project .cooperation .cooperation-box .box:last-child {
  padding-right: 0;
}
.elevation-project .cooperation .cooperation-box .box .number {
  font-size: 77px;
  line-height: 77px;
  font-weight: 900;
  color: #E6AF16;
  position: absolute;
  left: 0;
  top: 56px;
}
@media (max-width: 768px) {
  .elevation-project .cooperation .cooperation-box .box .number {
    top: 40px;
  }
}
.elevation-project .cooperation .cooperation-box .box .image {
  margin-bottom: 27px;
  height: 78px;
}
@media (max-width: 768px) {
  .elevation-project .cooperation .cooperation-box .box .image {
    margin-bottom: 10px;
  }
}
.elevation-project .cooperation .cooperation-box .box .image img {
  object-fit: contain;
  object-position: left;
}
.elevation-project .cooperation .cooperation-box .box h5 {
  font-weight: 600;
  margin-bottom: 35px;
  line-height: 1.538rem;
}
@media (max-width: 768px) {
  .elevation-project .cooperation .cooperation-box .box h5 {
    margin-bottom: 10px;
  }
}
.elevation-project .cooperation .cooperation-box .box p {
  font-size: 1.077rem;
  line-height: 2.154rem;
  font-weight: 600;
  margin: 0;
}
.elevation-project .cooperation .additional-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .elevation-project .cooperation .additional-info {
    flex-direction: column;
  }
}
.elevation-project .cooperation .additional-info .box {
  width: 50%;
  margin-top: 120px;
}
@media (max-width: 992px) {
  .elevation-project .cooperation .additional-info .box {
    margin-top: 30px;
    width: 100%;
  }
}
.elevation-project .cooperation .additional-info .box h5 {
  margin-bottom: 63px;
}
@media (max-width: 992px) {
  .elevation-project .cooperation .additional-info .box h5 {
    margin-bottom: 0;
  }
}
.elevation-project .cooperation .additional-info .box ul li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1.077rem;
  line-height: 2.154rem;
  padding-right: 50px;
}
@media (max-width: 992px) {
  .elevation-project .cooperation .additional-info .box ul li {
    padding: 0;
  }
}
.elevation-project .cooperation .area-materials {
  padding: 0;
  margin: 122px 0 0;
}
.elevation-project .cooperation .area-materials ul {
  width: 100%;
  max-width: 712px;
  display: block;
}
.elevation-project .cooperation .area-materials ul a {
  font-size: 1.077rem;
  line-height: 2.154rem;
  font-weight: 600;
  padding: 10px 30px 10px 0;
}
.elevation-project .page-form {
  margin-top: 200px;
}
@media (max-width: 992px) {
  .elevation-project .page-form {
    margin: 50px 0 0;
  }
}
.elevation-project .page-form h3 {
  font-size: 2.769rem;
  line-height: 2.923rem;
  margin-bottom: 50px;
}
.elevation-project .page-form .form .contact-form {
  display: flex;
  margin-bottom: 43px;
  padding: 58px 58px 68px 58px;
}
@media (max-width: 992px) {
  .elevation-project .page-form .form .contact-form {
    padding: 30px 15px;
    flex-direction: column;
  }
}
.elevation-project .page-form .form .box {
  width: 100%;
}
.elevation-project .page-form .form .box.price {
  padding-right: 0;
  width: auto;
  min-width: 408px;
  padding-right: 110px;
}
@media (max-width: 1150px) {
  .elevation-project .page-form .form .box.price {
    padding-right: 0;
    min-width: 298px;
  }
}
@media (max-width: 992px) {
  .elevation-project .page-form .form .box.price {
    padding: 0;
  }
}
.elevation-project .page-form .form .box .sticky {
  position: sticky;
  top: 180px;
}
@media (max-width: 992px) {
  .elevation-project .page-form .form .box .sticky {
    position: relative;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.elevation-project .page-form .form .box .price {
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
@media (max-width: 992px) {
  .elevation-project .page-form .form .box .price {
    margin: 0 25px 0 0;
  }
}
.elevation-project .page-form .form .box .price span {
  font-size: 0.923rem;
  font-weight: 700;
  line-height: 1.846rem;
}
.elevation-project .page-form .form .box .price h5 {
  line-height: 1.846rem;
}
.elevation-project .page-form .form .box .price .amount-box {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.elevation-project .page-form .form .box .price .amount-box span {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media (max-width: 992px) {
  .elevation-project .page-form .form .box .default-button {
    min-width: 298px;
  }
}
@media (max-width: 576px) {
  .elevation-project .page-form .form .box .default-button {
    min-width: unset;
    padding: 0 15px;
  }
}

/*
.visualizations-box{
    display: flex;
    flex-wrap: wrap;
}

.visualizations-box .box{
    width: calc(50% - 20px);
    margin: 0 30px 30px 0;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 35px 0 rgba(0,0,0,.2);
    border: 3px solid transparent;
    transition: all 500ms;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.visualizations-box .box img{
        margin-bottom: 15px;
}

.visualizations-box .box:nth-child(2n){
    margin-right: 0;
}

.visualizations-box .box:hover{
    border: 3px solid #e6af16;
}

.visualizations-box .box p{
    margin: 0;
    text-align: center;
}

.cooperation-box .box-content{
    display: flex;
    align-items: center;
}

.cooperation-box .box-content img{
    width: calc(50% - 30px);
    margin-right: 60px;
    max-height: 300px;
    object-fit: cover;
}

.cooperation-box .box-content .text{
    width: calc(50% - 30px);
}

.portfolio-box{
    display: flex;
    flex-wrap: wrap;
}

.portfolio-box .box{
    width: calc(50% - 30px);
    margin: 0 60px 60px 0;
    padding: 10px;
    background-color: #222;
}

.portfolio-box .box:nth-child(2n){
    margin-right: 0;
}

.form h3{
    margin: 0 0 20px 0;
}

.form h5{
    margin-bottom: 50px;
    font-weight: 600;
}

.form .box.price{
    width: 100%;
    margin-top: 60px;
}

.form .box.price .sticky{
    position: sticky;
    top: 180px;
}

.form .box.price h3{
    text-align: center;
}
*/
.competition-new section {
  margin-top: 8.4615384615rem;
  padding: 0 1.1538461538rem;
}
.competition-new section:first-child {
  margin-top: 0;
}
.competition-new h1 {
  margin-bottom: 0;
  font-size: 5.75rem;
  line-height: 6.75rem;
}
.competition-new h2 {
  margin-bottom: 5.7692307692rem;
  font-size: 2.6153846154rem;
  line-height: 3.0769230769rem;
  font-weight: 700;
}
.competition-new p {
  font-size: 1.0769230769rem;
  line-height: 2.6153846154rem;
}
.competition-new p strong {
  font-weight: 600;
  color: #ACC350;
}
@media (max-width: 1366px) {
  .competition-new h1 {
    font-size: 4.75rem;
    line-height: 5.75rem;
  }
}
@media (max-width: 1100px) {
  .competition-new section {
    margin-top: 5.7692307692rem;
  }
  .competition-new section:first-child {
    margin-top: 0;
  }
  .competition-new h1 {
    font-size: 3.75rem;
    line-height: 4.75rem;
  }
  .competition-new h2 {
    margin-bottom: 3.4615384615rem;
    margin-bottom: 3.0769230769rem;
    font-size: 1.8461538462rem;
    line-height: 1.8461538462rem;
  }
}
@media (max-width: 576px) {
  .competition-new section {
    margin-top: 3.8461538462rem;
  }
  .competition-new section:first-child {
    margin-top: 0;
  }
  .competition-new h1 {
    font-size: 2.75rem;
    line-height: 3.25rem;
  }
  .competition-new h2 {
    margin-bottom: 2.3076923077rem;
    margin-bottom: 3.0769230769rem;
    font-size: 1.8461538462rem;
    line-height: 1.8461538462rem;
  }
  .competition-new p {
    font-size: 1rem;
    line-height: 1.9230769231rem;
  }
}
.competition-new .grid-margin {
  margin: 0 calc((100% - 1348px) / 2);
}
@media (max-width: 1378px) {
  .competition-new .grid-margin {
    margin: 0;
  }
}
@media (min-width: 1921px) {
  .competition-new .grid-margin {
    margin-left: auto;
    margin-right: auto;
    max-width: 1364px;
  }
}
.competition-new .competition-hero {
  padding-left: 15px;
  padding-right: 0;
  height: calc(100vh - 176px);
  position: relative;
}
.competition-new .competition-hero::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2.6923076923rem;
  width: 100%;
  height: 2.6923076923rem;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(241, 241, 241, 0.04) 100%);
}
@media (max-width: 1280px) {
  .competition-new .competition-hero {
    height: calc(100vh - 100px);
  }
}
@media (max-height: 600px) {
  .competition-new .competition-hero {
    height: auto;
  }
}
.competition-new .competition-hero .hero {
  margin-left: calc((100% - 1364px) / 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
  height: 100%;
}
@media (max-width: 1394px) {
  .competition-new .competition-hero .hero {
    margin-left: 0;
  }
}
@media (min-width: 1921px) {
  .competition-new .competition-hero .hero {
    margin-left: 21.3846153846rem;
  }
}
.competition-new .competition-hero .content {
  padding-bottom: 2.3076923077rem;
}
.competition-new .competition-hero .content p {
  font-size: 1.8461538462rem;
  line-height: 2.3076923077rem;
  margin: 1.1538461538rem 0 7.6923076923rem;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .competition-new .competition-hero .content p {
    margin-bottom: 2.3076923077rem;
  }
}
.competition-new .competition-hero .content p span {
  font-size: 1.3846153846rem;
  color: #AAAAAA;
}
.competition-new .competition-hero .content .default-button {
  border-radius: 3.8461538462rem;
  padding: 3.0769230769rem;
  min-width: 80%;
  text-align: center;
  font-size: 1.3846153846rem;
  font-weight: 600;
  line-height: 1.5384615385rem;
}
.competition-new .competition-hero .image-box {
  width: 60%;
  height: 100%;
}
.competition-new .competition-hero .image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right;
}
@media (max-width: 1100px) {
  .competition-new .competition-hero {
    height: auto;
  }
  .competition-new .competition-hero .content p span {
    line-height: 1.2307692308rem;
    font-size: 1.0769230769rem;
  }
  .competition-new .competition-hero .content .default-button {
    line-height: 1.5384615385rem;
    font-size: 1.2307692308rem;
    padding: 1.5384615385rem;
    min-width: unset;
  }
}
@media (max-width: 576px) {
  .competition-new .competition-hero {
    padding: 0;
  }
  .competition-new .competition-hero .hero {
    flex-direction: column;
  }
  .competition-new .competition-hero .content {
    padding: 0 1.1538461538rem;
  }
  .competition-new .competition-hero .content p span {
    line-height: 0.9230769231rem;
    font-size: 0.7692307692rem;
  }
  .competition-new .competition-hero .content .default-button {
    line-height: 1.2307692308rem;
    font-size: 1rem;
    padding: 1.1538461538rem;
    min-width: unset;
  }
  .competition-new .competition-hero .content, .competition-new .competition-hero .image-box {
    width: 100%;
  }
}
.competition-new .voting-heading p {
  max-width: 80%;
}
@media (max-width: 576px) {
  .competition-new .voting-heading p {
    max-width: 100%;
  }
}
.competition-new .voting-heading p a {
  text-decoration: none;
  color: #ACC350;
  font-weight: 600;
}
.competition-new .competition-projects {
  padding: 0 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1640px;
}
.competition-new .competition-projects .projects {
  display: flex;
  flex-wrap: wrap;
  gap: 75px;
  row-gap: 110px;
}
.competition-new .competition-projects .project {
  width: calc(25% - 57px);
}
@media (max-width: 1024px) {
  .competition-new .competition-projects .projects {
    column-gap: 50px;
  }
}
.competition-new .competition-projects .box {
  position: relative;
  padding: 18px 18px 30px;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.competition-new .competition-projects .image-box {
  margin-bottom: 20px;
  border-radius: 3px;
  width: 100%;
  height: 200px;
}
.competition-new .competition-projects .image-box a {
  height: 100%;
}
.competition-new .competition-projects .image-box img {
  border-radius: 3px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.competition-new .competition-projects .side-images {
  display: none;
}
.competition-new .competition-projects p {
  margin-bottom: 0;
}
.competition-new .competition-projects p.heading {
  font-weight: 600;
}
.competition-new .competition-projects a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  color: #CCCCCC;
  text-decoration: none;
}
.competition-new .competition-projects a svg {
  max-height: 100%;
  margin-left: 15px;
}
.competition-new .competition-projects .votes {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  padding: 0.7692307692rem 2.3076923077rem;
  background-color: #fff;
  border-radius: 27px;
  position: absolute;
  left: -1.5384615385rem;
  top: 2.3076923077rem;
}
.competition-new .competition-projects .votes p {
  font-size: 0.7692307692rem;
  line-height: 0.7692307692rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  color: #e6af16;
}
.competition-new .competition-projects .votes p strong {
  line-height: 2.3076923077rem;
  font-weight: 800;
  font-size: 2.3076923077rem;
  color: #e6af16;
}
.competition-new .competition-projects .description-box {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.competition-new .competition-projects .description-box .left {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 40%;
}
.competition-new .competition-projects .description-box .left p {
  margin-bottom: 5px;
  line-height: 18px;
}
.competition-new .competition-projects .description-box .left a {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  gap: 20px;
}
.competition-new .competition-projects .description-box .left a::after {
  content: url(../../images/angle-down.svg);
  display: block;
  transition: transform 0.5s;
}
.competition-new .competition-projects .description-box .left a.opened::after {
  transform: rotate(180deg);
}
.competition-new .competition-projects .description-box .right {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
.competition-new .competition-projects .description-box .right button {
  padding: 12px;
  border-radius: 26px;
  justify-content: center;
  width: 100%;
  max-width: 150px;
  color: #fff;
}
.competition-new .competition-projects .details {
  display: none;
}
@media (max-width: 1280px) {
  .competition-new .competition-projects .project {
    width: calc(33.33% - 50px);
  }
}
@media (max-width: 1024px) {
  .competition-new .competition-projects .project {
    width: calc(33.33% - 34px);
  }
}
@media (max-width: 768px) {
  .competition-new .competition-projects .project {
    width: calc(50% - 38px);
  }
}
@media (max-width: 576px) {
  .competition-new .competition-projects .projects {
    row-gap: 50px;
  }
  .competition-new .competition-projects .project {
    width: 100%;
  }
}
.competition-new .competition-projects .votes p strong {
  font-size: 20px;
  line-height: 20px;
}
.competition-new .links-group {
  margin-top: 160px;
  margin-bottom: 160px;
}
@media (max-width: 1280px) {
  .competition-new .links-group {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media (max-width: 576px) {
  .competition-new .links-group {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.competition-new .links-group .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}
.competition-new .links-group p {
  margin-bottom: 0;
  font-size: 17px;
}
.competition-new .links-group p strong {
  color: #222222;
}
.competition-new .links-group a {
  color: #222222;
  text-decoration: none;
  font-size: 17px;
  display: flex;
  align-items: center;
  width: 55%;
  gap: 30px;
}
@media (max-width: 768px) {
  .competition-new .links-group a {
    width: 100%;
  }
}
.competition-new .links-group a span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-left: auto;
  background-color: #e6af16;
}
.competition-new .steps p {
  margin: 0;
}
.competition-new .steps .number {
  margin-top: 50px;
}
.competition-new .steps .number p {
  line-height: 77px;
  font-weight: 800;
  font-size: 77px;
  color: #e6af16;
}
.competition-new .steps .icon {
  margin-bottom: 25px;
}
.competition-new .steps .icon img {
  max-height: 100%;
}
.competition-new .steps p {
  line-height: 20px;
}
.competition-new .steps p.step-heading {
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
}
.competition-new .steps p.step-date {
  margin-bottom: 15px;
  font-weight: 600;
  color: #AAAAAA;
}
.competition-new .steps .content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 50px;
}
.competition-new .steps .step {
  width: calc(33.33% - 34px);
  display: flex !important;
  gap: 40px;
}
@media (max-width: 768px) {
  .competition-new .steps {
    width: calc(100% - 15px);
  }
  .competition-new .steps .content {
    margin: 0 -30px;
  }
  .competition-new .steps .step {
    margin: 0 30px;
    max-width: 500px;
  }
}
@media (max-width: 576px) {
  .competition-new .steps .number {
    margin-top: 10px;
  }
  .competition-new .steps .number p {
    font-size: 36px;
    line-height: 36px;
  }
  .competition-new .steps .step {
    max-width: 300px;
    gap: 10px;
  }
  .competition-new .steps .icon {
    display: flex;
    height: 40px;
    margin-bottom: 10px;
  }
  .competition-new .steps p {
    max-width: 300px;
  }
  .competition-new .steps p.step-heading {
    font-size: 18px;
  }
  .competition-new .steps p.step-date {
    font-size: 14px;
  }
  .competition-new .steps p p {
    font-size: 12px;
  }
}
.competition-new .awards {
  margin-bottom: 100px;
}
.competition-new .awards .main-contener {
  align-items: center;
  display: flex;
  padding: 100px;
  width: 100%;
  background-color: #222222;
  gap: 40px;
  border-radius: 3px;
}
.competition-new .awards .text {
  width: 36%;
}
.competition-new .awards .right {
  height: calc(100% + 100px);
  width: 60%;
  position: relative;
  margin-bottom: -100px;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .competition-new .awards .right {
    height: calc(100% + 30px);
  }
}
.competition-new .awards .awards-slider {
  width: calc(100% + 100px + (100vw - 1366px) / 2);
  bottom: -65px;
}
@media (max-width: 1366px) {
  .competition-new .awards .awards-slider {
    width: calc(100% + 115px);
    bottom: -90px;
  }
}
@media (max-width: 768px) {
  .competition-new .awards .awards-slider {
    width: calc(100% + 56px);
    bottom: -10px;
  }
}
.competition-new .awards .awards-slide {
  border-radius: 3px;
  overflow: hidden;
  width: 430px !important;
  height: 293px;
  margin: 0 12.5px;
}
.competition-new .awards .awards-slide img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1366px) {
  .competition-new .awards .awards-slide {
    height: 200px;
    width: 300px !important;
  }
}
@media (max-width: 576px) {
  .competition-new .awards .awards-slide {
    width: 200px !important;
    height: 150px;
  }
}
.competition-new .awards p {
  margin: 0;
  color: #fff;
}
.competition-new .awards p.top {
  font-size: 34px;
  line-height: 40px;
  font-weight: 600;
}
.competition-new .awards p.middle {
  margin: 20px 0 25px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.competition-new .awards .bottom p {
  font-weight: 600;
  line-height: 20px;
  color: #e6af16;
}
.competition-new .awards .bottom p a {
  display: block;
  line-height: 20px;
}
@media (max-width: 1366px) {
  .competition-new .awards .main-contener {
    padding: 80px;
  }
  .competition-new .awards p.top {
    font-size: 26px;
    line-height: 30px;
  }
  .competition-new .awards p.middle {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .competition-new .awards .main-contener {
    flex-direction: column;
    padding: 30px;
  }
  .competition-new .awards .text, .competition-new .awards .right {
    width: 100%;
  }
  .competition-new .awards .right {
    margin-left: -25px;
  }
}
@media (max-width: 576px) {
  .competition-new .awards .right {
    margin-bottom: -70px;
  }
}
.competition-new .competition-results h2 {
  text-align: center;
}
.competition-new .competition-results .gratulations {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  padding: 20px;
  border: 2px solid #FFEAAF;
}
.competition-new .competition-results .winner {
  display: flex;
  justify-content: space-between;
}
.competition-new .competition-results .winner-wrapper {
  gap: 100px;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.competition-new .competition-results .winner p, .competition-new .competition-results .winner .gratulations {
  font-weight: 600;
  font-size: 20px;
}
.competition-new .competition-results .winner-text {
  margin-top: 20px;
}
.competition-new .competition-results .winner-photos {
  display: flex;
  gap: 20px;
  flex-direction: column;
  width: 40%;
}
.competition-new .competition-results .winner-photos-main {
  width: 100%;
  height: 300px;
}
.competition-new .competition-results .winner-photos-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.competition-new .competition-results .winner-photos-side {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.competition-new .competition-results .winner-photos-side-content {
  width: calc(33.33% - 14px);
  height: 100px;
}
.competition-new .competition-results .winner-photos-side img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .competition-new .competition-results .winner {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .competition-new .competition-results .winner-photos {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .competition-new .competition-results .winner-wrapper {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .competition-new .competition-results .winner-photos {
    width: 100%;
  }
}

.mini-search-form {
  display: block;
  width: 235px;
  height: 32px;
  max-width: 100%;
  border: 1px solid #d9d9d9;
  position: relative;
}
.mini-search-form input {
  outline: none !important;
  border: none;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0.84rem;
  font-weight: 300;
  padding: 0 34px 0 16px;
}
.mini-search-form .search-button {
  position: absolute;
  top: 0px;
  right: 0px;
}

.search-button {
  outline: none !important;
  display: inline-block;
  border: none;
  background: #fff url("../../svg/ico-lupe.svg") no-repeat center;
  background-size: 60%;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.link-with-icon {
  display: inline-block;
  color: #222222;
  font-size: 0.84rem;
  padding: 5px 28px 5px 29px;
  text-decoration: none;
  cursor: pointer;
}
.link-with-icon:hover {
  text-decoration: underline;
}
.link-with-icon.icon-bag {
  background: url("../../svg/ico-bag.svg") no-repeat left center;
  background-size: 18px;
}
.link-with-icon.icon-shop {
  background: url("../../svg/ico-shop.svg") no-repeat left center;
  background-size: 16px;
}

.lang-switcher-button {
  font-size: 0.84rem;
  text-transform: uppercase;
  position: absolute;
  width: 42px;
  right: 3.64vw;
  top: 21px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
}
@media (max-width: 1280px) {
  .lang-switcher-button {
    right: 78px;
  }
}
.lang-switcher-button a {
  text-decoration: none;
  color: #222222;
}
.lang-switcher-button li {
  display: none;
  padding: 5px;
}
.lang-switcher-button li.active {
  display: block;
}
.lang-switcher-button::after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  right: 5px;
  top: 10px;
  content: "";
  display: block;
  width: 9px;
  height: 4px;
  background: url("../../svg/ico-arrow-down-grey.svg") no-repeat center;
  background-size: contain;
}
.lang-switcher-button:hover {
  border-color: #f2f2f2;
}
.lang-switcher-button:hover::after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.lang-switcher-button:hover li {
  display: block;
}

.default-button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  background-color: #e6af16;
  text-decoration: none;
  font-weight: 600;
  border: none;
  padding: 15px;
  position: relative;
  cursor: pointer;
}
.default-button.big {
  font-size: 1.23rem;
  min-width: 295px;
  padding: 22px 55px;
}
.default-button.medium {
  padding: 21px 15px;
}
.default-button.cta {
  width: 100%;
  font-size: 1.07rem;
  font-weight: 600;
  padding: 29px 70px;
  margin-bottom: 15px;
}
.default-button.cta.arrow::after {
  right: 10%;
}
.default-button.cta:hover.arrow::after {
  right: 5%;
}
.default-button.arrow::after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  display: block;
  content: "";
  width: 8px;
  height: 15px;
  right: 23%;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../../svg/ico-arrow-right-white.svg") no-repeat center;
  background-size: contain;
}
.default-button:hover {
  background-color: #222222;
}
.default-button:hover.arrow::after {
  right: 15%;
}
.default-button.reverse-color {
  color: #222222;
  border: 3px solid #E6AF16;
  background-color: transparent;
}
.default-button.reverse-color:hover {
  background-color: #E6AF16;
  color: #fff;
}

.silver-button, .white-button {
  display: inline-block;
  font-size: 1.07rem;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  padding: 15px 44px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.silver-button {
  border: 2px solid #b2b2b2;
  color: #222222;
  background-color: #fff;
}
.silver-button.arrow-down {
  padding: 18px 37px;
}
.silver-button.arrow-down span {
  padding-right: 25px;
  background: url("../../svg/ico-arrow-down-grey.svg") no-repeat right center;
}
.silver-button:hover {
  background-color: #b2b2b2;
  color: #fff;
}
.silver-button:hover.arrow-down span {
  background: url("../../svg/ico-arrow-down-white.svg") no-repeat right center;
}

.white-button {
  border: 2px solid #fff;
  color: #fff;
}
.white-button:hover {
  background-color: #fff;
  color: #222222;
}

.min-width-button-180 {
  min-width: 180px;
}

.width-button-200 {
  width: 200px;
  padding: 15px;
}
@media (max-width: 480px) {
  .width-button-200 {
    width: 100%;
  }
}

.hamburger {
  position: absolute;
  right: 15px;
  z-index: 2;
  top: 6px;
  display: none;
}
@media (max-width: 1280px) {
  .hamburger {
    display: block;
  }
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  background-color: #222222;
}

h1, .style-h1 {
  font-size: 6.15rem;
  line-height: 7.23rem;
  font-weight: 800;
  margin-bottom: 54px;
  margin-top: 0;
}
@media (max-width: 1360px) {
  h1, .style-h1 {
    font-size: 5.15rem;
    line-height: 6.23rem;
  }
}
@media (max-width: 1100px) {
  h1, .style-h1 {
    font-size: 4.15rem;
    line-height: 5.23rem;
  }
}
@media (max-width: 750px) {
  h1, .style-h1 {
    font-size: 3.15rem;
    line-height: 4.23rem;
  }
}

h2, .style-h2 {
  font-size: 2.15rem;
  line-height: 2.51rem;
  font-weight: 500;
  margin-bottom: 25px;
}
h2.margin-bottom-50, .style-h2.margin-bottom-50 {
  margin-bottom: 50px;
}

h3, .style-h3 {
  font-size: 1.69rem;
  line-height: 2.3rem;
  font-weight: 700;
  margin: 13px 0;
}

h4, .style-h4 {
  margin-top: 0;
  font-size: 1.69rem;
  font-weight: 700;
  line-height: 2.3rem;
  margin-bottom: 22px;
}

h5, .style-h5 {
  font-size: 1.38rem;
  line-height: 2.3rem;
  font-weight: 700;
  margin-bottom: 9px;
}

h6, .style-h6 {
  font-size: 0.92rem;
  line-height: 1.76rem;
  font-weight: 600;
}

h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
  font-size: 3.07rem;
  line-height: 4.07rem;
  font-weight: 700;
  margin-bottom: 20px;
}

h1.sub-title, h2.sub-title, h3.sub-title, h4.sub-title, h5.sub-title, h6.sub-title {
  font-size: 3.07rem;
  line-height: 3.76rem;
  font-weight: 700;
  margin-bottom: 7px;
}

.products {
  display: block;
  margin: 0 -14px;
}
.products .item-product {
  display: inline-block;
  float: left;
  width: 25%;
  padding: 14px;
}
@media (max-width: 850px) {
  .products .item-product {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .products .item-product {
    width: 100%;
  }
}
.products .item-product a {
  display: block;
  width: 100%;
  background-color: #fff;
  height: 335px;
  border: 3px solid #fff;
  position: relative;
  -webkit-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.1);
}
.products .item-product a:hover {
  border-color: #e6af16;
}
.products .item-product figure {
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
.products .item-product .title {
  position: absolute;
  min-height: 85px;
  bottom: 0;
  font-weight: 700;
  color: #222222;
  font-size: 1.07rem;
  line-height: 1.53rem;
  padding: 5px 15px;
}
.products.categories .item-product {
  width: 33.3%;
}
.products.categories .item-product .title {
  min-height: 40px;
}

.products-list-wrapper {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 100px;
}
.products-list-wrapper > .categories, .products-list-wrapper .list-products {
  display: inline-block;
  float: left;
}
.products-list-wrapper .categories {
  width: 25%;
  padding-right: 30px;
}
@media (max-width: 930px) {
  .products-list-wrapper .categories {
    width: 35%;
  }
}
@media (max-width: 768px) {
  .products-list-wrapper .categories {
    width: 100%;
  }
}
.products-list-wrapper .categories li a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  font-size: 1rem;
  color: #222222;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 0;
  position: relative;
}
.products-list-wrapper .categories li a:hover {
  padding-left: 15px;
}
.products-list-wrapper .categories li a::before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  left: -10px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  top: 14px;
  background: url("../../svg/ico-arrow-right.svg") no-repeat center;
  background-size: contain;
  opacity: 0;
}
.products-list-wrapper .categories li a:hover::before {
  left: 0;
  opacity: 1;
}
.products-list-wrapper .categories li.current-menu-item > a {
  padding-left: 15px;
  background-color: #e6af16;
  color: #fff;
}
.products-list-wrapper .list-products {
  width: 75%;
}
@media (max-width: 930px) {
  .products-list-wrapper .list-products {
    width: 65%;
  }
}
@media (max-width: 768px) {
  .products-list-wrapper .list-products {
    width: 100%;
  }
}
.products-list-wrapper .list-products .item-product {
  width: 33.3%;
}
@media (max-width: 930px) {
  .products-list-wrapper .list-products .item-product {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .products-list-wrapper .list-products .item-product {
    width: 100%;
  }
}

.banner-left-photo {
  position: relative;
  margin-top: 55px;
  height: 357px;
  background-color: #fff;
  z-index: 10;
}
@media (max-width: 850px) {
  .banner-left-photo {
    margin-top: 0;
  }
}
.banner-left-photo > *, .banner-left-photo .box {
  display: inline-block;
  float: left;
}
.banner-left-photo figure {
  width: 357px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 850px) {
  .banner-left-photo figure {
    display: none;
  }
}
.banner-left-photo .text {
  width: calc(100% - 357px);
  padding: 104px 31px 0 63px;
  display: block;
}
.banner-left-photo .text h4 {
  margin: -5px 0 24px;
}
@media (max-width: 1070px) {
  .banner-left-photo .text {
    padding: 60px 15px 0 15px;
  }
}
@media (max-width: 850px) {
  .banner-left-photo .text {
    width: 100%;
  }
}
.banner-left-photo .box {
  display: inline-block;
  float: left;
  width: 60%;
  padding: 0 0 0 63px;
}
@media (max-width: 1070px) {
  .banner-left-photo .box {
    padding: 0 0 0 15px;
  }
}
@media (max-width: 580px) {
  .banner-left-photo .box {
    width: 100%;
  }
}
.banner-left-photo .box-2 {
  width: 40%;
}
@media (max-width: 580px) {
  .banner-left-photo .box-2 {
    width: 100%;
  }
}

.banner-promotion {
  margin-top: 108px;
  position: relative;
  background-color: #fff;
}
@media (max-width: 970px) {
  .banner-promotion {
    text-align: center;
  }
}
.banner-promotion img {
  position: absolute;
  right: 2px;
  max-width: unset;
  max-height: unset;
  top: -41px;
}
@media (max-width: 970px) {
  .banner-promotion img {
    position: relative;
    top: 5px;
    right: auto;
    max-width: 100%;
    max-height: 100%;
  }
}
.banner-promotion aside {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 380px;
  background-color: #e6af16;
  color: #fff;
  padding: 15px 93px;
}
.banner-promotion aside p {
  margin-bottom: 30px;
}
@media (max-width: 970px) {
  .banner-promotion aside {
    width: 100%;
    text-align: left;
    max-width: 571px;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .banner-promotion aside {
    padding: 15px 30px;
  }
}

.in-social-media {
  margin-top: 103px;
}
.in-social-media .list {
  padding: 15px 0 0 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .in-social-media .list {
    display: block;
  }
}
.in-social-media .item {
  width: 164px;
  height: 150px;
  display: inline-block;
}
@media (max-width: 480px) {
  .in-social-media .item {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 280px;
  }
}
.in-social-media .item figure {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.in-social-media .item:hover figure {
  filter: grayscale(1);
}
@media (max-width: 1070px) {
  .in-social-media .item:nth-of-type(n + 6) {
    display: none;
  }
}
@media (max-width: 850px) {
  .in-social-media .item:nth-of-type(n + 5) {
    display: none;
  }
}
@media (max-width: 750px) {
  .in-social-media .item:nth-of-type(n + 4) {
    display: none;
  }
}

.proudct-header {
  padding: 83px 0;
}
.proudct-header .left, .proudct-header .right {
  display: inline-block;
  position: relative;
}
.proudct-header .left {
  -moz-transform: translateX(-110px);
  -webkit-transform: translateX(-110px);
  -o-transform: translateX(-110px);
  -ms-transform: translateX(-110px);
  transform: translateX(-110px);
  width: 60%;
}
.proudct-header .right {
  -moz-transform: translateX(110px);
  -webkit-transform: translateX(110px);
  -o-transform: translateX(110px);
  -ms-transform: translateX(110px);
  transform: translateX(110px);
  float: right;
  width: 40%;
  padding-top: 7px;
}
@media (max-width: 1450px) {
  .proudct-header .left {
    -moz-transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
  }
  .proudct-header .right {
    -moz-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -o-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
  }
}
@media (max-width: 1280px) {
  .proudct-header .left {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  .proudct-header .right {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@media (max-width: 750px) {
  .proudct-header .left {
    width: 100%;
  }
  .proudct-header .right {
    display: none;
  }
}
.proudct-header.news-header {
  padding-top: 7px;
}

.attributes {
  display: flex;
  align-items: center;
  font-size: 0.84rem;
}
.attributes span {
  display: block;
  margin-right: 20px;
}
.attributes .item {
  color: #fff;
  margin: 0 5px;
  background-color: #e6af16;
  padding: 7px 16px;
}

.default-input, .default-select {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  display: block;
  border: 1px solid #d9d9d9;
  font-size: 0.84rem;
  padding: 14px 19px;
  margin-bottom: 19px;
}

textarea.default-input {
  width: 100%;
  height: 143px;
  resize: none;
}

.default-select {
  padding-right: 48px;
  background: url("../../svg/ico-arrow-down-grey.svg") no-repeat right 20px center;
}

.form-label {
  font-size: 1.07rem;
  font-weight: 600;
  display: block;
  margin-bottom: 17px;
}

.default-checkbox {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0.69rem;
  font-weight: 300;
  line-height: 1.07rem;
  margin-bottom: 30px;
}
.default-checkbox.light-color {
  color: #676767;
}
.default-checkbox input {
  position: absolute;
  top: 1px;
  left: 0;
}
.default-checkbox label {
  position: relative;
  padding-left: 30px;
  display: block;
  cursor: pointer;
}
.default-checkbox label::before {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  content: "";
}
.default-checkbox label::before {
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
.default-checkbox input:checked + label::before {
  background-color: #d9d9d9;
}

.form-two-column .flex-inline-block {
  width: 100%;
}
@media (max-width: 580px) {
  .form-two-column .flex-inline-block {
    display: block;
  }
}
.form-two-column .box {
  width: 50%;
  padding-right: 22px;
}
@media (max-width: 580px) {
  .form-two-column .box {
    display: block;
    width: 100%;
    padding-right: 0;
  }
}

.contact-form {
  max-width: 100%;
  width: 750px;
  background-color: #fff;
  padding: 58px 58px 68px 80px;
}
@media (max-width: 768px) {
  .contact-form {
    padding: 28px 15px 30px;
  }
}
.contact-form .wrapper {
  padding-right: 22px;
}
.contact-form h3 {
  font-weight: 600;
  margin: 0 0 52px;
}

.bx-controls .bx-pager > div {
  display: inline-block;
  margin-right: 10px;
}
.bx-controls .bx-pager a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 60px;
  height: 3px;
  float: left;
  text-indent: -66666px;
  background-color: #e8e8e8;
}
.bx-controls .bx-pager a.active {
  background-color: #222222;
}
.bx-controls .bx-controls-direction a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  display: block;
  bottom: 0;
  margin: auto;
  text-indent: -66666px;
  opacity: 0.5;
}
.bx-controls .bx-controls-direction a::before {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: url("../../svg/ico-arrow-down-grey.svg") no-repeat center;
  background-size: contain;
}
@media (max-width: 850px) {
  .bx-controls .bx-controls-direction a::before {
    background: url("../../svg/ico-arrow-down-white.svg") no-repeat center;
    background-size: contain;
  }
}
.bx-controls .bx-controls-direction a.bx-prev {
  left: 15px;
}
@media (min-width: 1350px) {
  .bx-controls .bx-controls-direction a.bx-prev {
    left: 0;
    right: 0;
    -moz-transform: translateX(-720px);
    -webkit-transform: translateX(-720px);
    -o-transform: translateX(-720px);
    -ms-transform: translateX(-720px);
    transform: translateX(-720px);
  }
}
.bx-controls .bx-controls-direction a.bx-prev::before {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bx-controls .bx-controls-direction a.bx-next {
  right: 15px;
}
@media (min-width: 1350px) {
  .bx-controls .bx-controls-direction a.bx-next {
    right: 0;
    left: 0;
    -moz-transform: translateX(700px);
    -webkit-transform: translateX(700px);
    -o-transform: translateX(700px);
    -ms-transform: translateX(700px);
    transform: translateX(700px);
  }
}
.bx-controls .bx-controls-direction a.bx-next::before {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.bx-controls .bx-controls-direction a:hover {
  opacity: 1;
}

.cookies-info {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  background-color: #F2ECEC;
  padding: 15px 0;
  z-index: 100;
}
.cookies-info p {
  margin: 0 0 15px;
  font-size: 0.84rem;
}
.cookies-info .default-button {
  font-size: 0.84rem;
  padding: 15px 35px;
}

.area-materials {
  background-color: #fff;
  display: block;
  width: 100%;
  padding: 75px 15px;
  text-align: center;
  margin: 16px 0 62px;
}
@media (max-width: 750px) {
  .area-materials {
    margin: 0 0 30px 0;
  }
}
.area-materials li, .area-materials a {
  display: block;
}
.area-materials ul {
  display: inline-block;
}
.area-materials a {
  padding: 10px 90px 10px 0;
  text-align: left;
  position: relative;
  font-size: 1.23rem;
  line-height: 2rem;
  text-decoration: none;
  color: #222222;
  font-weight: 600;
}
@media (max-width: 750px) {
  .area-materials a {
    padding-right: 60px;
  }
}
.area-materials a::after {
  position: absolute;
  width: 29px;
  height: 29px;
  background: #e6af16 url("../../svg/ico-arrow-right-white.svg") no-repeat 12px center;
  content: "";
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.flex-inline-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .flex-inline-box {
    display: block;
  }
}
.flex-inline-box.twin-box .box {
  width: 49%;
}
@media (max-width: 750px) {
  .flex-inline-box.twin-box .box {
    width: 100%;
  }
}

.image-banner {
  width: 100%;
  display: block;
  height: 329px;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  position: relative;
  margin-bottom: 15px;
}
.image-banner aside {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 45px 55px;
}
@media (max-width: 750px) {
  .image-banner aside {
    padding: 15px;
  }
}
.image-banner aside .title {
  font-size: 1.15rem;
  line-height: 1.46rem;
  font-weight: 700;
  padding-bottom: 18px;
}
.image-banner aside .default-button {
  padding: 21px 70px;
}
@media (max-width: 750px) {
  .image-banner aside .default-button {
    padding: 21px;
    width: 100%;
  }
}
.image-banner::after {
  display: block;
  width: 100%;
  height: 70%;
  z-index: 1;
  left: 0;
  bottom: 0;
  position: absolute;
  content: "";
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,000000+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001e5799", endColorstr="#80000000",GradientType=0 );
  /* IE6-9 */
}

.screen-popup {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  z-index: 100000;
  display: none;
}

.popup-wrapper {
  position: fixed;
  width: 730px;
  max-width: 90vw;
  height: 400px;
  z-index: 100001;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  display: none;
}
.popup-wrapper .popup-content {
  padding: 0 30px;
}
.popup-wrapper.palette-popup {
  height: 300px;
}

.close-popup {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  right: 10px;
  top: 10px;
}
.close-popup::after, .close-popup::before {
  display: block;
  width: 30px;
  height: 2px;
  background-color: #222222;
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.close-popup.white::after, .close-popup.white::before {
  background-color: #fff;
}
.close-popup::before {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-popup::after {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.module-gallery-wrapper {
  position: fixed;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  margin: auto;
  padding: 30px 100px 100px 100px;
  display: none;
}
@media (max-width: 930px) {
  .module-gallery-wrapper {
    padding: 30px;
  }
}
.module-gallery-wrapper .gallery-content {
  overflow: hidden;
  height: 100%;
}
.module-gallery-wrapper .gallery-content h4 {
  color: #fff;
  padding-right: 50px;
}
.module-gallery-wrapper .close-popup {
  right: 100px;
  top: 30px;
}
@media (max-width: 930px) {
  .module-gallery-wrapper .close-popup {
    right: 30px;
  }
}
.module-gallery-wrapper .gallery-items, .module-gallery-wrapper li, .module-gallery-wrapper aside, .module-gallery-wrapper .gallery-aside {
  display: block;
  height: 100%;
  width: 100%;
}
.module-gallery-wrapper .gallery-items {
  overflow: hidden;
}
.module-gallery-wrapper .gallery-items aside {
  display: flex;
  justify-content: center;
  align-items: center;
}
.module-gallery-wrapper .bx-controls-direction a {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  display: block;
  height: 30px;
  text-indent: -66666px;
  outline: none !important;
  background: url("../../svg/ico-arrow-right-white.svg") no-repeat center;
  background-size: contain;
}
.module-gallery-wrapper .bx-controls-direction a.bx-next {
  right: 15px;
}
.module-gallery-wrapper .bx-controls-direction a.bx-prev {
  left: 15px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.module-gallery-wrapper .loader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 80px;
}
.module-gallery-wrapper .loader .sk-folding-cube .sk-cube:before {
  background-color: #fff;
}

.search-results {
  display: block;
}
.search-results--item {
  width: 100%;
  display: block;
  margin-bottom: 35px;
  float: left;
}
.search-results--item a {
  text-decoration: none;
  color: #222222;
}

.pagination-wrapper h2 {
  display: none;
}
.pagination-wrapper .nav-links {
  float: right;
}
.pagination-wrapper .page-numbers {
  display: inline-block;
  padding: 15px 0;
  margin-left: 15px;
  color: #222222;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
}
.pagination-wrapper .page-numbers.current {
  color: #e6af16;
}
.pagination-wrapper .next, .pagination-wrapper .prev {
  display: none;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.news-wrapper {
  display: block;
  margin: -14px;
}
.news-wrapper .news-item {
  display: inline-block;
  float: left;
  width: 33.3%;
  padding: 14px;
}
@media (max-width: 850px) {
  .news-wrapper .news-item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .news-wrapper .news-item {
    width: 100%;
  }
}
.news-wrapper .news-item a {
  color: #222222;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 402px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.1);
}
.news-wrapper .news-item figure {
  width: 100%;
  height: 241px;
  background-color: #461919;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.news-wrapper .news-item .description {
  padding: 25px 31px;
}
.news-wrapper .news-item .description .date {
  display: block;
  color: #565656;
  font-weight: 500;
  font-size: 0.76rem;
  margin-bottom: 20px;
}
.news-wrapper .news-item .description .title-news {
  font-size: 1.07rem;
  font-weight: 700;
  line-height: 1.53rem;
}

.news-page {
  float: left;
  width: 100%;
}

.news-single .content-news {
  padding: 80px 180px;
}
@media (max-width: 768px) {
  .news-single .content-news {
    padding: 30px;
  }
}
@media (max-width: 420px) {
  .news-single .content-news {
    padding: 30px 0;
  }
}

.distributors {
  width: 100%;
  float: left;
  margin-bottom: 100px;
}
.distributors .map-heading {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .distributors .map-heading {
    display: block;
  }
}
.distributors .map-heading .title {
  font-size: 2.15rem;
  font-weight: 500;
}
.distributors .map-heading .search {
  width: 270px;
  max-width: 100%;
  position: relative;
}
@media (max-width: 480px) {
  .distributors .map-heading .search {
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
  }
}
.distributors .map-heading .search .search-button {
  position: absolute;
  top: 6px;
  right: 6px;
}
.distributors .map-heading .search .default-input {
  background-color: #fff !important;
}
.distributors .map-content {
  width: 100%;
  height: 500px;
  margin-bottom: 100px;
  -webkit-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.1);
}
.distributors .map-content #map {
  width: 100%;
  height: 100%;
}
.distributors .list-distributors {
  width: 100%;
}
.distributors .list-distributors h4 {
  font-size: 2.15rem;
  font-weight: 500;
  margin-bottom: 98px;
}
@media (max-width: 480px) {
  .distributors .list-distributors h4 {
    margin-bottom: 40px;
  }
}
.distributors .list-distributors li {
  display: inline-block;
  width: 25%;
  padding: 0 50px 15px 0;
  height: 260px;
  overflow: hidden;
  float: left;
}
@media (max-width: 768px) {
  .distributors .list-distributors li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .distributors .list-distributors li {
    width: 100%;
    padding-right: 0;
    height: auto;
    margin-bottom: 30px;
  }
}
.distributors .list-distributors li.hidden {
  display: none;
}
.distributors .list-distributors .name {
  font-size: 1.07rem;
  font-weight: 700;
  line-height: 1.53rem;
  height: 59px;
  margin-bottom: 10px;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 480px) {
  .distributors .list-distributors .name {
    height: auto;
  }
}
.distributors .list-distributors .address {
  font-size: 0.92rem;
  line-height: 1.46rem;
}
.distributors .list-distributors .address p {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.distributors .list-distributors .address p a {
  color: inherit;
  text-decoration: none;
}

.wrapper {
  width: 100%;
  float: left;
}

.marker-informaction {
  display: block;
  max-width: 350px;
  padding: 5px;
}
.marker-informaction .title {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.marker-informaction .content p {
  margin-bottom: 0;
  line-height: 1.5rem;
  font-size: 0.9rem;
}

.sellers .title {
  font-weight: 500;
  font-size: 2.15rem;
  margin-bottom: 30px;
}
.sellers .country-map-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 850px) {
  .sellers .country-map-wrapper {
    display: block;
  }
}
.sellers .details {
  width: 265px;
  padding-top: 200px;
  position: relative;
}
@media (max-width: 850px) {
  .sellers .details {
    width: 100%;
    padding-top: 0;
    padding-bottom: 50px;
    float: left;
  }
}
.sellers .details .loader {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 80px;
}
.sellers .details .loader .sk-folding-cube .sk-cube:before {
  background-color: #e6af16;
}
.sellers .details .wrapper {
  position: relative;
  min-height: 90px;
}
.sellers .country-map {
  width: 850px;
}
@media (max-width: 850px) {
  .sellers .country-map {
    width: 100%;
  }
}
.sellers .flex-inline-box h5 {
  margin-top: 20px;
}

.person-seller {
  display: block;
  margin-top: 38px;
}
.person-seller figure {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  width: 75px;
  height: 75px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.person-seller .person-name {
  font-size: 1.07rem;
  font-weight: 700;
  margin: 20px 0 25px;
}
.person-seller p {
  font-size: 0.92rem;
  line-height: 1.46rem;
  margin-bottom: 0;
}
.person-seller p a {
  color: #222222;
  text-decoration: none;
}

.palette-desktop-wrapper {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 970px) {
  .palette-desktop-wrapper {
    display: none;
  }
}
.palette-desktop-wrapper .palette-wrapper-desktop {
  height: 390px;
  overflow-x: hidden;
  overflow-y: auto;
}
.palette-desktop-wrapper .palette-wrapper-desktop .item {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 5px 5px 0;
  text-decoration: none;
  box-shadow: none;
  border: 2px solid #fff;
  outline: none !important;
}
.palette-desktop-wrapper .palette-wrapper-desktop figure {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.palette-desktop-wrapper .palette-wrapper-desktop figure span {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  padding: 5px;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  color: #222222;
  text-align: center;
  font-size: 0.7rem;
}

.palette-view-hue {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 320px;
  left: 0;
  top: 22px;
  z-index: 2;
  height: 0;
  cursor: pointer;
  overflow: hidden;
}
.palette-view-hue figure {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-color: #000;
}
.palette-view-hue figure > span {
  display: block;
  padding: 12px;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  color: #222222;
  text-align: center;
  font-size: 1.1rem;
}
.palette-view-hue figure > span span {
  margin: 0 8px;
}
.palette-view-hue.active {
  height: 185px;
  -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
}

.palette-mobile-wrapper {
  width: 350px;
  max-width: 100%;
  margin-bottom: 15px;
  height: 54px;
  display: block;
  position: relative;
}
@media (min-width: 971px) {
  .palette-mobile-wrapper {
    display: none;
  }
}
.palette-mobile-wrapper .palette-view-hue {
  z-index: 100;
  left: 0;
  right: 0;
  margin: auto;
}
.palette-mobile-wrapper .palette-mobile-content {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  background-color: #fff;
  z-index: 10;
  position: relative;
  display: inline-block;
  border: 2px solid #b2b2b2;
  text-align: left;
  text-decoration: none;
  color: #222222;
  width: 100%;
  height: 54px;
  overflow: hidden;
}
.palette-mobile-wrapper .palette-mobile-content::after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 20px;
  right: 20px;
  content: "";
  background: url("../../svg/ico-arrow-down-grey.svg") no-repeat center;
  background-size: contain;
}
.palette-mobile-wrapper .palette-mobile-content .palette-wrapper-mobile {
  padding: 10px;
  height: calc(100% - 54px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.palette-mobile-wrapper .palette-mobile-content.open {
  height: 350px;
}
.palette-mobile-wrapper .palette-mobile-content.open::after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.palette-mobile-wrapper .palette-mobile-content > a {
  width: 100%;
  height: 54px;
  display: block;
  line-height: 52px;
  padding: 0 15px;
  text-align: center;
  text-decoration: none;
  color: #222222;
}
.palette-mobile-wrapper .palette-mobile-content .item {
  display: inline-block;
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 5px 5px 0;
  text-decoration: none;
  box-shadow: none;
  border: 2px solid #fff;
  outline: none !important;
}
.palette-mobile-wrapper .palette-mobile-content figure {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.palette-mobile-wrapper .palette-mobile-content figure span {
  display: block;
  padding: 5px;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  color: #222222;
  text-align: center;
  font-size: 0.7rem;
}

.arrows {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 50px;
  width: 100%;
}
.arrows a, .arrows button {
  width: 7px;
  height: 13px;
  display: block;
  position: relative;
  right: unset;
  left: unset;
  top: unset;
  bottom: unset;
  transform: none;
}
.arrows a::after, .arrows button::after {
  transition: all 500ms;
  content: "";
  display: block;
  width: 7px;
  height: 13px;
  position: absolute;
  top: 0;
  left: 0;
}
.arrows a::after, .arrows button::after {
  background-image: url("../../svg/arrow_gray_right.svg");
}
.arrows a.slick-prev, .arrows button.slick-prev {
  transform: rotate(180deg);
}

.slick-slider button {
  width: 7px;
  height: 13px;
  display: block;
  position: relative;
  left: unset;
  right: 0;
  top: 0;
  bottom: unset;
  transform: none;
  position: absolute;
  height: 100%;
  width: 100px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 9;
}
.slick-slider button:hover, .slick-slider button:focus {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%);
}
.slick-slider button::before {
  display: none;
}
.slick-slider button::after {
  transition: all 500ms;
  content: "";
  display: block;
  width: 10px;
  height: 19px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
  background-size: cover;
}
.slick-slider button::after {
  background-image: url("../../svg/arrow_white_right.svg");
}
.slick-slider button.slick-prev {
  transform: rotate(180deg);
  left: 0;
}

.tos-desktop .tos-wrapper.tos-fixed, .tos-wrapper.tos-fixed {
  background-color: rgba(0, 0, 0, 0.65);
}

.tos-close, .tos-next, .tos-prev {
  background-color: #e6af16;
}

.tos-close, .tos-next, .tos-prev {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  opacity: 1;
}

.tos-close span:after, .tos-close span:before {
  width: 12px;
  height: 12px;
  margin-top: -6px;
}

.tos-pagination {
  opacity: 1;
}

.tos-desktop .tos-wrapper:hover .tos-close, .tos-desktop .tos-wrapper:hover .tos-next, .tos-desktop .tos-wrapper:hover .tos-prev, .tos-touch .tos-wrapper.tos-hover .tos-close, .tos-touch .tos-wrapper.tos-hover .tos-next, .tos-touch .tos-wrapper.tos-hover .tos-prev {
  opacity: 1;
}

@media (min-width: 1280px) {
  .tos-wrapper.tos-has-thumbnails .tos-pagination {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 55px;
  }

  .tos-wrapper.tos-has-thumbnails .tos-pagination a {
    width: auto;
    height: auto;
    aspect-ratio: 1/1;
    max-width: 130px;
    margin: 0 5px;
    flex-grow: 1;
  }

  .tos-slide > * {
    width: 60%;
    border-radius: 10px;
    object-fit: cover;
  }

  .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide {
    padding-bottom: 225px;
    padding-top: 90px;
  }

  .tos-wrapper .tos-pagination:after, .tos-wrapper .tos-pagination:before {
    display: none;
  }
}
@media (max-width: 1366px) {
  .tos-slide {
    padding-bottom: 185px;
    padding-top: 70px;
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media (max-width: 576px) {
  .tos-next, .tos-prev {
    display: none;
  }

  .tos-slide {
    padding: 15px;
  }

  .tos-desktop .tos-wrapper:hover .tos-next, .tos-touch .tos-wrapper.tos-hover .tos-next, .tos-touch .tos-wrapper.tos-hover .tos-prev {
    display: none;
  }
}

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