@charset "UTF-8";
/*---------------------------------------------"
Template Name: Infinity
Template URL: https://uiparadox.co.uk/templates/infinity
Description: Infinity - Multi Purpose HTML template
Version: 1.0.0

===============================================
STYLE SHEET INDEXING
|
|___ Fonts
|___ Variables
|___ Reset Styles
|___ Responsive
|___ Spacing
|___ Helper Classes
|___ Buttons
|___ Headings
|___ Layout Styles
|___ END STYLE SHEET INDEXING

--------------------------------------------*/
/*-------------------------
    Fonts
-------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Roboto+Serif:wght@400;500;600;700&display=swap");
/*-------------------------
Variables
-------------------------*/
/*-------------------------
    Responsive
-------------------------*/
/*-------------------------
    Reset Styles
-------------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ul.list-style,
ol.list-style {
  padding: 0;
}

ul.list-style li::marker,
ol.list-style li::marker {
  color: #DEB380;
}

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

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

.form-group {
  position: relative;
}

.input-group {
  position: relative;
  background: transparent;
  box-shadow: none;
  border-radius: 10px;
}

.form-group,
.form-selector,
.form-control {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #54575C;
  padding: 0 8px 9px;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  letter-spacing: 0.03em;
  position: relative;
  color: #54575C;
  width: 100%;
}
.form-group:focus,
.form-selector:focus,
.form-control:focus {
  outline: 0;
  box-shadow: none;
  background: transparent;
  border-bottom: 1px solid #54575C;
}
.form-group::placeholder,
.form-selector::placeholder,
.form-control::placeholder {
  color: #54575C;
  opacity: 1;
}

input[type=checkbox]:checked {
  accent-color: #DEB380;
  background-color: #DEB380;
  width: 18px;
  height: 16px;
  border-radius: 10px;
}

.input-group button {
  background: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 700;
  font-size: 24px;
  color: #2C2D2F;
}

button {
  border: 0;
}

label.error {
  color: #bc0f0f;
  margin-top: 10px;
}

.alert-message {
  display: none;
}

.slick-prev:after {
  content: "\f053";
  font-family: "Font Awesome 5 Pro";
  height: 50px;
  background-size: cover;
  position: absolute;
  left: 50px;
  background: white;
  border-radius: 5px;
  font-size: 40px;
  line-height: 49px;
  padding: 0 12px;
  color: black;
  top: 45%;
  z-index: -10;
}

.slick-next:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  height: 50px;
  background-size: cover;
  position: absolute;
  right: 50px;
  background: white;
  border-radius: 5px;
  font-size: 40px;
  line-height: 49px;
  padding: 0 12px;
  color: black;
  top: 45%;
  z-index: -10;
}

/*-------------------------
    Typography
-------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Lato", sans-serif;
  color: #2C2D2F;
  background: #FFE4C3;
  font-weight: 400;
  height: 100%;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
table,
hr {
  margin: 0 0 20px 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 750;
  color: #1B1C1E;
}

p {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 16px 0;
  line-height: 150%;
  letter-spacing: 0.03em;
}

a {
  display: inline-block;
  text-decoration: none;
  color: unset;
}
a:hover {
  color: #DEB380;
}

span {
  display: inline-block;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.03em;
}

b,
strong {
  font-family: "Lato", sans-serif;
}

@media (max-width: 380px) {
  .social-icon {
    justify-content: center !important;
  }
}

/*-------------------------
    Spacing
-------------------------*/
/*----------------------------------------*/
/*  03. SPACE CSS START
/*----------------------------------------*/
.mb-200 {
  margin-bottom: 250px;
}

