.transition-fade,
.transition-fade-up,
.transition-fade-down,
.transition-fade-left,
.transition-fade-right {
  opacity: 1;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  transition-duration: 1.5s;
  transition-timing-function: ease-in-out;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

html.is-animating .transition-fade {
  opacity: 0; }

html.is-animating .transition-fade-up {
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0); }

html.is-animating .transition-fade-down {
  opacity: 0;
  -webkit-transform: translate3d(0, -100px, 0);
          transform: translate3d(0, -100px, 0); }

html.is-animating .transition-fade-left {
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0); }

html.is-animating .transition-fade-right {
  opacity: 0;
  -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0); }

.transition-duration-1_5s {
  transition-duration: 1.5s; }

.transition-duration-2s {
  transition-duration: 2s; }

.slick-slide:focus {
  outline: none; }

.no__before::before {
  display: none; }

.font_title__600 {
  font-family: "Montserrat" !important;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #E0E0E0; }

.header__main {
  font-size: 14px;
  font-family: "Montserrat";
  background: #000000;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 60; }
  .header__main.is-scrolling {
    background: rgba(0, 0, 0, 0.85); }
    .header__main.is-scrolling .header__logo {
      padding-top: 20px;
      padding-bottom: 12px; }
  .header__main .navbar-toggler {
    position: absolute;
    outline: none;
    box-shadow: none;
    border: none;
    font-size: 14px;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 123; }

.header__logo {
  margin: 0 auto;
  transition: all 0.5s ease-in-out;
  padding-top: 20px;
  padding-bottom: 12px; }
  .header__logo a {
    display: flex;
    align-items: center;
    justify-content: center; }

.header__mini .header__logo {
  padding-top: 1.42857em;
  padding-bottom: 1.42857em; }

.header__nav {
  opacity: 0;
  visibility: hidden;
  background: rgba(40, 40, 40, 0.95);
  z-index: -1;
  position: fixed;
  top: 0;
  left: -260px;
  width: 260px;
  padding-top: 8.57143em;
  height: 100vh;
  overflow: auto;
  padding-bottom: 1em;
  transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .header__nav.active {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
    visibility: visible;
    z-index: 12;
    left: 0; }

.header__menu {
  padding: 0; }
  .header__menu .navbar-nav .nav-item {
    transition: all 0.3s ease-in-out 0s;
    position: relative;
    padding: 0; }
    .header__menu .navbar-nav .nav-item .nav-link {
      color: #F2F2F2;
      transition: all 0.3s ease-in-out 0s;
      padding: 0 1.66667em;
      font-size: 1.28571em;
      padding-top: 0.77778em;
      padding-bottom: 0.77778em;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-weight: 300; }
    .header__menu .navbar-nav .nav-item span {
      position: absolute;
      z-index: 12;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #ffffff;
      transition: all 0.3s linear 0s;
      top: 8px;
      right: 20px;
      margin: 0; }
    .header__menu .navbar-nav .nav-item:hover, .header__menu .navbar-nav .nav-item.active {
      background: rgba(198, 198, 198, 0.1); }
      .header__menu .navbar-nav .nav-item:hover .nav-link, .header__menu .navbar-nav .nav-item.active .nav-link {
        color: #D6B96F;
        padding-left: 1.94444em; }
      .header__menu .navbar-nav .nav-item:hover span, .header__menu .navbar-nav .nav-item.active span {
        color: #D6B96F; }
    .header__menu .navbar-nav .nav-item.active span {
      color: #D6B96F;
      -webkit-transform: rotate(0);
              transform: rotate(0); }
  .header__menu .navbar-nav__child {
    width: 100%;
    border-top: 1px solid #2F2F30;
    padding-top: 15px;
    padding-bottom: 15px;
    display: none; }
    .header__menu .navbar-nav__child .nav-link__child {
      font-size: 1em;
      display: block;
      color: #F2F2F2;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-weight: 300;
      position: relative; }
    .header__menu .navbar-nav__child li {
      padding-left: 3.92857em;
      margin-bottom: 1.07143em;
      padding-right: 0.71429em;
      position: relative; }
      .header__menu .navbar-nav__child li::before {
        content: "";
        position: absolute;
        left: 0;
        height: 2px;
        width: 20px;
        background: #D6B96F;
        top: 50%;
        margin-top: -1px;
        opacity: 0;
        transition: all 0.3s ease-in-out 0s; }
      .header__menu .navbar-nav__child li:last-child() {
        margin-bottom: 0; }
      .header__menu .navbar-nav__child li:hover::before, .header__menu .navbar-nav__child li.active::before {
        left: 25px;
        opacity: 1; }
      .header__menu .navbar-nav__child li:hover a, .header__menu .navbar-nav__child li.active a {
        color: #D6B96F;
        padding-left: 0.35714em; }
        .header__menu .navbar-nav__child li:hover a::before, .header__menu .navbar-nav__child li.active a::before {
          opacity: 1;
          margin: 0; }

.header__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  display: none; }
  .header__overlay.active {
    display: block; }

@media (max-width: 576px) {
  .header__main {
    font-size: 13px; }
    .header__main .navbar-toggler {
      left: 15px; } }



.home {
  padding-top: 151px; }
  .home .header__logo {
    padding-top: 3.57143em;
    padding-bottom: 2.57143em; }

.footer__steenify {
  font-size: 14px;
  padding-top: 2.5em; }

.footer__top {
  margin-bottom: 2.5em; }
  .footer__top__title {
    font-weight: 500;
    font-size: 1.14286em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #D6B96F;
    margin-bottom: 0.3125em; }
  .footer__top__des {
    font-size: 1em;
    color: #C7C7C7;
    max-width: 410px;
    margin: 0 auto;
    margin-bottom: 0.71429em; }

.footer__bottom {
  border-top: 1px solid #333333;
  padding: 2.14286em 0; }

.footer__social {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .footer__social__list {
    display: flex;
    margin-bottom: 0;
    margin-left: 0.21429em; }
    .footer__social__list li {
      margin-left: 1.07143em; }
    .footer__social__list a {
      color: #7F7F7F; }
      .footer__social__list a:hover {
        color: #D6B96F; }
  .footer__social__label {
    margin-bottom: 0;
    font-size: 1em;
    text-align: center;
    text-transform: capitalize;
    color: #D6B96F;
    white-space: nowrap; }

.footer__hotline a {
  font-size: 1em;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: #ffffff; }
  .footer__hotline a span {
    color: #D6B96F; }

@media (max-width: 576px) {
  .footer__social {
    justify-content: center; }
  .footer__hotline {
    text-align: center;
    margin-bottom: 15px; } }

.steen-pagination {
  font-size: 14px;
  margin-bottom: 0.42857em; }
  .steen-pagination ul {
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center; }
  .steen-pagination__item {
    margin: 0 0.57143em; }
    .steen-pagination__item a {
      width: 1.33333em;
      font-size: 1em;
      text-align: center;
      text-transform: capitalize;
      display: inline-block;
      color: #ffffff; }
      .steen-pagination__item a:hover {
        color: #D6B96F;
        font-weight: bold; }
    .steen-pagination__item.active a {
      color: #D6B96F;
      font-weight: 800; }
  .steen-pagination__prev a {
    border-radius: 1px;
    color: #ffffff;
    width: 27px;
    height: 18px;
    line-height: 16px; }
    .steen-pagination__prev a:hover {
      color: #D6B96F; }
  .steen-pagination__next a {
    border-radius: 1px;
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
    color: #ffffff;
    width: 27px;
    height: 18px;
    line-height: 16px; }
    .steen-pagination__next a:hover {
      color: #D6B96F; }

.steenify-breadcrumb {
  padding-top: 24px; }
  .steenify-breadcrumb .breadcrumb {
    background: transparent;
    padding-left: 0;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto; }
    .steenify-breadcrumb .breadcrumb-item a {
      color: #E0E0E0; }
    .steenify-breadcrumb .breadcrumb-item.active {
      color: #D6B96F; }

.product-item {
  text-align: center;
  transition: all 0.3s ease-in-out;
  position: relative;
  font-size: 14px;
  padding: 2.14286em 1.07143em; }
  .product-item__img {
    margin-bottom: 15px; }
    .product-item__img img {
      margin: auto; }
  .product-item__title {
    font-size: 1.14286em;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out; }
  .product-item__des {
    font-size: 0.85714em;
    letter-spacing: 0.02em;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out; }
  @media (max-width: 576px) {
    .product-item {
      padding: 1.07143em; } }
  .product-item:hover {
    -webkit-transform: translate3d(0, -3px, 0);
            transform: translate3d(0, -3px, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }

.sellect_control {
  border-bottom: 1px solid #3C3C3C;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 14px;
  color: #E0E0E0;
  -webkit-transform: translate3d(0, -1px, 0);
          transform: translate3d(0, -1px, 0); }
  .sellect_control__list {
    border-radius: 0;
    font-size: 14px;
    height: 1.42857em;
    border: none;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #E0E0E0;
    padding: 0; }
    .sellect_control__list:hover, .sellect_control__list:active, .sellect_control__list:focus {
      background: transparent; }
  .sellect_control__btn {
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: none;
    background: #000000;
    width: 3.5em;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    z-index: -1; }

.contact_form {
  border-bottom: 1px solid #191919;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 14px;
  color: #333333;
  max-width: 386px;
  margin: 0 auto; }
  .contact_form br {
    display: none; }
  .contact_form p {
    margin-bottom: 0;
    position: relative; }
  .contact_form .wpcf7-form-control-wrap {
    display: block;
    position: static; }
  .contact_form .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -20px;
    left: 5px; }
  .contact_form__input {
    border-radius: 0;
    font-size: 14px;
    height: 1.42857em;
    background: transparent;
    border: none;
    color: #D6B96F !important;
    padding: 0; }
    .contact_form__input:active, .contact_form__input:focus {
      background: transparent; }
  .contact_form__btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: none;
    background: transparent;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    color: #E0E0E0; }
    .contact_form__btn:hover, .contact_form__btn:focus, .contact_form__btn:active {
      color: #D6B96F; }

.toast_modal .modal-dialog {
  max-width: 100%;
  margin: 0; }

.toast_modal .modal-content {
  border-radius: 0;
  border: none; }

.toast_modal .modal-body {
  text-align: center;
  color: #ffffff;
  background: #000000; }

.toast_modal__message {
  white-space: nowrap;
  font-weight: bold;
  line-height: normal;
  font-size: 18px;
  letter-spacing: 0.02em;
  margin-bottom: 0.57143em; }

.toast_modal.success .modal-body {
  background-color: #D6B96F; }

.toast_modal.fail .modal-body {
  background-color: #dd6705; }

.page__header {
  margin-bottom: 3.57143em;
  position: relative;
  z-index: 1; }

.page__nav {
  font-family: "Montserrat";
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0; }
  .page__nav__item {
    padding: 0 0.71429em; }
  .page__nav__link {
    font-size: 0.85714em;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    white-space: nowrap;
    position: relative;
    text-decoration: none !important;
    font-weight: 600; }
    .page__nav__link:before {
      content: '';
      height: 1px;
      width: 100%;
      position: absolute;
      bottom: 0px;
      margin-bottom: -2px;
      transition: ease 0.3s;
      background: transparent;
      opacity: 0; }
    .page__nav__link.active, .page__nav__link:hover {
      color: #D6B96F; }
      .page__nav__link.active:before, .page__nav__link:hover:before {
        opacity: 1;
        margin-bottom: 0px;
        background: currentColor; }
  .page__nav__active {
    color: #D6B96F; }
    .page__nav__active:before {
      opacity: 1;
      margin-bottom: 0px;
      background: currentColor; }

@media (max-width: 991px) {
  .page__nav {
    margin-top: 1.07143em;
    justify-content: center; }
  .page__header {
    margin-bottom: 2.85714em; } }

@media (max-width: 768px) {
  .page__nav {
    margin-top: 1.07143em;
    justify-content: flex-start;
    overflow: auto; } }

.category_nav {
  font-size: 14px;
  background: #ffffff;
  padding-top: 3.78571em;
  padding-bottom: 2.14286em;
  overflow: auto; }
  .category_nav__list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: unset; }
  .category_nav__item {
    padding: 0 1.07143em; }
  .category_nav__link {
    font-family: "Montserrat";
    font-size: 0.85714em;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    display: block;
    position: relative;
    white-space: nowrap;
    font-weight: 500; }
    .category_nav__link:hover {
      color: #8E7C6C; }
    .category_nav__link:before {
      content: "";
      position: absolute;
      top: 50%;
      left: -12px;
      background: #8E7C6C;
      height: 1px;
      width: 29px;
      opacity: 0; }
  .category_nav__active {
    font-size: 1.78571em;
    color: #8E7C6C;
    padding-left: 50px; }
    .category_nav__active::before {
      opacity: 1; }
  @media (max-width: 768px) {
    .category_nav__list {
      justify-content: left; } }

@-webkit-keyframes hover_image_anim {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes hover_image_anim {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.about__page {
  font-size: 14px; }

.about__header {
  margin-bottom: 4.35714em; }

.about__nav {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  font-family: "Montserrat";
  text-transform: uppercase; }
  .about__nav__item {
    padding: 0 0.78571em; }
  .about__nav__link {
    font-size: 1em;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    white-space: nowrap; }
    .about__nav__link.active, .about__nav__link:hover {
      color: #D6B96F;
      text-decoration: underline; }

.about__item {
  margin-bottom: 2.14286em;
  text-align: center;
  overflow: hidden; }

.about__img {
  background: none;
  border: 0;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  margin-bottom: 2.14286em;
  padding: 2px;
  transition: all 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .about__img::before, .about__img::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%; }
  .about__img:hover {
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.about__name {
  font-family: "Montserrat";
  font-size: 24px;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #E0E0E0;
  position: relative;
  padding-top: 0.83333em;
  transition: all 0.25s ease-out; }
  .about__name:hover {
    color: #D6B96F; }
  .about__name::before {
    content: "";
    background: #D6B96F;
    height: 1px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px; }

.about__animation {
  position: relative;
  transition: all 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .about__animation::before, .about__animation::after {
    border: 2px solid transparent;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%; }
  .about__animation::after {
    bottom: 0;
    right: 0; }
  .about__animation:hover {
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .about__animation:hover::after {
      border: 2px solid #D6B96F;
      -webkit-animation-name: hover_image_anim;
      animation-name: hover_image_anim;
      -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
      animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }

.about__body {
  padding-bottom: 0.92857em; }

@media (max-width: 991px) {
  .about__nav {
    margin-top: 1.07143em;
    justify-content: center; }
  .about__header {
    margin-bottom: 2.85714em; }
  .about__body {
    padding-bottom: 0; } }

@media (max-width: 768px) {
  .about__page {
    font-size: 13px; }
  .about__nav {
    margin-top: 1.07143em;
    justify-content: flex-start;
    overflow: auto; } }

@media (max-width: 400px) {
  .about__page .page__nav__item {
    padding: 0;
    padding-right: 10px; } }

.about__page--my-color .page__nav__link, .about__page--4organges .page__nav__link, .about__page--certificate .page__nav__link {
  font-weight: 600;
  font-size: 1em;
  text-transform: uppercase; }

.about__page--my-color .page__header, .about__page--4organges .page__header, .about__page--certificate .page__header {
  margin-bottom: 6.35714em; }

@media (max-width: 991px) {
  .about__page--my-color .page__header, .about__page--4organges .page__header, .about__page--certificate .page__header {
    margin-bottom: 2.85714em; } }

.about__page--certificate .page__header {
  margin-bottom: 2.85714em; }

.mykolor_slider {
  font-size: 14px; }
  .mykolor_slider .container {
    max-width: 1026px; }
  .mykolor_slider .slick-prev {
    right: -60px; }
    .mykolor_slider .slick-prev:hover {
      color: #D6B96F; }
  .mykolor_slider .slick-next {
    left: -60px; }
    .mykolor_slider .slick-next:hover {
      color: #D6B96F; }
  .mykolor_slider__list {
    margin-bottom: 3.21429em;
    opacity: 0; }
    .mykolor_slider__list.slick-initialized {
      opacity: 1; }
  .mykolor_slider__item {
    text-align: center;
    padding: 0.35714em;
    outline: none; }
    .mykolor_slider__item:hover .mykolor_slider__sub {
      color: #D6B96F; }
  .mykolor_slider__img {
    margin-bottom: 1.07143em; }
  .mykolor_slider__sub {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.05em;
    color: #828282;
    transition: all 0.3s ease-in-out; }
  .mykolor_slider__info {
    text-align: center;
    margin-bottom: 3.21429em; }
  .mykolor_slider__title {
    font-family: "Montserrat";
    font-size: 2.5em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #D6B96F;
    margin-bottom: 0.57143em; }
  .mykolor_slider__des {
    max-width: 630px;
    font-size: 1em;
    text-align: center;
    letter-spacing: 0.05em;
    color: #BABABA;
    margin: auto; }
  .mykolor_slider .slick-dots {
    margin-top: -0.71429em; }
    .mykolor_slider .slick-dots button {
      margin: 5px 10px; }

.mykolor_brands {
  font-size: 14px;
  background: #151515;
  padding-top: 4em;
  padding-bottom: 4em; }
  .mykolor_brands .container {
    max-width: 991px; }
  .mykolor_brands__sub_top {
    font-size: 1em;
    text-align: center;
    letter-spacing: 0.05em;
    color: #BABABA;
    margin-bottom: 2.14286em; }
  .mykolor_brands__sub_bottom {
    font-size: 1em;
    text-align: center;
    letter-spacing: 0.05em;
    color: #BABABA;
    max-width: 566px;
    margin: auto;
    margin-top: 2.85714em; }
  .mykolor_brands__item {
    height: 100%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    outline: none; }
    .mykolor_brands__item img {
      margin: auto;
      transition: all 0.3s ease-in-out; }
    .mykolor_brands__item:hover img {
      -webkit-transform: scale(1.025);
      transform: scale(1.025);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  .mykolor_brands__list {
    opacity: 0; }
    .mykolor_brands__list.slick-initialized {
      opacity: 1; }
    .mykolor_brands__list .slick-track {
      display: flex; }
    .mykolor_brands__list .slick-slide {
      height: auto; }
      .mykolor_brands__list .slick-slide > div {
        height: 100%; }

.mykolor_logo {
  font-size: 14px;
  margin-top: 2.57143em;
  margin-bottom: 5.71429em; }
  .mykolor_logo .container {
    max-width: 991px; }
  .mykolor_logo__list {
    opacity: 0; }
    .mykolor_logo__list.slick-initialized {
      opacity: 1; }
    .mykolor_logo__list .slick-track {
      display: flex; }
    .mykolor_logo__list .slick-slide {
      height: auto; }
      .mykolor_logo__list .slick-slide > div {
        height: 100%; }
  .mykolor_logo__item {
    height: 100%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 15px; }
    .mykolor_logo__item img {
      margin: auto;
      transition: all 0.3s ease-in-out; }
    .mykolor_logo__item:hover img {
      -webkit-transform: scale(1.025);
      transform: scale(1.025);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }

.mykolor_info {
  font-size: 14px;
  margin-bottom: 3.21429em; }
  .mykolor_info__item {
    margin-bottom: 1.07143em; }
  .mykolor_info__text {
    position: relative;
    padding-top: 2.14286em;
    max-width: 386px; }
    .mykolor_info__text::after {
      content: '';
      height: 2px;
      width: 50px;
      background: #D6B96F;
      position: absolute;
      top: 0;
      left: 0; }
    .mykolor_info__text__center {
      margin: auto; }
  .mykolor_info__des {
    font-size: 1em;
    line-height: normal;
    letter-spacing: 0.05em;
    color: #bababa;
    margin-bottom: 1.57143em;
    text-align: justify; }
  .mykolor_info__img {
    margin-bottom: 2.14286em; }
  @media (max-width: 991px) {
    .mykolor_info__img {
      order: -1; }
    .mykolor_info__text {
      max-width: 100%; } }

.certificate_about {
  font-size: 14px;
  padding-bottom: 4.28571em;
  padding-top: 1.42857em; }
  .certificate_about__info {
    text-align: left; }
  .certificate_about__title {
    font-family: "Montserrat";
    font-size: 2.5em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 0.85714em;
    padding-bottom: 0.85714em;
    position: relative;
    text-align: center;
    padding-top: 0.85714em;
    transition: all 0.3s ease-in-out; }
    .certificate_about__title:before {
      content: "";
      position: absolute;
      bottom: 12px;
      width: 65px;
      height: 1px;
      left: 50%;
      margin-left: -33px;
      background: #D6B96F; }
    .certificate_about__title:hover {
      color: #D6B96F; }
  .certificate_about__sub-title {
    color: #ffffff;
    font-family: "Montserrat";
    font-size: 1.78571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-bottom: 1.2em;
    padding-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    width: 100%; }
  .certificate_about__desc {
    margin-bottom: 6.78571em; }
  .certificate_about__iso-images {
    text-align: center;
    margin-bottom: 2.5em;
    width: 100%;
    margin-bottom: 7.14286em; }
    .certificate_about__iso-images:hover .certificate_about__img-title {
      color: #D6B96F; }
    .certificate_about__iso-images .certificate_about__img-title {
      font-family: "Montserrat";
      font-size: 1.78571em;
      margin-top: 0;
      margin-bottom: 0.8em;
      text-align: center; }
  .certificate_about__img-title {
    color: #ffffff;
    margin-top: 1.42857em;
    display: block;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    text-align: left; }
  .certificate_about__img-desc {
    padding-top: 3em; }
  .certificate_about__brands_cert:hover + .certificate_about__img-title {
    color: #D6B96F; }
  .certificate_about .ptop-50 {
    padding-top: 50px; }
  .certificate_about .ptop-35 {
    padding-top: 35px; }
  .certificate_about .about__animation {
    display: inline-block;
    padding: 0 1.07143em; }
  @media (max-width: 991px) {
    .certificate_about {
      padding-top: 0; }
      .certificate_about__des {
        max-width: 100%;
        margin-bottom: 1.07143em; }
      .certificate_about__title br {
        display: none; } }
  @media (max-width: 768px) {
    .certificate_about__sub-title {
      padding-left: 0; }
    .certificate_about__iso-images .certificate_about__img-title {
      padding-left: 0; } }

.organges4_about {
  font-size: 14px;
  padding-bottom: 4.28571em;
  padding-top: 1.42857em; }
  .organges4_about__info {
    text-align: left;
    padding-left: 3.57143em; }
  .organges4_about__title {
    font-family: "Montserrat";
    font-size: 2.5em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #D6B96F;
    margin-bottom: 0.85714em;
    padding-bottom: 0.85714em;
    position: relative; }
    .organges4_about__title:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 51px;
      height: 1px;
      background: #D6B96F; }
  .organges4_about__des {
    max-width: 387px;
    font-size: 1em;
    line-height: normal;
    letter-spacing: 0.05em;
    color: #BABABA;
    text-align: justify; }
  .organges4_about__img {
    margin-bottom: 1.14286em; }
    .organges4_about__img:hover + .organges4_about__tag {
      color: #D6B96F; }
  .organges4_about__tag {
    font-weight: 300;
    font-size: 0.85714em;
    line-height: normal;
    letter-spacing: 0.05em;
    color: #828282;
    transition: all 0.25s ease-out; }
    .organges4_about__tag:hover {
      color: #D6B96F; }
  @media (max-width: 991px) {
    .organges4_about {
      padding-top: 0; }
      .organges4_about__des {
        max-width: 100%;
        margin-bottom: 1.07143em; }
      .organges4_about__title br {
        display: none; }
      .organges4_about__info {
        padding-left: 0; } }
  @media (max-width: 576px) {
    .organges4_about {
      font-size: 13px; }
      .organges4_about__title {
        font-size: 2.14286em; } }

.mykolor_slider--4organges .mykolor_slider__list {
  opacity: 1; }

.mykolor_slider--4organges .about__animation {
  display: inline-block; }

.organges4_number {
  font-size: 14px;
  background: #151515;
  padding-top: 5.71429em;
  padding-bottom: 5.71429em; }
  .organges4_number__des {
    font-size: 1em;
    line-height: normal;
    letter-spacing: 0.05em;
    color: #F2F2F2;
    margin-bottom: 1.85714em;
    text-align: justify; }
  .organges4_number__left {
    max-width: 484px;
    padding-left: 3.57143em; }
  .organges4_number__right {
    display: flex;
    justify-content: space-between; }
  .organges4_number__item {
    padding-left: 1.21429em;
    position: relative;
    margin-bottom: 1.07143em; }
    .organges4_number__item::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: 2.28571em;
      background: #D6B96F; }
    .organges4_number__item:hover .organges4_number__title, .organges4_number__item:hover .organges4_number__sub {
      color: #D6B96F; }
  .organges4_number__title {
    font-family: "Montserrat";
    font-size: 2.57143em;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #F2F2F2;
    margin-bottom: 0.27778em;
    transition: all 0.25s ease-out; }
  .organges4_number__sub {
    font-size: 0.85714em;
    line-height: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #F2F2F2;
    transition: all 0.25s ease-out; }
  @media (max-width: 991px) {
    .organges4_number {
      padding-top: 3.57143em; }
      .organges4_number__left {
        max-width: 100%;
        padding-left: 0; } }
  @media (max-width: 576px) {
    .organges4_number__right {
      flex-wrap: wrap;
      flex-direction: column; } }

.organges4_info {
  font-size: 14px;
  padding-top: 2.85714em; }
  .organges4_info__item {
    margin: 0 auto;
    margin-bottom: 2.85714em;
    max-width: 45em; }
  .organges4_info__des {
    font-size: 1em;
    letter-spacing: 0.05em;
    color: #DFF0F3;
    position: relative;
    padding-top: 1.71429em;
    padding-left: 3.57143em;
    text-align: justify; }
    .organges4_info__des::before {
      content: "";
      position: absolute;
      top: 0;
      left: 3.57143em;
      height: 1px;
      width: 52px;
      background: #D6B96F; }
  .organges4_info__img {
    margin-bottom: 1.21429em; }
    .organges4_info__img:hover + .organges4_info__sub {
      color: #D6B96F; }
  .organges4_info__sub {
    font-weight: 300;
    font-size: 0.85714em;
    letter-spacing: 0.05em;
    color: #828282;
    transition: all 0.25s ease-out; }
    .organges4_info__sub:hover {
      color: #D6B96F; }
  .organges4_info__first {
    margin-top: -50px; }
    .organges4_info__first .organges4_info__des {
      margin-bottom: 4.28571em; }
    .organges4_info__first .organges4_info__img {
      position: relative;
      -webkit-transform: translateX(1px);
              transform: translateX(1px); }
      .organges4_info__first .organges4_info__img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #000000;
        z-index: -1;
        -webkit-transform: translateX(20px) translateY(-20px);
                transform: translateX(20px) translateY(-20px); }
      .organges4_info__first .organges4_info__img img {
        z-index: 2; }
  .organges4_info__second .organges4_info__des {
    margin: auto;
    margin-bottom: 4.28571em; }
  .organges4_info__second .organges4_info__img {
    padding-right: 2.14286em; }
  @media (max-width: 991px) {
    .organges4_info__responsive {
      order: -1; }
    .organges4_info__des {
      max-width: 100%;
      margin-bottom: 1.42857em !important;
      padding-left: 0; }
      .organges4_info__des::before {
        left: 0; }
    .organges4_info__img {
      padding: 0 !important; } }

.color__page {
  font-size: 14px; }

.color__search {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .color__search__label {
    font-size: 1em;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.05em;
    color: #E0E0E0;
    margin-right: 0.71429em; }
  .color__search__category {
    position: relative;
    margin-right: 1.42857em;
    padding-right: 1.07143em; }
    .color__search__category:after {
      top: 8px;
      right: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #fff;
      border-width: 5px;
      margin-left: -5px; }
  .color__search__select {
    background: none;
    border: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .color__search__wrapper {
    flex: 1;
    position: relative; }
  .color__search__input {
    width: 100%;
    height: 40px;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    border-bottom: 1px solid #191919;
    color: #fff; }
    .color__search__input::-webkit-input-placeholder {
      color: #4E4E4E; }
    .color__search__input::-ms-input-placeholder {
      color: #4E4E4E; }
    .color__search__input::placeholder {
      color: #4E4E4E; }
  .color__search__btn {
    background: none;
    border: none;
    color: #ffffff;
    position: absolute;
    right: 0;
    height: 40px;
    top: 0; }

.color__title {
  margin-bottom: 3.57143em;
  position: relative;
  z-index: 1; }

.color__item {
  margin-bottom: 3.57143em; }
  .color__item__info {
    padding: 0 3.57143em; }
    .color__item__info:hover .color__item__title a {
      color: #D6B96F; }
  .color__item__title {
    font-family: "Montserrat";
    font-size: 1.78571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 0.6em; }
    .color__item__title a {
      color: #E0E0E0; }
      .color__item__title a:hover {
        color: #D6B96F; }
  .color__item__des {
    font-size: 1em;
    letter-spacing: 0.05em;
    color: #E0E0E0;
    margin-bottom: 1.07143em; }
  .color__item__colors {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 2.57143em; }
  .color__item__color {
    height: 15px;
    flex: 1; }
    .color__item__color:hover {
      cursor: pointer;
      opacity: 0.8; }
  .color__item__btn {
    color: #ffffff; }
    .color__item__btn svg {
      transition: margin 0.3s ease-in-out; }
    .color__item__btn:hover {
      color: #D6B96F; }
  .color__item__img {
    margin-bottom: 1.07143em; }
    .color__item__img img {
      width: 100%; }
  .color__item:nth-child(even) .color__item__img {
    order: 3; }

.color__list .container {
  max-width: 991px; }

@media (max-width: 991px) {
  .color__item__img {
    order: -1 !important; } }

@media (max-width: 768px) {
  .color__item__info {
    padding: 0; } }

@media (max-width: 576px) {
  .color__search__wrapper {
    flex: initial;
    width: 100%; } }

.auto_complete__list {
  display: none;
  padding: 0;
  max-height: 300px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  overflow-y: scroll;
  background: #fff;
  position: absolute;
  top: 100%;
  width: 100%;
  right: 0;
  min-width: 300px;
  left: auto; }
  .auto_complete__list li a {
    color: #232323;
    display: flex;
    align-items: center;
    padding: 7px; }
    .auto_complete__list li a:hover {
      color: #D6B96F; }
  .auto_complete__list.is-loading {
    display: block;
    transition: visibility 0s, opacity 0.5s linear; }

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

.autocomplete-color {
  width: 30px;
  height: 20px;
  display: inline-flex;
  margin-right: 7px; }

.loading {
  position: relative;
  width: 100%;
  height: 100px; }
  .loading.hidden {
    display: none; }

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  left: 40%;
  right: 40%;
  top: 15%; }

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fdd;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #D6B96F transparent transparent transparent; }

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s; }

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.color_detail__page {
  font-size: 14px; }

.color_detail__content {
  padding-bottom: 4.71429em;
  padding-top: 1.07143em; }

.color_detail__search {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .color_detail__search__label {
    font-size: 1em;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.05em;
    color: #E0E0E0;
    margin-right: 0.71429em; }
  .color_detail__search__category {
    position: relative;
    margin-right: 1.42857em;
    padding-right: 1.07143em; }
    .color_detail__search__category:after {
      top: 8px;
      right: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #fff;
      border-width: 5px;
      margin-left: -5px; }
  .color_detail__search__select {
    background: none;
    border: none;
    color: #E0E0E0;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .color_detail__search__wrapper {
    flex: 1;
    position: relative; }
  .color_detail__search__input {
    width: 100%;
    height: 40px;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    border-bottom: 1px solid #191919;
    color: #fff; }
    .color_detail__search__input::-webkit-input-placeholder {
      color: #4E4E4E; }
    .color_detail__search__input::-ms-input-placeholder {
      color: #4E4E4E; }
    .color_detail__search__input::placeholder {
      color: #4E4E4E; }
  .color_detail__search__btn {
    background: none;
    border: none;
    color: #ffffff;
    position: absolute;
    right: 0;
    height: 40px;
    top: 0; }

.color_detail__title {
  margin-bottom: 3.57143em;
  position: relative;
  z-index: 1; }

.color_detail__img {
  padding-left: 3.21429em; }

.color_detail__info {
  position: relative;
  background: #ffffff;
  max-width: 600px;
  top: -5em;
  padding: 2.14286em 3.57143em;
  padding-left: 4.71429em; }
  .color_detail__info:hover .color_detail__name {
    color: #D6B96F; }
    .color_detail__info:hover .color_detail__name::after {
      left: 10px; }

.color_detail__colors {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  display: flex;
  flex-direction: column; }

.color_detail__color {
  flex: 1;
  width: 100%; }

.color_detail__name {
  font-family: "Montserrat";
  font-size: 1.78571em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #232323;
  position: relative;
  padding-bottom: 0.4em;
  margin-bottom: 0.4em;
  transition: all 0.3s ease-in-out; }
  .color_detail__name::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 35px;
    background: #D6B96F;
    transition: all 0.3s ease-in-out; }

.color_detail__des {
  font-size: 1em;
  letter-spacing: 0.05em;
  color: #232323; }

.color_detail__selected {
  margin-top: 3.57143em; }
  .color_detail__selected__name {
    font-weight: bold;
    font-size: 1.64286em;
    letter-spacing: 0.05em;
    color: #E0E0E0;
    text-align: center; }
  .color_detail__selected__des {
    font-size: 1.28571em;
    letter-spacing: 0.05em;
    color: #E0E0E0;
    text-align: center; }

.color_detail__color-title {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1.42857em;
  color: #E0E0E0;
  font-family: "Montserrat";
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1.9em; }
  .color_detail__color-title .code {
    font-weight: 400;
    display: inline-block;
    padding-left: 1em; }

.color_detail__intro {
  max-width: 500px;
  padding: 0 2.5em;
  position: relative;
  margin-top: 0.35714em; }

.color_detail__slider .item__img {
  width: 100%; }

.color_detail__slider .item__name {
  font-weight: 500;
  font-size: 1.78571em;
  line-height: 1.2em;
  font-family: "Montserrat";
  color: #232323;
  position: relative;
  padding-bottom: 0.4em;
  margin-bottom: 0.36em; }
  .color_detail__slider .item__name:before {
    content: '';
    width: 1.36em;
    height: 1px;
    background-color: #D6B96F;
    position: absolute;
    bottom: 0;
    left: 0; }

.color_detail__slider .item__info {
  background-color: #ffffff;
  padding: 2.14286em 2.85714em;
  position: relative; }
  .color_detail__slider .item__info p {
    color: #232323; }

.color_detail__slider .item__des {
  font-size: 1em;
  line-height: 1.14286em;
  letter-spacing: 0.05em;
  color: #232323; }

.color_detail__slider .item__colors {
  width: 100%; }

.color_detail__slider .item__color {
  height: 11px; }

.color_detail__color-board {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px; }
  .color_detail__color-board .overview {
    width: 100%;
    display: none;
    margin-top: 5px; }
    .color_detail__color-board .overview.light .overview__text {
      color: #666666; }
    .color_detail__color-board .overview__inner {
      display: flex;
      height: 12.28571em;
      align-items: flex-end;
      padding: 15px 17px; }
    .color_detail__color-board .overview__text {
      font-family: "Montserrat";
      margin: 0; }
    .color_detail__color-board .overview__name {
      display: inline-block;
      font-weight: 500;
      padding-right: 1.42857em; }
    .color_detail__color-board .overview__code {
      display: inline-block; }
  .color_detail__color-board .item {
    width: 16.66667%;
    padding: 0 2px;
    margin-top: 5px; }
    .color_detail__color-board .item.active .item__inner:before {
      opacity: 1; }
    .color_detail__color-board .item__inner {
      height: 51px;
      position: relative; }
      .color_detail__color-board .item__inner:before {
        top: 0;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #000000;
        border-width: 7px;
        margin-left: -7px;
        opacity: 0; }

.color_detail__btn {
  display: inline-block;
  width: 2.85714em;
  height: 2.85714em;
  color: #ffffff;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-align: center;
  line-height: 2.85714em;
  z-index: 1; }
  .color_detail__btn--prev {
    left: -20px; }
  .color_detail__btn--next {
    right: -20px; }
  .color_detail__btn:hover {
    color: #D6B96F; }

@media (max-width: 991px) {
  .color_detail__img {
    padding-left: 0; }
  .color_detail__info {
    top: 0;
    max-width: 100%; }
  .color_detail__intro {
    margin: 0 auto;
    margin-bottom: 30px; }
  .color_detail__content {
    padding-top: 0;
    padding-bottom: 2.35714em; } }

@media (max-width: 768px) {
  .color_detail__intro {
    padding: 0; }
  .color_detail__btn {
    display: none; }
  .color_detail__color-board .hexagon {
    border-width: 5px; } }

.colorwheel-wrapper, .colorwheel-selector {
  display: block;
  width: 100%;
  height: 100%; }

.colorwheel-wrapper {
  position: relative; }

.colorwheel-value {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 40%;
  border: none;
  text-align: center;
  font-size: 10pt;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.segment,
.segment:hover {
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; }

.segment:hover,
.segment.selected,
.segment.highlight {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

.auto_complete__list {
  padding: 0;
  max-height: 300px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  overflow-y: scroll;
  background: #fff;
  position: absolute;
  top: 100%;
  width: 100%;
  right: 0;
  min-width: 300px;
  left: auto; }
  .auto_complete__list li a {
    color: #232323;
    display: flex;
    align-items: center;
    padding: 7px; }
    .auto_complete__list li a:hover {
      color: #D6B96F; }

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

.autocomplete-color {
  width: 30px;
  height: 20px;
  display: inline-flex;
  margin-right: 7px; }

.brands__page {
  font-size: 14px; }

.brands__title {
  margin-bottom: 3.35714em; }

.brands_content {
  min-height: 542.25px; }
  .brands_content_tabs {
    order: 2;
    text-align: right; }
    .brands_content_tabs li {
      position: relative; }
      .brands_content_tabs li a {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        font-family: "Montserrat";
        font-weight: 500;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #AEAEAE;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        min-height: 56px;
        position: relative; }
        .brands_content_tabs li a::before {
          content: "";
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: ease-in-out;
          position: absolute;
          left: -90px;
          top: 50%;
          width: 0;
          background: #D6B96F;
          height: 1px;
          z-index: 12; }
        .brands_content_tabs li a .dot {
          width: 7px;
          height: 7px;
          background: #AEAEAE;
          display: inline-block;
          margin-left: 20px; }
        .brands_content_tabs li a .text {
          transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
          -webkit-transform: scale(0.5, 0.5);
                  transform: scale(0.5, 0.5);
          -webkit-transform-origin: center right;
                  transform-origin: center right; }
      .brands_content_tabs li.active a, .brands_content_tabs li:hover a {
        color: #D6B96F;
        font-family: "Montserrat";
        font-weight: 500; }
        .brands_content_tabs li.active a .text, .brands_content_tabs li:hover a .text {
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }
        .brands_content_tabs li.active a .dot, .brands_content_tabs li:hover a .dot {
          background: #D6B96F; }
        .brands_content_tabs li.active a::before, .brands_content_tabs li:hover a::before {
          width: 125px; }
  .brands_content_info {
    position: relative; }
    .brands_content_info.deactive-anination .brands_tabs_content .tab_img:after {
      -webkit-transform: translate(0);
              transform: translate(0); }
    .brands_content_info:hover + .brands_content_tabs li.active a::before {
      left: -120px; }

.brands_tabs_content {
  position: relative;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s ease-in-out 0s;
  width: 100%;
  padding-left: 40px; }
  .brands_tabs_content .tab_img {
    overflow: hidden;
    position: relative; }
    .brands_tabs_content .tab_img img {
      width: 100%; }
    .brands_tabs_content .tab_img_cover {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border: 0px solid #ffffff;
      transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); }
    .brands_tabs_content .tab_img_effect {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border-right: 0px solid #ffffff;
      transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
      transition-timing-function: ease-out; }
    .brands_tabs_content .tab_img:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #D6B96F;
      transition: all 5000ms cubic-bezier(0.19, 1, 0.22, 1);
      display: none; }
  .brands_tabs_content .tab_info {
    position: absolute;
    width: 366px;
    height: 360px;
    background: #ffffff;
    bottom: -180px;
    left: 0;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    padding: 45px;
    padding-bottom: 35px;
    transition: all 5000ms cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    z-index: 10;
    border-top: 3px solid #D6B96F; }
    .brands_tabs_content .tab_info_title {
      font-family: "Montserrat";
      font-size: 20px;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      line-height: 1;
      color: #000000;
      margin-bottom: 16px; }
      .brands_tabs_content .tab_info_title strong {
        font-size: 45px;
        display: block;
        font-weight: 500; }
      .brands_tabs_content .tab_info_title_mykolor img {
        max-height: 30px; }
      .brands_tabs_content .tab_info_title_logo img {
        max-height: 62px; }
    .brands_tabs_content .tab_info_des {
      font-size: 14px;
      letter-spacing: 0.05em;
      margin-bottom: 20px;
      line-height: 1.2;
      color: #000000;
      text-align: justify; }
      .brands_tabs_content .tab_info_des p {
        font-weight: 300; }
    .brands_tabs_content .tab_info_btn {
      color: #000000;
      text-transform: uppercase;
      font-weight: 500;
      width: 147px;
      height: 39px;
      line-height: 39px;
      border: 1px solid #BDBDBD;
      border-radius: 2px;
      text-align: center;
      display: inline-block; }
      .brands_tabs_content .tab_info_btn:hover {
        border-color: #D6B96F; }
      .brands_tabs_content .tab_info_btn svg {
        position: relative;
        transition: all 0.3s ease-in-out;
        right: 0; }
      .brands_tabs_content .tab_info_btn:hover {
        color: #D6B96F; }
        .brands_tabs_content .tab_info_btn:hover svg {
          right: -10px;
          color: #D6B96F; }
  .brands_tabs_content.active {
    opacity: 1;
    visibility: visible; }
    .brands_tabs_content.active .tab_img .tab_img_effect {
      border-right: 0px solid #ffffff; }
    .brands_tabs_content.active .tab_img:after {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
    .brands_tabs_content.active .tab_info {
      opacity: 1;
      bottom: 0px; }

@media (max-width: 991px) {
  .brands_content_tabs {
    order: 0;
    overflow: auto; }
    .brands_content_tabs ul {
      display: flex;
      justify-content: center;
      flex-wrap: nowrap; }
    .brands_content_tabs li {
      padding-right: 15px; }
      .brands_content_tabs li:last-child a span {
        display: none; }
    .brands_content_tabs a::before {
      display: none; }
  .brands_tabs_content {
    padding-left: 0; }
    .brands_tabs_content .tab_info {
      position: relative;
      width: 100%;
      height: auto; } }

@media (max-width: 768px) {
  .brands_content_tabs ul {
    justify-content: flex-start;
    margin-bottom: 0; }
    .brands_content_tabs ul li.active a, .brands_content_tabs ul li:hover a {
      font-size: 18px; }
  .brands__title {
    margin-bottom: 1.14286em; } }

@media (max-width: 576px) {
  .brands_tabs_content .tab_info {
    padding: 20px; } }

.cam_hung__page {
  font-size: 14px; }

.cam_hung__container {
  max-width: 1920px; }

.cam_hung__left {
  margin-bottom: 15px; }

.cam_hung__item {
  font-size: 14px;
  padding: 0 1.42857em; }

.cam_hung__left, .cam_hung__right {
  opacity: 0;
  transition: all 1s ease-in-out;
  position: relative;
  bottom: -100px; }

.cam_hung__right {
  transition-delay: 0.3s; }

.cam_hung__list {
  position: relative;
  opacity: 0; }
  .cam_hung__list.slick-initialized {
    opacity: 1; }
  .cam_hung__list:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 240px;
    background: linear-gradient(270.31deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1; }
  .cam_hung__list:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 240px;
    background: linear-gradient(270.31deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    z-index: 1; }
  .cam_hung__list .slick-arrow {
    color: #ffffff; }
    .cam_hung__list .slick-arrow:hover {
      color: #D6B96F; }
  .cam_hung__list .slick-next {
    left: 40px;
    right: auto;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    z-index: 12; }
  .cam_hung__list .slick-prev {
    left: auto;
    right: 40px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 12; }
  .cam_hung__list .slick-slide .cam_hung__item {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  .cam_hung__list .slick-center .cam_hung__item {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .cam_hung__list .slick-center .cam_hung__left, .cam_hung__list .slick-center .cam_hung__right {
    bottom: 0;
    opacity: 1; }

.cam_hung__info {
  margin-top: 3.42857em;
  color: #E0E0E0; }

.cam_hung__collection {
  font-size: 1.14286em;
  line-height: normal;
  letter-spacing: 0.05em;
  color: #D6B96F;
  font-family: "Montserrat";
  margin-bottom: 0; }

.cam_hung__name {
  font-family: "Montserrat";
  font-size: 25px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px; }

.cam_hung__btn:hover {
  color: #D6B96F; }
  .cam_hung__btn:hover svg {
    color: #D6B96F; }

.cam_hung__colors {
  display: flex;
  margin-bottom: 1.28571em; }

.cam_hung__color {
  flex: 1;
  height: 14px; }

.cam_hung__des {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em; }

@media (max-width: 768px) {
  .cam_hung__item {
    padding: 0 0.71429em;
    font-size: 12px; }
  .cam_hung__list .slick-slide .cam_hung__item {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .cam_hung__list .slick-slide .cam_hung__info {
    opacity: 1; }
  .cam_hung__list .slick-active .cam_hung__item {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .cam_hung__list .slick-active .cam_hung__left, .cam_hung__list .slick-active .cam_hung__right {
    bottom: 0;
    opacity: 1; }
  .cam_hung__list::before, .cam_hung__list::after {
    display: none; } }

.cam_hung_detail__page {
  font-size: 14px; }
  .cam_hung_detail__page .page__nav__link {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: normal; }
  .cam_hung_detail__page .page__nav__active {
    font-weight: 600; }

.cam_hung_detail__banner {
  text-align: center; }
  .cam_hung_detail__banner__item {
    position: relative; }
  .cam_hung_detail__banner img {
    display: inline-block;
    position: relative; }

.cam_hung_detail__tooltip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .cam_hung_detail__tooltip__item {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden; }
    .cam_hung_detail__tooltip__item__wrapper {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
      overflow: hidden;
      width: 40px;
      min-width: 40px;
      height: 40px;
      transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
      border-radius: 40px; }
      .cam_hung_detail__tooltip__item__wrapper:hover {
        border-radius: 24px;
        background: #ffffff;
        min-width: 243px;
        width: auto; }
        .cam_hung_detail__tooltip__item__wrapper:hover .cam_hung_detail__tooltip__icon {
          color: inherit;
          background: currentColor;
          width: 40px;
          height: 40px;
          border: 5px solid #ffffff; }
        .cam_hung_detail__tooltip__item__wrapper:hover .cam_hung_detail__tooltip__content {
          opacity: 1;
          position: relative;
          padding-left: 15px; }
  .cam_hung_detail__tooltip__icon {
    width: 40px;
    height: 40px;
    border: 5px solid #ffffff;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 100%;
    transition: all 0.3s ease-in-out 0s;
    z-index: 2; }
  .cam_hung_detail__tooltip__content {
    z-index: 1;
    position: absolute;
    opacity: 0;
    box-sizing: border-box;
    right: 15px;
    white-space: nowrap;
    transition: all 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.05em;
    color: #949494; }
    .cam_hung_detail__tooltip__content strong {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.05em;
      color: #949494;
      font-weight: 500; }

.cam_hung_detail__info {
  padding-top: 2.85714em;
  position: relative;
  margin-bottom: 2.85714em; }
  .cam_hung_detail__info__item {
    margin-bottom: 2.14286em; }
  .cam_hung_detail__info__name {
    font-size: 1.14286em;
    margin-bottom: 0.71429em;
    line-height: normal;
    letter-spacing: 0.05em;
    color: #232323; }
    .cam_hung_detail__info__name strong {
      margin-left: 1.14286em;
      font-weight: 500; }
  .cam_hung_detail__info__colors {
    display: flex; }
  .cam_hung_detail__info__color {
    flex: 1;
    height: 18px; }
  .cam_hung_detail__info__collapse-icon {
    position: absolute;
    left: -16px;
    top: 50%;
    content: " ";
    height: 12px;
    width: 10px;
    margin-top: -6px;
    z-index: 100000; }
  .cam_hung_detail__info__active {
    cursor: pointer; }
    .cam_hung_detail__info__active .cam_hung_detail__info__colors {
      position: relative; }
      .cam_hung_detail__info__active .cam_hung_detail__info__colors:after {
        left: -16px;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 0, 0, 0);
        border-left-color: #000;
        border-width: 6px;
        margin-top: -6px; }

.cam_hung_detail__pannel {
  position: relative;
  margin-top: -200px;
  background: #ffffff;
  padding: 0 3.21429em;
  padding-top: 2.14286em;
  padding-bottom: 2.14286em;
  max-width: 390px;
  border-bottom: 4px solid #D6B96F;
  min-height: 450px; }
  .cam_hung_detail__pannel__detail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #ffffff;
    padding: 0 3.21429em;
    padding-top: 2.5em;
    padding-bottom: 1.42857em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto; }
  .cam_hung_detail__pannel__colors {
    margin-bottom: 1.92857em; }
  .cam_hung_detail__pannel__collection {
    font-weight: 500;
    font-size: 1.14286em;
    line-height: normal;
    letter-spacing: 0.05em;
    color: #232323;
    font-family: "Montserrat";
    margin-bottom: 4px; }
  .cam_hung_detail__pannel__name {
    font-family: "Montserrat";
    font-size: 1.78571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #232323;
    margin-bottom: 0.56em;
    font-weight: normal;
    font-weight: 500; }
  .cam_hung_detail__pannel__des {
    font-size: 1em;
    line-height: 1.28571em;
    letter-spacing: 0.05em;
    color: #000000;
    margin-bottom: 1.07143em;
    text-align: justify; }
  .cam_hung_detail__pannel__cta {
    text-align: center;
    margin-top: 1.5em; }
  .cam_hung_detail__pannel__btn {
    font-weight: 500;
    font-size: 0.85714em;
    letter-spacing: 0.05em;
    color: #232323;
    background: none;
    border: none;
    position: relative;
    width: 100%;
    font-family: "Montserrat"; }
    .cam_hung_detail__pannel__btn:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-bottom-color: #000000;
      border-width: 7px;
      margin-left: -7px;
      margin-bottom: 7px; }
  .cam_hung_detail__pannel__collapse-in-icon {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 12;
    width: 10;
    position: absolute;
    border-width: 10px;
    margin-left: -10px;
    margin-bottom: 10px; }

.cam_hung_detail__des__item {
  display: none; }

.cam_hung_detail__des__active {
  display: block; }

.cam_hung_detail__des__name {
  font-family: "Montserrat";
  font-size: 1.42857em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #E0E0E0;
  margin-bottom: 0.55556em;
  font-weight: 500; }

.cam_hung_detail__des__des {
  font-weight: 300;
  font-size: 1em;
  line-height: 1.28571em;
  letter-spacing: 0.05em;
  color: #E0E0E0; }

.cam_hung_detail__des__detail {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #C7C7C7; }

@media (max-width: 991px) {
  .cam_hung_detail__pannel {
    margin-top: 0;
    max-width: 100%;
    margin-bottom: 1.42857em; }
  .cam_hung_detail__info {
    padding-top: 2.14286em; } }

@media (max-width: 576px) {
  .cam_hung_detail__tooltip {
    position: relative; }
    .cam_hung_detail__tooltip__item {
      position: static; }
      .cam_hung_detail__tooltip__item__wrapper {
        width: auto;
        height: auto;
        border-radius: 0 !important;
        background: #ffffff; }
    .cam_hung_detail__tooltip__content {
      position: relative;
      opacity: 1; }
    .cam_hung_detail__tooltip__icon {
      border-radius: 0;
      color: inherit;
      background: currentColor; }
  .cam_hung_detail__info {
    padding-top: 1.07143em; }
    .cam_hung_detail__info__name strong {
      display: block;
      margin-top: 5px;
      margin-left: 0;
      font-weight: 500; }
  .cam_hung_detail__pannel {
    padding: 1.07143em; }
    .cam_hung_detail__pannel__detail {
      padding: 1.07143em; } }

.category__page {
  font-size: 14px;
  padding-bottom: 70px;
  background-color: #000000; }

.category__nav .oexpo__nav__list {
  justify-content: center; }

.category__nav .oexpo__nav__item {
  margin-right: 1.42857em;
  margin-left: 1.42857em; }

.category__list {
  padding-top: 5em;
  margin-bottom: 5em; }
  .category__list .product-item {
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0); }
    .category__list .product-item:hover {
      box-shadow: none; }
      .category__list .product-item:hover .product-item__title,
      .category__list .product-item:hover .product-item__des {
        color: #000000; }

.category__banner .page__title__text {
  margin-top: 1.85185em; }

@media (max-width: 1200px) {
  .category__nav .oexpo__nav__list {
    justify-content: flex-start; }
  .category__nav .oexpo__nav__item {
    margin-left: 0; } }

.grand__category {
  background: #fffdef; }
  .grand__category .header__main {
    background: #fffdef; }
    .grand__category .header__main.is-scrolling {
      background: rgba(255, 252, 239, 0.85); }
      .grand__category .header__main.is-scrolling .header__logo {
        padding-top: 15px;
        padding-bottom: 12px; }
  .grand__category .icon-toggle .bar1,
  .grand__category .icon-toggle .bar2,
  .grand__category .icon-toggle .bar3 {
    background: #ffffff; }
  .grand__category .icon-toggle.collapsed .bar1,
  .grand__category .icon-toggle.collapsed .bar2,
  .grand__category .icon-toggle.collapsed .bar3 {
    background: #191919; }
  .grand__category .footer__steenify {
    background: #ffffff; }
  .grand__category .contact_form__btn {
    color: #D6B96F; }
  .grand__category .footer__top__des {
    color: #7F7F7F;
    margin-bottom: 16px; }
  .grand__category .footer__hotline a {
    color: #ADADAD; }
  .grand__category .contact_form {
    border-bottom: 1px solid rgba(219, 219, 219, 0.5);
    color: #DBDBDB; }
    .grand__category .contact_form ::-webkit-input-placeholder {
      color: #DBDBDB; }
    .grand__category .contact_form input::-moz-placeholder {
      color: #DBDBDB; }
    .grand__category .contact_form input::ms-input-placeholder {
      color: #DBDBDB; }
    .grand__category .contact_form [placeholder]:focus::-webkit-input-placeholder {
      text-indent: 10em;
      color: transparent; }
    .grand__category .contact_form [placeholder]:focus::-moz-placeholder {
      text-indent: 10em;
      color: transparent; }
  .grand__category .footer__bottom {
    border-top: 1px solid #ADADAD; }

.category_grand .grand__page {
  font-size: 14px; }

.category_grand .grand__title {
  color: #8e816c; }
  .category_grand .grand__title::before {
    border-color: #8e816c; }

.category_grand .grand__nav .page__nav__link {
  color: #adadad;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Montserrat"; }
  .category_grand .grand__nav .page__nav__link:hover {
    color: #8e816c;
    text-decoration: underline; }

.category_grand .grand__nav .page__nav__active {
  color: #8e816c;
  text-decoration: underline; }

.category_grand .category_nav .nav-tabs,
.category_grand .category_nav .nav-link {
  border: none; }

.category_grand .category_nav__link {
  padding: 0;
  font-family: "Montserrat";
  font-size: 0.85714em;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #BDBDBD;
  display: block;
  position: relative;
  white-space: nowrap;
  font-weight: 500;
  border: none;
  margin: 0 1.25em; }
  .category_grand .category_nav__link:hover {
    color: #8E7C6C;
    border: none; }
  .category_grand .category_nav__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    background: #8E7C6C;
    height: 1px;
    width: 29px;
    opacity: 0; }
  .category_grand .category_nav__link.active {
    font-size: 1.78571em;
    color: #8E7C6C;
    padding-left: 50px; }
    .category_grand .category_nav__link.active::before {
      opacity: 1; }

.grand_banner {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 10em; }
  .grand_banner__mykolor {
    margin-bottom: 1.42857em; }
  .grand_banner__logo {
    margin-bottom: 1.71429em; }
  .grand_banner__des {
    font-size: 1em;
    line-height: 1.28571em;
    letter-spacing: 0.05em;
    color: #8E7C6C;
    max-width: 335px;
    text-align: justify; }
  .grand_banner__img__wrapper {
    position: relative; }
  .grand_banner__texture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    -webkit-transform: translate(24px, -15px);
            transform: translate(24px, -15px); }
  .grand_banner__main {
    position: relative;
    z-index: 2; }
  @media (max-width: 991px) {
    .grand_banner__img {
      order: -1;
      margin-bottom: 1.42857em; }
    .grand_banner__info {
      text-align: center; }
    .grand_banner__des {
      max-width: 100%; } }

.safari .grand_banner__texture {
  -webkit-transform: translate(24px, -28px);
          transform: translate(24px, -28px); }

.grand_product {
  font-size: 14px;
  background: #ffffff; }
  .grand_product__list {
    padding-bottom: 2.14286em; }
  .grand_product__cta {
    text-align: center;
    padding-bottom: 1.28571em; }
  .grand_product__btn {
    text-align: center;
    width: 147px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #D6B96F;
    border-radius: 2px;
    text-align: center;
    color: #8E7C6C;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    background-color: transparent; }
    .grand_product__btn:hover {
      color: #ffffff;
      background-color: #D6B96F; }
    .grand_product__btn.is_loading {
      background-color: #D6B96F; }
    .grand_product__btn .btn_loading__icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .grand_product__btn .lds-ring {
      width: 30px;
      height: 30px; }
      .grand_product__btn .lds-ring div {
        width: 100%;
        height: 100%;
        border-width: 3px;
        margin: 3px;
        border-color: #ffffff transparent transparent transparent; }

.grand_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .grand_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, #F6F0D7 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
    padding: 3px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
    .grand_item__texture__inner {
      width: 100%;
      height: 100%;
      border: 5px solid #ffffff;
      background: linear-gradient(180deg, #F6F0D7 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); }
  .grand_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 2.14286em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .grand_item__img img {
      width: 100%; }
  .grand_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.14286em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    transition: all 0.5s ease-in-out;
    margin-bottom: 0.75em;
    font-weight: 500; }
  .grand_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #7F7F7F;
    text-align: center;
    position: relative;
    z-index: 2; }
  .grand_item:hover .grand_item__texture {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; }
  .grand_item:hover .grand_item__title {
    color: #D6B96F; }

.nana__category {
  background: #F6F5F0; }
  .nana__category .header__main {
    background: #F6F5F0; }
    .nana__category .header__main.is-scrolling {
      background: rgba(246, 245, 240, 0.85); }
      .nana__category .header__main.is-scrolling .header__logo {
        padding-top: 15px;
        padding-bottom: 12px; }
  .nana__category .icon-toggle .bar1,
  .nana__category .icon-toggle .bar2,
  .nana__category .icon-toggle .bar3 {
    background: #ffffff; }
  .nana__category .icon-toggle.collapsed .bar1,
  .nana__category .icon-toggle.collapsed .bar2,
  .nana__category .icon-toggle.collapsed .bar3 {
    background: #191919; }
  .nana__category .footer__steenify {
    background: #EDEAE3; }
  .nana__category .contact_form__btn,
  .nana__category .footer__top__title,
  .nana__category .footer__hotline a span,
  .nana__category .footer__social__label {
    color: #CE9985; }
  .nana__category .category_nav__link:hover {
    color: #CE9985; }
  .nana__category .footer__social__list a:hover {
    color: #CE9985; }
  .nana__category .category_nav__active {
    color: #CE9985; }
    .nana__category .category_nav__active::before {
      background: #CE9985; }
  .nana__category .footer__top__des {
    color: #887068;
    margin-bottom: 16px; }
  .nana__category .footer__hotline a {
    color: #ADADAD; }
  .nana__category .contact_form {
    border-bottom: 1px solid #E6E0DB;
    color: #DBD0CC; }
    .nana__category .contact_form__input {
      color: #CE9985 !important; }
    .nana__category .contact_form ::-webkit-input-placeholder {
      color: #DBD0CC; }
    .nana__category .contact_form input::-moz-placeholder {
      color: #DBD0CC; }
    .nana__category .contact_form input::ms-input-placeholder {
      color: #DBD0CC; }
    .nana__category .contact_form [placeholder]:focus::-webkit-input-placeholder {
      text-indent: 10em;
      color: transparent; }
    .nana__category .contact_form [placeholder]:focus::-moz-placeholder {
      text-indent: 10em;
      color: transparent; }
  .nana__category .footer__bottom {
    border-top: 1px solid #887068; }
  .nana__category .category_nav {
    background: #EDEAE3;
    padding-top: 12.85714em; }

.nana__page {
  font-size: 14px; }

.nana__title {
  color: #887068; }
  .nana__title::before {
    border-color: #887068; }

.nana__nav .page__nav__link {
  color: #887068;
  font-size: 1em;
  text-transform: uppercase; }
  .nana__nav .page__nav__link:hover {
    color: #CE9985;
    text-decoration: underline; }

.nana__nav .page__nav__active {
  color: #CE9985;
  text-decoration: underline; }

@media (max-width: 991px) {
  .nana__category .category_nav {
    padding-top: 2.85714em; } }

.category_nana .category_nav .nav-tabs,
.category_nana .category_nav .nav-link {
  border: none;
  background-color: transparent; }

.category_nana .category_nav__link {
  padding: 0;
  font-family: "Montserrat";
  font-size: 0.85714em;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #C6B4B4;
  display: block;
  position: relative;
  white-space: nowrap;
  font-weight: 500;
  border: none;
  margin: 0 1.25em; }
  .category_nana .category_nav__link:hover {
    color: #C9856B;
    border: none; }
  .category_nana .category_nav__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    background: #C9856B;
    height: 1px;
    width: 29px;
    opacity: 0; }
  .category_nana .category_nav__link.active {
    font-size: 1.78571em;
    color: #C9856B;
    padding-left: 50px; }
    .category_nana .category_nav__link.active::before {
      opacity: 1; }

.nana_banner {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 5.71429em;
  position: relative; }
  .nana_banner__mykolor {
    width: 220px;
    margin: auto;
    margin-bottom: 1.42857em;
    position: relative;
    padding: 0 2.14286em; }
    .nana_banner__mykolor img {
      background: #f6f5f0;
      position: relative;
      z-index: 12;
      padding: 0 15px; }
    .nana_banner__mykolor::after {
      content: "";
      position: absolute;
      top: 50%;
      height: 1px;
      background: #CE9985;
      width: 100%;
      left: 0;
      z-index: 1; }
  .nana_banner__logo {
    margin-bottom: 1.71429em; }
    .nana_banner__logo img {
      height: 94px; }
  .nana_banner__des {
    font-size: 1em;
    line-height: 1.28571em;
    letter-spacing: 0.05em;
    color: #887068;
    max-width: 578px;
    margin: auto;
    text-align: justify; }
  .nana_banner__img {
    padding: 0 60px; }
  .nana_banner__border {
    position: absolute;
    bottom: -130px;
    width: 100%;
    max-width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border: 3px solid #F6F5F0;
    padding: 5px;
    z-index: 12; }
  .nana_banner__info {
    text-align: center;
    background: #F6F5F0;
    padding: 2.5em 0; }
  @media (max-width: 991px) {
    .nana_banner {
      padding-bottom: 0; }
      .nana_banner__border {
        position: relative;
        max-width: 100%;
        bottom: 0; }
      .nana_banner__img {
        padding: 0; }
      .nana_banner__info {
        text-align: center; }
      .nana_banner__des {
        max-width: 100%; } }

.nana_product {
  font-size: 14px;
  background: #EDEAE3; }
  .nana_product__list {
    padding-bottom: 2.14286em; }
  .nana_product__cta {
    text-align: center; }
  .nana_product__btn {
    text-align: center;
    width: 147px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #CA856B;
    border-radius: 2px;
    text-align: center;
    color: #887068;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    background-color: transparent; }
    .nana_product__btn:hover {
      color: #ffffff;
      background-color: #CA856B; }
    .nana_product__btn.is_loading {
      background-color: #CA856B; }
    .nana_product__btn .btn_loading__icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .nana_product__btn .lds-ring {
      width: 30px;
      height: 30px; }
      .nana_product__btn .lds-ring div {
        width: 100%;
        height: 100%;
        border-width: 3px;
        margin: 3px;
        border-color: #ffffff transparent transparent transparent; }

.nana_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .nana_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 3px;
    opacity: 0;
    transition: all 0.7s ease-in-out;
    background: linear-gradient(180deg, rgba(186, 186, 186, 0.1) 0%, rgba(233, 232, 222, 0) 60%);
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    text-align: center; }
    .nana_item__texture img {
      transition-delay: 0.7s;
      transition: all 1s ease-in-out;
      opacity: 0;
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
      width: 80%;
      margin: auto; }
  .nana_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 1.42857em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .nana_item__img img {
      width: 100%; }
  .nana_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.42857em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #887068;
    transition: all 0.5s ease-in-out; }
  .nana_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #887068;
    text-align: center;
    position: relative;
    z-index: 2; }
  .nana_item:hover .nana_item__texture {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
    opacity: 1; }
    .nana_item:hover .nana_item__texture img {
      opacity: 1;
      -webkit-transform: rotateZ(15deg);
              transform: rotateZ(15deg); }
  .nana_item:hover .nana_item__title {
    color: #CA856B; }

.passion__category {
  background: #F5FAFA; }
  .passion__category .header__main {
    background: #F5FAFA; }
    .passion__category .header__main.is-scrolling {
      background: rgba(245, 250, 250, 0.85); }
      .passion__category .header__main.is-scrolling .header__logo {
        padding-top: 15px;
        padding-bottom: 12px; }
  .passion__category .footer__steenify {
    background: #DFF0F3; }
  .passion__category .contact_form__btn {
    color: #819095; }
  .passion__category .footer__top__title {
    color: #3B82C5; }
  .passion__category .footer__top__des,
  .passion__category .footer__hotline a,
  .passion__category .footer__social__list a {
    color: #828282; }
  .passion__category .footer__social__label,
  .passion__category .footer__hotline a span,
  .passion__category .footer__social__list a:hover {
    color: #3B82C5; }
  .passion__category .footer__top__des {
    color: #819095;
    margin-bottom: 16px; }
  .passion__category .contact_form {
    border-bottom: 1px solid rgba(166, 193, 197, 0.5);
    color: #A7C1C5; }
    .passion__category .contact_form__input {
      color: #3B82C5 !important; }
    .passion__category .contact_form ::-webkit-input-placeholder {
      color: #A7C1C5; }
    .passion__category .contact_form input::-moz-placeholder {
      color: #A7C1C5; }
    .passion__category .contact_form input::ms-input-placeholder {
      color: #A7C1C5; }
    .passion__category .contact_form [placeholder]:focus::-webkit-input-placeholder {
      text-indent: 10em;
      color: transparent; }
    .passion__category .contact_form [placeholder]:focus::-moz-placeholder {
      text-indent: 10em;
      color: transparent; }
  .passion__category .contact_form__input {
    color: #3B82C5 !important; }
  .passion__category .footer__bottom {
    border-top: 1px solid #869498; }
  .passion__category .icon-toggle .bar1,
  .passion__category .icon-toggle .bar2,
  .passion__category .icon-toggle .bar3 {
    background-color: #828282; }

.passion__page {
  font-size: 14px; }

.passion__title {
  color: #828282; }
  .passion__title:hover {
    color: #3B82C5; }
    .passion__title:hover::before {
      border-color: #3B82C5; }
  .passion__title::before {
    border-color: #828282; }

.passion__nav .page__nav__link {
  color: #828282;
  font-size: 1em;
  text-transform: uppercase; }
  .passion__nav .page__nav__link:hover {
    color: #3B82C5;
    text-decoration: underline; }

.passion__nav .page__nav__active {
  color: #3B82C5;
  text-decoration: underline; }

.category_passion .category_nav {
  background-color: #DFF0F3; }
  .category_passion .category_nav .nav-tabs,
  .category_passion .category_nav .nav-link {
    border: none;
    background-color: transparent; }
  .category_passion .category_nav__link {
    padding: 0;
    font-family: "Montserrat";
    font-size: 0.85714em;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #819095;
    display: block;
    position: relative;
    white-space: nowrap;
    font-weight: 500;
    border: none;
    margin: 0 1.25em; }
    .category_passion .category_nav__link:hover {
      color: #3B82C5;
      border: none; }
    .category_passion .category_nav__link:before {
      content: "";
      position: absolute;
      top: 50%;
      left: -12px;
      background: #3B82C5;
      height: 1px;
      width: 29px;
      opacity: 0; }
    .category_passion .category_nav__link.active {
      font-size: 1.78571em;
      color: #3B82C5;
      padding-left: 50px; }
      .category_passion .category_nav__link.active::before {
        opacity: 1; }

.category_passion .grand_banner {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right bottom;
  height: 35.71429em;
  position: relative;
  margin-bottom: 4.5rem; }
  .category_passion .grand_banner__wrapper {
    height: 500px; }
  .category_passion .grand_banner__mykolor {
    margin-bottom: 0.5em; }
  .category_passion .grand_banner__des {
    font-size: 1em;
    line-height: 1.28571em;
    letter-spacing: 0.05em;
    color: #000000;
    max-width: 387px;
    text-align: justify; }
  .category_passion .grand_banner__info {
    max-width: 468px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    padding-bottom: 70px; }
  .category_passion .grand_banner__img__wrapper {
    position: relative; }
  .category_passion .grand_banner__main {
    position: relative;
    z-index: 2; }
  @media (max-width: 991px) {
    .category_passion .grand_banner {
      height: auto;
      background: none !important;
      margin-bottom: 0;
      padding-bottom: 0; }
      .category_passion .grand_banner__img__wrapper {
        padding-bottom: 1.42857em; }
      .category_passion .grand_banner__logo img {
        width: 75%; }
      .category_passion .grand_banner__img {
        order: -1;
        margin-bottom: 1.42857em; }
      .category_passion .grand_banner__info {
        text-align: center;
        margin: 0 auto; }
      .category_passion .grand_banner__des {
        max-width: 100%; } }

.category_passion .grand_product {
  font-size: 14px;
  background: #ffffff;
  background-color: #DFF0F3; }
  .category_passion .grand_product__list {
    padding-bottom: 2.14286em; }
  .category_passion .grand_product__cta {
    text-align: center; }
  .category_passion .grand_product__btn {
    text-align: center;
    width: 147px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #3B82C5;
    border-radius: 2px;
    text-align: center;
    color: #819095;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    background-color: transparent; }
    .category_passion .grand_product__btn:hover {
      color: #ffffff;
      background-color: #3B82C5; }
    .category_passion .grand_product__btn.is_loading {
      background-color: #3B82C5; }
    .category_passion .grand_product__btn .btn_loading__icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .category_passion .grand_product__btn .lds-ring {
      width: 30px;
      height: 30px; }
      .category_passion .grand_product__btn .lds-ring div {
        width: 100%;
        height: 100%;
        border-width: 3px;
        margin: 3px;
        border-color: #ffffff transparent transparent transparent; }

.category_passion .grand_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .category_passion .grand_item__texture {
    position: absolute;
    top: 0;
    left: -13%;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 3px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    background: none;
    width: 126%; }
    .category_passion .grand_item__texture__inner {
      width: 100%;
      height: 100%;
      border: 5px solid #ffffff;
      background-color: transparent; }
  .category_passion .grand_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 2.14286em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .category_passion .grand_item__img img {
      width: 100%;
      max-width: 223px;
      position: relative;
      z-index: 2; }
  .category_passion .grand_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.42857em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #828282;
    transition: all 0.5s ease-in-out; }
  .category_passion .grand_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #828282;
    text-align: center;
    position: relative;
    z-index: 2; }
  .category_passion .grand_item:hover .grand_item__texture {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; }
  .category_passion .grand_item:hover .grand_item__title {
    color: #3B82C5; }
  @media (max-width: 576px) {
    .category_passion .grand_item__img img {
      max-width: 100%; } }

.platinum__category {
  background: #191919; }
  .platinum__category .header__main {
    background: #191919; }
    .platinum__category .header__main.is-scrolling {
      background: rgba(28, 29, 35, 0.85); }
      .platinum__category .header__main.is-scrolling .header__logo {
        padding-top: 15px;
        padding-bottom: 12px; }
      .platinum__category .header__main.is-scrolling .icon-toggle.collapsed .bar1,
      .platinum__category .header__main.is-scrolling .icon-toggle.collapsed .bar2,
      .platinum__category .header__main.is-scrolling .icon-toggle.collapsed .bar3 {
        background: #fff; }
  .platinum__category .icon-toggle .bar1,
  .platinum__category .icon-toggle .bar2,
  .platinum__category .icon-toggle .bar3 {
    background: #fff; }
  .platinum__category .icon-toggle.collapsed .bar1,
  .platinum__category .icon-toggle.collapsed .bar2,
  .platinum__category .icon-toggle.collapsed .bar3 {
    background: #fff; }
  .platinum__category .footer__steenify {
    background: #191919; }
  .platinum__category .contact_form__btn,
  .platinum__category .footer__top__title,
  .platinum__category .footer__hotline a span,
  .platinum__category .footer__social__label {
    color: #D6B96F; }
  .platinum__category .footer__social__list a {
    color: #7F7F7F; }
  .platinum__category .footer__social__list a:hover {
    color: #D6B96F; }
  .platinum__category .footer__top__des {
    color: #E0E0E0;
    margin-bottom: 16px; }
  .platinum__category .footer__hotline a {
    color: #E0E0E0; }
  .platinum__category .contact_form {
    border-bottom: 1px solid #2F2F2F;
    color: #DBDBDB; }
    .platinum__category .contact_form__btn {
      color: #E0E0E0 !important; }
    .platinum__category .contact_form ::-webkit-input-placeholder {
      color: #4E4E4E; }
    .platinum__category .contact_form input::-moz-placeholder {
      color: #4E4E4E; }
    .platinum__category .contact_form input::ms-input-placeholder {
      color: #4E4E4E; }
    .platinum__category .contact_form [placeholder]:focus::-webkit-input-placeholder {
      text-indent: 10em;
      color: transparent; }
    .platinum__category .contact_form [placeholder]:focus::-moz-placeholder {
      text-indent: 10em;
      color: transparent; }
  .platinum__category .footer__bottom {
    border-top: 1px solid #7F7F7F; }
  .platinum__category .category_nav {
    background: #191919;
    padding-top: 12.85714em; }
    .platinum__category .category_nav__link {
      color: #B3C0B9; }
      .platinum__category .category_nav__link:hover {
        color: #D6B96F; }
    .platinum__category .category_nav__active {
      color: #D6B96F; }
      .platinum__category .category_nav__active::before {
        background: #D6B96F; }

.platinum__page {
  font-size: 14px; }

.platinum__title {
  color: #E0E0E0; }
  .platinum__title::before {
    border-color: #887068; }

.platinum__nav .page__nav__link {
  color: #ffffff;
  font-size: 1em;
  text-transform: uppercase; }
  .platinum__nav .page__nav__link:hover {
    color: #D6B96F;
    text-decoration: underline; }

.platinum__nav .page__nav__active {
  color: #D6B96F;
  text-decoration: underline; }

@media (max-width: 991px) {
  .platinum__category .category_nav {
    padding-top: 2.85714em; } }

.category_platinum .category_nav .nav-tabs,
.category_platinum .category_nav .nav-link {
  border: none;
  background-color: transparent; }

.category_platinum .category_nav__link {
  padding: 0;
  font-family: "Montserrat";
  font-size: 0.85714em;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  position: relative;
  white-space: nowrap;
  font-weight: 500;
  border: none;
  margin: 0 1.25em; }
  .category_platinum .category_nav__link:hover {
    color: #D6B96F;
    border: none; }
  .category_platinum .category_nav__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    background: #D6B96F;
    height: 1px;
    width: 29px;
    opacity: 0; }
  .category_platinum .category_nav__link.active {
    font-size: 1.78571em;
    color: #D6B96F;
    padding-left: 50px; }
    .category_platinum .category_nav__link.active::before {
      opacity: 1; }

.platinum_banner {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 5.71429em;
  position: relative; }
  .platinum_banner__mykolor {
    width: 220px;
    margin: auto;
    margin-bottom: 1.42857em;
    position: relative;
    padding: 0 2.14286em; }
    .platinum_banner__mykolor img {
      background: #1F2026;
      position: relative;
      z-index: 12;
      padding: 0 15px; }
    .platinum_banner__mykolor::after {
      content: "";
      position: absolute;
      top: 50%;
      height: 1px;
      background: #828282;
      width: 100%;
      left: 0;
      z-index: 1; }
  .platinum_banner__logo {
    margin-bottom: 1.71429em; }
  .platinum_banner__des {
    font-size: 1em;
    line-height: 1.28571em;
    letter-spacing: 0.05em;
    color: #BDBDBD;
    max-width: 608px;
    margin: auto;
    text-align: justify;
    padding: 0 1.07143em; }
  .platinum_banner__img {
    padding: 0 60px; }
  .platinum_banner__border {
    position: absolute;
    bottom: -130px;
    width: 100%;
    max-width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border: 3px solid #1F2026;
    padding: 5px;
    z-index: 12; }
  .platinum_banner__info {
    text-align: center;
    background: #1F2026;
    padding: 2.5em 0; }
  @media (max-width: 991px) {
    .platinum_banner {
      padding-bottom: 0; }
      .platinum_banner__border {
        position: relative;
        max-width: 100%;
        bottom: 0; }
      .platinum_banner__img {
        padding: 0; }
      .platinum_banner__info {
        text-align: center; }
      .platinum_banner__des {
        max-width: 100%; } }

.platinum_product {
  font-size: 14px;
  background: #191919; }
  .platinum_product__list {
    padding-bottom: 2.14286em; }
  .platinum_product__cta {
    text-align: center; }
  .platinum_product__btn {
    text-align: center;
    width: 147px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #D6B96F;
    border-radius: 2px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    background-color: transparent; }
    .platinum_product__btn:hover {
      color: #ffffff;
      background-color: #D6B96F; }
    .platinum_product__btn.is_loading {
      background-color: #D6B96F; }
    .platinum_product__btn .btn_loading__icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .platinum_product__btn .lds-ring {
      width: 30px;
      height: 30px; }
      .platinum_product__btn .lds-ring div {
        width: 100%;
        height: 100%;
        border-width: 3px;
        margin: 3px;
        border-color: #ffffff transparent transparent transparent; }

.platinum_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .platinum_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    transition: all 0.5s ease-in-out; }
    .platinum_item__texture img {
      width: 100%; }
  .platinum_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 1.42857em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .platinum_item__img img {
      width: 100%; }
  .platinum_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.42857em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    transition: all 0.5s ease-in-out; }
  .platinum_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #ADADAD;
    text-align: center;
    position: relative;
    z-index: 2; }
  .platinum_item:hover .platinum_item__texture {
    -webkit-transform: scale(1.15, 1.15);
            transform: scale(1.15, 1.15);
    opacity: 1; }
  .platinum_item:hover .platinum_item__title {
    color: #D6B96F; }

.touch__category {
  background: url("../../../../themes/steen/app/public/img/touch__bg.svg") #191919 no-repeat top right !important; }
  .touch__category .header__main {
    background: transparent;
    transition: background .3s ease; }
    .touch__category .header__main.is-scrolling {
      background: rgba(0, 0, 0, 0.85); }
      .touch__category .header__main.is-scrolling .header__logo {
        padding-top: 15px;
        padding-bottom: 12px; }
  .touch__category .icon-toggle .bar1,
  .touch__category .icon-toggle .bar2,
  .touch__category .icon-toggle .bar3 {
    background: #ffffff; }
  .touch__category .icon-toggle.collapsed .bar1,
  .touch__category .icon-toggle.collapsed .bar2,
  .touch__category .icon-toggle.collapsed .bar3 {
    background: #ffffff; }
  .touch__category .footer__steenify {
    background: #191919; }
  .touch__category .contact_form__btn,
  .touch__category .footer__top__title,
  .touch__category .footer__hotline a span,
  .touch__category .footer__social__label {
    color: #D6318A; }
  .touch__category .footer__social__list a {
    color: #7F7F7F; }
  .touch__category .footer__social__list a:hover {
    color: #D6318A; }
  .touch__category .footer__top__des {
    color: #E0E0E0 !important;
    margin-bottom: 16px; }
  .touch__category .footer__hotline a {
    color: #E0E0E0; }
  .touch__category .contact_form {
    border-bottom: 1px solid #2F2F2F !important;
    color: #DBDBDB; }
    .touch__category .contact_form__input {
      color: #D6318A !important; }
    .touch__category .contact_form__btn {
      color: #E0E0E0 !important; }
    .touch__category .contact_form ::-webkit-input-placeholder {
      color: #4E4E4E; }
    .touch__category .contact_form input::-moz-placeholder {
      color: #4E4E4E; }
    .touch__category .contact_form input::ms-input-placeholder {
      color: #4E4E4E; }
    .touch__category .contact_form [placeholder]:focus::-webkit-input-placeholder {
      text-indent: 10em;
      color: transparent; }
    .touch__category .contact_form [placeholder]:focus::-moz-placeholder {
      text-indent: 10em;
      color: transparent; }
  .touch__category .footer__bottom {
    border-top: 1px solid #7F7F7F; }
  .touch__category .category_nav {
    background: #191919;
    padding-top: 6.21429em;
    box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.5); }
    .touch__category .category_nav__link {
      color: #B3C0B9;
      font-family: "Montserrat"; }
      .touch__category .category_nav__link:hover {
        color: #D6318A; }
    .touch__category .category_nav__active {
      color: #D6318A; }
      .touch__category .category_nav__active::before {
        background: #D6318A; }

.touch__page {
  font-size: 14px; }

.touch__title {
  color: #ffffff; }
  .touch__title::before {
    border-color: #ffffff; }
  .touch__title:hover {
    color: #D6318A; }
    .touch__title:hover::before {
      border-color: #D6318A; }

.touch__nav .page__nav__link {
  color: #ffffff;
  font-size: 1em;
  text-transform: uppercase; }
  .touch__nav .page__nav__link:hover {
    color: #D6318A;
    text-decoration: underline; }

.touch__nav .page__nav__active {
  color: #D6318A;
  text-decoration: underline; }

@media (max-width: 991px) {
  .touch__category .category_nav {
    padding-top: 2.85714em; } }

.category_touch .category_nav {
  background-color: #DFF0F3; }
  .category_touch .category_nav .nav-tabs,
  .category_touch .category_nav .nav-link {
    border: none;
    background-color: transparent; }
  .category_touch .category_nav__link {
    padding: 0;
    font-family: "Montserrat";
    font-size: 0.85714em;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    position: relative;
    white-space: nowrap;
    font-weight: 500;
    border: none;
    margin: 0 1.25em; }
    .category_touch .category_nav__link:hover {
      color: #D6318A;
      border: none; }
    .category_touch .category_nav__link:before {
      content: "";
      position: absolute;
      top: 50%;
      left: -12px;
      background: #D6318A;
      height: 1px;
      width: 29px;
      opacity: 0; }
    .category_touch .category_nav__link.active {
      font-size: 1.78571em;
      color: #D6318A;
      padding-left: 50px; }
      .category_touch .category_nav__link.active::before {
        opacity: 1; }

.touch_banner {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 5.71429em;
  position: relative; }
  .touch_banner__info {
    position: relative;
    padding: 3.14286em 0 0 0; }
  .touch_banner__mykolor {
    width: 244px;
    position: absolute;
    top: -54px;
    right: 0; }
  .touch_banner__logo {
    text-align: right; }
    .touch_banner__logo img {
      margin-top: -15px;
      width: 100%;
      max-width: 482px; }
  .touch_banner__des {
    font-size: 1em;
    line-height: 1.28571em;
    letter-spacing: 0.05em;
    color: #E0E0E0;
    text-align: justify; }
    .touch_banner__des__inner {
      padding-left: 100px;
      position: relative; }
    .touch_banner__des__texture {
      width: 80px;
      height: 60px;
      position: absolute;
      top: 50%;
      margin-top: -30px;
      left: 0; }
  .touch_banner__img__wrapper {
    display: inline-block;
    position: relative; }
  .touch_banner__texture {
    position: absolute;
    padding: 11px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .touch_banner__texture svg {
      width: 100%;
      height: 100%; }
  @media (max-width: 991px) {
    .touch_banner__mykolor {
      position: static;
      top: auto;
      right: auto;
      margin: 0 auto; }
    .touch_banner__logo {
      order: -1;
      text-align: center;
      padding: 15px 0; }
      .touch_banner__logo img {
        margin-top: 0; } }

.touch_product {
  font-size: 14px;
  background: #191919; }
  .touch_product__list {
    padding-bottom: 2em; }
  .touch_product__cta {
    text-align: center; }
  .touch_product__btn {
    text-align: center;
    width: 147px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #D6318A;
    border-radius: 2px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    background-color: transparent; }
    .touch_product__btn:hover {
      color: #ffffff;
      background-color: #D6318A;
      border-color: #D6318A; }
    .touch_product__btn.is_loading {
      background-color: #D6318A; }
    .touch_product__btn .btn_loading__icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .touch_product__btn .lds-ring {
      width: 30px;
      height: 30px; }
      .touch_product__btn .lds-ring div {
        width: 100%;
        height: 100%;
        border-width: 3px;
        margin: 3px;
        border-color: #ffffff transparent transparent transparent; }

.touch_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em;
  padding: 19px 0 44px 0; }
  .touch_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    overflow: hidden;
    background-color: #191919;
    padding: 7px; }
    .touch_item__texture:before {
      content: '';
      display: block;
      width: 284px;
      height: 480px;
      left: 0;
      top: -110px;
      position: absolute;
      background: linear-gradient(180deg, #0E0E0E 0%, rgba(17, 17, 17, 0) 100%);
      border-radius: 14px;
      -webkit-transform: matrix(0.63, -0.79, 0.76, 0.64, 0, 0);
              transform: matrix(0.63, -0.79, 0.76, 0.64, 0, 0);
      z-index: 1; }
  .touch_item__border {
    width: 100%;
    height: 100%;
    border: 1px solid #D6318A;
    display: flex;
    border-radius: 8px;
    z-index: 2;
    position: relative; }
  .touch_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 1.42857em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .touch_item__img img {
      border-bottom: 2px solid #202020;
      width: 100%;
      padding-bottom: 12px;
      min-height: 440px;
      -o-object-fit: contain;
         object-fit: contain; }
  .touch_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 1.42857em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    transition: all 0.5s ease-in-out;
    padding: 0 10px; }
  .touch_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #ADADAD;
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 0 10px; }
  .touch_item:hover .touch_item__texture {
    opacity: 1; }

.contact__page {
  font-size: 14px; }

.contact__title {
  margin-bottom: 2.64286em; }

.contact__form {
  position: relative;
  padding-top: 5.71429em; }
  .contact__form__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10; }
  .contact__form__wrapper {
    max-width: 793px;
    margin: 0 auto;
    background: #ffffff;
    padding: 3.57143em 1.07143em;
    margin-bottom: 2.85714em;
    position: relative;
    z-index: 12; }
  .contact__form .container {
    max-width: 590px; }
  .contact__form__input {
    border: none;
    border-bottom: 1px solid #D1D1D1;
    font-size: 1em;
    border-radius: 0;
    margin-bottom: 1.42857em;
    padding-left: 0; }

.contact__btn {
  font-weight: 500;
  font-size: 1.14286em;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #232323;
  background: none;
  border: none;
  margin-top: 1.78571em;
  width: 147px;
  height: 39px;
  border: 1px solid #BDBDBD;
  border-radius: 2px;
  line-height: 39px; }
  .contact__btn br {
    display: none; }

.contact__info__item {
  text-align: center;
  color: #ffffff;
  margin-bottom: 30px; }

.contact__info__img {
  margin-bottom: 1.14286em; }

.contact__info__title {
  font-family: "Montserrat";
  font-size: 1.42857em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 0.8em;
  margin-bottom: 0.8em;
  font-weight: 500;
  color: #E0E0E0; }
  .contact__info__title::after {
    content: "";
    width: 40px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    height: 1px;
    background-color: #D6B96F; }

.contact__info__list {
  line-height: 1.30769em;
  font-size: 0.92857em;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
  color: #C7C7C7; }
  .contact__info__list a {
    color: #C7C7C7; }

@media (max-width: 768px) {
  .contact__form {
    padding-top: 0; }
    .contact__form__bg {
      position: relative; } }

.library__page {
  font-size: 14px; }
  .library__page--images .library__header {
    margin-bottom: 1.5em; }
  .library__page--images .library__nav {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0; }
    .library__page--images .library__nav__item {
      padding: 0 1.28571em; }
    .library__page--images .library__nav__link {
      font-size: 1em;
      text-align: center;
      letter-spacing: 0.05em;
      color: #ffffff;
      white-space: nowrap; }
      .library__page--images .library__nav__link.active, .library__page--images .library__nav__link:hover {
        color: #D6B96F;
        text-decoration: underline; }
  .library__page--images .library__zoomer {
    position: relative;
    max-width: 992px;
    margin: 0 auto; }
    .library__page--images .library__zoomer:after {
      content: '';
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      position: absolute;
      bottom: 0;
      left: 0;
      height: 52.7027%; }
  .library__page--images .library__fullscreen-icon {
    position: absolute;
    top: 1.07143em;
    top: 1.07143em;
    width: 32px;
    height: 32px;
    color: #E0E0E0;
    background: #000000;
    border: none;
    z-index: 2; }
  .library__page--images .library__slider {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 4.28571em;
    position: relative;
    margin-top: -77px; }
    .library__page--images .library__slider .item {
      padding: 15px 5px;
      transition: all .3s ease;
      position: relative; }
      .library__page--images .library__slider .item img {
        width: 100%;
        height: 116px;
        -o-object-fit: cover;
           object-fit: cover; }
      .library__page--images .library__slider .item:hover {
        -webkit-transform: scale(1.12, 1.12);
                transform: scale(1.12, 1.12);
        z-index: 1; }
    .library__page--images .library__slider .slick-slide:focus {
      outline: none; }
  .library__page--images .library__btn {
    position: absolute;
    top: 0;
    background-color: transparent;
    color: #ffffff;
    border: none;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    .library__page--images .library__btn--prev {
      left: 30px; }
    .library__page--images .library__btn--next {
      right: 30px; }
  .library__page--images .library__border-bottom {
    padding: 20px 0 24px 0;
    border: none; }
  .library__page--images .library__information-title {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 1.42857em;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    margin-bottom: 0.65em; }
  .library__page--images .library__date {
    text-align: center;
    font-weight: 500;
    font-size: 0.85714em;
    line-height: 1.16667em;
    color: #8E8E8E;
    display: block; }
  .library__page--images .library__download {
    display: flex;
    align-items: center;
    color: #ffffff;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 0.85714em;
    line-height: 1.16667em;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 85px;
    left: 0; }
    .library__page--images .library__download .item {
      padding: 0 5px; }
      .library__page--images .library__download .item__link {
        display: inline-block;
        color: #ffffff;
        border: 1px solid #919191;
        box-sizing: border-box;
        border-radius: 2px;
        height: 2.41667em;
        line-height: 2.41667em;
        font-weight: 500;
        padding: 0 1.5em;
        transition: border-color .3 ease; }
        .library__page--images .library__download .item__link:hover {
          border-color: #D6B96F; }
  .library__page--images .library__news_list__title {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 1.78571em;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 1.2em; }
  .library__page--images .library__news_list--other {
    padding-top: 2.21429em; }
    .library__page--images .library__news_list--other .slick-arrow {
      top: 35%; }
    .library__page--images .library__news_list--other .slick-slide:focus {
      outline: none; }
    .library__page--images .library__news_list--other .news__item__wrapper {
      margin-right: 10px;
      padding: 0; }
    .library__page--images .library__news_list--other .news__item__info_library {
      padding-top: 1.14286em; }
    .library__page--images .library__news_list--other .news__item__img:after {
      display: none; }
    .library__page--images .library__news_list--other .news__item__name {
      font-weight: 600;
      font-size: 1em;
      line-height: 1.21429em;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-family: "Montserrat"; }
  @media (max-width: 991px) {
    .library__page--images .library__nav {
      margin-top: 1.07143em;
      justify-content: center; }
    .library__page--images .library__header {
      margin-bottom: 2.85714em; } }
  @media (max-width: 768px) {
    .library__page--images .library__page {
      font-size: 13px; }
    .library__page--images .library__nav {
      margin-top: 1.07143em;
      justify-content: flex-start;
      overflow: auto; }
    .library__page--images .library__center-mobile {
      text-align: center; } }
  @media (max-width: 400px) {
    .library__page--images .library__slider {
      position: relative;
      bottom: auto;
      right: auto;
      padding: 0;
      margin-top: 10px; } }
  .library__page--main .news__item:hover .news__item__info {
    background: none; }
  .library__page--main .news__item:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(358.16deg, #0E0E0E 2.51%, rgba(0, 0, 0, 0) 97.75%); }
  .library__page--main .news__item__info {
    margin-bottom: -4.57143em;
    z-index: 1; }
  .library__page--main .news__item__name {
    font-size: 1.14286em;
    line-height: 1.25em;
    margin-bottom: 1.25em; }

.news__item {
  font-size: 14px;
  margin-bottom: 2.14286em;
  position: relative;
  overflow: hidden; }
  .news__item__wrapper {
    padding: 0 0.71429em;
    margin-bottom: 10px; }
  .news__item__img img {
    width: 100%; }
  .news__item__img:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: linear-gradient(358.7deg, #0E0E0E -19.21%, rgba(0, 0, 0, 0) 98.4%);
    z-index: 1; }
  .news__item__info_library {
    padding-bottom: 1.42857em;
    padding-top: 1.42857em;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
    z-index: 12; }
  .news__item__name {
    font-weight: 500;
    line-height: normal;
    font-size: 1.28571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E0E0E0;
    margin-bottom: 0.27778em; }
  .news__item__des {
    line-height: 1.35714em;
    font-size: 1em;
    color: #E0E0E0;
    margin-bottom: 1.35714em;
    letter-spacing: 0.05em;
    opacity: 0; }
  .news__item__btn {
    line-height: 0.75em;
    font-size: 1.14286em;
    color: #E0E0E0 !important;
    margin-bottom: 0;
    font-weight: bold;
    opacity: 0; }
  .news__item:hover .news__item__info {
    margin-bottom: 0; }
  .news__item:hover .news__item__des {
    opacity: 1; }
  .news__item:hover .news__item__btn {
    opacity: 1; }
  @media (max-width: 768px) {
    .news__item {
      font-size: 12px; }
      .news__item__des {
        display: none; }
      .news__item__info {
        margin-bottom: -5.45455em; } }
  @media (max-width: 576px) {
    .news__item {
      font-size: 11px; } }

.modal-image {
  padding: 0;
  position: relative; }

.close {
  position: absolute;
  right: .5em;
  top: .5em; }

.library__page {
  font-size: 14px; }

.library__header {
  margin-bottom: 3.57143em; }

.library__nav {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0; }
  .library__nav__item {
    padding: 0 1.28571em; }
  .library__nav__link {
    font-size: 1em;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    white-space: nowrap; }
    .library__nav__link.active, .library__nav__link:hover {
      color: #D6B96F;
      text-decoration: underline; }

.library__zoomer {
  position: relative; }

.library__fullscreen-icon {
  position: absolute;
  left: 1em;
  bottom: 1em;
  width: 32px;
  height: 32px;
  color: #E0E0E0;
  background: #000000;
  border: none; }

.library__rightcol {
  padding: 0 20px; }

.library__border-bottom {
  padding: 20px 0;
  border-bottom: 0.75px solid #333333; }

.library__information-title {
  font-family: "Montserrat";
  text-transform: uppercase;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: normal;
  padding: 10px 0; }

.library__date {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.05em;
  color: #828282; }

.library__download-wrapper {
  padding: 20px 0;
  overflow: hidden; }

.library__button-wrapper {
  padding-bottom: 20px; }
  .library__button-wrapper .devide-text {
    font-size: 11px; }

.library__download-button {
  color: #5B5B5B;
  background: none;
  border: 1px solid #5B5B5B;
  padding: 7px 20px 5px 20px;
  box-sizing: border-box; }
  .library__download-button.active {
    color: #D6B96F;
    border: 1px solid #D6B96F; }
  .library__download-button:hover {
    color: #D6B96F !important; }

.library__news_list {
  padding-top: 50px; }

@media (max-width: 991px) {
  .library__nav {
    margin-top: 1.07143em;
    justify-content: center; }
  .library__header {
    margin-bottom: 2.85714em; }
  .library__rightcol {
    padding: 0; } }

@media (max-width: 768px) {
  .library__page {
    font-size: 13px; }
  .library__nav {
    margin-top: 1.07143em;
    justify-content: flex-start;
    overflow: auto; }
  .library__center-mobile {
    text-align: center; } }

.news__item {
  font-size: 14px;
  margin-bottom: 2.14286em;
  position: relative;
  overflow: hidden; }
  .news__item__wrapper {
    padding: 0 0.71429em;
    margin-bottom: 10px; }
  .news__item__img img {
    width: 100%; }
  .news__item__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: linear-gradient(358.16deg, #0E0E0E 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1; }
  .news__item__info {
    padding: 0 2.14286em;
    padding-bottom: 1.42857em;
    padding-top: 1.42857em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -8.28571em;
    transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
    z-index: 12; }
  .news__item__name {
    font-weight: 500;
    line-height: normal;
    font-size: 1.28571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E0E0E0;
    margin-bottom: 0.27778em; }
  .news__item__des {
    line-height: 1.35714em;
    font-size: 1em;
    color: #E0E0E0;
    margin-bottom: 1.35714em;
    letter-spacing: 0.05em;
    opacity: 0; }
  .news__item__btn {
    line-height: 0.75em;
    font-size: 1.14286em;
    color: #E0E0E0 !important;
    margin-bottom: 0;
    font-weight: bold;
    opacity: 0; }
  .news__item:hover .news__item__info {
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.85); }
  .news__item:hover .news__item__des {
    opacity: 1; }
  .news__item:hover .news__item__btn {
    opacity: 1; }
  @media (max-width: 768px) {
    .news__item {
      font-size: 12px; }
      .news__item__des {
        display: none; }
      .news__item__info {
        margin-bottom: -5.45455em; } }
  @media (max-width: 576px) {
    .news__item {
      font-size: 11px; } }

.library__page {
  font-size: 14px; }
  .library__page--video .library__header {
    margin-bottom: 2.85714em; }
  .library__page--video .library__nav {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0; }
    .library__page--video .library__nav__item {
      padding: 0 1.28571em; }
    .library__page--video .library__nav__link {
      font-size: 1em;
      text-align: center;
      letter-spacing: 0.05em;
      color: #ffffff;
      white-space: nowrap; }
      .library__page--video .library__nav__link.active, .library__page--video .library__nav__link:hover {
        color: #D6B96F;
        text-decoration: underline; }
  .library__page--video .library__content {
    padding-bottom: 2.85714em; }
  .library__page--video .library__video-container {
    position: relative; }
  .library__page--video .library__play-button {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 68px;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    height: 68px; }
  .library__page--video .library__border-bottom {
    border: none;
    padding: 0 0 1.64286em 0px; }
  .library__page--video .library__information-title {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 1.42857em;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    margin-bottom: 0.65em; }
  .library__page--video .library__date {
    text-align: center;
    font-weight: 500;
    font-size: 0.85714em;
    line-height: 1.16667em;
    color: #8E8E8E;
    display: block; }
  .library__page--video .library__news_list__title {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 1.78571em;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 1.2em; }
  .library__page--video .library__news_list--other {
    padding-top: 2.21429em; }
    .library__page--video .library__news_list--other .slick-arrow {
      top: 35%; }
    .library__page--video .library__news_list--other .slick-slide:focus {
      outline: none; }
    .library__page--video .library__news_list--other .news__item__wrapper {
      margin-right: 10px;
      padding: 0; }
    .library__page--video .library__news_list--other .news__item__info_library {
      padding-top: 1.14286em; }
    .library__page--video .library__news_list--other .news__item__img:after {
      display: none; }
    .library__page--video .library__news_list--other .news__item__name {
      font-weight: 500;
      font-size: 1em;
      line-height: 1.21429em;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-family: "Montserrat"; }
  @media (max-width: 991px) {
    .library__page--video .library__nav {
      margin-top: 1.07143em;
      justify-content: center; }
    .library__page--video .library__header {
      margin-bottom: 2.85714em; }
    .library__page--video .library__content {
      padding-bottom: 1.42857em; } }
  @media (max-width: 768px) {
    .library__page--video .library__page {
      font-size: 13px; }
    .library__page--video .library__nav {
      margin-top: 1.07143em;
      justify-content: flex-start;
      overflow: auto; }
    .library__page--video .library__center-mobile {
      text-align: center; } }

.news__item {
  font-size: 14px;
  margin-bottom: 2.14286em;
  position: relative;
  overflow: hidden; }
  .news__item__wrapper {
    padding: 0 0.71429em;
    margin-bottom: 10px; }
  .news__item__img img {
    width: 100%; }
  .news__item__img:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: linear-gradient(358.7deg, #0E0E0E -19.21%, rgba(0, 0, 0, 0) 98.4%);
    z-index: 1; }
  .news__item__info_library {
    padding-bottom: 1.78571em;
    padding-top: 1.42857em;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
    z-index: 12; }
  .news__item__name {
    font-weight: 500;
    line-height: normal;
    font-size: 1.28571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E0E0E0;
    margin-bottom: 0.27778em; }
  .news__item__des {
    line-height: 1.35714em;
    font-size: 1em;
    color: #E0E0E0;
    margin-bottom: 1.35714em;
    letter-spacing: 0.05em;
    opacity: 0; }
  .news__item__btn {
    line-height: 0.75em;
    font-size: 1.14286em;
    color: #E0E0E0 !important;
    margin-bottom: 0;
    font-weight: bold;
    opacity: 0; }
  .news__item:hover .news__item__info {
    margin-bottom: 0; }
  .news__item:hover .news__item__des {
    opacity: 1; }
  .news__item:hover .news__item__btn {
    opacity: 1; }
  @media (max-width: 768px) {
    .news__item {
      font-size: 12px; }
      .news__item__des {
        display: none; }
      .news__item__info {
        margin-bottom: -5.45455em; } }
  @media (max-width: 576px) {
    .news__item {
      font-size: 11px; } }

.news__page {
  font-size: 14px;
  background: #000000; }

.news__header {
  margin-bottom: 3.57143em; }

.news__title_right {
  font-family: "Montserrat";
  padding-left: 0;
  margin-bottom: 40px; }
  .news__title_right:before {
    border-top: 1.5px solid #E0E0E0;
    right: 0;
    left: auto;
    width: 92px; }
  .news__title_right:hover:before {
    right: 10px;
    left: auto; }

.news__nav {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0; }
  .news__nav__item {
    padding: 0 1.28571em; }
  .news__nav__link {
    font-size: 1em;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    white-space: nowrap; }
    .news__nav__link.active, .news__nav__link:hover {
      color: #D6B96F;
      text-decoration: underline; }

@media (max-width: 991px) {
  .news__nav {
    margin-top: 1.07143em;
    justify-content: center; }
  .news__header {
    margin-bottom: 2.85714em; } }

@media (max-width: 768px) {
  .news__page {
    font-size: 13px; }
  .news__nav {
    margin-top: 1.07143em;
    justify-content: flex-start;
    overflow: auto; } }

.news__item {
  font-size: 14px;
  margin-bottom: 2.14286em;
  position: relative;
  overflow: hidden; }
  .news__item__wrapper {
    padding: 0 0.71429em;
    margin-bottom: 10px; }
  .news__item__img img {
    width: 100%; }
  .news__item__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: linear-gradient(358.7deg, #0E0E0E -19.21%, rgba(0, 0, 0, 0) 98.4%);
    z-index: 1; }
  .news__item__info {
    padding: 0 2.14286em;
    padding-bottom: 1.78571em;
    padding-top: 1.42857em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -8.28571em;
    transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
    z-index: 12; }
  .news__item__name {
    font-weight: 500;
    line-height: normal;
    font-size: 1.28571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E0E0E0;
    margin-bottom: 0.27778em;
    transition: all 0.3s ease-in-out; }
    .news__item__name:hover {
      color: #D6B96F; }
  .news__item__des {
    line-height: 1.35714em;
    font-size: 1em;
    color: #E0E0E0;
    margin-bottom: 1.35714em;
    letter-spacing: 0.05em;
    opacity: 0; }
  .news__item__btn {
    line-height: 0.75em;
    font-size: 1.14286em;
    color: #E0E0E0 !important;
    margin-bottom: 0;
    font-weight: bold;
    opacity: 0;
    transition: all 0.3s ease-in-out; }
    .news__item__btn:hover {
      color: #D6B96F !important; }
      .news__item__btn:hover svg {
        color: #D6B96F !important; }
  .news__item:hover .news__item__info {
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.85); }
  .news__item:hover .news__item__des {
    opacity: 1; }
  .news__item:hover .news__item__btn {
    opacity: 1; }
  @media (max-width: 768px) {
    .news__item {
      font-size: 12px; }
      .news__item__des {
        display: none; }
      .news__item__info {
        margin-bottom: -4.28571em; } }
  @media (max-width: 576px) {
    .news__item {
      font-size: 11px; } }

.news__recent {
  font-size: 14px;
  margin-bottom: 2.85714em; }
  .news__recent__list {
    opacity: 0; }
    .news__recent__list.slick-initialized {
      opacity: 1; }
    .news__recent__list .slick-arrow {
      top: 110px; }
      .news__recent__list .slick-arrow:hover {
        color: #D6B96F; }
    .news__recent__list .slick-prev {
      right: 0;
      left: auto; }
    .news__recent__list .slick-next {
      left: auto;
      right: 40px; }
    .news__recent__list .slick-active .news__recent__info {
      opacity: 1;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
  .news__recent__item {
    position: relative;
    padding-right: 180px; }
    .news__recent__item:hover .news__recent__title a {
      color: #D6B96F; }
  .news__recent__info {
    width: 387px;
    background: #ffffff;
    border-top: 0.28571em solid #D6B96F;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 40px;
    padding-bottom: 35px;
    padding-top: 46px;
    -webkit-transform: translate(100px, -50%);
            transform: translate(100px, -50%);
    opacity: 0;
    transition: all 1s ease-in-out 0s; }
  .news__recent__title {
    font-weight: 500;
    font-size: 1.42857em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 0.5em; }
    .news__recent__title a {
      color: #000000; }
  .news__recent__des {
    font-size: 1em;
    letter-spacing: 0.05em;
    color: #000000;
    margin-bottom: 1.78571em; }
  .news__recent__btn {
    width: 147px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
    text-align: center;
    font-size: 14px; }
    .news__recent__btn:hover {
      border-color: #D6B96F; }
  .news__recent__dots {
    text-align: center;
    margin-top: 34px;
    margin-bottom: 0px; }
    .news__recent__dots .item {
      display: inline-block;
      padding: 0 7px; }
      .news__recent__dots .item__dot {
        width: 7px;
        height: 7px;
        border: none;
        background-color: #C4C4C4;
        -webkit-transform: scale(0.714, 0.714);
                transform: scale(0.714, 0.714);
        transition: all .3s ease; }
        .news__recent__dots .item__dot:hover {
          background-color: #222222;
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }
        .news__recent__dots .item__dot.active {
          background-color: #222222;
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1); }
  .news__recent .slick-dots {
    display: none !important; }
  @media (max-width: 1200px) {
    .news__recent {
      font-size: 13px; }
      .news__recent__info {
        padding: 2.14286em; } }
  @media (max-width: 991px) {
    .news__recent__list .slick-active .news__recent__info {
      opacity: 1;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    .news__recent__info {
      position: relative;
      top: auto;
      width: 100%;
      -webkit-transform: translate(0, 50px);
              transform: translate(0, 50px); }
    .news__recent__item {
      padding: 0; } }

.single .header-main {
  background: #C9E4EC; }
  .single .header-main .navbar-nav__child {
    background: #C9E4EC; }
    .single .header-main .navbar-nav__child li:first-child:after {
      border-bottom-color: #C9E4EC; }

.news__article {
  padding-top: 7.85714em; }
  .news__article_body .header-main {
    background: #C9E4EC; }
  .news__article__name {
    font-style: normal;
    font-weight: bold;
    line-height: 1.33333em;
    font-size: 2.14286em;
    letter-spacing: 0.05em;
    color: #000000;
    margin-bottom: 0.5em; }
  .news__article__meta {
    margin-bottom: 1.07143em; }
  .news__article__cat {
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    color: #D6B96F;
    margin-right: 1.07143em; }
  .news__article__date {
    font-weight: 300;
    line-height: 12px;
    font-size: 1em;
    color: #4F4F4F; }
  .news__article__content {
    margin-bottom: 2.14286em;
    font-size: 14px; }
  @media (max-width: 991px) {
    .news__article {
      padding-top: 0; }
      .news__article__container {
        margin-top: 1.07143em; } }

.news__list {
  margin-top: 3.57143em;
  margin-bottom: 0.64286em; }

.news__page {
  font-size: 14px;
  background: #000000; }

.news__header {
  margin-bottom: 3.57143em; }

.news__title_right {
  font-family: "Montserrat";
  padding-left: 0;
  margin-bottom: 40px; }
  .news__title_right:before {
    border-top: 1.5px solid #E0E0E0;
    right: 0;
    left: auto;
    width: 92px; }
  .news__title_right:hover:before {
    right: 10px;
    left: auto; }

.news__banner {
  text-align: center;
  position: relative; }
  .news__banner img {
    display: inline-block;
    position: relative; }

.news__post_title_inline {
  position: absolute;
  bottom: 30px;
  font-family: "Montserrat";
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 10px;
  transition: all 0.3s ease-in-out;
  max-width: 768px;
  font-weight: 600; }
  .news__post_title_inline:hover {
    color: #D6B96F; }

.news__post_title {
  position: relative;
  bottom: 0;
  font-family: "Montserrat";
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 10px;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
  padding-top: 30px; }
  .news__post_title:hover {
    color: #D6B96F; }

.news__date {
  text-align: center;
  padding: 30px 0;
  color: #585858;
  font-size: 12px; }
  .news__date:hover .news__dashline {
    color: #D6B96F; }
    .news__date:hover .news__dashline::before {
      left: -80px; }
    .news__date:hover .news__dashline::after {
      right: -80px; }

.news__dashline {
  position: relative; }
  .news__dashline::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 1.5px;
    background: #D6B96F;
    top: 45%;
    left: -60px;
    transition: all 0.3s ease-in-out; }
  .news__dashline::after {
    position: absolute;
    content: '';
    width: 40px;
    height: 1.5px;
    background: #D6B96F;
    top: 45%;
    right: -60px;
    transition: all 0.3s ease-in-out; }

.news__excerpt {
  text-align: center;
  font-size: 18px;
  margin: 40px 0; }
  .news__excerpt p {
    padding: 0 10%; }

.news__content_details {
  font-size: 16px; }
  .news__content_details figcaption {
    text-align: center; }
  .news__content_details img {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .news__content_details p {
    text-align: justify; }
  .news__content_details .wp-block-embed-youtube iframe {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    min-height: 500px; }

.news__nav {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0; }
  .news__nav__item {
    padding: 0 1.28571em; }
  .news__nav__link {
    font-size: 1em;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    white-space: nowrap; }
    .news__nav__link.active, .news__nav__link:hover {
      color: #D6B96F;
      text-decoration: underline; }

@media (max-width: 991px) {
  .news__nav {
    margin-top: 1.07143em;
    justify-content: center; }
  .news__header {
    margin-bottom: 2.85714em; }
  .news__post_title {
    position: static;
    -webkit-transform: none;
            transform: none;
    margin: auto;
    margin-top: 1.42857em; } }

@media (max-width: 768px) {
  .news__page {
    font-size: 13px; }
  .news__nav {
    margin-top: 1.07143em;
    justify-content: flex-start;
    overflow: auto; } }

@media (max-width: 576px) {
  .news__post_title h1 {
    font-size: 1.5rem; }
  .news__details__similar::before {
    display: none; } }

.news__title__bold {
  font-family: "Montserrat";
  font-weight: 500; }

.info-footer {
  padding: 15px 15px 5px;
  background: url("/wp-content/themes/steen/app/public/img/bg.jpg") left top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  text-align: left;
  margin-bottom: 15px; }

.info-footer p {
  font-size: 20px;
  color: #4a2508; }

.gift-title {
  margin-top: 15px;
  background: url("/wp-content/themes/steen/app/public/img/bg.jpg") left top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  text-align: center; }

.news__item {
  font-size: 14px;
  margin-bottom: 2.14286em;
  position: relative;
  overflow: hidden; }
  .news__item__wrapper {
    padding: 0 0.71429em;
    margin-bottom: 10px; }
  .news__item__img img {
    width: 100%; }
  .news__item__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: linear-gradient(358.7deg, #0E0E0E -19.21%, rgba(0, 0, 0, 0) 98.4%);
    z-index: 1; }
  .news__item__info {
    padding: 0 2.14286em;
    padding-bottom: 1.78571em;
    padding-top: 1.42857em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -8.28571em;
    transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
    z-index: 12; }
  .news__item__name {
    font-weight: 500;
    line-height: normal;
    font-size: 1.28571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E0E0E0;
    margin-bottom: 0.27778em;
    transition: all 0.3s ease-in-out; }
    .news__item__name:hover {
      color: #D6B96F; }
  .news__item__des {
    line-height: 1.35714em;
    font-size: 1em;
    color: #E0E0E0;
    margin-bottom: 1.35714em;
    letter-spacing: 0.05em;
    opacity: 0; }
  .news__item__btn {
    line-height: 0.75em;
    font-size: 1.14286em;
    color: #E0E0E0 !important;
    margin-bottom: 0;
    font-weight: bold;
    opacity: 0;
    transition: all 0.3s ease-in-out; }
    .news__item__btn:hover {
      color: #D6B96F !important; }
      .news__item__btn:hover svg {
        color: #D6B96F !important; }
  .news__item:hover .news__item__info {
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.85); }
  .news__item:hover .news__item__des {
    opacity: 1; }
  .news__item:hover .news__item__btn {
    opacity: 1; }
  @media (max-width: 768px) {
    .news__item {
      font-size: 12px; }
      .news__item__des {
        display: none; }
      .news__item__info {
        margin-bottom: -4.28571em; } }
  @media (max-width: 576px) {
    .news__item {
      font-size: 11px; } }

.single .header-main {
  background: #C9E4EC; }
  .single .header-main .navbar-nav__child {
    background: #C9E4EC; }
    .single .header-main .navbar-nav__child li:first-child:after {
      border-bottom-color: #C9E4EC; }

.news__article {
  padding-top: 7.85714em; }
  .news__article_body .header-main {
    background: #C9E4EC; }
  .news__article__name {
    font-style: normal;
    font-weight: bold;
    line-height: 1.33333em;
    font-size: 2.14286em;
    letter-spacing: 0.05em;
    color: #000000;
    margin-bottom: 0.5em; }
  .news__article__meta {
    margin-bottom: 1.07143em; }
  .news__article__cat {
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    color: #D6B96F;
    margin-right: 1.07143em; }
  .news__article__date {
    font-weight: 300;
    line-height: 12px;
    font-size: 1em;
    color: #4F4F4F; }
  .news__article__content {
    margin-bottom: 2.14286em;
    font-size: 14px; }
  @media (max-width: 991px) {
    .news__article {
      padding-top: 0; }
      .news__article__container {
        margin-top: 1.07143em; } }

.product__page {
  font-size: 14px;
  background-color: #f7f7f7; }

.product_detail_grand .grand__page {
  font-size: 14px; }

.product_detail_grand .grand__title {
  color: #8e816c; }
  .product_detail_grand .grand__title::before {
    border-color: #8e816c; }

.product_detail_grand .grand__nav .page__nav__link {
  color: #adadad;
  font-size: 1em;
  text-transform: uppercase; }
  .product_detail_grand .grand__nav .page__nav__link:hover {
    color: #8e816c;
    text-decoration: underline; }

.product_detail_grand .grand__nav .page__nav__active {
  color: #8e816c;
  text-decoration: underline; }

.grand_detail {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 5.85714em;
  color: #ADADAD; }
  .grand_detail__title {
    font-size: 1.71429em;
    line-height: 29px;
    font-family: "Montserrat";
    text-transform: uppercase;
    padding-top: 1.54167em;
    color: #8E7C6C; }
  .grand_detail__title__vn {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #7F7F7F;
    margin-top: 7px; }
  .grand_detail__sub-title {
    color: #ADADAD;
    font-size: 1.14286em;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: -2px;
    font-weight: bold; }
  .grand_detail__specs {
    padding-top: 5px; }
  .grand_detail .nav {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden; }
  .grand_detail .nav-tabs {
    border-bottom: 1px solid #ADADAD; }
    .grand_detail .nav-tabs .nav-item {
      margin: 0;
      width: 25%; }
    .grand_detail .nav-tabs .nav-link {
      border: none;
      border-radius: 0;
      color: #ADADAD;
      padding: 0;
      display: inline-block;
      position: relative;
      padding: 9px 0;
      white-space: nowrap; }
      .grand_detail .nav-tabs .nav-link:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #8e816c;
        position: absolute;
        bottom: -1px;
        left: 0;
        opacity: 0;
        transition: opacity ease .15s; }
      .grand_detail .nav-tabs .nav-link.active {
        color: #8e816c;
        background-color: transparent;
        font-weight: 500; }
        .grand_detail .nav-tabs .nav-link.active:after {
          opacity: 1; }
  .grand_detail .tab-content > .tab-pane {
    padding-top: 2em; }
  .grand_detail .editor p,
  .grand_detail .editor ul,
  .grand_detail .editor ol {
    margin-top: 14px;
    margin-bottom: 0; }
    .grand_detail .editor p:first-child,
    .grand_detail .editor ul:first-child,
    .grand_detail .editor ol:first-child {
      margin-top: 0; }
  .grand_detail .editor ul,
  .grand_detail .editor ol {
    list-style: none; }
    .grand_detail .editor ul li,
    .grand_detail .editor ol li {
      position: relative;
      padding-left: 8px; }
      .grand_detail .editor ul li::before,
      .grand_detail .editor ol li::before {
        content: '';
        display: block;
        width: 3px;
        height: 3px;
        background-color: #ADADAD;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 0; }
  .grand_detail .grand_item {
    max-width: 384px; }
    .grand_detail .grand_item__texture__inner {
      border-color: #fffdef; }
  @media (max-width: 991px) {
    .grand_detail .grand_item {
      margin: 0 auto; } }
  @media (max-width: 576px) {
    .grand_detail .nav-tabs .nav-item {
      display: inline-block;
      width: auto;
      text-align: left !important;
      margin-right: 1.07143em; } }

.product_detail_grand .category_nav {
  padding-top: 4.71429em;
  padding-bottom: 3.92857em; }
  .product_detail_grand .category_nav__link {
    font-size: 1.71429em;
    color: #8e816c;
    white-space: normal; }

.product_detail_grand .grand_product {
  font-size: 14px;
  background: #ffffff; }
  .product_detail_grand .grand_product__list {
    padding-bottom: 2.14286em; }
  .product_detail_grand .grand_product__cta {
    text-align: center;
    padding-bottom: 2.14286em; }
  .product_detail_grand .grand_product__btn {
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #8E7C6C;
    background: transparent;
    border: none;
    background: transparent; }
    .product_detail_grand .grand_product__btn:hover {
      opacity: 0.7; }

.product_detail_grand .grand_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .product_detail_grand .grand_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, #F6F0D7 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
    padding: 3px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
    .product_detail_grand .grand_item__texture__inner {
      width: 100%;
      height: 100%;
      border: 5px solid #ffffff;
      background: linear-gradient(180deg, #F6F0D7 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); }
  .product_detail_grand .grand_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 2.14286em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .product_detail_grand .grand_item__img img {
      width: 100%; }
  .product_detail_grand .grand_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    transition: all 0.5s ease-in-out;
    font-size: 1.14286em;
    margin-bottom: 0.75em; }
  .product_detail_grand .grand_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #7F7F7F;
    text-align: center;
    position: relative;
    z-index: 2; }
  .product_detail_grand .grand_item:hover .grand_item__texture, .product_detail_grand .grand_item.active .grand_item__texture {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; }
  .product_detail_grand .grand_item:hover .grand_item__title, .product_detail_grand .grand_item.active .grand_item__title {
    color: #8E7C6C; }

.editor table {
  color: #ADADAD; }
  .editor table td {
    border: none; }

.nana__page {
  font-size: 14px; }

.nana__title {
  color: #887068; }
  .nana__title::before {
    border-color: #887068; }

.nana__nav .page__nav__link {
  color: #887068;
  font-size: 1em;
  text-transform: uppercase; }
  .nana__nav .page__nav__link:hover {
    color: #CE9985;
    text-decoration: underline; }

.nana__nav .page__nav__active {
  color: #CE9985;
  text-decoration: underline; }

@media (max-width: 991px) {
  .nana__category .category_nav {
    padding-top: 2.85714em; } }

.editor table {
  color: #887068; }
  .editor table td {
    border: none; }

.nana_detail {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 2.71429em;
  position: relative;
  color: #887068; }
  .nana_detail__title {
    font-size: 1.71429em;
    line-height: 31px;
    color: #CE9985;
    font-family: "Montserrat";
    text-transform: uppercase;
    padding-top: 1.25em; }
  .nana_detail__sub-title {
    color: #887068;
    font-size: 1.14286em;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: -2px;
    font-weight: bold; }
  .nana_detail__specs {
    padding-top: 5px; }
  .nana_detail .nav {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden; }
  .nana_detail .nav-tabs {
    border-bottom: 1px solid #887068; }
    .nana_detail .nav-tabs .nav-item {
      margin: 0;
      width: 25%; }
    .nana_detail .nav-tabs .nav-link {
      border: none;
      border-radius: 0;
      color: #887068;
      padding: 0;
      display: inline-block;
      position: relative;
      padding: 9px 0;
      white-space: nowrap; }
      .nana_detail .nav-tabs .nav-link:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #CE9985;
        position: absolute;
        bottom: -1px;
        left: 0;
        opacity: 0;
        transition: opacity ease .15s; }
      .nana_detail .nav-tabs .nav-link.active {
        color: #CE9985;
        background-color: transparent;
        font-weight: bold; }
        .nana_detail .nav-tabs .nav-link.active:after {
          opacity: 1; }
  .nana_detail .tab-content > .tab-pane {
    padding-top: 2em; }
  .nana_detail .editor p,
  .nana_detail .editor ul,
  .nana_detail .editor ol {
    margin-top: 14px;
    margin-bottom: 0; }
    .nana_detail .editor p:first-child,
    .nana_detail .editor ul:first-child,
    .nana_detail .editor ol:first-child {
      margin-top: 0; }
  .nana_detail .editor ul,
  .nana_detail .editor ol {
    list-style: none; }
    .nana_detail .editor ul li,
    .nana_detail .editor ol li {
      position: relative;
      padding-left: 8px; }
      .nana_detail .editor ul li::before,
      .nana_detail .editor ol li::before {
        content: '';
        display: block;
        width: 3px;
        height: 3px;
        background-color: #887068;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 0; }
  .nana_detail .nana_item {
    max-width: 330px; }
    .nana_detail .nana_item:hover .nana_item__texture, .nana_detail .nana_item.active .nana_item__texture {
      top: 21px;
      left: -3px;
      -webkit-transform: rotateZ(14deg);
              transform: rotateZ(14deg); }
      .nana_detail .nana_item:hover .nana_item__texture img, .nana_detail .nana_item.active .nana_item__texture img {
        -webkit-transform: rotateZ(15deg);
                transform: rotateZ(15deg);
        top: -9px;
        left: -17px;
        position: relative; }
  @media (max-width: 991px) {
    .nana_detail .nana_item {
      margin: 0 auto; } }
  @media (max-width: 576px) {
    .nana_detail .nav-tabs .nav-item {
      display: inline-block;
      width: auto;
      text-align: left !important;
      margin-right: 1.07143em; } }

.product_detail_nana .category_nav {
  padding-top: 4.78571em;
  padding-bottom: 5.35714em; }
  .product_detail_nana .category_nav__link {
    font-size: 1.71429em;
    color: #887068;
    white-space: normal; }

.nana_product {
  font-size: 14px;
  background: #EDEAE3; }
  .nana_product__list {
    padding-bottom: 2.14286em; }
  .nana_product__cta {
    text-align: center; }

.nana_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .nana_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 3px;
    opacity: 0;
    transition: all 0.7s ease-in-out;
    background: linear-gradient(180deg, rgba(186, 186, 186, 0.1) 0%, rgba(233, 232, 222, 0) 60%);
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    text-align: center; }
    .nana_item__texture img {
      transition-delay: 0.7s;
      transition: all 1s ease-in-out;
      opacity: 0;
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
      width: 80%;
      margin: auto; }
  .nana_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 1.42857em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .nana_item__img img {
      width: 100%; }
  .nana_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.42857em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #887068;
    transition: all 0.5s ease-in-out; }
  .nana_item:hover .nana_item__texture, .nana_item.active .nana_item__texture {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
    opacity: 1; }
    .nana_item:hover .nana_item__texture img, .nana_item.active .nana_item__texture img {
      opacity: 1;
      -webkit-transform: rotateZ(15deg);
              transform: rotateZ(15deg); }
  .nana_item:hover .nana_item__title, .nana_item.active .nana_item__title {
    color: #CA856B; }

.passion__category {
  background: #F5FAFA; }
  .passion__category .header__main {
    background: rgba(245, 250, 250, 0.85); }
    .passion__category .header__main.is-scrolling .header__logo {
      padding-top: 15px;
      padding-bottom: 12px; }

.passion__page {
  font-size: 14px; }

.passion__title {
  color: #828282; }
  .passion__title:hover {
    color: #3B82C5; }
    .passion__title:hover::before {
      border-color: #3B82C5; }
  .passion__title::before {
    border-color: #828282; }

.passion__nav .page__nav__link {
  color: #828282;
  font-size: 1em;
  text-transform: uppercase; }
  .passion__nav .page__nav__link:hover {
    color: #3B82C5;
    text-decoration: underline; }

.passion__nav .page__nav__active {
  color: #3B82C5;
  text-decoration: underline; }

.product_detail_passion .category_nav {
  background-color: #DFF0F3; }
  .product_detail_passion .category_nav__link {
    color: #B3C0B9; }
    .product_detail_passion .category_nav__link:hover {
      color: #3B82C5; }
  .product_detail_passion .category_nav__active {
    color: #3B82C5; }
    .product_detail_passion .category_nav__active:before {
      background-color: #3B82C5; }

.editor table {
  color: #828282; }
  .editor table td {
    border: none; }

.product_detail_passion .passion_detail {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 6em;
  position: relative;
  color: #828282; }
  .product_detail_passion .passion_detail__title {
    font-size: 1.71429em;
    line-height: 31px;
    color: #3B82C5;
    font-family: "Montserrat";
    text-transform: uppercase;
    padding-top: 1.25em; }
  .product_detail_passion .passion_detail__sub-title {
    color: #828282;
    font-size: 1.14286em;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: -2px;
    font-weight: bold; }
  .product_detail_passion .passion_detail__specs {
    padding-top: 5px; }
  .product_detail_passion .passion_detail .nav {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden; }
  .product_detail_passion .passion_detail .nav-tabs {
    border-bottom: 1px solid #828282; }
    .product_detail_passion .passion_detail .nav-tabs .nav-item {
      margin: 0;
      width: 25%; }
    .product_detail_passion .passion_detail .nav-tabs .nav-link {
      border: none;
      border-radius: 0;
      color: #828282;
      padding: 0;
      display: inline-block;
      position: relative;
      padding: 9px 0;
      white-space: nowrap; }
      .product_detail_passion .passion_detail .nav-tabs .nav-link:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #3B82C5;
        position: absolute;
        bottom: -1px;
        left: 0;
        opacity: 0;
        transition: opacity ease .15s; }
      .product_detail_passion .passion_detail .nav-tabs .nav-link.active {
        color: #3B82C5;
        background-color: transparent;
        font-weight: bold; }
        .product_detail_passion .passion_detail .nav-tabs .nav-link.active:after {
          opacity: 1; }
  .product_detail_passion .passion_detail .tab-content > .tab-pane {
    padding-top: 2em; }
  .product_detail_passion .passion_detail .editor p,
  .product_detail_passion .passion_detail .editor ul,
  .product_detail_passion .passion_detail .editor ol {
    margin-top: 14px;
    margin-bottom: 0; }
    .product_detail_passion .passion_detail .editor p:first-child,
    .product_detail_passion .passion_detail .editor ul:first-child,
    .product_detail_passion .passion_detail .editor ol:first-child {
      margin-top: 0; }
  .product_detail_passion .passion_detail .editor ul,
  .product_detail_passion .passion_detail .editor ol {
    list-style: none; }
    .product_detail_passion .passion_detail .editor ul li,
    .product_detail_passion .passion_detail .editor ol li {
      position: relative;
      padding-left: 8px; }
      .product_detail_passion .passion_detail .editor ul li::before,
      .product_detail_passion .passion_detail .editor ol li::before {
        content: '';
        display: block;
        width: 3px;
        height: 3px;
        background-color: #828282;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 0; }
  .product_detail_passion .passion_detail .grand_item {
    max-width: 340px; }
    .product_detail_passion .passion_detail .grand_item__texture {
      width: 120%;
      top: -15%;
      left: -13%; }
    .product_detail_passion .passion_detail .grand_item__img img {
      max-width: 270px; }
  @media (max-width: 991px) {
    .product_detail_passion .passion_detail .grand_item {
      margin: 0 auto; } }
  @media (max-width: 576px) {
    .product_detail_passion .passion_detail .nav-tabs .nav-item {
      display: inline-block;
      width: auto;
      text-align: left !important;
      margin-right: 1.07143em; } }

.product_detail_passion .category_nav {
  padding-top: 4.78571em;
  padding-bottom: 3.35714em; }
  .product_detail_passion .category_nav__link {
    font-size: 1.71429em;
    color: #3B82C5;
    white-space: normal; }

.product_detail_passion .grand_product {
  font-size: 14px;
  background: #ffffff;
  background-color: #DFF0F3; }
  .product_detail_passion .grand_product__list {
    padding-bottom: 2.14286em; }
  .product_detail_passion .grand_product__cta {
    text-align: center; }
  .product_detail_passion .grand_product__btn {
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #828282;
    background: transparent;
    border: none; }
    .product_detail_passion .grand_product__btn:hover {
      opacity: 0.7; }

.product_detail_passion .grand_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .product_detail_passion .grand_item__texture {
    position: absolute;
    top: 0;
    left: -13%;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 3px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    background: none;
    width: 126%; }
    .product_detail_passion .grand_item__texture__inner {
      width: 100%;
      height: 100%;
      border: 5px solid #ffffff;
      background-color: transparent; }
  .product_detail_passion .grand_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 2.14286em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .product_detail_passion .grand_item__img img {
      width: 100%;
      max-width: 223px;
      position: relative;
      z-index: 2; }
  .product_detail_passion .grand_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.42857em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #828282;
    transition: all 0.5s ease-in-out; }
  .product_detail_passion .grand_item:hover .grand_item__texture, .product_detail_passion .grand_item.active .grand_item__texture {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; }
  .product_detail_passion .grand_item:hover .grand_item__title, .product_detail_passion .grand_item.active .grand_item__title {
    color: #3B82C5; }

.platinum__category_detail {
  background: #191919; }
  .platinum__category_detail .header__main {
    background: #191919; }
    .platinum__category_detail .header__main.is-scrolling {
      background: rgba(28, 29, 35, 0.85); }
      .platinum__category_detail .header__main.is-scrolling .header__logo {
        padding-top: 15px;
        padding-bottom: 12px; }
    .platinum__category_detail .header__main .icon-toggle.collapsed .bar1,
    .platinum__category_detail .header__main .icon-toggle.collapsed .bar2,
    .platinum__category_detail .header__main .icon-toggle.collapsed .bar3 {
      background: #ffffff; }
  .platinum__category_detail .icon-toggle .bar1,
  .platinum__category_detail .icon-toggle .bar2,
  .platinum__category_detail .icon-toggle .bar3 {
    background: #ffffff; }
  .platinum__category_detail .icon-toggle.collapsed .bar1,
  .platinum__category_detail .icon-toggle.collapsed .bar2,
  .platinum__category_detail .icon-toggle.collapsed .bar3 {
    background: #191919; }
  .platinum__category_detail .footer__steenify {
    background: #17181E; }
  .platinum__category_detail .footer__top__title,
  .platinum__category_detail .footer__hotline a span,
  .platinum__category_detail .footer__social__label {
    color: #D6B96F; }
  .platinum__category_detail .contact_form__btn {
    color: #ffffff; }
  .platinum__category_detail .footer__social__list a {
    color: #7F7F7F; }
  .platinum__category_detail .footer__social__list a:hover {
    color: #D6B96F; }
  .platinum__category_detail .footer__top__des {
    color: #ffffff; }
  .platinum__category_detail .footer__hotline a {
    color: #E0E0E0; }
  .platinum__category_detail .contact_form {
    border-bottom: 1px solid #DBDBDB;
    color: #DBDBDB; }
  .platinum__category_detail .footer__bottom {
    border-top: 1px solid #ADADAD; }
  .platinum__category_detail .category_nav {
    background: #17181E; }

.platinum__page {
  font-size: 14px; }

.platinum__title {
  color: #E0E0E0; }
  .platinum__title::before {
    border-color: #E0E0E0; }

.platinum__nav .page__nav__link {
  color: #ffffff;
  font-size: 1em;
  text-transform: uppercase; }
  .platinum__nav .page__nav__link:hover {
    color: #D6B96F;
    text-decoration: underline; }

.platinum__nav .page__nav__active {
  color: #D6B96F;
  text-decoration: underline; }

@media (max-width: 991px) {
  .platinum__category .category_nav {
    padding-top: 2.85714em; } }

.editor table {
  color: #fff; }
  .editor table td {
    border: none; }

.platinum_detail {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 6em;
  position: relative;
  color: #ADADAD; }
  .platinum_detail__title {
    font-size: 1.71429em;
    line-height: 31px;
    color: #D6B96F;
    font-family: "Montserrat";
    text-transform: uppercase;
    padding-top: 0.66667em; }
  .platinum_detail__sub-title {
    color: #ADADAD;
    font-size: 1.14286em;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: -2px;
    font-weight: bold; }
  .platinum_detail__specs {
    padding-top: 5px; }
  .platinum_detail .nav {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden; }
  .platinum_detail .nav-tabs {
    border-bottom: 1px solid #ADADAD; }
    .platinum_detail .nav-tabs .nav-item {
      margin: 0;
      width: 25%; }
    .platinum_detail .nav-tabs .nav-link {
      border: none;
      border-radius: 0;
      color: #ADADAD;
      padding: 0;
      display: inline-block;
      position: relative;
      padding: 9px 0;
      white-space: nowrap; }
      .platinum_detail .nav-tabs .nav-link:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #D6B96F;
        position: absolute;
        bottom: -1px;
        left: 0;
        opacity: 0;
        transition: opacity ease .15s; }
      .platinum_detail .nav-tabs .nav-link.active {
        color: #D6B96F;
        background-color: transparent;
        font-weight: bold; }
        .platinum_detail .nav-tabs .nav-link.active:after {
          opacity: 1; }
  .platinum_detail .tab-content > .tab-pane {
    padding-top: 2em; }
  .platinum_detail .editor p,
  .platinum_detail .editor ul,
  .platinum_detail .editor ol {
    margin-top: 14px;
    margin-bottom: 0; }
    .platinum_detail .editor p:first-child,
    .platinum_detail .editor ul:first-child,
    .platinum_detail .editor ol:first-child {
      margin-top: 0; }
  .platinum_detail .editor ul,
  .platinum_detail .editor ol {
    list-style: none; }
    .platinum_detail .editor ul li,
    .platinum_detail .editor ol li {
      position: relative;
      padding-left: 8px; }
      .platinum_detail .editor ul li::before,
      .platinum_detail .editor ol li::before {
        content: '';
        display: block;
        width: 3px;
        height: 3px;
        background-color: #ADADAD;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 0; }
  .platinum_detail .platinum_item {
    max-width: 330px; }
    .platinum_detail .platinum_item__img {
      padding: 0 3.21429em;
      padding-top: 2.5em; }
  @media (max-width: 991px) {
    .platinum_detail .platinum_item {
      margin: 0 auto; } }
  @media (max-width: 576px) {
    .platinum_detail .nav-tabs .nav-item {
      display: inline-block;
      width: auto;
      text-align: left !important;
      margin-right: 1.07143em; } }

.product_detail_platinum .category_nav {
  padding-top: 4.71429em;
  padding-bottom: 5.78571em; }
  .product_detail_platinum .category_nav__link {
    font-size: 1.71429em;
    color: #D6B96F;
    white-space: normal; }
    .product_detail_platinum .category_nav__link:hover {
      color: #D6B96F; }

.product_detail_platinum .platinum_product {
  font-size: 14px;
  background: #17181E; }
  .product_detail_platinum .platinum_product__list {
    padding-bottom: 2.14286em; }
  .product_detail_platinum .platinum_product__cta {
    text-align: center; }
  .product_detail_platinum .platinum_product__btn {
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #D6B96F;
    background: transparent;
    border: none; }
    .product_detail_platinum .platinum_product__btn:hover {
      opacity: 0.7; }

.product_detail_platinum .platinum_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .product_detail_platinum .platinum_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    transition: all 0.5s ease-in-out; }
    .product_detail_platinum .platinum_item__texture img {
      width: 100%; }
  .product_detail_platinum .platinum_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 1.42857em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .product_detail_platinum .platinum_item__img img {
      width: 100%; }
  .product_detail_platinum .platinum_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    transition: all 0.5s ease-in-out;
    font-size: 1.14286em;
    margin-bottom: 0.75em; }
  .product_detail_platinum .platinum_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #ADADAD;
    text-align: center;
    position: relative;
    z-index: 2; }
  .product_detail_platinum .platinum_item:hover .platinum_item__texture, .product_detail_platinum .platinum_item.active .platinum_item__texture {
    -webkit-transform: scale(1.15, 1.15);
            transform: scale(1.15, 1.15);
    opacity: 1; }
  .product_detail_platinum .platinum_item:hover .platinum_item__title, .product_detail_platinum .platinum_item.active .platinum_item__title {
    color: #D6B96F; }

.touch__category {
  background: url("../../../../themes/steen/app/public/img/touch__bg.svg") #191919 no-repeat top right; }
  .touch__category .header__main {
    background: transparent;
    transition: background .3s ease; }
    .touch__category .header__main.is-scrolling {
      background: rgba(0, 0, 0, 0.85); }
      .touch__category .header__main.is-scrolling .header__logo {
        padding-top: 15px;
        padding-bottom: 12px; }
  .touch__category .icon-toggle .bar1,
  .touch__category .icon-toggle .bar2,
  .touch__category .icon-toggle .bar3 {
    background: #ffffff; }
  .touch__category .icon-toggle.collapsed .bar1,
  .touch__category .icon-toggle.collapsed .bar2,
  .touch__category .icon-toggle.collapsed .bar3 {
    background: #ffffff; }
  .touch__category .footer__steenify {
    background: #191919; }
  .touch__category .footer__top__title,
  .touch__category .footer__hotline a span,
  .touch__category .footer__social__label {
    color: #D6318A; }
  .touch__category .contact_form__btn {
    color: #ffffff; }
  .touch__category .footer__social__list a {
    color: #7F7F7F; }
  .touch__category .footer__social__list a:hover {
    color: #D6318A; }
  .touch__category .footer__top__des {
    color: #ffffff; }
  .touch__category .footer__hotline a {
    color: #E0E0E0; }
  .touch__category .contact_form {
    border-bottom: 1px solid #DBDBDB;
    color: #DBDBDB; }
  .touch__category .footer__bottom {
    border-top: 1px solid #ADADAD; }
  .touch__category .category_nav {
    background: #191919;
    box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.5); }

.touch__page {
  font-size: 14px; }

.touch__title {
  color: #ffffff; }
  .touch__title::before {
    border-color: #ffffff; }
  .touch__title:hover {
    color: #D6318A; }
    .touch__title:hover::before {
      border-color: #D6318A; }

.touch__nav .page__nav__link {
  color: #ffffff;
  font-size: 1em;
  text-transform: uppercase; }
  .touch__nav .page__nav__link:hover {
    color: #D6318A;
    text-decoration: underline; }

.touch__nav .page__nav__active {
  color: #D6318A;
  text-decoration: underline; }

@media (max-width: 991px) {
  .touch__category .category_nav {
    padding-top: 2.85714em; } }

.editor table {
  color: #fff; }
  .editor table td {
    border: none; }

.touch_detail {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 6em;
  position: relative;
  color: #ffffff; }
  .touch_detail__title {
    font-size: 1.71429em;
    line-height: 31px;
    color: #D6318A;
    text-transform: uppercase;
    padding-top: 2.08333em;
    font-weight: bold; }
  .touch_detail__sub-title {
    color: #ffffff;
    font-size: 1.14286em;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: -2px;
    font-weight: bold; }
  .touch_detail__specs {
    padding-top: 5px; }
  .touch_detail .nav {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden; }
  .touch_detail .nav-tabs {
    border-bottom: 1px solid #ffffff; }
    .touch_detail .nav-tabs .nav-item {
      margin: 0;
      width: 25%; }
    .touch_detail .nav-tabs .nav-link {
      border: none;
      border-radius: 0;
      color: #ffffff;
      padding: 0;
      display: inline-block;
      position: relative;
      padding: 9px 0;
      white-space: nowrap; }
      .touch_detail .nav-tabs .nav-link:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #D6318A;
        position: absolute;
        bottom: -1px;
        left: 0;
        opacity: 0;
        transition: opacity ease .15s; }
      .touch_detail .nav-tabs .nav-link.active {
        color: #D6318A;
        background-color: transparent;
        font-weight: bold; }
        .touch_detail .nav-tabs .nav-link.active:after {
          opacity: 1; }
  .touch_detail .tab-content > .tab-pane {
    padding-top: 2em; }
  .touch_detail .editor p,
  .touch_detail .editor ul,
  .touch_detail .editor ol {
    margin-top: 14px;
    margin-bottom: 0; }
    .touch_detail .editor p:first-child,
    .touch_detail .editor ul:first-child,
    .touch_detail .editor ol:first-child {
      margin-top: 0; }
  .touch_detail .editor ul,
  .touch_detail .editor ol {
    list-style: none; }
    .touch_detail .editor ul li,
    .touch_detail .editor ol li {
      position: relative;
      padding-left: 8px; }
      .touch_detail .editor ul li::before,
      .touch_detail .editor ol li::before {
        content: '';
        display: block;
        width: 3px;
        height: 3px;
        background-color: #ffffff;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 0; }
  .touch_detail .touch_item {
    max-width: 383px;
    padding: 34px 43px 28px 43px; }
    .touch_detail .touch_item__texture {
      border-radius: 14px; }
    .touch_detail .touch_item__img {
      padding: 0; }
      .touch_detail .touch_item__img img {
        border: none;
        padding-bottom: 0; }
  @media (max-width: 991px) {
    .touch_detail .touch_item {
      margin: 0 auto; } }
  @media (max-width: 576px) {
    .touch_detail .nav-tabs .nav-item {
      display: inline-block;
      width: auto;
      text-align: left !important;
      margin-right: 1.07143em; } }

.product_detail_touch .category_nav {
  padding-top: 4.71429em;
  padding-bottom: 5.78571em; }
  .product_detail_touch .category_nav__link {
    font-size: 1.71429em;
    color: #D6318A;
    font-family: "Montserrat";
    font-weight: bold;
    white-space: normal; }
    .product_detail_touch .category_nav__link:hover {
      color: #D6318A; }

.product_detail_touch .touch_product {
  font-size: 14px;
  background: #191919; }
  .product_detail_touch .touch_product__list {
    padding-bottom: 2em; }
  .product_detail_touch .touch_product__cta {
    text-align: center; }
  .product_detail_touch .touch_product__btn {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    background: transparent;
    border: 1px solid #D6318A;
    padding: 9px 33px;
    border-radius: 3px; }
    .product_detail_touch .touch_product__btn:hover {
      opacity: 0.7;
      border: 1px solid #ffffff; }

.product_detail_touch .touch_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em;
  padding: 19px 0 44px 0; }
  .product_detail_touch .touch_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    overflow: hidden;
    background-color: #191919;
    padding: 7px; }
    .product_detail_touch .touch_item__texture:before {
      content: '';
      display: block;
      width: 284px;
      height: 480px;
      left: 0;
      top: -110px;
      position: absolute;
      background: linear-gradient(180deg, #0E0E0E 0%, rgba(17, 17, 17, 0) 100%);
      border-radius: 14px;
      -webkit-transform: matrix(0.63, -0.79, 0.76, 0.64, 0, 0);
              transform: matrix(0.63, -0.79, 0.76, 0.64, 0, 0);
      z-index: 1; }
  .product_detail_touch .touch_item__border {
    width: 100%;
    height: 100%;
    border: 1px solid #D6318A;
    display: flex;
    border-radius: 8px;
    z-index: 2;
    position: relative; }
  .product_detail_touch .touch_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 1.42857em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .product_detail_touch .touch_item__img img {
      border-bottom: 2px solid #202020;
      width: 100%;
      padding-bottom: 12px;
      min-height: 440px;
      -o-object-fit: contain;
         object-fit: contain; }
  .product_detail_touch .touch_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    transition: all 0.5s ease-in-out;
    font-size: 1.14286em;
    margin-bottom: 0.75em;
    padding: 0 10px; }
  .product_detail_touch .touch_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #ADADAD;
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 0 10px; }
  .product_detail_touch .touch_item:hover .touch_item__texture, .product_detail_touch .touch_item.active .touch_item__texture {
    opacity: 1; }

.showroom__body {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .showroom__body .header__main {
    background: transparent;
    position: relative; }
  .showroom__body .footer__steenify {
    background: #000;
    opacity: .8;
    width: 100%;
    bottom: 0; }

.showroom__phongngu {
  background-image: url("/wp-content/themes/steen/app/public/img/bedroom.jpg") !important; }

.showroom__phongtam {
  background-image: url("/wp-content/themes/steen/app/public/img/bathroom.jpg") !important; }

.showroom__nhabep {
  background-image: url("/wp-content/themes/steen/app/public/img/kitchin.jpg") !important; }

.showroom__phongkhach {
  background-image: url("/wp-content/themes/steen/app/public/img/living.png") !important; }

.showroom__page {
  font-size: 14px; }

.showroom__header {
  margin-bottom: 3.57143em;
  background: transparent; }

.showroom__content_wrapper {
  width: 387px;
  height: 331px;
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  padding: 35px;
  margin-bottom: 3.57143em; }
  .showroom__content_wrapper h1 {
    font-family: "Montserrat";
    text-transform: uppercase;
    font-size: 2.14286em;
    line-height: normal;
    letter-spacing: 0.05em;
    position: relative;
    margin-bottom: 25px;
    font-weight: 500; }
    .showroom__content_wrapper h1:before {
      position: absolute;
      content: '';
      border-bottom: 1px solid #D6B96F;
      width: 73px;
      height: 1px;
      bottom: -10px; }

.showroom__news__recent__btn {
  transition: all 0.3s ease-in-out;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #000000;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #E0E0E0;
  cursor: pointer;
  line-height: 2.4375em; }

.showroom__pagination {
  margin-top: 40px; }
  .showroom__pagination ul {
    justify-content: flex-end; }

@media (max-width: 991px) {
  .showroom__nav {
    margin-top: 1.07143em;
    justify-content: center; }
  .showroom__header {
    margin-bottom: 2.85714em; } }

@media (max-width: 768px) {
  .showroom__page {
    font-size: 13px; }
  .showroom__nav {
    margin-top: 1.07143em;
    justify-content: flex-start;
    overflow: auto; } }

@media (max-width: 1024px) {
  .showroom__content_wrapper {
    height: auto; }
  .showroom__pagination {
    margin-top: 0; } }

@media (max-width: 576px) {
  .showroom__content_wrapper {
    width: 100%;
    padding: 20px; }
  .showroom__pagination {
    margin-top: 15px; } }

.stores__page {
  font-size: 14px; }

.stores__header {
  margin-bottom: 2.85714em; }

.stores__controls {
  margin-bottom: 1.64286em; }
  .stores__controls__cta {
    width: 147px;
    height: 39px;
    background: none;
    font-weight: bold;
    font-size: 1.14286em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E0E0E0;
    border: 1px solid #919191;
    border-radius: 2px;
    line-height: 39px; }

.stores__right {
  background: #F7F7F7;
  max-height: 546px;
  overflow: auto;
  padding: 1.42857em;
  height: 100%; }
  .stores__right__title {
    font-weight: bold;
    font-size: 1.28571em;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: #232323;
    margin-bottom: 1.66667em; }

.stores__list {
  margin: 0; }

.stores__item {
  border-bottom: 1px solid #E3E3E3;
  padding: 1.42857em 0; }
  .stores__item:hover {
    cursor: pointer; }
  .stores__item.active {
    font-weight: bold !important; }
  .stores__item__name {
    font-size: 1em;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: #333333; }

.stores__map {
  position: relative;
  margin-bottom: 50px; }
  .stores__map .gm-style .gm-style-iw-c {
    border-radius: 0 !important;
    max-width: 278px !important; }
  .stores__map .gm-style .gm-style-iw-t::after {
    display: none; }
  .stores__map #map_canvas {
    height: 467px; }
  .stores__map__control {
    position: absolute;
    left: 1.42857em;
    bottom: 1.42857em;
    width: 32px;
    height: 32px;
    color: #E0E0E0;
    background: #000000;
    border: none; }
    .stores__map__control:hover {
      opacity: 0.8; }
  .stores__map__zoom_in {
    bottom: 4.42857em; }
  .stores__map__fullscreen {
    bottom: 7.42857em; }

.stores__info {
  color: #232323;
  padding: 8px; }
  .stores__info__name {
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 10px; }
  .stores__info__address {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.05em;
    color: #232323; }
  .stores__info__fone {
    margin-bottom: 0;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.05em;
    color: #232323; }
  .stores__info .no_info {
    display: none; }

.stores__no__tranform {
  -webkit-transform: none;
          transform: none;
  -webkit-transform: initial;
          transform: initial;
  transition: none; }

@media (max-width: 991px) {
  .stores__map {
    margin-bottom: 0px; } }

@media (max-width: 768px) {
  .stores__controls .sellect_control {
    margin-bottom: 15px; } }

.walcare__category {
  background: #ffffff; }
  .walcare__category .header__main {
    background: #ffffff; }
    .walcare__category .header__main.is-scrolling {
      background: rgba(246, 245, 240, 0.85); }
      .walcare__category .header__main.is-scrolling .header__logo {
        padding-top: 15px;
        padding-bottom: 12px; }
  .walcare__category .icon-toggle .bar1,
  .walcare__category .icon-toggle .bar2,
  .walcare__category .icon-toggle .bar3 {
    background: #fff; }
  .walcare__category .icon-toggle.collapsed .bar1,
  .walcare__category .icon-toggle.collapsed .bar2,
  .walcare__category .icon-toggle.collapsed .bar3 {
    background: #191919; }
  .walcare__category .footer__steenify {
    background: #ffffff;
    padding-top: 3.92857em; }
  .walcare__category .contact_form__btn {
    color: #808285; }
  .walcare__category .footer__top__title,
  .walcare__category .footer__hotline a span,
  .walcare__category .footer__social__label {
    color: #DA961B; }
  .walcare__category .footer__social__list a {
    color: #7F7F7F; }
  .walcare__category .footer__social__list a:hover {
    color: #DA961B; }
  .walcare__category .footer__top__des {
    color: #808285;
    margin-bottom: 1.14286em; }
  .walcare__category .footer__hotline a {
    color: #808285; }
  .walcare__category .contact_form {
    border-bottom: 1px solid rgba(219, 219, 219, 0.5);
    color: #DBDBDB; }
    .walcare__category .contact_form__input {
      height: 1.42857em;
      padding: 0;
      color: #DA961B !important; }
    .walcare__category .contact_form ::-webkit-input-placeholder {
      color: #DBDBDB; }
    .walcare__category .contact_form input::-moz-placeholder {
      color: #DBDBDB; }
    .walcare__category .contact_form input::ms-input-placeholder {
      color: #DBDBDB; }
    .walcare__category .contact_form [placeholder]:focus::-webkit-input-placeholder {
      text-indent: 10em;
      color: transparent; }
    .walcare__category .contact_form [placeholder]:focus::-moz-placeholder {
      text-indent: 10em;
      color: transparent; }
  .walcare__category .footer__bottom {
    border-top: 1px solid #7F7F7F; }
  .walcare__category .category_nav {
    background: #ffffff;
    padding-top: 11.92857em; }
    .walcare__category .category_nav__link {
      color: #BDBDBD; }
      .walcare__category .category_nav__link:hover {
        color: #DA961B; }
    .walcare__category .category_nav__active {
      color: #DA961B; }
      .walcare__category .category_nav__active::before {
        background: #DA961B; }

.walcare__page {
  font-size: 14px; }

.walcare__title {
  color: #808285;
  font-weight: 600; }
  .walcare__title::before {
    border-color: #808285; }

.walcare__nav .page__nav__link {
  color: #808285;
  text-transform: uppercase; }
  .walcare__nav .page__nav__link:hover {
    color: #DA961B;
    text-decoration: underline; }
  .walcare__nav .page__nav__link::before {
    bottom: -4px; }

.walcare__nav .page__nav__active {
  color: #DA961B;
  text-decoration: underline; }

@media (max-width: 991px) {
  .walcare__category .category_nav {
    padding-top: 2.85714em; } }

.category_walcare .category_nav .nav-tabs,
.category_walcare .category_nav .nav-link {
  border: none;
  background-color: transparent; }

.category_walcare .category_nav__link {
  padding: 0;
  font-family: "Montserrat";
  font-size: 0.85714em;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #B5B5B5;
  display: block;
  position: relative;
  white-space: nowrap;
  font-weight: 500;
  border: none;
  margin: 0 1.25em; }
  .category_walcare .category_nav__link:hover {
    color: #DA961B;
    border: none; }
  .category_walcare .category_nav__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    background: #DA961B;
    height: 1px;
    width: 29px;
    opacity: 0; }
  .category_walcare .category_nav__link.active {
    font-size: 1.78571em;
    color: #DA961B;
    padding-left: 50px; }
    .category_walcare .category_nav__link.active::before {
      opacity: 1; }

.walcare_banner {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 5.71429em;
  position: relative; }
  .walcare_banner__mykolor {
    width: 195px;
    margin: auto;
    margin-bottom: 1.07143em;
    position: relative;
    padding: 0 2.14286em; }
  .walcare_banner__logo {
    margin-bottom: 2.28571em; }
  .walcare_banner__des {
    font-size: 1em;
    line-height: 1.28571em;
    letter-spacing: 0.05em;
    color: #BDBDBD;
    max-width: 608px;
    padding: 0 1.07143em;
    margin: auto;
    text-align: justify; }
  .walcare_banner__img {
    padding: 0 60px; }
  .walcare_banner__border {
    position: absolute;
    bottom: -130px;
    width: 100%;
    max-width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border: 3px solid #DADADA;
    padding: 5px;
    z-index: 12; }
  .walcare_banner__info {
    text-align: center;
    background: #FDFDFD;
    padding: 2.5em 0; }
  @media (max-width: 991px) {
    .walcare_banner {
      padding-bottom: 0; }
      .walcare_banner__border {
        position: relative;
        max-width: 100%;
        bottom: 0; }
      .walcare_banner__img {
        padding: 0; }
      .walcare_banner__info {
        text-align: center; }
      .walcare_banner__des {
        max-width: 100%; } }

.walcare_product {
  font-size: 14px;
  background: #ffffff; }
  .walcare_product__list {
    padding-bottom: 1.07143em; }
  .walcare_product__cta {
    text-align: center; }
  .walcare_product__btn {
    height: 2.78571em;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 1em;
    line-height: 1.35714em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5E5E5E;
    background: transparent;
    border: 1px solid #D6B96F;
    padding: 0 2.5em; }
    .walcare_product__btn:hover {
      background-color: #D6B96F; }

.walcare_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .walcare_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    transition: all 0.5s ease-in-out; }
    .walcare_item__texture img {
      width: 100%; }
  .walcare_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 1.42857em;
    z-index: 2;
    margin-bottom: 2em;
    text-align: center; }
    .walcare_item__img img {
      width: 100%; }
  .walcare_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.42857em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    transition: all 0.5s ease-in-out; }
  .walcare_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #ADADAD;
    text-align: center;
    position: relative;
    z-index: 2; }
  .walcare_item:hover .walcare_item__texture, .walcare_item.active .walcare_item__texture {
    -webkit-transform: scale(1.15, 1.15);
            transform: scale(1.15, 1.15);
    opacity: 1; }
  .walcare_item:hover .walcare_item__title, .walcare_item.active .walcare_item__title {
    color: #DA961B;
    text-shadow: 1px 0 0 currentColor, 1px 0 0 currentColor; }

.walcare_detail {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  padding-bottom: 6em;
  position: relative;
  color: #ADADAD; }
  .walcare_detail__title {
    font-size: 1.71429em;
    line-height: 31px;
    color: #D6B96F;
    font-family: "Montserrat";
    text-transform: uppercase;
    padding-top: 0.66667em; }
  .walcare_detail__sub-title {
    color: #ADADAD;
    font-size: 1.14286em;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: -2px;
    font-weight: bold; }
  .walcare_detail__specs {
    padding-top: 5px; }
  .walcare_detail .nav {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden; }
  .walcare_detail .nav-tabs {
    border-bottom: 1px solid #ADADAD; }
    .walcare_detail .nav-tabs .nav-item {
      margin: 0;
      width: 25%; }
    .walcare_detail .nav-tabs .nav-link {
      border: none;
      border-radius: 0;
      color: #ADADAD;
      padding: 0;
      display: inline-block;
      position: relative;
      padding: 9px 0;
      white-space: nowrap; }
      .walcare_detail .nav-tabs .nav-link:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #D6B96F;
        position: absolute;
        bottom: -1px;
        left: 0;
        opacity: 0;
        transition: opacity ease .15s; }
      .walcare_detail .nav-tabs .nav-link.active {
        color: #D6B96F;
        background-color: transparent;
        font-weight: bold; }
        .walcare_detail .nav-tabs .nav-link.active:after {
          opacity: 1; }
  .walcare_detail .tab-content > .tab-pane {
    padding-top: 2em; }
  .walcare_detail .editor p,
  .walcare_detail .editor ul,
  .walcare_detail .editor ol {
    margin-top: 14px;
    margin-bottom: 0; }
    .walcare_detail .editor p:first-child,
    .walcare_detail .editor ul:first-child,
    .walcare_detail .editor ol:first-child {
      margin-top: 0; }
  .walcare_detail .editor ul,
  .walcare_detail .editor ol {
    list-style: none; }
    .walcare_detail .editor ul li,
    .walcare_detail .editor ol li {
      position: relative;
      padding-left: 8px; }
      .walcare_detail .editor ul li::before,
      .walcare_detail .editor ol li::before {
        content: '';
        display: block;
        width: 3px;
        height: 3px;
        background-color: #ADADAD;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 0; }
  .walcare_detail .walcare_item {
    max-width: 370px; }
    .walcare_detail .walcare_item__img {
      padding: 0 3.21429em;
      padding-top: 2.5em; }
  @media (max-width: 991px) {
    .walcare_detail .walcare_item {
      margin: 0 auto; } }
  @media (max-width: 576px) {
    .walcare_detail .nav-tabs .nav-item {
      display: inline-block;
      width: auto;
      text-align: left !important;
      margin-right: 1.07143em; } }

.product_detail_walcare .category_nav {
  padding-top: 4.71429em;
  padding-bottom: 5.78571em; }
  .product_detail_walcare .category_nav__link {
    font-weight: 600;
    font-size: 1.71429em;
    color: #DA961B;
    white-space: normal; }
    .product_detail_walcare .category_nav__link:hover {
      color: #DA961B; }

.product_detail_platinum .platinum_product {
  font-size: 14px;
  background: #17181E; }
  .product_detail_platinum .platinum_product__list {
    padding-bottom: 2.14286em; }
  .product_detail_platinum .platinum_product__cta {
    text-align: center; }
  .product_detail_platinum .platinum_product__btn {
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #D6B96F;
    background: transparent;
    border: none; }
    .product_detail_platinum .platinum_product__btn:hover {
      opacity: 0.7; }

.product_detail_platinum .platinum_item {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.07143em; }
  .product_detail_platinum .platinum_item__texture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    transition: all 0.5s ease-in-out; }
    .product_detail_platinum .platinum_item__texture img {
      width: 100%; }
  .product_detail_platinum .platinum_item__img {
    position: relative;
    padding: 0 1.07143em;
    padding-top: 1.42857em;
    z-index: 2;
    margin-bottom: 1.42857em;
    text-align: center; }
    .product_detail_platinum .platinum_item__img img {
      width: 100%; }
  .product_detail_platinum .platinum_item__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: "Montserrat";
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ADADAD;
    transition: all 0.5s ease-in-out;
    font-size: 1.14286em;
    margin-bottom: 0.75em; }
  .product_detail_platinum .platinum_item__sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-family: "Montserrat";
    color: #ADADAD;
    text-align: center;
    position: relative;
    z-index: 2; }
  .product_detail_platinum .platinum_item:hover .platinum_item__texture, .product_detail_platinum .platinum_item.active .platinum_item__texture {
    -webkit-transform: scale(1.15, 1.15);
            transform: scale(1.15, 1.15);
    opacity: 1; }
  .product_detail_platinum .platinum_item:hover .platinum_item__title, .product_detail_platinum .platinum_item.active .platinum_item__title {
    color: #D6B96F; }

.editor table {
  color: #ADADAD; }
  .editor table td {
    border: none; }

.library__page {
  font-size: 14px; }
  .library__page--collection .library__header {
    margin-bottom: 1.5em; }
  .library__page--collection .library__nav {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0; }
    .library__page--collection .library__nav__item {
      padding: 0 1.28571em; }
    .library__page--collection .library__nav__link {
      font-size: 1em;
      text-align: center;
      letter-spacing: 0.05em;
      color: #ffffff;
      white-space: nowrap; }
      .library__page--collection .library__nav__link.active, .library__page--collection .library__nav__link:hover {
        color: #D6B96F;
        text-decoration: underline; }
  .library__page--collection .library__zoomer {
    position: relative;
    max-width: 992px;
    margin: 0 auto; }
    .library__page--collection .library__zoomer:after {
      content: '';
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      position: absolute;
      bottom: 0;
      left: 0;
      height: 52.7027%; }
  .library__page--collection .library__fullscreen-icon {
    position: absolute;
    top: 1.07143em;
    top: 1.07143em;
    width: 32px;
    height: 32px;
    color: #E0E0E0;
    background: #000000;
    border: none;
    z-index: 2; }
  .library__page--collection .library__slider {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 4.28571em;
    position: relative;
    margin-top: -77px; }
    .library__page--collection .library__slider .item {
      padding: 15px 5px;
      transition: all .3s ease;
      position: relative; }
      .library__page--collection .library__slider .item img {
        width: 100%;
        height: 116px;
        -o-object-fit: cover;
           object-fit: cover; }
      .library__page--collection .library__slider .item:hover {
        -webkit-transform: scale(1.12, 1.12);
                transform: scale(1.12, 1.12);
        z-index: 1; }
    .library__page--collection .library__slider .slick-slide:focus {
      outline: none; }
  .library__page--collection .library__btn {
    position: absolute;
    top: 0;
    background-color: transparent;
    color: #ffffff;
    border: none;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    .library__page--collection .library__btn--prev {
      left: 30px; }
    .library__page--collection .library__btn--next {
      right: 30px; }
  .library__page--collection .library__border-bottom {
    padding: 20px 0 24px 0;
    border: none; }
  .library__page--collection .library__information-title {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 1.42857em;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    margin-bottom: 0.65em; }
  .library__page--collection .library__date {
    text-align: center;
    font-weight: 500;
    font-size: 0.85714em;
    line-height: 1.16667em;
    color: #8E8E8E;
    display: block; }
  .library__page--collection .library__download {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #ffffff;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 0.85714em;
    line-height: 1.16667em;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 85px;
    left: 0; }
    .library__page--collection .library__download .item {
      padding: 0 5px; }
      .library__page--collection .library__download .item__link {
        display: inline-block;
        color: #ffffff;
        border: 1px solid #919191;
        box-sizing: border-box;
        border-radius: 2px;
        height: 2.41667em;
        line-height: 2.41667em;
        font-weight: 500;
        padding: 0 1.5em;
        transition: border-color .3 ease; }
        .library__page--collection .library__download .item__link:hover {
          border-color: #D6B96F; }
  .library__page--collection .library__news_list__title {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 1.78571em;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 1.2em; }
  .library__page--collection .library__news_list--other {
    padding-top: 2.21429em; }
    .library__page--collection .library__news_list--other .slick-arrow {
      top: 35%; }
    .library__page--collection .library__news_list--other .slick-slide:focus {
      outline: none; }
    .library__page--collection .library__news_list--other .news__item__wrapper {
      margin-right: 10px;
      padding: 0; }
    .library__page--collection .library__news_list--other .news__item__info_library {
      padding-top: 1.14286em; }
    .library__page--collection .library__news_list--other .news__item__img:after {
      display: none; }
    .library__page--collection .library__news_list--other .news__item__name {
      font-weight: 500;
      font-size: 1em;
      line-height: 1.21429em;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-family: "Montserrat"; }
  @media (max-width: 991px) {
    .library__page--collection .library__nav {
      margin-top: 1.07143em;
      justify-content: center; }
    .library__page--collection .library__header {
      margin-bottom: 2.85714em; } }
  @media (max-width: 768px) {
    .library__page--collection .library__page {
      font-size: 13px; }
    .library__page--collection .library__nav {
      margin-top: 1.07143em;
      justify-content: flex-start;
      overflow: auto; }
    .library__page--collection .library__center-mobile {
      text-align: center; }
    .library__page--collection .library__slider {
      position: relative;
      bottom: auto;
      right: auto;
      padding: 0;
      margin-top: 0; }
      .library__page--collection .library__slider .item img {
        height: auto;
        min-height: 100px; }
    .library__page--collection .library__btn {
      margin-top: 2px; }
      .library__page--collection .library__btn--prev {
        left: 0; }
      .library__page--collection .library__btn--next {
        right: 0; }
    .library__page--collection .library__download {
      bottom: 5px; }
      .library__page--collection .library__download .item {
        padding: 0 4px; }
        .library__page--collection .library__download .item--label {
          display: none; } }

.modal--collection .close {
  z-index: 1; }

.modal--collection .modal-content {
  background-color: transparent;
  border: none; }

.modal--collection .modal-dialog {
  max-width: 992px; }

.fancybox-custom .fancybox-caption__body {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .fancybox-custom .fancybox-caption__body .item {
    margin-top: 0.83333em; }
  .fancybox-custom .fancybox-caption__body .label,
  .fancybox-custom .fancybox-caption__body .link {
    display: inline-block;
    height: 29px;
    line-height: 29px;
    margin: 0 10px; }
  .fancybox-custom .fancybox-caption__body .link {
    border: 1px solid #919191;
    border-radius: 2px;
    min-width: 102px;
    text-align: center; }
    .fancybox-custom .fancybox-caption__body .link:hover {
      border-color: #D6B96F;
      color: #D6B96F;
      text-decoration: none; }

.fancybox-custom .fancybox-navigation .fancybox-button {
  width: 50px;
  height: 50px; }
  .fancybox-custom .fancybox-navigation .fancybox-button--arrow_left, .fancybox-custom .fancybox-navigation .fancybox-button--arrow_right {
    padding: 3px; }

@media (max-width: 991px) {
  .fancybox-custom .fancybox-caption__body .label {
    width: 50px;
    text-align: center; } }

.news__item {
  font-size: 14px;
  margin-bottom: 2.14286em;
  position: relative;
  overflow: hidden; }
  .news__item__wrapper {
    padding: 0 0.71429em;
    margin-bottom: 10px; }
  .news__item__img img {
    width: 100%; }
  .news__item__img:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: linear-gradient(358.7deg, #0E0E0E -19.21%, rgba(0, 0, 0, 0) 98.4%);
    z-index: 1; }
  .news__item__info_library {
    padding-bottom: 1.42857em;
    padding-top: 1.42857em;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
    z-index: 12; }
  .news__item__name {
    font-weight: 500;
    line-height: normal;
    font-size: 1.28571em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E0E0E0;
    margin-bottom: 0.27778em; }
  .news__item__des {
    line-height: 1.35714em;
    font-size: 1em;
    color: #E0E0E0;
    margin-bottom: 1.35714em;
    letter-spacing: 0.05em;
    opacity: 0; }
  .news__item__btn {
    line-height: 0.75em;
    font-size: 1.14286em;
    color: #E0E0E0 !important;
    margin-bottom: 0;
    font-weight: bold;
    opacity: 0; }
  .news__item:hover .news__item__info {
    margin-bottom: 0; }
  .news__item:hover .news__item__des {
    opacity: 1; }
  .news__item:hover .news__item__btn {
    opacity: 1; }
  @media (max-width: 768px) {
    .news__item {
      font-size: 12px; }
      .news__item__des {
        display: none; }
      .news__item__info {
        margin-bottom: -5.45455em; } }
  @media (max-width: 576px) {
    .news__item {
      font-size: 11px; } }

.modal-image {
  padding: 0;
  position: relative; }

.close {
  position: absolute;
  right: .5em;
  top: .5em; }

.library__collection .collection-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.71429em;
  padding-top: 0.71429em;
  padding-bottom: 2.14286em; }
  .library__collection .collection-list .item {
    line-height: 0;
    width: 33.33%;
    padding: 0 0.71429em;
    margin-top: 1.42857em;
    transition: opacity 0.3s ease; }
    .library__collection .collection-list .item__link {
      display: inline-block; }
    .library__collection .collection-list .item__link, .library__collection .collection-list .item__image {
      width: 100%; }
    .library__collection .collection-list .item__image {
      height: 220px;
      -o-object-fit: cover;
         object-fit: cover; }
    .library__collection .collection-list .item:hover {
      opacity: 0.8; }

@media (max-width: 768px) {
  .library__collection .collection-list .item {
    width: 50%; }
    .library__collection .collection-list .item__image {
      height: auto;
      min-height: 100px; } }


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