@charset "UTF-8";
/* main */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
}
* {
  letter-spacing: -0.03em;
}

@media (max-width: 575.98px) {
  HTML {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  HTML {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  HTML {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  HTML {
    font-size: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  HTML {
    font-size: 10px;
  }
}
@media (min-width: 1400px) {
  HTML {
    font-size: 10px;
  }
}

BODY {
  font-weight: 400;
  font: 1.7rem Inter, Arial, Helvetica, sans-serif;
}
@media (max-width: 767.98px) {
  BODY {
    font: 1.5rem Inter, Arial, Helvetica, sans-serif;
  }
}
@media (max-width: 767.98px) {
  BODY {
    font: 1.5rem Inter, Arial, Helvetica, sans-serif;
  }
}

.font-size-basemin {
  font-size: 1.3rem;
}
@media (max-width: 767.98px) {
  .font-size-basemin {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .font-size-basemin {
    font-size: 1.2rem;
  }
}

.font-size-basemed {
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .font-size-basemed {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .font-size-basemed {
    font-size: 1.3rem;
  }
}

.font-size-base {
  font-size: 1.7rem;
}
@media (max-width: 767.98px) {
  .font-size-base {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .font-size-base {
    font-size: 1.5rem;
  }
}

.font-size-basemax {
  font-size: 2.1rem;
}
@media (max-width: 767.98px) {
  .font-size-basemax {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .font-size-basemax {
    font-size: 1.7rem;
  }
}

BODY {
  background-color: rgb(255, 255, 255);
  color: #1D1D1F;
  height: auto !important;
  min-height: 80vh;
  line-height: 1.2;
  overflow-y: scroll;
}
BODY.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
@media (min-width: 768px) {
  BODY.modal-open .panel-breadcrumb {
    padding-right: 32px;
  }
  BODY.modal-open .header {
    margin-right: -17px;
    padding-right: 32px;
  }
  BODY.modal-open .header.fixed-top {
    margin-right: 0;
    padding-right: 0;
  }
}

.header-compensator {
  height: 4.4rem;
}

.breadcrumb-compensator {
  height: 8.8rem;
}

section::after {
  display: block;
  clear: both;
  content: "";
}

.pagesection {
  position: relative;
  padding: 8rem 15px;
}
@media (max-width: 767.98px) {
  .pagesection {
    padding: 6rem 15px;
  }
}
@media (max-width: 575.98px) {
  .pagesection {
    padding: 6rem 15px 3rem 15px;
  }
}

.container-fluid {
  max-width: 1080px;
  position: relative;
}
.container-fluid.container-fluid--maxwidth {
  max-width: none !important;
}

.row {
  position: relative;
}
@media (max-width: 575.98px) {
  .row > [class*=col-] > div,
  .row > [class*=col-] > a {
    margin-left: auto;
    margin-right: auto;
  }
}
.row.row--margined > [class*=col-] {
  margin-bottom: 10px;
}
.row.row--stretched > [class*=col-] {
  display: flex;
  align-items: stretch;
}
@media (max-width: 575.98px) {
  .row.row--stretched > [class*=col-] {
    display: block;
    margin-bottom: 10px;
  }
}
.row.row--aligned > [class*=col-] {
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .row.row--aligned > [class*=col-] {
    display: block;
  }
}
.row.row--centered {
  justify-content: center;
}
.row.row--horizontal {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  gap: 2rem;
}
@media (max-width: 575.98px) {
  .row.row--horizontal {
    flex-wrap: wrap;
    align-items: normal;
  }
}
.row.row--horizontal > div {
  flex: 1 1 auto;
}

[class*=col-].col--r-padded {
  padding-left: 1.5rem;
}
@media (max-width: 991.98px) {
  [class*=col-].col--r-padded {
    padding-left: 1rem;
  }
}
@media (max-width: 767.98px) {
  [class*=col-].col--r-padded {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 575.98px) {
  [class*=col-].col--r-padded {
    padding-left: 0;
    padding-right: 0;
  }
}

[class*=col-].col--l-padded {
  padding-right: 1.5rem;
}
@media (max-width: 991.98px) {
  [class*=col-].col--l-padded {
    padding-right: 1rem;
  }
}
@media (max-width: 767.98px) {
  [class*=col-].col--l-padded {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 575.98px) {
  [class*=col-].col--l-padded {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 289.98px) {
  .hidden-min {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .hidden-xl {
    display: none !important;
  }
}

@media (min-width: 1400px) {
  .hidden-xxl {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .hidden-xl-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .row--xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}

.overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(29, 29, 31, 0.1);
  z-index: 998;
  opacity: 0;
}

.overlay.active {
  display: block;
  opacity: 1;
}

.sticked {
  margin-bottom: 4rem;
}

.sticky-md-top {
  top: 8rem;
  z-index: 998;
}

header {
  position: relative;
  z-index: 9999 !important;
  height: 4.4rem;
  background-color: rgba(29, 29, 31, 0.93);
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);
  filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.15));
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: #C3C3C6;
  font: 13px Inter, Arial, Helvetica, sans-serif;
  padding: 0 15px;
}
header.showsearch {
  background-color: rgb(0, 0, 0);
}
@media (max-width: 767.98px) {
  header {
    padding: 0;
  }
  header.showmenus {
    background-color: rgb(0, 0, 0);
    box-shadow: none;
    filter: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header .span--overflow {
    display: none;
  }
}
header .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
header a {
  color: #C3C3C6;
}
header a:hover {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.header__menumain-md {
  background: none;
  border: none;
}
.header__menumain-md .animated-icon {
  width: 24px;
  height: 20px;
  position: relative;
  margin: 0 9px 0 9px;
  transform: rotate(0deg);
  cursor: pointer;
}
.header__menumain-md .animated-icon span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  background: rgb(255, 255, 255);
}
.header__menumain-md .animated-icon span:nth-child(1) {
  top: 0;
}
.header__menumain-md .animated-icon span:nth-child(2), .header__menumain-md .animated-icon span:nth-child(3) {
  top: 9px;
}
.header__menumain-md .animated-icon span:nth-child(4) {
  top: 18px;
  width: 60%;
}
.header__menumain-md .animated-icon.open span:nth-child(1) {
  top: 10px;
  width: 0;
  left: 50%;
}
.header__menumain-md .animated-icon.open span:nth-child(2) {
  transform: rotate(45deg);
}
.header__menumain-md .animated-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.header__menumain-md .animated-icon.open span:nth-child(4) {
  top: 10px;
  width: 0;
  left: 50%;
}
.header__menumain-md .animated-icon.open span:nth-child(1) {
  top: 11px;
  width: 0;
  left: 50%;
}
.header__menumain-md .animated-icon.open span:nth-child(2) {
  transform: rotate(45deg);
}
.header__menumain-md .animated-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.header__menumain-md .animated-icon.open span:nth-child(4) {
  top: 11px;
  width: 0;
  left: 50%;
}

.header__logo {
  display: block;
  margin-top: 1px;
  margin-right: 4rem;
}
@media (max-width: 767.98px) {
  .header__logo {
    margin-left: auto;
    margin-right: auto;
  }
}
.header__logo img {
  height: 29px;
  width: auto;
}
@media (max-width: 767.98px) {
  .header__logo img {
    height: 20px;
  }
}

.header__menu {
  flex-wrap: nowrap;
  transition: 0.3s;
}
.header__menu a > i {
  margin-right: 0.6rem;
  color: #6E6E73;
  font-size: 1.5rem;
  transition: 0.3s;
}
.header__menu a:hover > i {
  color: rgb(255, 255, 255);
}
.header__menu .menu-item {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0.2rem;
}
.header__menu .menu-item > a {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  height: 4rem;
}
.header__menu .menu-item > a.i--drop::after {
  margin-left: 0.3rem;
  font: 300 1.4rem "Font Awesome 5 Pro";
  content: "\f107";
}
.header__menu .menu-item > a.show {
  color: rgb(255, 255, 255);
}
.header__menu .menu-item > a.show.i--drop::after {
  content: "\f106";
}
.header__menu .menu-item .dropdown-menu {
  background-color: rgb(0, 0, 0);
  border-radius: 0;
  padding: 0.5rem 2rem;
  margin-top: 2px;
  z-index: 1032;
}
.header__menu .menu-item .dropdown-menu.dropdown-menu-end {
  margin-right: -8rem;
}
.header__menu .menu-item .dropdown-menu > li {
  font-size: 1.5rem;
  margin: 0;
  border-bottom: solid 1px #555559;
}
.header__menu .menu-item .dropdown-menu > li:last-child {
  border-bottom: none;
}
.header__menu .menu-item .dropdown-menu .dropdown-item {
  color: #C3C3C6;
  padding: 1rem 0;
}
.header__menu .menu-item .dropdown-menu .dropdown-item:hover {
  background: transparent;
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.header__menu.menu--catalog {
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .header__menu.menu--catalog .menu-item {
    padding-right: 0;
  }
}
.header__menu.menu--catalog .animated-icon {
  width: 40px;
  height: 4rem;
  background: url("../img/i-catalog.svg") center center no-repeat;
  opacity: 0.5;
  transition: 0.3s;
}
@media (max-width: 767.98px) {
  .header__menu.menu--catalog .animated-icon {
    width: 40px;
    margin-right: 5px;
  }
}
.header__menu.menu--catalog a:hover .animated-icon {
  opacity: 1;
}
.header__menu.menu--catalog a.open {
  color: rgb(255, 255, 255);
}
.header__menu.menu--catalog a.open .animated-icon {
  opacity: 1;
}
@media (max-width: 767.98px) {
  .header__menu.menu--catalog a span {
    display: none;
  }
  .header__menu.menu--catalog a.open .animated-icon {
    background: url("../img/i-x-w.svg") center center no-repeat;
    opacity: 1;
    width: 40px;
    margin-right: 6px;
  }
}
.header__menu.menu--region i {
  position: relative;
  top: -1px;
}
.header__menu.menu--region .open, .header__menu.menu--region .open i {
  color: rgb(255, 255, 255);
}
.header__menu.menu--user i {
  font-size: 2rem;
}

.header__mainsearch .mainsearch-btn {
  position: relative;
  top: -1px;
  width: 4rem;
  height: 4rem;
  border: none;
  background: transparent url("../img/lupa-menu.svg") center center no-repeat;
}
.header__mainsearch .mainsearch-btn:hover {
  background-image: url("../img/lupa-menu_.svg");
}

.header__mainsearch-form {
  display: none;
  position: absolute;
  z-index: 1031;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 4.4rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgb(0, 0, 0);
  transition: 0.5s;
  padding-left: 20%;
  padding-right: 20%;
}
.header__mainsearch-form.active {
  display: flex;
}
.header__mainsearch-form input[type=search] {
  height: 3.6rem;
  width: 100%;
  background: rgb(0, 0, 0);
  border: none;
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
}
.header__mainsearch-form .mainsearch-form__search {
  height: 3.6rem;
  width: 4rem;
  background: rgb(0, 0, 0) url("../img/lupa-menu.svg") center center no-repeat;
  border: none;
  border-radius: 0.4rem 0 0 0.4rem;
}
.header__mainsearch-form .mainsearch-form__close {
  height: 3.6rem;
  width: 4rem;
  background: rgb(0, 0, 0) url("../img/i-x-search.svg") center center no-repeat;
  border: none;
  border-radius: 0 0.4rem 0.4rem 0;
}

.menumain {
  display: block;
  position: fixed;
  top: 4.4rem;
  opacity: 1;
  overflow-y: auto;
  left: 0;
  right: 0;
  z-index: 1031;
  width: 100%;
  height: 100vh;
  background-color: rgb(0, 0, 0);
  transition: all 0.5s;
  padding: 4rem 2rem 10rem 2rem;
  font: 1.5rem Inter, Arial, Helvetica, sans-serif;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);
  filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.15));
  color: #C3C3C6;
}
@media (max-width: 575.98px) {
  .menumain {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.menumain.collapsing {
  transition: none;
}
.menumain a {
  color: #C3C3C6;
}
.menumain a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.menumain hr {
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  color: #C3C3C6;
}

.menumain__contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}
.menumain__contact .contact-tel {
  display: block;
  font-size: 1.9rem;
  white-space: nowrap;
  text-align: center;
  margin: 0 auto;
  color: #C3C3C6 !important;
}
.menumain__contact .contact-email {
  display: block;
  font-size: 1.5rem;
  white-space: nowrap;
  text-align: center;
  margin: 0 auto;
}
.menumain__contact .contact-soc {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
}
.menumain__contact .contact-soc > li {
  margin-right: 1rem;
}
.menumain__contact .contact-soc > li:last-child {
  margin-right: 0;
}
.menumain__contact .contact-soc a {
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C3C3C6;
  border-radius: 50%;
  background-repeat: no-repeat;
}
.menumain__contact .contact-soc a:hover {
  background-color: rgb(255, 255, 255);
}
.menumain__contact .contact-soc img {
  width: 26px;
  height: auto;
}

.menumain__search {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.menumain__search input[type=search] {
  height: 3.6rem;
  width: 100%;
  background: #1d1d1f;
  border: none;
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  padding-left: 1rem;
  border-radius: 0 0.4rem 0.4rem 0;
}
.menumain__search ::-webkit-input-placeholder {
  color: #C3C3C6;
}
.menumain__search :-moz-placeholder {
  color: #C3C3C6;
}
.menumain__search ::-moz-placeholder {
  color: #C3C3C6;
}
.menumain__search :-ms-input-placeholder {
  color: #C3C3C6;
}
.menumain__search .search-btn {
  height: 3.6rem;
  width: 3.6rem;
  background: #1d1d1f url("../img/lupa-menu.svg") center right no-repeat;
  border: none;
  border-radius: 0.4rem 0 0 0.4rem;
}

.menumain__regionuser {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  gap: 2rem;
}
.menumain__regionuser a {
  display: inline-block;
  white-space: nowrap;
}
.menumain__regionuser a > i {
  margin-right: 0.6rem;
  color: #6E6E73;
  transition: 0.3s;
}
.menumain__regionuser a:hover > i {
  color: rgb(255, 255, 255);
}

.menumain__nav .menu-item {
  padding: 1.5rem 0;
  border-bottom: solid 1px #555559;
}
.menumain__nav a {
  display: block;
}
.menumain__nav button {
  display: block;
  border: none;
  background: transparent;
  width: 100%;
  color: rgb(255, 255, 255);
  padding: 0;
  text-align: left;
}
.menumain__nav button.collapsed {
  color: #C3C3C6;
}
.menumain__nav .menu-item__submenu {
  list-style: none;
  margin-bottom: 0;
}
.menumain__nav .menu-item__submenu > li {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.menumain__nav .i--drop::after {
  float: right;
  margin: 0.3rem 2rem 0 1rem;
  font: 300 1.4rem "Font Awesome 5 Pro";
  content: "\f106";
}
.menumain__nav .collapsed.i--drop::after {
  content: "\f107";
}

.menumain__tools {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4rem;
}
.menumain__tools .tools-tool {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.menumain__tools .tools-tool > li {
  display: inline-block;
}
.menumain__tools .tools-tool a {
  display: flex;
  align-items: center;
  margin-right: 2rem;
  margin-left: -2px;
  white-space: nowrap;
}
.menumain__tools .tools-tool a img {
  width: 26px;
  height: auto;
  margin-right: 0.5rem;
}
.menumain__tools .tools-cart a {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: rgb(255, 255, 255);
  margin: 0.8rem 0;
}
.menumain__tools .tools-cart a img {
  width: 26px;
  height: auto;
  margin-right: 0.5rem;
}
.menumain__tools .tools-cart i {
  font-size: 10px;
  margin: 3px 0 0 3px;
}

.menucatalog {
  margin-top: 4.4rem;
}
.menucatalog.show {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.menucatalog .modal-dialog {
  min-width: 100%;
  margin: 0 0 0 0;
}
.menucatalog .modal-content {
  font: 1.5rem Inter, Arial, Helvetica, sans-serif;
  background-color: rgb(0, 0, 0) !important;
  border: none;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);
  filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.15));
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: rgb(255, 255, 255);
  transition: 0.3s;
}
@media (max-width: 767.98px) {
  .menucatalog .modal-content {
    height: 100vh;
  }
}
.menucatalog .btn-close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C3C3C7'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  font-size: 1.7rem;
}
@media (max-width: 767.98px) {
  .menucatalog .btn-close {
    display: none;
  }
}
.menucatalog .modal-body {
  padding: 0 0.5rem 4rem 0.5rem !important;
  margin-top: 10rem;
}
@media (max-width: 767.98px) {
  .menucatalog .modal-body {
    padding-top: 2rem !important;
    margin-top: 7.5rem;
  }
}
.menucatalog .container-fluid {
  display: block;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.menucatalog a {
  color: #C3C3C6;
}
.menucatalog a:hover {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}

.menucatalog__configurator {
  position: absolute;
  top: 4rem;
  left: 2rem;
  right: 2rem;
  z-index: 9;
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .menucatalog__configurator {
    top: 2rem;
    border-bottom: solid 1px #1D1D1F;
  }
}
@media (max-width: 575.98px) {
  .menucatalog__configurator {
    justify-content: flex-start;
  }
}
.menucatalog__configurator img {
  height: 33px;
  width: auto;
  margin-right: 1rem;
}

.menucatalog__menu {
  display: flex;
  flex-wrap: nowrap;
  max-width: 27rem;
  margin: 0 auto 2rem auto;
}
@media (max-width: 767.98px) {
  .menucatalog__menu {
    max-width: none;
  }
}
.menucatalog__menu img {
  width: 50px;
  height: 50px;
  margin-right: 0.5rem;
}
.menucatalog__menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.menucatalog__menu ul > li {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.menucatalog__menu ul > li a {
  display: block;
}
.menucatalog__menu .menu-hdr {
  font-weight: 700;
  color: rgb(255, 255, 255);
  line-height: 1.1;
}

.menuregion {
  margin-top: 4.4rem;
}
@media (max-width: 767.98px) {
  .menuregion .btn-close {
    display: none;
  }
  .menuregion .menuregion__search {
    margin-right: 0;
    width: 100%;
  }
  .menuregion .fld_menuregion__search {
    width: 100%;
  }
}
.menuregion.show {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.menuregion .modal-dialog {
  min-width: 100%;
  margin: 0;
}
@media (max-width: 767.98px) {
  .menuregion .modal-dialog {
    height: 100vh;
  }
}
.menuregion .modal-content {
  font: 1.5rem Inter, Arial, Helvetica, sans-serif;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);
  filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.15));
  -webkit-backdrop-filter: blur(5px) !important;
          backdrop-filter: blur(5px) !important;
  color: #1D1D1F;
  transition: 0.3s;
}
.menuregion .modal-header .container-fluid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 575.98px) {
  .menuregion .modal-header .container-fluid {
    gap: 1rem;
  }
}
.menuregion .modal-body {
  padding: 2rem 1rem 6rem 2rem !important;
}
.menuregion .modal-body .container-fluid {
  display: block;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.menuregion a {
  color: #1D1D1F;
}
.menuregion a:hover {
  color: rgb(0, 0, 0);
  text-decoration: underline;
}
.menuregion ul {
  padding: 0;
  list-style: none;
  margin: 0.5rem 1rem 2rem 0;
  width: 100%;
}
.menuregion ul > li {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.menuregion ul > li a {
  display: block;
}
.menuregion ul > li.lither {
  font-size: 2.1rem;
  font-weight: 700;
}
.menuregion .menuregion__hdr {
  font-size: 2.1rem;
  font-weight: 700;
  color: #1D1D1F;
  white-space: nowrap;
}
.menuregion .menuregion__hdr:before {
  font-family: "Font Awesome 5 Pro";
  color: #C3C3C6;
  margin-right: 1rem;
  content: "\f3c5";
}
@media (max-width: 767.98px) {
  .menuregion .menuregion__hdr {
    margin-top: 1rem;
  }
}
.menuregion .menuregion__search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3rem;
}
@media (max-width: 767.98px) {
  .menuregion .menuregion__search {
    margin-right: 0;
  }
}
.menuregion .menuregion__search .fld_menuregion__search {
  height: 3.2rem;
  background: #F5F5F6;
  border: solid 1px #C3C3C6;
  border-left: none;
  border-radius: 0 0.4rem 0.4rem 0;
  font-size: 1.5rem;
  padding-left: 1rem;
}
@media (max-width: 767.98px) {
  .menuregion .menuregion__search .fld_menuregion__search {
    font-size: 1.5rem;
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .menuregion .menuregion__search .fld_menuregion__search {
    font-size: 1.5rem;
  }
}
.menuregion .menuregion__search ::-webkit-input-placeholder {
  color: #C3C3C6;
}
.menuregion .menuregion__search :-moz-placeholder {
  color: #C3C3C6;
}
.menuregion .menuregion__search ::-moz-placeholder {
  color: #C3C3C6;
}
.menuregion .menuregion__search :-ms-input-placeholder {
  color: #C3C3C6;
}
.menuregion .menuregion__search .b_menuregion__search {
  height: 3.2rem;
  width: 3rem;
  background: #F5F5F6 url("../img/lupa-menu.svg") center right no-repeat;
  border: solid 1px #C3C3C6;
  border-right: none;
  border-radius: 0.4rem 0 0 0.4rem;
}

.sc_page.sc--gray {
  background-color: #F5F5F6;
}

.sc_idx-main {
  padding-top: 0;
  padding-bottom: 0;
}

.sc_idx-search {
  padding-top: 0;
  padding-bottom: 0;
}

.sc_idx-product {
  padding-bottom: 0;
}

.sc_idx-advmain {
  background: #1D1D1F;
  padding-top: 0;
  padding-bottom: 0;
}

.sc_idx-matrix {
  padding: 10px 10px 0 10px;
}

.sc_idx-reference {
  background: #F5F5F6;
}

.sc_idx-professional {
  padding-top: 0;
  padding-bottom: 0;
}

.sc_idx-map {
  padding-top: 0;
}

.sc_productlist-filter {
  padding: 6rem 0 0 0;
  background: #F5F5F6;
}

.sc_productlist-compilation {
  background: #F5F5F6;
}

.sc_productlist-descript {
  padding-bottom: 0;
}

.sc_productgallery {
  padding-top: 8rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .sc_productgallery {
    padding-top: 7rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sc_productgallery {
    padding-top: 6rem;
  }
}
@media (max-width: 575.98px) {
  .sc_productgallery {
    padding-top: 5rem;
  }
}

.sc_producttablist {
  padding-top: 0;
  padding-bottom: 0;
}

.sc_producttabs {
  background: #F5F5F6;
  padding-top: 0;
  padding-bottom: 0;
}

.sc_productcategory {
  padding-top: 6rem;
}

.sc_productrecommend {
  padding-top: 0;
}

.sc_productwatched {
  padding-top: 0;
}

.sc_wtbfilter {
  background: #F5F5F6;
}

.sc_wtblist {
  padding-top: 6rem;
}
@media (max-width: 767.98px) {
  .sc_wtblist {
    padding-top: 4rem;
  }
}
@media (max-width: 575.98px) {
  .sc_wtblist {
    padding-top: 3rem;
  }
}

.sc_wtbmap {
  padding: 0;
}

.sc_dealermap {
  padding: 0;
}

.sc_configurator {
  min-height: 60vh;
}

.sc_form-resultsearch {
  background: #F5F5F6;
  padding-bottom: 2rem;
}

.sc_resultsearch {
  min-height: 40vh;
  padding-top: 3rem;
}

.sc_productlist-rootcategory {
  background: #F5F5F6;
  padding-top: 5rem;
  padding-bottom: 1rem;
}

.sc_compare {
  background: #F5F5F6;
}

.sc_productcategory-filter {
  background: #F5F5F6;
  padding-top: 5rem;
  padding-bottom: 1rem;
}

.sc_portfolio {
  padding-left: 0;
  padding-right: 0;
}

.sc_configurator-product {
  padding-bottom: 0;
}

.sc_configurator-productlist {
  padding-top: 3rem;
}

.sc_cart {
  min-height: 60vh;
}

.sc_order {
  min-height: 60vh;
  padding-bottom: 2rem;
}

.sc_cabinet {
  min-height: 60vh;
  padding-bottom: 2rem;
}

.sc_newslist {
  min-height: 60vh;
}

.sc_news {
  min-height: 60vh;
  padding-bottom: 0;
}

.sc_bottomtool {
  padding-top: 8rem;
}

.sc_exhibitionlist {
  min-height: 60vh;
}

.sc_exhibitionpics {
  padding-top: 0;
  padding-bottom: 0;
}

.sc_downloadlist {
  min-height: 60vh;
}

footer {
  background: #F5F5F6;
  padding: 3rem 15px 8rem 15px;
  font: 1.3rem Inter, Arial, Helvetica, sans-serif;
}
@media (max-width: 767.98px) {
  footer {
    font: 1.3rem Inter, Arial, Helvetica, sans-serif;
    padding-top: 2rem;
  }
}
@media (max-width: 575.98px) {
  footer {
    font: 1.2rem Inter, Arial, Helvetica, sans-serif;
    padding-top: 1rem;
  }
}

.footer__menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 3rem;
  margin-right: 1rem;
}
@media (max-width: 575.98px) {
  .footer__menu {
    margin-bottom: 2rem;
  }
}
.footer__menu > li {
  margin: 1rem 0;
  padding: 0;
  line-height: 1.1;
}
.footer__menu .menu-hdr {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .footer__menu .menu-hdr {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .footer__menu .menu-hdr {
    font-size: 1.3rem;
  }
}
.footer__menu .menu-hdr span {
  display: block;
  width: 4rem;
  height: 0.2rem;
  background: #1D1D1F;
  margin-top: 0.2rem;
}
.footer__menu a {
  display: block;
  color: #6E6E73;
}
.footer__menu a:hover {
  color: #1D1D1F;
  text-decoration: underline;
}

.footer__codesearch-form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -6.5rem;
}
@media (max-width: 767.98px) {
  .footer__codesearch-form {
    margin-top: 0;
    margin-bottom: 4rem;
  }
}
.footer__codesearch-form input[type=search] {
  -webkit-appearance: none;
  height: 3.6rem;
  width: 99%;
  background: rgb(255, 255, 255);
  border: solid 1px #C3C3C6;
  border-left: none;
  border-radius: 0 0.4rem 0.4rem 0;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .footer__codesearch-form input[type=search] {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .footer__codesearch-form input[type=search] {
    font-size: 1.5rem;
  }
}
.footer__codesearch-form ::-webkit-input-placeholder {
  color: #C3C3C6;
}
.footer__codesearch-form :-moz-placeholder {
  color: #C3C3C6;
}
.footer__codesearch-form ::-moz-placeholder {
  color: #C3C3C6;
}
.footer__codesearch-form :-ms-input-placeholder {
  color: #C3C3C6;
}
.footer__codesearch-form .codesearch-form__search {
  height: 3.6rem;
  width: 3.2rem;
  background: rgb(255, 255, 255) url("../img/lupa-menu.svg") center right no-repeat;
  border: solid 1px #C3C3C6;
  border-right: none;
  border-radius: 0.4rem 0 0 0.4rem;
}

.footer__copy {
  font-size: 13px;
}
@media (max-width: 575.98px) {
  .footer__copy {
    font-size: 12px;
  }
}

.promoting {
  display: inline-block;
  float: right;
}
.promoting img {
  height: 30px;
  width: auto;
}

.barbtm {
  position: fixed;
  z-index: 1030;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4.4rem;
  background-color: rgba(29, 29, 31, 0.93);
  color: #C3C3C6;
  font-size: 13px;
  padding: 0 15px;
}
@media (max-width: 767.98px) {
  .barbtm {
    height: 4rem;
  }
}
.barbtm .container-fluid {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.barbtm ul {
  padding: 0;
  margin: 0 1rem 0 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.barbtm ul > li {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.barbtm a {
  color: #C3C3C6;
}
.barbtm a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.barbtm__contact .contact-tel {
  display: flex;
  white-space: nowrap;
  align-items: center;
  font-size: 1.7rem;
  margin-right: 2rem;
  color: #C3C3C6;
}
@media (max-width: 767.98px) {
  .barbtm__contact .contact-tel {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .barbtm__contact .contact-tel {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .barbtm__contact .contact-tel {
    margin-right: 1rem;
  }
}
.barbtm__contact .contact-email {
  display: flex;
  white-space: nowrap;
  align-items: center;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .barbtm__contact .contact-email {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .barbtm__contact .contact-email {
    font-size: 1.3rem;
  }
}
.barbtm__contact .contact-ico {
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #dee2e6;
  border-radius: 50%;
}
.barbtm__contact a:hover .contact-ico {
  border-color: rgb(255, 255, 255);
}

.barbtm__soc a {
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C3C3C6;
  border-radius: 50%;
  background-repeat: no-repeat;
  margin-right: 1rem;
}
.barbtm__soc a:hover {
  background-color: rgb(255, 255, 255);
}
.barbtm__soc img {
  width: 26px;
  height: auto;
}

.barbtm__tools a {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  white-space: nowrap;
}
.barbtm__tools a img {
  width: 26px;
  height: auto;
}

.barbtm__cart a {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: rgb(255, 255, 255);
}
.barbtm__cart a img {
  width: 26px;
  height: auto;
}
.barbtm__cart i {
  font-size: 10px;
}

.modal.show {
  padding-right: 17px;
  padding-left: 17px;
}
@media (max-width: 767.98px) {
  .modal.show {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.modal-dialog {
  margin-top: 5rem;
}
.modal-dialog .btn-close {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  width: 20px;
  height: 20px;
  z-index: 9999;
}
.modal-dialog .modal-content {
  padding: 0;
  background: rgb(245, 245, 247);
  color: #1D1D1F;
  border-radius: 0;
  position: relative;
}
.modal-dialog .modal-header {
  position: relative;
  padding: 1rem 2rem;
  margin: 0;
  color: #6E6E73;
  border-color: transparent;
  background: rgb(255, 255, 255);
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.1;
}
.modal-dialog .modal-header h3 {
  margin: 0;
  color: #1D1D1F;
}
.modal-dialog .modal-body {
  padding: 2rem;
  overflow-y: auto;
}
.modal-dialog .modal-body::after {
  display: block;
  clear: both;
  content: "";
}

.policyinfo {
  position: fixed;
  z-index: 1030;
  bottom: 6rem;
  left: 2rem;
  width: 50%;
  color: rgba(29, 29, 31, 0.93);
  font-size: 1.5rem;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 0 16px 0 rgba(29, 29, 31, 0.15);
  border: solid 1px #C3C3C6;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .policyinfo {
    bottom: 4rem;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .policyinfo {
    font-size: 1.3rem;
  }
}
.policyinfo p {
  line-height: 1.47;
}
.policyinfo .b-close {
  background: #1D1D1F;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  border: none;
  padding: 0.8rem 2rem;
  margin: 0.5rem 0 0 auto;
}
.policyinfo .b-close:hover {
  background: rgb(0, 0, 0);
}

p {
  margin-bottom: 1rem;
}

.p {
  line-height: 1.47;
}

.span--overflow {
  overflow: hidden;
}

.note {
  font-size: 1.5rem;
  color: #6E6E73;
}
@media (max-width: 767.98px) {
  .note {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .note {
    font-size: 1.3rem;
  }
}
.note.note--excl::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f06a";
  margin-right: 0.6rem;
}

.panel-breadcrumb {
  position: absolute;
  top: 4.4rem;
  left: 0;
  right: 0;
  z-index: 999;
  color: rgba(29, 29, 31, 0.93);
  padding: 0 15px;
  font-size: 1.5rem;
  background-color: rgba(227, 227, 231, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-bottom: solid 1px rgba(211, 211, 214, 0.3);
}
@media (max-width: 767.98px) {
  .panel-breadcrumb {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .panel-breadcrumb {
    font-size: 1.3rem;
  }
}
.panel-breadcrumb.fixed-top {
  position: fixed;
  top: 0;
  transition: opacity 1s;
}
.panel-breadcrumb.transparentize {
  opacity: 0;
}
.panel-breadcrumb .breadcrumb__hdr {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 4rem;
  font-weight: 600;
  caret-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
@media (max-width: 575.98px) {
  .panel-breadcrumb .breadcrumb__hdr {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 3.6rem;
  }
}
.panel-breadcrumb .breadcrumb__hdr:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f077";
  font-weight: 400;
  margin-left: 0.8rem;
}
.panel-breadcrumb .breadcrumb__hdr.collapsed:after {
  content: "\f078";
}
.panel-breadcrumb .breadcrumb__hdr.nocollapsed:after {
  content: "\f054";
}
.panel-breadcrumb .breadcrumb-submenu {
  margin-top: 0;
  transition: none;
}
.panel-breadcrumb .breadcrumb-submenu .dlv {
  border-color: transparent;
}
.panel-breadcrumb .breadcrumb-submenu ul {
  list-style: none;
  padding: 0;
  margin: -1.5rem 0 1.5rem 0;
  width: 100%;
}
.panel-breadcrumb .breadcrumb-submenu ul > li {
  list-style: none;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.panel-breadcrumb .breadcrumb-submenu a {
  display: block;
  text-decoration: none;
  color: rgba(29, 29, 31, 0.93);
}
.panel-breadcrumb .breadcrumb-submenu a:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  margin-left: 0.2rem;
  margin-right: 0.6rem;
  font-weight: 200;
  position: relative;
  top: 1px;
}
.panel-breadcrumb .breadcrumb-submenu a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

.pagination {
  font-size: 1.5rem;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .pagination {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .pagination {
    font-size: 1.3rem;
  }
}
.pagination .page-item {
  flex-grow: 1;
  text-align: center;
}
.pagination .page-link {
  padding: 1rem;
  text-decoration: none;
  color: #1D1D1F;
  background: rgb(255, 255, 255);
  border-radius: 0 !important;
  border-color: #C3C3C6;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .pagination .page-link {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .pagination .page-link {
    font-size: 1.3rem;
  }
}
.pagination .page-link:hover {
  color: rgb(0, 0, 0);
  background: #F5F5F6;
}
.pagination .page-link i {
  font-size: 1.3rem;
}
.pagination .page-link i.fa-chevron-left {
  margin-right: 0.8rem;
}
@media (max-width: 575.98px) {
  .pagination .page-link i.fa-chevron-left {
    margin-right: 0;
  }
}
.pagination .page-link i.fa-chevron-right {
  margin-left: 0.8rem;
}
@media (max-width: 575.98px) {
  .pagination .page-link i.fa-chevron-right {
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .pagination .page-link span {
    display: none;
  }
}
.pagination .page-item.active .page-link {
  background: #1D1D1F;
  color: rgb(255, 255, 255);
  font-weight: bold;
  border-color: #C3C3C6;
  cursor: default;
}
.pagination .page-item.disabled .page-link {
  opacity: 0.5;
}

.span--dot {
  display: block;
  flex-grow: 1;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  min-height: 15px;
  background: url("../img/dot-h.png") left center repeat-x;
}

.dlv {
  margin: 0;
  border-top: 1px solid #C3C3C6;
}
@media (max-width: 767.98px) {
  .dlv {
    margin: 0 -20px;
  }
}

.e-exlclamation:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f06a";
  font-weight: 400;
  margin-right: 0.5rem;
}
.e-exlclamation.e--blue:before {
  color: #008BD2;
}
.e-exlclamation.e--red:before {
  color: #B42D5B;
}

.img-inner {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  width: 30%;
  min-width: 290px;
}
@media (max-width: 575.98px) {
  .img-inner {
    width: 100%;
    margin-bottom: 1rem;
    max-width: 320px;
  }
}
.img-inner.float-left {
  float: left;
  margin-right: 2rem;
}
@media (max-width: 575.98px) {
  .img-inner.float-left {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
.img-inner.float-right {
  float: right;
  margin-left: 2rem;
}
@media (max-width: 575.98px) {
  .img-inner.float-right {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
.img-inner img {
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}
.img-inner p,
.img-inner figcaption {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
@media (max-width: 767.98px) {
  .img-inner p,
  .img-inner figcaption {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .img-inner p,
  .img-inner figcaption {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .img-inner p,
  .img-inner figcaption {
    text-align: center;
  }
}

.card {
  border-color: #C3C3C6;
  border-radius: 0;
  margin: 2rem 0;
  background-color: transparent;
}
@media (max-width: 575.98px) {
  .card {
    margin: 1.5rem auto;
  }
}
.card .card-header {
  font-weight: 600;
  color: rgb(0, 0, 0);
  padding: 1rem 1rem 0.8rem 2rem;
  line-height: 1.1;
  background-color: #C3C3C6;
  border-radius: 0;
  border-color: #C3C3C6;
}
@media (max-width: 575.98px) {
  .card .card-header {
    padding: 0.8rem 1rem 0.6rem 1.5rem;
  }
}
.card .card-body {
  background-color: rgb(255, 255, 255);
  padding: 1.5rem 2rem 1rem 2rem;
}
@media (max-width: 575.98px) {
  .card .card-body {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
  }
}
.card--warn {
  border: solid 1px #B42D5B;
}
.card--warn .card-header {
  color: rgb(255, 255, 255);
  border-color: #B42D5B;
  background-color: #B42D5B;
}
.card--info {
  border: solid 1px #008BD2;
}
.card--info .card-header {
  color: rgb(255, 255, 255);
  border-color: #008BD2;
  background-color: #008BD2;
}

.label--new {
  background-color: #008BD2;
  color: rgb(255, 255, 255);
}

.label--action {
  background-color: #B42D5B;
  color: rgb(255, 255, 255);
}

.label--sale {
  background-color: #de1904;
  color: rgb(255, 255, 255);
}

.label--markdown {
  background-color: #E27800;
  color: rgb(255, 255, 255);
}

.label--popular {
  background-color: #1FB244;
  color: rgb(255, 255, 255);
}

h1 {
  font-weight: 500;
  line-height: 1.1;
  font: 2.8rem Inter, Arial, Helvetica, sans-serif;
  margin: 0 0 3rem 0;
}
@media (max-width: 767.98px) {
  h1 {
    font: 2.1rem Inter, Arial, Helvetica, sans-serif;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  h1 {
    font: 1.9rem Inter, Arial, Helvetica, sans-serif;
    margin: 0 0 2rem 0;
  }
}
@media (max-width: 575.98px) {
  h1 {
    margin: 0 0 1.5rem 0;
  }
}
h1 strong {
  display: block;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  h1 strong {
    display: inline-block;
  }
}
h1 .h1--small {
  display: block;
  margin-top: 0.3rem;
  font-size: 1.7rem;
  line-height: 1.3;
  font-weight: 500;
}

h2,
.mainhdr {
  font: 4.8rem Inter, Arial, Helvetica, sans-serif;
  font-weight: 600 !important;
  color: #1D1D1F;
  margin-top: 0;
  margin-bottom: 3.5rem;
  line-height: 1.1;
}
@media (max-width: 767.98px) {
  h2,
  .mainhdr {
    font: 3.2rem Inter, Arial, Helvetica, sans-serif;
    margin-bottom: 3rem;
  }
}
@media (max-width: 575.98px) {
  h2,
  .mainhdr {
    font: 2.5rem Inter, Arial, Helvetica, sans-serif;
    margin-bottom: 1.5rem;
  }
}
h2 + h3,
.mainhdr + h3 {
  margin-top: -2rem;
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  h2 + h3,
  .mainhdr + h3 {
    margin-top: -2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  h2 + h3,
  .mainhdr + h3 {
    margin-top: -1rem;
    margin-bottom: 1rem;
  }
}
h2 + h4,
.mainhdr + h4 {
  margin-top: -2rem;
  margin-bottom: 2rem;
  font-size: 2.1rem;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}
@media (max-width: 767.98px) {
  h2 + h4,
  .mainhdr + h4 {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  h2 + h4,
  .mainhdr + h4 {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 1.7rem;
  }
}
h2 span,
.mainhdr span {
  color: #6E6E73;
}

h3 {
  font: 2.8rem Inter, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 1.7rem;
}
@media (max-width: 767.98px) {
  h3 {
    font: 2.1rem Inter, Arial, Helvetica, sans-serif;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  h3 {
    font: 1.9rem Inter, Arial, Helvetica, sans-serif;
    margin-bottom: 1.5rem;
  }
}

h4 {
  font: 2.1rem Inter, Arial, Helvetica, sans-serif;
  font-weight: 600 !important;
  line-height: 1.1;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  h4 {
    font: 1.9rem Inter, Arial, Helvetica, sans-serif;
  }
}
@media (max-width: 575.98px) {
  h4 {
    font: 1.7rem Inter, Arial, Helvetica, sans-serif;
  }
}
h4 + ul {
  margin-top: 0;
}
h4 strong {
  white-space: nowrap;
}

.h--centered {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767.98px) {
  .h--centered-md {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

button {
  transition: 0.3s;
}

button.disabled,
button.disabled:hover {
  background-color: rgba(110, 110, 115, 0.5) !important;
  color: rgb(0, 0, 0);
  box-shadow: none;
  opacity: 0.3;
}

.b-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2rem;
  min-width: 12rem;
  border: none;
  background: #1D1D1F;
  border-radius: 0;
  color: rgb(255, 255, 255);
  text-align: center;
}
.b-btn:hover {
  background: rgb(0, 0, 0);
}
@media (max-width: 767.98px) {
  .b-btn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.7rem;
  }
  .b-btn span {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .b-btn {
    width: 100%;
  }
}
.b-btn.btn--blue {
  background: #008BD2;
}
.b-btn.btn--blue:hover {
  background: #1D1D1F;
}
.b-btn.btn--contour {
  background: rgb(255, 255, 255);
  color: #008BD2;
  border: solid 1px rgba(0, 139, 210, 0.5);
}
.b-btn.btn--contour:hover {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  border-color: rgba(0, 0, 0, 0.5);
}
.b-btn i {
  position: relative;
  top: 1px;
  margin-right: 0.6rem;
}
.b-btn .fa-chevron-left {
  margin-right: 1rem !important;
  text-align: left;
  top: -1px;
}
.b-btn .fa-chevron-right {
  margin-left: 1rem !important;
  margin-right: 0 !important;
  text-align: right;
  top: -1px;
}

.b-more {
  display: block;
  text-align: center;
  font-size: 1.5rem;
  background: rgb(255, 255, 255);
  color: #1D1D1F;
  border: solid 1px #C3C3C6;
  padding: 1rem;
  margin-bottom: 1.5rem;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .b-more {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .b-more {
    font-size: 1.3rem;
  }
}
.b-more:hover {
  background: #F5F5F6;
  color: rgb(0, 0, 0);
  text-decoration: none;
}

.b-stepbtn {
  display: block;
  padding: 1.5rem 3rem;
  background: #1D1D1F;
  box-shadow: 0 2px 4px rgba(29, 29, 31, 0.3);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  margin-left: 2rem;
  margin-right: 2rem;
  text-align: center;
  min-width: 20rem;
  caret-color: transparent;
}
.b-stepbtn i {
  margin: 0;
}
.b-stepbtn:hover {
  text-decoration: none;
  color: rgb(255, 255, 255);
  background: #6E6E73;
  box-shadow: none;
}
.b-stepbtn.btn--contour {
  border: solid 1px #1D1D1F;
  background: rgb(255, 255, 255);
  color: #1D1D1F;
  padding: 1.5rem 1rem;
  min-width: 5rem;
  box-shadow: none;
}
.b-stepbtn.btn--contour:hover {
  color: #6E6E73;
  border-color: #6E6E73;
}

a {
  color: #008BD2;
  transition: 0.3s;
  text-decoration: none;
}
a:hover {
  color: rgb(0, 0, 0);
  text-decoration: underline;
}

a[href^=tel] {
  color: #1D1D1F;
  text-decoration: none !important;
  white-space: nowrap;
}

*:focus {
  outline: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.alink {
  display: inline-block;
  font-weight: 400;
  font-size: 2.1rem;
}
@media (max-width: 991.98px) {
  .alink {
    font-size: 1.9rem;
  }
}
@media (max-width: 767.98px) {
  .alink {
    font-size: 1.7rem;
  }
}
@media (max-width: 575.98px) {
  .alink {
    font-size: 1.5rem;
  }
}
.alink:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.7rem;
  content: "\f054";
  margin-left: 0.8rem;
}
@media (max-width: 767.98px) {
  .alink:after {
    font-size: 1.5rem;
    margin-left: 0.6rem;
  }
}
@media (max-width: 575.98px) {
  .alink:after {
    font-size: 1.4rem;
  }
}
.alink:hover {
  text-decoration: none;
}
.alink.aink--centered {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .alink.alink--centered-md {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.link-telegram {
  display: block;
  margin: 0 auto 4rem auto;
  text-align: center;
  background: #008BD2 url("../img/i-telegram.svg") right no-repeat;
  height: 41px;
  border: solid 3px #008BD2;
  border-radius: 40px;
  color: rgb(255, 255, 255);
  line-height: 35px;
  padding: 0 41px 0 16px;
}
@media (max-width: 575.98px) {
  .link-telegram {
    margin-bottom: 2rem;
  }
}
.link-telegram:hover {
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  text-decoration: none;
}

select:focus,
input:focus {
  outline: 1px dotted #C3C3C6;
  outline-offset: -3px;
  border-color: #C3C3C6;
}

input:invalid {
  border-color: rgba(110, 110, 115, 0.67);
}

label {
  color: #6E6E73;
  font-size: 1.7rem;
  cursor: pointer;
  line-height: 1.1 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
label.required:before {
  position: relative;
  top: -0.2rem;
  margin-right: 0.5rem;
  content: "\f069";
  color: #B42D5B;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  line-height: 1;
}
@media (max-width: 767.98px) {
  label {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  label {
    font-size: 1.5rem;
  }
}

::-webkit-input-placeholder {
  color: #D3D3D6;
}

:-moz-placeholder {
  color: #D3D3D6;
}

::-moz-placeholder {
  color: #D3D3D6;
}

:-ms-input-placeholder {
  color: #D3D3D6;
}

select {
  cursor: pointer;
}

option {
  padding: 1rem !important;
}

input[type=search] {
  -webkit-appearance: none;
  outline: none !important;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none;
}

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

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

input[type=checkbox] {
  width: 1.7rem;
  height: 1.7rem;
  min-width: 1.7rem;
  min-height: 1.7rem;
  margin: 0 0.8rem 0 0;
  position: relative;
}

input[type=radio] {
  width: 1.7rem;
  height: 1.7rem;
  min-width: 1.7rem;
  min-height: 1.7rem;
  margin: 0 0.8rem 0 0;
  position: relative;
}

.form-group {
  margin-bottom: 2rem;
}

.form-group:last-child {
  margin-bottom: 0;
}

.form-group.row {
  align-items: center;
}

.form-control {
  font-size: 1.7rem;
}
@media (max-width: 767.98px) {
  .form-control {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .form-control {
    font-size: 1.5rem;
  }
}

.form-select {
  font-size: 1.7rem;
  padding-right: 2rem;
}
@media (max-width: 767.98px) {
  .form-select {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .form-select {
    font-size: 1.5rem;
  }
}

.form-check {
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.form-check label {
  font-size: 1.7rem;
  color: #1D1D1F;
  padding: 0 5px;
}
.form-check:hover label {
  color: rgb(0, 0, 0);
}
.form-check .form-check-input {
  margin: 0;
  cursor: pointer;
}

.label--l {
  text-align: left;
}

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

.form-check-inline {
  margin-right: 2rem;
  margin-left: 0;
}
@media (max-width: 767.98px) {
  .form-check-inline {
    margin-right: 1rem;
  }
}

.col-form-label {
  margin-top: 0.3rem;
}
.col-form-label label {
  margin-bottom: 0 !important;
}

.form-note {
  font-size: 1.5rem;
  color: #6E6E73;
  margin-top: 2rem;
}

.inputnumber {
  display: flex;
}
.inputnumber button {
  border: none;
  width: 3.4rem;
  height: 3.4rem;
  background: #C3C3C6;
  color: #1D1D1F;
  opacity: 0.6;
  border-radius: 0.4rem;
}
.inputnumber button:hover {
  opacity: 1;
}
.inputnumber input {
  border: none;
  text-align: center;
  width: 5rem;
}
@media (max-width: 575.98px) {
  .inputnumber input {
    width: 4rem;
  }
}

.input-switch input[type=checkbox] {
  display: none;
}
.input-switch label {
  cursor: pointer;
  text-indent: -9999px;
  width: 5.4rem;
  height: 2.8rem;
  background: #6E6E73;
  display: block;
  border-radius: 2.8rem;
  position: relative;
  margin: 0;
  padding: 0;
}
.input-switch label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  border-radius: 2.4rem;
  transition: 0.3s;
}
.input-switch input:checked + label {
  background: #008BD2;
}
.input-switch input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.input-switch label:active:after {
  width: 3rem;
}

.slider {
  margin-left: 0;
  margin-right: 0;
  z-index: 9;
}
@media (max-width: 575.98px) {
  .slider {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.slider .slick-slide {
  display: block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.slider .slick-track {
  display: flex;
  align-items: stretch;
}
.slider .slick-next {
  right: 0 !important;
}

.slick-list {
  margin-bottom: 6rem;
}
.slick-loading .slick-list {
  background: #fff slick-image-url("../img/ajax-loader.gif") center no-repeat;
}

.slick-prev,
.slick-next {
  position: absolute;
  z-index: 10;
  display: block;
  cursor: pointer;
  font-size: 0;
  top: 0;
  height: 100%;
  width: 4rem;
  border: none;
  padding: 0;
  opacity: 0.5;
  background-size: cover;
}
.slick-prev:hover,
.slick-next:hover {
  opacity: 1;
}

.slick-prev {
  margin-left: -12px;
  background: url("../img/slick-l.svg") center center no-repeat;
  left: 0;
}

.slick-next {
  margin-right: -12px;
  background: url("../img/slick-r.svg") center center no-repeat;
  right: 0;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  position: absolute;
  bottom: -3rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .slick-dots li {
    margin: 0;
  }
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 0.5;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #1D1D1F;
  opacity: 0.3;
}
.slick-dots li.slick-active button:before {
  color: #1D1D1F;
  opacity: 0.75;
}

.slidepics {
  display: block;
  position: relative;
  max-width: 350px;
}
.slidepics .pics_hoverbar {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
@media (max-width: 991.98px) {
  .slidepics .pics_hoverbar {
    display: none;
  }
}
.slidepics .pics_hoverbar > div {
  width: 100%;
}
.slidepics .pics_hoverbar > div:hover {
  border-color: rgb(0, 0, 0);
}
.slidepics .pics_slide {
  margin-bottom: 0;
  background-color: #6E6E73;
}
@media (max-width: 991.98px) {
  .slidepics .pics_slide {
    margin-bottom: 1.5rem;
  }
}
.slidepics .pics_slide .slick-list {
  margin: 0;
}
.slidepics .pics_slide .slick-dots {
  bottom: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
  .slidepics .pics_slide .slick-dots {
    display: inline-block !important;
    bottom: -2.5rem;
  }
}
.slidepics .pics_slide .slick-dots li {
  margin: 0;
  width: 100%;
}
@media (max-width: 991.98px) {
  .slidepics .pics_slide .slick-dots li {
    width: 3rem;
    text-align: center;
  }
}
.slidepics .pics_slide .slick-dots button {
  height: 4rem;
  padding: 0;
}
.slidepics .pics_slide .slick-dots button:before {
  color: rgb(255, 255, 255);
  content: "";
  opacity: 0.5;
  border-bottom: solid 2px rgba(255, 255, 255, 0.5);
  width: 100%;
}
@media (max-width: 991.98px) {
  .slidepics .pics_slide .slick-dots button:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    color: #6E6E73;
    content: "\f111";
    border-bottom: none;
    font-size: 6px;
  }
}
.slidepics .pics_slide .slick-dots button:hover:before {
  border-color: rgb(0, 0, 0);
}
@media (max-width: 991.98px) {
  .slidepics .pics_slide .slick-dots button:hover:before {
    color: #6E6E73;
  }
}
.slidepics .pics_slide .slick-dots .slick-active button:before {
  color: rgb(255, 255, 255);
  opacity: 1;
  border-color: rgb(0, 0, 0);
}
@media (max-width: 991.98px) {
  .slidepics .pics_slide .slick-dots .slick-active button:before {
    color: rgb(0, 0, 0);
  }
}

.slider__item {
  display: inline-block;
  position: relative;
}

UL, OL {
  padding-left: 2rem;
  margin-top: 1.7rem;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  UL, OL {
    margin-top: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  UL, OL {
    margin-top: 1.5rem;
  }
}
UL > ul, OL > ul {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 2rem;
}
UL > ul > li, OL > ul > li {
  margin: 0.6rem 0;
}
UL > LI, OL > LI {
  margin: 0.8rem 0;
}

UL.ul--nolist {
  padding-left: 0;
  list-style: none;
}

.li--hdr {
  margin-left: -2rem;
  font-weight: 600;
  list-style: none;
}

ul.list-doc {
  padding-left: 0.5rem;
  list-style: none;
}
ul.list-doc > li {
  margin: 1.2rem 0;
}
ul.list-doc > li a {
  color: #1D1D1F;
}
ul.list-doc > li a:hover {
  text-decoration: none;
  color: rgb(0, 0, 0);
}
ul.list-doc > li a:hover i {
  color: #008BD2;
}
ul.list-doc i {
  color: #6E6E73;
  margin-right: 1.5rem;
  font-size: 2.3rem;
}

OL.ol--cont {
  counter-reset: li;
  list-style: none;
}
OL.ol--cont > li {
  margin: 0.8rem 0 0.8rem 1rem;
  position: relative;
  display: block;
}
OL.ol--cont > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -3rem;
  top: -1px;
  background: rgb(255, 255, 255);
  height: 22px;
  width: 22px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 19px;
  border: solid 1px #6E6E73;
  border-radius: 50%;
}

.table {
  margin-bottom: 4rem;
  color: #1D1D1F;
  border-color: #D3D3D6;
}
.table th {
  padding: 1.2rem;
  background-color: #D3D3D6;
  font-size: 1.5rem;
  font-weight: 600;
  border-left: solid 1px rgb(255, 255, 255);
}
@media (max-width: 767.98px) {
  .table th {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .table th {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .table th {
    padding: 1rem 0.5rem;
  }
}
.table th:first-child {
  border-left: solid 1px #D3D3D6;
}
.table th:last-child {
  border-right: solid 1px #D3D3D6;
}
.table td {
  padding: 1rem;
  background-color: rgb(255, 255, 255);
  border-bottom: solid 1px #D3D3D6;
  border-left: solid 1px rgb(255, 255, 255);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .table td {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .table td {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .table td {
    padding: 1rem 0.5rem;
  }
}
.table td:first-child {
  border-left: solid 1px #D3D3D6;
}
.table td:last-child {
  border-right: solid 1px #D3D3D6;
}
.table.table--hover tr:hover td {
  cursor: pointer;
  background-color: #F5F5F6;
}

.divtable {
  margin-bottom: 4rem;
  color: #1D1D1F;
}
.divtable .dtrow {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  border-bottom: solid 1px #D3D3D6;
  border-left: solid 1px #D3D3D6;
  border-right: solid 1px #D3D3D6;
  margin: 0;
  background-color: rgb(255, 255, 255);
}
@media (max-width: 575.98px) {
  .divtable .dtrow {
    display: block;
    border-top: solid 1px #D3D3D6;
    margin-bottom: -1px;
  }
}
.divtable .dtrow:last-child {
  margin-bottom: -1px;
}
.divtable .dtrow.dtrow--th {
  border-left: none;
  border-right: none;
}
@media (max-width: 575.98px) {
  .divtable .dtrow.dtrow--th {
    display: none;
  }
}
.divtable.divtable--hovered .dtrow--td:hover {
  cursor: pointer;
}
.divtable.divtable--hovered .dtrow--td:hover > .dt-td {
  background-color: #F5F5F6;
}
.divtable .dt-th {
  padding: 1.2rem;
  background-color: #D3D3D6;
  line-height: 1.1;
  font-size: 1.5rem;
  font-weight: 600;
  color: #1D1D1F;
  border-left: solid 1px rgb(255, 255, 255);
  overflow: hidden;
  flex-grow: 2;
  width: 15%;
}
@media (max-width: 767.98px) {
  .divtable .dt-th {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .divtable .dt-th {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .divtable .dt-th {
    padding: 1rem 0.5rem;
  }
}
.divtable .dt-th a {
  color: #1D1D1F;
  text-decoration: underline;
}
.divtable .dt-th a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.divtable .dt-th:first-child {
  border-left: 0;
}
.divtable .dt-td {
  padding: 1rem;
  line-height: 1.1;
  background: rgb(255, 255, 255);
  flex-grow: 2;
  width: 15%;
}
@media (max-width: 767.98px) {
  .divtable .dt-td {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .divtable .dt-td {
    font-size: 1.3rem;
    display: block;
    width: auto;
    padding: 0.5rem 1rem;
    line-height: 1.1;
  }
}
.divtable .dt-td .dt-tt {
  display: none;
}
@media (max-width: 575.98px) {
  .divtable .dt-td .dt-tt {
    display: block;
    line-height: 1.1;
    font-size: 1.2rem;
    color: #6E6E73;
    padding-bottom: 0.1rem;
  }
}

.tr--empty td {
  background: none !important;
  border: none !important;
  cursor: default !important;
  overflow: hidden;
}

.th--price,
.td--price {
  flex-grow: 1;
  text-align: right;
}
@media (max-width: 575.98px) {
  .th--price,
  .td--price {
    text-align: left;
  }
}

.td--price {
  white-space: nowrap;
}
.td--price i {
  font-size: 12px;
  margin-left: 0.3rem;
}

.rating {
  display: inline-block;
  padding-left: 85px;
  padding-top: 2px;
  color: rgb(0, 0, 0);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 80px;
  line-height: 1;
  min-height: 13px;
  margin-left: 1rem;
}
@media (max-width: 767.98px) {
  .rating {
    margin-left: 0;
  }
}
.rating.rate--00 {
  background-image: url("../img/rs00.svg");
}
.rating.rate--05 {
  background-image: url("../img/rs05.svg");
}
.rating.rate--10 {
  background-image: url("../img/rs10.svg");
}
.rating.rate--15 {
  background-image: url("../img/rs15.svg");
}
.rating.rate--20 {
  background-image: url("../img/rs20.svg");
}
.rating.rate--25 {
  background-image: url("../img/rs25.svg");
}
.rating.rate--30 {
  background-image: url("../img/rs30.svg");
}
.rating.rate--35 {
  background-image: url("../img/rs35.svg");
}
.rating.rate--40 {
  background-image: url("../img/rs40.svg");
}
.rating.rate--45 {
  background-image: url("../img/rs45.svg");
}
.rating.rate--50 {
  background-image: url("../img/rs50.svg");
}

[class*=-ground-pane] {
  filter: contrast(120%);
  filter: grayscale(88%);
}

.ui-slider {
  position: relative;
  margin: 0;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  border: solid 2px #008BD2;
  cursor: pointer;
}
.ui-slider .ui-slider-handle:focus {
  outline: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 1.2rem;
  display: block;
  border: 0;
  overflow: hidden;
  background: #008BD2;
}

.ui-slider-horizontal {
  height: 4px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -7px;
  margin-left: -9px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-widget-content {
  background: #C3C3C6;
}

.ui-corner-all {
  border-radius: 3rem;
}

.tooltip {
  opacity: 1 !important;
}
.tooltip .tooltip-inner {
  line-height: 1.1 !important;
  padding: 0.3rem 0.8rem 0.6rem 0.8rem !important;
  background-color: #1D1D1F !important;
  font-size: 1.3rem !important;
  max-width: 80rem !important;
}

.prop-tooltip {
  display: inline-block;
  font-size: 1.3rem;
  background: rgba(195, 195, 198, 0.5);
  width: 1.7rem;
  height: 1.7rem;
  text-align: center;
  line-height: 1.7rem;
  margin-left: 0.8rem;
  cursor: pointer;
  caret-color: transparent;
  position: relative;
  top: -1px;
}
@media (max-width: 767.98px) {
  .prop-tooltip {
    top: 0;
  }
}
.prop-tooltip:hover {
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.select2-container--default li {
  margin: 0 !important;
}
.select2-container--default .select2-results__option--selected {
  background-color: rgba(195, 195, 198, 0.5);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #008BD2;
  color: white;
}

.select2-selection__rendered {
  line-height: 33px !important;
}

.select2-selection--single {
  height: 35px !important;
}

.select2-selection__arrow {
  height: 33px !important;
  top: 50% !important;
  margin-top: -16px !important;
}

.select2-dropdown {
  border: 1px solid #C3C3C6;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(29, 29, 31, 0.2);
  margin-top: 1px;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #C3C3C6;
}

.select2-results__options {
  max-height: 240px !important;
  font-size: 1.5rem;
}

.select2type.selector--simple selector {
  margin: 0 -5px;
  padding: 0 2rem 0 0.5rem;
  width: 100%;
  border: none;
  background: url("../img/i-selector.svg") center right no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .select2type.selector--simple selector {
    margin-right: 5px;
  }
}
@media (max-width: 575.98px) {
  .select2type.selector--simple selector {
    margin-right: 5px;
  }
}
.select2type.selector--simple .select2-selection--single {
  border: none !important;
  height: inherit !important;
  width: 100% !important;
}
.select2type.selector--simple .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 25px;
  color: #1D1D1F !important;
  line-height: 1.1 !important;
}
.select2type.selector--simple .select2-selection__arrow {
  right: 5px !important;
  width: 15px !important;
  background: url("../img/i-selector.svg") center right no-repeat;
}
.select2type.selector--simple .select2-selection__arrow b {
  border-color: transparent !important;
}
.select2type.selector--colorchoice .select2-selection__rendered span {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.select2type.selector--colorchoice .product-color {
  position: relative;
  top: -1px;
}

.flex-images {
  overflow: hidden;
}
.flex-images:hover .item {
  opacity: 0.85;
  filter: grayscale(1);
}
.flex-images .item {
  float: left;
  margin: 0;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  border: solid 1px transparent;
  transition: 0.3s;
}
.flex-images .item:hover {
  border-color: rgb(255, 255, 255);
  opacity: 1;
  filter: grayscale(0);
}
.flex-images .item:hover img {
  scale: 1.03;
}
.flex-images .item img {
  display: block;
  width: auto;
  height: 100%;
  transition: 0.3s;
}
.flex-images .item .flex-num {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  top: 0;
  left: 0;
  z-index: 2;
}

.block-main {
  margin: 4rem auto 0 auto;
  text-align: center;
}
.block-main__gutewetter {
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .block-main__gutewetter {
    margin-bottom: 3rem;
  }
}
@media (max-width: 575.98px) {
  .block-main__gutewetter {
    margin-bottom: 2rem;
  }
}
.block-main__gutewetter img {
  width: 70%;
  max-width: 540px;
  height: auto;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.block-main__gutewetter__slogan {
  font-size: 2.8rem;
  margin: 0;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .block-main__gutewetter__slogan {
    font-size: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .block-main__gutewetter__slogan {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .block-main__gutewetter__slogan {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .block-main__gutewetter__slogan {
    font-size: 1.2rem;
  }
}
.block-main__links {
  white-space: nowrap;
}
.block-main__links a {
  margin: 0 2rem;
  white-space: nowrap;
}
.block-main__links a:first-child {
  margin-left: 0;
}
.block-main__links a:last-child {
  margin-right: 0;
}
.block-main__illustration {
  margin-top: 4rem;
}
@media (max-width: 767.98px) {
  .block-main__illustration {
    margin-top: 3rem;
  }
}
@media (max-width: 575.98px) {
  .block-main__illustration {
    margin-top: 2rem;
  }
}
.block-main__illustration img {
  width: 100%;
  max-width: 640px;
  height: auto;
}

.block-search {
  margin: 4rem auto 0 auto;
  text-align: center;
}
.block-search h3 {
  font-weight: 700;
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .block-search h3 {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .block-search h3 {
    font-size: 2.1rem !important;
    margin-bottom: 1rem;
  }
}
.block-search__catalog-form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
  margin-right: 10%;
}
@media (max-width: 767.98px) {
  .block-search__catalog-form {
    margin-left: 5%;
    margin-right: 5%;
  }
}
@media (max-width: 575.98px) {
  .block-search__catalog-form {
    margin-left: 0;
    margin-right: 0;
  }
}
.block-search__catalog-form__btn {
  height: 5.5rem;
  width: 5rem;
  background: rgb(255, 255, 255) url("../img/lupa-catalog.svg") center center no-repeat;
  border: solid 1px #C3C3C6;
  border-right: none;
  border-radius: 0.4rem 0 0 0.4rem;
}
@media (max-width: 767.98px) {
  .block-search__catalog-form__btn {
    height: 5rem;
    width: 4rem;
  }
}
.block-search__catalog-form__fld {
  height: 5.5rem;
  width: 100%;
  background: rgb(255, 255, 255);
  border: solid 1px #C3C3C6;
  border-left: none;
  border-radius: 0 0.4rem 0.4rem 0;
  font-size: 1.7rem;
  padding-left: 1rem;
}
@media (max-width: 767.98px) {
  .block-search__catalog-form__fld {
    height: 5rem;
  }
}

.block-filter {
  position: relative;
  font-size: 1.3rem;
  margin-left: 15px;
  margin-right: 15px;
}
@media (max-width: 767.98px) {
  .block-filter {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .block-filter {
    font-size: 1.2rem;
  }
}
.block-filter .flt {
  margin-bottom: 3rem;
}
.block-filter .flt::after {
  display: block;
  clear: both;
  content: "";
}
@media (max-width: 767.98px) {
  .block-filter .flt {
    margin-bottom: 2rem;
  }
}
@media (max-width: 767.98px) {
  .block-filter .flt--form {
    margin-top: -1.5rem;
    margin-bottom: 0;
  }
}
.block-filter .flt--inlinecheck .flt__body {
  margin-top: -0.5rem;
  display: flex;
  flex-wrap: wrap;
}
.block-filter .flt--inlinecheck .flt__body label {
  display: block;
  margin-right: 2rem;
  padding: 0.5rem 0;
}
.block-filter .flt .flt__hdr {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .block-filter .flt .flt__hdr {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .block-filter .flt .flt__hdr {
    font-size: 1.3rem;
  }
}
.block-filter .filter__form {
  display: block;
  margin-bottom: 1rem;
  margin-left: 5%;
  margin-right: 5%;
}
@media (max-width: 767.98px) {
  .block-filter .filter__form {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
.block-filter .filter__form .form__item {
  z-index: 9;
  cursor: pointer;
  text-align: center;
  opacity: 0.7;
  color: rgb(0, 0, 0);
}
@media (max-width: 767.98px) {
  .block-filter .filter__form .form__item {
    opacity: 1;
  }
}
.block-filter .filter__form .form__item:hover {
  color: rgb(0, 0, 0);
  opacity: 1;
  text-decoration: none;
}
.block-filter .filter__form .form__item:hover.active {
  color: #008BD2;
  opacity: 1;
}
.block-filter .filter__form .form__item.check {
  opacity: 1;
  cursor: default;
}
.block-filter .filter__form .form__item.check img {
  background-color: rgba(195, 195, 198, 0.5) !important;
  border-radius: 0.4rem;
}
.block-filter .filter__form .form__item img {
  display: block;
  width: auto;
  height: 80px;
  min-width: 80px;
  padding: 1rem;
  margin: 0 auto;
}
.block-filter .filter__form .slick-list {
  margin: 0 15px;
}
.block-filter .filter__form .slick-dots li button:before {
  font-size: 20px;
  line-height: 20px;
}
.block-filter .filter__form .slick-prev,
.block-filter .filter__form .slick-next {
  width: 3.4rem;
  opacity: 1 !important;
}
.block-filter .filter__form .slick-prev {
  margin-left: -20px;
  background: #F5F5F6 url("../img/slick-sl.svg") center center no-repeat;
  border-right: solid 1px #C3C3C6;
}
.block-filter .filter__form .slick-next {
  margin-right: -20px;
  background: #F5F5F6 url("../img/slick-sr.svg") center center no-repeat;
  border-left: solid 1px #C3C3C6;
}
.block-filter label {
  display: flex;
  flex-wrap: nowrap;
  white-space: normal;
  align-items: center;
  justify-content: flex-start;
  color: #1D1D1F;
  cursor: pointer;
  font-size: 1.3rem;
}
.block-filter label:hover {
  color: rgb(0, 0, 0);
}
.block-filter ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.block-filter ul > li {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .block-filter ul > li {
    margin-bottom: 1rem;
  }
}
.block-filter .inputslider__popval {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  height: 3rem;
}
.block-filter .inputslider__popval .popval-val {
  color: #1D1D1F;
  background: rgba(195, 195, 198, 0.5);
  padding: 0.6rem 0.8rem 0.5rem 0.8rem;
  margin: 0 1rem 2rem 0;
  cursor: pointer;
  caret-color: transparent;
}
@media (max-width: 767.98px) {
  .block-filter .inputslider__popval .popval-val {
    margin: 0 0.5rem 2rem 0;
  }
}
.block-filter .inputslider__popval .popval-val:hover {
  color: rgb(0, 0, 0);
  background: #C3C3C6;
}
.block-filter .inputslider {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  margin-bottom: 2.3rem;
}
.block-filter .inputslider .inputslider__hdr {
  font-size: 1.5rem;
  font-weight: 600;
  min-width: 9.5rem;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .block-filter .inputslider .inputslider__hdr {
    font-size: 1.4rem;
    min-width: 8.5rem;
  }
}
@media (max-width: 575.98px) {
  .block-filter .inputslider .inputslider__hdr {
    font-size: 1.3rem;
  }
}
.block-filter .inputslider .inputslider__slider {
  width: 100%;
  margin: 0 1.5rem 0 1rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 350px) {
  .block-filter .inputslider .inputslider__slider {
    display: none;
  }
}
.block-filter .inputslider .inputslider__inputval {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.block-filter .inputslider .inputslider__inputval input {
  text-align: center;
  width: 4rem !important;
  font-size: 1.3rem !important;
  line-height: 1;
  padding: 5px 3px;
  margin: 0 0.6rem;
}
@media (max-width: 767.98px) {
  .block-filter .inputslider .inputslider__inputval input {
    margin: 0 0.3rem;
  }
}
@media (max-width: 350px) {
  .block-filter .inputslider .inputslider__inputval input {
    width: 6rem !important;
    margin: 0 0.8rem;
  }
}

.b-filter {
  width: 100%;
  font-size: 1.7rem;
  font-weight: 500;
  background: rgba(227, 227, 231, 0.5);
  text-align: center;
  color: #008BD2;
  border: none;
  border-radius: 0;
  padding: 1.2rem;
  margin: 2rem auto 0 auto;
}
@media (max-width: 767.98px) {
  .b-filter {
    font-size: 1.5rem;
    margin-top: 0;
  }
}
@media (max-width: 575.98px) {
  .b-filter {
    font-size: 1.5rem;
  }
}
.b-filter:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f054";
  margin-left: 0.8rem;
}
.b-filter:hover {
  color: rgb(0, 0, 0);
  background: #C3C3C6;
}

.block-categoryfilter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-categoryfilter .categoryfilter__item {
  flex: 1 1 10rem;
  text-align: center;
  color: #1D1D1F;
  font-size: 1.3rem;
  margin: 0 1rem 1rem 1rem;
  max-width: 15rem;
  transition: 0.3s;
}
.block-categoryfilter .categoryfilter__item:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.block-categoryfilter .categoryfilter__item:hover img {
  background-color: rgba(195, 195, 198, 0.5) !important;
  border-radius: 0.4rem;
}
.block-categoryfilter .categoryfilter__item.check {
  cursor: default;
  color: rgb(0, 0, 0);
}
.block-categoryfilter .categoryfilter__item.check img {
  background-color: rgba(195, 195, 198, 0.5) !important;
  border-radius: 0.4rem;
}
.block-categoryfilter .categoryfilter__item img {
  display: block;
  width: auto;
  height: 80px;
  min-width: 80px;
  padding: 1rem;
  margin: 0 auto;
}

.block-actions-idx .actions__item img {
  width: 100%;
  height: auto;
}

.block-advmain img {
  width: 100%;
  height: auto;
}

.block-reference-idx {
  margin-top: 4rem;
}
.block-reference-idx .slick-list {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media (max-width: 991.98px) {
  .block-reference-idx .slick-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.block-reference-idx .reference__item {
  display: block;
  text-align: center;
  color: #1D1D1F;
  margin-left: 1rem;
  margin-right: 1rem;
}
.block-reference-idx .reference__item img {
  width: 100%;
  max-width: 220px;
  height: auto;
  margin: 0 auto 2rem auto;
}
.block-reference-idx .reference__item .reference__item_hdr {
  font-weight: 500;
  color: #1D1D1F;
  text-align: center;
  margin-bottom: 1rem;
}
.block-reference-idx .reference__item .reference__item_note {
  font-size: 1.5rem;
  color: #6E6E73;
  text-align: center;
}
@media (max-width: 767.98px) {
  .block-reference-idx .reference__item .reference__item_note {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-reference-idx .reference__item .reference__item_note {
    font-size: 1.3rem;
  }
}
.block-reference-idx .reference__item:hover {
  text-decoration: none;
}
.block-reference-idx .reference__item:hover .reference__item_hdr {
  color: #008BD2 !important;
}

.block-professional-idx {
  padding-top: 8rem;
  padding-bottom: 4rem;
  border-bottom: solid 1px #C3C3C6;
}
@media (max-width: 767.98px) {
  .block-professional-idx {
    padding-top: 6rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  .block-professional-idx {
    padding-top: 4rem;
    padding-bottom: 0;
  }
}
.block-professional-idx .professional__item {
  display: block;
  text-align: center;
  color: #1D1D1F;
  margin-bottom: 4rem;
}
.block-professional-idx .professional__item img {
  width: 100%;
  max-width: 80px;
  height: auto;
  margin: 0 auto 2rem auto;
}
@media (max-width: 767.98px) {
  .block-professional-idx .professional__item img {
    margin-bottom: 1rem;
  }
}
.block-professional-idx .professional__item .professional__item_hdr {
  font-weight: 500;
  color: #1D1D1F;
  text-align: center;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .block-professional-idx .professional__item .professional__item_hdr {
    margin-bottom: 0.5rem;
  }
}
.block-professional-idx .professional__item .professional__item_note {
  font-size: 1.5rem;
  color: #6E6E73;
  text-align: center;
}
@media (max-width: 767.98px) {
  .block-professional-idx .professional__item .professional__item_note {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-professional-idx .professional__item .professional__item_note {
    font-size: 1.3rem;
  }
}
.block-professional-idx .professional__item:hover {
  text-decoration: none;
}
.block-professional-idx .professional__item:hover .professional__item_hdr {
  color: #008BD2 !important;
}

.block-matrix-idx {
  margin-bottom: 10px;
  position: relative;
}
.block-matrix-idx img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.block-matrix-idx .matrix__link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: right;
  padding: 1.5rem 4rem 1.5rem 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
}
.block-matrix-idx .matrix__link:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.7rem;
  content: "\f054";
  margin-left: 0.8rem;
}
@media (max-width: 767.98px) {
  .block-matrix-idx .matrix__link:after {
    font-size: 1.5rem;
    margin-left: 0.6rem;
  }
}
@media (max-width: 575.98px) {
  .block-matrix-idx .matrix__link:after {
    font-size: 1.4rem;
  }
}

.block-signs {
  margin-top: 4rem;
}
.block-signs .signs__item {
  margin: 0 1rem 4rem 1rem;
  font-size: 1.3rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .block-signs .signs__item {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .block-signs .signs__item {
    font-size: 1.2rem;
  }
}
.block-signs .signs__item img {
  display: block;
  width: 100%;
  max-width: 120px;
  height: auto;
  border-radius: 50%;
  background-color: #1D1D1F;
  margin: 0 auto 1rem auto;
}
@media (max-width: 767.98px) {
  .block-signs .signs__item img {
    max-width: 100px;
  }
}
@media (max-width: 575.98px) {
  .block-signs .signs__item img {
    max-width: 80px;
  }
}

.block-mymap-idx {
  width: 100%;
  height: 400px;
  padding: 0 0 0 3rem;
}
@media (max-width: 767.98px) {
  .block-mymap-idx {
    padding: 0;
    margin: 4rem 0 0 0;
  }
}

.block-mymap-idx {
  width: 100%;
  height: 400px;
  padding: 0 0 0 3rem;
}
@media (max-width: 767.98px) {
  .block-mymap-idx {
    padding: 0;
    margin: 4rem 0 0 0;
  }
}

.block-wtbmap {
  margin-top: 4rem;
  width: 100%;
  height: 700px;
}
@media (max-width: 767.98px) {
  .block-wtbmap {
    height: 400px;
  }
}
@media (max-width: 575.98px) {
  .block-wtbmap {
    height: 300px;
  }
}
@media (max-width: 575.98px) {
  .block-wtbmap {
    height: 600px;
  }
}

.block-dealermap {
  width: 100%;
  height: 700px;
}
@media (max-width: 767.98px) {
  .block-dealermap {
    height: 400px;
  }
}
@media (max-width: 575.98px) {
  .block-dealermap {
    height: 300px;
  }
}
@media (max-width: 575.98px) {
  .block-dealermap {
    height: 600px;
  }
}

.block-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  color: #6E6E73;
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .block-tools {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-tools {
    font-size: 1.3rem;
  }
}
.block-tools .tools__val {
  white-space: nowrap;
}
.block-tools .tools__val .val {
  color: #1D1D1F;
}
.block-tools select {
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 575.98px) {
  .block-tools select {
    background: #F5F5F6;
    padding: 0.2rem 0.8rem 0.4rem 0.8rem;
    border-radius: 0.4rem;
  }
}

@media (min-width: 768px) {
  .block-faq {
    margin-left: 0.8rem;
  }
}
.block-faq .faq__item {
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .block-faq .faq__item {
    margin-bottom: 3rem;
  }
}
@media (max-width: 575.98px) {
  .block-faq .faq__item {
    margin-bottom: 2rem;
  }
}
.block-faq .faq__item-q {
  font-size: 2.1rem;
  font-weight: 500;
  padding-left: 4rem;
  caret-color: transparent;
}
@media (max-width: 767.98px) {
  .block-faq .faq__item-q {
    font-size: 1.9rem;
    cursor: pointer;
  }
}
@media (max-width: 575.98px) {
  .block-faq .faq__item-q {
    font-size: 1.7rem;
  }
}
@media (max-width: 575.98px) {
  .block-faq .faq__item-q {
    padding-left: 3rem;
  }
}
.block-faq .faq__item-q:before {
  font-family: "Font Awesome 5 Pro";
  color: #008BD2;
  content: "\f4b6";
  font-weight: 300 !important;
  margin-right: 0.6rem;
  margin-left: -3.5rem;
}
@media (max-width: 767.98px) {
  .block-faq .faq__item-q:before {
    margin-left: -3.2rem;
  }
}
@media (max-width: 575.98px) {
  .block-faq .faq__item-q:before {
    margin-left: -2.9rem;
  }
}
.block-faq .faq__item-a {
  margin-left: 4rem;
  margin-top: 0.6rem;
}
@media (max-width: 575.98px) {
  .block-faq .faq__item-a {
    margin-left: 3rem;
  }
}
.block-faq .faq__item-a p {
  line-height: 1.47;
}

.idx-product-tabs {
  justify-content: center;
  border-bottom: none;
}
.idx-product-tabs > li {
  margin: 0;
}
.idx-product-tabs > li > button {
  font-size: 2.1rem;
  color: #6E6E73;
  background-color: transparent;
  border: none;
  padding: 1rem 0 1.2rem 0;
  margin: 0 2rem;
  transition: none;
}
@media (max-width: 767.98px) {
  .idx-product-tabs > li > button {
    font-size: 1.9rem;
    padding-bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .idx-product-tabs > li > button {
    font-size: 1.7rem;
  }
}
.idx-product-tabs > li > button:hover {
  color: #1D1D1F;
}
.idx-product-tabs > li > button.active {
  color: #1D1D1F;
  border-bottom: solid 2px #1D1D1F;
  margin-bottom: -1px;
}

.idx-product-tab-content {
  border-top: solid 1px #C3C3C6;
  border-bottom: solid 1px #C3C3C6;
  min-height: 10rem;
  padding-top: 4rem;
  padding-bottom: 6rem;
}
@media (max-width: 767.98px) {
  .idx-product-tab-content {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.block-productcategory-idx .productcategory__item {
  display: block;
  color: #6E6E73;
  text-align: center;
  margin-bottom: 4rem;
}
.block-productcategory-idx .productcategory__item span {
  color: #1D1D1F;
}
.block-productcategory-idx .productcategory__item_img {
  display: block;
  overflow: hidden;
  max-width: 160px;
  border: solid 1px #dee2e6;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .block-productcategory-idx .productcategory__item_img {
    margin-bottom: 1rem;
  }
}
.block-productcategory-idx .productcategory__item_img img {
  width: 100%;
  height: auto;
  transition: 0.3s;
}
.block-productcategory-idx .productcategory__item:hover {
  color: #008BD2;
  text-decoration: none;
}
.block-productcategory-idx .productcategory__item:hover span {
  color: #008BD2;
}
.block-productcategory-idx .productcategory__item:hover img {
  scale: 1.05;
}

.menu-productcategory {
  list-style: none;
  margin: 0 0 2rem 0;
  padding: 0;
}
.menu-productcategory > li {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  color: #1D1D1F;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .menu-productcategory > li {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .menu-productcategory > li {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
}
.menu-productcategory > li:hover {
  text-decoration: none;
  color: #008BD2;
}
.menu-productcategory > li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  font-weight: 300;
  margin-right: 0.8rem;
  color: #6E6E73;
}
.menu-productcategory .root {
  font-size: 1.7rem;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 2rem;
}
.menu-productcategory .root:before {
  content: "";
  margin-right: 0;
}
@media (max-width: 767.98px) {
  .menu-productcategory .root {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .menu-productcategory .root {
    font-size: 1.5rem;
  }
}
.menu-productcategory .active,
.menu-productcategory .active:hover {
  color: rgb(0, 0, 0) !important;
  font-weight: 600;
  cursor: default;
}
.menu-productcategory a {
  color: #1D1D1F;
}
.menu-productcategory a:hover {
  text-decoration: none;
  color: #008BD2;
}

.block-productcategory {
  display: flex;
  flex-wrap: wrap;
}
.block-productcategory.active {
  display: flex;
}
.block-productcategory .productcategory__item {
  display: block;
  color: #1D1D1F;
  text-align: center;
  margin: 0 1rem 2rem 0;
  font-size: 1.5rem;
  width: 130px;
}
@media (max-width: 767.98px) {
  .block-productcategory .productcategory__item {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    width: 100px;
  }
}
@media (max-width: 575.98px) {
  .block-productcategory .productcategory__item {
    font-size: 1.3rem;
  }
}
.block-productcategory .productcategory__item span {
  color: #1D1D1F;
}
.block-productcategory .productcategory__item_img {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: solid 1px #dee2e6;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgb(255, 255, 255);
  width: 130px;
  height: 130px;
}
@media (max-width: 767.98px) {
  .block-productcategory .productcategory__item_img {
    margin-bottom: 0.5rem;
    width: 100px;
    height: 100px;
  }
}
.block-productcategory .productcategory__item_img img {
  width: 100%;
  height: auto;
  opacity: 0.75;
  transition: 0.3s;
}
.block-productcategory .productcategory__item:hover {
  text-decoration: none;
  color: #008BD2;
}
.block-productcategory .productcategory__item:hover img {
  opacity: 1;
}

.productcategory--sub .productcategory__item_img img {
  height: 80px;
  min-width: 80px;
}

.pc--uncolored {
  background: #FFFFFF url("../img/uncolor.svg") center center;
}

.pc--white-matte {
  background: #E5E5E5;
}

.pc--white-blchd {
  background: #F3F3F3;
}

.pc--matte {
  background: #DDDDDD;
}

.pc--chrom-brlnt {
  background: #c2c4d5;
}

.pc--chrom-matte {
  background: #95999a;
}

.pc--grafite {
  background: #444444;
}

.pc--grafite-matte {
  background: #555555;
}

.pc--black-matte {
  background: #111111;
}

.pc--bronze {
  background: #ba8548;
}

.pc--bronze-matte {
  background: #a78155;
}

.pc--gold-galv {
  background: #b09646;
}

.pc--gold-metal {
  background: #9c7f30;
}

.pc--none {
  display: none !important;
}

.product-color {
  float: left;
  display: inline-block;
  width: 1.9rem;
  height: 1.9rem;
  min-width: 1.9rem;
  min-height: 1.9rem;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33);
  margin-right: 0.8rem;
}
@media (max-width: 575.98px) {
  .product-color {
    width: 1.7rem;
    height: 1.7rem;
    min-width: 1.7rem;
    min-height: 1.7rem;
    margin-right: 0.5rem;
    position: relative;
    top: -1px;
  }
}

.block-productlist {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .block-productlist {
    margin-bottom: 1rem;
  }
}
.block-productlist > .row [class*=col-] {
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .block-productlist > .row [class*=col-] {
    margin-bottom: 3rem;
  }
}
.block-productlist .productlist__item {
  position: relative;
  background: #F5F5F6;
  height: 100%;
  max-width: 35rem;
  padding-bottom: 6rem;
  caret-color: transparent;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item {
    padding-bottom: 5rem;
  }
}
.block-productlist .productlist__item-pics {
  display: block;
  position: relative;
}
.block-productlist .productlist__item-pics .productlist__item-pics_slide {
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-pics .productlist__item-pics_slide {
    margin-bottom: 1rem;
  }
}
.block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-list {
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-list {
    margin-bottom: 2.5rem;
  }
}
.block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots {
  bottom: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots {
    display: inline-block !important;
    bottom: -2.3rem;
  }
}
.block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots li {
  margin: 1px;
  width: 100%;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots li {
    width: 4rem;
  }
}
.block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots button {
  height: 2rem;
  padding: 0;
}
.block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots button:before {
  color: #1D1D1F;
  content: "";
  font-weight: bold;
  border-bottom: solid 4px rgba(29, 29, 31, 0.5);
  width: 100%;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots button:before {
    font-family: "Font Awesome 5 Pro";
    color: #6E6E73;
    content: "\f111";
    border-bottom: none;
    font-size: 7px;
  }
}
.block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots button:hover:before {
  border-color: rgba(29, 29, 31, 0.7);
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots button:hover:before {
    color: #1D1D1F;
  }
}
.block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots .slick-active button:before {
  color: #1D1D1F;
  opacity: 0.5;
  border-color: #1D1D1F;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-pics .productlist__item-pics_slide .slick-dots .slick-active button:before {
    color: #1D1D1F;
  }
}
.block-productlist .productlist__item-pics .productlist__item-pics_hoverbar {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-pics .productlist__item-pics_hoverbar {
    display: none;
  }
}
.block-productlist .productlist__item-pics .productlist__item-pics_hoverbar > div {
  width: 100%;
}
.block-productlist .productlist__item-onepic {
  display: block;
  margin-bottom: 1.5rem;
}
.block-productlist .productlist__item-onepic img {
  width: 100%;
  height: auto;
}
.block-productlist .productlist__item-label {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
}
.block-productlist .productlist__item-label .item-label_label {
  font-size: 1.3rem;
  padding: 0.4rem 1rem 0.5rem 1rem;
}
.block-productlist .productlist__item-label .item-label_action {
  position: absolute;
  width: 60px;
  height: 60px;
  top: -2px;
  left: -2px;
}
.block-productlist .productlist__item-label .item-label_action.label_action--new {
  background: url("../img/ipl-new.png") no-repeat;
}
.block-productlist .productlist__item-label .item-label_action.label_action--sale {
  background: url("../img/ipl-sale.png") no-repeat;
}
.block-productlist .productlist__item-label .item-label_72h {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0.5rem;
  right: 0.5rem;
  background: rgba(0, 139, 210, 0.75) url("../img/ipl-72h.svg") center center no-repeat;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 50%;
  border: solid 1px rgb(255, 255, 255);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.block-productlist .productlist__item-72h {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 40px;
  height: 40px;
  background: rgba(29, 29, 31, 0.75) url("../img/72h.svg") center center no-repeat;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.block-productlist .productlist__item-bfav,
.block-productlist .productlist__item-bcompare {
  position: absolute;
  z-index: 5;
  width: 30px;
  height: 30px;
  line-height: 31px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: none;
  border-radius: 50%;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 17px;
  color: #1D1D1F;
  padding: 0 !important;
}
.block-productlist .productlist__item-bfav:hover,
.block-productlist .productlist__item-bcompare:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.block-productlist .productlist__item-bfav.active,
.block-productlist .productlist__item-bcompare.active {
  background-color: #1D1D1F;
  color: #C3C3C6;
}
.block-productlist .productlist__item-bfav {
  top: 5px;
  right: 5px;
}
.block-productlist .productlist__item-bfav:before {
  content: "\f004";
}
.block-productlist .productlist__item-bcompare {
  top: 5px;
  right: 40px;
  line-height: 29px;
  font-size: 15px;
}
.block-productlist .productlist__item-bcompare:before {
  content: "\f516";
}
.block-productlist .productlist__item-title {
  display: block;
  text-decoration: none;
  font-size: 1.7rem;
  text-align: center;
  color: #1D1D1F;
  font-weight: 500;
  margin: 0 1rem 1rem 1rem;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .block-productlist .productlist__item-title {
    font-size: 1.5rem;
  }
}
.block-productlist .productlist__item-title strong {
  display: block;
  text-align: center;
  font-weight: 600;
}
.block-productlist .productlist__item-title:hover {
  color: #008BD2;
}
.block-productlist .productlist__item-descript {
  padding: 0.5rem 2rem;
}
.block-productlist .item-descript__colors {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 1.3rem;
  color: #6E6E73;
  margin: 0 -0.5rem 0.5rem 0;
}
@media (max-width: 767.98px) {
  .block-productlist .item-descript__colors {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .block-productlist .item-descript__colors {
    font-size: 1.2rem;
  }
}
.block-productlist .item-descript__colors .colors__hdr {
  line-height: 1.1;
}
.block-productlist .item-descript__colors .colors__color {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.block-productlist .item-descript__colors .colors__color .product-color {
  margin: 0 0.2rem;
}
.block-productlist .item-descript__sizes {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 1.3rem;
  color: #6E6E73;
  margin: 0 0 0.5rem 0;
}
@media (max-width: 767.98px) {
  .block-productlist .item-descript__sizes {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .block-productlist .item-descript__sizes {
    font-size: 1.2rem;
  }
}
.block-productlist .item-descript__sizes .sizes__hdr {
  line-height: 1.1;
}
.block-productlist .item-descript__sizes .sizes__size {
  color: #1D1D1F;
  font-size: 1.5rem;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .block-productlist .item-descript__sizes .sizes__size {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-productlist .item-descript__sizes .sizes__size {
    font-size: 1.3rem;
  }
}
.block-productlist .productlist__item-more {
  position: absolute;
  z-index: 9;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: baseline;
  padding: 1.2rem 2rem 1.5rem 2rem;
  border-top: solid 2px rgb(255, 255, 255);
  background-color: rgba(227, 227, 231, 0.5);
  text-decoration: none;
  color: #1D1D1F;
}
@media (max-width: 767.98px) {
  .block-productlist .productlist__item-more {
    padding: 0.8rem 2rem 1rem 2rem;
  }
}
.block-productlist .productlist__item-more:hover {
  text-decoration: none;
  color: rgb(0, 0, 0);
  background: #C3C3C6;
}
.block-productlist .productlist__item-more:hover .item-more__link {
  color: rgb(0, 0, 0);
}
.block-productlist .productlist__item-more .item-more__price {
  color: #6E6E73;
  white-space: nowrap;
}
.block-productlist .productlist__item-more .item-more__price strong {
  font-size: 2.1rem;
  font-weight: 600;
  color: #1D1D1F;
}
.block-productlist .productlist__item-more .item-more__price i {
  color: #1D1D1F;
  margin-left: 0.4rem;
}
.block-productlist .productlist__item-more .item-more__link {
  color: #008BD2;
  transition: 0.3s;
}
.block-productlist .productlist__item-more .item-more__link:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
  margin-left: 0.8rem;
}
.block-productlist .productlist__item-addict {
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
}
.block-productlist .productlist__item-addict > button {
  border: none;
  background: transparent;
  padding: 0;
  color: rgb(0, 0, 0);
  white-space: nowrap;
}
.block-productlist .productlist__item-addict > button:hover {
  color: #008BD2;
}
.block-productlist .productlist__item-addict > button.b-compare:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 300;
  content: "\f515";
  margin-right: 0.6rem;
}
.block-productlist .productlist__item-addict > button.b-fav:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 300;
  content: "\f004";
  margin-right: 0.6rem;
}

.block-productlistmini {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .block-productlistmini {
    margin-bottom: 1rem;
  }
}
.block-productlistmini > .row [class*=col-] {
  margin-bottom: 2rem;
}
.block-productlistmini .productlistmini__item {
  display: block;
  text-align: center;
  font-size: 1.5rem;
  color: #1D1D1F;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  height: 100%;
  max-width: 28rem;
  caret-color: transparent;
}
@media (max-width: 767.98px) {
  .block-productlistmini .productlistmini__item {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-productlistmini .productlistmini__item {
    font-size: 1.3rem;
  }
}
.block-productlistmini .productlistmini__item strong {
  font-weight: 600;
}
.block-productlistmini .productlistmini__item:hover {
  color: #008BD2;
  text-decoration: none;
}
.block-productlistmini .productlistmini__item-pics {
  position: relative;
}
.block-productlistmini .productlistmini__item-pics img {
  width: 100%;
  height: auto;
}
.block-productlistmini .productlistmini__item-title {
  margin: 0.8rem 0 0.4rem 0;
}
.block-productlistmini .productlistmini__item-title strong {
  display: block;
}
.block-productlistmini .productlistmini__item-more {
  color: #1D1D1F !important;
}
.block-productlistmini .productlistmini__item-more .item-more__price {
  white-space: nowrap;
}
.block-productlistmini .productlistmini__item-more .item-more__price i {
  margin-left: 0.3rem;
  font-size: 1.2rem;
}

.block-productgallery {
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .block-productgallery {
    margin-bottom: 4rem;
  }
}
.block-productgallery .productgallery__label {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
}
.block-productgallery .productgallery__label .label_action {
  position: absolute;
  width: 60px;
  height: 60px;
  top: -2px;
  left: -2px;
}
.block-productgallery .productgallery__label .label_action.label_action--new {
  background: url("../img/ipl-new.png") no-repeat;
}
.block-productgallery .productgallery__label .label_action.label_action--sale {
  background: url("../img/ipl-sale.png") no-repeat;
}
.block-productgallery .productgallery__label .label_72h {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0.5rem;
  right: 0.5rem;
  background: rgba(0, 139, 210, 0.75) url("../img/ipl-72h.svg") center center no-repeat;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 50%;
  border: solid 1px rgb(255, 255, 255);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.block-productgallery .productgallery__pic-72h {
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 555;
  width: 50px;
  height: 50px;
  background: rgba(29, 29, 31, 0.5) url("../img/72h.svg") center center no-repeat;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
@media (max-width: 575.98px) {
  .block-productgallery .productgallery__pic-72h {
    width: 40px;
    height: 40px;
    left: 41px;
  }
}
.block-productgallery .productgallery__pic-72h:hover {
  background-color: #1D1D1F;
}
@media (max-width: 575.98px) {
  .block-productgallery .productgallery__pic {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.block-productgallery .productgallery__pic .slick-list {
  margin: 0;
}
.block-productgallery .productgallery__pic .slick-slide {
  margin: 0;
}
@media (max-width: 767.98px) {
  .block-productgallery .productgallery__pic .slick-slide {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.block-productgallery img {
  width: 100%;
  height: auto;
  z-index: 1;
  border: solid 1px #C3C3C6;
}
.block-productgallery .productgallery__pic-mini {
  margin-top: 10px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .block-productgallery .productgallery__pic-mini {
    display: none;
  }
}
.block-productgallery .productgallery__pic-mini img {
  opacity: 0.75;
}
.block-productgallery .productgallery__pic-mini img:hover {
  opacity: 1;
}
.block-productgallery .productgallery__pic-mini .slick-list {
  border-left: solid 1px #C3C3C6;
  border-right: solid 1px #C3C3C6;
}
.block-productgallery .productgallery__pic-mini .slick-slide {
  margin-left: 2px;
  margin-right: 2px;
  padding: 3px;
  cursor: pointer;
}
.block-productgallery .productgallery__pic-mini .slick-current {
  background: #C3C3C6;
}
.block-productgallery .productgallery__pic-mini .slick-current img {
  opacity: 1;
  border-color: rgb(255, 255, 255);
}
.block-productgallery .slick-prev,
.block-productgallery .slick-next {
  margin-left: 1rem;
  margin-right: 1rem;
}

.block-productcart {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.block-productcart .productcart-l {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-right: 1rem;
}
.block-productcart .productcart-r {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-left: 1rem;
}
@media (max-width: 575.98px) {
  .block-productcart .productcart-r {
    padding-left: 0;
  }
}
.block-productcart i {
  display: block;
  width: 2.7rem;
  height: 2.7rem;
  text-align: center;
  line-height: 2.7rem;
  background-color: rgb(255, 255, 255);
  color: #1D1D1F;
  margin-right: 0.5rem;
  font-size: 1.5rem;
}
@media (max-width: 575.98px) {
  .block-productcart i {
    font-size: 1.5rem;
  }
}

.productcart__btns {
  margin-bottom: 2rem;
}
@media (max-width: 575.98px) {
  .productcart__btns {
    margin-bottom: 0.5rem;
  }
}
.productcart__btns-bcompare, .productcart__btns-bfav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #6E6E73;
  font-size: 1.3rem;
  border: none;
  background: none;
  margin: 0 auto 1px 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .productcart__btns-bcompare, .productcart__btns-bfav {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .productcart__btns-bcompare, .productcart__btns-bfav {
    font-size: 1.2rem;
  }
}
.productcart__btns-bcompare:before, .productcart__btns-bfav:before {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  color: #1D1D1F;
  line-height: 27px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 17px;
  margin-right: 0.6rem;
}
.productcart__btns-bcompare span:before, .productcart__btns-bfav span:before {
  content: " добавить ";
}
.productcart__btns-bcompare:hover, .productcart__btns-bfav:hover {
  color: rgb(0, 0, 0);
}
.productcart__btns-bcompare.active, .productcart__btns-bfav.active {
  color: rgb(0, 0, 0);
}
.productcart__btns-bcompare.active:before, .productcart__btns-bfav.active:before {
  color: #C3C3C6;
  background: #1D1D1F;
}
.productcart__btns-bcompare.active span:before, .productcart__btns-bfav.active span:before {
  content: "добавлено ";
}
.productcart__btns-bcompare:before {
  content: "\f516";
  font-size: 15px;
}
.productcart__btns-bfav:before {
  content: "\f004";
}

.productcart__region {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #1D1D1F;
  text-decoration: none;
  line-height: 1;
  margin-bottom: 2rem;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .productcart__region {
    margin-bottom: 1rem;
  }
}
.productcart__region span {
  border-bottom: solid 1px #C3C3C6;
}
.productcart__region span:hover {
  border-color: transparent;
}
.productcart__region:hover {
  text-decoration: none;
}

.productcart__serv {
  margin-bottom: 2rem;
  transition: 0.3s;
}
.productcart__serv > a:hover {
  text-decoration: none;
}
.productcart__serv > a:hover * {
  color: rgb(0, 0, 0) !important;
}
.productcart__serv [class*=productcart__serv-] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 0.5rem;
}
@media (max-width: 575.98px) {
  .productcart__serv [class*=productcart__serv-] {
    margin-bottom: 0;
  }
}
.productcart__serv [class*=productcart__serv-] span {
  color: #6E6E73;
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
@media (max-width: 767.98px) {
  .productcart__serv [class*=productcart__serv-] span {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .productcart__serv [class*=productcart__serv-] span {
    font-size: 1.3rem;
  }
}
.productcart__serv [class*=productcart__serv-] strong {
  font-weight: 500;
  white-space: nowrap;
}
.productcart__serv [class*=productcart__serv-] .fa-ruble-sign {
  width: auto;
  height: auto;
  font-size: 1.3rem;
  margin-left: 0.3rem;
  line-height: 1;
  color: #008BD2;
}
@media (max-width: 575.98px) {
  .productcart__serv [class*=productcart__serv-] .fa-ruble-sign {
    font-size: 1.2rem;
  }
}

.productcart__price {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5rem;
}
@media (max-width: 575.98px) {
  .productcart__price {
    margin-bottom: 2.5rem;
    font-size: 2.5rem;
  }
}
.productcart__price i {
  font-size: 2.1rem;
  font-weight: 400;
  width: auto;
  height: auto;
  margin-left: 0.5rem;
}
@media (max-width: 575.98px) {
  .productcart__price i {
    font-size: 1.9rem;
  }
}

.productcart__tocart {
  width: 80%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2.7rem;
}
@media (max-width: 575.98px) {
  .productcart__tocart {
    margin-bottom: 2rem;
  }
}

.productcart__oneclick {
  width: 80%;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  white-space: nowrap;
}

.block-productwarn {
  display: block;
  font-size: 1.5rem;
  color: #1D1D1F;
  padding-left: 3.5rem;
}
@media (max-width: 767.98px) {
  .block-productwarn {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-productwarn {
    font-size: 1.3rem;
    margin-top: 1rem;
  }
}
.block-productwarn:hover {
  text-decoration: none;
}
.block-productwarn i {
  font-size: 1.8rem;
  width: 2.8rem;
  margin-right: 0.5rem;
  text-align: center;
  color: #B42D5B;
  margin-left: -3.5rem;
  position: relative;
  top: 0.1rem;
}

.block-productdescript {
  margin-top: 3rem;
}
.block-productdescript > .row {
  margin-bottom: 0.4rem;
}
.block-productdescript [class*=col-] {
  display: flex;
  align-items: flex-end;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-productdescript [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 575.98px) {
  .block-productdescript [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.productdescript__title {
  width: 100%;
  font-size: 1.5rem;
  color: #6E6E73;
  padding: 0.5rem;
  border-bottom: solid 1px rgba(195, 195, 198, 0.5);
  margin-left: 5px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productdescript__title {
    border-bottom: none;
    margin-left: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .productdescript__title {
    border-bottom: none;
    margin-left: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .productdescript__title {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .productdescript__title {
    font-size: 1.3rem;
  }
}

.productdescript__name {
  width: 100%;
  padding: 0.8rem 0 0.5rem 0.5rem;
  margin-right: 5px;
  border-bottom: solid 1px #C3C3C6;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productdescript__name {
    padding-top: 0.2rem;
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .productdescript__name {
    padding-top: 0.2rem;
    margin-right: 0;
  }
}
.productdescript__name.selector {
  border-bottom: solid 1px rgba(0, 139, 210, 0.5);
}

.product-tabs {
  max-width: 1080px;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: auto;
  border-bottom: none;
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .product-tabs {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.product-tabs > li {
  margin: 0;
}
.product-tabs > li > button {
  font-size: 1.7rem;
  color: #6E6E73;
  background-color: transparent;
  border: none;
  padding: 1rem 2rem;
  margin: 0;
  transition: none;
  border-top: solid 2px transparent;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  line-height: 1.1;
  height: 100%;
}
@media (max-width: 767.98px) {
  .product-tabs > li > button {
    padding: 0.8rem 1.5rem;
    margin: 0 1rem;
  }
}
@media (max-width: 575.98px) {
  .product-tabs > li > button {
    margin: 0 0.5rem;
  }
}
.product-tabs > li > button:hover {
  color: #1D1D1F;
}
.product-tabs > li > button.active {
  color: #1D1D1F;
  font-weight: 600;
  border-top: solid 2px #1D1D1F;
  border-left: solid 1px #C3C3C6;
  border-right: solid 1px #C3C3C6;
  background: #F5F5F6;
}
@media (max-width: 767.98px) {
  .product-tabs > li > button.active {
    margin-bottom: auto;
    border-top: solid 1px #C3C3C6;
    border-left: solid 1px #C3C3C6;
    border-right: solid 1px #C3C3C6;
    border-bottom: solid 2px #1D1D1F;
  }
}

.product-tab-content {
  min-height: 10rem;
  position: relative;
  z-index: 1;
  border-top: solid 1px #C3C3C6;
  margin-top: -1px;
  padding-top: 5rem;
  padding-bottom: 6rem;
}
@media (max-width: 767.98px) {
  .product-tab-content {
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-color: transparent;
    margin-top: 1rem;
  }
}
@media (max-width: 575.98px) {
  .product-tab-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.productvariants-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media (max-width: 575.98px) {
  .productvariants-title {
    display: block;
  }
}

.productvariants-table {
  margin-top: 2rem;
}

.productvariants-table__filter {
  font-size: 1.5rem;
  color: #6E6E73;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .productvariants-table__filter {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .productvariants-table__filter {
    font-size: 1.3rem;
  }
}
.productvariants-table__filter .filter__title {
  margin-bottom: 0.5rem;
}
.productvariants-table__filter .filter__body {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 575.98px) {
  .productvariants-table__filter .filter__body {
    display: block;
  }
}
.productvariants-table__filter .filter__body > div {
  width: 36%;
  margin-right: 2rem;
}
@media (max-width: 575.98px) {
  .productvariants-table__filter .filter__body > div {
    width: 80%;
    margin-bottom: 0.5rem;
  }
}

.block-compilation {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-compilation > li {
  margin: 0;
}
.block-compilation > li a {
  display: inline-block;
  color: #1D1D1F;
  margin: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(195, 195, 198, 0.5);
}
.block-compilation > li a:hover {
  color: rgb(0, 0, 0);
  background: #C3C3C6;
  text-decoration: none;
}

.block-contact {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .block-contact {
    margin: 3rem auto;
  }
}
.block-contact strong {
  font-weight: 600;
}
.block-contact .contact__item {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
}
.block-contact .contact__item-prop {
  font-weight: 600;
  min-width: 16rem;
  margin-right: 1rem;
}
@media (max-width: 767.98px) {
  .block-contact .contact__item-prop {
    text-align: right;
    min-width: 14rem;
  }
}
@media (max-width: 767.98px) {
  .block-contact .contact__item-solid {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.block-wtbfilter h3 {
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .block-wtbfilter h3 {
    margin-bottom: 1rem;
  }
}

.wtbfilter__btns {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .wtbfilter__btns {
    margin-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  .wtbfilter__btns {
    margin-bottom: 1rem;
  }
}
.wtbfilter__btns .wtbfilter__btns_b {
  position: relative;
  height: 100%;
  padding: 1rem 1rem 1rem 2rem;
  background: #C3C3C6;
  color: rgb(255, 255, 255);
  font-weight: 400;
  line-height: 1.1;
  cursor: pointer;
  transition: 0.3s;
  caret-color: transparent;
}
@media (max-width: 767.98px) {
  .wtbfilter__btns .wtbfilter__btns_b {
    display: flex;
    align-items: center;
    padding: 1rem 5rem 1rem 1rem;
  }
}
.wtbfilter__btns .wtbfilter__btns_b .btns_b__icon {
  width: 65px;
  height: 55px;
  margin-bottom: 0.8rem;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 1rem;
}
@media (max-width: 767.98px) {
  .wtbfilter__btns .wtbfilter__btns_b .btns_b__icon {
    max-width: 47px;
    max-height: 40px;
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .wtbfilter__btns .wtbfilter__btns_b .btns_b__icon {
    max-width: 35px;
    max-height: 30px;
  }
}
.wtbfilter__btns .wtbfilter__btns_b#wtbfilter-b1 .btns_b__icon {
  background-image: url("../img/i-wtb1.svg");
}
.wtbfilter__btns .wtbfilter__btns_b#wtbfilter-b2 .btns_b__icon {
  background-image: url("../img/i-wtb2.svg");
}
.wtbfilter__btns .wtbfilter__btns_b#wtbfilter-b3 .btns_b__icon {
  background-image: url("../img/i-wtb3.svg");
}
.wtbfilter__btns .wtbfilter__btns_b#wtbfilter-b4 .btns_b__icon {
  background-image: url("../img/i-wtb4.svg");
}
.wtbfilter__btns .wtbfilter__btns_b .btns_b__checker {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #6E6E73;
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../img/flt-chk_.svg");
}
@media (max-width: 767.98px) {
  .wtbfilter__btns .wtbfilter__btns_b .btns_b__checker {
    width: 36px;
    height: 36px;
    top: 50%;
    margin-top: -18px;
  }
}
@media (max-width: 575.98px) {
  .wtbfilter__btns .wtbfilter__btns_b .btns_b__checker {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
.wtbfilter__btns .wtbfilter__btns_b:hover {
  background-color: rgba(110, 110, 115, 0.5);
}
.wtbfilter__btns .wtbfilter__btns_b.active {
  background: #008BD2 !important;
}
.wtbfilter__btns .wtbfilter__btns_b.active .btns_b__checker {
  background-image: url("../img/flt-chk.svg");
}

.wtbfilter__scity .select2type .select2-selection--single {
  display: flex;
  align-items: center;
  border-color: #C3C3C6;
  padding-left: 4rem;
  height: 5rem !important;
  background-image: url("../img/i-home.svg");
  background-position: left;
  background-repeat: no-repeat;
}
@media (max-width: 575.98px) {
  .wtbfilter__scity .select2type .select2-selection--single {
    height: 4rem !important;
  }
}
.wtbfilter__scity .select2type .select2-selection__rendered {
  color: #008BD2;
  font-weight: 500;
}
.wtbfilter__scity.selector--colorchoice .select2-selection__rendered span {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.wtbfilter__scity.selector--colorchoice .product-color {
  position: relative;
  top: -1px;
}

.block-dealerlist {
  display: block;
  color: #1D1D1F;
}
@media (max-width: 575.98px) {
  .block-dealerlist {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
  }
}
.block-dealerlist:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.block-dealerlist strong {
  font-weight: 500;
}

.dealerlist__logo {
  width: 150px;
  height: 90px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.2rem;
}
.dealerlist__logo img {
  width: 100%;
  height: auto;
}

.dealerlist__name {
  font-weight: 600;
  font-size: 2.1rem;
  margin-bottom: 0.6rem;
}
@media (max-width: 767.98px) {
  .dealerlist__name {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .dealerlist__name {
    font-size: 1.7rem;
  }
}

.dealerlist__type {
  font-size: 1.5rem;
  color: #6E6E73;
  margin-bottom: 0.6rem;
}
@media (max-width: 767.98px) {
  .dealerlist__type {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .dealerlist__type {
    font-size: 1.3rem;
  }
}

.dealerlist__address {
  margin-bottom: 0.6rem;
}

.dealerlist__phone {
  font-weight: 500;
  margin-bottom: 0.6rem;
}
.dealerlist__phone > a {
  display: inline-block !important;
}
@media (max-width: 575.98px) {
  .dealerlist__phone {
    text-align: center;
  }
}
.dealerlist__phone span {
  font-size: 1.5rem;
  font-weight: 400;
  color: #6E6E73;
  margin-right: 0.6rem;
}
@media (max-width: 767.98px) {
  .dealerlist__phone span {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .dealerlist__phone span {
    font-size: 1.3rem;
  }
}

.dealerlist__openh {
  font-weight: 500;
  margin-bottom: 0.6rem;
}
@media (max-width: 575.98px) {
  .dealerlist__openh {
    text-align: center;
  }
}
.dealerlist__openh span {
  font-size: 1.5rem;
  font-weight: 400;
  color: #6E6E73;
  margin-right: 0.6rem;
}
@media (max-width: 767.98px) {
  .dealerlist__openh span {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .dealerlist__openh span {
    font-size: 1.3rem;
  }
}

.dealerlist__link {
  display: block;
  color: #1D1D1F;
  text-decoration: underline;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .dealerlist__link {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .dealerlist__link {
    font-size: 1.3rem;
    text-align: center;
  }
}
.dealerlist__link:hover {
  color: #008BD2;
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .block-dealer {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
  }
}

.dealer__logo {
  width: 210px;
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .dealer__logo {
    margin-bottom: 2rem;
  }
}
.dealer__logo img {
  width: 100%;
  height: auto;
}

@media (max-width: 767.98px) {
  .dealer__name {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.dealer__type {
  color: #6E6E73;
  margin-bottom: 2rem;
}

.dealer__address {
  margin-bottom: 1rem;
}

.dealer__phone {
  font-weight: 500;
  margin-bottom: 1rem;
}
.dealer__phone > a {
  display: inline-block !important;
}
@media (max-width: 767.98px) {
  .dealer__phone {
    text-align: center;
  }
}
.dealer__phone span {
  font-weight: 400;
  color: #6E6E73;
  margin-right: 1rem;
}

.dealer__openh {
  font-weight: 500;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .dealer__openh {
    text-align: center;
  }
}
.dealer__openh span {
  font-weight: 400;
  color: #6E6E73;
  margin-right: 1rem;
}

.dealer__link {
  display: block;
  color: #1D1D1F;
  text-decoration: underline;
}
.dealer__link:hover {
  color: #008BD2;
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .dealer__pic {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.dealer__pic .slick-list {
  margin: 0;
}
.dealer__pic .slick-slide {
  margin: 0;
}
@media (max-width: 767.98px) {
  .dealer__pic .slick-slide {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.dealer__pic .pic-main img {
  width: 100%;
  height: auto;
}
.dealer__pic .pic-mini {
  margin-top: 10px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .dealer__pic .pic-mini {
    display: none;
  }
}
.dealer__pic .pic-mini img {
  width: auto;
  height: 100px;
  opacity: 0.75;
  filter: grayscale(1);
  transition: 0.3s;
}
.dealer__pic .pic-mini img:hover {
  opacity: 1;
  filter: grayscale(0);
}
.dealer__pic .pic-mini .slick-slide {
  cursor: pointer;
  text-align: center;
}
.dealer__pic .pic-mini .slick-current img {
  opacity: 1;
  filter: grayscale(0);
}

.dealer__note {
  margin-top: 4rem;
}

.block-stepindicator {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 2rem 0 2rem 0;
}
.block-stepindicator > li:not(.stepindicator__arrow) {
  display: block;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  color: rgb(255, 255, 255);
  border-radius: 50%;
  background-color: #1D1D1F;
  font-size: 2.8rem;
}
@media (max-width: 575.98px) {
  .block-stepindicator > li:not(.stepindicator__arrow) {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 2.1rem;
    font-weight: 500;
  }
}
.block-stepindicator > li:not(.stepindicator__arrow) > a {
  display: block;
  width: 5rem;
  height: 5rem;
  line-height: 4.6rem;
  text-align: center;
  border: solid 2px #1D1D1F;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  color: #1D1D1F;
}
@media (max-width: 575.98px) {
  .block-stepindicator > li:not(.stepindicator__arrow) > a {
    width: 4rem;
    height: 4rem;
    line-height: 3.6rem;
  }
}
.block-stepindicator > li:not(.stepindicator__arrow) > a:hover {
  color: #6E6E73;
  border-color: #6E6E73;
  text-decoration: none;
}
.block-stepindicator .stepindicator__arrow {
  display: block;
  width: 3rem;
  height: 3rem;
  background: url("../img/a-step.svg") right center no-repeat;
}
@media (max-width: 575.98px) {
  .block-stepindicator .stepindicator__arrow {
    width: 2rem;
  }
}

.plate-step {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 2rem;
  justify-content: stretch;
}
@media (max-width: 575.98px) {
  .plate-step {
    margin: 2rem -15px 2rem -15px;
  }
}

.block-step,
.block-step-one,
.block-step-two {
  display: block;
  height: 100%;
  padding: 2rem 1rem;
  border-radius: 1rem;
  border: solid 1px #E7E7E9;
  cursor: pointer;
  color: #1D1D1F;
}
@media (max-width: 575.98px) {
  .block-step,
  .block-step-one,
  .block-step-two {
    padding: 1rem 0.5rem;
  }
}
.block-step.check,
.block-step-one.check,
.block-step-two.check {
  background-color: #C3C3C6 !important;
  border-color: #C3C3C6;
  color: rgb(0, 0, 0) !important;
}
.block-step.check .block-step__title,
.block-step-one.check .block-step__title,
.block-step-two.check .block-step__title {
  color: rgb(0, 0, 0) !important;
}
.block-step.check .block-step__title::before,
.block-step-one.check .block-step__title::before,
.block-step-two.check .block-step__title::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  margin-right: 0.6rem;
  color: #008BD2 !important;
}
.block-step:hover,
.block-step-one:hover,
.block-step-two:hover {
  background-color: #F5F5F6;
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.block-step.block-step--doortype .block-step__img,
.block-step-one.block-step--doortype .block-step__img,
.block-step-two.block-step--doortype .block-step__img {
  height: 130px;
}
@media (max-width: 575.98px) {
  .block-step.block-step--doortype .block-step__img,
  .block-step-one.block-step--doortype .block-step__img,
  .block-step-two.block-step--doortype .block-step__img {
    height: 90px;
  }
}
.block-step.block-step--doortype .block-step__title,
.block-step-one.block-step--doortype .block-step__title,
.block-step-two.block-step--doortype .block-step__title {
  margin-top: 1rem;
}
.block-step.block-step--doortype .block-step__title.title--top,
.block-step-one.block-step--doortype .block-step__title.title--top,
.block-step-two.block-step--doortype .block-step__title.title--top {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .block-step.block-step--doortype .block-step__title.title--top,
  .block-step-one.block-step--doortype .block-step__title.title--top,
  .block-step-two.block-step--doortype .block-step__title.title--top {
    margin-bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .block-step.block-step--icolors,
  .block-step-one.block-step--icolors,
  .block-step-two.block-step--icolors {
    padding-top: 0.5rem;
  }
}
.block-step.block-step--icolors .block-step__img,
.block-step-one.block-step--icolors .block-step__img,
.block-step-two.block-step--icolors .block-step__img {
  width: 100%;
  height: auto;
  max-width: 200px;
}
@media (max-width: 575.98px) {
  .block-step.block-step--icolors .block-step__img,
  .block-step-one.block-step--icolors .block-step__img,
  .block-step-two.block-step--icolors .block-step__img {
    max-width: none;
  }
}
.block-step.block-step--icolors .block-step__img img,
.block-step-one.block-step--icolors .block-step__img img,
.block-step-two.block-step--icolors .block-step__img img {
  width: 100%;
  height: auto;
}
.block-step__img,
.block-step-one__img,
.block-step-two__img {
  transition: 0.3s;
  align-self: center;
  width: 100%;
  max-width: 120px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 575.98px) {
  .block-step__img,
  .block-step-one__img,
  .block-step-two__img {
    width: 80px;
  }
}
.block-step__img img,
.block-step-one__img img,
.block-step-two__img img {
  width: 100%;
  height: auto;
}
.block-step__img.side-l,
.block-step-one__img.side-l,
.block-step-two__img.side-l {
  display: block;
}
.block-step__img.side-r,
.block-step-one__img.side-r,
.block-step-two__img.side-r {
  display: none;
}
.block-step__note,
.block-step-one__note,
.block-step-two__note {
  font-size: 13px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .block-step__note,
  .block-step-one__note,
  .block-step-two__note {
    font-size: 12px;
  }
}
.block-step__side,
.block-step-one__side,
.block-step-two__side {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0.5rem 1rem -0.5rem 1rem;
}
@media (max-width: 767.98px) {
  .block-step__side,
  .block-step-one__side,
  .block-step-two__side {
    margin-left: 0;
    margin-right: 0;
  }
}
.block-step__side .form-check-label,
.block-step-one__side .form-check-label,
.block-step-two__side .form-check-label {
  font-size: 13px;
  line-height: 1;
  margin-bottom: 0.2rem;
}
@media (max-width: 575.98px) {
  .block-step__side .form-check-label,
  .block-step-one__side .form-check-label,
  .block-step-two__side .form-check-label {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .block-step__side .form-check-label,
  .block-step-one__side .form-check-label,
  .block-step-two__side .form-check-label {
    margin-top: 0.1rem;
    margin-bottom: 0;
  }
}
.block-step__title,
.block-step-one__title,
.block-step-two__title {
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 2rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .block-step__title,
  .block-step-one__title,
  .block-step-two__title {
    margin-top: 1rem;
  }
}
.block-step.check .block-step__title,
.block-step.check .block-step-one__title,
.block-step.check .block-step-two__title,
.block-step-one.check .block-step__title,
.block-step-one.check .block-step-one__title,
.block-step-one.check .block-step-two__title,
.block-step-two.check .block-step__title,
.block-step-two.check .block-step-one__title,
.block-step-two.check .block-step-two__title {
  color: #008BD2;
}

.block-stepnote {
  font-size: 1.5rem;
  line-height: 1.47;
  text-align: center;
  margin-top: 0;
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .block-stepnote {
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  .block-stepnote {
    font-size: 1.3rem;
  }
}

.block-steppic {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 3rem;
}
.block-steppic__img img {
  height: auto;
  max-height: 240px;
  width: 100%;
}
.block-steppic__title {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1rem;
  text-align: center;
}

.block-stepcalc {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #F5F5F6;
  padding: 2rem 3rem;
  height: 100%;
  width: 100%;
  max-width: 40rem;
}
@media (max-width: 991.98px) {
  .block-stepcalc {
    padding: 1.5rem;
  }
}
.block-stepcalc__title {
  font-size: 2.1rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1.5rem;
}
.block-stepcalc label {
  display: block;
  color: #1D1D1F;
}
.block-stepcalc input {
  text-align: center;
  width: 6rem !important;
  font-weight: 500;
  line-height: 1;
  padding: 6px 3px;
}
.block-stepcalc__input {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 320px;
}
.block-stepcalc__select {
  margin-top: 1.5rem !important;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 320px;
}
.block-stepcalc__select label {
  margin-bottom: 0.5rem !important;
}
.block-stepcalc__select select {
  font-weight: 500;
}

.stepcalc-sizes {
  display: none;
  padding-top: 1.5rem;
  justify-content: space-between;
  gap: 1rem;
  opacity: 0;
  transition: 1s;
}
.stepcalc-sizes.active {
  display: flex;
  flex-wrap: nowrap;
  opacity: 1;
  transition: 1s;
}
.stepcalc-sizes__img {
  flex: 1 1 50%;
}
.stepcalc-sizes__img img {
  width: 100%;
  max-width: 118px;
  height: auto;
}
.stepcalc-sizes__sizes {
  flex: 1 1 50%;
}
.stepcalc-sizes__sizes .sizes__input {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}

.block-stepoptions {
  margin-top: 2rem;
}
.block-stepoptions__ignoreh {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
@media (max-width: 575.98px) {
  .block-stepoptions__ignoreh {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.block-stepoptions__state {
  display: flex;
  justify-content: center;
  gap: 4rem;
}
.block-stepoptions__state .form-check {
  margin-bottom: 1rem;
}
@media (max-width: 575.98px) {
  .block-stepoptions__state {
    gap: normal;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.block-stepbtn {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}

.plate-step-color,
.plate-step-dop {
  width: 100%;
  margin: 2rem 0;
  padding: 2rem 4rem;
  background-color: #F5F5F6;
}
@media (max-width: 767.98px) {
  .plate-step-color,
  .plate-step-dop {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .plate-step-color,
  .plate-step-dop {
    padding: 2rem 2rem 0.5rem 2rem;
  }
}
.plate-step-color h3,
.plate-step-dop h3 {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .plate-step-color h3,
  .plate-step-dop h3 {
    margin-bottom: 2rem;
  }
}
.plate-step-color .block-step-color,
.plate-step-dop .block-step-color {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 2rem 0;
}
.plate-step-color .step-color,
.plate-step-dop .step-color {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.plate-step-color .step-color__input,
.plate-step-dop .step-color__input {
  width: 2rem;
  height: 2rem;
  margin-right: 1.6rem;
}
@media (max-width: 767.98px) {
  .plate-step-color .step-color__input,
  .plate-step-dop .step-color__input {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 1rem;
  }
}
.plate-step-color .step-color label,
.plate-step-dop .step-color label {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.plate-step-color .step-color__color,
.plate-step-dop .step-color__color {
  width: 2.2rem;
  height: 2.2rem;
  min-width: 2.2rem;
  min-height: 2.2rem;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33);
  margin-right: 0.8rem;
}
@media (max-width: 767.98px) {
  .plate-step-color .step-color__color,
  .plate-step-dop .step-color__color {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
  }
}
.plate-step-color .step-color__title,
.plate-step-dop .step-color__title {
  color: #1D1D1F;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
  margin-top: 2px;
}
.plate-step-color .step-color-help,
.plate-step-dop .step-color-help {
  width: 2.4rem;
  height: 2.4rem;
  background: rgb(255, 255, 255);
  border: solid 1px #C3C3C6;
  border-radius: 50%;
  color: #6E6E73;
  text-align: center;
  cursor: pointer;
}
.plate-step-color .step-color-help:before,
.plate-step-dop .step-color-help:before {
  content: "?";
  line-height: 2.2rem;
}
.plate-step-color .step-color-dropdown,
.plate-step-dop .step-color-dropdown {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 1rem;
  border: solid 1px #C3C3C6;
  border-radius: 0.4rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.33);
}
.plate-step-color .step-color-dropdown picture,
.plate-step-dop .step-color-dropdown picture {
  font-size: 1.7rem;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  display: block;
}
.plate-step-color .step-color-dropdown img,
.plate-step-dop .step-color-dropdown img {
  width: 200px;
  height: auto;
  display: block;
  margin-bottom: 0.7rem;
}

.plate-step-dop {
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}
@media (max-width: 767.98px) {
  .plate-step-dop {
    margin-top: 2rem;
  }
  .plate-step-dop .span--dot {
    display: none;
  }
}
.plate-step-dop .step-color__title {
  text-transform: inherit;
  white-space: normal;
}

.form-resultsearch {
  display: flex;
  align-items: center;
}
.form-resultsearch input[type=search] {
  -webkit-appearance: none;
  height: 3.6rem;
  background: rgb(255, 255, 255);
  border: solid 1px #C3C3C6;
  border-left: none;
  border-radius: 0 0.4rem 0.4rem 0;
  font-size: 1.5rem;
  width: 99%;
}
@media (max-width: 767.98px) {
  .form-resultsearch input[type=search] {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .form-resultsearch input[type=search] {
    font-size: 1.5rem;
  }
}
.form-resultsearch ::-webkit-input-placeholder {
  color: #C3C3C6;
}
.form-resultsearch :-moz-placeholder {
  color: #C3C3C6;
}
.form-resultsearch ::-moz-placeholder {
  color: #C3C3C6;
}
.form-resultsearch :-ms-input-placeholder {
  color: #C3C3C6;
}
.form-resultsearch .resultsearch__search {
  height: 3.6rem;
  width: 3.2rem;
  background: rgb(255, 255, 255) url("../img/lupa-menu.svg") center right no-repeat;
  border: solid 1px #C3C3C6;
  border-right: none;
  border-radius: 0.4rem 0 0 0.4rem;
}

.block-resultsearch > li {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.block-resultsearch a {
  display: block;
  color: #1D1D1F;
}
.block-resultsearch a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.block-resultsearch .resultserach__hdr {
  font-size: 2.1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .block-resultsearch .resultserach__hdr {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .block-resultsearch .resultserach__hdr {
    font-size: 1.7rem;
  }
}
.block-resultsearch .resultserach__txt {
  margin-bottom: 1rem;
}
.block-resultsearch .resultserach__link {
  color: #008BD2;
  text-decoration: underline;
}
.block-resultsearch .resultserach__link:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

.block-sizes {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.block-sizes h3 {
  display: inline-block;
  font-size: 2.1rem;
  color: rgb(255, 255, 255);
  background: #1D1D1F;
  text-align: center;
  padding: 0.4rem;
  margin-bottom: 1rem;
  min-width: 8rem;
}
@media (max-width: 767.98px) {
  .block-sizes h3 {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .block-sizes h3 {
    font-size: 1.7rem;
  }
}
@media (max-width: 575.98px) {
  .block-sizes h3 {
    min-width: 7.3rem;
  }
}
.block-sizes .sizes__items {
  display: flex;
  flex-wrap: wrap;
}
.block-sizes .sizes__items a {
  display: block;
  padding: 0.5rem;
  margin: 0 1rem 1rem 0;
  color: #1D1D1F;
  background: rgba(110, 110, 115, 0.25);
  text-align: center;
  min-width: 8rem;
}
@media (max-width: 575.98px) {
  .block-sizes .sizes__items a {
    min-width: 7.3rem;
  }
}
.block-sizes .sizes__items a:hover {
  color: rgb(0, 0, 0);
  background: rgba(110, 110, 115, 0.5);
  text-decoration: none;
}

.block-portfoliosl {
  margin-bottom: 2rem;
}
.block-portfoliosl .portfoliosl__item {
  position: relative;
}
.block-portfoliosl .portfoliosl__item img {
  height: 100%;
  max-height: 360px;
  max-height: 200px;
}
@media (max-width: 767.98px) {
  .block-portfoliosl .portfoliosl__item img {
    max-height: 300px;
  }
}
@media (max-width: 575.98px) {
  .block-portfoliosl .portfoliosl__item img {
    max-height: 240px;
  }
}
.block-compare .compare_l {
  display: flex;
  flex-direction: column;
  border: solid 1px #dee2e6;
  background-color: #e5e5e7;
  padding: 0;
}
@media (max-width: 575.98px) {
  .block-compare .compare_l {
    display: block;
    border: none;
    background-color: transparent;
  }
}
.block-compare .compare_r {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  border: solid 1px #dee2e6;
  border-left: none;
  background-color: rgb(255, 255, 255);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  padding: 0;
}
@media (max-width: 575.98px) {
  .block-compare .compare_r {
    border: none;
    border-left: solid 1px #dee2e6;
    border-right: solid 1px #dee2e6;
  }
}

.compare-info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 38rem;
  border-bottom: solid 1px #C3C3C6;
  width: 100%;
}
@media (max-width: 575.98px) {
  .compare-info {
    height: auto;
    padding: 0 0.5rem;
  }
}
.compare-info .info_qnt {
  line-height: 1.1;
  color: #6E6E73;
  margin: 2rem 1rem 0 1rem;
  font-size: 1.3rem;
}
@media (max-width: 575.98px) {
  .compare-info .info_qnt {
    margin: 0 0 1rem 0;
  }
}
.compare-info .info_qnt strong {
  color: #1D1D1F;
}
.compare-info .info_hdr {
  font-weight: bold;
  margin: 4rem 1rem 1.2rem 1rem;
  line-height: 1.1;
  font-size: 1.3rem;
}
@media (max-width: 575.98px) {
  .compare-info .info_hdr {
    margin: 1rem 0 1.2rem 0;
  }
}
.compare-info .info_form {
  margin-left: 1rem;
  margin-bottom: 4rem;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 575.98px) {
  .compare-info .info_form {
    height: auto;
    overflow: hidden;
    margin: 1rem 0 0 0;
  }
}
.compare-info .info_form form {
  margin-top: 1.5rem;
}
.compare-info .info_form .form_hdr {
  font-weight: bold;
  margin: 0 0 1rem 0;
  line-height: 1.1;
  font-size: 1.3rem;
}
.compare-info .info_form .form-check-input {
  margin-top: 0;
}
.compare-info .info_form .form-check-label {
  font-size: 1.3rem;
  color: #6E6E73;
}
.compare-info .info_form .form-check-label:hover {
  color: rgb(0, 0, 0);
}
.compare-info .info_form .form-check {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.compare__char {
  display: flex;
  height: 4rem;
  justify-content: flex-start;
  color: #6E6E73;
  line-height: 1.1;
  border-bottom: solid 1px #C3C3C6;
  font-size: 1.5rem;
}
@media (max-width: 575.98px) {
  .compare__char {
    display: none;
  }
}
.compare__char > div {
  margin: auto 1rem;
}

.compare-col {
  position: relative;
  display: flex;
  flex-direction: column;
  border-right: solid 1px #C3C3C6;
  border-left: solid 1px #C3C3C6;
  width: 25rem;
  min-width: 25rem;
  margin-left: 3px;
  margin-bottom: 2px;
}
@media (max-width: 575.98px) {
  .compare-col {
    margin-left: -1px !important;
    margin-right: 0 !important;
    margin-bottom: 0;
  }
}
.compare-col > div {
  width: 100%;
  padding: 0 1rem;
}

.compare__close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  top: 0;
  right: 0;
  z-index: 99;
  border: none;
  background: transparent;
  color: rgb(255, 255, 255);
  padding: 0.5rem;
  font-size: 2.5rem;
  line-height: 1;
  opacity: 0.75;
}
.compare__close:hover {
  opacity: 1;
  color: rgb(0, 0, 0);
}

.compare__product {
  position: relative;
  height: 38rem;
  border-bottom: solid 1px #C3C3C6;
}
.compare__product a {
  display: inline-block;
  text-decoration: none;
}
.compare__product a:hover .item_title {
  color: rgb(0, 0, 0);
}
.compare__product a:hover .item_note {
  color: rgb(0, 0, 0);
}
.compare__product .product_img {
  margin-left: -1rem;
  margin-right: -1rem;
}
.compare__product .product_img img {
  width: 100%;
  height: auto;
}
.compare__product .product_title {
  color: #1D1D1F;
  line-height: 1.2;
  margin: 1rem 0 0 0;
  text-align: center;
}
.compare__product .product_title strong {
  font-weight: 600;
  display: block;
}
.compare__product .product_note {
  font-size: 1.3rem;
  color: #6E6E73;
  margin: 0.5rem 0;
}
.compare__product .product_tocart {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
}
.compare__product .tocart_price {
  white-space: nowrap;
  margin-top: 0.4rem;
  font-size: 1.3rem;
}
.compare__product .tocart_price strong {
  font-size: 1.7rem;
  font-weight: 500;
}
.compare__product .tocart_btn {
  border: none;
  padding: 0.5rem 0.8rem;
  background: #008BD2;
  color: rgb(255, 255, 255);
  font-size: 1.3rem;
  border-radius: 0;
  white-space: nowrap;
}
.compare__product .tocart_btn:hover {
  background: rgb(0, 0, 0);
}
.compare__product .tocart_btn i {
  margin-right: 0.8rem;
}

.compare__item {
  display: flex;
  height: 4rem;
  text-align: center;
  line-height: 1.1;
  border-bottom: solid 1px #C3C3C6;
  background-color: #F5F5F6;
  font-size: 1.5rem;
}
.compare__item > div {
  margin: auto;
}
.compare__item span {
  display: block;
  color: #6E6E73;
  font-size: 1.3rem;
  margin-right: 0.5rem;
}
@media (min-width: 576px) {
  .compare__item span {
    display: none;
  }
}

.compare_footer {
  display: flex;
  line-height: 1.2;
  height: 5rem;
  text-align: center;
  border-bottom: solid 1px #C3C3C6;
  font-size: 1.5rem;
}
.compare_footer strong {
  display: block;
  font-weight: 500;
}
.compare_footer a {
  display: inline-block;
  margin: auto;
  text-decoration: none;
}

.block-cart {
  position: relative;
  margin-right: 3rem;
  margin-bottom: 3rem;
  padding: 2rem 0 4rem 0;
  border-bottom: solid 1px #C3C3C6;
}
@media (max-width: 767.98px) {
  .block-cart {
    margin-right: 0;
    margin-bottom: 2rem;
    padding: 1rem 0 2rem 0;
  }
}

.cartitem__del {
  position: absolute;
  top: 2rem;
  right: 0;
  z-index: 1;
  border: none;
  background: #E7E7E9;
  color: #1D1D1F;
  opacity: 0.6;
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 2.8rem;
  border-radius: 0.4rem;
}
@media (max-width: 575.98px) {
  .cartitem__del {
    top: 1rem;
  }
}
.cartitem__del:hover {
  opacity: 1;
}

.cartitem__pic img {
  width: 100%;
  max-width: 18rem;
  height: auto;
}
@media (max-width: 575.98px) {
  .cartitem__pic {
    margin-bottom: 1rem;
  }
}

.cartitem__title {
  font-size: 2.1rem;
  margin-right: 4rem;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .cartitem__title {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .cartitem__title {
    font-size: 1.7rem;
  }
}
.cartitem__title strong {
  display: block;
  white-space: nowrap;
}

.cartitem__note {
  font-size: 1.5rem;
  color: #6E6E73;
  line-height: 1.47;
}
@media (max-width: 767.98px) {
  .cartitem__note {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .cartitem__note {
    font-size: 1.3rem;
  }
}

.cartitem__quantsum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
@media (max-width: 575.98px) {
  .cartitem__quantsum {
    margin-top: 1rem;
  }
}

.quantsum-sum {
  text-align: right;
  font-size: 2.1rem;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .quantsum-sum {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .quantsum-sum {
    font-size: 1.7rem;
  }
}
.quantsum-sum i {
  font-weight: 300;
  font-size: 1.7rem;
}
.quantsum-sum span {
  font-size: 1.5rem;
  font-weight: 400;
  margin-right: 1rem;
  color: #6E6E73;
}
.quantsum-sum span i {
  font-weight: 300;
  font-size: 1.3rem;
}

.cartitem__assembling {
  margin-top: 2rem;
}
@media (max-width: 575.98px) {
  .cartitem__assembling {
    margin-top: 1rem;
  }
}
.cartitem__assembling p {
  font-size: 1.5rem;
  color: #6E6E73;
  line-height: 1.47;
}
@media (max-width: 767.98px) {
  .cartitem__assembling p {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .cartitem__assembling p {
    font-size: 1.3rem;
  }
}
.cartitem__assembling p strong {
  font-weight: 600;
  font-size: 1.7rem;
  color: #1D1D1F;
  display: block;
}
.cartitem__assembling .assembling__switchersum {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.cartitem__assembling .assembling__switchersum .switchersum-switcher {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .cartitem__assembling .assembling__switchersum .switchersum-switcher {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .cartitem__assembling .assembling__switchersum .switchersum-switcher {
    font-size: 1.3rem;
  }
}
.cartitem__assembling .assembling__switchersum .switchersum-switcher.switcher--hidden input[type=checkbox] {
  display: none;
}
.cartitem__assembling .assembling__switchersum .switchersum-switcher input[type=checkbox] {
  height: 3rem;
  width: 6rem;
}
.cartitem__assembling .assembling__switchersum .switchersum-switcher input[type=checkbox]:not(:checked) {
  border-color: #C3C3C6;
  background-color: #F5F5F6;
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.cartitem__assembling .assembling__switchersum .switchersum-switcher label {
  margin-left: 0.5rem;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .cartitem__assembling .assembling__switchersum .switchersum-switcher label {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .cartitem__assembling .assembling__switchersum .switchersum-switcher label {
    font-size: 1.3rem;
  }
}
.cartitem__assembling .assembling__switchersum .switchersum-switcher input[type=checkbox]:checked + label::after {
  content: "включена";
  color: #1D1D1F;
}
.cartitem__assembling .assembling__switchersum .switchersum-switcher input[type=checkbox]:not(:checked) + label::after {
  content: "не включена";
  color: #6E6E73;
}
.cartitem__assembling .assembling__switchersum .switchersum-sum {
  text-align: right;
  font-weight: 400;
  white-space: nowrap;
}
.cartitem__assembling .assembling__switchersum .switchersum-sum i {
  font-weight: 400;
  font-size: 1.3rem;
}

.cartitem__addbtnsum {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.2rem;
}
.cartitem__addbtnsum .addbtnsum-btn {
  padding: 0.8rem 1.6rem;
}
@media (max-width: 575.98px) {
  .cartitem__addbtnsum .addbtnsum-btn {
    width: auto;
  }
}
.cartitem__addbtnsum .addbtnsum-sum {
  font-weight: 600;
}
.cartitem__addbtnsum .addbtnsum-sum i {
  font-weight: 400;
  font-size: 1.3rem;
}

.cartitem__links {
  margin-top: 1.2rem;
}
.cartitem__links > a, .cartitem__links a::after {
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .cartitem__links > a, .cartitem__links a::after {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .cartitem__links > a, .cartitem__links a::after {
    font-size: 1.3rem;
  }
}

.cart-btns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
}
@media (max-width: 767.98px) {
  .cart-btns {
    display: none;
  }
}

.block-cartsummary {
  background-color: #F5F5F6;
  padding-top: 1rem;
}

.cartsummary,
.cartsummary-total {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: baseline;
  margin: 1rem 2rem;
}

.cartsummary {
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .cartsummary {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .cartsummary {
    font-size: 1.3rem;
    margin: 1rem;
  }
}
.cartsummary i {
  font-weight: 400;
  font-size: 1.3rem;
}

.cartsummary-total {
  border-top: solid 1px #C3C3C6;
  padding-top: 1rem;
}
@media (max-width: 575.98px) {
  .cartsummary-total {
    margin: 1rem;
  }
}
.cartsummary-total .cartsummary__prop {
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .cartsummary-total .cartsummary__prop {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .cartsummary-total .cartsummary__prop {
    font-size: 1.3rem;
  }
}
.cartsummary-total .cartsummary__val {
  font-size: 2.1rem;
}
@media (max-width: 767.98px) {
  .cartsummary-total .cartsummary__val {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .cartsummary-total .cartsummary__val {
    font-size: 1.7rem;
  }
}
.cartsummary-total .cartsummary__val i {
  font-size: 1.7rem;
}

.cartsummary__prop {
  color: #6E6E73;
  margin-right: 1rem;
}

.cartsummary__val {
  font-weight: 600;
  white-space: nowrap;
}

.cartsummary-btn {
  width: 100%;
  margin-top: 2rem;
}

.cartsummary-note {
  font-size: 1.2rem;
  color: #6E6E73;
  margin: 2rem 2rem 1rem 2rem;
}
@media (max-width: 575.98px) {
  .cartsummary-note {
    margin: 1rem;
  }
}
.cartsummary-note a {
  color: #6E6E73;
  text-decoration: underline;
}
.cartsummary-note a:hover {
  color: #1D1D1F;
  text-decoration: none;
}

.block-orderaddit {
  background-color: #F5F5F6;
  padding: 2rem 2rem 1rem 2rem;
  margin: 4rem 3rem 4rem 0;
}
@media (max-width: 767.98px) {
  .block-orderaddit {
    margin: 4rem 0;
  }
}
@media (max-width: 575.98px) {
  .block-orderaddit {
    margin: 2rem 0;
    padding: 1rem 1rem 0.1rem 1rem;
  }
}
.block-orderaddit.orderaddit--transparent {
  padding: 0;
  background-color: transparent;
}

.orderaddit-tabs {
  margin-bottom: 1rem;
}
@media (max-width: 575.98px) {
  .orderaddit-tabs > li {
    display: block;
    width: 100%;
    margin: 0.5rem 0;
  }
}
.orderaddit-tabs button {
  background: transparent;
  border: solid 1px #dee2e6;
  padding: 1rem 1rem;
  margin-right: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .orderaddit-tabs button {
    width: 100%;
    margin: 0;
    align-items: flex-start;
  }
}
.orderaddit-tabs button .indicator {
  width: 20px;
  height: 20px;
  margin-right: 0.8rem;
  background-image: url("../img/rtl.svg");
}
.orderaddit-tabs button.active {
  color: #008BD2;
  border-color: rgba(0, 139, 210, 0.67);
}
.orderaddit-tabs button.active .indicator {
  background-image: url("../img/rtl-check.svg");
}

.block-orderaddit input,
.block-orderaddit textarea {
  padding: 1rem 1.2rem;
  margin-bottom: 1rem;
}
.block-orderaddit label {
  font-size: 1.5rem;
  color: #6E6E73;
}
@media (max-width: 767.98px) {
  .block-orderaddit label {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-orderaddit label {
    font-size: 1.3rem;
  }
}
.block-orderaddit ::-webkit-input-placeholder {
  color: #C3C3C6;
}
.block-orderaddit :-moz-placeholder {
  color: #C3C3C6;
}
.block-orderaddit ::-moz-placeholder {
  color: #C3C3C6;
}
.block-orderaddit :-ms-input-placeholder {
  color: #C3C3C6;
}
.block-orderaddit h4 {
  margin-top: 3rem;
  font-size: 1.7rem;
  font-weight: 500;
}
.block-orderaddit .note {
  margin-top: 2rem;
  font-size: 1.3rem;
}
@media (max-width: 767.98px) {
  .block-orderaddit .note {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .block-orderaddit .note {
    font-size: 1.2rem;
    margin-top: 1rem;
  }
}

.block-cabinet-hdrtools {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4rem;
}
@media (max-width: 575.98px) {
  .block-cabinet-hdrtools {
    flex-wrap: wrap-reverse;
    margin-top: -1rem;
    margin-bottom: 2rem;
  }
}
.block-cabinet-hdrtools .hdrtools__hdr {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.block-cabinet-hdrtools .hdrtools__hdr-userpic {
  width: 6rem;
  height: 6rem;
  flex: 0 0 auto;
  min-width: 4rem;
  min-height: 4rem;
  border-radius: 50%;
  background: rgb(255, 255, 255) url("../img/ibk-user.svg") 50% 50%;
  background-size: cover;
  margin-right: 2rem;
}
@media (max-width: 767.98px) {
  .block-cabinet-hdrtools .hdrtools__hdr-userpic {
    width: 5rem;
    height: 5rem;
    margin-right: 1rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinet-hdrtools .hdrtools__hdr-userpic {
    width: 4rem;
    height: 4rem;
  }
}
.block-cabinet-hdrtools .hdrtools__hdr-userpic img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.block-cabinet-hdrtools .hdrtools__hdr-username {
  flex: 1 1 auto;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1.1;
}
@media (max-width: 767.98px) {
  .block-cabinet-hdrtools .hdrtools__hdr-username {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinet-hdrtools .hdrtools__hdr-username {
    font-size: 1.7rem;
  }
}
.block-cabinet-hdrtools .hdrtools__tool {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 575.98px) {
  .block-cabinet-hdrtools .hdrtools__tool {
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}
.block-cabinet-hdrtools .hdrtools__tool a {
  display: block;
  color: #6E6E73;
  font-size: 1.5rem;
  margin-left: 4rem;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .block-cabinet-hdrtools .hdrtools__tool a {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinet-hdrtools .hdrtools__tool a {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinet-hdrtools .hdrtools__tool a {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .block-cabinet-hdrtools .hdrtools__tool a span {
    display: none;
  }
}
.block-cabinet-hdrtools .hdrtools__tool a:hover {
  color: rgb(0, 0, 0);
}
@media (max-width: 575.98px) {
  .block-cabinet-hdrtools .hdrtools__tool a.hdrtools__tool-setup {
    margin-left: 0;
  }
}
.block-cabinet-hdrtools .hdrtools__tool a i {
  font-size: 1.7rem;
}
@media (max-width: 575.98px) {
  .block-cabinet-hdrtools .hdrtools__tool a i {
    font-size: 2.1rem;
  }
}

.block-cabinetlist {
  background: #F5F5F6;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .block-cabinetlist {
    padding: 0.1rem 1rem;
  }
}
.block-cabinetlist span {
  font-weight: 500;
  font-size: 2.1rem;
}
@media (max-width: 767.98px) {
  .block-cabinetlist span {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinetlist span {
    font-size: 1.7rem;
  }
}
.block-cabinetlist .cabinetlist-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 575.98px) {
  .block-cabinetlist .cabinetlist-row {
    flex-wrap: wrap;
  }
}
.block-cabinetlist .cabinetlist__ordername {
  color: #1D1D1F;
  display: block;
}
@media (max-width: 575.98px) {
  .block-cabinetlist .cabinetlist__ordername {
    flex: 1 1 100%;
  }
}
.block-cabinetlist .cabinetlist__ordername:hover {
  text-decoration: none;
  color: #1D1D1F;
}
.block-cabinetlist .cabinetlist__ordername:hover span {
  text-decoration: underline;
  color: rgb(0, 0, 0);
}
.block-cabinetlist .cabinetlist__orderstatus {
  display: block;
  font-size: 1.5rem;
  padding: 0.6rem 0.8rem 0.8rem 0.8rem;
  line-height: 1;
  background-color: rgb(255, 255, 255);
  color: #1D1D1F;
}
@media (max-width: 767.98px) {
  .block-cabinetlist .cabinetlist__orderstatus {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinetlist .cabinetlist__orderstatus {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinetlist .cabinetlist__orderstatus {
    padding: 0.4rem 0.6rem 0.6rem 0.6rem;
    margin: 0 0 15px auto;
  }
}
.block-cabinetlist .cabinetlist__ordernote .ordernote-sum {
  font-size: 2.1rem;
}
.block-cabinetlist button {
  min-width: 25rem;
  margin: 1rem 0 0 0;
}
@media (max-width: 575.98px) {
  .block-cabinetlist button {
    margin-top: 2rem;
  }
}
.block-cabinetlist .alink {
  display: block;
  font-size: 1.7rem;
  margin-right: 4rem;
  margin-top: 1rem;
}
@media (max-width: 575.98px) {
  .block-cabinetlist .alink {
    margin-top: 0.5rem;
  }
}

.block-cabinetorder {
  background: #F5F5F6;
  padding: 2rem 2rem 0.1rem 2rem;
  margin-bottom: 6rem;
  margin-right: 3rem;
}
@media (max-width: 767.98px) {
  .block-cabinetorder {
    padding: 1rem 1rem 0.1rem 1rem;
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .block-cabinetorder {
    margin-bottom: 2rem;
  }
}
.block-cabinetorder > .row {
  margin-top: 2rem;
  margin-bottom: 2rem;
  align-items: baseline;
}
@media (max-width: 575.98px) {
  .block-cabinetorder > .row {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.block-cabinetorder .cabinetorder__prop {
  color: #6E6E73;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .block-cabinetorder .cabinetorder__prop {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinetorder .cabinetorder__prop {
    font-size: 1.3rem;
  }
}
.block-cabinetsetup {
  background: #F5F5F6;
  padding: 2rem;
}
@media (max-width: 575.98px) {
  .block-cabinetsetup {
    padding: 1rem;
  }
}
.block-cabinetsetup .cabinetsetup__form {
  margin: 2rem 10%;
}
@media (max-width: 767.98px) {
  .block-cabinetsetup .cabinetsetup__form {
    margin: 1rem auto 0 auto;
  }
}
.block-cabinetsetup .cabinetsetup__form label {
  text-align: right;
  font-size: 1.5rem;
}
@media (max-width: 767.98px) {
  .block-cabinetsetup .cabinetsetup__form label {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinetsetup .cabinetsetup__form label {
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .block-cabinetsetup .cabinetsetup__form label {
    margin-bottom: 0.5rem;
    text-align: left;
  }
}

.block-newslist {
  display: block;
  background-color: #F5F5F6;
  color: #1D1D1F;
  text-decoration: none !important;
  max-width: 530px;
  margin: 0 auto 1rem auto;
}
@media (max-width: 575.98px) {
  .block-newslist {
    margin-bottom: 2rem;
  }
}
.block-newslist:hover {
  background-color: #E7E7E9;
  color: rgb(0, 0, 0);
}
.block-newslist .newslist__pic {
  overflow: hidden;
  min-height: 2rem;
}
@media (max-width: 575.98px) {
  .block-newslist .newslist__pic {
    min-height: auto;
  }
}
.block-newslist .newslist__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-newslist .newslist__item {
  padding: 3rem 4rem 4rem 4rem;
}
@media (max-width: 767.98px) {
  .block-newslist .newslist__item {
    padding: 2rem;
  }
}
.block-newslist .newslist__item-date {
  font-size: 2.1rem;
  color: #6E6E73;
  font-weight: 500;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .block-newslist .newslist__item-date {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .block-newslist .newslist__item-date {
    font-size: 1.7rem;
    margin-bottom: 1rem;
  }
}
.block-newslist .newslist__item-title {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .block-newslist .newslist__item-title {
    font-size: 2.1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .block-newslist .newslist__item-title {
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }
}
.block-newslist .newslist__item-note {
  line-height: 1.47;
  color: #1D1D1F;
}
.block-newslist.newslist--main {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  max-width: none;
}
@media (max-width: 767.98px) {
  .block-newslist.newslist--main {
    display: block;
  }
}
@media (max-width: 575.98px) {
  .block-newslist.newslist--main {
    margin-bottom: 3rem;
  }
}
.block-newslist.newslist--main .newslist__pic {
  flex: 1 0 50%;
}
@media (max-width: 575.98px) {
  .block-newslist.newslist--main .newslist__pic {
    max-height: 300px;
  }
}
.block-newslist.newslist--main .newslist__item {
  flex: 1 0 50%;
}

.block-news .news__pic {
  overflow: hidden;
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .block-news .news__pic {
    margin-bottom: 2rem;
  }
}
.block-news .news__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-news .news__date {
  font-size: 2.1rem;
  color: #6E6E73;
  font-weight: 500;
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .block-news .news__date {
    font-size: 1.9rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  .block-news .news__date {
    font-size: 1.7rem;
  }
}
.block-news .news__title {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .block-news .news__title {
    font-size: 3.2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  .block-news .news__title {
    font-size: 2.5rem;
  }
}
.block-news .news__note p {
  line-height: 1.47;
}

.block-presslist {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.block-presslist .presslist__item {
  flex: 1 1 30rem;
  max-height: 50rem;
  max-width: 37rem;
  margin: 0 0.5rem 3rem 0.5rem;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .block-presslist .presslist__item {
    margin-bottom: 4rem;
  }
}
.block-presslist .presslist__item .presslist__item-title {
  display: inline-block;
  font-size: 1.3rem;
  color: #6E6E73;
  white-space: nowrap;
  padding: 0.2rem 1rem;
  background-color: #E7E7E9;
}
.block-presslist .presslist__item .presslist__item-pic {
  overflow: hidden;
  padding: 0.5rem;
  border: solid 1px #E7E7E9;
  box-shadow: 0 2px 8px 0 rgba(29, 29, 31, 0.1);
  height: 100%;
}
.block-presslist .presslist__item .presslist__item-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.3s;
}
.block-presslist .presslist__item:hover .presslist__item-pic img {
  scale: 1.02;
}

.block-exhibitionlist {
  display: block;
  background-color: #1D1D1F;
  color: #C3C3C6;
  text-decoration: none !important;
  max-width: 530px;
  margin: 0 auto 1rem auto;
}
@media (max-width: 575.98px) {
  .block-exhibitionlist {
    margin-bottom: 2rem;
  }
}
.block-exhibitionlist:hover {
  color: rgb(255, 255, 255);
}
.block-exhibitionlist:hover .exhibitionlist__item-note {
  color: rgb(255, 255, 255);
}
.block-exhibitionlist:hover .exhibitionlist__pic img {
  scale: 1.05;
}
.block-exhibitionlist .exhibitionlist__pic {
  overflow: hidden;
  min-height: 2rem;
}
@media (max-width: 575.98px) {
  .block-exhibitionlist .exhibitionlist__pic {
    min-height: auto;
  }
}
.block-exhibitionlist .exhibitionlist__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
.block-exhibitionlist .exhibitionlist__item {
  padding: 0 4rem 4rem 4rem;
}
@media (max-width: 767.98px) {
  .block-exhibitionlist .exhibitionlist__item {
    padding: 0 2rem 2rem 2rem;
  }
}
.block-exhibitionlist .exhibitionlist__item-title {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: rgb(255, 255, 255);
}
@media (max-width: 767.98px) {
  .block-exhibitionlist .exhibitionlist__item-title {
    font-size: 3.2rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .block-exhibitionlist .exhibitionlist__item-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
}
.block-exhibitionlist .exhibitionlist__item-note {
  line-height: 1.47;
  color: #C3C3C6;
  transition: 0.3s;
}

.block-exhibition .exhibition__title {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
  .block-exhibition .exhibition__title {
    font-size: 3.2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  .block-exhibition .exhibition__title {
    font-size: 2.5rem;
  }
}
.block-exhibition .exhibition__note p {
  line-height: 1.47;
}

.block-bottomnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.block-bottomnav > a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #6E6E73;
  line-height: 1.1;
  transition: 0.3s;
  font-weight: 500;
  min-width: 20rem;
}
@media (max-width: 767.98px) {
  .block-bottomnav > a {
    min-width: 3rem;
  }
}
.block-bottomnav > a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.block-bottomnav > a:hover span {
  text-decoration: underline;
}
.block-bottomnav > a.disabled {
  pointer-events: none;
  opacity: 0.33;
}
@media (max-width: 767.98px) {
  .block-bottomnav > a span {
    display: none;
  }
}
.block-bottomnav i {
  display: block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 2.5rem;
}
.block-bottomnav .bottomnav__left {
  text-align: left;
}
.block-bottomnav .bottomnav__left i {
  margin-right: 0.8rem;
}
@media (max-width: 767.98px) {
  .block-bottomnav .bottomnav__left i {
    margin-right: auto;
  }
}
.block-bottomnav .bottomnav__center {
  text-align: center;
}
.block-bottomnav .bottomnav__center i {
  margin-right: 0.8rem;
}
@media (max-width: 767.98px) {
  .block-bottomnav .bottomnav__center i {
    margin-left: auto;
    margin-right: auto;
  }
}
.block-bottomnav .bottomnav__right {
  text-align: right;
}
.block-bottomnav .bottomnav__right i {
  margin-left: 0.8rem;
}
@media (max-width: 767.98px) {
  .block-bottomnav .bottomnav__right i {
    margin-left: auto;
  }
}

.block-download {
  display: block;
  font-size: 2.1rem;
  margin: 2rem 3rem 2rem 0;
  color: #1D1D1F;
}
@media (max-width: 767.98px) {
  .block-download {
    font-size: 1.9rem;
  }
}
@media (max-width: 575.98px) {
  .block-download {
    font-size: 1.7rem;
    margin: 1rem 0;
  }
}
.block-download:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.block-download:hover b {
  text-decoration: underline;
}
.block-download:hover .download__type {
  text-decoration-color: rgb(255, 255, 255);
}
.block-download b {
  display: block;
  font-weight: 500;
}
.block-download .download__type {
  display: block;
  font-size: 1.7rem;
  color: #6E6E73 !important;
  margin-top: 0.3rem;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .block-download .download__type {
    font-size: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .block-download .download__type {
    font-size: 1.5rem;
    margin-top: 0.1rem;
  }
}
.block-download .download__type:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 300;
  margin-right: 0.8rem;
}
.block-download .download__type.type--xls:before {
  content: "\f1c3";
}
.block-download .download__type.type--pdf:before {
  content: "\f1c1";
}
.block-download .download__type.type--zip:before {
  content: "\f1c6";
}