.max-width-800 {
  max-width: 800px; }

.m-auto {
  margin: auto; }

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

.mb-5 {
  margin-bottom: 5px; }

*, *::after, *::before {
  box-sizing: inherit; }

html {
  height: 100%;
  width: 100%;
  display: inline-table;
  box-sizing: border-box;
  overflow-x: hidden; }

img {
  width: 100%; }

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font: 14px/22px "TrajanPro-Regular";
  overflow-x: hidden;
  color: #333333; }

a:active,
a:focus,
a:hover {
  text-decoration: none; }

a {
  color: #796e69;
  text-decoration: none;
  background-color: transparent; }

a:hover {
  color: #0056b3;
  text-decoration: underline; }

a:not([href]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):hover {
  color: inherit;
  text-decoration: none; }

input:active,
input:focus {
  outline: none; }

ul {
  padding: 0;
  list-style-type: none; }

h1,
h2,
h3,
.product-variants h3.variant-title,
h4 {
  font-family: "Red Hat Text", sans-serif;
  font-weight: normal; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3, .product-variants h3.variant-title {
  font-size: 1.17em; }

button:focus {
  outline: 0; }

label[for] {
  cursor: pointer; }

.pointer {
  cursor: pointer; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.website {
  display: block; }

.mobile {
  display: none; }

.mobile_slider {
  display: none; }

.container-wrapper {
  width: 100%;
  background: white;
  position: relative; }
  .container-wrapper.z1 {
    z-index: 1000; }

.variant-info {
  display: flex;
  font: 400 14px/16px "Red Hat Text", sans-serif;
  text-decoration: none;
  border-radius: 50px;
  box-sizing: border-box;
  border: solid #DFE0D7 0.5px;
  color: black;
  margin-bottom: 6px; }
  .variant-info .field-name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100%;
    border-radius: 50px 0px 0px 50px;
    padding: 12px;
    background-color: #F4F3F0; }
  .variant-info .field-value {
    display: flex;
    justify-content: center;
    border-radius: 0px 50px 50px 0px;
    background-color: #FFFFFF;
    padding: 12px;
    width: 70%;
    height: 100%; }

.container {
  max-width: 1168px;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  margin: 0 auto;
  display: table; }

.small-container, .about-us__section {
  max-width: 800px;
  padding-left: 25px;
  padding-right: 25px;
  margin: auto;
  width: 100%; }

.label-checked, li label:hover {
  font-weight: 500; }

.hero {
  padding-top: 38.94%;
  position: relative; }
  .hero__inner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .hero video {
    width: 100%;
    height: 100%; }

form button {
  cursor: pointer; }

.transparent {
  color: transparent; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

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

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

.fade-in-fast {
  animation: fadeIn ease .5s; }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

.hide {
  display: none !important;
  opacity: 0;
  visibility: hidden; }

.clear {
  clear: both; }

.float-right {
  margin-left: auto;
  display: flex;
  align-items: center; }

.float-left {
  float: left; }

.container-fluid {
  width: 100%;
  padding: 0;
  margin: 0 auto; }

.container-flex {
  width: 100%;
  padding: 0px 30px;
  margin: 0px auto;
  display: flex; }

.form-control {
  background-color: transparent;
  padding-left: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #DFE0D7;
  font-size: 15px;
  color: #1D1E21; }

.form-control:focus {
  box-shadow: none; }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 2;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  .btn:hover {
    color: #333333;
    text-decoration: none; }
  .btn.hide {
    display: none; }

.btn-primary {
  background-color: transparent;
  color: #CBA64D;
  border-color: #CBA64D;
  line-height: 2;
  border-radius: 0;
  font-family: "TrajanPro-Bold"; }
  .btn-primary .icon-arrow {
    margin-left: 10px;
    align-self: center; }
  .btn-primary .text, .btn-primary .text:hover {
    color: white; }

.btn-primary-bg {
  background-color: #CBA64D;
  color: white;
  border-color: #CBA64D;
  line-height: 2;
  border-radius: 0;
  font-family: "TrajanPro-Bold";
  text-transform: uppercase; }
  .btn-primary-bg .icon-arrow {
    margin-left: 10px;
    align-self: center; }

.btn-primary-bg:hover {
  background-color: #CBA64D;
  color: #FFFFFF; }
  .btn-primary-bg:hover svg path {
    fill: #CBA64D; }

.btn-primary:disabled {
  border-color: #796e69;
  color: white;
  pointer-events: none;
  background-color: #796e69; }

.btn.diamond {
  font: 15px/32px "TrajanPro-Regular";
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  color: #CBA64D;
  width: 100%; }
  .btn.diamond svg {
    margin-right: 5px;
    width: 13px;
    height: 11px; }
    .btn.diamond svg.send-hint {
      top: 6px; }
    .btn.diamond svg path {
      stroke: #CBA64D; }
  .btn.diamond:hover {
    background-color: #CBA64D;
    color: #FFFFFF; }
    .btn.diamond:hover span {
      color: #FFFFFF; }
    .btn.diamond:hover svg path {
      stroke: #FFFFFF; }

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .space-between.right {
    justify-content: flex-end; }
  .space-between--small {
    height: 110px; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }

.input-group > .form-control {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0; }

.visible-0 {
  visibility: hidden; }

.title-section {
  padding-top: 60px;
  text-align: center; }
  .title-section h2 {
    font: 26px/33.3px "Red Hat Text", sans-serif;
    margin-top: 0px; }
    .title-section h2.cerita {
      margin-bottom: 8px; }
  .title-section p {
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 0px; }
  .title-section img {
    width: 45px; }
  .title-section.small-title-section {
    padding-top: 0;
    margin-bottom: 50px; }

.banner-section img, .banner-section video {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
  object-position: center; }

.banner-section video {
  margin-bottom: 70px; }

body.block {
  overflow: hidden; }

.navbar {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .navbar .col-6.hover {
    display: flex;
    align-items: flex-start;
    margin-top: -5px; }
  .navbar__top {
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .navbar__bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0px 10px; }
  .navbar__menu {
    flex-grow: 1; }
  .navbar__search {
    border: 1px solid #CBA64D;
    border-radius: 4px;
    padding: 3px 8px;
    display: flex;
    align-items: center;
    width: 132px;
    box-sizing: border-box;
    z-index: 3; }
    .navbar__search img {
      margin-right: 8px; }
    .navbar__search input {
      border: 0px;
      background: transparent !important;
      margin: 0px !important;
      padding: 0px !important; }
  .navbar__section {
    display: flex;
    align-items: center;
    width: 33.3%; }
  .navbar__logo {
    justify-content: center;
    align-items: center; }
  .navbar__logo a {
    display: flex;
    align-items: center; }
  .navbar__logo img {
    width: 272px;
    height: 60px; }
  .navbar__translate {
    display: flex; }
  .navbar__translate li {
    position: relative;
    border-right: 1px solid #CBA64D; }
    .navbar__translate li:last-child {
      border-right: none; }
    .navbar__translate li:first-child .navbar__link {
      padding-left: 0px; }
    .navbar__translate li:last-child .navbar__link {
      padding-right: 0px; }
  .navbar__link {
    padding: 0px 10px;
    font: 15px/28px "TrajanPro-Bold";
    display: flex;
    text-transform: uppercase;
    color: black; }
  .navbar__link:after {
    vertical-align: 2px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; }
  .navbar__link:focus, .navbar__link:hover {
    color: #CBA64D;
    text-decoration: none; }
  .navbar .language.active {
    color: #CBA64D; }
  .navbar__store-locator {
    display: flex;
    align-items: center;
    margin-left: 26px;
    font: 12px/15px "Red Hat Text", sans-serif; }
    .navbar__store-locator img {
      margin-right: 5px; }
  .navbar__links {
    justify-content: flex-end; }
  .navbar__links ul:not(.cart-list) {
    display: flex; }
  .navbar__links ul li:not(.item-list) {
    margin-left: 24px;
    display: none; }
    .navbar__links ul li:not(.item-list):first-child {
      margin-left: 0px; }
    .navbar__links ul li:not(.item-list).cart-wrapper {
      position: relative;
      display: none; }
  .navbar__links ul li a {
    display: flex;
    align-items: center;
    font: 13px/16px "Red Hat Text", sans-serif;
    color: #8E8F88; }
    .navbar__links ul li a:hover {
      color: #796e69;
      text-decoration: none; }
    .navbar__links ul li a img {
      margin-right: 6px;
      width: 15px;
      height: 15px;
      margin-top: -1px; }
    .navbar__links ul li a .text {
      white-space: nowrap; }
    .navbar__links ul li a .badge {
      width: 16px;
      height: 16px;
      margin-left: 4px;
      background-color: #CBA64D;
      color: #FFFFFF;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center; }
  .navbar__hamburger, .navbar__search-button {
    background: transparent;
    border: none;
    display: none;
    padding: 0px; }
  .navbar .navbar-toggler-icon, .navbar .navbar-toggler-icon-close {
    background-image: url(/static/website/img/ci_hamburger.svg?6b8eab9e0389);
    background-position: center center;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    transition: background-image .3s ease-in-out;
    padding: 12px;
    display: table; }
  .navbar .navbar-toggler-icon-close {
    background-image: url(/static/website/img/ci_hamburger.png?6b8eab9e0389);
    background-size: 25px 25px;
    display: none; }
  .navbar__hamburger.close .navbar-toggler-icon {
    display: none; }
  .navbar__hamburger.close .navbar-toggler-icon-close {
    display: table;
    z-index: 1000;
    position: relative;
    left: 2px; }
  .navbar .mobile_only {
    display: none; }
  .navbar__search-button {
    margin-left: 12px; }
  .navbar .navbar-search-icon {
    background-image: url(/static/website/img/icon-search.svg?6b8eab9e0389);
    background-position: center center;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    padding: 12px;
    display: table; }
  .navbar .cart-icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-left: 10px; }

.topbar .arrow-down {
  max-width: 6px;
  position: relative;
  top: -3px; }

.topbar .point-icon {
  max-width: 11px;
  position: relative;
  top: -2px; }

.topbar a {
  font-size: 12px;
  line-height: 14px;
  color: #8E8F88;
  text-decoration: none; }

.topbar .language-wrapper {
  display: inherit; }

.topbar .language-wrapper a {
  margin-right: 5px; }
  .topbar .language-wrapper a:last-child {
    margin-right: 0; }
  .topbar .language-wrapper a.active {
    color: #CBA64D; }

.topbar .language-wrapper span {
  margin-left: 5px;
  color: #8E8F88;
  position: relative;
  top: -1px; }

.topbar .search {
  position: relative; }

.topbar .search button {
  padding: 0;
  margin: 0;
  border: none; }

.topbar .magnifier-icon {
  max-width: 12px;
  position: absolute;
  top: 4px;
  left: 0; }

.topbar .search-input {
  border: none;
  padding: 0 20px 10px;
  border-bottom: 1px solid #CBA64D;
  font-size: 12px;
  line-height: 14px;
  color: #8E8F88; }
  .topbar .search-input:placeholder {
    font-size: 12px;
    line-height: 14px;
    color: #8E8F88; }

.actions-link {
  margin-left: 20px;
  position: relative;
  top: 2px; }
  .actions-link a {
    margin-right: 15px; }
    .actions-link a:last-child {
      margin-right: 0; }
  .actions-link img {
    max-height: 12px;
    width: auto; }

.collections-block-wrapper {
  width: 100%;
  max-width: 615px;
  margin: 0 auto;
  display: table; }
  .collections-block-wrapper.full-width {
    max-width: 100%; }
  .collections-block-wrapper .more {
    font: 400 14px/16px "Red Hat Text", sans-serif;
    color: #1D1E21;
    display: table;
    margin: 20px auto;
    text-decoration: underline; }

.more.banner-section-link:hover {
  text-decoration: none; }

.no-bg .collections-block {
  background-image: unset;
  height: auto;
  display: table; }
  .no-bg .collections-block img {
    width: 100%; }
  .no-bg .collections-block h3 {
    margin-top: 20px; }
  .no-bg .collections-block h2 {
    margin-bottom: 0; }
  .no-bg .collections-block.center {
    margin: 25px auto 0; }

.v2 .collections-block {
  background: url("/static/website/img/Rectangle29.png?6b8eab9e0389") no-repeat center center;
  background-size: contain;
  height: 600px;
  display: inline-block;
  padding-top: 21%;
  margin-bottom: 20%; }
  .v2 .collections-block img {
    width: 100%; }
  .v2 .collections-block h3 {
    margin-top: 20px; }
  .v2 .collections-block h2 {
    margin-bottom: 0; }

.collection-box-wrapper {
  display: flex;
  padding: 0 30px; }
  .collection-box-wrapper .slider-content {
    padding: 20px;
    box-sizing: border-box;
    background: white; }
  .collection-box-wrapper .slider-content img {
    max-width: 331px; }
  .collection-box-wrapper p {
    font: 400 15px/22px "Red Hat Text", sans-serif;
    margin: 10px 0 0;
    color: #8E8F88; }
  .collection-box-wrapper .left {
    width: 36%;
    margin-right: 1%; }
  .collection-box-wrapper .right {
    width: 63%;
    text-align: left; }
  .collection-box-wrapper h3, .collection-box-wrapper .product-variants h3.variant-title, .product-variants .collection-box-wrapper h3.variant-title {
    margin-top: 10px; }
  .collection-box-wrapper .actions {
    margin: 20px 0;
    display: flex;
    vertical-align: middle;
    align-items: center; }
  .collection-box-wrapper .actions .button, .collection-box-wrapper .actions a {
    margin: 0; }
  .collection-box-wrapper .actions .button {
    margin-right: 20px; }

.collections-box .box-desc h2 {
  font: 18px/22px "TrajanPro-Bold";
  color: #1D1E21;
  text-align: center; }

.collections-box a {
  text-decoration: none; }

.collections-box a:last-child {
  padding-right: 0; }

.collections-box img {
  filter: grayscale(100%); }

.collections-box .list:hover img {
  filter: grayscale(0); }

.wedding {
  margin-bottom: 50px; }

.wedding .collections-block {
  background: url("/static/website/img/thumb_4968305_2000x2000 2.png?6b8eab9e0389") no-repeat center left;
  background-size: cover;
  height: 720px; }
  .wedding .collections-block .desc-block {
    align-self: flex-start;
    max-width: 450px;
    margin: 80px auto; }
  .wedding .collections-block p {
    text-transform: unset;
    font: 400 15px/22px "Red Hat Text", sans-serif;
    color: #8E8F88;
    margin: 0; }

.slider-wrapper.small .control-box .next {
  right: 5%; }

.slider-wrapper.small .control-box .prev {
  left: 5%; }

.collections-block {
  background: url("/static/website/img/mpda_charisse_ring 1.png?6b8eab9e0389") no-repeat center left;
  background-size: cover;
  height: 615px;
  display: flex; }
  .collections-block.hover:hover {
    background: url("/static/website/img/mpda_charisse_ring 1 hover.png?6b8eab9e0389") no-repeat center left;
    background-size: cover;
    height: 615px; }
  .collections-block .desc-block {
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    margin: 0 auto;
    overflow: hidden; }
  .collections-block h3, .collections-block .product-variants h3.variant-title, .product-variants .collections-block h3.variant-title {
    font: 14px/18px "Red Hat Text", sans-serif;
    margin: 15px 0 0;
    color: #8E8F88;
    text-transform: uppercase; }
  .collections-block h4 {
    font: 14px/18px "Red Hat Text", sans-serif;
    margin: 15px 0 0;
    color: #8E8F88; }
  .collections-block h2 {
    font: 18px/20px "TrajanPro-Bold";
    margin: 0;
    color: #1D1E21;
    text-transform: uppercase; }
  .collections-block .button {
    font: 400 14px/16px "Red Hat Text", sans-serif;
    text-decoration: none;
    padding: 12px 50px;
    box-sizing: border-box;
    border-radius: 50px;
    background-color: rgba(29, 30, 33, 0.85);
    color: white;
    text-align: center;
    display: table;
    margin: 0 auto; }
  .collections-block a {
    color: #8E8F88; }

div[class^="col-"].pl-0 {
  padding-left: 0; }

div[class^="col-"].pr-0 {
  padding-right: 0; }

.explores-wrapper {
  margin: 30px auto 50px;
  width: 100%;
  max-width: 1168px; }
  .explores-wrapper .row {
    display: flex;
    gap: 20px; }
  .explores-wrapper .img-wrapper {
    max-height: 468px;
    overflow: hidden; }
  .explores-wrapper .list {
    width: 100%;
    max-width: 480px;
    display: table;
    margin: 0 auto; }
  .explores-wrapper a {
    text-decoration: none; }
  .explores-wrapper .more {
    font: 14px/20px "Red Hat Text", sans-serif;
    color: #1D1E21;
    text-transform: uppercase;
    text-decoration: underline; }
  .explores-wrapper .box-overlay {
    text-align: center;
    margin: 25px auto;
    display: table; }
  .explores-wrapper h2 {
    font: 18px/20px "TrajanPro-Bold";
    color: #1D1E21;
    margin: 0; }
  .explores-wrapper h3, .explores-wrapper .product-variants h3.variant-title, .product-variants .explores-wrapper h3.variant-title {
    font: 14px/20px "Red Hat Text", sans-serif;
    color: #8E8F88;
    margin: 15px 0; }

.slider-product-desc {
  position: absolute;
  top: 82%;
  left: 0;
  width: 100%; }
  .slider-product-desc h2 {
    font: 14px/20px "TrajanPro-Bold";
    color: #1D1E21;
    margin: 0 0 2px;
    padding: 0;
    text-align: center;
    text-transform: uppercase; }
  .slider-product-desc h3, .slider-product-desc .product-variants h3.variant-title, .product-variants .slider-product-desc h3.variant-title {
    font: 400 15px/20px "Red Hat Text", sans-serif;
    color: #CBA64D;
    margin: 0;
    padding: 0;
    text-align: center; }

.filter-title {
  font: 500 15px/20px "Red Hat Text", sans-serif;
  color: #1D1E21;
  padding: 0 0 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  max-width: 100%;
  border-bottom: 1px solid #DFE0D7; }

header {
  position: relative;
  width: 100%;
  z-index: 1001;
  top: 0;
  left: 0;
  background: white;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  border-bottom: 1px solid #F0EFEB; }
  header .topbar {
    height: 48px;
    font-family: "TrajanPro-Bold";
    display: flex;
    align-items: center;
    padding: 0; }
    header .topbar .navbar-nav-logo a {
      text-decoration: underline; }
    header .topbar.hide {
      display: none; }
  header .cart-wrapper {
    padding-bottom: 20px; }
  header .navbar-container {
    position: relative;
    z-index: 3; }
  header .navbar_desktop {
    width: 100%;
    position: relative;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }
  header .navbar_desktop_top {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 8px 20px; }
  header .navbar-nav-logo img {
    width: 150px;
    height: auto;
    vertical-align: middle; }
  header .menu {
    justify-content: center; }
  header .menu li {
    padding: 0 25px; }
  header .menu li a {
    font: 12px/18px "TrajanPro-Bold";
    text-transform: uppercase;
    position: relative;
    color: #8E8F88;
    text-decoration: none; }
  header .menu li button {
    position: relative;
    font-size: 12px;
    font-family: "TrajanPro-Regular";
    color: #CBA64D;
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center; }
    header .menu li button img {
      margin-right: 6px;
      width: 16px;
      height: 16px; }
  header .menu li a:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    width: 0;
    height: 2px;
    background: #CBA64D;
    transition: all 0.2s ease-in-out; }
  header li a:active:after,
  header li a:focus:after,
  header li a:hover:after {
    width: 100%; }
  header .navbar_menu {
    position: relative;
    padding-left: 8px;
    padding-right: 30px; }
  header .nav-link-icon {
    padding: 16px 10px;
    display: table; }

.topbar .box h3 {
  font-size: 1.17em;
  font-family: "TrajanPro-Bold"; }

.topbar .close-btn {
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center; }

.topbar .close-btn svg {
  width: 16px;
  height: 16px; }

.topbar .btn-dropdown {
  font-size: 14px;
  margin-left: auto;
  margin-right: 22px;
  padding: 0px;
  display: flex;
  align-items: center; }

.topbar .btn-dropdown:hover {
  color: #FFFFFF; }

.topbar .btn-dropdown svg {
  width: 14px;
  height: 14px;
  margin-left: 6px; }

.topbar .dropdown-menu-alert {
  background-color: #CBA64D;
  position: absolute;
  top: calc(100% - 10%);
  left: 0;
  width: 102%;
  height: 0;
  padding: 20px 30px;
  margin-left: -1px;
  text-align: left;
  z-index: 4;
  border: 0px;
  visibility: hidden; }

.topbar .dropdown-menu-alert.show {
  height: auto;
  max-height: calc(100vh - 23vh);
  overflow: auto;
  visibility: visible; }

.no-pointer {
  pointer-events: none; }

.topbar img.cmk-logo {
  position: relative;
  width: 110px; }

.topbar .navbar-nav-logo {
  top: 25px; }

.navbar-nav {
  display: flex;
  padding-left: 0;
  margin: 0;
  list-style: none; }
  .navbar-nav.navbar-nav-right {
    padding: 0;
    margin: 0; }
  .navbar-nav .nav-item {
    display: flex; }

.navbar-expand-lg {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row; }

.navbar-nav-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0; }
  .navbar-nav-logo .navbar-brand {
    padding: 0;
    margin-right: 0; }

.banner-home {
  position: relative; }
  .banner-home .banner_images {
    position: relative; }
  .banner-home .image_web {
    width: 100%;
    object-fit: cover;
    display: block; }
  .banner-home .banner_images .btn-primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translate(-50%, -50%);
    min-width: 221px;
    justify-content: center;
    text-align: center; }
  .banner-home .ring-right {
    width: 30%;
    position: absolute;
    bottom: 5%;
    right: 2%; }
  .banner-home .banner_container {
    position: absolute;
    transform: translate(-10%, -40%);
    width: 42%;
    top: 50%;
    left: 58%; }
  .banner-home .banner_body p {
    font-size: 16px;
    color: #1D1E21;
    margin-bottom: 0;
    line-height: 1.8;
    text-align: justify; }
  .banner-home .banner_body h1 {
    font-size: 37px;
    margin-bottom: 25px; }
  .banner-home .banner_action {
    margin-top: 20px; }

.banner-catalog .banner-container {
  position: relative;
  height: 100%; }

.banner-catalog .bg-catalog {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 470px;
  position: relative; }

.banner-catalog .banner-catalog_content {
  position: absolute;
  top: 60%;
  left: 30px;
  -webkit-transform: translate(0, -70%);
  transform: translate(0, -70%); }

.banner-catalog_content {
  position: absolute;
  top: 50%;
  left: 110px;
  -webkit-transform: translate(0, -70%);
  transform: translate(0, -70%); }
  .banner-catalog_content h1 {
    font: 40px/40px "Red Hat Text", sans-serif;
    color: black;
    margin-bottom: 10px; }
  .banner-catalog_content h4 {
    font: 16px/25px "TrajanPro-Regular";
    margin: 0 0 15px; }
  .banner-catalog_content .btn-primary {
    font-size: 15px;
    line-height: 25px;
    display: flex;
    max-width: 280px;
    justify-content: center; }
  .banner-catalog_content .btn-primary .icon-arrow {
    line-height: 0; }

.middle-content {
  margin: 0 auto;
  display: table;
  width: 100%; }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 45px 0 0;
  margin-bottom: 10px;
  list-style: none;
  position: relative;
  box-sizing: border-box;
  color: #333333;
  margin: 0 auto;
  vertical-align: middle;
  align-items: center;
  justify-content: center; }

.breadcrumb-label {
  font: 18px/22px "TrajanPro-Bold";
  text-transform: uppercase;
  text-align: center;
  color: #1D1E21;
  margin-top: 40px;
  margin-bottom: 15px; }

.separator.line {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DFE0D7; }

.breadcrumb-item {
  font: 12px/22px "TrajanPro-Bold";
  text-transform: uppercase; }
  .breadcrumb-item a {
    color: #8E8F88; }
  .breadcrumb-item a:hover {
    color: #CBA64D;
    text-decoration: none; }
  .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #333333;
    content: "/"; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none; }
  .breadcrumb-item.active a {
    color: #CBA64D;
    font-family: "TrajanPro-Bold"; }

.filter_desktop .dropdown-menu .container {
  max-width: 100%;
  padding: 10px 30px; }
  .filter_desktop .dropdown-menu .container ul {
    margin-top: 0; }
  .filter_desktop .dropdown-menu .container .button_wrapper {
    padding-left: 0; }

.products-container {
  max-width: 1280px;
  margin: 0 auto; }

.products_action_left {
  width: 100%; }

.products_action {
  position: sticky;
  top: 0;
  display: block;
  background-color: #FFFFFF;
  padding: 9px 0;
  z-index: 5;
  width: 100%; }
  .products_action .filter_desktop {
    padding: 0;
    display: block;
    padding-right: 0; }
  .products_action .filter_catalog {
    display: flex;
    align-self: center;
    margin-right: 0;
    width: 100%; }
    .products_action .filter_catalog .title {
      text-transform: unset;
      color: #796e69; }
  .products_action .row.default {
    width: 100%; }
  .products_action .title {
    font-size: 14px;
    text-transform: uppercase;
    align-self: center;
    margin-right: 25px;
    font-family: "TrajanPro-Regular";
    color: #1D1E21; }
  .products_action .filter_catalog .col {
    position: unset; }
  .products_action .dropdown .btn-link {
    padding-left: 0;
    position: relative;
    color: #1D1E21;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
    font: 500 14px/18px "Red Hat Text", sans-serif;
    width: 100%;
    margin-bottom: 10px; }
  .products_action .dropdown-arrow {
    width: 12px;
    height: 8px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 20px;
    right: 0; }
  .products_action .dropdown.show .btn-link:after {
    transform: rotate(180deg);
    top: 6px;
    right: 6px; }
  .products_action .dropdown .btn.disabled {
    pointer-events: none;
    color: #CCCCCC; }
  .products_action .dropdown .disabled.btn-link img {
    filter: invert(1);
    opacity: 0.5; }
  .products_action .filter_catalog .dropdown {
    position: relative;
    padding: 0;
    box-sizing: border-box; }
  .products_action .filter_catalog .col {
    padding: 0; }
  .products_action .filter_from {
    width: 100%; }

.mobile-filter-menu a {
  font: 400 15px/18px "Red Hat Text", sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #1D1E21; }

.dropdown-menu {
  display: none;
  background: white;
  height: auto;
  padding: 0;
  font-size: 12px;
  width: 100%; }
  .dropdown-menu .labels {
    display: block;
    width: 100%; }
  .dropdown-menu label {
    text-transform: uppercase; }
  .dropdown-menu .btn-primary {
    width: 100%;
    padding: 0; }
  .dropdown-menu .product-filter.v2 {
    font: 400 15px/18px "Red Hat Text", sans-serif;
    text-transform: uppercase; }
  .dropdown-menu .product-filter.v2 ul {
    padding: 0;
    margin: 0; }
  .dropdown-menu ul.product-filter {
    margin: 0 5px 0 0;
    display: block;
    padding: 0 0 0 21px;
    font: 400 15px/18px "Red Hat Text", sans-serif;
    max-height: 200px;
    overflow-y: auto; }
  .dropdown-menu ul.product-filter li, .dropdown-menu .product-filter.v2 li {
    position: relative;
    margin-bottom: 16px;
    display: block;
    width: 100%; }
  .dropdown-menu input.product-filter {
    position: absolute;
    margin-left: -1.25rem;
    box-sizing: border-box;
    padding: 0;
    margin-top: 2px; }
  .dropdown-menu input[type="checkbox"] {
    scale: 0.8; }
  .dropdown-menu label {
    cursor: pointer; }
  .dropdown-menu .container {
    max-width: 1140px;
    margin: 0 auto; }
  .dropdown-menu .button_wrapper {
    margin-top: 10px; }
    .dropdown-menu .button_wrapper button {
      font: 400 14px/16px "Red Hat Text", sans-serif;
      color: white;
      background: #1D1E21;
      border-radius: 50px;
      padding: 8px 10px;
      border: none;
      text-transform: uppercase;
      max-width: 60%; }

.dropdown-menu .form-group label {
  color: #8E8F88;
  font-family: "TrajanPro-Bold"; }

.dropdown-menu .form-group .label-small {
  display: block; }

.dropdown-menu .form-group .currency {
  max-width: 33%;
  margin: 0;
  color: #1D1E21;
  margin-top: 2px;
  border-bottom: none;
  border-bottom: 1px solid #DFE0D7; }

.dropdown-menu .form-group .price {
  max-width: 54%; }

.dropdown-menu .form-group input {
  padding: 1px 0 3px; }

.dropdown-menu .form-group label.label-small {
  font-size: 10px;
  font-family: "TrajanPro-Regular"; }

.dropdown-menu .form-group span {
  align-self: flex-end; }

.dropdown-menu .form-group div[class^="col-"] {
  padding: 0; }

.dropdown-menu .form-group .btn-primary {
  display: block;
  min-width: 144px; }

.dropdown-menu .form-group .form-price {
  margin: 0;
  padding-bottom: 16px; }
  .dropdown-menu .form-group .form-price li {
    display: inline-block;
    width: 135px; }
  .dropdown-menu .form-group .form-price li.labels {
    width: 100%;
    font: 400 10px/15px "Red Hat Text", sans-serif;
    color: #8E8F88; }

.wrap {
  flex-wrap: wrap; }

.flex-container {
  display: flex;
  flex-flow: wrap; }
  .flex-container.no-wrap {
    flex-wrap: nowrap; }

.products_body {
  background-color: #FFFFFF;
  position: relative;
  padding: 0 25px;
  margin-top: -5px;
  margin-bottom: 45px; }
  .products_body .products_box {
    position: relative;
    width: 19.21rem;
    height: 320px;
    border: 5px solid #FFFFFF; }
  .products_body .thumbnail {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%; }
  .products_body .product-box-wrapper .box_action {
    padding: 0;
    margin: 10px 0;
    display: none; }
    .products_body .product-box-wrapper .box_action a:last-child {
      margin-right: 0; }
  .products_body .thumbnail .label, .products_body .label {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font: 22px/26px "Red Hat Text", sans-serif;
    color: #333333;
    letter-spacing: 1px; }
  .products_body .label .type {
    font: 17px/22px "TrajanPro-Regular";
    color: #333333; }
  .products_body .thumbnail_image {
    width: 65%;
    height: 65%;
    margin: 0px auto auto;
    object-fit: contain; }
  .products_body .thumbnail_price {
    display: flex;
    visibility: hidden;
    background-color: #FFFFFF;
    padding: 12px 15px;
    padding-bottom: 40px;
    width: 100%;
    height: 115px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #1D1E21; }
  .products_body .products_box:hover {
    cursor: pointer; }
  .products_body .products_box:hover .box {
    visibility: visible;
    opacity: 1; }
  .products_body .box a {
    text-decoration: none; }
  .products_body .products_box .box {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.05s linear, opacity 0.05s linear;
    width: 100%;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #DFE0D7;
    text-align: center;
    z-index: 3;
    transition: opacity 0.15s ease-in, visibility 0.15s ease-in; }
  .products_body .title {
    font: 14px/22px "TrajanPro-Bold";
    color: black;
    text-transform: uppercase; }
  .products_body .info {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 22px;
    color: #333333; }
  .products_body .action {
    margin: 0 20px;
    font-size: 14px; }
  .products_body .text {
    line-height: 22px; }
  .products_body .box_action {
    padding: 15px;
    position: relative;
    display: flex;
    justify-content: center; }
  .products_body .box_action a {
    margin-right: 15px; }
  .products_body .box_image img {
    width: 75%;
    object-fit: contain;
    margin: auto; }
  .products_body .box_body .title {
    letter-spacing: 1px; }
  .products_body .empty-filter {
    color: #828282;
    align-items: center; }
    .products_body .empty-filter svg {
      margin-top: 25px; }
    .products_body .empty-filter h1 {
      font: 28px/32px "TrajanPro-Regular";
      margin: 30px 0 0;
      text-transform: uppercase; }
    .products_body .empty-filter p {
      font: 400 16px/22px "Red Hat Text", sans-serif;
      margin: 0; }
    .products_body .empty-filter a {
      color: #CBA64D;
      text-decoration: underline; }
    .products_body .empty-filter .content {
      padding: 0 15px;
      flex: 1; }

.products_box .product-type {
  font: 400 14px/18px "Red Hat Text", sans-serif;
  color: #CBA64D;
  margin: 5px 0; }

.products_box .product-box-wrapper .label {
  font: 23px/26px "TrajanPro-Bold"; }

.dropdown-menu.show {
  display: inline-block;
  position: relative;
  will-change: transform;
  margin-bottom: 20px; }
  .dropdown-menu.show .row .col:after {
    content: none; }

.footer {
  background-color: #FFFFFF;
  color: #1D1E21;
  margin-top: 25px;
  overflow: hidden; }
  .footer .container-fluid {
    box-sizing: border-box; }
  .footer .cmk-logo {
    max-width: 210px; }
  .footer .title-header {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 25px;
    font-family: "TrajanPro-Bold"; }
  .footer .footer_content {
    position: relative;
    padding-top: 5px; }
  .footer .box h5 {
    font-size: 16px;
    font-family: "TrajanPro-Bold";
    text-transform: uppercase; }
  .footer .box ul li a {
    font: 13px/35px "Red Hat Text", sans-serif;
    color: #8E8F88;
    text-transform: uppercase; }
  .footer .block_apps {
    margin-top: 35px;
    display: flex; }
  .footer .block_apps li {
    margin-right: 20px; }
  .footer .block_apps li:last-child {
    margin-right: 0; }
  .footer .block p {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.8;
    font-family: "TrajanPro-Bold";
    margin-bottom: 5px; }
  .footer .block .input-group {
    margin-bottom: 15px; }
  .footer .input-group .form-control {
    padding: 0.375rem 0.75rem;
    border-radius: 0;
    font-size: 16px;
    min-height: 46px;
    border: 1px solid #DFE0D7;
    border-color: #DFE0D7;
    margin: 0; }
  .footer .form-control:focus {
    box-shadow: none; }
  .footer .btn-primary {
    padding: 10px 25px;
    border-radius: 0;
    font-size: 16px;
    background-color: #1D1E21;
    padding: 6px 25px;
    border-color: #1D1E21;
    color: white;
    margin: 0; }
  .footer .container {
    padding: 0 35px; }
  .footer .social-media-wrapper {
    list-style: none;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 12px; }

.footer_copyright {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 10px;
  border: none; }
  .footer_copyright:before {
    content: '';
    height: 1px;
    background: #CBA64D;
    width: 200%;
    position: absolute;
    top: 0;
    left: -50%; }
  .footer_copyright p {
    font: 16px/22px "Red Hat Text", sans-serif;
    text-align: center;
    margin: 0;
    color: #CBA64D; }
  .footer_copyright .social-media {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translate(-50%, -50%);
    display: flex;
    margin: 0; }
  .footer_copyright .social-media li {
    margin-left: 20px; }

.slider-variant {
  left: 3px; }

.slider a {
  display: table;
  margin: 0 auto;
  cursor: pointer; }

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

.slider img {
  width: 100%; }

.slider .box-overlay {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%; }
  .slider .box-overlay.bottom {
    position: relative;
    bottom: 0px;
    margin-top: 27px; }

.slider .box-overlay-content {
  text-align: center;
  color: #1D1E21;
  padding-top: 15px; }

.slider .box-overlay-content p {
  font: 16px/28px "TrajanPro-Bold";
  margin-bottom: 0; }
  .slider .box-overlay-content p.read-more {
    display: none; }

.slider .btn-primary {
  min-width: 219px;
  background-color: #FFFFFF;
  color: #CBA64D;
  border-color: #CBA64D; }

.slider .slider_box {
  padding: 0 15px 15px 0;
  font-size: 0;
  line-height: 0;
  flex: auto; }

.slider .slider_box:hover {
  cursor: pointer; }

.slider .slider_box:hover > .box {
  visibility: initial;
  opacity: 100; }

.slider .box {
  visibility: hidden;
  width: 100%;
  opacity: 0;
  background-color: #FFFFFF;
  position: relative;
  top: 0;
  left: 0;
  border: 1px solid #DFE0D7;
  text-align: center;
  z-index: 3;
  overflow: hidden;
  transition: opacity 0.15s ease-in, visibility 0.15s ease-in; }

.slider .box img {
  width: auto; }

.slider .box_image img {
  width: 70%;
  height: 200px;
  object-fit: none;
  margin: auto;
  margin-bottom: 20px; }

.slider .image-slider {
  max-width: 320px;
  max-height: 320px;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover; }

.slider .image-slider-article {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover; }

.slider.slider-unset .image-slider {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.testimony {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .testimony img {
    width: 143px;
    height: 143px;
    object-fit: contain; }
  .testimony p {
    font: 15px/23px "TrajanPro-Regular";
    margin-top: 12px;
    text-align: center;
    color: #333333; }

.visit-us {
  background: url("/static/website/img/banner-flower.png?6b8eab9e0389") no-repeat center left;
  background-size: cover;
  height: 483px;
  margin-top: 128px;
  display: flex;
  justify-content: space-between; }
  .visit-us__content {
    width: 560px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 128px; }
  .visit-us h2 {
    font: 42px/53.76px "Red Hat Text", sans-serif;
    margin: 0px 0px 8px; }
  .visit-us p {
    font: 15px/23px "Red Hat Text", sans-serif;
    color: #333333;
    margin: 0px 0px 8px; }
  .visit-us .call-to-action-link {
    font-family: "Red Hat Text", sans-serif; }
  .visit-us__image {
    background: url("/static/website/img/mondial-store.jpg") no-repeat center right;
    background-size: cover;
    height: 100%;
    flex-grow: 1; }

.testimony-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr); }

.why-fnc {
  background: #f4f3f0;
  margin-top: 88px;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  overflow: hidden; }
  .why-fnc .title-section {
    padding-top: 0;
    margin-bottom: 50px; }
  .why-fnc h2 {
    font: 18px/22px "TrajanPro-Bold";
    position: relative;
    text-transform: uppercase; }
  .why-fnc h2 span {
    font: 18px/22px "TrajanPro-Bold";
    background: #f4f3f0;
    padding: 2px 10px;
    z-index: 999;
    position: relative;
    display: table;
    margin: 0 auto; }
  .why-fnc h2:before {
    content: '';
    height: 1px;
    width: 200%;
    background: #dfe0d7;
    position: absolute;
    top: 10px;
    left: -50%; }
  .why-fnc img {
    width: auto;
    height: 40px;
    margin: 0 auto 20px;
    display: block; }
  .why-fnc span {
    font: 14px/22px "TrajanPro-Bold";
    display: block;
    text-transform: uppercase; }

.no-why-fnc .why-fnc {
  display: none; }

.no-why-fnc .footer {
  border-top: 1px solid #DFE0D7; }

.homepage .slider-wrapper {
  margin-bottom: 0;
  display: table;
  width: 100%; }

.homepage .slider-wrapper .tns-outer {
  overflow: hidden; }

.homepage .slider .slider_box {
  margin-bottom: 0; }

.homepage .slider-wrapper .control-box .prev {
  left: -5%; }

.homepage .slider-wrapper .control-box .next {
  right: -5%; }

.homepage .footer {
  margin-top: 0px; }

.slider .box_action {
  padding: 15px;
  position: relative;
  display: flex;
  justify-content: center; }
  .slider .box_action a {
    margin: 0 15px 0 0; }

.box_action a:active svg path,
.box_action a:focus svg path,
.box_action a:hover svg path {
  stroke: #b49b57; }

.box_body {
  margin-top: -40px; }
  .box_body .title {
    font: 14px/20px "TrajanPro-Bold";
    color: black;
    text-transform: uppercase; }
  .box_body .info {
    font: 15px/20px "Red Hat Text", sans-serif;
    color: #8E8F88;
    padding: 7px 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: calc(1.7em * 2 + 7px);
    margin-bottom: 5px; }
  .box_body .action {
    margin: 0 auto 20px;
    font: 14px/20px "Red Hat Text", sans-serif;
    color: white;
    background: #1D1E21;
    border-radius: 50px;
    padding: 8px 28px;
    width: auto;
    display: table;
    border: none;
    min-width: auto; }
  .box_body .text {
    line-height: 20px; }
  .box_body .price {
    font-family: "TrajanPro-Bold"; }
  .box_body--small {
    margin-top: 10px; }

.stories .box-overlay {
  position: unset; }
  .stories .box-overlay .box-overlay-content {
    padding: 15px 10px; }
  .stories .box-overlay .box-overlay-content p {
    margin: 0; }

.product-details .product-box {
  padding-top: 32px; }

.product-details .actions .btn-primary {
  width: 100%;
  font-size: 16px;
  padding: 5px 15px;
  color: #1D1E21;
  border-color: #1D1E21;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
  font-family: "TrajanPro-Regular"; }

.product-details .title-section h2 {
  color: #333333;
  font-family: "TrajanPro-Bold";
  font-size: 28px;
  text-transform: uppercase; }

.product-box img {
  width: 80%;
  margin: 0 auto;
  display: table; }

.product-box .wishlist-icon {
  width: 20px;
  margin: 5px; }

.product-box .share-icon {
  width: 20px; }

.product-box h1 {
  font: 29px/32px "TrajanPro-Regular";
  margin: 0 0 10px;
  padding: 0; }

.product-box h2 {
  font: 17px/22px "TrajanPro-Regular";
  margin: 0 0 10px;
  padding: 0;
  color: #796e69; }

.product-box p {
  font: 16px/22px "TrajanPro-Regular";
  margin: 0;
  padding: 0;
  color: #333333; }

.product-box .view-thumbnail {
  max-height: 490px;
  aspect-ratio: 1; }

.product-box .view-thumbnail img {
  width: 100%;
  height: 100%;
  display: block; }

.product-box .view-thumbnail .variant-img {
  max-width: 100%;
  max-height: 100%; }

.product-box .view-thumbnail a img.zoom-icon {
  width: 25px;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  margin: 0;
  padding: 0;
  height: auto; }

.errorlist {
  font: 400 14px/18px "Red Hat Text", sans-serif;
  color: #d20202;
  margin: 0px 0 5px; }
  .errorlist li {
    margin-top: 5px; }

.options p {
  font: 16px/22px "Red Hat Text", sans-serif;
  margin: 20px 0 10px;
  padding: 0;
  color: #676767;
  max-width: 90%; }

.options {
  padding-bottom: 30px; }
  .options table {
    width: 100%;
    border-collapse: collapse; }
  .options th {
    font: 12px/5px "TrajanPro-Regular";
    text-align: left;
    vertical-align: top;
    color: #1D1E21;
    text-transform: uppercase; }
  .options .head_bg {
    background-color: #F4F3F0; }
  .options td {
    font: 16px/22px "Red Hat Text", sans-serif;
    color: #676767;
    vertical-align: middle;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC; }
  .options td, .options th {
    position: relative;
    min-width: 100px;
    padding: 15px 10px 12px; }
  .options td:first-child {
    min-width: 180px; }
  .options svg {
    fill: #CBA64D;
    position: relative;
    top: 2px; }
  .options .btn-primary {
    font: 16px/16px "Red Hat Text", sans-serif;
    padding: 8px 25px 6px;
    float: right;
    border: none; }
  .options .btn-primary:hover {
    background: transparent;
    color: #CBA64D; }
  .options .btn-primary span.arrow {
    font-family: "TrajanPro-Bold";
    font-size: 11px;
    position: relative;
    top: -3px;
    margin-left: 0px; }
  .options .filter {
    cursor: pointer;
    color: #CBA64D; }
  .options .variant-detail {
    cursor: pointer;
    padding: 0 2px; }
    .options .variant-detail img.mobile-arrow {
      display: none; }

.filter-box label.small {
  font: 14px/17px "TrajanPro-Regular";
  color: #1D1E21;
  padding-right: 10px;
  padding-bottom: 3px; }
  .filter-box label.small.mobile {
    display: none; }

.filter-box .btn {
  float: left;
  font: 16px/25px "TrajanPro-Regular";
  margin-bottom: 15px; }

.filter-box .apply {
  background: #CBA64D;
  border-color: #CBA64D;
  color: white; }
  .filter-box .apply:hover {
    color: #CBA64D;
    background: transparent; }

.filter-box td {
  border: none; }
  .filter-box td:before, .filter-box td:first-child::before, .filter-box td:last-child::before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0px;
    border-bottom: 1px solid #f2f2f2;
    display: table;
    bottom: -1px; }

.filter-box .action-button:before, .filter-box .action-button:first-child::before, .filter-box .action-button:last-child::before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0px;
  border-bottom: 1px solid white;
  display: table;
  bottom: -1px; }

.filter-box span, .filter-box input {
  font: 14px/17px "TrajanPro-Regular";
  color: #333333;
  padding-right: 3px; }

.filter-box .input-wrapper {
  padding: 0 0 3px;
  border-bottom: 1px solid #CBA64D;
  display: flex;
  align-items: center;
  width: 100%; }

.filter-box .box {
  margin-bottom: 0;
  display: flex;
  align-items: center; }
  .filter-box .box:last-child {
    margin-bottom: 0; }

.filter-box input {
  width: 100%;
  border: none;
  background: transparent; }

.filter-box label[disabled] {
  pointer-events: none;
  color: #B2B2B2; }

.js-image-zoom__zoomed-image {
  background: white;
  animation: fadeIn ease .3s; }

.product-variants .product-box {
  padding-top: 32px; }

.product-variants .content p {
  font: 16px/22px "Red Hat Text", sans-serif;
  margin: 0;
  color: #676767;
  max-width: 80%; }
  .product-variants .content p.description {
    font: 16px/22px "Red Hat Text", sans-serif; }
  .product-variants .content p.price {
    font: 18px/22px "Red Hat Text", sans-serif;
    margin-top: 10px;
    color: #1D1E21; }

.product-variants .product-description {
  font: 12px/22px "Red Hat Text", sans-serif;
  margin: auto;
  margin-bottom: 10px;
  max-width: 100%;
  color: #676767;
  text-align: center; }

.product-variants h3, .product-variants h3.variant-title {
  font: 18px/22px "TrajanPro-Bold";
  margin: 0 0 20px;
  text-transform: uppercase; }

.product-variants h3.variant-title {
  margin-top: 50px; }

.product-variants hr {
  border: none;
  margin-bottom: 15px;
  border-bottom: 1px solid #F0EFEB;
  padding-bottom: 15px; }

.product-variants .product-type {
  font: 16px/22px "Red Hat Text", sans-serif;
  color: #CBA64D;
  text-transform: capitalize; }

.product-variants .filter-text {
  padding: 20px 0 10px; }

.product-variants .title-section h2 {
  text-align: left;
  font: 18px/22px "TrajanPro-Bold";
  text-transform: uppercase; }

.product-variants .products_body .products_box {
  width: 25%; }

.product-variants .filters {
  margin-top: 20px; }

.product-variants section.options {
  margin-top: 30px; }

.row.default div[class^="col-"]:first-child {
  padding-left: 0; }

.row.default div[class^="col-"]:last-child {
  padding-right: 0; }

.reset {
  font: 16px/20px "Red Hat Text", sans-serif;
  color: #CBA64D;
  float: right; }

.filters label {
  font: 14px/20px "TrajanPro-Regular";
  color: #1D1E21;
  text-transform: uppercase; }

.filters div[slider] {
  position: relative;
  top: 9px; }

.filters .slider-distance {
  margin-right: 8px; }

.filters .label-section {
  margin: 20px 0 10px; }

.filters .label-section.carat {
  margin-top: 40px; }

[slider] > input[type=range] {
  cursor: pointer; }

.filters.disabled label, .disabled label {
  color: #DFE0D7; }

.filters.disabled div[slider] > input[type="range"], .disabled div[slider] > input[type="range"] {
  cursor: unset; }

.filters.disabled [slider] > div > [range], .disabled [slider] > div > [range] {
  background-color: #DFE0D7; }

.filters.disabled [slider] > div > [thumb], .disabled [slider] > div > [thumb] {
  border-color: #DFE0D7;
  cursor: unset; }

.row .p-0 {
  padding: 0; }

.button-actions {
  align-items: center; }
  .button-actions .col-6 {
    padding-right: 1%; }
  .button-actions .col-3 {
    padding: 0; }
  .button-actions svg.bi-heart-fill {
    height: 35px; }
  .button-actions .diamond svg.send-hint {
    top: 6px;
    width: 18%; }
  .button-actions .btn.diamond span {
    left: -6px; }
  .button-actions .btn {
    padding: 0.375rem 0.75rem 0.3rem; }
  .button-actions .wishlist .hide {
    display: none; }

.cart-count-text-wrapper {
  position: relative;
  top: -1px;
  color: #CBA64D; }

.variant-detail .title {
  font: 18px/22px "TrajanPro-Bold";
  margin-bottom: 0; }

.variant-detail .product-info {
  font: 16px/22px "Red Hat Text", sans-serif;
  color: #CBA64D;
  padding: 10px 0; }

.variant-detail .price {
  font: 500 16px/20px "Red Hat Text", sans-serif;
  padding: 20px 0 40px; }

.variant-detail .buy {
  font: 400 14px/18px "Red Hat Text", sans-serif;
  border: none;
  width: 100%;
  background: rgba(29, 30, 33, 0.85);
  border-radius: 24px;
  padding: 12px 20px;
  box-sizing: border-box; }

.variant-detail .stores .name {
  font: 400 18px/22px "Red Hat Text", sans-serif;
  margin-bottom: 10px;
  color: #676767; }

.variant-detail .stores svg {
  position: relative;
  top: 3px;
  margin-right: 5px;
  width: 14px; }

.variant-detail .stores p {
  font: 400 18px/22px "Red Hat Text", sans-serif;
  margin: 8px 0 10px;
  color: #1D1E21; }

.variant-detail .stores a {
  font: 400 18px/22px "Red Hat Text", sans-serif;
  color: #CBA64D; }

.variant-detail .stores .row {
  margin-top: 8px; }

.variant-detail svg {
  fill: #CBA64D; }

.variant-detail label.small {
  font: 11px/22px "TrajanPro-Regular";
  color: #1D1E21;
  display: block; }

.variant-detail .product-detail {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #676767;
  padding: 20px 0 10px;
  border-top: 1px solid #DFE0D7;
  border-bottom: 1px solid #DFE0D7; }

.variant-detail .product-box h2 {
  font-size: 15px; }

.variant-detail .add-to-wishlists.btn {
  border-color: #CBA64D;
  border-radius: 0; }

.variant-detail .add-to-wishlists.btn-wishlist {
  border-color: #FFFFFF; }

.variant-detail .wishlist-icon {
  display: flex;
  align-items: baseline;
  color: #CBA64D;
  font: 16px/13px "TrajanPro-Regular"; }
  .variant-detail .wishlist-icon svg {
    margin-right: 6px;
    position: relative;
    top: -3px;
    right: 0;
    margin: 0; }
  .variant-detail .wishlist-icon.hide {
    display: none; }
  .variant-detail .wishlist-icon:first-child {
    padding-left: 0px; }

.variant-detail span svg {
  width: 11px;
  transform: rotate(90deg);
  top: 0px; }

.variant-detail .stores {
  margin-top: 35px; }

.variant-detail .product-detail div[class^="col-"] {
  padding: 0 0 10px; }

.in-cart {
  display: flex;
  align-items: end;
  color: #CBA64D;
  font: 16px/16px "Red Hat Text", sans-serif; }
  .in-cart svg {
    margin-right: 7px;
    position: relative;
    top: -1px; }

.modal-window {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  background: white;
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .modal-window.show {
    opacity: 1;
    visibility: visible; }
  .modal-window .modal-close-wrapper {
    position: absolute;
    top: 162px;
    right: 32px;
    z-index: 1000; }
  .modal-window .modal-close {
    border-radius: 50%;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 38px;
    display: table;
    text-align: center;
    font: 20px/0px "TrajanPro-Bold";
    text-decoration: none;
    color: #333333;
    position: relative; }
  .modal-window .modal-close span {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%); }

.size-wrapper {
  margin: 0 0 20px; }
  .size-wrapper input {
    display: none; }
  .size-wrapper label {
    margin-right: 10px;
    margin-bottom: 7px;
    display: inline-block; }
  .size-wrapper input:checked ~ span, .size-wrapper label:hover span {
    background: rgba(29, 30, 33, 0.85);
    color: white; }
  .size-wrapper span {
    font: 20px/20px "Red Hat Text", sans-serif;
    border: 1px solid #8E8F88;
    padding: 15px;
    text-align: center;
    display: table;
    border-radius: 100px;
    width: 52px;
    height: 52px; }
  .size-wrapper p {
    padding-bottom: 10px; }

.ring-size-table {
  width: 100%;
  border-spacing: 0;
  color: #333333;
  margin-bottom: 24px; }
  .ring-size-table th {
    background-color: #CBA64D;
    color: white;
    padding: 12px 0; }
  .ring-size-table td {
    border-bottom: 1px solid #333333;
    padding: 12px 0;
    text-align: center; }
  .ring-size-table tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.05); }
  .ring-size-table + p.ring-size-caption {
    margin-bottom: 128px; }

.container-spacing {
  max-width: 950px;
  margin: auto; }
  .container-spacing p {
    color: #CBA64D;
    font-size: 16px; }

.container-spacing-large {
  max-width: 1100px;
  margin: auto; }
  .container-spacing-large p {
    color: #333333;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1rem; }

.container-spacing-login {
  max-width: 470px;
  margin: auto; }
  .container-spacing-login p {
    color: #333333;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1rem; }

.label-large {
  background: #CBA64D;
  font-size: 30px;
  text-align: center;
  color: white;
  padding: 24px 12px;
  margin: 64px 0; }

.flex-wrapper {
  display: flex;
  justify-content: space-around; }

.flex-center {
  display: flex;
  justify-content: center; }

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

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

.spacer-vertical-small {
  margin-top: 32px; }

.spacer-vertical {
  margin-top: 64px; }

.spacer-vertical-large {
  margin-top: 128px; }

.spacer-horizontal-tiny {
  margin-right: 16px; }

.spacer-horizontal-small {
  margin-right: 32px; }

.spacer-horizontal-large {
  margin-right: 128px; }

.form-box form {
  margin-top: 25px; }
  .form-box form label {
    font: 400 14px/18px "Red Hat Text", sans-serif;
    color: #676767;
    margin-bottom: 0;
    display: block;
    width: 100%; }
  .form-box form input:not([type='checkbox'], [type='radio']), .form-box form textarea {
    font: 400 14px/18px "Red Hat Text", sans-serif;
    border: none;
    border-bottom: 1px solid #DFE0D7;
    background-color: transparent;
    margin: 0 0 25px;
    padding: 10px 0;
    width: 100%; }
    .form-box form input:not([type='checkbox'], [type='radio'])::placeholder, .form-box form textarea::placeholder {
      color: #BDBDBD; }
  .form-box form textarea {
    margin-bottom: 25px;
    height: 100px; }
  .form-box form input[type="checkbox"] {
    margin: 3px 8px 0  0; }
  .form-box form input:focus, .form-box form textarea:focus {
    outline: none; }
  .form-box form ul {
    display: table; }
  .form-box form button {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: white;
    border: none;
    border-radius: 25px;
    background: #3D3E40;
    padding: 12px 35px;
    margin-top: 35px;
    display: block; }
  .form-box form .flex-wrapper {
    margin: 10px 0;
    justify-content: initial; }
  .form-box form input[type="radio"] {
    height: 14px;
    width: 14px;
    margin-right: 10px;
    position: relative;
    bottom: -2px; }
  .form-box form select, .form-box form option {
    font: 14px/22px "TrajanPro-Regular";
    background: #f2f2f2;
    padding: 12px;
    width: 100%;
    border-color: #f2f2f2;
    cursor: pointer;
    margin-bottom: 30px; }

.login form label {
  margin-top: 30px; }

.login form input:not([type='checkbox'], [type='radio']), .login form textarea {
  margin-bottom: 0; }

.no-margin {
  margin: 0; }

.half-width {
  width: 50%; }

.shipping-returns .title {
  font: 20px/22px "TrajanPro-Regular";
  color: #CBA64D;
  position: relative;
  margin-bottom: 25px; }
  .shipping-returns .title:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 60px;
    height: 4px;
    background: #CBA64D; }

.shipping-returns h2.spacer-vertical-small {
  text-transform: uppercase;
  font: 28px/32px "TrajanPro-Bold";
  margin-top: 35px;
  margin-bottom: 10px; }

.shipping-returns p {
  display: block;
  margin-top: 0px; }

.shipping-returns .banner-home .image_web {
  padding-top: 0; }

.shipping-gradient {
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f5f5f5 25%, rgba(245, 245, 245, 0.27) 90%); }
  .shipping-gradient button {
    font-family: "TrajanPro-Regular";
    border: 1px solid #CBA64D;
    color: #CBA64D;
    font-size: 17px;
    padding: 11px 16px;
    background: none;
    cursor: pointer; }
  .shipping-gradient h1 {
    color: #b49b57;
    font-size: 34px;
    margin-top: 256px; }

.tns-liveregion {
  display: none; }

.slider-wrapper {
  position: relative; }
  .slider-wrapper .control-box .prev, .slider-wrapper .control-box .next {
    display: table;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    border: none;
    outline: none; }
  .slider-wrapper .control-box .prev {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%); }
  .slider-wrapper .control-box .next {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%); }
  .slider-wrapper .tns-controls {
    display: none; }
  .slider-wrapper a.disabled {
    pointer-events: none; }

.menu_sub {
  background-color: #FFFFFF;
  backdrop-filter: saturate(50%) blur(15px);
  position: absolute;
  display: none;
  left: 0px;
  width: 100vw;
  padding: 0 78px;
  z-index: 3;
  padding-top: 20px;
  padding-bottom: 20px;
  max-height: 500px;
  overflow: hidden;
  max-width: 1168px; }
  .menu_sub .menu_sub_box {
    padding-bottom: 20px; }
  .menu_sub.set-max-height {
    max-height: 385px;
    overflow-y: auto;
    width: 100%; }
  .menu_sub h5 {
    font-size: 13px;
    color: #1D1E21;
    text-transform: uppercase;
    font-family: "TrajanPro-Bold";
    margin: 0 0 10px; }
  .menu_sub ul li {
    padding: 0;
    line-height: 27px; }
  .menu_sub ul li a {
    font: 10px/18px "Red Hat Text", sans-serif;
    position: relative;
    color: #8E8F88;
    text-decoration: none; }
  .menu_sub li a:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    width: 0;
    height: 2px;
    background: #CBA64D;
    transition: all .2s ease-in-out; }
  .menu_sub .fa-diamond {
    position: relative;
    top: 3px;
    opacity: 1; }
  .menu_sub .fa-diamond img {
    max-width: 13px; }
  .menu_sub ul.two-columns {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; }
  .menu_sub .menu-arrow {
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    top: 3px; }
    .menu_sub .menu-arrow.rotate {
      -webkit-transform: translate(38%, -15%) rotate(270deg);
      transform: translate(38%, -15%) rotate(270deg);
      top: 6px; }

.search-box {
  background-color: #FFFFFF;
  backdrop-filter: saturate(50%) blur(15px);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  left: 0px;
  width: 100vw;
  padding: 24px 256px;
  max-height: 500px;
  overflow: hidden;
  transition: visibility 0.25s, opacity 0.25s;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
  .search-box .backdrop {
    position: absolute;
    left: 20%;
    bottom: 0px;
    height: 100%; }
  .search-box.show {
    visibility: visible;
    opacity: 1; }
  .search-box form {
    display: flex;
    align-items: flex-end;
    width: 75%;
    max-width: 576px; }
  .search-box input {
    border: 0px;
    border: 1px solid #8E8F88;
    font: 400 14px/18px "Red Hat Text", sans-serif;
    padding: 8px 10px;
    border-radius: 5px;
    flex-grow: 1;
    margin-right: 16px; }
  .search-box input::placeholder {
    color: #BDBDBD; }
  .search-box button.submit {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: white;
    border: none;
    border-radius: 25px;
    background: #3D3E40;
    padding: 12px 20px;
    margin-top: 10px; }
  .search-box button {
    background: none;
    border: none;
    cursor: pointer; }
  .search-box .search-box__close {
    margin-left: 17px; }
    .search-box .search-box__close img {
      width: 25px;
      height: 25px; }

.navbar_desktop_menu .navbar-nav.menu li:not(.disable-hover):hover > .menu_sub {
  display: block; }

.diamond path {
  stroke: #CBA64D; }

.form-text h1 {
  font: 32px/32px "TrajanPro-Regular";
  margin-bottom: 45px; }
  .form-text h1.mt-1 {
    margin-top: 10px; }
  .form-text h1.mb-1 {
    margin-bottom: 10px; }
  .form-text h1.mb-2 {
    margin-bottom: 20px; }

.form-text h2 {
  font: 400 32px/32px "Red Hat Text", sans-serif;
  margin: 20px 0 8px; }

.form-text h2.section {
  font: 32px/32px "TrajanPro-Regular";
  margin: 18px 0 25px; }

.form-text h5 {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  margin: 20px 0 12px;
  padding: 0;
  color: #333333;
  text-transform: uppercase; }

.form-text h6 {
  font: 17px/22px "Red Hat Text", sans-serif;
  margin: 0 0 10px;
  padding: 0;
  color: #CBA64D; }

.form-text p {
  padding: 0;
  margin: 0; }
  .form-text p.desc {
    font: 400 16px/28px "Red Hat Text", sans-serif;
    margin-bottom: 20px; }

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

.form-text img.m-1 {
  margin-bottom: 10px;
  margin-top: 10px; }

.form-text select, .form-text option {
  font: 17px/22px "Red Hat Text", sans-serif;
  background: #f2f2f2;
  padding: 14px;
  width: 100%;
  border-color: #f2f2f2;
  cursor: pointer;
  margin-bottom: 20px; }

.form-text .call {
  text-align: center;
  padding: 40px 0 35px;
  justify-content: center; }

.form-text .working-hour {
  border: 1px solid #796e69;
  padding: 30px;
  text-align: center;
  font: 16px/22px "TrajanPro-Bold"; }

.form-text .working-hour h5 {
  margin-top: 0; }

.form-text .form-box {
  padding: 40px 15% 50px;
  margin: 70px 0;
  background-color: #FFFFFF; }

.form-text .form-box p {
  max-width: 60%;
  margin: auto;
  display: table; }

.form-text .form-box h2 {
  font: 18px/25px "TrajanPro-Bold";
  margin: 18px 0 8px;
  text-transform: uppercase; }

.form-text .form-box p {
  font: 14px/22px "Red Hat Text", sans-serif;
  color: #676767; }

.form-text .form-box .box-list p {
  margin: 0 0 0 10px;
  font: 16px/16px "TrajanPro-Bold"; }

.form-text .form-box form label {
  color: #1D1E21;
  margin-bottom: 5px; }

.form-text .form-box form input,
.form-text .form-box form textarea {
  font: 14px/22px "Red Hat Text", sans-serif;
  color: #8E8F88;
  background-color: #F4F3F0;
  border: none;
  padding: 10px 15px; }

.form-text .form-box form textarea {
  margin-bottom: 0; }

.form-text .form-box form .checkbox label {
  color: #676767; }

.form-box.login {
  padding: 30px 0 50px;
  margin: 50px 0 70px;
  box-shadow: none; }
  .form-box.login .flex-wrapper {
    justify-content: center; }
  .form-box.login .forgot-password {
    float: right;
    color: #CBA64D;
    margin-top: -20px; }
  .form-box.login .register li {
    float: left;
    margin-right: 70px; }
  .form-box.login .tabs a:hover {
    color: #CBA64D; }
  .form-box.login .radio {
    margin: 0;
    justify-content: left; }
    .form-box.login .radio ul {
      display: flex;
      flex-wrap: wrap;
      margin: 5px 0 0; }
    .form-box.login .radio li {
      margin-right: 70px; }
    .form-box.login .radio label {
      margin-top: 0;
      display: inline-flex; }
  .form-box.login h2 {
    font: 32px/38px "TrajanPro-Bold";
    text-transform: uppercase;
    margin: 0 0 10px; }
  .form-box.login h3 {
    font: 400 16px/22px "Red Hat Text", sans-serif;
    margin: 0;
    color: #676767;
    text-align: center; }
  .form-box.login p {
    max-width: unset;
    margin: 30px 0 0; }
  .form-box.login select {
    background: url("/static/website/img/arrow-down.png?6b8eab9e0389") no-repeat calc(100% - 15px), #f2f2f2;
    background-size: 11px;
    -webkit-appearance: none;
    border: 0; }
  .form-box.login form {
    border: 1px solid #F0EFEB;
    padding: 30px;
    margin: 50px 0 0;
    box-sizing: border-box;
    border-radius: 10px; }
  .form-box.login label {
    font: 400 16px/22px "Red Hat Text", sans-serif;
    margin: 0 0 10px;
    color: #1D1E21; }
  .form-box.login form .flex-wrapper {
    display: block;
    margin-bottom: 20px; }
  .form-box.login form option {
    font: 400 16px/22px "Red Hat Text", sans-serif; }
  .form-box.login input[type="radio"] {
    margin: 0 10px 0 0;
    position: relative;
    top: 4px; }
  .form-box.login form input, .form-box.login form textarea, .form-box.login form select {
    font: 400 16px/22px "Red Hat Text", sans-serif;
    border: 1px solid #F0EFEB;
    padding: 15px 12px;
    border-radius: 5px;
    color: #1D1E21;
    margin-bottom: 20px;
    background: white; }
    .form-box.login form input:last-child, .form-box.login form textarea:last-child, .form-box.login form select:last-child {
      margin-bottom: 0; }
  .form-box.login button {
    width: 100%;
    margin: 20px 0 0; }

.terms-wrapper {
  max-width: 70%;
  margin: 50px auto 0;
  display: table;
  width: 100%; }
  .terms-wrapper .list {
    margin-bottom: 45px; }
  .terms-wrapper h2 {
    font: 500 20px/22px "Red Hat Text", sans-serif;
    margin: 0 0 20px; }
  .terms-wrapper h3, .terms-wrapper .product-variants h3.variant-title, .product-variants .terms-wrapper h3.variant-title {
    font: 500 16px/22px "Red Hat Text", sans-serif;
    margin: 0 0 10px; }
  .terms-wrapper p, .terms-wrapper ul {
    font: 400 16px/22px "Red Hat Text", sans-serif;
    margin: 0 0 10px; }
  .terms-wrapper ul {
    padding-left: 20px;
    list-style-type: disc; }
  .terms-wrapper ul li {
    margin-bottom: 10px; }
  .terms-wrapper .list-wrapper {
    margin: 0 20px 10px; }
    .terms-wrapper .list-wrapper span {
      display: block; }

.search .products {
  margin-top: 50px; }

.search .products_body {
  padding-top: 10px; }

.store-location-icon {
  margin-left: 12px;
  position: relative;
  top: -2px; }

.faq-wrapper {
  max-width: 70%;
  margin: 50px auto 0;
  display: table;
  width: 100%; }
  .faq-wrapper .title {
    font: 400 20px/22px "Red Hat Text", sans-serif;
    color: #1D1E21;
    position: relative;
    margin-bottom: 25px; }
  .faq-wrapper .list {
    font: 400 20px/22px "Red Hat Text", sans-serif;
    margin-bottom: 30px;
    display: block;
    width: 100%; }
  .faq-wrapper .question {
    cursor: pointer; }
  .faq-wrapper .question span {
    display: inline-block;
    max-width: 95%; }
  .faq-wrapper .answer {
    font: 400 16px/22px "Red Hat Text", sans-serif;
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out; }
  .faq-wrapper .minus {
    display: none; }
  .faq-wrapper .list.active .plus {
    display: none; }
  .faq-wrapper .list.active .minus {
    display: block; }
  .faq-wrapper .list.active .answer {
    height: auto;
    padding-top: 10px;
    margin-top: 5px;
    opacity: 1;
    visibility: unset; }
  .faq-wrapper svg {
    position: relative;
    float: right;
    top: 3px; }
  .faq-wrapper svg line {
    stroke: #CBA64D; }
  .faq-wrapper .faq-section-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px; }
    .faq-wrapper .faq-section-title:not(:first-child) {
      margin-top: 50px; }

.carts .awesomplete {
  width: 100%; }
  .carts .awesomplete input {
    margin-bottom: 3px; }
  .carts .awesomplete ul > li[aria-selected="true"] {
    background: #1D1E21;
    color: white; }
  .carts .awesomplete ul > li {
    font: 400 14px/18px "Red Hat Text", sans-serif;
    padding: 8px 10px; }
  .carts .awesomplete li[aria-selected="true"] mark {
    color: #CBA64D;
    background: transparent; }

.clear {
  clear: both; }

.article-box.more-article .article .list {
  margin: 0 20px 0 0;
  aspect-ratio: 1 / 1;
  position: relative; }

.article-box.more-article .article .date {
  font: 12px/14px "TrajanPro-Bold"; }

.article-box.more-article .article .title {
  font: 14px/16px "TrajanPro-Bold"; }

.article-box.more-article .article .read-more img {
  width: 50px;
  height: 45px;
  object-fit: cover;
  position: absolute;
  right: 0;
  bottom: 0; }

.article-box.more-article .article .white-box {
  padding-top: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 75%;
  margin: 0;
  padding: 14px 0 0;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 9px; }

.article {
  padding: 0;
  display: block;
  margin-bottom: 30px; }
  .article:hover {
    text-decoration: none; }
  .article img {
    width: 100%; }
  .article .list {
    display: block;
    height: 100%;
    position: relative;
    aspect-ratio: 2 / 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
  .article .date {
    font: 18px/22px "TrajanPro-Bold";
    color: #CBA64D;
    margin-bottom: 8px;
    display: block; }
  .article .description {
    font: 15px/22px "TrajanPro-Regular";
    color: #333333;
    margin-bottom: 10px; }
  .article .title {
    font: 22px/26px "TrajanPro-Bold";
    color: #1D1E21;
    margin-bottom: 0;
    text-transform: uppercase; }
  .article section {
    width: 100%;
    padding: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between; }
  .article .white-box {
    padding: 20px 20px 0 0;
    box-sizing: border-box;
    background-color: white;
    width: 100%; }
  .article .read-more {
    align-items: center;
    justify-content: flex-end;
    align-self: flex-end; }
  .article .read-more img {
    width: 80px; }

.article_content .banner {
  width: 100%;
  margin: 0px auto;
  padding: 0px;
  box-sizing: border-box;
  margin-bottom: 38px;
  position: relative;
  height: 100%;
  overflow: hidden;
  max-height: 462px; }

.article_content .white-box-wrapper {
  position: relative; }

.article_content .white-box {
  background: white;
  margin-bottom: 50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px; }

.article_content .banner img {
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover; }

.article_content .content-block {
  padding: 25px;
  max-width: 80%;
  width: 100%;
  display: block;
  margin: 0 auto; }

.article_content img {
  width: 100%; }

.article_content h1 {
  font: 30px/36px "TrajanPro-Bold";
  color: #1D1E21;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  text-align: center; }

.article_content h2 {
  font: 25px/32px "TrajanPro-Bold";
  color: #333333;
  padding: 0;
  margin: 0 0 20px; }

.article_content h3, .article_content .product-variants h3.variant-title, .product-variants .article_content h3.variant-title {
  margin-top: 0; }

.article_content .date {
  font: 22px/26px "TrajanPro-Bold";
  color: #CBA64D;
  display: flex;
  align-items: center; }
  .article_content .date .divider {
    display: inline-block;
    margin: 0px 20px; }
  .article_content .date .share {
    display: flex;
    align-items: center; }

.article_content .social-share {
  margin: 0; }

.article_content .description-wrapper {
  padding: 0 20px; }

.article_content strong {
  font-weight: 700; }

.article_content p, .article_content ul, .article_content ol {
  font: 400 18px/32px "Red Hat Text", sans-serif;
  color: #1D1E21;
  padding: 0;
  margin: 0px 0px 20px; }
  .article_content p:last-child, .article_content ul:last-child, .article_content ol:last-child {
    margin-bottom: 0px; }

.article_content ul, .article_content ol {
  padding: 0 0 0 18px; }
  .article_content ul li, .article_content ol li {
    margin-bottom: 10px; }

.article_content .tags {
  display: table;
  width: 100%;
  clear: both;
  margin-bottom: 50px; }

.article_content .tags h3 {
  font: 17px/25px "TrajanPro-Bold";
  padding: 0;
  margin: 20px 0 5px; }

.article_content .tag {
  background: #f2f2f2;
  padding: 12px 15px 7px;
  font: 16px/20px "TrajanPro-Regular";
  color: #333333;
  margin-right: 10px;
  margin-bottom: 10px;
  display: table;
  float: left; }

.article_content .ck-content img {
  width: 680px;
  height: 340px;
  object-fit: contain; }

.article_content .social-share {
  padding: 0; }

.articles .header-text {
  font: 24px/28px "TrajanPro-Bold";
  margin: 0 0 20px;
  text-align: left;
  text-transform: uppercase; }

.articles .container-spacing-large {
  max-width: 1240px; }

.articles div[class^="col-"].pl-0 {
  padding-left: 0;
  padding-right: 85px; }

.articles div[class^="col-"].pr-0 {
  padding-right: 0;
  padding-left: 85px; }

.articles__pagination-wrapper {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 54px; }

.articles__pagination-button {
  width: 32px;
  height: 32px;
  border: 1px solid #DFE0D7;
  border-radius: 2px;
  font: 16px/21px "Red Hat Text", sans-serif;
  color: #1D1E21;
  display: flex;
  justify-content: center;
  align-items: center; }
  .articles__pagination-button--active {
    border-color: #CBA64D;
    color: #CBA64D; }

.articles__separator {
  margin: 60px 0;
  border-top: 1px solid #F0EFEB; }

.navigations {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 20px;
  margin: 10px 0 50px;
  position: relative; }
  .navigations .title {
    font: 17px/25px "TrajanPro-Bold";
    color: #CBA64D;
    display: block; }
  .navigations .desc {
    font: 17px/25px "TrajanPro-Regular";
    color: #333333; }
  .navigations .link {
    font: 17px/25px "TrajanPro-Bold";
    color: #CBA64D;
    margin: auto; }
  .navigations .align-items-center {
    display: flex; }
  .navigations .left {
    position: absolute;
    left: -15px;
    top: 32%;
    transform: rotate(90deg); }
  .navigations .right {
    position: absolute;
    right: -15px;
    top: 32%;
    transform: rotate(270deg); }
  .navigations svg line {
    stroke: #CBA64D; }

.wishlist .products_body {
  padding: 0;
  display: flex;
  flex-wrap: wrap; }

.wishlist .products_box {
  width: 33.333%; }

.wishlist .remove {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1000; }

.image_mobile {
  display: none; }

.slider.mobile_only .tns-slide-cloned {
  opacity: 0; }
  .slider.mobile_only .tns-slide-cloned.show {
    opacity: 1; }

.filter_mobile {
  display: none; }

.filter_mobile .menu-filter {
  visibility: hidden;
  opacity: 0;
  height: 0;
  display: block; }

.variant-detail .mobile_block {
  display: none; }

.navbar_mobile_menu.show .navbar-nav.menu {
  display: block;
  overflow: auto;
  padding-top: 60px;
  top: 0;
  height: 100%; }

.navbar_mobile_menu.show .language-selector {
  padding-top: 35px; }

.navbar_mobile_menu.show .navbar-toggler .navbar-toggler-icon-close {
  display: table; }

.navbar_mobile_menu {
  display: none; }
  .navbar_mobile_menu .navbar-nav.menu {
    display: none;
    width: 100%;
    height: calc(100% - 95px);
    position: fixed;
    background: white;
    left: 0px; }
  .navbar_mobile_menu .navbar-toggler {
    background: transparent;
    border: none;
    position: absolute;
    top: 15px;
    left: 13px; }
  .navbar_mobile_menu .navbar-toggler-icon {
    background-image: url(/static/website/img/icon-humberger.svg?6b8eab9e0389);
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    padding: 12px;
    display: table; }
  .navbar_mobile_menu .menu ul {
    display: table; }
  .navbar_mobile_menu .menu li {
    width: 100%;
    padding: 0px;
    margin: 0;
    line-height: 0; }
    .navbar_mobile_menu .menu li:last-child {
      padding-bottom: 10px; }
  .navbar_mobile_menu .menu_sub {
    position: relative;
    top: auto;
    left: auto;
    padding: 0px 17px 0px 20px;
    display: none;
    width: 100%;
    max-height: unset; }
  .navbar_mobile_menu .navbar-nav {
    flex-direction: column; }
  .navbar_mobile_menu .menu li a {
    font: 400 14px/22px "Red Hat Text", sans-serif;
    display: table;
    width: 100%; }
    .navbar_mobile_menu .menu li a:hover:after, .navbar_mobile_menu .menu li a:focus:after {
      display: none; }
    .navbar_mobile_menu .menu li a.language {
      display: unset; }
  .navbar_mobile_menu ul.list-unstyled {
    display: none; }
  .navbar_mobile_menu ul.list-unstyled a {
    width: auto;
    display: inline-block; }
  .navbar_mobile_menu .menu_sub .fa-diamond {
    position: relative;
    top: 2px;
    opacity: 1;
    margin-right: 5px; }
  .navbar_mobile_menu .list-unstyled li {
    padding: 0 0 10px; }
  .navbar_mobile_menu .menu_sub_box {
    padding-bottom: 3px; }
  .navbar_mobile_menu .toggle.active + ul.list-unstyled, .navbar_mobile_menu .toggle.active + .menu_sub {
    display: block; }
  .navbar_mobile_menu .toggle.active > .arrow {
    transform: rotate(270deg); }
  .navbar_mobile_menu .toggle.active > .icon {
    background-image: url(/static/website/img/min_gold.svg?6b8eab9e0389); }
  .navbar_mobile_menu .sub_title .icon {
    float: right;
    background-image: url(/static/website/img/plus_gold.svg?6b8eab9e0389);
    background-position: center center;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    display: table;
    width: 12px;
    height: 12px;
    margin-top: 4px; }
  .navbar_mobile_menu .menu li .sub_title a {
    font: 400 14px/22px "Red Hat Text", sans-serif;
    margin: 0 0 10px;
    width: auto;
    display: inline-block;
    text-transform: uppercase; }
  .navbar_mobile_menu .arrow {
    float: right;
    transform: rotate(90deg);
    position: relative;
    top: 4px;
    right: -6px; }
  .navbar_mobile_menu .title {
    margin-bottom: 15px;
    padding: 0px 20px; }
    .navbar_mobile_menu .title.active {
      margin-bottom: 10px; }
  .navbar_mobile_menu .menu .sub_menu {
    padding-top: 5px;
    display: table; }
    .navbar_mobile_menu .menu .sub_menu i, .navbar_mobile_menu .menu .sub_menu a {
      float: left;
      width: auto; }
    .navbar_mobile_menu .menu .sub_menu i {
      top: 5px;
      margin-right: 5px;
      margin-left: 10px; }
  .navbar_mobile_menu li.language-selector {
    border-top: 1px solid #f2f2f2;
    padding: 15px 20px 0px; }
    .navbar_mobile_menu li.language-selector span {
      color: #8E8F88;
      margin-right: 5px;
      margin-left: 5px;
      font-size: 13px;
      position: relative;
      top: -1px;
      color: #8E8F88; }
  .navbar_mobile_menu .language-selector a {
    font: 400 14px/22px "Red Hat Text", sans-serif; }
  .navbar_mobile_menu .language-selector a.active {
    font-weight: 500;
    color: #CBA64D; }
  .navbar_mobile_menu li.personal-information {
    border-top: 1px solid #F0EFEB;
    border-bottom: 1px solid #F0EFEB;
    padding: 10px 20px 14px; }
  .navbar_mobile_menu .personal-information a {
    display: flex;
    align-items: center; }
    .navbar_mobile_menu .personal-information a img {
      width: 20px;
      height: 20px;
      margin-right: 10px;
      position: relative;
      top: 5px; }

.content-wrapper.login-backgrond {
  position: relative;
  padding-bottom: 1px;
  margin-bottom: 50px; }
  .content-wrapper.login-backgrond::after {
    background-image: url(/static/website/img/login_bg_image_left.png?6b8eab9e0389), url(/static/website/img/login_bg_image_right.png?6b8eab9e0389);
    background-repeat: no-repeat;
    background-size: 580px, 525px;
    background-position: left -100px, right top;
    content: "";
    opacity: 0.4;
    top: 0;
    left: -130px;
    bottom: 0;
    right: -60px;
    position: absolute;
    z-index: -1; }

.tabs {
  width: 100%;
  display: table;
  margin-bottom: 30px;
  border-bottom: 1px solid #DDDDDD; }
  .tabs li {
    float: left;
    margin-bottom: -1px;
    width: 50%; }
  .tabs a {
    display: block;
    padding: 10px 15px;
    margin-right: 2px;
    line-height: 25px;
    text-decoration: none; }
  .tabs a.border-left {
    border-left: 2px solid #DDDDDD; }
  .tabs a:hover {
    background-color: #EEEEEE; }
  .tabs .active a, .tabs .active a:hover {
    cursor: default;
    color: #4D4D4D;
    background-color: #FAFAFA;
    border-bottom: 3px solid #CBA64D;
    color: #CBA64D; }

.thumbnails a {
  display: table;
  margin-bottom: 10px; }
  .thumbnails a:hover, .thumbnails a.active {
    border: 1px solid #DFE0D7; }

.thumbnails img {
  width: 100%; }

section.products {
  max-width: 1168px;
  margin: 0 auto;
  display: table;
  width: 100%; }

.products_body {
  padding-top: 35px; }

.products_body .products_box {
  width: 33.333%; }

.user-informations {
  padding-top: 50px;
  box-sizing: border-box; }
  .user-informations .container-flex {
    padding: 0; }
  .user-informations h2.greeting {
    padding: 0px 0px 12px;
    font: 22px/36px "red_hat", sans-serif;
    color: #7b0e43;
    border-bottom: 1px solid #E0E0E0;
    margin: 0px;
    margin-bottom: 15px; }
  .user-informations .title-box {
    border-bottom: 0px; }

.user-informations .form-box {
  margin: 0;
  padding: 0px 0 32px;
  margin-left: 50px;
  box-shadow: none; }
  .user-informations .form-box h2 {
    font: 24px/28px "TrajanPro-Bold";
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: left; }
  .user-informations .form-box .title-box {
    padding: 0 0 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #3D3E40; }
  .user-informations .form-box .register li {
    float: left;
    margin-right: 70px; }

.vertical-middle {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center; }

.vertical-middle-left {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: left; }

.vertical-middle-right {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .vertical-middle-right.top {
    align-self: flex-start; }
  .vertical-middle-right.bottom {
    align-self: flex-end; }

.order-list .header-list {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #DFE0D7; }

.order-list .order-date {
  font: 400 18px/22px "Red Hat Text", sans-serif;
  color: #676767;
  margin-bottom: 5px; }

.order-list .order-number {
  font: 500 24px/28px "Red Hat Text", sans-serif;
  color: #1D1E21; }

.order-list .order-get-status {
  font: 500 18px/22px "Red Hat Text", sans-serif;
  color: #676767;
  margin-bottom: 0; }
  .order-list .order-get-status.gold {
    color: #CBA64D; }

.order-list .item-name {
  font: 500 16px/22px "Red Hat Text", sans-serif;
  text-transform: uppercase;
  color: #1D1E21;
  margin: 0 0 10px; }

.order-list .options {
  width: 100%;
  padding: 0;
  margin: 0 0 10px; }

.order-list .options span {
  font: 400 14px/18px "Red Hat Text", sans-serif;
  color: #676767; }

.order-list .options div[class^="col"] {
  padding: 0; }

.order-list label {
  width: 100%;
  display: block;
  font: 12px/16px "TrajanPro-Regular";
  color: #1D1E21; }

.order-list .size {
  font: 400 14px/18px "Red Hat Text", sans-serif;
  color: #676767;
  margin: 0 0 15px; }

.order-list .grandtotal {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #1D1E21; }

.order-list .more-items {
  font: italic 400 16px/22px "Red Hat Text", sans-serif;
  color: #676767;
  margin: 0 0 15px; }

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

.call-to-action-link {
  font: 18px/26px "TrajanPro-Regular";
  color: #CBA64D;
  display: flex;
  align-items: center; }
  .call-to-action-link:link, .call-to-action-link:hover, .call-to-action-link:visited {
    text-decoration: none;
    color: #CBA64D; }
  .call-to-action-link img {
    width: 14px;
    margin-left: 6px; }

.membership {
  display: flex;
  align-items: center;
  vertical-align: middle; }
  .membership svg.seperator {
    margin: 0 15px;
    align-self: flex-end;
    position: relative;
    top: -5px; }
  .membership svg.m-level {
    position: relative;
    top: 3px;
    margin-right: 2px; }
  .membership .level.silver {
    color: #C0C0C0; }
    .membership .level.silver svg path {
      fill: #C0C0C0; }
  .membership .level.blue {
    color: #12284C; }
    .membership .level.blue svg path {
      fill: #12284C; }
  .membership span {
    align-self: flex-end; }
  .membership .point {
    font: 400 18px/14px "Red Hat Text", sans-serif;
    color: #676767; }
  .membership .level {
    font: 500 18px/14px "Red Hat Text", sans-serif;
    color: #CBA64D; }

.sidebar {
  width: 260px;
  flex-shrink: 0;
  background: #F4F3F0; }
  .sidebar .box {
    padding: 20px;
    box-shadow: border-box; }
  .sidebar h2.greeting {
    font: 700 18px/22px "Red Hat Text", sans-serif;
    color: #1D1E21;
    margin: 0 0 15px;
    padding: 0;
    border: none; }
  .sidebar .sidebar-menu {
    float: initial;
    width: initial; }
  .sidebar hr {
    border: none;
    border-bottom: 1px solid #DFE0D7;
    margin: 0;
    padding: 0; }
  .sidebar .signout-wrapper.box {
    padding: 10px 20px 15px; }

.profile-page .sidebar {
  background: transparent; }

.profile-page.user-informations .sidebar-wrapper {
  display: block; }

.profile-page .sidebar .box {
  padding: 20px 0; }

.profile-page .form-box .title-box {
  margin-bottom: 5px; }

.content-box {
  margin: 0;
  margin-left: 50px;
  flex-grow: 1;
  padding: 0px;
  margin-bottom: 20px; }
  .content-box:last-child {
    margin-bottom: 0px; }

.title-box {
  padding: 24px 24px 32px;
  border-bottom: 1px solid #CCCCCC; }
  .title-box h2 {
    font-family: "Red Hat Text", sans-serif;
    font-size: 28px;
    line-height: 33px;
    margin: 2px 0px 0px; }
  .title-box .icon {
    color: #CBA64D;
    height: 32px; }

.order-list {
  margin: 0px; }

.order-list-item {
  padding: 28px 64px;
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  font-family: "TrajanPro-Regular"; }
  .order-list-item.done {
    background-color: #FAFAFA; }
  .order-list-item__img {
    width: 92px;
    height: 92px; }
  .order-list-item__detail {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin-left: 22px; }
  .order-list-item__title {
    color: #CBA64D;
    font-size: 20px;
    line-height: 24px; }
  .order-list-item__title-simple {
    font-size: 20px;
    font-family: "Red Hat Text", sans-serif;
    line-height: 24px; }
  .order-list-item__subtitle {
    color: #333333;
    font-size: 16px;
    line-height: 28px; }
  .order-list-item__status {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    text-align: right; }
    .order-list-item__status .done {
      color: #CBA64D; }
  .order-list-item__order-status {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px;
    color: #CBA64D; }
  .order-list-item__order-status.processing {
    font-family: "TrajanPro-Bold";
    color: #CBA64D; }
  .order-list-item__date {
    font: 400 16px/22px "Red Hat Text", sans-serif; }
  .order-list-item__price {
    color: #333333;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 48px; }

.order-detail-control {
  padding: 24px 53px; }
  .order-detail-control__back {
    color: #CBA64D;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 28px; }
    .order-detail-control__back:hover {
      color: #CBA64D; }
    .order-detail-control__back svg {
      transform: rotate(90deg);
      margin-right: 6px; }

.order-status {
  padding: 35px 53px 26px;
  border-bottom: 1px solid #CCCCCC; }
  .order-status__progress {
    display: flex;
    align-items: center; }
  .order-status__progress-line {
    flex: 1;
    height: 2px;
    background-color: #CCCCCC; }
  .order-status__progress-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white; }
    .order-status__progress-item.passed .order-status__progress-icon {
      color: #CBA64D;
      border-color: #CBA64D; }
    .order-status__progress-item.passed .order-status__progress-done {
      visibility: visible; }
  .order-status__progress-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 2px solid #DFE0D7;
    color: #DFE0D7;
    border-radius: 128px;
    position: relative; }
  .order-status__progress-done {
    width: 30px;
    height: 30px;
    background: #08AF4F;
    border-radius: 30px;
    position: absolute;
    top: 0px;
    right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-25%);
    visibility: hidden; }
  .order-status__progress-desc {
    display: flex;
    justify-content: space-between;
    margin-top: 8px; }
    .order-status__progress-desc span {
      width: 100px;
      font-size: 15px;
      line-height: 20px;
      color: #333333;
      font-family: "TrajanPro-Regular";
      text-align: center; }

.order-payment {
  background: #FFFFFF;
  display: flex;
  flex-direction: column; }
  .order-payment__top {
    padding: 12px 53px 0px;
    display: flex;
    flex-direction: row;
    background-color: #FFF8E3; }
  .order-payment__notice {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .order-payment__graphic {
    margin-left: auto;
    margin-top: 3px; }
    .order-payment__graphic svg {
      margin-bottom: -28px;
      margin-right: -8px; }
  .order-payment__deadline {
    font-size: 16px;
    line-height: 19px; }
    .order-payment__deadline b {
      font-family: "TrajanPro-Bold"; }
  .order-payment__complete-payment {
    text-transform: uppercase;
    display: block;
    font: 26px/31px "TrajanPro-Bold";
    margin-bottom: 7px; }
  .order-payment__payment-howto {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    font-family: "TrajanPro-Regular";
    font-size: 16px;
    line-height: 19px; }
    .order-payment__payment-howto a:link, .order-payment__payment-howto a:visited {
      color: #CBA64D;
      text-decoration: underline; }
    .order-payment__payment-howto .question-mark {
      display: flex;
      color: #CBA64D;
      align-items: center;
      justify-content: center;
      border: 2px solid #CBA64D;
      border-radius: 16px;
      width: 16px;
      height: 16px;
      margin-right: 8px;
      font-size: 10px;
      font-family: "TrajanPro-Bold"; }
  .order-payment__payment-howto-mobile {
    display: none; }
  .order-payment__pay-info {
    display: flex;
    padding: 27px 53px 27px; }
  .order-payment__change-method {
    padding: 0px 53px 39px;
    font-size: 16px;
    line-height: 19px; }
    .order-payment__change-method a:link, .order-payment__change-method a:visited {
      color: #CBA64D;
      text-decoration: underline; }
  .order-payment__continue-payment {
    padding: 20px 53px 35px; }
    .order-payment__continue-payment button {
      width: 100%; }
  .order-payment__pay-total {
    padding-right: 17px;
    margin-right: 22px;
    border-right: 2px solid #BDBDBD; }
    .order-payment__pay-total:last-child {
      border-right: none;
      padding-right: 0px;
      margin-right: 0px;
      flex-grow: 1; }
  .order-payment__bca-logo {
    width: 56px;
    height: 17px;
    margin-left: 8px; }
  .order-payment__header {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 8px; }

.user-order-info {
  font: 400 16px/22px "Red Hat Text", sans-serif; }
  .user-order-info p {
    font: 400 16px/22px "Red Hat Text", sans-serif;
    margin: 0; }
  .user-order-info .address {
    margin-top: 30px; }
  .user-order-info label {
    display: block;
    width: 100%;
    font: 500 16px/22px "Red Hat Text", sans-serif;
    margin-bottom: 5px; }

.order-info-processed {
  font: 400 18px/22px "Red Hat Text", sans-serif;
  border: 1px solid #DFE0D7;
  padding: 25px;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 15px 0 20px; }
  .order-info-processed strong {
    font-weight: 700;
    margin-right: 8px; }

.order-info-tracking {
  border: 1px solid #DFE0D7;
  padding: 25px;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 15px 0 20px; }
  .order-info-tracking label {
    font: 700 18px/22px "Red Hat Text", sans-serif;
    display: block;
    width: 100%;
    margin: 0 0 12px; }
  .order-info-tracking .desc {
    font: 400 20px/22px "Red Hat Text", sans-serif; }
  .order-info-tracking strong {
    font-weight: 700; }
  .order-info-tracking .sap-logo {
    max-width: 38px;
    margin-right: 5px;
    position: relative;
    top: 5px; }
  .order-info-tracking .copy-button {
    font: 400 18px/20px "Red Hat Text", sans-serif;
    color: #CBA64D;
    margin-left: 10px; }
  .order-info-tracking .copy-button-svg {
    margin-right: 2px;
    top: 3px; }
  .order-info-tracking .button-tracking {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: #1D1E21;
    border-radius: 25px;
    padding: 9px 22px;
    box-sizing: border-box;
    border: 1px solid #1D1E21; }

.order-info-header {
  border-bottom: 1px solid #DFE0D7;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .order-info-header svg {
    position: relative;
    top: 2px;
    margin-right: 8px; }
  .order-info-header hr.separator {
    border: none;
    border-bottom: 1px solid #DFE0D7;
    margin: 0 0 18px;
    padding: 0 0 20px; }

.order-info-list .item-name {
  font: 18px/25px "TrajanPro-Bold";
  margin-bottom: 10px;
  text-transform: uppercase; }

.order-info-list .options {
  width: 100%;
  padding: 0;
  margin: 0; }

.order-info-list .options label {
  width: 100%;
  display: block; }

.order-info-list .options span {
  font: 400 14px/18px "Red Hat Text", sans-serif;
  color: #676767; }

.order-info-list .options div[class^="col"] {
  padding: 0; }

.order-info-list .grandtotal {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #1D1E21; }

.order-info-list .list {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #DFE0D7; }
  .order-info-list .list:last-child {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DFE0D7; }

.need-helps {
  font: 500 16px/22px "Red Hat Text", sans-serif;
  color: #CBA64D;
  display: block;
  margin: 30px 0 0; }
  .need-helps:hover {
    color: #CBA64D; }
  .need-helps ul {
    padding: 0 0 0 18px;
    margin: 0;
    list-style-type: disc; }

.order-info-notes {
  padding: 15px 20px;
  box-sizing: border-box;
  background-color: #F4F3F0;
  border-radius: 5px;
  width: 100%;
  margin: 30px 0 0;
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #676767; }

.order-info-pricing .list {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #1D1E21;
  margin-bottom: 20px; }
  .order-info-pricing .list:last-child {
    margin-bottom: 0; }

.order-info-pricing .grandtotal, .order-info-pricing .grandtotal label {
  font-weight: 500;
  color: #1D1E21; }

.order-info-pricing label {
  font: 400 18px/22px "Red Hat Text", sans-serif;
  color: #676767; }

.order-info-payment {
  padding-bottom: 20px;
  display: block; }
  .order-info-payment label {
    display: block;
    width: 100%;
    font: 400 16px/22px "Red Hat Text", sans-serif;
    margin-bottom: 5px; }
  .order-info-payment .grandtotal {
    font: 700 24px/28px "Red Hat Text", sans-serif; }
  .order-info-payment .payment-method {
    font: 400 24px/28px "Red Hat Text", sans-serif; }
  .order-info-payment .payment-method-label {
    margin-top: 25px; }

.order-info-container {
  padding: 0 0 10px; }
  .order-info-container .order-info {
    padding: 24px 0px; }
  .order-info-container .order-info.simple {
    padding: 24px 0px; }
  .order-info-container .order-info.less-bottom-padding {
    padding-bottom: 16px; }
  .order-info-container .order-info.pricing {
    padding: 16px 0px 54px; }
  .order-info-container .order-info__shipping-info {
    padding-bottom: 4px; }
  .order-info-container:last-child {
    border-bottom: none; }

.order-info {
  display: flex;
  align-items: center;
  padding: 24px 53px;
  border-bottom: 1px solid #CCCCCC; }
  .order-info:last-child {
    border-bottom: none; }
  .order-info.simple {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 54px; }
  .order-info.less-bottom-padding {
    padding-bottom: 16px; }
  .order-info__mobile-only {
    display: none; }
  .order-info .order-list-item__price {
    margin-bottom: 26px; }
  .order-info .order-list-item__img {
    width: 85px;
    height: 85px; }
  .order-info.uncentered {
    align-items: flex-end;
    padding: 0px;
    border-bottom: 0px; }
  .order-info .pricing {
    padding: 16px 54px; }
  .order-info__order-code {
    display: flex;
    flex-direction: column; }
  .order-info__shipment {
    display: flex;
    align-items: center; }
  .order-info__code {
    font: 500 24px/32px "Red Hat Text", sans-serif;
    color: #1D1E21;
    text-transform: uppercase; }
  .order-info__shipping-info {
    margin-top: 16px;
    padding-bottom: 28px;
    border-top: 1px solid #CCCCCC; }
  .order-info__track-shipment {
    border: 2px solid #CBA64D;
    color: #CBA64D;
    padding: 2px 21px;
    line-height: 28px;
    font-size: 16px;
    min-width: 148px;
    text-align: center; }
    .order-info__track-shipment:link, .order-info__track-shipment:hover, .order-info__track-shipment:visited {
      color: #CBA64D; }
  .order-info__store {
    font-size: 16px;
    line-height: 19px;
    color: #333333;
    margin-top: 4px; }
  .order-info__ship-code {
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center; }
    .order-info__ship-code b {
      font-family: "TrajanPro-Bold"; }
  .order-info__sap-logo {
    width: 38.28px;
    height: 24.08px;
    margin-right: 10px; }
  .order-info__copy-button {
    background: none;
    border: none;
    cursor: pointer;
    color: #CBA64D;
    font-family: "TrajanPro-Bold";
    font-size: 20px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    margin-left: 9px;
    padding: 0px;
    margin-left: 8px; }
    .order-info__copy-button svg {
      margin-right: 5px;
      height: 18px; }
  .order-info__header {
    display: block;
    font-size: 20px;
    line-height: 29px;
    color: #333333;
    margin-bottom: 9px; }
  .order-info__address-line {
    font-size: 15px;
    line-height: 25px;
    color: #333333; }
  .order-info__address-receiver {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 8px; }
  .order-info__total {
    font-size: 24px;
    line-height: 42px;
    font-family: "TrajanPro-Bold";
    color: #333333;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .order-info__total.big {
      font-size: 30px;
      line-height: 36px; }
    .order-info__total.small {
      font-size: 20px;
      line-height: 28px; }
  .order-info__mobile-one-line {
    display: flex;
    flex-direction: column; }
  .order-info__box-list {
    font-size: 20px;
    margin-top: 9px;
    line-height: 29px;
    display: flex;
    align-items: center; }
  .order-info__bca-logo {
    width: 50px;
    height: 15px;
    margin-left: 11px;
    object-fit: contain; }
  .order-info__pricing-breakdown {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 24px; }
    .order-info__pricing-breakdown.extra-padding {
      margin-bottom: 5px; }
  .order-info__subtotal {
    font: 18px/24px "TrajanPro-Bold";
    color: #333333; }
  .order-info__note {
    font-size: 18px;
    line-height: 32px;
    display: flex;
    align-items: center;
    margin-top: 25px; }
    .order-info__note svg {
      margin-right: 8px; }
  .order-info .order-list-item__order-status {
    font: 500 16px/22px "Red Hat Text", sans-serif; }
  .order-info .order-list-item__title-simple {
    margin-bottom: 5px; }

.sidebar-menu {
  float: left;
  width: 250px; }
  .sidebar-menu li {
    margin-bottom: 15px;
    display: flex;
    align-items: center; }
    .sidebar-menu li:last-child {
      margin-bottom: 0; }
  .sidebar-menu a {
    font: 500 14px/18px "Red Hat Text", sans-serif;
    color: #8E8F88;
    text-transform: uppercase; }
    .sidebar-menu a.active, .sidebar-menu a:hover {
      color: #1D1E21; }
  .sidebar-menu ul {
    padding: 0;
    margin: 0; }
  .sidebar-menu img {
    vertical-align: middle;
    height: 16px;
    width: 16px;
    margin-right: 10px;
    margin-bottom: 2px; }

.mobile-menu {
  display: none; }

.lokasi-toko {
  padding-top: 50px; }
  .lokasi-toko .name {
    font: 16px/20px "TrajanPro-Bold";
    text-transform: uppercase;
    width: 100%;
    display: block; }
  .lokasi-toko .name svg {
    float: right;
    position: relative;
    top: 4px; }
  .lokasi-toko .address {
    font: 400 12px/18px "Red Hat Text", sans-serif;
    color: #676767;
    max-width: 80%; }
  .lokasi-toko hr {
    border: none;
    margin-bottom: 15px;
    border-bottom: 1px solid #F0EFEB;
    padding-bottom: 15px; }
  .lokasi-toko .details {
    margin-top: 10px; }
  .lokasi-toko .contact-img {
    font: 400 12px/18px "Red Hat Text", sans-serif;
    color: #1D1E21;
    margin-bottom: 5px; }
    .lokasi-toko .contact-img a {
      color: #1D1E21; }
    .lokasi-toko .contact-img:hover a {
      color: #CBA64D; }
  .lokasi-toko .contact-img svg {
    position: relative;
    top: 2px;
    margin-right: 5px; }
  .lokasi-toko .store {
    margin-bottom: 4%; }

.stores-area a {
  font: 400 16px/20px "Red Hat Text", sans-serif;
  text-transform: uppercase;
  color: #1D1E21;
  padding: 0 0 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #F0EFEB;
  width: 100%;
  display: block; }
  .stores-area a.active, .stores-area a:hover {
    font: 500 16px/20px "Red Hat Text", sans-serif;
    color: #CBA64D; }

.stores-area svg {
  float: right;
  position: relative;
  top: 4px; }

.stores-area .current-stores-area {
  font: 500 16px/20px "Red Hat Text", sans-serif;
  color: #CBA64D; }

.modal-area.modal a {
  text-align: left;
  padding-left: 20px; }

.modal-area.modal .modal-content {
  border: none;
  padding: 20px 0;
  border-radius: 5px;
  overflow-y: scroll;
  height: 310px; }

.hover-content {
  align-items: flex-start; }
  .hover-content img {
    width: 100%; }

.hover-desc {
  margin-top: 5px; }

h1.hover-title {
  line-height: 37px;
  margin-bottom: 0px;
  margin-top: 0px; }

.tingle-modal {
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2000;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: transform .2s ease; }

.tingle-modal--noClose .tingle-modal__close, .tingle-modal__closeLabel {
  display: none; }

.tingle-modal__close {
  position: fixed;
  top: 10px;
  right: 28px;
  z-index: 1000;
  padding: 0;
  width: 25px; }

.tingle-modal-box {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 35%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.tingle-modal-box__content {
  padding: 20px 40px 10px; }

.tingle-modal--visible {
  visibility: visible;
  opacity: 1; }

.tingle-modal--visible .tingle-modal-box {
  -ms-transform: scale(1);
  transform: scale(1); }

.credit-3ds .tingle-modal-box__content {
  display: contents; }

.credit-3ds iframe {
  width: 100%;
  height: 100%; }

.credit-3ds .tingle-modal-box {
  height: 75%; }

.banner-slider .slider_box {
  position: relative; }

.banner-home .explore {
  color: #CBA64D;
  text-decoration: none;
  font-size: 16px;
  display: inline-block; }

.banner-home .banner_action svg {
  transform: rotate(90deg);
  width: 11px;
  position: relative;
  top: 1px; }

.banner-home .tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  border: 1px solid #CBA64D;
  text-align: center;
  cursor: pointer; }

.banner-home .tns-nav > .tns-nav-active {
  background: #12284C; }

.banner-home .tns-nav {
  text-align: center;
  margin: 5px 0 20px; }

.about-diamond .content-block {
  max-width: 80%;
  width: 100%;
  display: block;
  margin: 0 auto; }
  .about-diamond .content-block .image {
    width: 100%; }

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

.collections {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 12px; }
  .collections .image-slider {
    width: 100%;
    height: 500px;
    object-fit: cover; }
  .collections .box-overlay-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 26px; }
  .collections .box-overlay-label {
    font: 22px/30px "Red Hat Text", sans-serif;
    color: #333333;
    display: block;
    margin-bottom: 11px; }
    .collections .box-overlay-label .call-to-action-link {
      justify-content: center; }

.btn-block {
  width: 100%;
  display: block; }

.border-right {
  border-right: 1px solid #E0E0E0; }

.discount-wrapper .delete-promo {
  cursor: pointer;
  position: relative;
  top: 2px;
  margin-left: 5px;
  background-image: url(/static/website/img/trashbin.svg?6b8eab9e0389);
  border: unset;
  height: 19px;
  width: 18px;
  background-color: white;
  background-repeat: no-repeat; }

.carts .content {
  padding-top: 0; }

.carts .breadcrumb {
  padding: 0px; }

.carts .breadcrumb-item.done span.step {
  background: #CBA64D;
  color: #FFFFFF;
  border-color: #CBA64D; }

.carts .breadcrumb-item.done a {
  color: #CBA64D; }

.carts .breadcrumb-item {
  font-size: 16px; }
  .carts .breadcrumb-item span.step {
    width: 20px;
    height: 20px;
    display: inline-flex;
    background: #FFFFFF;
    border-radius: 50px;
    border: 1px solid #BDBDBD;
    text-align: center;
    margin-right: 5px;
    font-size: 14px;
    align-items: center;
    justify-content: center; }
  .carts .breadcrumb-item + .breadcrumb-item {
    padding-left: 0; }
  .carts .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    content: "";
    border-top: 2px solid #BDBDBD;
    width: 4rem;
    margin: 0 17px;
    transform: translateY(-3px); }

.carts.checkout .title {
  margin-top: 0; }

.carts.checkout .breadcrumb {
  justify-content: center;
  margin: 36px 0; }

.carts.checkout .full-line {
  width: calc(100% + 63px);
  max-width: unset;
  border-top: 1px solid #E0E0E0;
  margin: 30px -30px 15px; }

.carts h1 {
  font: 26px/33px "Red Hat Text", sans-serif;
  margin-bottom: 35px;
  margin-top: 33px; }

.carts .wishlist-header {
  margin-top: 68px;
  margin-bottom: 15px; }

.carts h3, .carts .product-variants h3.variant-title, .product-variants .carts h3.variant-title {
  font: 26px/26px "TrajanPro-Regular";
  margin-bottom: 20px; }

.carts h4 {
  font: 20px/20px "TrajanPro-Regular";
  margin: 11px 0; }

.carts .left {
  padding: 0px; }

.carts .right {
  padding-right: 0px;
  padding-left: 66px; }

.carts .top {
  display: flex;
  align-items: center; }

.carts .product-detail {
  padding: 18px 24px 18px 26px;
  width: auto;
  flex-grow: 1; }

.carts .product-detail.checkout {
  padding: 12px 0px 0px 15px; }

.carts .product-box {
  border-top: 1px solid #E0E0E0;
  padding: 20px 0;
  align-items: center; }
  .carts .product-box table td {
    padding-bottom: 7px;
    font-size: 18px; }
  .carts .product-box tr.total td {
    font-size: 22px; }
  .carts .product-box tr.promo-row {
    height: 20px; }

.carts .info {
  margin-bottom: 18px;
  position: relative;
  font-size: 13px;
  margin-top: 4px; }

.carts .info.checkout {
  line-height: 19px;
  margin-bottom: 0px;
  margin-top: 10px; }

.carts .size {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 24px; }

.carts .view-detail {
  font: 400 16px/20px "Red Hat Text", sans-serif;
  text-align: center;
  display: block;
  padding-top: 23px;
  color: #CBA64D; }

.carts .product-img {
  width: 65px;
  height: 70px; }
  .carts .product-img img {
    width: 100%;
    height: 100%; }

.carts table {
  font-size: 17px;
  width: 100%; }

.carts .total {
  font: 24px/33px "TrajanPro-Bold"; }

.carts .form-voucher input[type="text"] {
  width: 50%;
  margin-bottom: 0;
  margin-right: 20px; }

.carts .form-voucher .total {
  line-height: 46px;
  float: right; }

.carts .btn-primary.apply-voucher {
  background-color: transparent;
  color: #CBA64D;
  vertical-align: unset;
  height: 46px;
  width: 100px;
  border: 2px solid; }

.carts .btn-primary.apply-voucher:hover {
  background-color: #CBA64D;
  border: 2px solid #CBA64D;
  color: #FFFFFF; }

.carts label {
  font: 16px/20px "Red Hat Text", sans-serif;
  width: 100%;
  margin-bottom: 5px;
  display: block;
  color: #1D1E21; }

.carts input, .carts textarea {
  font: 16px/20px "Red Hat Text", sans-serif;
  border-radius: 3px;
  border: 1px solid #8E8F88;
  background: transparent;
  margin-bottom: 20px;
  color: #8E8F88;
  padding: 10px 12px;
  width: 100%; }
  .carts input:placeholder, .carts textarea:placeholder {
    font: 16px/20px "Red Hat Text", sans-serif;
    color: #8E8F88; }

.carts .size-wrapper {
  margin: 0px 0px 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px; }
  .carts .size-wrapper p {
    margin-left: 10px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .carts .size-wrapper .img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.carts .size-wrapper input:checked ~ span {
  background: url("/static/website/img/check-icon.png?6b8eab9e0389") no-repeat calc(100% - 20px);
  background-size: 20px 20px; }

.carts .notes {
  margin-top: 53px;
  margin-bottom: 69px; }

.carts .notes p {
  font: 16px/20px "Red Hat Text", sans-serif;
  margin-bottom: 10px; }
  .carts .notes p svg {
    height: 14px;
    position: relative;
    top: 1px;
    margin-right: 5px; }

.carts .notes input {
  font: 16px/20px "Red Hat Text", sans-serif;
  border-radius: 3px;
  border: 1px solid #8E8F88;
  background: transparent;
  margin-bottom: 0px;
  color: #8E8F88;
  padding: 10px 12px; }
  .carts .notes input:placeholder {
    font: 16px/20px "Red Hat Text", sans-serif;
    color: #8E8F88; }

.carts .help-info a {
  font: 500 16px/20px "Red Hat Text", sans-serif;
  color: #CBA64D;
  display: inline-block;
  padding-top: 20px; }

.carts .wishlist .products_box {
  height: 100%;
  width: 100%; }
  .carts .wishlist .products_box .thumbnail {
    display: flex;
    flex-direction: column; }
  .carts .wishlist .products_box .label {
    top: 0px;
    position: relative;
    padding: 16px 18px 18px; }

.carts .thumbnail_image {
  width: 70%;
  flex-grow: 1; }

.carts .products_body .label, .carts .wishlist .price {
  letter-spacing: 0;
  font-size: 20px; }

.carts .products_body .label {
  top: 43%; }

.carts .box {
  width: 720px;
  margin: 38px auto 0; }

.carts .title-box {
  padding: 0;
  border-bottom: 0; }
  .carts .title-box h2 {
    font-family: "Red Hat Text", sans-serif;
    margin: 0 0 30px; }

.carts .form-box {
  padding: 1px 45px 35px;
  margin: 38px 0; }
  .carts .form-box form input {
    margin-bottom: 20px; }
  .carts .form-box form textarea {
    margin-bottom: 10px;
    line-height: 23px;
    height: 100px; }

.carts .btn-primary {
  font: 400 16px/20px "Red Hat Text", sans-serif;
  color: white;
  border: none;
  border-radius: 25px;
  background: #3D3E40;
  padding: 12px 20px;
  margin-top: 20px; }

.carts .total h3 {
  margin-bottom: 10px; }

.carts .total span {
  font-size: 30px; }

.carts .form-box .credit_card {
  background: url("/static/website/img/visa_master.png?6b8eab9e0389") no-repeat calc(100% - 15px);
  background-size: 77px 15px; }

.carts .form-box .cvv {
  background: url("/static/website/img/ei_credit-card.png?6b8eab9e0389") no-repeat calc(100% - 15px), #f2f2f2;
  background-size: 25px 25px; }

.carts .container-flex {
  padding: 0;
  justify-content: space-between; }

.carts .cc-left, .carts .cc-right {
  width: 38%; }

.carts .separator {
  margin: 0 12px; }

.carts .cc-left input[type="text"] {
  max-width: 30%;
  text-align: center; }

.carts .title {
  margin: 43px 0 30px; }

.carts .payment-list {
  width: 100%;
  padding: 10px 20px;
  display: flex; }
  .carts .payment-list img {
    width: 100%;
    bottom: 1.5px;
    position: relative; }

.carts .product-detail.checkout {
  padding: 0px 0px 0px 15px; }

.carts .subtotal-text {
  color: #676767; }

.carts.payment_method .title-box h1 {
  font: 24px/28px "TrajanPro-Bold";
  text-transform: uppercase; }

.carts.payment_method .total-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DFE0D7; }

.carts.payment_method .total-box h4 {
  font: 400 16px/20px "Red Hat Text", sans-serif;
  color: #676767;
  margin: 0 0 5px; }

.carts.payment_method .total-box span {
  font: 500 24px/32px "Red Hat Text", sans-serif; }

.carts.payment_method .form-box {
  box-shadow: none; }

.form-text .change_payment .payment-method.box-list-wrapper {
  border: none;
  padding: 0; }

.form-text .change_payment h4, .form-text .change_payment label.payment-list p {
  font: 400 16px/20px "Red Hat Text", sans-serif;
  color: #676767;
  margin: 0 0 5px; }

.form-text .change_payment label.payment-list p {
  color: #1D1E21; }

.form-text .change_payment .payment-list {
  padding: 5px 0 0; }

.form-text .change_payment label {
  border-radius: 4px;
  width: 100%;
  margin: 0 0 10px;
  padding: 8px 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.carts .form-box-payment label {
  font: 400 16px/20px "Red Hat Text", sans-serif;
  color: #676767;
  margin: 0 0 5px; }

.carts .form-box-payment input, .carts .form-box-payment .credit_card, .carts .form-box-payment .cvv {
  border: 1px solid #8E8F88;
  border-radius: 5px;
  background-color: transparent;
  margin: 0 0 25px; }
  .carts .form-box-payment input:placeholder, .carts .form-box-payment .credit_card:placeholder, .carts .form-box-payment .cvv:placeholder {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: #676767; }

.box-list-wrapper, .vouchers-wrapper {
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #8E8F88; }
  .box-list-wrapper h5, .vouchers-wrapper h5 {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    margin: 0 0 5px;
    color: #676767; }
  .box-list-wrapper p, .vouchers-wrapper p {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: #1D1E21; }
  .box-list-wrapper button, .vouchers-wrapper button {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: white;
    border: none;
    border-radius: 25px;
    background: #3D3E40;
    padding: 12px 20px;
    margin-top: 20px; }
  .box-list-wrapper .amount_to_pay, .vouchers-wrapper .amount_to_pay {
    font: 900 24px/30px "Red Hat Text", sans-serif;
    margin: 0 0 25px; }
  .box-list-wrapper .box-label, .vouchers-wrapper .box-label {
    box-shadow: inset 0px 0px 0px 1px #8E8F88;
    border-radius: 4px;
    width: 100%;
    margin: 0 0 10px;
    padding: 8px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .box-list-wrapper .box-label:hover, .vouchers-wrapper .box-label:hover {
      box-shadow: inset 0px 0px 0px 3px #1D1E21; }
  .box-list-wrapper input:checked + .box-label, .vouchers-wrapper input:checked + .box-label {
    box-shadow: inset 0px 0px 0px 3px #1D1E21; }
  .box-list-wrapper input:checked ~ svg, .vouchers-wrapper input:checked ~ svg {
    display: block; }
  .box-list-wrapper input:checked ~ span, .vouchers-wrapper input:checked ~ span {
    background: transparent; }
  .box-list-wrapper svg, .vouchers-wrapper svg {
    display: none;
    position: absolute;
    top: -15px;
    right: -15px;
    background: white; }
  .box-list-wrapper span, .vouchers-wrapper span {
    width: 100%;
    padding: 10px 20px;
    display: flex;
    border: none; }
  .box-list-wrapper .img, .vouchers-wrapper .img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .box-list-wrapper .payment-list, .vouchers-wrapper .payment-list {
    padding: 0;
    margin: 0;
    position: relative; }
  .box-list-wrapper input, .vouchers-wrapper input {
    display: none; }
  .box-list-wrapper .box-list, .vouchers-wrapper .box-list {
    margin-top: 10px; }

.vouchers-wrapper {
  border: none;
  padding: 0;
  margin: 0; }
  .vouchers-wrapper label.payment {
    padding: 5px; }
  .vouchers-wrapper .voucher-text {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    text-transform: capitalize;
    margin: 0 0 5px; }
  .vouchers-wrapper .voucher-title {
    font: 400 14px/18px "Red Hat Text", sans-serif;
    color: #676767; }
  .vouchers-wrapper .box-label {
    display: block;
    padding: 15px 25px; }

.carts-information {
  padding: 0; }
  .carts-information .info-wrapper {
    margin-bottom: 15px; }
  .carts-information .info-title {
    font: 500 16px/20px "Red Hat Text", sans-serif;
    display: block;
    margin-top: 20px; }
  .carts-information .info-subtitle {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    display: block;
    margin-top: 2px; }
  .carts-information .edit-delivery-info {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: #CBA64D;
    margin-top: 35px;
    display: block; }
  .carts-information .item-size {
    font: 400 14px/20px "Red Hat Text", sans-serif;
    color: #676767; }
  .carts-information .item-cart-wrapper {
    padding-top: 50px; }
  .carts-information .item-cart-wrapper .items {
    border: none;
    border-top: 1px solid #E0E0E0;
    margin: 0;
    padding: 0; }
    .carts-information .item-cart-wrapper .items:last-child {
      padding-bottom: 0;
      border-bottom: 1px solid #E0E0E0; }
  .carts-information .notes input {
    background: #F4F3F0; }

.shopping-bag hr {
  border: none;
  border-top: 1px solid #E0E0E0;
  margin: 0px; }

.shopping-bag .items {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 16px; }
  .shopping-bag .items:last-child {
    margin-bottom: 0px;
    border-bottom: none; }

.shopping-bag .container {
  padding: 0px 48px;
  max-width: 1200px;
  margin: 0px auto; }

.shopping-bag .product-detail {
  width: calc(100% - 177px); }

.shopping-bag .product-img {
  width: 146px;
  height: 146px; }
  .shopping-bag .product-img img {
    width: 100%;
    height: 100%; }

.shopping-bag .grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }

.shopping-bag .info .price {
  font: 16px/20px "Red Hat Text", sans-serif;
  margin-left: auto;
  color: #1D1E21;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-end; }

.shopping-bag .name {
  font: 18px/22px "TrajanPro-Bold";
  padding-bottom: 3px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase; }

.shopping-bag .name .delete {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.shopping-bag .info {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 15px;
  display: flex; }

.shopping-bag .info span {
  padding-right: 8px;
  border: none;
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #676767; }
  .shopping-bag .info span:not(:first-child) {
    padding-left: 8px; }
  .shopping-bag .info span:last-child {
    padding-right: 0px; }

.shopping-bag .info label {
  font: 12px/18px "TrajanPro-Regular";
  padding: 0;
  margin: 0 0 5px;
  text-transform: uppercase; }

.shopping-bag table {
  padding: 0px 33px; }

.shopping-bag table td {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #1D1E21;
  border-bottom: 1px solid #E0E0E0;
  padding: 20px 0px;
  font-size: 18px;
  line-height: 21px; }

.shopping-bag table .total td {
  font: 500 16px/22px "Red Hat Text", sans-serif; }

.shopping-bag table tr:last-child td {
  border-bottom: 0;
  font-size: inherit; }

.shopping-bag .button-wrapper {
  padding: 10px 33px 33px; }

.shopping-bag .button-wrapper button {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  background: #3D3E40;
  border-radius: 24px;
  border: none;
  padding: 10px; }

.shopping-bag .select-size {
  width: 70px;
  background: white;
  border-radius: 5px;
  border: 1px solid #8E8F88;
  background: url("/static/website/img/arrow-down.png?6b8eab9e0389") no-repeat calc(100% - 8px);
  background-size: 11px;
  -webkit-appearance: none;
  padding: 3px 11px 0px;
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #676767; }

.shopping-bag .size {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #676767; }

.shopping-bag .delete {
  display: flex;
  align-items: center; }
  .shopping-bag .delete svg {
    height: 20px; }

.shopping-bag .add_wishlist {
  font: 400 16px/22px "Red Hat Text", sans-serif;
  color: #1D1E21;
  display: flex;
  align-items: center; }
  .shopping-bag .add_wishlist svg {
    margin-right: 6px;
    margin-bottom: 3px;
    position: relative;
    top: 1px; }
  .shopping-bag .add_wishlist.hide {
    display: none; }

.shopping-bag .btn-wishlist {
  justify-content: center;
  border-color: #FFFFFF; }

.steps {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  left: -3px; }
  .steps .step {
    font: 500 18px/22px "Red Hat Text", sans-serif;
    border-radius: 5px;
    color: #676767;
    padding: 26px;
    width: 33.333%;
    text-align: center;
    position: relative; }
  .steps .step:nth-child(2) svg, .steps .step:nth-child(3) svg {
    width: 112%;
    left: -12%;
    z-index: 99;
    top: -10%;
    transform: scale(1); }
  .steps .step:nth-child(3) svg {
    z-index: 98; }
  .steps svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100; }
  .steps span {
    position: relative;
    z-index: 101;
    padding-right: 15px; }
  .steps .active {
    color: white; }
  .steps .active svg path {
    fill: #3D3E40; }

.summary-wrapper {
  background: #F4F3F0; }
  .summary-wrapper h2 {
    font: 500 18px/22px "Red Hat Text", sans-serif;
    margin: 0px;
    padding: 33px 33px 10px;
    text-transform: uppercase; }

.messages {
  font: 500 17px/22px "Red Hat Text", sans-serif;
  position: fixed;
  top: 0;
  z-index: 9991;
  text-align: center;
  width: 100%;
  height: 48px;
  padding: 12px;
  background-color: #1D1E21;
  color: #FFFFFF;
  display: block; }
  .messages.info {
    background-color: #3D3E40; }
  .messages.error {
    background-color: #c40202; }
  .messages.hide {
    display: none; }
  .messages.red {
    margin-bottom: 5px;
    background-color: #CBA64D; }

.promo-message.error, .voucher-message.error {
  color: #c40202; }

.form-voucher-applied span {
  font-size: 18px; }

.message-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }
  .message-content img {
    width: 27px;
    height: 28px;
    margin-right: 10px;
    position: relative;
    bottom: 2px; }

.payment_method .box {
  width: 45%; }

.payment_method .total {
  margin-bottom: 11px; }
  .payment_method .total h4 {
    margin: 11px 0 1px; }
  .payment_method .total span {
    font-size: 24px; }

.payment_method .change_payment {
  margin: 0; }
  .payment_method .change_payment .box-list {
    margin-top: 0; }

.delivery-info .breadcrumb {
  justify-content: center; }

.checkout-wrapper {
  padding-left: 30px;
  padding-right: 0px; }
  .checkout-wrapper .summary-box {
    padding: 20px; }
  .checkout-wrapper .summary-box.small {
    padding: 10px 20px 20px; }
  .checkout-wrapper h4 {
    font: 500 18px/22px "Red Hat Text", sans-serif;
    margin: 0 0 20px; }
  .checkout-wrapper .total td {
    font: 500 16px/20px "Red Hat Text", sans-serif; }
  .checkout-wrapper hr {
    border: none;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #E0E0E0; }
  .checkout-wrapper .product-box {
    border: none;
    padding: 0;
    margin: 0; }
  .checkout-wrapper .btn-voucher {
    font: 500 16px/20px "Red Hat Text", sans-serif;
    padding: 10px 20px;
    display: flex;
    vertical-align: middle;
    align-items: center; }
    .checkout-wrapper .btn-voucher svg {
      margin-right: 10px; }
    .checkout-wrapper .btn-voucher:hover svg path {
      fill: white; }
  .checkout-wrapper .product-box table td {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    padding-bottom: 10px; }
    .checkout-wrapper .product-box table td:first-child {
      color: #676767; }
  .checkout-wrapper .product-box table td.pb-0 {
    padding-bottom: 0; }

.items-checkout .name, .items-checkout .price {
  font-size: 18px; }

.items-checkout .name {
  font-family: "Red Hat Text", sans-serif; }

.items-checkout .price {
  margin-left: auto; }

.cart-data {
  position: absolute;
  width: 100%;
  right: 0px; }

.floating-cart {
  z-index: 1000;
  background: white;
  position: absolute;
  top: 15px;
  right: 0;
  width: 421px;
  border: 1px solid #F0EFEB; }
  .floating-cart .cart-header {
    border-bottom: 1px solid #DFE0D7; }
  .floating-cart .cart-title {
    margin: 13px 20px;
    font-size: 17px; }
  .floating-cart .cart-count {
    font-size: 17px;
    letter-spacing: 2px;
    font-family: "TrajanPro-Bold";
    color: #CBA64D; }
  .floating-cart .cart-content-data {
    max-height: 425px;
    overflow-y: auto; }
  .floating-cart .card-content {
    padding: 20px; }
  .floating-cart .name-wrapper {
    text-align: left; }
  .floating-cart .size {
    font: 10px/15px "Red Hat Text", sans-serif;
    color: #676767;
    text-transform: uppercase; }
  .floating-cart .space {
    justify-content: space-between; }
  .floating-cart .cart-subtotal {
    padding: 8px 20px;
    border-top: 1px solid #DFE0D7;
    border-bottom: 1px solid #DFE0D7; }
  .floating-cart ul {
    margin: 0; }
  .floating-cart li.item-list {
    padding-bottom: 15px; }
    .floating-cart li.item-list:last-child {
      padding-bottom: 0; }
    .floating-cart li.item-list img {
      max-height: initial; }
    .floating-cart li.item-list .img-wrapper {
      width: 73px;
      height: 73px; }
    .floating-cart li.item-list .item-detail {
      flex: 1;
      justify-content: space-between;
      padding-left: 15px; }
    .floating-cart li.item-list .items {
      max-width: 50%; }
    .floating-cart li.item-list .items span:first-child {
      display: block;
      padding-bottom: 7px; }
    .floating-cart li.item-list .items .name {
      font: 12px/18px "TrajanPro-Bold";
      text-transform: uppercase; }
    .floating-cart li.item-list .items .price {
      font: 12px/18px "Red Hat Text", sans-serif;
      margin: 0 0 15px;
      display: block; }
    .floating-cart li.item-list .delete {
      font: 10px/16px "Red Hat Text", sans-serif;
      text-decoration: underline; }
    .floating-cart li.item-list .items.right {
      display: flex;
      align-items: flex-start;
      height: 100%; }
    .floating-cart li.item-list .items a {
      display: flex;
      justify-content: end; }
    .floating-cart li.item-list img {
      width: 100%; }
  .floating-cart .cart-subtotal {
    display: flex;
    justify-content: space-between; }
    .floating-cart .cart-subtotal h2 {
      font: 500 14px/18px "Red Hat Text", sans-serif;
      text-transform: uppercase; }
  .floating-cart .checkout {
    display: block;
    font: 14px/16px "Red Hat Text", sans-serif;
    color: white;
    border: none;
    border-radius: 25px;
    background: #3D3E40;
    padding: 15px 20px; }

.modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  visibility: hidden;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform .2s ease; }
  .modal.show {
    visibility: visible;
    opacity: 1; }

.modal-content {
  background-color: #FFFFFF;
  padding: 41px;
  border: 1px solid #CBA64D;
  width: 450px;
  height: 339px;
  position: relative;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  opacity: 1;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transform: scale(0.8);
  transform: scale(0.8); }
  .modal-content.how-to-pay {
    width: 678px;
    height: 90%;
    max-height: 678px;
    overflow-y: auto;
    text-align: unset;
    position: relative; }
  .modal-content span {
    display: block;
    color: #333333;
    font-size: 15px; }
    .modal-content span.title {
      font: 26px/26px "Red Hat Text", sans-serif;
      margin: 21px 0 10px; }
    .modal-content span.hide {
      display: none; }
  .modal-content img {
    width: 74px;
    height: 94px; }
    .modal-content img.va-img {
      margin-left: 11px;
      width: 53px;
      height: 17px; }
  .modal-content .btn {
    margin-top: 30px; }
  .modal-content .modal-title {
    font: 26px/32px "Red Hat Text", sans-serif;
    text-align: center;
    margin-bottom: 25px; }
  .modal-content .modal-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    border: none;
    padding: 0; }
  .modal-content .modal-line {
    width: calc(100% + 82px);
    margin: 36px 0 36px -41px;
    border: none;
    height: 1px;
    background: #E0E0E0; }
  .modal-content .flex-center {
    display: flex;
    align-items: center; }
  .modal-content .order-info__copy-button {
    color: #CBA64D;
    margin-left: 8px; }
  .modal-content .payment-info {
    margin-bottom: 20px; }
  .modal-content .order-payment__header {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 6px; }
  .modal-content [data-content-id] ol {
    display: none; }
  .modal-content .active[data-content-id] ol {
    display: block; }
  .modal-content .how-to {
    padding-left: 20px; }
  .modal-content .modal-body {
    padding-bottom: 40px; }

.modal .modal-box-container,
.modal .order-info.modal-box-container {
  padding: 20px 50px; }

.modal span.order-info__ship-code, .modal .order-info__ship-code b {
  font: 700 20px/20px "Red Hat Text", sans-serif; }

.modal .order-info__copy-button {
  font: 400 16px/20px "Red Hat Text", sans-serif; }

.modal .tracking .time {
  font: 400 14px/20px "Red Hat Text", sans-serif;
  margin-bottom: 5px; }

.modal .tracking .status {
  font: 500 16px/20px "Red Hat Text", sans-serif; }

.modal .tracking .details {
  font: 400 14px/20px "Red Hat Text", sans-serif;
  margin-top: 2px; }

.tab-entry {
  display: none;
  margin-bottom: 20px; }
  .tab-entry.active {
    display: block; }
  .tab-entry .how-to {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: #676767; }
  .tab-entry ol {
    padding: 0 0 0 15px;
    margin: 0; }
    .tab-entry ol li {
      margin-bottom: 10px; }
      .tab-entry ol li:last-child {
        margin-bottom: 0; }

.section-how-to-pay {
  width: 100%; }

.section-how-to-pay-content {
  display: none;
  margin-top: 10px; }

.section-how-to-pay a {
  font: 500 18px/20px "Red Hat Text", sans-serif;
  width: 100%;
  padding: 0;
  color: #1D1E21; }
  .section-how-to-pay a.active + .section-how-to-pay-content {
    display: block; }
  .section-how-to-pay a.active > span svg.arrow {
    transform: rotate(180deg); }
  .section-how-to-pay a .icon {
    position: relative;
    top: 0px; }
  .section-how-to-pay a span {
    display: flex; }

.tab-list {
  display: flex;
  border-bottom: 1px solid #E0E0E0;
  font: 500 16px/20px "Red Hat Text", sans-serif;
  color: #676767; }
  .tab-list li {
    font: 500 16px/20px "Red Hat Text", sans-serif;
    margin-right: 20px; }
  .tab-list li:hover {
    color: #1D1E21;
    cursor: pointer; }
  .tab-list li.active {
    font: 500 16px/20px "Red Hat Text", sans-serif;
    border-bottom: 3px solid #1D1E21;
    color: #1D1E21; }

.modal.show .modal-content {
  -ms-transform: scale(1);
  transform: scale(1); }

.search-context {
  margin: 0 0 20px;
  padding: 0;
  font: 400 20px/25px "Red Hat Text", sans-serif; }
  .search-context strong {
    font-family: 500; }

.overflow-text-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.line-full {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  border-top: 1px solid #E0E0E0;
  margin: 30px -50vw; }

.custom-select {
  font-size: 16px;
  position: relative;
  margin-bottom: 30px; }
  .custom-select .dropdown {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    background: url("/static/website/img/arrow-down.png?6b8eab9e0389") no-repeat calc(100% - 15px), #f2f2f2;
    background-size: 11px;
    padding: 16px;
    justify-content: space-between;
    margin-bottom: 5px;
    cursor: pointer; }
    .custom-select .dropdown.active + .dropdown-option {
      display: block; }
  .custom-select ul {
    margin: 0;
    position: absolute;
    width: 100%;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    display: none; }
  .custom-select li {
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer; }
    .custom-select li:hover:not(.current) {
      color: #CBA64D; }
    .custom-select li.current {
      color: #CBA64D;
      font-family: "TrajanPro-Bold"; }
    .custom-select li .total {
      text-align: left;
      width: 11rem; }
  .custom-select .current-show .total, .custom-select .current-show .text {
    font-weight: 500; }
  .custom-select .total {
    font: 400 14px/20px "Red Hat Text", sans-serif;
    margin-bottom: 0;
    padding-right: 26px;
    text-align: left;
    width: 11rem; }
    .custom-select .total .subtitle {
      font: 400 12px/18px "Red Hat Text", sans-serif; }
  .custom-select .text {
    font: 400 14px/20px "Red Hat Text", sans-serif; }
  .custom-select .current .total {
    font: 400 14px/20px "Red Hat Text", sans-serif;
    color: #CBA64D;
    margin-bottom: 0;
    padding-right: 26px; }
    .custom-select .current .total .subtitle {
      font: 400 12px/18px "Red Hat Text", sans-serif; }

.pagination {
  display: block;
  width: 100%;
  justify-content: space-between;
  padding: 20px 10px; }
  .pagination a {
    display: inline-flex;
    align-items: center;
    font: 18px/22px "Red Hat Text", sans-serif;
    color: #1D1E21;
    text-transform: uppercase;
    text-decoration: none; }
    .pagination a.prev {
      float: left; }
    .pagination a.next {
      float: right; }
  .pagination .prev svg {
    margin-right: 15px;
    margin-bottom: 4px; }
  .pagination .next svg {
    margin-left: 15px;
    margin-bottom: 2px; }
  .pagination :after {
    content: "";
    display: table;
    clear: both; }

.modal .order-info {
  padding: 25px 0px 15px; }
  .modal .order-info .order-info__ship-code {
    display: flex; }
  .modal .order-info .order-info__sap-logo {
    width: 38.28px;
    height: 24.08px; }
  .modal .order-info span {
    font-size: 20px;
    line-height: 26px; }

.tracking {
  display: flex;
  padding-top: 20px;
  font-size: 13px;
  line-height: 24px; }
  .tracking:not(:last-child)::before {
    content: '';
    display: block;
    width: 1.5px;
    background-color: #BDBDBD;
    position: relative;
    left: 9px;
    top: 21px; }
  .tracking .check {
    padding-top: 3px;
    height: 20px; }
  .tracking .info {
    padding-left: 20px; }
  .tracking .status {
    font-family: "TrajanPro-Bold";
    text-transform: uppercase; }
    .tracking .status.success {
      color: #08AF4F; }
  .tracking .success path:first-child {
    fill: #08AF4F; }

.voucher-active {
  margin: 0px;
  color: #CBA64D; }
  .voucher-active li {
    background: rgba(112, 28, 69, 0.1);
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 12px;
    align-items: center; }
    .voucher-active li img {
      position: relative;
      top: 3px; }
  .voucher-active span img {
    margin-right: 10px; }
  .voucher-active .promo-name {
    position: relative;
    bottom: 3px; }

.btn-voucher {
  margin: 20px 0;
  color: #CBA64D;
  border: 1px solid #CBA64D;
  border-radius: 0; }
  .btn-voucher:hover {
    background: #CBA64D;
    color: #FFFFFF; }

.voucher-payment .modal-content {
  padding: 40px 0; }
  .voucher-payment .modal-content img {
    width: unset;
    height: unset; }

.voucher-payment .form-box {
  padding: 0; }

.voucher-payment .title-box {
  padding: 5px; }

.voucher-payment .promo {
  display: flex;
  margin: 0px; }

.voucher-payment .voucher-code {
  padding: 0 50px 35px;
  border-bottom: 1px solid #E0E0E0; }

.voucher-payment .voucher-code label {
  font: 400 16px/22px "Red Hat Text", sans-serif; }

.voucher-payment .apply {
  width: 110px;
  margin: 0 0px 0 10px;
  font: 400 16px/22px "Red Hat Text", sans-serif;
  background: #3D3E40;
  border: none;
  border-radius: 25px;
  padding: 10px 20px; }
  .voucher-payment .apply:disabled {
    background-color: #BDBDBD;
    border-color: #BDBDBD; }

.voucher-payment .voucher-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 25px 16px 16px;
  background: #CBA64D;
  color: white;
  margin: 10px 0 0; }
  .voucher-payment .voucher-result span {
    display: block;
    font-size: 16px;
    line-height: 23px; }
  .voucher-payment .voucher-result .voucher-text {
    font: 500 16px/22px "Red Hat Text", sans-serif;
    color: white; }
  .voucher-payment .voucher-result .voucher-title, .voucher-payment .voucher-result .applied-promo-code {
    font: 400 14px/18px "Red Hat Text", sans-serif;
    color: white; }
  .voucher-payment .voucher-result .desc {
    width: 85%; }
  .voucher-payment .voucher-result .voucher-icon, .voucher-payment .voucher-result .pointer {
    width: 5%; }
  .voucher-payment .voucher-result.hide {
    display: none; }

.voucher-payment .voucher-icon svg {
  position: relative;
  top: 3px; }

.voucher-payment .my-voucher {
  margin-top: 25px;
  padding: 0 50px 50px; }

.voucher-payment .loading-wrapper {
  width: 110px;
  height: 50px;
  margin-left: 15px;
  padding: 0 23px; }
  .voucher-payment .loading-wrapper img {
    width: 100%;
    height: 100%; }

.voucher-payment .voucher-placeholder {
  margin: 60px auto;
  font: 26px/32px "Red Hat Text", sans-serif;
  color: #BDBDBD;
  text-align: center; }
  .voucher-payment .voucher-placeholder img {
    max-width: 241px;
    margin-bottom: 30px; }

.modal-content.how-to-pay {
  padding: 30px 0;
  position: relative;
  border: none;
  border-radius: 5px; }
  .modal-content.how-to-pay .modal-title, .modal-content.how-to-pay h4 {
    font: 500 24px/32px "Red Hat Text", sans-serif;
    text-align: left;
    padding: 0 50px 20px;
    margin-bottom: 0; }
  .modal-content.how-to-pay .modal-body {
    padding-bottom: 0;
    height: 80%; }
  .modal-content.how-to-pay .my-voucher h4 {
    padding: 0;
    margin: 0 0 10px; }
  .modal-content.how-to-pay .my-voucher {
    overflow-y: auto;
    max-height: 250px; }
  .modal-content.how-to-pay .promo-message, .modal-content.how-to-pay .voucher-desc {
    font: 400 14px/18px "Red Hat Text", sans-serif;
    margin-bottom: 5px; }
  .modal-content.how-to-pay input {
    padding: 14px;
    margin: 0; }
  .modal-content.how-to-pay .btn-block {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: white;
    border: none;
    border-radius: 25px;
    background: #3D3E40;
    padding: 12px 20px;
    margin-top: 20px; }
  .modal-content.how-to-pay .button-floating-wrapper {
    position: absolute;
    bottom: 0;
    padding: 20px 50px;
    width: 100%;
    background: white;
    border-top: 1px solid rgba(0, 0, 0, 0.08); }
    .modal-content.how-to-pay .button-floating-wrapper button {
      margin: 0; }

.with-reset {
  position: relative; }
  .with-reset input:placeholder-shown + button {
    opacity: 0;
    pointer-events: none; }
  .with-reset .reset {
    margin: 0;
    position: absolute;
    border: none;
    display: block;
    background-color: unset;
    width: unset;
    top: 15px;
    right: 130px;
    transition: .1s; }

.error-page__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 120px 16px; }

.error-page__highlight {
  width: 108px;
  height: 144px;
  margin-bottom: 32px; }

.error-page__title {
  font: 700 32px/38px "TrajanPro-Regular";
  margin-bottom: 12px;
  color: #CBA64D;
  text-align: center; }

.error-page__subtitle {
  color: #676767;
  text-align: center;
  font: 400 18px/32px "Red Hat Text", sans-serif; }

.error-page__homepage-button {
  padding: 19px 35px;
  border-radius: 100px;
  background: #CBA64D;
  color: #FFFFFF;
  font: 700 14px/18px "Red Hat Text", sans-serif;
  text-transform: uppercase; }

.fit-contain {
  object-fit: contain; }

.steps-wrapper {
  display: block;
  margin: 0 auto 50px;
  text-align: center; }
  .steps-wrapper h2 {
    font: 600 28px/35px "Red Hat Text", sans-serif;
    margin-bottom: 20px;
    display: block; }
  .steps-wrapper .steps {
    left: 0; }

.steps-order-info a {
  text-align: center;
  display: table;
  font: 400 18px/20px "Red Hat Text", sans-serif;
  margin-right: 70px;
  position: relative;
  min-width: 90px;
  color: #676767; }
  .steps-order-info a:first-child:after {
    display: none; }
  .steps-order-info a:after {
    content: '';
    position: absolute;
    background: #f2f2f2;
    height: 1px;
    top: 13px;
    z-index: 1; }
  .steps-order-info a:nth-child(2):after {
    width: 189px;
    left: -110px; }
  .steps-order-info a:nth-child(3):after {
    width: 200px;
    left: -150px; }

.steps-order-info span {
  font: 500 12px/0 "Red Hat Text", sans-serif;
  color: white;
  background: #676767;
  text-align: center;
  display: flex;
  justify-content: center;
  width: 28px;
  padding: 13px 0;
  margin: 0px auto 10px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #f2f2f2;
  position: relative;
  z-index: 100; }

.steps-order-info img, .steps-order-info svg {
  position: relative;
  z-index: 101; }

.steps-order-info .active {
  color: #CBA64D; }
  .steps-order-info .active .checklist {
    filter: grayscale(0);
    opacity: 1; }
  .steps-order-info .active span {
    color: white;
    background-color: #CBA64D;
    border: 1px solid #CBA64D; }
  .steps-order-info .active:after {
    background: #CBA64D; }
  .steps-order-info .active .icon path {
    fill: #CBA64D; }
  .steps-order-info .active svg path {
    fill: #CBA64D; }
  .steps-order-info .active .icon.inner path {
    fill: unset;
    stroke: #CBA64D; }
  .steps-order-info .active .checklist circle {
    fill: #CBA64D; }
  .steps-order-info .active .checklist path {
    fill: white; }

.steps-order-info .checklist {
  max-width: 28px;
  display: block;
  margin: 0 auto 5px;
  filter: grayscale(100%); }

.steps-order-info .icon {
  width: auto;
  max-height: 23px;
  display: block;
  margin: 0 auto 10px; }

.steps-order-info.small a {
  font: 400 16px/20px "Red Hat Text", sans-serif;
  width: 65px; }
  .steps-order-info.small a.active {
    color: #CBA64D; }
    .steps-order-info.small a.active:after {
      background-color: #CBA64D; }
    .steps-order-info.small a.active:last-child {
      color: #CBA64D; }
    .steps-order-info.small a.active:last-child .checklist circle {
      fill: #CBA64D; }
  .steps-order-info.small a:last-child:after {
    display: block; }
  .steps-order-info.small a:first-child:after {
    display: none; }
  .steps-order-info.small a:after {
    width: 180%;
    top: 47px;
    left: -105px;
    background-color: #DFE0D7;
    z-index: 100; }

.orders-info-payment-notif {
  border: 1px solid #DFE0D7;
  border-radius: 5px;
  margin-bottom: 20px; }
  .orders-info-payment-notif hr {
    margin: 0;
    border: none;
    border-bottom: 1px solid #DFE0D7; }

.payment-notif-box {
  padding: 20px 30px;
  box-sizing: border-box; }
  .payment-notif-box .grandtotal, .payment-notif-box .va_number {
    font: 700 24px/28px "Red Hat Text", sans-serif;
    color: #1D1E21; }
  .payment-notif-box label {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: #676767;
    margin-bottom: 5px;
    display: block;
    width: 100%; }
  .payment-notif-box span {
    width: 100%;
    display: block; }
  .payment-notif-box .button {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: #676767;
    border: 1px solid #796e69;
    padding: 12px;
    display: block;
    border-radius: 25px;
    width: 100%;
    text-align: center;
    box-sizing: border-box; }
  .payment-notif-box .va_number button {
    font: 400 18px/20px "Red Hat Text", sans-serif; }
  .payment-notif-box .va_number svg {
    height: 15px;
    top: 0; }
  .payment-notif-box .helps {
    font: 400 16px/20px "Red Hat Text", sans-serif;
    color: #676767;
    margin-top: 20px;
    display: block; }
    .payment-notif-box .helps a {
      color: #CBA64D; }

.payment-notif-header {
  background-color: #1D1E21;
  color: white;
  font: 400 18px/22px "Red Hat Text", sans-serif;
  padding: 20px 30px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .payment-notif-header strong {
    font-weight: 700; }

@media screen and (max-width: 1200px) {
  .navbar__links ul li a img {
    margin-right: 0px;
    width: 20px;
    height: 20px; }
  .navbar__links ul li a span {
    display: none; }
  .filters .label, .filters .slider-variant, .filters .filter-box-wrapper {
    padding: 0;
    flex: unset; }
  .filters .slider-variant {
    padding: 0 15px 0 12px;
    box-sizing: border-box; }
  .filters .label {
    min-width: 58px;
    max-width: 58px;
    display: inline-block; }
  .filters .slider-variant {
    max-width: 29%; }
  .filters .filter-box-wrapper {
    max-width: 60%; }
  .order-payment__top {
    padding: 13px 14px 0px; }
  .order-payment__notice {
    margin-bottom: 13px; }
  .order-payment__complete-payment {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 4px; }
  .order-payment__deadline {
    font-size: 13px;
    line-height: 18px;
    display: flex;
    flex-direction: column; }
  .order-payment__continue-payment {
    padding: 20px 14px 35px; }
  .order-payment__graphic svg {
    width: 87px;
    height: 78px;
    margin-bottom: -67px; }
  .order-payment__header {
    margin-bottom: 3px; }
  .order-payment__payment-howto {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-top: 16px;
    text-align: center;
    display: none; }
  .order-payment__payment-howto-mobile {
    display: initial;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: 4px; }
  .order-payment__payment-howto-mobile .order-info__track-shipment {
    width: 21px;
    height: 21px;
    min-width: initial;
    font-size: 16px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    border-width: 1px; }
  .order-payment .order-info__copy-button {
    margin-left: 8px; }
  .order-payment__pay-info {
    flex-direction: column;
    padding: 20px 14px 21px; }
  .order-payment__change-method {
    padding: 0px 14px 22px;
    display: flex;
    flex-direction: column; }
    .order-payment__change-method a {
      margin-top: 9px; }
    .order-payment__change-method a:link, .order-payment__change-method a:visited {
      text-decoration: none; }
  .order-payment__pay-total {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .order-payment__pay-total:last-child {
      margin-bottom: 0px; }
  .order-payment .order-info__total {
    display: flex; }
  .order-status__progress-icon {
    width: 96px;
    height: 96px; }
    .order-status__progress-icon svg {
      width: 48px;
      height: 48px; }
  .order-status__progress-done svg {
    right: 8px;
    width: 16px;
    height: 16px; }
  .order-status__progress-desc span {
    width: 96px; }
  .order-info-container {
    padding: 0px 32px; }
  .order-info {
    padding: 24px 32px; }
    .order-info.simple {
      padding: 32px; }
    .order-info__total {
      display: initial; }
    .order-info__ship-code {
      font-size: 16px;
      line-height: 15px; }
  .floating-cart:before {
    top: -20.5px; }
  .wishlist .products_body .products_box {
    width: 33.3%; } }

.social-share {
  display: flex;
  align-items: center;
  margin: 30px 0; }
  .social-share li {
    margin-right: 16px;
    width: auto; }
    .social-share li:last-child {
      margin-right: 0px; }
    .social-share li img {
      width: 100%;
      height: 100%; }
      .social-share li img.medium {
        height: auto; }
  .social-share.variant-share {
    gap: 4px;
    justify-content: center; }

.dreams__hero {
  margin: 0 5vw; }
  .dreams__hero-video, .dreams__details-video {
    width: 100%;
    aspect-ratio: 1285 / 722; }

.dreams__content {
  margin: 46px 5vw 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 100px; }
  .dreams__content h1 {
    font: 36px/43px "TrajanPro-Bold";
    color: #1D1E21;
    margin: 0 0 -50px; }

.dreams__dream {
  display: flex;
  gap: 35px;
  align-items: center; }
  .dreams__dream:nth-child(odd) {
    flex-direction: row-reverse; }
  .dreams__dream-text {
    flex-basis: 47%; }
    .dreams__dream-text h2 {
      font: 24px/28px "TrajanPro-Bold";
      color: #1D1E21;
      text-transform: uppercase;
      margin: 0; }
    .dreams__dream-text p {
      font: 14px/18px "Red Hat Text", sans-serif;
      color: #333333;
      margin: 20px 0 30px; }
  .dreams__dream-video {
    flex-basis: 53%;
    aspect-ratio: 2 / 1; }

.dreams__discover {
  margin: 0 5vw;
  padding: 40px 0 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background-color: #FAFAFA; }
  .dreams__discover h1 {
    font: 36px/43px "TrajanPro-Regular";
    color: #1D1E21;
    margin: 0; }

.dreams__products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px; }

.dreams__product {
  max-width: 250px;
  aspect-ratio: 1 / 1; }
  .dreams__product img {
    width: 100%;
    height: auto; }

.dreams__wallpaper {
  margin: 30px 5vw 100px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .dreams__wallpaper h1 {
    font: 36px/43px "TrajanPro-Regular";
    color: #1D1E21;
    margin: 0; }
  .dreams__wallpaper .dreams__link {
    text-decoration: none;
    pointer-events: none; }

.dreams__slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px; }

.dreams__slider-content-wrapper {
  overflow: hidden; }

.dreams__slider-banner {
  display: inline-block; }

.dreams__slider-control {
  border-radius: 50%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  aspect-ratio: 1 / 1;
  cursor: pointer; }
  .dreams__slider-control:first-child {
    margin-left: 4px;
    padding-right: 4px; }
  .dreams__slider-control:last-child {
    padding-left: 4px;
    margin-right: 4px; }

.dreams__spacer {
  height: 24px; }

.dreams__details {
  margin: 0 5vw 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  text-align: center; }
  .dreams__details h1, .dreams__details p {
    margin: 0; }
  .dreams__details h1 {
    font: 48px/61px "Comic Book Bold";
    color: #15284B;
    text-transform: uppercase; }
  .dreams__details p {
    font: 16px/21px "Red Hat Text", sans-serif;
    color: #333333;
    margin-bottom: -24px;
    width: 45vw; }

.dreams__link {
  font: 14px/18px "Red Hat Text", sans-serif;
  font-style: italic;
  text-decoration: underline;
  color: #1D1E21; }
  .dreams__link::after {
    content: '>'; }

@media screen and (max-width: 980px) {
  .navbar {
    padding: 10px 0; }
    .navbar__top {
      padding: 0px; }
    .navbar__translate {
      display: none; }
    .navbar__store-locator {
      display: none; }
    .navbar__logo img {
      width: 127px;
      height: 30px; }
    .navbar__hamburger {
      display: initial;
      margin-left: -2px; }
    .navbar__search {
      display: none; }
    .navbar__bottom {
      padding: 0px; }
    .navbar .desktop_only {
      display: none; }
    .navbar .mobile_only {
      display: initial; }
    .navbar__links ul li:not(.item-list) {
      margin-left: 12px; }
    .navbar__links ul li a .badge {
      margin-left: 2px; }
  header {
    position: fixed; }
  h1 {
    text-align: center; }
  .website {
    display: none; }
  .mobile {
    display: block; }
  div.section:not(:last-child) {
    border-bottom: 0.75px solid #f2f2f2;
    padding-bottom: 50px; }
  .banner-home .image_web {
    display: none; }
  .banner-home .image_mobile {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover; }
  .banner-home .banner_images .btn-primary.explore {
    display: none; }
  .banner-home .banner_container {
    padding: 0 30px;
    position: relative;
    display: table;
    left: auto;
    top: auto;
    transform: unset;
    width: 100%; }
  .banner-home .banner_body h1 {
    font-size: 2em;
    margin: 40px 0 20px; }
  .banner-home .banner_body p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    line-height: 1.7; }
  .banner-home .ring-right {
    width: 65%;
    margin: 0 auto;
    display: table;
    position: relative;
    bottom: auto;
    right: auto; }
  .banner_action {
    display: table;
    margin: 0 auto; }
  .homepage .slider {
    margin-bottom: 45px; }
  .slider .slider_box {
    min-height: 280px; }
  .slider .box {
    display: none; }
  .wedding {
    margin-bottom: 10px; }
  .title-section {
    padding-top: 40px; }
    .title-section p {
      display: none; }
    .title-section img {
      width: 40px; }
    .title-section h2.cerita {
      margin-bottom: 15px; }
  .desktop_slider {
    display: none; }
  .mobile_slider {
    display: block; }
    .mobile_slider .box {
      visibility: visible;
      width: 100%;
      background-color: #FFFFFF;
      border: 1px solid #CBA64D;
      text-align: center; }
      .mobile_slider .box.variant {
        border: 0px; }
    .mobile_slider a {
      display: table;
      margin: 0 auto;
      cursor: pointer; }
    .mobile_slider a:hover {
      text-decoration: none; }
    .mobile_slider .gift-idea .btn {
      padding: 4px;
      font-size: 14px;
      text-transform: initial;
      width: 100%; }
    .mobile_slider .box-overlay-content .btn-primary {
      min-width: unset;
      background-color: transparent;
      color: #CBA64D;
      border: 0; }
    .mobile_slider .box-overlay-content p {
      font: 16px / 28px "TrajanPro-Bold";
      margin-bottom: 0; }
    .mobile_slider .btn-primary {
      font: 15.5px / 22px "TrajanPro-Regular";
      min-width: 219px;
      background-color: #FFFFFF;
      color: #CBA64D;
      border-color: #CBA64D; }
    .mobile_slider .slider_box {
      padding: 0 0 15px 0;
      font-size: 0;
      line-height: 0;
      flex: auto; }
    .mobile_slider .gift-idea .slider_box {
      padding: 0 3px 15px; }
    .mobile_slider .slider_box:hover {
      cursor: pointer; }
    .mobile_slider .slider_box:hover > .box {
      visibility: initial; }
    .mobile_slider .box_action {
      padding: 15px;
      position: relative;
      display: flex;
      justify-content: center; }
      .mobile_slider .box_action a {
        margin: 0 15px 0 0; }
    .mobile_slider .box_image img {
      width: 160px; }
      .mobile_slider .box_image img.variant {
        width: 200px; }
  .gift-image-slider {
    padding: 0 4px; }
    .gift-image-slider img {
      width: 100%; }
    .gift-image-slider .content {
      background-color: #f2f2f2; }
    .gift-image-slider a {
      color: #CBA64D;
      padding: 5px 5px 10px 5px;
      text-align: center;
      vertical-align: middle;
      width: 78%;
      line-height: 17px; }
    .gift-image-slider .box-overlay {
      background-color: #f2f2f2;
      margin-top: -7px; }
  .collection a {
    display: unset; }
  .collection .slider-content {
    background-color: #f2f2f2; }
  .collection .slider_box {
    padding: 0 15px 0 0; }
  .collection .box-overlay-content {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .collection .box-overlay-content p {
    font: 12px / 20px "TrajanPro-Regular"; }
  .tns-nav {
    text-align: center; }
  .tns-nav > [aria-controls] {
    width: 9px;
    height: 9px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    border: none;
    background-color: #F4F3F0;
    text-align: center; }
  .tns-nav > .tns-nav-active {
    background-color: #12284C; }
  .navbar_desktop_menu {
    display: none; }
  .content {
    overflow-x: hidden; }
  .diamond {
    margin: 0 auto 20px;
    display: table; }
  .row.default a[class^="col"] {
    width: 100%;
    max-width: 100%;
    display: table;
    padding: 0 0 20px; }
  footer .row div[class^="col"] {
    padding: 0; }
  .instruction-image {
    width: 100%; }
  .content-wrapper {
    padding: 20px 14px 0; }
    .content-wrapper.mobile-set-max-width {
      width: 100vw; }
      .content-wrapper.mobile-set-max-width .col-4 {
        max-width: 100%; }
    .content-wrapper.variant-image {
      padding-top: 0; }
    .content-wrapper h1 {
      font-size: 28px; }
    .content-wrapper h2 {
      font-size: 20px;
      line-height: 25px;
      text-align: left; }
    .content-wrapper h3, .content-wrapper .product-variants h3.variant-title, .product-variants .content-wrapper h3.variant-title {
      font-size: 20px;
      line-height: 22px;
      text-align: left; }
    .content-wrapper p {
      font-size: 16px;
      line-height: 25px;
      max-width: 100%;
      margin-bottom: 20px;
      text-align: left; }
    .content-wrapper .spacer-vertical {
      margin-top: 40px; }
    .content-wrapper .text-center {
      text-align: center; }
    .content-wrapper .container-fluid {
      padding: 0; }
  .content-wrapper.login-backgrond::after {
    content: none; }
  .options {
    table-layout: fixed; }
    .options table td, .options table th {
      min-width: auto; }
    .options table td:first-child, .options table th:first-child {
      min-width: 90px; }
    .options .btn-primary {
      padding: 8px 0px 6px; }
    .options .variant-detail {
      font-size: 14px; }
      .options .variant-detail span:first-child {
        display: none; }
      .options .variant-detail img.mobile-arrow {
        display: inline-block; }
    .options p {
      text-align: left; }
    .options td {
      padding: 7px 0;
      font: 14px / 17px "TrajanPro-Regular"; }
  .form-text .form-box.login {
    margin: unset; }
    .form-text .form-box.login p {
      font-size: 14px; }
  .content-wrapper .form-box {
    padding: 20px;
    margin-top: 20px; }
    .content-wrapper .form-box h2 {
      font-size: 22px;
      line-height: 28px; }
    .content-wrapper .form-box p {
      font-size: 16px;
      line-height: 25px;
      max-width: 100%;
      margin-bottom: 20px; }
    .content-wrapper .form-box svg {
      margin: 0 auto;
      display: table; }
    .content-wrapper .form-box button {
      margin-top: 25px; }
    .content-wrapper .form-box div[class^="col"] {
      width: 100%;
      max-width: 100%;
      display: table;
      padding: 0; }
    .content-wrapper .form-box input[type="checkbox"] {
      margin: 4px 8px 0 0; }
    .content-wrapper .form-box .half-width {
      width: 100%; }
    .content-wrapper .form-box .flex-wrapper {
      display: flex;
      width: 100%;
      flex-direction: column; }
    .content-wrapper .form-box .checkbox {
      display: flex; }
    .content-wrapper .form-box .row {
      display: table;
      max-width: 100%;
      width: 100%; }
  .form-text .form-box.login {
    padding: 0px;
    box-shadow: unset; }
  .navbar_desktop .navbar-nav-logo img {
    width: 100px; }
  .navbar_desktop .navbar_menu {
    padding: 0; }
  .navbar_desktop .navbar_translate {
    display: none; }
  .slider .box-overlay-content {
    margin: 0 auto;
    padding-top: 0; }
    .slider .box-overlay-content .btn-primary {
      font-size: 15.5px;
      line-height: 20px;
      width: 100%;
      min-width: unset;
      background-color: transparent;
      color: #CBA64D;
      border: 0; }
  .slider .box-overlay-content p {
    font: 15px / 20px "TrajanPro-Regular";
    text-align: left; }
    .slider .box-overlay-content p.read-more {
      display: block;
      padding-top: 10px;
      color: #CBA64D;
      font-family: "TrajanPro-Bold"; }
  img.arrow {
    transform: rotate(90deg);
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-bottom: 1px; }
  .stories .box-overlay .box-overlay-content {
    padding: 0;
    margin-top: 13px; }
  .stories .view-stories {
    color: #CBA64D;
    font: 15px / 20px "TrajanPro-Bold";
    text-align: center;
    display: block;
    text-decoration: none;
    padding-top: 25px; }
  .faq-wrapper {
    max-width: 100%; }
  .form-text .call, .form-text .working-hour .row {
    display: table;
    width: 100%; }
  .form-text .call a {
    border-bottom: 1px solid #F0EFEB;
    margin-bottom: 20px; }
    .form-text .call a:last-child {
      border-bottom: none;
      margin-bottom: 0; }
  .form-text h6 {
    font-size: 18px; }
  .form-text h5 {
    margin: 12px 0 0; }
  .form-text .form-box button {
    width: 100%;
    padding: 15px; }
  .form-text .call .col-4, .form-text .working-hour .col-6 {
    max-width: 100%;
    padding: 0 0 25px;
    display: table;
    text-align: center; }
  .form-text .working-hour .col-6 {
    padding-bottom: 10px; }
  .form-text .flex-wrapper img {
    margin: 0 auto 25px;
    display: table; }
  .form-text .image {
    width: 100%;
    margin-bottom: 35px; }
  .form-text .spacer-vertical-large {
    margin-top: 20px; }
  .form-text .banner-home {
    display: none; }
  .form-text .flex-wrapper {
    display: flex;
    width: 100%; }
  .form-text .half-width {
    width: 100%; }
  .form-text .container-spacing-large {
    max-width: 100%; }
  .form-text select {
    font-size: 15px;
    padding: 10px; }
  .articles .article-box {
    display: table;
    width: 100%; }
    .articles .article-box .image {
      margin-bottom: 0; }
  .articles .content-block {
    padding: 0 0 50px;
    width: 100%;
    max-width: 100%; }
  .articles .navigations {
    margin: 0 0 50px;
    padding: 15px 20px 10px; }
    .articles .navigations div[class^="col"] {
      padding: 0; }
    .articles .navigations .left {
      left: -25px; }
    .articles .navigations .right {
      right: -25px; }
    .articles .navigations .title, .articles .navigations .desc, .articles .navigations a {
      font-size: 15px;
      line-height: 38px; }
    .articles .navigations .desc {
      display: none; }
  .articles .section {
    text-align: center; }
  .articles .spacer-vertical {
    margin-top: 0; }
  .articles div[class^="col-"].pl-0, .articles div[class^="col-"].pr-0 {
    padding-left: 0;
    padding-right: 0; }
  .articles .header-text {
    text-align: center; }
  .articles__separator {
    margin: 30px 0; }
  .article_content p, .article_content ol, .article_content ul {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    min-height: 14px; }
    .article_content p:last-child, .article_content ol:last-child, .article_content ul:last-child {
      margin-bottom: 0px; }
    .article_content p li, .article_content ol li, .article_content ul li {
      margin-bottom: 8px; }
  .article_content h1 {
    font: 16px / 22px "TrajanPro-Bold";
    text-transform: capitalize;
    margin-top: 0px; }
  .article_content h3, .article_content .product-variants h3.variant-title, .product-variants .article_content h3.variant-title {
    font-size: 15px;
    line-height: 22px; }
  .article_content .date {
    font-size: 12px;
    line-height: 15px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5px; }
    .article_content .date .divider {
      display: none; }
    .article_content .date .share {
      margin-top: 8px; }
  .article_content .tag {
    padding: 7px 11px 7px;
    font: 13px/20px "trajanpro_regular";
    margin-bottom: 10px; }
  .article_content .white-box {
    margin-bottom: 32px;
    gap: 8px; }
  .article_content .description-wrapper {
    padding: 0; }
  .article_content .social-share li {
    margin-right: 9px; }
    .article_content .social-share li:last-child {
      margin-right: 0; }
  .article_content .ck-content img {
    width: 274px;
    height: 137px; }
  .article-box .full_width {
    width: 100%;
    flex: 100%;
    max-width: 100%;
    padding: 0 0 10px; }
    .article-box .full_width .article {
      margin-bottom: 20px; }
      .article-box .full_width .article .date {
        font-size: 12px;
        line-height: 16px; }
      .article-box .full_width .article .title {
        font-size: 16px;
        line-height: 22px; }
    .article-box .full_width img.arrow {
      transform: rotate(0deg);
      width: 68px;
      height: 68px; }
  .article-box.more-article .article {
    margin: 0 0 20px; }
    .article-box.more-article .article .list {
      margin: 0; }
  .article-box.more-article img.arrow {
    transform: rotate(0deg);
    width: 68px;
    height: auto;
    margin: 0; }
  .social-share li {
    height: 20px; }
  .mobile-responsive {
    display: table;
    width: 100%;
    max-width: 100%; }
    .mobile-responsive div[class^='col'] {
      width: 100%;
      max-width: 100%;
      flex: 100%;
      display: table;
      padding: 0 0 20px; }
      .mobile-responsive div[class^='col'][class$="--small"] {
        padding: 0 0 10px; }
    .mobile-responsive--small div[class^='col'] {
      padding: 0 0 10px; }
    .mobile-responsive--small div[class^='col'] {
      padding: 0 0 10px; }
    .mobile-responsive .thumbnails + div {
      padding-bottom: 0; }
  .wishlist, .product-info {
    text-align: center;
    width: 100%;
    display: block; }
  .filters .row.carat {
    margin: 20px 0 10px; }
  .filters .row .col-1 {
    max-width: 20%;
    flex: auto; }
  .filters .row .col-5 {
    max-width: 80%;
    flex: auto; }
  .filters .row .filter-box-wrapper {
    max-width: 100%;
    flex: auto;
    margin-top: 5px; }
  .filters .row .filter-box input {
    max-width: 90px;
    font: 14px / 17px "TrajanPro-Regular"; }
  .filters .row .filter-box span {
    font: 14px / 18px "TrajanPro-Regular"; }
  .filters .row .input-wrapper {
    width: 100%; }
  .filters .row .box {
    box-sizing: border-box;
    max-width: 50%;
    display: flex;
    padding: 0; }
  .filters .row .box:first-child {
    padding-right: 20px; }
  .filters .row .filter-box.mobile {
    display: inline; }
  .filters .row .filter-box .label.small {
    padding: 10px 0;
    background-color: white;
    font: 14px / 14px "TrajanPro-Regular";
    display: none; }
  .banner-catalog .banner-catalog_content {
    left: 30px;
    display: none; }
  .banner-catalog .bg-catalog {
    background-position: right;
    height: calc(40vh - 72px); }
  .banner-catalog h1 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 0; }
  .banner-catalog h4 {
    font-size: 16px;
    margin-top: 10px; }
  .banner-catalog h1, .banner-catalog h4 {
    text-align: left; }
  .wishlist .products_body .products_box {
    width: 50%; }
  .products_body .title-section {
    padding-top: 20px; }
  .product-box .mobile_slider {
    margin: 24px 0 30px; }
    .product-box .mobile_slider--small {
      margin: 0 0 30px; }
  .products_body .products_box {
    width: 50%;
    height: auto; }
    .products_body .products_box .thumbnail_image {
      height: 50%; }
    .products_body .products_box .type {
      font-size: 14px; }
    .products_body .products_box .box_image {
      padding: 15px 0 10px; }
    .products_body .products_box .box_image img {
      height: 120px; }
    .products_body .products_box .action {
      margin: 8px 20px 2px; }
    .products_body .products_box .info {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      height: 58px;
      overflow: hidden; }
    .products_body .products_box .product-box-wrapper {
      display: table;
      margin: 0 auto;
      box-sizing: border-box; }
    .products_body .products_box .product-box-wrapper .label {
      position: relative;
      width: 100%;
      text-align: center;
      font: 20px / 26px "Red Hat Text", sans-serif;
      color: #333333;
      letter-spacing: 1px;
      bottom: auto; }
    .products_body .products_box .product-box-wrapper .box_action {
      display: block; }
  .products_action .filter_desktop {
    display: none; }
  .products_action {
    position: relative;
    padding: 15px 10px; }
  .modal.modal-sort-by .modal-body {
    padding: 0; }
  .modal.modal-sort-by .modal-content {
    height: auto;
    padding: 20px; }
  .modal.modal-sort-by ul {
    margin: 0;
    padding: 0; }
  .modal.modal-sort-by label {
    width: 100%;
    display: block; }
  .modal.modal-sort-by li {
    text-align: left;
    font: 400 16px / 22px "Red Hat Text", sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px; }
    .modal.modal-sort-by li:last-child {
      margin-bottom: 0; }
  .modal.modal-sort-by input {
    float: right; }
  .filter_mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 2000;
    background: white;
    padding: 20px 15px;
    box-sizing: border-box; }
    .filter_mobile.show {
      display: block; }
    .filter_mobile .dropdown-arrow {
      width: 14px; }
    .filter_mobile .btn-dropdown {
      width: 100%;
      text-align: left;
      padding: 0;
      text-transform: uppercase;
      font: 500 14px / 22px "Red Hat Text", sans-serif;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative; }
    .filter_mobile hr {
      width: 120%;
      position: relative;
      left: -10%;
      padding: 0 0 20px;
      margin: 0 0 20px;
      border: none;
      border-bottom: 1px solid #F0EFEB; }
    .filter_mobile .title {
      font: 500 18px / 22px "Red Hat Text", sans-serif;
      color: #1D1E21;
      text-transform: uppercase;
      margin: 20px 0 30px; }
    .filter_mobile .menu-filter_header .title {
      font: 15px / 22px "TrajanPro-Bold";
      align-self: left;
      margin: 0;
      float: left; }
    .filter_mobile .form-check {
      position: relative;
      display: block;
      padding-left: 0;
      margin-bottom: 15px;
      font: 16px / 22px "TrajanPro-Regular"; }
    .filter_mobile .menu-filter div[class^='col'] {
      padding: 0; }
    .filter_mobile .menu-filter_body {
      clear: both; }
    .filter_mobile .menu-filter_header {
      display: flex;
      padding: 0;
      margin: 0; }
    .filter_mobile .btn-close {
      margin-left: auto;
      display: block;
      float: right;
      padding: 0; }
    .filter_mobile .menu-filter_body {
      height: 0;
      overflow-x: hidden;
      overflow-y: auto;
      margin: 0; }
    .filter_mobile .action {
      position: absolute;
      bottom: 65px;
      left: 50%;
      transform: translate(-50%, 0); }
      .filter_mobile .action button {
        width: 168px; }
    .filter_mobile svg {
      position: relative;
      top: 2px; }
    .filter_mobile .button_wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      background: white;
      padding: 20px;
      box-sizing: border-box;
      width: 100%;
      border-top: 1px solid #F0EFEB; }
    .filter_mobile .button_wrapper button {
      font: 400 16px / 20px "Red Hat Text", sans-serif;
      color: white;
      border: none;
      width: 100%;
      border-radius: 25px;
      background: #3D3E40;
      padding: 12px 35px;
      margin-top: 0;
      display: block; }
  .filter_mobile.show .menu-filter_header {
    padding: 15px 0;
    margin-bottom: 10px; }
  .filter_mobile.show .menu-filter {
    visibility: unset;
    opacity: 1;
    height: auto; }
  .filter_mobile.show .menu-filter_body {
    height: 65vh;
    margin-top: -20px; }
  .form-group label {
    font: 10px / 15px "TrajanPro-Bold";
    display: block;
    margin-bottom: 10px; }
  .form-group .label-small {
    font-size: 12px; }
  .form-group .currency {
    max-width: 30px; }
  .form-group .separator {
    padding: 5px 0; }
  .cart-count-text-wrapper {
    top: 0; }
  .variant-detail .box_action svg {
    position: relative;
    top: auto; }
  .variant-detail .product-info {
    padding: 0;
    font-size: 13px; }
  .variant-detail .size-wrapper label {
    padding-right: 10px; }
  .variant-detail .product-detail .col-4 {
    padding-bottom: 0; }
  .variant-detail .wishlist-icon {
    max-width: 100%;
    justify-content: center;
    padding-bottom: 20px; }
  .variant-detail .wishlist-icon svg {
    top: 0; }
  .variant-detail .wishlist-icon-catalog {
    padding-bottom: 0px; }
  .variant-detail .price {
    width: 100%;
    padding-bottom: 20px;
    text-align: center; }
  .variant-detail .product-detail {
    margin-top: 0;
    margin-bottom: 25px;
    border-bottom: none; }
  .variant-detail .in-cart {
    text-align: center; }
  .variant-detail .stores {
    border-top: 1px solid #DFE0D7;
    margin-top: 20px;
    padding-top: 20px; }
  .variant-detail .product-box {
    padding: 20px 0; }
    .variant-detail .product-box h1 {
      text-align: center;
      font-size: 20px;
      line-height: 25px; }
    .variant-detail .product-box h2 {
      text-align: left; }
    .variant-detail .product-box .website_block {
      display: none; }
    .variant-detail .product-box .mobile_block {
      display: block;
      margin: 25px 0 0; }
    .variant-detail .product-box .stores p {
      text-align: left;
      margin: 15px 0 12px;
      font-size: 13px; }
    .variant-detail .product-box .price {
      padding: 26px 0 30px;
      font-size: 24px; }
    .variant-detail .product-box .modal-close-wrapper {
      top: 81px;
      right: 26px; }
    .variant-detail .product-box .buy {
      width: 95%;
      margin-bottom: 15px; }
    .variant-detail .product-box .size-wrapper {
      margin-top: 25px;
      margin-bottom: 0; }
    .variant-detail .product-box .stores .row {
      display: table; }
    .variant-detail .product-box .stores .name, .variant-detail .product-box .stores a {
      font-size: 13px; }
    .variant-detail .product-box .stores div[class^='col'] {
      width: 100%; }
    .variant-detail .product-box .mobile_slider {
      margin-bottom: 0; }
  .variant-detail .content .size-wrapper p {
    font-size: 16px;
    color: #12284C; }
  .variant-detail .content .size-wrapper label {
    margin-right: 0; }
  .variant-detail .content .size-wrapper span {
    font-size: 16px;
    line-height: 20px; }
  .mobile-responsive .button-actions {
    display: table;
    width: 100%;
    margin-bottom: 25px; }
    .mobile-responsive .button-actions .col-6 {
      width: 100%;
      margin: 0; }
      .mobile-responsive .button-actions .col-6 a.buy {
        margin-bottom: 0;
        width: 100%; }
      .mobile-responsive .button-actions .col-6.in-cart {
        display: flex;
        justify-content: center; }
    .mobile-responsive .button-actions .col-3 {
      width: 48%;
      margin-right: 4%;
      float: left; }
      .mobile-responsive .button-actions .col-3:last-child {
        margin-right: 0; }
    .mobile-responsive .button-actions .wishlist.hide {
      display: none; }
  .product-box .view-thumbnail a img.zoom-icon {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    margin: 0;
    height: auto; }
  .footer .box ul li a {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    display: table; }
  .footer .box ul {
    max-width: 80%; }
  .footer .box h5 {
    font-size: 13px;
    margin-bottom: 0; }
  .footer .cmk-logo {
    width: 40%; }
  .footer .title-header {
    font-size: 13px;
    margin-bottom: 10px; }
  .footer .block_apps {
    margin: 15px 0 0; }
  .footer img.apps {
    width: 155px; }
  .footer .footer_content p {
    text-align: left; }
  .footer .container-fluid {
    padding: 0 20px; }
  .navbar_mobile_menu {
    display: block; }
  .label-large {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 25px; }
  .products_body {
    padding: 0px 14px; }
    .products_body .empty-filter {
      padding: 0 20px; }
      .products_body .empty-filter svg {
        width: 26%;
        margin-top: 0; }
      .products_body .empty-filter h1 {
        margin: 12px 0 5px;
        font-size: 20px;
        text-align: left; }
      .products_body .empty-filter p {
        font-size: 13px; }
      .products_body .empty-filter .content {
        padding: 0 15px;
        flex: 1; }
  .products_box .box {
    display: none; }
  .product-variants .title-section h2 {
    font-size: 14px; }
  .product-variants .content {
    font: 16px / 22px "Red Hat Text", sans-serif; }
  .product-variants .content p {
    text-align: left;
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 20px; }
  .product-variants .products_body .products_box {
    width: 50%; }
    .product-variants .products_body .products_box .title {
      font-size: 12px; }
    .product-variants .products_body .products_box .product-type {
      font-size: 13px;
      margin: 0; }
  div[class^="col-"].mb-0-mobile {
    padding-bottom: 0; }
  .title.mb-1-mobile {
    margin-bottom: 10px; }
  .variant-detail .stores .name, .variant-detail .stores a {
    font-size: 14px; }
  .variant-detail .stores svg {
    top: 5px; }
  .variant-detail .content p {
    font-size: 14px;
    margin-bottom: 10px;
    max-width: 100%; }
  .product-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .product-detail div[class^='col'] {
      width: 20%;
      max-width: 20%;
      text-align: center; }
  .product-variants .product-desc {
    border-bottom: 1px solid #F4F3F0; }
    .product-variants .product-desc h3 {
      float: unset; }
    .product-variants .product-desc .text-center {
      margin-bottom: 15px; }
  .wishlist .products_box {
    height: 100%; }
    .wishlist .products_box .label {
      padding: 0 15px;
      font-size: 20px;
      line-height: 26px;
      bottom: 8px;
      top: unset; }
    .wishlist .products_box .thumbnail_image {
      width: 100%;
      height: 49%; }
    .wishlist .products_box .type {
      font-size: 12px;
      line-height: 16px; }
    .wishlist .products_box .price {
      font-size: 14px; }
    .wishlist .products_box .btn {
      margin-top: 10px;
      font-size: 12px; }
    .wishlist .products_box .btn-primary {
      padding: 2px 3px; }
  .shipping-returns h2.spacer-vertical-small {
    font: 20px / 32px "TrajanPro-Bold";
    margin-top: 20px; }
  header .topbar {
    height: 38px;
    padding: 0px 16px; }
  .topbar .navbar-nav-logo {
    visibility: hidden; }
  .topbar img.cmk-logo {
    width: 78px; }
  .topbar .btn-dropdown {
    margin-right: 14px; }
  .topbar .close-btn svg {
    width: 14px;
    height: 14px; }
  .sidebar-menu, .title-box {
    display: none; }
  .personal-information {
    padding: 0px; }
    .personal-information .form-box {
      margin: 0;
      padding: 0px 14px;
      box-shadow: unset;
      border-bottom: none; }
    .personal-information .container-fluid {
      padding: 0; }
    .personal-information h2.greeting {
      padding: 0;
      font-size: 28px;
      line-height: 43px;
      margin-bottom: 20px; }
    .personal-information .flex-wrapper {
      flex-direction: column; }
  .mobile-menu {
    border: 1px solid #f2f2f2;
    display: block; }
    .mobile-menu a {
      font-size: 17px;
      color: #333333; }
    .mobile-menu .icon {
      width: 18px;
      height: 18px;
      margin-right: 8px;
      margin-bottom: 4px; }
    .mobile-menu .arrow {
      float: right;
      transform: rotate(180deg);
      position: relative;
      top: 8px;
      right: -5px; }
    .mobile-menu ul {
      padding: 0 16px;
      width: 100%;
      margin: 16px 0px; }
      .mobile-menu ul.checked .arrow {
        transform: unset; }
    .mobile-menu li {
      display: none;
      margin-bottom: 10px; }
      .mobile-menu li.active {
        display: flex;
        align-items: center; }
    .mobile-menu .signout a {
      color: #796e69; }
  .full-width {
    width: 100%; }
  .container-fluid.content {
    padding-bottom: 30px;
    border-bottom: 0.75px solid #CCCCCC; }
  .desktop, div[class^="col-"].desktop {
    display: none;
    padding: 0;
    margin: 0; }
  .mobile h3, .mobile .product-variants h3.variant-title, .product-variants .mobile h3.variant-title {
    float: left; }
  .mobile .reset {
    font: 14px / 32px "TrajanPro-Bold";
    color: #CBA64D; }
  .border {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 30px; }
  header .navbar_desktop_top {
    padding: 5px 20px 0; }
  header .navbar-nav-logo {
    line-height: 0; }
  header .nav-link-icon {
    padding: 15px 10px 10px; }
  section.topheader {
    padding-top: 48px; }
  .category-title {
    font-size: 24px;
    padding-left: 15px;
    text-align: unset;
    margin-bottom: 5px; }
  .title.disabled {
    color: #CCCCCC; }
  .product-filter li {
    padding: 0 20px 5px 0; }
  .products_action .dropdown-mobile .btn-link {
    font-size: 12px; }
  .dropdown-mobile .dropdown-menu.visible {
    display: block;
    width: 100%;
    padding: 10px 0 0;
    margin: 0; }
  .dropdown-mobile .dropdown-menu ul.product-filter {
    grid-template-rows: repeat(15, auto); }
  .dropdown-mobile .dropdown-menu .form-price li.form-input {
    border-bottom: 1px solid #CBA64D;
    width: 50%; }
  .dropdown-menu .form-group .price {
    max-width: unset;
    width: calc(100% - 93px); }
  .dropdown-menu .form-group .currency {
    max-width: 45px; }
  .dropdown-menu .form-group .currency, .dropdown-menu .form-group .form-control {
    border-bottom: 0px; }
  .about-diamond .content-block {
    max-width: unset; }
  figure {
    margin-left: 0; }
  .form-text.carts .content {
    padding-top: 20px; }
  .carts h1 {
    text-align: left;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 14px;
    padding: 0px 20px;
    margin-top: 0px; }
  .carts .wishlist-header {
    margin-top: 20px;
    margin-bottom: 20px; }
  .carts h4 {
    font-size: 17px;
    line-height: 14px; }
  .carts p, .carts .name, .carts .price {
    font-size: 15px;
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .carts table {
    font-size: 15px; }
    .carts table .total {
      font-size: 24px; }
    .carts table td {
      font-size: inherit; }
  .carts .breadcrumb {
    margin: 5px 0 17px;
    justify-content: space-between; }
  .carts .breadcrumb-item {
    font-size: 12px; }
    .carts .breadcrumb-item span.step {
      width: 22px;
      height: 22px;
      display: block;
      margin: 0 auto;
      font-size: 14px; }
    .carts .breadcrumb-item + .breadcrumb-item::before {
      display: none; }
  .carts .title {
    margin: 21px 0 10px; }
  .carts .product-detail {
    padding-top: 0px;
    padding-left: 10px;
    width: calc(100% - 80px); }
  .carts .product-box {
    padding: 12px 0; }
    .carts .product-box table td {
      padding-bottom: 0px;
      font-size: 14px; }
    .carts .product-box tr.total td {
      font-size: 18px; }
    .carts .product-box tr.promo-row {
      height: 8px; }
  .carts .information .info-wrapper {
    margin-bottom: 25px; }
  .carts .information .info-title {
    font-size: 14px; }
  .carts .information .info-subtitle {
    font-size: 16px; }
  .carts .product-img {
    width: 65px;
    height: 65px; }
  .carts h2 {
    padding: 19px 20px 0px;
    border: none; }
  .carts div[class^="col-"] {
    padding: 0; }
  .carts .info {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 8px; }
  .carts .wishlist .products_box {
    height: 100%;
    width: 100%; }
  .carts .wishlist .thumbnail_image {
    width: 100%;
    height: 55%; }
  .carts .box {
    width: 100%; }
  .carts .title-box {
    display: block; }
  .carts .form-box {
    box-shadow: unset;
    padding: 0px; }
    .carts .form-box h2 {
      font-size: 26px; }
  .carts .cc-left, .carts .cc-right {
    width: 50%; }
  .carts .top {
    display: none; }
  .carts .mobile {
    display: flex;
    align-items: center; }
  .carts .size {
    font-size: 13px;
    line-height: 15px; }
  .carts .notes {
    margin-top: 10px;
    padding: 0px;
    padding-bottom: 19px;
    margin-bottom: 0px;
    border-bottom: 1px solid #DFE0D7; }
  .carts table {
    border-top: 1px solid #DFE0D7;
    margin-top: 9px; }
  .carts table tr td {
    border-color: #DFE0D7;
    padding: 12px 20px 9px; }
  .carts .button-wrapper {
    padding: 14px 20px 28px; }
  .carts .wishlist {
    margin: 0px 14px; }
    .carts .wishlist h4 {
      margin: 0;
      padding: 0 5px; }
  .carts .border-right {
    border-right: 0; }
  .carts .form-voucher input[type="text"] {
    width: 65%;
    margin-right: 13px; }
  .carts .form-voucher .total {
    margin-top: 15px;
    font-size: 24px;
    float: unset; }
  .carts .payment-list {
    padding: 7px 20px; }
    .carts .payment-list p {
      font-size: 17px; }
  .carts .size-wrapper {
    display: unset; }
    .carts .size-wrapper .img {
      width: 30px;
      height: 30px; }
  .carts .size {
    margin-bottom: 15px; }
  .carts .line {
    width: calc(100% + 40px);
    max-width: unset;
    flex: unset;
    border-top: 1px solid #E0E0E0;
    margin: 5px -20px 15px; }
  .carts .line.extra-margin {
    margin-bottom: 25px; }
  .carts .box-list {
    margin-top: 30px; }
  .carts .separator {
    margin: 0 6px; }
  .carts .ignore-padding {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px; }
  .carts .ignore-v-padding {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px; }
  .carts .no-border {
    border: none;
    margin-top: 0px; }
  .carts.checkout .checkout-box {
    width: 100%;
    padding: unset;
    box-shadow: unset; }
  .carts.checkout .title h1 {
    text-align: left;
    margin: 20px 0 25px; }
  .carts.checkout .breadcrumb {
    justify-content: space-between;
    margin: 20px 0; }
  .shopping-bag .name, .shopping-bag .price {
    padding-bottom: 0px;
    font-size: 15px;
    line-height: 19px; }
  .shopping-bag .price {
    margin-bottom: 15px; }
  .shopping-bag .name {
    color: #CBA64D; }
  .shopping-bag .mobile {
    padding-bottom: 10px; }
  .shopping-bag .summary-wrapper {
    box-shadow: unset;
    padding: 20px 0;
    background: transparent; }
    .shopping-bag .summary-wrapper h2, .shopping-bag .summary-wrapper table, .shopping-bag .summary-wrapper .button-wrapper {
      padding: 0; }
    .shopping-bag .summary-wrapper .button-wrapper {
      padding-top: 20px; }
    .shopping-bag .summary-wrapper table {
      border: none; }
  .shopping-bag {
    padding: 0 0px 20px; }
    .shopping-bag .items {
      border-left: 0;
      border-right: 0;
      position: relative;
      margin-bottom: 0px;
      border: none; }
      .shopping-bag .items .flex-container {
        border-bottom: 1px solid #E0E0E0; }
    .shopping-bag .help-info a {
      font-size: 14px; }
    .shopping-bag .size {
      width: 100%; }
    .shopping-bag.carts .top {
      width: 100%;
      display: flex; }
    .shopping-bag .product-detail {
      padding-right: 0px;
      padding-top: 0;
      padding-bottom: 0px; }
    .shopping-bag .info {
      width: 100%;
      justify-content: left; }
    .shopping-bag .price.mobile {
      width: 100%; }
    .shopping-bag .container {
      padding: 0px; }
    .shopping-bag .wrapper {
      padding: 5px 0 20px; }
    .shopping-bag .float-right {
      margin-left: 0; }
    .shopping-bag .size {
      display: block; }
      .shopping-bag .size select {
        margin-bottom: 10px; }
    .shopping-bag .price.desktop {
      display: none; }
    .shopping-bag .product-img {
      width: 64px;
      height: 64px; }
    .shopping-bag .select-size {
      width: 60px;
      font-size: 13px;
      line-height: 13px;
      padding: 8px;
      background-size: 9px;
      margin-left: 0; }
    .shopping-bag .size-label {
      font: 14px / 18px "Red Hat Text", sans-serif;
      text-align: left;
      width: 100%;
      margin-top: 10px;
      color: #676767; }
    .shopping-bag .add_wishlist {
      font-size: 13px;
      margin-right: 10px; }
      .shopping-bag .add_wishlist svg {
        height: 13px; }
    .shopping-bag .grid-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr); }
    .shopping-bag .delete svg {
      height: 12px; }
    .shopping-bag .notes p {
      font-size: 13px;
      margin-bottom: 10px; }
      .shopping-bag .notes p svg {
        height: 12px; }
    .shopping-bag .size {
      padding-bottom: 0px; }
    .shopping-bag .row {
      flex-direction: column; }
    .shopping-bag .col-md-7, .shopping-bag .col-md-5 {
      width: 100%;
      max-width: initial; }
    .shopping-bag table {
      padding: 0px 20px; }
    .shopping-bag table tr td {
      padding: 12px 0px 9px; }
    .shopping-bag tr.total {
      font-size: 20px; }
  .messages {
    font-size: 13px; }
  .delivery-info .form-box button {
    margin-top: 20px; }
  .delivery-info .carts h1 {
    padding: 0px; }
  .sidebar {
    width: 100%; }
    .sidebar h2.greeting {
      display: none;
      border-bottom: none;
      padding: 0px 16px;
      margin: 0px; }
  .profile-page .sidebar h2.greeting {
    display: block;
    padding: 0 0 10px; }
  .profile-page .membership .level,
  .profile-page .membership .point,
  .profile-page h2.greeting {
    font-size: 16px;
    line-height: 22px; }
  .profile-page .membership svg.seperator {
    margin: 0 8px;
    top: -9px; }
  .profile-page .membership {
    padding: 0; }
  .profile-page .sidebar hr {
    position: relative;
    left: -10%;
    width: 120%; }
  .profile-page .sidebar-menu.box {
    display: block; }
  .profile-page .sidebar-menu li {
    margin-bottom: 20px; }
    .profile-page .sidebar-menu li:last-child {
      margin-bottom: 0; }
  .order-list-item {
    padding: 9px 16px 13px; }
    .order-list-item__img {
      width: 100%;
      height: auto; }
    .order-list-item__detail {
      margin-left: 0px; }
    .order-list-item .mobile-center {
      justify-content: center; }
    .order-list-item .no-margin {
      margin: 0px; }
    .order-list-item__order-status {
      font-size: 13px;
      line-height: 15px;
      margin-bottom: 8px; }
    .order-list-item__date {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: 5px; }
    .order-list-item__title, .order-list-item__title-simple {
      font-size: 13px;
      line-height: 16px;
      margin-bottom: 3px;
      display: inline-block; }
    .order-list-item__subtitle {
      font-size: 13px;
      line-height: 17px;
      margin-bottom: 3px;
      display: inline-block; }
    .order-list-item__price {
      font-size: 13px;
      line-height: 15px; }
    .order-list-item__status {
      justify-content: center; }
  .order-detail-control {
    display: none; }
  .container-flex {
    flex-direction: column;
    padding: 0px; }
  .content-box {
    margin: 0px;
    box-shadow: none;
    border-bottom: 1px solid #BDBDBD; }
    .content-box:last-child {
      border-bottom: none; }
  .my-orders {
    padding: 0px; }
  .order-payment__pay-info {
    padding: 14px 14px 21px; }
  .order-payment__header {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 3px; }
  .order-payment__bca-logo {
    width: 37px;
    height: 11px; }
  .order-status {
    padding: 26px 16px; }
    .order-status__progress-icon {
      width: 66px;
      height: 66px;
      border-width: 2px; }
      .order-status__progress-icon svg {
        width: 42px;
        height: 42px; }
    .order-status__progress-done {
      width: 16px;
      height: 16px;
      right: 5px; }
      .order-status__progress-done svg {
        width: 10px;
        height: 10px; }
    .order-status__progress-desc {
      margin: 8px -8px 0px; }
      .order-status__progress-desc span {
        width: 75px;
        font-size: 13px;
        line-height: 18px; }
    .order-status__progress-line {
      height: 2px; }
  .order-info-container {
    padding: 0px 16px; }
    .order-info-container.padded {
      padding: 18px 16px; }
    .order-info-container .order-info {
      padding: 18px 0px; }
    .order-info-container .order-info.simple {
      padding: 18px 0px; }
    .order-info-container .order-info.less-bottom-padding {
      padding-bottom: 8px; }
    .order-info-container .order-info.pricing {
      padding: 18px 0px; }
    .order-info-container .order-info__shipping-info {
      padding-bottom: 4px; }
  .order-info {
    padding: 18px 16px; }
    .order-info.simple {
      padding: 18px 16px; }
    .order-info.uncentered {
      align-items: flex-start;
      padding: 0px; }
    .order-info__shipment {
      width: 100%; }
    .order-info__code {
      font-size: 14px;
      line-height: 18px; }
    .order-info__bca-logo {
      width: 37px;
      height: 11px; }
    .order-info__store {
      font-size: 13px;
      line-height: 20px;
      margin-top: 4px; }
    .order-info__track-shipment {
      font-size: 12px;
      line-height: 14px;
      font-family: "TrajanPro-Bold"; }
    .order-info__total {
      font-size: 17px;
      line-height: 19px; }
      .order-info__total.small {
        font-size: 16px;
        line-height: 19px; }
      .order-info__total.big {
        font-size: 24px;
        line-height: 28px; }
    .order-info__sap-logo {
      width: 34px;
      height: 25px; }
    .order-info__copy-button {
      font-size: 15px;
      line-height: 15px;
      margin-left: auto;
      font-family: "TrajanPro-Bold";
      margin-left: auto; }
      .order-info__copy-button svg {
        width: 12px;
        height: 14px;
        margin-right: 4px; }
    .order-info__header {
      font-size: 17px;
      line-height: 20px; }
    .order-info__address-line {
      font-size: 13px;
      line-height: 20px; }
    .order-info__address-receiver {
      font-size: 13px;
      line-height: 20px; }
    .order-info__shipping-info {
      flex-direction: column;
      align-items: flex-start; }
      .order-info__shipping-info .order-list-item__status {
        margin-left: 0px;
        width: 100%;
        padding-top: 14px; }
      .order-info__shipping-info .order-info__track-shipment {
        width: 100%;
        padding: 6px 21px; }
    .order-info__mobile-one-line {
      flex-direction: row;
      width: 100%;
      align-items: center; }
    .order-info__box-list {
      font-size: 17px;
      line-height: 20px;
      margin-top: 6px; }
    .order-info__desktop-only {
      display: none; }
    .order-info__mobile-only {
      display: initial; }
    .order-info__pricing-breakdown {
      font-size: 13px;
      line-height: 15px;
      margin-bottom: 6px; }
      .order-info__pricing-breakdown.extra-padding {
        margin-bottom: 6px; }
    .order-info__note {
      margin-top: 23px;
      font-size: 13px;
      line-height: 20px; }
      .order-info__note svg {
        width: 16px;
        height: 16px; }
    .order-info__ship-code {
      font-size: 13px; }
    .order-info .order-list-item__order-status {
      color: #333333;
      font-size: 13px;
      margin-top: 3px; }
    .order-info__subtotal {
      font: 13px / 16px "TrajanPro-Bold"; }
  .carts.payment_method .total {
    margin-bottom: 15px; }
  .carts.payment_method input {
    margin-bottom: 20px; }
  .carts.payment_method .container-flex {
    flex-direction: row; }
  .carts.payment_method .title-box h1 {
    text-align: left;
    padding: 0;
    font-size: 18px;
    line-height: 20px; }
  .carts.payment_method .box {
    padding-top: 10px; }
  .carts.payment_method .box, .carts.payment_method .form-box {
    margin: 0; }
  .carts.payment_method .amount_to_pay {
    margin: 15px 0 10px; }
  .carts.payment_method .total-box {
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .carts.payment_method .total-box h4 {
      font-size: 12px;
      line-height: 16px; }
    .carts.payment_method .total-box span {
      font-size: 16px;
      line-height: 20px; }
  .carts.payment_method .form-box-payment label, .carts.payment_method .form-box-payment input, .carts.payment_method .form-box-payment input::placeholder {
    font-size: 14px;
    line-height: 18px; }
  .carts.payment_method .cc-wrapper {
    flex-wrap: wrap-reverse; }
    .carts.payment_method .cc-wrapper .cc-right {
      width: 100%; }
  .carts.payment_method .dropdown {
    margin-bottom: 0; }
  .carts.payment_method .dropdown .total, .carts.payment_method .dropdown .text, .carts.payment_method .dropdown-option .total, .carts.payment_method .dropdown-option .text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0; }
  .items-checkout {
    padding-right: 0;
    margin-bottom: 50px; }
    .items-checkout .product-detail {
      padding-top: 8px; }
  .modal-content {
    width: 325px;
    height: 285px;
    padding: 25px 20px; }
    .modal-content span {
      display: block;
      color: #333333;
      font-size: 13px; }
      .modal-content span.title {
        font: 20px / 25px "Red Hat Text", sans-serif;
        margin: 10px; }
    .modal-content .btn {
      margin-top: 20px; }
    .modal-content img {
      width: 50px;
      height: 66px; }
  .order-list .order-info {
    align-items: flex-start; }
    .order-list .order-info .order-list-item__price {
      margin-bottom: 0px; }
  .content-wrapper.login-backgrond {
    margin-bottom: 0; }
  .modal-content.how-to-pay {
    width: 100%;
    height: 100%;
    max-height: unset;
    border: 0px; }
    .modal-content.how-to-pay .modal-title {
      font: 20px/25px "red_hat", sans-serif;
      padding: 0 20px; }
    .modal-content.how-to-pay .order-payment__header {
      font-size: 13px;
      line-height: 16px; }
    .modal-content.how-to-pay img.va-img {
      width: 37px;
      height: 11px; }
    .modal-content.how-to-pay .payment-info {
      margin-bottom: 15px; }
    .modal-content.how-to-pay .modal-line {
      margin: 20px 0 10px -41px; }
    .modal-content.how-to-pay .modal-close svg {
      height: 20px;
      width: 20px; }
    .modal-content.how-to-pay .tab-list {
      display: none; }
    .modal-content.how-to-pay .tab-entry {
      position: relative; }
    .modal-content.how-to-pay .tab-entry::before {
      content: attr(data-title);
      font-size: 15px;
      padding: 10px 0;
      border-bottom: 1px solid #E0E0E0;
      display: block;
      cursor: pointer; }
    .modal-content.how-to-pay .tab-entry::after {
      content: ' ';
      height: 19px;
      width: 18px;
      background: url("/static/website/img/red_arrow.svg?28b03a8b2fdc&6b8eab9e0389") no-repeat;
      position: absolute;
      top: 6px;
      right: 0;
      transform: rotate(180deg);
      background-size: 18px;
      transition: transform 0.2s linear; }
    .modal-content.how-to-pay .tab-entry.active ol {
      display: block; }
    .modal-content.how-to-pay .tab-entry.active::after {
      transform: rotate(360deg);
      top: 14px; }
  .search .products {
    margin-top: 0; }
  .search .products_action {
    padding-bottom: 0; }
  .search-context {
    margin: 0 0 20px;
    padding: 0 15px;
    font-size: 15px; }
  .search .spacer-vertical-large {
    margin-top: 0; }
  .box_body {
    margin-top: -10px; }
  .custom-select .total {
    padding-right: 25px;
    margin-bottom: 0; }
  .voucher-payment .modal-title {
    margin-bottom: 35px; }
  .voucher-payment input[type="text"] {
    height: 48px;
    margin-bottom: 15px; }
  .voucher-payment .apply {
    margin: 0px 0px 15px 15px; }
  .voucher-payment .voucher-code, .voucher-payment .my-voucher {
    padding: 0 20px; }
  .voucher-payment .voucher-placeholder {
    font: 20px / 20px "Red Hat Text", sans-serif; }
    .voucher-payment .voucher-placeholder img {
      max-width: 165px;
      margin-bottom: 20px; }
  .website_block .product-detail div[class^="col"] {
    display: block; }
  .visit-us {
    flex-direction: column-reverse;
    justify-content: center;
    height: auto; }
    .visit-us__content {
      text-align: center;
      width: 100%;
      margin-left: 0px;
      padding: 42px 8px; }
      .visit-us__content h2 {
        font-size: 20px;
        line-height: 28.3px;
        margin-bottom: 10px; }
      .visit-us__content p {
        font-size: 13px;
        line-height: 20.84px;
        margin-bottom: 6px; }
    .visit-us__image {
      height: 158px; }
    .visit-us .call-to-action-link {
      justify-content: center; }
  .why-fnc {
    margin-top: 0; }
    .why-fnc__items {
      padding: 32px 17px;
      grid-template-columns: repeat(2, 1fr);
      row-gap: 11px;
      column-gap: 9px; }
  .mobile-unpadded {
    padding: 0px; }
  .collections {
    grid-template-columns: 1fr; }
    .collections .image-slider {
      height: 315px; }
    .collections .box-overlay-content {
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-top: 0px;
      padding: 8px 8px 48px; }
    .collections .box-overlay-label {
      font: 20px / 28.3px "Red Hat Text", sans-serif;
      margin-bottom: 0px; }
    .collections .slider-box:last-child .box-overlay-content {
      padding-bottom: 12px; }
  .call-to-action-link {
    font: 14px / 20.84px "TrajanPro-Regular"; }
    .call-to-action-link img {
      margin-left: 2px;
      width: 9px; }
  .visit-us {
    margin-top: 0px; }
  .testimony-container {
    display: none; }
  #Testimony #tns3 {
    width: 100%; }
  .membership {
    padding: 15px 16px; }
  .mobile-flex-column {
    flex-direction: column; }
  .search-box {
    padding: 5px 20px 15px;
    justify-content: unset; }
    .search-box .backdrop {
      display: none; }
    .search-box button.submit {
      padding: 8px 28px; }
    .search-box form {
      max-width: unset;
      width: 100%; }
    .search-box .search-box__close {
      display: none; }
  .homepage .topheader {
    padding-top: 48px; }
  .footer_copyright {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .footer_copyright .social-media {
      position: relative;
      top: 0px;
      right: 0px;
      transform: translate(0, 0);
      margin-top: 24px; }
  .language-wrapper.website {
    display: none; }
  .collections-block {
    height: 415px; }
  .collections-block {
    padding: 0; }
  .collection-box-wrapper {
    display: table;
    background: white;
    margin: 0 25px;
    text-align: center; }
    .collection-box-wrapper .left, .collection-box-wrapper .right {
      width: 100%; }
    .collection-box-wrapper p, .collection-box-wrapper .actions {
      display: block; }
    .collection-box-wrapper .actions .button {
      display: table;
      width: auto;
      margin: 0 auto;
      padding: 12px 35px; }
    .collection-box-wrapper .more {
      padding-top: 20px; }
    .collection-box-wrapper .desc-block {
      text-align: center; }
  .v2 .collections-block {
    height: auto;
    padding-top: 55%;
    margin-bottom: 20px;
    background-position: top center; }
  .wedding .collections-block {
    background-position: top center; }
    .wedding .collections-block p {
      display: block; }
    .wedding .collections-block .desc-block {
      max-width: 80%;
      margin: 50px auto 0; }
  .explores-wrapper {
    margin: 0; }
    .explores-wrapper .box-overlay {
      margin: 10px auto; }
  .list.full-width, .full-width.list:last-child {
    width: 100%; }
  .full-width {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box; }
  .collections-box .row {
    display: block; }
  .section .list {
    width: 100%;
    max-width: 100%;
    margin-bottom: 35px;
    display: block; }
    .section .list:last-child {
      margin-bottom: 0; }
  .section-collections {
    padding-top: 0; }
  .breadcrumb-label {
    margin-top: 22px;
    margin-bottom: 10px;
    color: #12284C; }
  .breadcrumb {
    padding-top: 30px; }
  .products div[class^="col-"].full_width, .lokasi-toko div[class^="col-"].full_width {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 0 20px;
    flex: auto; }
    .products div[class^="col-"].full_width:last-child, .lokasi-toko div[class^="col-"].full_width:last-child {
      margin-bottom: 0; }
  .products .products_body, .lokasi-toko .products_body {
    padding: 0; }
  .lokasi-toko {
    padding-top: 10px; }
    .lokasi-toko .details {
      display: none; }
    .lokasi-toko .address {
      max-width: 100%; }
    .lokasi-toko .name.active + .details {
      display: block;
      margin-bottom: 0; }
    .lokasi-toko .name.active svg {
      transform: rotate(-90deg); }
    .lokasi-toko hr {
      border: none;
      margin-bottom: 0;
      padding-bottom: 5px; }
    .lokasi-toko .name {
      font-size: 14px;
      line-height: 18px; }
    .lokasi-toko div.full_width[class^="col-"] {
      margin-bottom: 0; }
    .lokasi-toko div.full_width.store {
      display: block;
      margin-bottom: 19px;
      border-bottom: 1px solid #F0EFEB;
      padding-bottom: 15px; }
  .products_action {
    padding: 15px 10px; }
    .products_action .dropdown .btn-link {
      text-transform: capitalize;
      color: #8E8F88;
      padding-left: 6px; }
    .products_action .filter_from, .products_action .products_action_left {
      width: auto; }
    .products_action .dropdown-arrow {
      width: 12px;
      height: 8px;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: relative;
      top: 4px;
      left: 10px; }
    .products_action .dropdown .btn-link {
      width: auto; }
  .dropdown-menu {
    background: white;
    height: auto;
    padding: 15px;
    font-size: 12px; }
  .dropdown-menu .button_wrapper {
    display: block; }
    .dropdown-menu .button_wrapper button {
      font-size: 13px;
      line-height: 12px;
      padding: 15px 0 12px; }
  .dropdown-menu.show {
    display: inline-block;
    position: absolute;
    will-change: transform;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1); }
    .dropdown-menu.show .row .col:after {
      content: none; }
    .dropdown-menu.show .button_wrapper {
      display: block; }
  .mobile-responsive div[class^='col'].filter-box-wrapper, .mobile-responsive div[class^='col'].label {
    padding: 0;
    margin: 0; }
  .mobile-responsive .label-section.carat {
    margin-top: 50px; }
  .mobile-responsive .filter-box .box {
    display: block; }
  .mobile-responsive label.small {
    padding-bottom: 8px; }
  .mobile-responsive label.align-right {
    text-align: right;
    padding-right: 0; }
  .mobile-responsive .slider-distance {
    max-width: 97%; }
  .filter-box.desktop {
    display: none; }
  .filter-box label.small.mobile {
    display: block; }
  .steps {
    padding: 0 10px;
    margin-bottom: 0; }
    .steps .step {
      padding: 24px 0px;
      line-height: 20px; }
    .steps .step:nth-child(2) svg, .steps .step:nth-child(3) svg {
      width: 112%;
      left: -3%;
      top: -7%;
      transform: scale(1); }
    .steps .step:first-child svg {
      transform: scale(1.1); }
    .steps span {
      font-size: 10px;
      line-height: 13px;
      padding: 0; }
  .delivery-info-form, .content-wrapper.checkout {
    padding: 20px 0 0; }
  .carts-information .edit-delivery-info {
    margin: 15px 0 20px; }
  .carts .payment-list {
    padding: 0; }
  .carts .box-list {
    margin: 10px 0 0; }
  .carts .box-list-wrapper {
    border: none;
    padding: 30px 0; }
  .carts .box-list-wrapper h5 {
    font: 500 14px / 20px "Red Hat Text", sans-serif;
    text-transform: uppercase;
    color: #1D1E21;
    margin-bottom: 15px; }
  .box-list-wrapper svg, .vouchers-wrapper svg {
    width: 25px;
    height: 25px;
    top: -10px;
    right: -10px; }
  .seperator.small.gray {
    position: relative; }
    .seperator.small.gray:before {
      content: '';
      background: #F4F3F0;
      width: 120%;
      left: -10%;
      position: absolute;
      height: 10px;
      top: 0; }
  .summary-wrapper {
    background-color: transparent;
    margin-bottom: 0;
    padding: 30px 0 0; }
    .summary-wrapper .summary-box, .summary-wrapper .summary-box.small {
      padding: 0; }
    .summary-wrapper .summary-box.small {
      padding-top: 10px; }
    .summary-wrapper .summary-box h4 {
      margin-bottom: 10px; }
  .carts-information .steps {
    padding: 0 8px; }
  .carts.checkout {
    padding-top: 0; }
    .carts.checkout .notes {
      padding: 0;
      margin: 0 0 20px; }
  .checkout-wrapper.mobile {
    display: block;
    padding: 0; }
    .checkout-wrapper.mobile .items-checkout {
      margin-bottom: 0; }
    .checkout-wrapper.mobile .payment-list:last-child .box-label {
      margin-bottom: 0; }
  .modal-tracking ul {
    margin: 0; }
  .modal-tracking li {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 20px; }
  .checkout-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse; }
    .checkout-wrapper .btn-voucher {
      margin: 30px 0; }
  .carts-information .item-cart-wrapper {
    padding: 30px 0 0;
    border: none; }
    .carts-information .item-cart-wrapper h5 {
      font: 500 14px / 20px "Red Hat Text", sans-serif;
      margin: 0 0 15px;
      padding: 0; }
    .carts-information .item-cart-wrapper .items {
      border-top: none;
      border-bottom: 1px solid #E0E0E0;
      padding-bottom: 15px;
      margin-bottom: 20px; }
    .carts-information .item-cart-wrapper .items:last-child {
      padding-bottom: 15px;
      margin-bottom: 20px; }
    .carts-information .item-cart-wrapper .flex-container {
      border-bottom: none; }
    .carts-information .item-cart-wrapper .wrapper {
      padding: 0; }
    .carts-information .item-cart-wrapper .product-detail {
      display: block; }
    .carts-information .item-cart-wrapper .name {
      color: #1D1E21;
      font-size: 14px;
      margin-bottom: 5px; }
    .carts-information .item-cart-wrapper .product-img {
      width: 80px; }
      .carts-information .item-cart-wrapper .product-img img {
        width: 75px;
        height: 75px; }
    .carts-information .item-cart-wrapper .top {
      display: block; }
    .carts-information .item-cart-wrapper .price.mobile {
      margin: 20px 0 0;
      padding: 0; }
  .form-button-floating-wrapper {
    display: block;
    padding: 20px;
    background: white;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001; }
    .form-button-floating-wrapper button {
      font: 400 16px / 20px "Red Hat Text", sans-serif;
      color: white;
      border: none;
      border-radius: 25px;
      background: #3D3E40;
      padding: 12px 20px;
      margin-top: 0; }
  .modal-content.how-to-pay {
    border-radius: 0; }
    .modal-content.how-to-pay h4 {
      font: 500 14px / 18px "Red Hat Text", sans-serif;
      text-transform: uppercase; }
    .modal-content.how-to-pay .modal-title {
      font: 400 14px / 18px "Red Hat Text", sans-serif;
      margin-bottom: 10px; }
    .modal-content.how-to-pay .voucher-result {
      margin-bottom: 20px; }
      .modal-content.how-to-pay .voucher-result .desc {
        width: 75%; }
  .product-variants .filters {
    margin-top: 0; }
  .product-variants section.options {
    margin-top: 20px; }
  .product-variants .filter-text {
    flex-wrap: initial;
    padding: 0; }
    .product-variants .filter-text p {
      margin: 0; }
  .button-actions div.in-cart, .button-actions div.col-12 {
    padding-bottom: 0; }
  .button-actions .in-cart svg {
    margin-right: 3px;
    position: relative;
    top: 2px; }
  .form-text .form-box.login {
    width: 100%;
    display: block;
    padding-top: 25px; }
    .form-text .form-box.login h2 {
      font-size: 18px;
      line-height: 22px; }
    .form-text .form-box.login input[type="radio"] {
      top: 0; }
    .form-text .form-box.login h3, .form-text .form-box.login label, .form-text .form-box.login form input,
    .form-text .form-box.login form textarea, .form-text .form-box.login form select, .form-text .form-box.login button {
      font-size: 14px;
      line-height: 16px; }
    .form-text .form-box.login form {
      padding: 30px 20px; }
  .user-informations {
    padding: 35px 15px; }
    .user-informations .form-box {
      padding: 0;
      margin: 0; }
    .user-informations .title-box {
      display: block; }
    .user-informations .title-box h2 {
      font-size: 18px;
      line-height: 22px; }
    .user-informations .header-list div[class^="col"] {
      padding: 0; }
    .user-informations .order-date {
      font-size: 13px;
      line-height: 18px; }
    .user-informations .order-number {
      font-size: 18px;
      line-height: 25px; }
    .user-informations .order-get-status, .user-informations label {
      font-size: 10px;
      line-height: 14px; }
    .user-informations .list {
      position: relative;
      padding-bottom: 20px;
      margin-bottom: 20px;
      overflow: hidden; }
    .user-informations .list:before {
      content: '';
      width: 120%;
      left: -10%;
      position: absolute;
      bottom: 0;
      border-bottom: 1px solid #DFE0D7; }
    .user-informations .options span, .user-informations .more-items, .user-informations .grandtotal {
      font-size: 12px;
      line-height: 16px; }
    .user-informations .more-items, .user-informations .item-name,
    .user-informations .size, .user-informations .options {
      margin-bottom: 8px; }
    .user-informations .item-name {
      font-size: 14px;
      line-height: 18px; }
    .user-informations .size {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 5px; }
    .user-informations .list .col-2 {
      padding: 0; }
    .user-informations .sidebar-wrapper {
      display: none; }
  .faq-wrapper {
    margin-top: 0; }
    .faq-wrapper .question {
      font-size: 18px;
      line-height: 25px;
      position: relative; }
    .faq-wrapper svg {
      position: absolute;
      right: 0;
      top: 3px;
      float: unset; }
    .faq-wrapper .answer {
      font-size: 15px;
      line-height: 25px; }
  .terms-wrapper {
    max-width: 100%;
    margin-top: 0; }
    .terms-wrapper .list {
      margin-bottom: 30px; }
    .terms-wrapper h2 {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 15px; }
    .terms-wrapper h3, .terms-wrapper .product-variants h3.variant-title, .product-variants .terms-wrapper h3.variant-title, .terms-wrapper p, .terms-wrapper ul {
      font-size: 15px;
      line-height: 22px; }
  .orders-info-payment-notif, .payment-notif-header {
    font: 400 12px / 16px "Red Hat Text", sans-serif;
    border-radius: 0;
    margin: 0; }
    .orders-info-payment-notif strong, .payment-notif-header strong {
      font-weight: 500; }
  .orders-info-payment-notif {
    border: none; }
  .tab-list li.active, .tab-list li {
    font: 500 12px / 16px "Red Hat Text", sans-serif;
    padding-bottom: 5px; }
  .tab-entry {
    margin-bottom: 0; }
  .tab-entry .how-to {
    font-size: 12px;
    line-height: 16px; }
    .tab-entry .how-to li {
      margin-bottom: 5px; }
  .payment-notif-box {
    padding: 0;
    margin: 0; }
    .payment-notif-box .full_width {
      width: 100%;
      max-width: 100%;
      flex: 100%; }
    .payment-notif-box label, .payment-notif-box .helps {
      font: 400 12px / 16px "Red Hat Text", sans-serif; }
    .payment-notif-box .helps {
      margin: 15px 0; }
    .payment-notif-box .section-how-to-pay {
      padding: 15px 0; }
    .payment-notif-box .show-more-how-to-pay svg {
      width: 18px; }
    .payment-notif-box .show-more-how-to-pay span {
      font-size: 14px;
      line-height: 18px; }
    .payment-notif-box .helps a {
      float: right; }
    .payment-notif-box .va_number {
      font-size: 14px;
      line-height: 18px;
      width: 100%;
      display: block; }
    .payment-notif-box .va_number .copy-button {
      font-size: 14px;
      line-height: 18px;
      float: right;
      position: relative;
      top: 0px; }
    .payment-notif-box .grandtotal {
      margin-bottom: 20px; }
  .steps-order-info {
    padding: 0; }
    .steps-order-info .active path {
      fill: #CBA64D; }
    .steps-order-info .active path.transparent {
      fill: white; }
    .steps-order-info .mobile {
      position: relative; }
    .steps-order-info .active svg path.gold-stroke {
      stroke: #CBA64D; }
    .steps-order-info.small a {
      min-width: 45px;
      width: 45px;
      margin-right: 18px; }
    .steps-order-info.small a:after {
      width: 180%;
      top: 25px;
      left: -50px; }
    .steps-order-info .active svg.check {
      display: block; }
    .steps-order-info svg.check {
      display: none;
      position: absolute;
      top: 0;
      left: 15px; }
  .steps-wrapper {
    margin-bottom: 15px; }
  .separator.mobile {
    height: 5px;
    margin: 15px 0;
    background-color: #F4F3F0;
    width: 120%;
    left: -10%;
    position: relative; }
  .mobile-message-block.mobile {
    font: 400 14px / 20px "Red Hat Text", sans-serif;
    color: #CBA64D;
    text-align: left;
    margin: 5px 0 10px; }
  .order-info-container {
    padding: 0; }
  .order-info-header {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  div.mobile-label label {
    font: 400 12px / 20px "Red Hat Text", sans-serif;
    color: #676767; }
  div.mobile-label p, div.mobile-label span.grandtotal, div.mobile-label .payment-method {
    font: 400 14px / 20px "Red Hat Text", sans-serif;
    margin: 0; }
  div.mobile-label .payment-method-label {
    margin: 10px 0 0; }
  div.mobile-label.order-info-payment {
    padding: 0;
    margin: 0; }
  div.mobile-label .payment-method {
    width: 100%;
    display: block; }
    div.mobile-label .payment-method img {
      position: relative;
      top: 5px;
      float: right; }
  div.mobile-label span.grandtotal {
    font-weight: 700; }
  .user-informations .list {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }
    .user-informations .list:first-child {
      padding-top: 10px; }
    .user-informations .list:last-child {
      border-bottom: none;
      margin-bottom: 10px; }
    .user-informations .list .items-desc-mb label, .user-informations .list .items-desc-mb span {
      font-size: 12px;
      line-height: 16px; }
    .user-informations .list .grandtotal-mb {
      font: 400 12px / 16px "Red Hat Text", sans-serif;
      color: #1D1E21; }
  .order-info-notes {
    font: 400 14px / 20px "Red Hat Text", sans-serif;
    padding: 12px 20px; }
  .need-helps {
    font: 500 14px / 20px "Red Hat Text", sans-serif;
    margin-top: 15px; }
  .order-info-pricing .list {
    font: 400 14px / 20px "Red Hat Text", sans-serif;
    padding-bottom: 0;
    margin-bottom: 10px; }
    .order-info-pricing .list label {
      font: 400 14px / 20px "Red Hat Text", sans-serif; }
    .order-info-pricing .list.grandtotal, .order-info-pricing .list.grandtotal label {
      font-weight: 500; }
    .order-info-pricing .list:before {
      display: none; }
  .p-0.items-desc-mb {
    padding-left: 10px; }
  .social-share {
    margin: 15px 0 10px; }
    .social-share img {
      max-width: 25px; }
    .social-share li {
      margin: 0; }
    .social-share svg {
      width: 20px;
      height: 20px; }
  .pagination {
    margin-bottom: 50px; }
  .credit-3ds .tingle-modal-box {
    height: 75%;
    width: 95%;
    transform: scale(1);
    border: none; }
    .credit-3ds .tingle-modal-box iframe {
      border: none;
      border-radius: 10px; }
  .tingle-modal__close {
    border: none;
    top: 14%;
    background: white;
    width: 15px;
    right: 20px; }
  .order-info-tracking {
    padding: 0;
    border: none; }
  .order-info-tracking .desc, .order-info-tracking .copy-button {
    font-size: 14px;
    line-height: 18px; }
  .order-info-tracking .button-tracking {
    font-size: 12px;
    line-height: 15px;
    padding: 3px 12px; }
  .order-info-tracking label {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #676767; }
  .order-info-tracking .copy-button-svg {
    width: 10px;
    position: relative;
    top: 5px; }
  .order-info-tracking .sap-logo {
    max-width: 32px; }
  .modal .modal-content {
    border: none;
    border-radius: 5px; }
  .modal .modal-box-container,
  .modal .order-info.modal-box-container {
    padding: 24px 15px; }
    .modal .modal-box-container .order-info__ship-code b, .modal .modal-box-container span,
    .modal .order-info.modal-box-container .order-info__ship-code b,
    .modal .order-info.modal-box-container span {
      font-size: 14px;
      line-height: 26px; }
  .payment-notif-header {
    padding: 15px; }
  .contact-us .spacer-vertical {
    margin-top: 0; }
  .contact-us .form-box {
    padding: 0; }
  .contact-us .flex-wrapper.checkbox {
    flex-direction: inherit; }
  .contact-us .checkbox label {
    width: 90%; }
  .contact-us .form-box h2 {
    font-size: 18px;
    line-height: 22px; }
  .mobile-filter-menu.mobile {
    display: flex; }
    .mobile-filter-menu.mobile a {
      display: flex;
      align-items: center;
      justify-content: center; }
    .mobile-filter-menu.mobile svg {
      margin-right: 5px; }
  .no-bg .collections-block.center {
    margin: 15px auto 0; }
    .no-bg .collections-block.center h2 {
      font-size: 14px;
      line-height: 20px; }
    .no-bg .collections-block.center h4 {
      font-size: 12px;
      line-height: 16px;
      margin-top: 12px; }
    .no-bg .collections-block.center + .more {
      font-size: 12px;
      line-height: 16px;
      margin: 12px auto; }
  .title-section.small-title-section {
    margin-bottom: 30px; }
  .homepage .slider-wrapper {
    margin-bottom: 35px;
    display: block;
    width: 100%; }
  .homepage .slider .slider_box {
    min-height: initial; }
  .explores-wrapper .row {
    gap: 0; }
  .explores-wrapper .list {
    max-width: 280px;
    margin-bottom: 20px; }
    .explores-wrapper .list h2 {
      font-size: 14px;
      line-height: 20px; }
    .explores-wrapper .list h3 {
      font-size: 12px;
      line-height: 16px;
      margin-top: 12px; }
    .explores-wrapper .list h4 {
      font-size: 12px;
      line-height: 16px;
      margin: 12px 0 0; }
  .dreams__hero {
    margin: 0; }
    .dreams__hero-video, .dreams__details-video {
      aspect-ratio: 375 / 211; }
  .dreams__content {
    margin: 52px calc(10vw / 3) 36px;
    gap: 50px; }
    .dreams__content h1 {
      font-size: 28px;
      line-height: normal;
      margin: 0; }
  .dreams__dream {
    flex-direction: column;
    text-align: center; }
    .dreams__dream:nth-child(odd) {
      flex-direction: column; }
    .dreams__dream-text {
      flex-basis: unset; }
      .dreams__dream-text h2 {
        font-size: 22px;
        line-height: normal; }
      .dreams__dream-text p {
        font-size: 16px;
        line-height: 21px;
        margin: 36px 0 50px; }
    .dreams__dream-video {
      flex-basis: unset;
      width: 100%; }
  .dreams__discover {
    margin: 0 4vw;
    padding: 37px 0 0; }
    .dreams__discover h1 {
      font-size: 22px;
      line-height: 26px; }
  .dreams__discover > .dreams__link {
    width: 65%; }
  .dreams__products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px; }
  .dreams__wallpaper {
    margin: 30px 4vw 50px; }
    .dreams__wallpaper h1 {
      font-size: 22px;
      line-height: 26px; }
  .dreams__slider-wrapper {
    gap: 12px; }
  .dreams__slider-control {
    height: 24px; }
    .dreams__slider-control svg {
      width: 5px;
      width: 9px; }
    .dreams__slider-control:first-child {
      margin-left: 0;
      padding-right: 2px; }
    .dreams__slider-control:last-child {
      padding-left: 2px;
      margin-right: 0; }
  .dreams__details {
    margin: 40px calc(10vw / 3) 32px;
    gap: 40px; }
    .dreams__details h1, .dreams__details p {
      margin: 0 calc(5vw / 3); }
    .dreams__details h1 {
      font-size: 24px;
      line-height: normal;
      grid-row: 1; }
    .dreams__details p {
      width: unset;
      margin-bottom: 10px; }
    .dreams__details-video {
      aspect-ratio: 2 / 1; }
  .dreams__link {
    font-size: 16px;
    line-height: 21px;
    text-align: center; } }

.strike {
  text-decoration: line-through;
  color: #8E8F88; }

.floating {
  position: fixed;
  right: 2%;
  bottom: 5%;
  font: 16px/1.2 "Red Hat Text", sans-serif;
  color: #333333;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 12px;
  background-color: white;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
  border-radius: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none; }
  .floating img {
    height: 32px;
    width: 32px; }
  .floating__text {
    width: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden; }
  @media screen and (max-width: 560px) {
    .floating img {
      height: 24px;
      width: 24px; } }
.about-us {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 5px; }
  .about-us__section {
    margin-bottom: 120px; }
    .about-us__section--big {
      max-width: 1280px;
      overflow-x: hidden; }
  .about-us__collection-img-wrapper {
    max-width: 1280px;
    width: 100%;
    margin: auto; }
    .about-us__collection-img-wrapper > img {
      height: 600px;
      object-fit: cover;
      object-position: center; }
  .about-us__title {
    font: 48px/1.2 "TrajanPro-Bold";
    color: #132C4A;
    text-align: center; }
  .about-us__desc {
    font: 16px/1.5 "Red Hat Text", sans-serif;
    text-align: center; }
  .about-us__button {
    display: block;
    font: 16px/1.2 "Red Hat Text", sans-serif;
    color: white;
    background-color: #1E1E1E;
    border-radius: 50px;
    padding: 15px 20px;
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: auto;
    text-decoration: none; }
    .about-us__button:hover {
      color: white;
      text-decoration: none; }
  .about-us__carousel {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: scroll;
    display: flex;
    gap: 32px;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: scroll;
    max-width: 100vw;
    padding: 0 40px;
    margin: auto; }
    .about-us__carousel::-webkit-scrollbar {
      display: none; }
  .about-us__content {
    display: flex;
    flex-direction: column;
    gap: 40px; }
  .about-us__image-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center; }
    .about-us__image-wrapper img {
      display: block;
      width: 550px; }
  @media screen and (max-width: 980px) {
    .about-us__image-wrapper img {
      width: 400px; }
    .about-us__content {
      gap: 24px; } }
  @media screen and (max-width: 720px) {
    .about-us {
      margin-top: 40px; }
      .about-us__title {
        font-size: 24px; }
      .about-us__desc {
        font-size: 14px; }
      .about-us__section {
        margin-bottom: 80px; } }
  @media screen and (max-width: 600px) {
    .about-us__image-wrapper img {
      width: 300px; } }
.product-desc-bottom {
  background-color: #F4F3F0;
  margin: 88px 0 -88px;
  padding: 0 100px; }
  .product-desc-bottom__content {
    padding: 12px 12px 0;
    display: flex;
    flex-flow: column;
    gap: 12px;
    overflow: hidden; }
    .product-desc-bottom__content--minimized {
      max-height: 110px; }
  .product-desc-bottom__title {
    font: 16px/30px "TrajanPro-Bold";
    margin: 0;
    color: #2A2A2A; }
  .product-desc-bottom__text {
    font: 13px/28px "Red Hat Text", sans-serif;
    font-weight: 300;
    letter-spacing: -2%;
    margin: 0;
    color: #8E8F88; }
  .product-desc-bottom__read-more {
    display: flex;
    flex-flow: column;
    padding: 0 12px 12px;
    background-color: #F4F3F0; }
  .product-desc-bottom__read-more-overlay {
    margin-top: -28px;
    height: 28px;
    width: 100%;
    background: none; }
  .product-desc-bottom__read-more-button {
    padding-top: 10px;
    font: 18px/24px "Red Hat Text", sans-serif;
    text-align: center;
    text-decoration: underline;
    color: #CBA64D; }
    .product-desc-bottom__read-more-button--hide {
      display: none; }
  .product-desc-bottom__content--minimized + .product-desc-bottom__read-more .product-desc-bottom__read-more-overlay {
    background: linear-gradient(180deg, rgba(248, 243, 245, 0) 0%, #F8F3F5 100%); }
  @media screen and (max-width: 768px) {
    .product-desc-bottom {
      margin: 0;
      padding: 0 24px; }
      .product-desc-bottom__title {
        font-size: 14px; }
      .product-desc-bottom__content {
        text-align: center; } }