.mt-150 {
  margin-top: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-150 {
    margin-top: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-150 {
    margin-top: 90px;
  }
}
@media (max-width: 767px) {
  .mt-150 {
    margin-top: 80px;
  }
}

.mt-100 {
  margin-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-100 {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-100 {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .mt-100 {
    margin-top: 50px;
  }
}

.mb-100 {
  margin-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-100 {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-100 {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .mb-100 {
    margin-bottom: 50px;
  }
}

.me-80 {
  margin-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .me-80 {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .me-80 {
    margin-right: 48px;
  }
}
@media (max-width: 767px) {
  .me-80 {
    margin-right: 32px;
  }
}

.mb-80 {
  margin-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-80 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-80 {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .mb-80 {
    margin-bottom: 32px;
  }
}

.mt-64 {
  margin-top: 64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-64 {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-64 {
    margin-top: 42px;
  }
}
@media (max-width: 767px) {
  .mt-64 {
    margin-top: 32px;
  }
}

.mb-64 {
  margin-bottom: 64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-64 {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-64 {
    margin-bottom: 42px;
  }
}
@media (max-width: 767px) {
  .mb-64 {
    margin-bottom: 32px;
  }
}

.mt-48 {
  margin-top: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-48 {
    margin-top: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-48 {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .mt-48 {
    margin-top: 24px;
  }
}

.mb-48 {
  margin-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-48 {
    margin-bottom: 42px;
  }
}

.mb-40 {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-40 {
    margin-bottom: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-40 {
    margin-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .mb-40 {
    margin-bottom: 21px;
  }
}

.mb-32 {
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-32 {
    margin-bottom: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-32 {
    margin-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .mb-32 {
    margin-bottom: 18px;
  }
}

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

.mb-16 {
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-16 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-16 {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .mb-16 {
    margin-bottom: 10px;
  }
}

.m-12 {
  margin: 12px 0;
}

.ms-15 {
  margin: 0 15px;
}

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

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

.space-mar {
  margin-top: -50px;
}

.spacer-mar {
  margin-top: -24px;
}
@media (max-width: 1199px) {
  .spacer-mar {
    margin: 0;
  }
}

.sec-pt {
  padding-top: 235px;
}

.pt-200 {
  padding-top: 280px;
}
@media (max-width: 992px) {
  .pt-200 {
    padding-top: 220px;
  }
}

.ps-170 {
  padding: 170px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ps-170 {
    padding: 140px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ps-170 {
    padding: 120px 0;
  }
}
@media (max-width: 767px) {
  .ps-170 {
    padding: 100px 0;
  }
}

.p-100 {
  padding: 100px 0;
}
@media (max-width: 992px) {
  .p-100 {
    padding: 80px 0;
  }
}
@media (max-width: 768px) {
  .p-100 {
    padding: 60px 0;
  }
}
@media (max-width: 490px) {
  .p-100 {
    padding: 40px 0;
  }
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}
@media (max-width: 992px) {
  .pb-100 {
    padding-top: 0;
  }
}

.pt-96 {
  padding-top: 96px;
}
@media (max-width: 992px) {
  .pt-96 {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .pt-96 {
    padding-top: 60px;
  }
}
@media (max-width: 490px) {
  .pt-96 {
    padding-top: 48px;
  }
}

.pb-96 {
  padding-bottom: 96px;
}
@media (max-width: 992px) {
  .pb-96 {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .pb-96 {
    padding-bottom: 60px;
  }
}
@media (max-width: 490px) {
  .pb-96 {
    padding-bottom: 48px;
  }
}

.pt-62 {
  padding-top: 62px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-62 {
    padding-top: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-62 {
    padding-top: 42px;
  }
}
@media (max-width: 767px) {
  .pt-62 {
    padding-top: 32px;
  }
}
@media (max-width: 490px) {
  .pt-62 {
    padding-top: 22px;
  }
}

.pb-62 {
  padding-bottom: 62px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-62 {
    padding-bottom: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-62 {
    padding-bottom: 42px;
  }
}
@media (max-width: 767px) {
  .pb-62 {
    padding-bottom: 32px;
  }
}
@media (max-width: 490px) {
  .pb-62 {
    padding-bottom: 22px;
  }
}

.p-62 {
  padding: 62px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p-62 {
    padding: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p-62 {
    padding: 42px;
  }
}
@media (max-width: 767px) {
  .p-62 {
    padding: 32px;
  }
}
@media (max-width: 490px) {
  .p-62 {
    padding: 22px;
  }
}

.p-55 {
  padding: 55px 0;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.p-50 {
  padding: 50px 0;
}

.pt-48 {
  padding-top: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-48 {
    padding-top: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-48 {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .pt-48 {
    padding-top: 24px;
  }
}

.pb-48 {
  padding-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-48 {
    padding-bottom: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-48 {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .pb-48 {
    padding-bottom: 24px;
  }
}

.p-34 {
  padding: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p-34 {
    padding: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p-34 {
    padding: 18px;
  }
}

.p-32 {
  padding: 32px;
}

.pb-24 {
  padding-bottom: 24px;
}

.p-16 {
  padding: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p-16 {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p-16 {
    padding: 13px;
  }
}
@media (max-width: 767px) {
  .p-16 {
    padding: 10px;
  }
}
@media (max-width: 490px) {
  .p-16 {
    padding: 10px;
  }
}

.p-30 {
  padding: 30px;
}

.pt-32 {
  padding: 30px 0;
}

.p-20 {
  padding: 20px;
}

.ps-20 {
  padding: 0 20px;
}

.ps-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.pt-12 {
  padding: 12px 0;
}

.p-12 {
  padding: 12px;
}

.p-10 {
  padding: 10px;
}

/*-------------------------
    Helper Classes
-------------------------*/
.color-primary {
  color: #DEB380;
}

.bg-white {
  background-color: #FAFAFA !important;
}

.color-dark {
  color: #2C2D2F !important;
}

.bg-dark {
  background-color: #2C2D2F !important;
}

.color-dark-2 {
  color: #1B1C1E;
}

.bg-dark-2 {
  background-color: #1B1C1E;
}

.color-dark-3 {
  color: #0D0D0D;
}

.bg-dark-3 {
  background-color: #0D0D0D;
}

.color-white {
  color: #FAFAFA;
}

.color-gray {
  color: #F4F2F0;
}

.bg-gray {
  background-color: #F4F2F0;
}

.color-gray-2 {
  color: #DBD8D6;
}

.bg-gray-2 {
  background-color: #DBD8D6;
}

.color-gray-3 {
  color: #B6B1AF;
}

.bg-gray-3 {
  background-color: #B6B1AF;
}

.color-gray-4 {
  color: #54575C;
}

.bg-gray-4 {
  background-color: #54575C;
}

.bg-brown {
  background-color: #9D6C59;
}

.primary-hover:hover {
  color: #1B1C1E;
}

.secondery-hover:hover {
  color: #FAFAFA;
}

.fs-83 {
  font-size: 83px;
}
@media (max-width: 1200px) {
  .fs-83 {
    font-size: 59px;
  }
}
@media (max-width: 900px) {
  .fs-83 {
    font-size: 49px;
  }
}
@media (max-width: 490px) {
  .fs-83 {
    font-size: 38px;
  }
}

.fs-69 {
  font-size: 69px;
}
@media (max-width: 1200px) {
  .fs-69 {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .fs-69 {
    font-size: 42px;
  }
}
@media (max-width: 490px) {
  .fs-69 {
    font-size: 38px;
  }
}

.fs-57 {
  font-size: 57px;
}
@media (max-width: 1200px) {
  .fs-57 {
    font-size: 48px;
  }
}
@media (max-width: 768px) {
  .fs-57 {
    font-size: 42px;
  }
}
@media (max-width: 490px) {
  .fs-57 {
    font-size: 38px;
  }
}

.fs-48 {
  font-size: 48px;
}
@media (max-width: 1250px) {
  .fs-48 {
    font-size: 42px;
  }
}
@media (max-width: 768px) {
  .fs-48 {
    font-size: 38px;
  }
}
@media (max-width: 490px) {
  .fs-48 {
    font-size: 32px;
  }
}

.fs-40 {
  font-size: 40px;
}
@media (max-width: 1200px) {
  .fs-40 {
    font-size: 35px;
  }
}
@media (max-width: 490px) {
  .fs-40 {
    font-size: 25px;
  }
}

.fs-33 {
  font-size: 33px;
}
@media (max-width: 992px) {
  .fs-33 {
    font-size: 28px;
  }
}
@media (max-width: 580px) {
  .fs-33 {
    font-size: 21px;
  }
}

.fs-28 {
  font-size: 28px;
}
@media (max-width: 1200px) {
  .fs-28 {
    font-size: 18px;
  }
}

.fs-23 {
  font-size: 23px;
}
@media (max-width: 1200px) {
  .fs-23 {
    font-size: 18px;
  }
}

.fs-19 {
  font-size: 19px;
}
@media (max-width: 1200px) {
  .fs-19 {
    font-size: 18px;
  }
}

.fs-16 {
  font-size: 16px;
}
@media (max-width: 490px) {
  .fs-16 {
    font-size: 14px;
  }
}

.fs-13 {
  font-size: 13px;
}

.fs-11 {
  font-size: 11px;
}

.fw-3 {
  font-weight: 300;
}

.fw-4 {
  font-weight: 400;
}

.fw-5 {
  font-weight: 500;
}

.fw-6 {
  font-weight: 600;
}

.fw-7 {
  font-weight: 700;
}

.lh-100 {
  line-height: 100%;
}

.lh-110 {
  line-height: 110%;
}

.lh-120 {
  line-height: 120%;
}

.lh-130 {
  line-height: 130%;
}

.lh-140 {
  line-height: 140%;
}

.lh-150 {
  line-height: 150%;
}

.lh-160 {
  line-height: 160%;
}

.lh-180 {
  line-height: 180%;
}

.ls-1 {
  letter-spacing: -0.01em;
}

.ls-0 {
  letter-spacing: 0em;
}

.ls-2 {
  letter-spacing: -0.02em;
}

.ls-3 {
  letter-spacing: -0.03em;
}

.ls-4 {
  letter-spacing: -0.04em;
}

.hover-animation {
  transition: all 0.5s ease-in-out;
}
.hover-animation:hover {
  transform: translateY(-10px);
}

.transition {
  transition: all 0.5s ease-in-out;
}

.w-150 {
  width: 150px;
}
@media (max-width: 768px) {
  .w-150 {
    width: 100%;
  }
}

.h-220 {
  height: 220px;
}

@media (max-width: 900px) {
  .mt-30-m {
    margin-top: 30px;
  }
}

@media (max-width: 490px) {
  .mt-30-sm {
    margin-top: 30px;
  }
}

.br-25 {
  border-radius: 25px;
}

.br-15 {
  border-radius: 15px;
}

.border-bottom {
  border-bottom: 2px solid #B6B1AF !important;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-icon li a {
  background: #FAFAFA;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: grid;
  place-items: center;
  place-content: center;
  margin: 0 8px;
  transition: all 0.5s ease-in-out;
}
.social-icon li a i {
  transition: all 0.5s ease-in-out;
  color: #0D0D0D;
  font-size: 18px;
}
.social-icon li a:hover {
  background: #DEB380;
}
.social-icon li a:hover i {
  color: #FAFAFA;
}
.social-icon.st-2 {
  justify-content: center;
}
.social-icon.st-2 li a {
  background: #DEB380;
}
.social-icon.st-2 li a i {
  color: #F4F2F0;
}
.social-icon.st-2 li a:hover {
  background: #F4F2F0;
}
.social-icon.st-2 li a:hover i {
  color: #DEB380;
}

.border-white {
  border: 1px solid #FAFAFA;
}

.font-sec {
  font-family: "Roboto Serif", serif;
}

.radius-10 {
  border-radius: 10px;
}

.color-hover:hover {
  color: #DEB380;
}

/*-------------------------
  Buttons
-------------------------*/
.back-to-top {
  position: fixed;
  bottom: 0px;
  right: 20px;
  display: block;
  width: 150px;
  height: 150px;
  line-height: 50px;
  font-size: 100px;
  padding: 20px 0;
  background: #DEB380;
  color: #FAFAFA;
  text-align: center;
  opacity: 0;
  text-decoration: none;
  border-radius: 50%;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.back-to-top.show {
  opacity: 1;
}
@media (max-width: 490px) {
  .back-to-top {
    right: -20px;
    bottom: -20px;
  }
}
.back-to-top:hover {
  color: #DEB380;
  background: #FAFAFA;
}

.cus-btn {
  padding: 12px 32px;
  border-radius: 15px;
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  transition: all 0.5s ease-in-out;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  text-align: center;
}
@media (max-width: 492px) {
  .cus-btn {
    padding: 9px 24px;
    font-size: 18px;
    border-radius: 12px;
  }
}
.cus-btn.dark {
  color: #FAFAFA;
  background: #DEB380;
}
.cus-btn.dark:hover {
  background: #FAFAFA;
  color: #DEB380;
}
.cus-btn.light {
  color: #2C2D2F;
  background: #FAFAFA;
}
.cus-btn.light:hover {
  color: #FAFAFA;
  background: #2C2D2F;
}
.cus-btn.bordered {
  border: 2px solid #2C2D2F;
  color: #2C2D2F;
}
.cus-btn.bordered:hover {
  color: #FAFAFA;
  background: #DEB380;
  border: 2px solid #DEB380;
}

.phone-link {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  color: #FAFAFA;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .phone-link {
    font-size: 23px;
  }
}
.phone-link i {
  font-size: 32px;
  color: #DEB380;
  margin-right: 16px;
}
.phone-link:hover {
  color: #DEB380;
}

.form-btn {
  width: 100%;
  padding: 20px 0;
  background: #DEB380;
  font-family: "Roboto Serif", serif;
  text-transform: capitalize;
  border: 2px solid #DEB380;
  border-radius: 5px;
  font-weight: 400;
  font-size: 19px;
  line-height: 130%;
  color: #FAFAFA;
  cursor: pointer;
}
.form-btn:hover {
  color: #DEB380;
  background: #FAFAFA;
}

/*-------------------------
  Headings
-------------------------*/
.heading {
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 492px) {
  .heading {
    margin-bottom: 32px;
  }
}
.heading h2 {
  font-weight: 400;
  font-size: 80px;
  line-height: 120%;
  line-height: 120%;
  color: #0D0D0D;
  font-family: "Roboto Serif", serif;
}
@media (max-width: 1250px) {
  .heading h2 {
    font-size: 70px;
  }
}
@media (max-width: 768px) {
  .heading h2 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .heading h2 {
    font-size: 40px;
  }
}
.heading h4 {
  font-weight: 400;
  font-size: 47px;
  line-height: 120%;
  letter-spacing: -0.03em;
  font-family: "Roboto Serif", serif;
  color: #2C2D2F;
}
@media (max-width: 768px) {
  .heading h4 {
    font-size: 38px;
  }
}
@media (max-width: 575px) {
  .heading h4 {
    font-size: 28px;
  }
}
.heading p {
  color: #B6B1AF;
  line-height: 130%;
  margin-bottom: 0;
}
@media (max-width: 492px) {
  .heading p br {
    display: none;
  }
}

/*-------------------------
  Preloader Styles
-------------------------*/
.no-scroll-y {
  overflow-y: hidden;
}

/* Preloader */
.ctn-preloader {
  align-items: center;
  cursor: none;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99900;
}
.ctn-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}
.ctn-preloader .animation-preloader .txt-loading span {
  font: bold "Montserrat", sans-serif;
  font-size: 5em;
  text-align: center;
  user-select: none;
}
.ctn-preloader .animation-preloader .txt-loading span.letters-loading {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}
.ctn-preloader .animation-preloader .txt-loading span.letters-loading:before {
  animation: letters-loading 4s infinite;
  color: #000000;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotateY(-90deg);
}
.ctn-preloader .animation-preloader .txt-loading span.letters-loading:nth-child(2)::before {
  animation-delay: 0.2s;
}
.ctn-preloader .animation-preloader .txt-loading span.letters-loading:nth-child(3)::before {
  animation-delay: 0.4s;
}
.ctn-preloader .animation-preloader .txt-loading span.letters-loading:nth-child(4)::before {
  animation-delay: 0.6s;
}
.ctn-preloader .animation-preloader .txt-loading span.letters-loading:nth-child(5)::before {
  animation-delay: 0.8s;
}
.ctn-preloader .animation-preloader .txt-loading span.letters-loading:nth-child(6)::before {
  animation-delay: 1s;
}
.ctn-preloader .animation-preloader .txt-loading span.letters-loading:nth-child(7)::before {
  animation-delay: 1.2s;
}
.ctn-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #000000;
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}
.ctn-preloader .loader-section {
  background-color: #FFE4C3;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}
.ctn-preloader .loader-section.section-left {
  left: 0;
}
.ctn-preloader .loader-section.section-right {
  right: 0;
}

.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
/* Animación de las letras cargando del preloader */
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
/* Tamaño de portatil hacia atras (portatil, tablet, celular) */
@media screen and (max-width: 767px) {
  /* Preloader */
  /* Spinner cargando */
  .ctn-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
  /* Texto cargando */
  .ctn-preloader .animation-preloader .txt-loading span {
    font: bold 3.5em "Montserrat", sans-serif;
  }
}
@media screen and (max-width: 500px) {
  /* Prelaoder */
  /* Spinner cargando */
  .ctn-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  /* Texto cargando */
  .ctn-preloader .animation-preloader .txt-loading span {
    font: bold 2em "Montserrat", sans-serif;
  }
}
.header {
  width: 100%;
  background: #FAFAFA;
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  z-index: 999;
  background: #8b532a;
}
@media (max-width: 492px) {
  .header {
    height: 90px;
  }
}
.header nav.navbar {
  padding: 0 64px;
}
@media (max-width: 767px) {
  .header nav.navbar {
    padding: 0 24px;
  }
}
/* .header nav .navbar-brand {
  padding-top: 25px;
} */
@media (max-width: 492px) {
  .header nav .navbar-brand img {
    width: 200px;
  }
}
/* .header nav .navbar-nav {
  padding-top: 25px;
} */
@media (max-width: 1199px) {
  .header nav .navbar-nav {
    padding-top: 0px;
  }
}
.header nav .navbar-nav .menu-item a {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #FAFAFA;
  margin-right: 32px;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item a {
    padding: 8px 0px;
    color: #0D0D0D;
  }
}
.header nav .navbar-nav .menu-item a:hover {
  color: #DEB380;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item a:hover {
    color: #DEB380;
  }
}
.header nav .navbar-nav .menu-item a.active {
  color: #DEB380;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item a.active {
    color: #DEB380;
    background: transparent;
  }
}
.header nav .navbar-nav .menu-item-has-children {
  position: relative;
  margin-right: 10px;
}
.header nav .navbar-nav .menu-item-has-children a {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #FAFAFA;
  margin-right: 32px;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item-has-children a {
    padding: 8px 0px;
    color: #0D0D0D;
  }
}
.header nav .navbar-nav .menu-item-has-children a:hover {
  color: #DEB380;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item-has-children a:hover {
    color: #DEB380;
  }
}
.header nav .navbar-nav .menu-item-has-children a.active {
  color: #DEB380;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item-has-children a.active {
    color: #DEB380;
    background: transparent;
  }
}
.header nav .navbar-nav .menu-item-has-children .submenu {
  position: absolute;
  top: 30px;
  left: 0px;
  background: #FAFAFA;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  min-width: 250px;
  padding: 10px 20px 15px;
  list-style: none;
  margin: 0;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-top: 3px solid #DEB380;
  border-radius: 0 0 25px 25px;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item-has-children .submenu {
    min-width: 200px;
    top: 45px;
    left: unset;
    padding: 10px 10px 15px;
  }
}
.header nav .navbar-nav .menu-item-has-children .submenu a:after {
  display: none;
}
.header nav .navbar-nav .menu-item-has-children .submenu li {
  margin: 0;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.header nav .navbar-nav .menu-item-has-children .submenu li a {
  position: relative;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  padding: 8px 0px;
  display: block;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item-has-children .submenu li a {
    font-size: 18px;
  }
}
.header nav .navbar-nav .menu-item-has-children .submenu li a.active {
  color: #DEB380;
}
.header nav .navbar-nav .menu-item-has-children .submenu li a:hover {
  color: #DEB380;
}
.header nav .navbar-nav .menu-item-has-children:hover .submenu {
  opacity: 1;
  visibility: visible;
  z-index: 9;
  right: 0;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item-has-children:hover .submenu {
    right: 85px;
  }
}
.header nav .navbar-nav .menu-item-has-children:hover .submenu li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.header nav .right-content {
  text-align: right;
  display: flex;
  justify-content: end;
  justify-content: flex-end;
}
.header nav .right-content .list li#search-form {
  width: 250px;
  display: none;
}
.header nav .right-content .list li#search-form form .input-group {
  padding-top: 28px;
}
.header nav .right-content .list li#search-form form .input-group .form-control {
  border-bottom: 1px solid #F4F2F0;
  padding: 0 8px 8px;
  color: #F4F2F0;
}
.header nav .right-content .list li#search-form form .input-group .form-control:focus {
  border-bottom: 1px solid #F4F2F0;
}
.header nav .right-content .list li#search-form form .input-group .form-control::placeholder {
  color: #F4F2F0;
}
.header nav .right-content .list li#search-form form .input-group button {
  padding: 0 8px 8px 2px;
  border-bottom: 1px solid #F4F2F0;
  color: #F4F2F0;
}
.header nav .right-content .list li a {
  padding-top: 20px;
  font-weight: 500;
  font-size: 23px;
  line-height: 140%;
  color: #0D0D0D;
  margin-left: 32px;
}
.header nav .right-content .list li a i {
  color: #FAFAFA;
  font-size: 30px;
  font-weight: 100;
}
.header nav .right-content .list li a i:hover {
  color: #DEB380;
}
.header nav .right-content .list li:first-child a {
  margin-left: 16px;
}
.header .navbar-toggler {
  color: #FAFAFA;
  border: none;
  outline: 0;
  padding-top: 24px;
  font-size: 24px;
}
.header .navbar-toggler:focus {
  box-shadow: none;
  color: #DEB380;
}
.header .navbar-expand-lg,
.header .navbar-collapse {
  justify-content: center;
}
@media (max-width: 992px) {
  .header .navbar-expand-lg,
  .header .navbar-collapse {
    justify-content: center;
    justify-content: space-between;
  }
}
@media (max-width: 1199px) {
  .header .navbar-collapse {
    background: #FAFAFA;
    border-top: 3px solid #DEB380;
    border-radius: 0 0 25px 25px;
    padding: 15px 24px;
    z-index: 9999;
    position: absolute;
    top: 70px;
    right: 72px;
    width: 200px;
    box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 991px) {
  .header .navbar-collapse {
    right: 10px;
  }
}

.footer {
  padding: 48px 0 32px;
}
.footer .title {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .footer .title {
    margin-top: 16px;
  }
}
.footer .main {
  margin-bottom: 64px;
}
.footer .main .logo {
  margin-bottom: 32px;
}
.footer .main .detail {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #2C2D2F;
}
.footer .main .links li {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  margin-bottom: 8px;
  color: #2C2D2F;
}
.footer .main button {
  border: 0;
}
.footer .bottom-content {
  margin-bottom: 64px;
}
.footer .bottom-content .contact-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1399px) {
  .footer .bottom-content .contact-row {
    display: block;
    justify-content: left;
  }
}
.footer .bottom-content .contact-row .contact-list {
  display: flex;
}
@media (max-width: 1399px) {
  .footer .bottom-content .contact-row .contact-list {
    margin-bottom: 32px;
  }
}
@media (max-width: 991px) {
  .footer .bottom-content .contact-row .contact-list {
    display: block;
  }
}
.footer .bottom-content .contact-row .contact-list li {
  margin-right: 64px;
}
@media (max-width: 991px) {
  .footer .bottom-content .contact-row .contact-list li {
    margin: 0 0 32px;
  }
}
.footer .bottom-content .contact-row .contact-list li:last-child {
  margin-right: 0;
}
.footer .bottom-content .contact-row .contact-list li a,
.footer .bottom-content .contact-row .contact-list li span {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
@media (max-width: 991px) {
  .footer .bottom-content .contact-row .contact-list li a,
  .footer .bottom-content .contact-row .contact-list li span {
    font-size: 18px;
  }
}
.footer .bottom-content .contact-row .contact-list li a i,
.footer .bottom-content .contact-row .contact-list li span i {
  font-size: 32px;
  margin-right: 8px;
  color: #54575C;
}
@media (max-width: 991px) {
  .footer .bottom-content .contact-row .contact-list li a i,
  .footer .bottom-content .contact-row .contact-list li span i {
    font-size: 26px;
  }
}
.footer .bottom-content .contact-row .contact-list li:hover a {
  color: #0D0D0D;
}
.footer .bottom-content .contact-row .contact-list li:hover a i {
  color: #2C2D2F;
}
.footer .bottom-content .contact-row .footer-social-icon {
  display: flex;
}
.footer .bottom-content .contact-row .footer-social-icon li {
  margin-right: 32px;
}
.footer .bottom-content .contact-row .footer-social-icon li:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .footer .bottom-content .contact-row .footer-social-icon li img {
    height: 24px;
    object-fit: contain;
  }
}
.footer .bottom-content .copyright {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #1B1C1E;
  margin-bottom: 0;
}

.banner {
  height: 940px;
  margin-top: 100px;
  background-color: #DEB380;
  padding: 112px 0 0;
}
@media (max-width: 1199px) {
  .banner {
    height: 760px;
    padding: 70px 0 0;
  }
}
@media (max-width: 767px) {
  .banner {
    height: 650px;
  }
}
@media (max-width: 492px) {
  .banner {
    margin-top: 90px;
  }
}
@media (max-width: 450px) {
  .banner {
    height: 600px;
  }
}
.banner .content {
  position: relative;
  text-align: end;
  z-index: 9;
}
.banner .content .title {
  font-weight: 700;
  font-size: 80px;
  line-height: 120%;
  letter-spacing: 0.295em;
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-right: -28px;
  color: #2C2D2F;
  font-family: "Roboto Serif", serif;
}
@media (max-width: 1199px) {
  .banner .content .title {
    font-size: 65px;
    margin-right: -18px;
  }
}
@media (max-width: 767px) {
  .banner .content .title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .banner .content .title {
    margin-right: -8px;
  }
}
@media (max-width: 492px) {
  .banner .content .title {
    font-size: 45px;
  }
}
@media (max-width: 350px) {
  .banner .content .title {
    font-size: 35px;
  }
}
.banner .content .description {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .banner .content .description {
    font-size: 18px;
    text-align: right;
    margin-left: 15%;
  }
}
@media (max-width: 492px) {
  .banner .content .description {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .banner .content .description br {
    display: none;
  }
}
.banner .content .size {
  margin-left: 16px;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: black;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .banner .content .size {
    font-size: 18px;
  }
}
.banner .content .size span {
  margin-left: 16px;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: black;
}
@media (max-width: 767px) {
  .banner .content .size span {
    font-size: 18px;
  }
}
.banner .object {
  margin-top: -180px;
}
@media (max-width: 1399px) {
  .banner .object {
    margin-top: -100px;
  }
}
@media (max-width: 991px) {
  .banner .object {
    margin-top: 0px;
  }
}
@media (max-width: 492px) {
  .banner .object {
    margin-top: 20px;
  }
}
@media (max-width: 350px) {
  .banner .object {
    margin-top: 50px;
  }
}

.about .block {
  margin-bottom: 48px;
}
.about .block h3 {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 47px;
  line-height: 120%;
  letter-spacing: -0.03em;
  font-family: "Roboto Serif", serif;
  color: #2C2D2F;
}
@media (max-width: 575px) {
  .about .block h3 {
    font-size: 42px;
  }
}
@media (max-width: 496px) {
  .about .block h3 {
    font-size: 32px;
  }
}
.about .block p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
  color: #2C2D2F;
}
.about img {
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 0 0 25px 25px;
  border-top: 3px solid #DEB380;
}
@media (max-width: 991px) {
  .about img {
    margin-bottom: 30px;
  }
}

.testimonials .testimonial-box {
  position: relative;
  background: #2C2D2F;
  border-top: 3px solid #DEB380;
  border-radius: 0px 0px 25px 25px;
  padding: 24px;
  overflow: hidden;
  margin: 0 15px;
}
.testimonials .testimonial-box .upper-row {
  display: flex;
  margin-bottom: 16px;
}
.testimonials .testimonial-box .upper-row img {
  border-radius: 15px;
}
.testimonials .testimonial-box .upper-row h6 {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  margin-left: 16px;
  color: #FAFAFA;
  margin-bottom: 0;
  padding-top: 7px;
}
.testimonials .testimonial-box .review {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 0;
  color: #FAFAFA;
}

.cart .cart-table-lg {
  width: 100%;
  border-top: 3px solid #DEB380;
  border-radius: 0 0 25px 25px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  background: #FFECD4;
  padding: 32px 32px 32px 16px;
  margin-bottom: 32px;
}
.cart .cart-table-lg tr.bottom-row td {
  padding: 0 0 32px 0;
}
.cart .cart-table-lg tr.bottom-row td:last-child {
  padding: 0 24px 32px 0;
}
.cart .cart-table-lg tr td.img-block {
  width: 20%;
  padding-right: 20px;
}
.cart .cart-table-lg tr td.img-block img {
  padding-left: 16px;
}
.cart .cart-table-lg tr td.title {
  padding: 32px 0 48px;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
.cart .cart-table-lg tr td.title.pad-right {
  padding-right: 24px;
}
.cart .cart-table-lg tr td.title a {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
.cart .cart-table-lg tr td.title a span {
  margin-left: 8px;
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
.cart .cart-table-lg tr td.size h6 {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
}
.cart .cart-table-lg tr td.size h6 span {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-left: 8px;
  padding: 8px;
  color: #2C2D2F;
  background: #FAFAFA;
  border-radius: 10px;
}
.cart .cart-table-lg tr td.color label {
  display: inline-flex;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-top: 8px;
  color: #54575C;
}
.cart .cart-table-lg tr td.color label input {
  display: none;
}
.cart .cart-table-lg tr td.color label .color {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  margin-left: 8px;
}
.cart .cart-table-lg tr td.price-number {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
.cart .cart-table-lg tr td .quantity input {
  border: none;
  border-radius: 10px;
  width: 36px;
  height: 40px;
  text-align: center;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-bottom: 0;
  color: #2C2D2F;
  padding: 5px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  margin-right: 6px;
  background-color: #FAFAFA;
}
.cart .cart-table-lg tr td .quantity input.number {
  background: #DEB380;
}
.cart .cart-table-sm {
  border-radius: 10px;
  background: #FFECD4;
  border-radius: 0px 0px 25px 25px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}
.cart .cart-table-sm .content-block {
  padding: 32px 24px 12px;
  border-top: 3px solid #DEB380;
}
.cart .cart-table-sm .content-block img {
  align-items: center;
  margin-bottom: 32px;
}
.cart .cart-table-sm .content-block .title {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 24px;
}
.cart .cart-table-sm .content-block .title span {
  margin-left: 8px;
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
.cart .cart-table-sm .content-block .color-row {
  display: inline-flex;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-top: 8px;
  color: #54575C;
  margin-bottom: 16px;
}
.cart .cart-table-sm .content-block .color-row input {
  display: none;
}
.cart .cart-table-sm .content-block .color-row .color {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  margin-left: 8px;
}
.cart .cart-table-sm .content-block .size {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 16px;
}
.cart .cart-table-sm .content-block .size span {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-left: 8px;
  padding: 8px;
  color: #2C2D2F;
  background: #FAFAFA;
  border-radius: 10px;
}
.cart .cart-table-sm .content-block .cart-row {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.cart .cart-table-sm .content-block .cart-row p {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
}
.cart .cart-table-sm .content-block .cart-row span {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
}
.cart .cart-table-sm .content-block .cart-row .quantity input {
  border: none;
  border-radius: 10px;
  width: 36px;
  height: 40px;
  text-align: center;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-bottom: 0;
  color: #2C2D2F;
  padding: 5px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  margin-right: 6px;
}
.cart .cart-table-sm .content-block .cart-row .quantity input:last-child {
  margin-right: 0;
}
.cart .cart-table-sm .content-block .cart-row .quantity input.number {
  background: #DEB380;
}
.cart .cart-detail {
  border-radius: 10px;
  background: #FFECD4;
  border-radius: 0px 0px 25px 25px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.cart .cart-detail .content-block {
  padding: 32px 24px;
  border-top: 3px solid #DEB380;
}
.cart .cart-detail .content-block h5 {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 32px;
}
.cart .cart-detail .content-block h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #2C2D2F;
  margin-bottom: 32px;
}
.cart .cart-detail .content-block .detail-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.cart .cart-detail .content-block .detail-row p {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
}
.cart .cart-detail .content-block .detail-row span {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
}
.cart .cart-detail .content-block .total-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.cart .cart-detail .content-block .total-row h6 {
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 0;
}
.cart .cart-detail .content-block .total-row span {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 0;
}
.cart .cart-detail .content-block .payment-method h6 {
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 16px;
}
.cart .cart-detail .content-block .payment-method label {
  display: block;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #54575C;
  margin-bottom: 16px;
}
.cart .cart-detail .content-block .payment-method label input {
  margin-right: 8px;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) {
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
  cursor: pointer;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]):not(.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) ~ .cart .cart-detail .content-block .payment-method label:has(input[type=radio])) {
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 20px;
  height: 20px;
  border: 2px solid #54575C;
  margin-top: 3px;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  cursor: pointer;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]::before {
  content: "";
  width: 0.58em;
  height: 0.58em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: CanvasText;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]::after {
  content: "";
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #2C2D2F;
  opacity: 0;
  position: absolute;
  z-index: -1;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]:is(:active):not(:checked)::after {
  background-color: #2C2D2F;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]:checked {
  border-color: #2C2D2F;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]:checked::after {
  opacity: 0;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]:checked::before {
  transform: scale(1);
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]:checked:is(:hover, :focus)::after {
  background-color: #2C2D2F;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]:checked:is(:active)::after {
  background-color: #2C2D2F;
}
.cart .cart-detail .content-block .payment-method label:has(input[type=radio]) > input[type=radio]:focus {
  outline: unset;
}

.page-start-banner {
  background: url(../media/banner/banner.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  margin-top: 100px;
  height: 300px;
  padding-top: 112px;
}
@media (max-width: 575px) {
  .page-start-banner {
    margin-top: 90px;
    height: 250px;
    padding-top: 80px;
  }
}
.page-start-banner .title {
  font-weight: 700;
  font-size: 80px;
  line-height: 120%;
  letter-spacing: -0.04em;
  font-family: "Roboto Serif", serif;
  color: #2C2D2F;
}
@media (max-width: 767px) {
  .page-start-banner .title {
    font-size: 60px;
  }
}
@media (max-width: 492px) {
  .page-start-banner .title {
    font-size: 50px;
  }
}

.sidebar {
  background: #FFECD4;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 0px 0px 25px 25px;
}
@media (max-width: 991px) {
  .sidebar {
    margin-bottom: 48px;
  }
}
.sidebar .content-block {
  padding: 30px 20px;
  border-top: 3px solid #DEB380;
}
@media only screen and (min-width: 1199px) and (max-width: 1399px) {
  .sidebar .content-block {
    padding: 32px 24px 16px;
  }
}
.sidebar .title {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #2C2D2F;
  margin-bottom: 30px;
}
.sidebar .category-filter ul {
  padding-left: 0px;
  margin-bottom: 0;
  list-style: none;
}
.sidebar .category-filter ul li {
  margin-bottom: 16px;
}
.sidebar .category-filter ul li a {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #54575C;
}
.sidebar .colors-filter ul {
  display: flex;
  list-style: none;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
}
.sidebar .colors-filter ul li {
  display: inline-block;
  width: 49%;
  list-style: none;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1199px) and (max-width: 1399px) {
  .sidebar .colors-filter ul li {
    width: 100%;
  }
}
.sidebar .colors-filter ul li label {
  display: block;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #54575C;
}
.sidebar .colors-filter ul li input {
  display: none;
}
.sidebar .colors-filter ul li .color {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  margin-right: 8px;
  padding-top: 10px;
}
.sidebar .availability-filter ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 1199px) and (max-width: 1399px) {
  .sidebar .availability-filter ul {
    display: block;
  }
}
.sidebar .availability-filter ul li {
  list-style: none;
  margin-bottom: 16px;
  margin-right: 24px;
}
.sidebar .availability-filter ul li label {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #54575C;
}
.sidebar .availability-filter ul li label input {
  display: none;
}

.show-sidebar-cart {
  overflow: hidden !important;
  height: 100% !important;
}
.show-sidebar-cart #sidebar-cart {
  right: 0;
  visibility: visible;
}

#sidebar-cart {
  background: #FFE4C3;
  padding: 32px 24px;
  position: fixed;
  display: block;
  width: 450px;
  height: 100vh;
  z-index: 99999;
  top: 0;
  right: -470px;
  transition: right 0.5s ease-in-out;
}
@media (max-width: 575px) {
  #sidebar-cart {
    width: 95%;
  }
}
#sidebar-cart .close-button {
  height: 16px;
  width: 16px;
  margin: 0 0 15px 0;
  text-decoration: none;
  position: absolute;
  top: 48px;
  right: 32px;
  display: flex;
}
#sidebar-cart .close-button .close-icon {
  width: 16px;
  height: 16px;
  background-color: #2C2D2F;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M30.3 32c-.5 0-.9-.2-1.2-.5L16 18.4 3 31.5c-.4.3-.8.5-1.3.5s-.9-.2-1.2-.5c-.7-.7-.7-1.8 0-2.4L13.6 16 .5 2.9C-.2 2.2-.2 1.2.5.5.8.2 1.2 0 1.7 0s.9.2 1.2.5l13.1 13 13-13c.7-.7 1.7-.7 2.4 0 .4.3.6.7.6 1.2s-.2.9-.5 1.2L18.4 16l13.1 13.1c.7.7.7 1.8 0 2.4-.3.3-.8.5-1.2.5z'/%3E%3C/svg%3E");
  transition: all 0.5s linear;
}
#sidebar-cart .close-button:active span.close-icon, #sidebar-cart .close-button:hover span.close-icon {
  background: #DEB380;
}
#sidebar-cart .product-list {
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
  height: calc(100vh - 270px);
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  position: relative;
  z-index: 0;
}
@media (max-width: 575px) {
  #sidebar-cart .product-list {
    height: calc(100vh - 320px);
  }
}
#sidebar-cart .product-list .product-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
#sidebar-cart .product-list .product-item .item-image {
  max-width: 110px;
}
#sidebar-cart .price-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#sidebar-cart .action-buttons {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 575px) {
  #sidebar-cart .action-buttons {
    gap: 16px;
    flex-wrap: wrap;
  }
}
#sidebar-cart .action-buttons a {
  padding: 16px 32px;
  width: 240px;
  display: inline-grid;
  text-align: center;
}
@media (max-width: 575px) {
  #sidebar-cart .action-buttons a {
    width: 100%;
  }
}

#sidebar-cart-curtain {
  background: rgba(44, 45, 47, 0.2);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.vr-line {
  background: #B6B1AF;
  width: 100%;
  height: 1px;
}

.product-card {
  margin-bottom: 48px;
}
.product-card.slide-margin {
  margin: 0 16px 48px;
}
.product-card .showcase-box {
  position: relative;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-top: 3px solid #DEB380;
  border-radius: 0px 0px 25px 25px;
  margin-bottom: 16px;
  overflow: hidden;
}
.product-card .showcase-box img {
  object-fit: cover;
}
.product-card .showcase-box .price {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  padding: 10px;
  color: #FAFAFA;
  background-color: #1B1C1E;
  border-radius: 0px 0px 25px 0px;
}
.product-card .showcase-box .overlay {
  position: absolute;
  top: -500px;
  left: 0;
  background: rgba(44, 45, 47, 0.6);
  border-radius: 0px 0px 25px 25px;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}
@media (max-width: 575px) {
  .product-card .showcase-box .overlay {
    top: -750px;
  }
}
.product-card .showcase-box .overlay a {
  margin-right: 16px;
  background: #FAFAFA;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 5px;
  padding: 8px 8px;
}
.product-card .showcase-box .overlay a:last-child {
  margin-right: 0;
}
.product-card .showcase-box .overlay a:hover i {
  color: #DEB380;
}
.product-card .showcase-box .overlay a i {
  color: #2C2D2F;
  font-size: 24px;
}
.product-card .title {
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 16px;
}
.product-card .cus-btn {
  width: 100%;
}
.product-card:hover .showcase-box .overlay {
  top: 0px;
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}

.category .category-box {
  position: relative;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-top: 3px solid #DEB380;
  border-radius: 0px 0px 25px 25px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .category .category-box {
    margin-bottom: 30px;
  }
}
.category .category-box img {
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}
.category .category-box .overlay {
  position: absolute;
  top: 0px;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 25px 25px;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}
.category .category-box .overlay a {
  text-align: center;
  font-weight: 400;
  font-size: 80px;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: #FAFAFA;
  font-family: "Roboto Serif", serif;
  text-shadow: 66px 66px 26px rgba(0, 0, 0, 0.01), 42px 42px 24px rgba(0, 0, 0, 0.02), 24px 24px 20px rgba(0, 0, 0, 0.05), 11px 11px 15px rgba(0, 0, 0, 0.06), 3px 3px 8px rgba(0, 0, 0, 0.08), 0px 0px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1399px) {
  .category .category-box .overlay a {
    font-size: 65px;
  }
}
@media (max-width: 991px) {
  .category .category-box .overlay a {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .category .category-box .overlay a {
    font-size: 50px;
  }
}
@media (max-width: 360px) {
  .category .category-box .overlay a {
    font-size: 40px;
  }
}
.category .category-box:hover .overlay {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}
.category .category-box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}

.inner-banner {
  background: url(../media/banner/banner-bg.png);
  background-position: center;
  background-size: cover;
  margin-bottom: 48px;
}
@media (max-width: 575px) {
  .inner-banner {
    margin-bottom: 24px;
  }
}
.inner-banner .content h2 {
  font-weight: 400;
  font-size: 80px;
  line-height: 120%;
  letter-spacing: -0.04em;
  font-family: "Roboto Serif", serif;
  color: #FAFAFA;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .inner-banner .content h2 {
    font-size: 65px;
  }
}
@media (max-width: 575px) {
  .inner-banner .content h2 {
    font-size: 50px;
  }
}
.inner-banner .content h5,
.inner-banner .content span {
  font-weight: 400;
  font-size: 36px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FAFAFA;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .inner-banner .content h5,
  .inner-banner .content span {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .inner-banner .content h5,
  .inner-banner .content span {
    font-size: 25px;
  }
}
.inner-banner .content .object {
  margin-top: -30px;
}
@media (max-width: 991px) {
  .inner-banner .content .object {
    margin-top: 30px;
  }
}

.pagination-wrape {
  margin: 30px 0 0;
  text-align: center;
}
.pagination-wrape .pagination {
  display: block;
}
.pagination-wrape .pagination li {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-right: 16px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.pagination-wrape .pagination li:last-child {
  margin-right: 0;
}
.pagination-wrape .pagination li a {
  width: 40px;
  height: 40px;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  text-align: center;
  color: #2C2D2F;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  background-color: #FAFAFA;
  display: block;
  border: none;
  border-radius: 10px;
}
.pagination-wrape .pagination li a.arrow {
  font-size: 22px;
}
.pagination-wrape .pagination li a.current {
  background-color: #DEB380;
}
.pagination-wrape .pagination li a:hover {
  background-color: #DEB380;
}

.page-item:first-child .page-link {
  border-radius: 10px;
}
.page-item:last-child .page-link {
  border-radius: 10px;
}

.product-detail .detail-img-block {
  border-radius: 0 0 25px 25px;
  border-top: 3px solid #DEB380;
  margin-bottom: 16px;
}
.product-detail .detail-img-block img {
  border-radius: 0 0 25px 25px;
}
.product-detail .preview-slider {
  border-radius: 0 0 25px 25px;
}
.product-detail .preview-slider-nav {
  margin-bottom: 32px;
}
.product-detail .preview-slider-nav .detail-img-block {
  margin: 0 16px;
}
.product-detail .detail .p-name {
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
  letter-spacing: -0.03em;
  margin-bottom: 0;
  color: #2C2D2F;
  margin-right: 48px;
}
.product-detail .detail .price {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #FAFAFA;
  background: #2C2D2F;
  margin-bottom: 0;
  padding: 8px;
}
.product-detail .detail p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #2C2D2F;
}
@media (max-width: 492px) {
  .product-detail .detail p br {
    display: none;
  }
}
.product-detail .detail .title {
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 16px;
}
.product-detail .detail .features .title span {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
  margin-left: 16px;
}
.product-detail .detail .sizes .size {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  width: 50%;
}
@media (max-width: 1399px) {
  .product-detail .detail .sizes .size {
    width: 90%;
  }
}
.product-detail .detail .sizes .size li {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-right: 8px;
  padding: 6px 8px;
  color: #2C2D2F;
  background: #FAFAFA;
  border-radius: 10px;
  margin-bottom: 8px;
  cursor: pointer;
}
.product-detail .detail .sizes .size li.active {
  background: #DEB380;
}
.product-detail .detail .colors {
  margin-bottom: 16px;
}
.product-detail .detail .colors .color {
  display: flex;
  list-style: none;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
}
.product-detail .detail .colors .color li {
  display: inline-block;
  list-style: none;
  margin-bottom: 16px;
  margin-right: 16px;
}
.product-detail .detail .colors .color li label {
  display: block;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #54575C;
}
.product-detail .detail .colors .color li label span {
  padding-top: 9px;
}
.product-detail .detail .colors .color li input {
  display: none;
}
.product-detail .detail .colors .color li .color-box {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  margin-right: 8px;
}
.product-detail .detail .colors .color li.coloractive label {
  font-weight: 700;
}
.product-detail .detail .colors .color li.coloractive label span {
  padding-top: 17px;
}
.product-detail .detail .colors .color li.coloractive .color-box {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  margin-right: 8px;
}
.product-detail .detail .lower-content {
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .product-detail .detail .lower-content {
    display: block;
  }
}
@media (max-width: 767px) {
  .product-detail .detail .lower-content {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .product-detail .detail .lower-content .quantity {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .product-detail .detail .lower-content .quantity {
    margin-bottom: 32px;
  }
}
.product-detail .detail .lower-content .quantity input {
  border: none;
  border-radius: 10px;
  width: 48px;
  height: 53px;
  text-align: center;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-bottom: 0;
  color: #2C2D2F;
  padding: 5px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  margin-right: 8px;
}
.product-detail .detail .lower-content .quantity input.number {
  background: #DEB380;
}
.product-detail .detail .lower-content .mar-right {
  margin: 0 32px;
}
@media (max-width: 492px) {
  .product-detail .detail .lower-content .mar-right {
    margin: 0 16px 16px 0;
  }
}

.about-products .nav-tabs {
  border: 0;
  margin-bottom: 48px;
}
.about-products .nav-tabs .nav-item {
  margin-right: 32px;
  margin-bottom: 0;
}
.about-products .nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.about-products .nav-tabs .nav-item .nav-link {
  font-weight: 400;
  font-size: 61px;
  line-height: 120%;
  padding: 0;
  font-family: "Roboto Serif", serif;
  letter-spacing: -0.04em;
  color: #54575C;
  border: 0;
  background: transparent;
}
@media (max-width: 1199px) {
  .about-products .nav-tabs .nav-item .nav-link {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .about-products .nav-tabs .nav-item .nav-link {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .about-products .nav-tabs .nav-item .nav-link {
    font-size: 26px;
  }
}
@media (max-width: 492px) {
  .about-products .nav-tabs .nav-item .nav-link {
    font-size: 22px;
  }
}
.about-products .nav-tabs .nav-item .nav-link:hover {
  border: 0;
  background: transparent;
}
.about-products .nav-tabs .nav-item .nav-link.active {
  font-size: 80px;
  margin-top: -15px;
  border: 0;
  background: transparent;
  color: #2C2D2F;
}
@media (max-width: 1199px) {
  .about-products .nav-tabs .nav-item .nav-link.active {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .about-products .nav-tabs .nav-item .nav-link.active {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .about-products .nav-tabs .nav-item .nav-link.active {
    font-size: 40px;
  }
}
@media (max-width: 492px) {
  .about-products .nav-tabs .nav-item .nav-link.active {
    font-size: 30px;
  }
}
.about-products .review-box {
  margin-bottom: 32px;
}
.about-products .review-box img {
  border-radius: 15px;
  object-fit: cover;
  margin-right: 16px;
  width: 48px;
  height: 48px;
}
.about-products .review-box .user .name {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  padding-top: 10px;
  color: #2C2D2F;
  margin-bottom: 0;
}
.about-products .review-box .review {
  margin: 16px 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #2C2D2F;
}
.about-products .more-review-block {
  border-bottom: 3px solid #DEB380;
}
@media (max-width: 991px) {
  .about-products .more-review-block {
    margin-bottom: 48px;
    border-bottom: 0;
  }
}
.about-products .more-review-block .comment-btn {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  text-align: center;
  display: block;
}
.about-products .more-review-block .comment-btn i {
  font-size: 18px;
  color: #2C2D2F;
  margin-left: 8px;
}
.about-products .design-block {
  background: #FFECD4;
  padding: 32px 24px;
  border-top: 3px solid #DEB380;
  border-radius: 0 0 25px 25px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.about-products .design-block h6 {
  font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.04em;
  font-family: "Roboto Serif", serif;
  margin-bottom: 32px;
}
.about-products .description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #2C2D2F;
  margin-bottom: 32px;
}
.about-products .description h6 {
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 16px;
}
.about-products .description ul {
  margin-bottom: 32px;
}
.about-products .description ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #2C2D2F;
  margin-bottom: 8px;
}

.checkout .design-block {
  background: #FFECD4;
  padding: 32px 24px 40px;
  border-top: 3px solid #DEB380;
  border-radius: 0 0 25px 25px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.checkout .design-block.shipping {
  padding: 32px 24px 16px;
}
.checkout .design-block.shipping .formGroup2 {
  display: block;
  margin-bottom: 16;
}
.checkout .design-block.shipping .formGroup2 input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkout .design-block.shipping .formGroup2 label {
  position: relative;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
@media only screen and (min-width: 1199px) and (max-width: 1399px) {
  .checkout .design-block.shipping .formGroup2 label {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .checkout .design-block.shipping .formGroup2 label {
    font-size: 14px;
  }
}
.checkout .design-block.shipping .formGroup2 label:before {
  content: "";
  -webkit-appearance: none;
  background: transparent;
  border: 2px solid #DEB380;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 3px;
  margin-top: -3px;
}
.checkout .design-block.shipping .formGroup2 input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 7px;
  width: 7px;
  height: 17px;
  z-index: 10;
  border: solid #DEB380;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkout .order-detail {
  border-radius: 10px;
  background: #FFECD4;
  border-radius: 0px 0px 25px 25px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01), 24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04), 3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.checkout .order-detail .content-block {
  padding: 32px 24px;
  border-top: 3px solid #DEB380;
}
.checkout .order-detail .content-block h5 {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 32px;
}
.checkout .order-detail .content-block .detail-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.checkout .order-detail .content-block .detail-row p {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
}
.checkout .order-detail .content-block .detail-row span {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
}
.checkout .order-detail .content-block .total-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.checkout .order-detail .content-block .total-row h6 {
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 0;
}
.checkout .order-detail .content-block .total-row span {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 0;
}

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