@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: #EC7755;
}

.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: #EC7755;
  background-color: #EC7755;
  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;
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * 0);
}

.slick-prev:after {
  content: "\f053";
  height: 50px;
  font-family: "Font Awesome 5 Pro";
  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";
  height: 50px;
  font-family: "Font Awesome 5 Pro";
  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;
}

.alert-message {
  display: none;
}

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

body {
  font-family: "Lato", sans-serif;
  color: #2C2D2F;
  background: #FEE4D2;
  font-weight: 400;
  height: 100%;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}
body::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #EC7755;
  box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.5);
}

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: 700;
  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: #EC7755;
}

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;
}

.mb-24 {
  margin-bottom: 24px;
}
@media (max-width: 490px) {
  .mb-24 {
    margin-bottom: 12px;
  }
}

.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: #EC7755;
}

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

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

.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;
}

.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;
}

/*-------------------------
  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: #EC7755;
  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;
}
.back-to-top:hover {
  background-color: #FAFAFA;
  color: #EC7755;
}
@media (max-width: 490px) {
  .back-to-top {
    right: -20px;
    bottom: -20px;
  }
}

.cus-btn {
  padding: 12px 32px;
  border-radius: 15px;
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #FAFAFA;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5) 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  outline: none;
  text-align: center;
}

.cus-btn {
  background: #EC7755;
  border: none;
  z-index: 1;
}
.cus-btn:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 13px;
  background-color: #FAFAFA;
  background-image: #FAFAFA;
  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);
  transition: all 0.3s ease;
}
.cus-btn:hover {
  color: #000;
}
.cus-btn:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
}
.cus-btn:active {
  top: 2px;
}

.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: #EC7755;
  margin-right: 16px;
}
.phone-link:hover {
  color: #EC7755;
}

.form-btn {
  width: 100%;
  padding: 20px 0;
  background: #EC7755;
  font-family: "Roboto Serif", serif;
  text-transform: capitalize;
  border: 2px solid #EC7755;
  border-radius: 5px;
  font-weight: 400;
  font-size: 19px;
  line-height: 130%;
  color: #FAFAFA;
  cursor: pointer;
}
.form-btn:hover {
  color: #EC7755;
  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%;
  letter-spacing: -0.04em;
  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
-------------------------*/
/* 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: #FEE4D2;
  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%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  z-index: 999;
  background: #FFD1B2;
}
@media (max-width: 492px) {
  .header {
    height: 90px;
  }
}
.header nav.navbar {
  padding: 0;
}
@media (max-width: 767px) {
  .header nav.navbar {
    padding: 0 15px;
  }
}
/*.header nav .navbar-brand {
  padding-top: 25px;
}*/
.header nav .navbar-brand img {
  width: 95px !important;
  height: 95px !important;
}
.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: #54575C;
  margin-right: 32px;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item a {
    padding: 8px 0px;
    color: #2C2D2F;
  }
}
.header nav .navbar-nav .menu-item a:hover {
  transition: all 0.5s ease-in-out;
  color: #EC7755;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item a:hover {
    color: #EC7755;
  }
}
.header nav .navbar-nav .menu-item a.active {
  color: #EC7755;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item a.active {
    color: #EC7755;
    background: transparent;
  }
}
.header nav .navbar-nav .menu-item-has-children {
  position: relative;
  margin-right: 10px;
}
.header nav .navbar-nav .menu-item-has-children a {
  transition: all 0.5s ease-in-out;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #54575C;
  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 {
  transition: all 0.5s ease-in-out;
  color: #EC7755;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item-has-children a:hover {
    color: #EC7755;
  }
}
.header nav .navbar-nav .menu-item-has-children a.active {
  color: #EC7755;
}
@media (max-width: 1199px) {
  .header nav .navbar-nav .menu-item-has-children a.active {
    color: #EC7755;
    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 #EC7755;
  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: #EC7755;
}
.header nav .navbar-nav .menu-item-has-children .submenu li a:hover {
  color: #EC7755;
}
.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 #2C2D2F;
  padding: 0 8px 8px;
  color: #2C2D2F;
}
.header nav .right-content .list li#search-form form .input-group .form-control:focus {
  border-bottom: 1px solid #2C2D2F;
}
.header nav .right-content .list li#search-form form .input-group .form-control::placeholder {
  color: #2C2D2F;
}
.header nav .right-content .list li#search-form form .input-group button {
  padding: 0 8px 8px 2px;
  border-bottom: 1px solid #2C2D2F;
  color: #2C2D2F;
}
.header nav .right-content .list li a {
  padding-top: 35px;
  font-weight: 500;
  font-size: 23px;
  line-height: 140%;
  color: #0D0D0D;
  margin-left: 32px;
}
.header nav .right-content .list li a i {
  color: #2C2D2F;
  font-size: 30px;
  font-weight: 100;
}
.header nav .right-content .list li a i:hover {
  color: #EC7755;
}
.header nav .right-content .list li:first-child a {
  margin-left: 16px;
}
.header .navbar-toggler {
  color: #0D0D0D;
  border: none;
  outline: 0;
  padding-top: 24px;
  font-size: 24px;
}
.header .navbar-toggler:focus {
  box-shadow: none;
  color: #EC7755;
}
.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: #FFF2E9;
    border-top: 3px solid #EC7755;
    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%;
  font-family: "Roboto Serif", serif;
  letter-spacing: 0.03em;
  margin-bottom: 8px;
  color: #2C2D2F;
}
.footer .main .links li a {
  display: flex;
  align-items: center;
}
.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 {
  display: flex;
  align-items: center;
  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 {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  transition: all 0.5s ease-in-out;
}
@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 {
  transition: all 0.5s ease-in-out;
  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 {
  transition: all 0.5s ease-in-out;
  color: #EC7755;
}
.footer .bottom-content .contact-row .contact-list li:hover a i {
  transition: all 0.5s ease-in-out;
  color: #EC7755;
}
.footer .bottom-content .contact-row .footer-social-icon {
  display: flex;
  align-items: center;
}
.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 {
 /* background: url(../media/banner/hero-banner.png);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
 /* height: 940px;*/
  margin-top: 100px;
  padding: 80px 0 0;
}
@media (max-width: 1199px) {
  .banner {
    height: 760px;
    padding: 70px 0 0;
  }
}
@media (max-width: 991px) {
  .banner {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .banner {
    height: 550px;
  }
}
@media (max-width: 575px) {
  .banner {
    height: 500px;
  }
}
@media (max-width: 492px) {
  .banner {
    margin-top: 90px;
  }
}
@media (max-width: 450px) {
  .banner {
    margin-top: 80px;
    height: 500px;
  }
}
.banner .content {
  position: relative;
  z-index: 9;
}
.banner .content h5 {
  font-weight: 700;
  font-size: 47px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #2C2D2F;
  margin-bottom: 8px;
}
@media (max-width: 1199px) {
  .banner .content h5 {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .banner .content h5 {
    font-size: 35px;
  }
}
@media (max-width: 492px) {
  .banner .content h5 {
    font-size: 30px;
  }
}
@media (max-width: 350px) {
  .banner .content h5 {
    font-size: 26px;
  }
}
.banner .content .title {
  font-weight: 700;
  font-size: 80px;
  line-height: 120%;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: #2C2D2F;
}
@media (max-width: 1199px) {
  .banner .content .title {
    font-size: 65px;
  }
}
@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: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #2C2D2F;
  margin-bottom: 19px;
  position: relative;
}
.banner .content .description::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 189.17px;
  height: 2px;
  background-color: #EC7755;
}
@media (max-width: 492px) {
  .banner .content .description::after {
    width: 130px;
  }
}
@media (max-width: 767px) {
  .banner .content .description br {
    display: none;
  }
}
.banner .main-btn {
  margin-right: 148px;
}
@media (max-width: 991px) {
  .banner .main-btn {
    margin-right: 48px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .banner .main-btn .cus-btn {
    padding: 10px 24px;
    border-radius: 10px;
    font-size: 18px;
  }
}
.banner .object {
  margin-top: -43px;
}
@media (max-width: 1599px) {
  .banner .object {
    margin-top: 0px;
  }
}
.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 #EC7755;
}
@media (max-width: 991px) {
  .about img {
    margin-bottom: 30px;
  }
}

.chose-us .chose-block {
  background: #FFF2E9;
  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);
  padding: 32px 0px;
  border-top: 3px solid #EC7755;
  text-align: center;
}
@media (max-width: 991px) {
  .chose-us .chose-block {
    margin-bottom: 30px;
  }
}
.chose-us .chose-block img {
  margin-bottom: 32px;
}
.chose-us .chose-block h6 {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 0;
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .chose-us .chose-block h6 {
    font-size: 22px;
  }
}

.testimonials .testimonial-box {
  position: relative;
  background: #2C2D2F;
  border-top: 3px solid #EC7755;
  border-radius: 0px 0px 25px 25px;
  padding: 24px;
  margin: 0 15px;
  overflow: hidden;
}
.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 #EC7755;
  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: #FFF2E9;
  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: 40px;
}
.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: #54575C;
}
.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.mesure h6 {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #54575C;
  margin-bottom: 0;
}
.cart .cart-table-lg tr td.mesure h6 span {
  margin-left: 8px;
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
.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: #FAFAFA;
}
.cart .cart-table-lg tr td .quantity input.number {
  color: #FAFAFA;
  background: #EC7755;
}
.cart .cart-table-sm {
  border-radius: 10px;
  background: #FFF2E9;
  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 #EC7755;
}
.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 .mesure {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
.cart .cart-table-sm .content-block .mesure span {
  margin-left: 8px;
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
}
.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;
  background: #FAFAFA;
}
.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: #EC7755;
}
.cart .cart-detail {
  border-radius: 10px;
  background: #FFF2E9;
  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 #EC7755;
}
.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 {
  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: 5px;
  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;
}

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

#sidebar-cart,
#sidebar-wishlist {
  background: #FAFAFA;
  padding: 32px 24px;
  position: fixed;
  display: block;
  width: 560px;
  height: 100vh;
  z-index: 99999;
  top: 0;
  right: -101%;
  transition: right 0.5s ease-in-out;
}
@media (max-width: 575px) {
  #sidebar-cart,
  #sidebar-wishlist {
    width: 350px;
  }
}
#sidebar-cart .close-button,
#sidebar-wishlist .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,
#sidebar-wishlist .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,
#sidebar-wishlist .close-button:active span.close-icon,
#sidebar-wishlist .close-button:hover span.close-icon {
  background: #EC7755;
}
#sidebar-cart .product-list,
#sidebar-wishlist .product-list {
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
  height: 80%;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  position: relative;
  z-index: 0;
}
@media (max-width: 1399px) {
  #sidebar-cart .product-list,
  #sidebar-wishlist .product-list {
    height: 70%;
  }
}
@media (max-width: 1199px) {
  #sidebar-cart .product-list,
  #sidebar-wishlist .product-list {
    height: 48%;
  }
}
@media (max-width: 992px) {
  #sidebar-cart .product-list,
  #sidebar-wishlist .product-list {
    height: 80%;
  }
}
@media (max-width: 820px) {
  #sidebar-cart .product-list,
  #sidebar-wishlist .product-list {
    height: 60%;
  }
}
@media (max-width: 768px) {
  #sidebar-cart .product-list,
  #sidebar-wishlist .product-list {
    height: 70%;
  }
}
#sidebar-cart .product-list .product-item,
#sidebar-wishlist .product-list .product-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
#sidebar-cart .price-total,
#sidebar-wishlist .price-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#sidebar-cart .action-buttons,
#sidebar-wishlist .action-buttons {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 575px) {
  #sidebar-cart .action-buttons,
  #sidebar-wishlist .action-buttons {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex-direction: column;
  }
}
#sidebar-cart .action-buttons a,
#sidebar-wishlist .action-buttons a {
  padding: 16px 32px;
  width: 240px;
  display: inline-grid;
  text-align: center;
}

#sidebar-cart-curtain,
#sidebar-wishlist-curtain {
  background: rgba(44, 45, 47, 0.2);
  transition: all 0.5s ease-in-out;
  position: fixed;
  width: 100vw;
  height: 100vh;
  transform: scale(0);
  top: 0;
  right: 0;
  z-index: 9999;
}

.modal .modal-content {
  border: 0;
  border-radius: 30px;
}
.modal .modal-content .modal-header {
  background: #fff2e9;
}
.modal .modal-content .modal-body {
  background: #fff2e9;
}
.modal .modal-content .img-box img {
  width: 60%;
}

.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: 1440px) {
  .page-start-banner {
    padding-top: 100px;
  }
}
@media (max-width: 1199px) {
  .page-start-banner {
    height: 250px;
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .page-start-banner {
    height: 150px;
    padding-top: 60px;
  }
}
@media (max-width: 492px) {
  .page-start-banner {
    margin-top: 90px;
  }
}
.page-start-banner .title {
  font-weight: 700;
  font-size: 80px;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: #2C2D2F;
  font-family: "Roboto Serif", serif;
}
@media (max-width: 1440px) {
  .page-start-banner .title {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  .page-start-banner .title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .page-start-banner .title {
    font-size: 50px;
  }
}
@media (max-width: 492px) {
  .page-start-banner .title {
    font-size: 45px;
  }
}

.sidebar {
  border-radius: 10px;
  background: #FFF2E9;
  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);
}
@media (max-width: 991px) {
  .sidebar {
    margin-bottom: 48px;
  }
}
.sidebar .content-block {
  padding: 32px 24px 16px;
  border-top: 3px solid #EC7755;
}
@media only screen and (min-width: 1199px) and (max-width: 1399px) {
  .sidebar .content-block {
    padding: 32px 16px 16px;
  }
}
.sidebar .title {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #1B1C1E;
  margin-bottom: 32px;
}
.sidebar .category-filter .search-form {
  margin-bottom: 32px;
}
.sidebar .category-filter .search-form form .input-group .form-control {
  border-bottom: 2px solid #54575C;
  padding: 0 8px 9px;
  color: #54575C;
}
.sidebar .category-filter .search-form form .input-group .form-control:focus {
  border-bottom: 2px solid #54575C;
}
.sidebar .category-filter .search-form form .input-group .form-control::placeholder {
  color: #54575C;
}
.sidebar .category-filter .search-form form .input-group button {
  padding: 0 8px 8px 2px;
  border-bottom: 2px solid #54575C;
  color: #54575C;
}
.sidebar .category-filter ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.sidebar .category-filter ul li {
  list-style: none;
  margin-bottom: 16px;
}
.sidebar .category-filter ul li a {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #54575C;
  transition: all 0.5s ease-in-out;
}
.sidebar .category-filter ul li a:hover {
  color: #EC7755;
  transition: all 0.5s ease-in-out;
}
.sidebar .popular-products .product {
  display: flex;
  margin-bottom: 16px;
}
.sidebar .popular-products .product .detail {
  margin-left: 16px;
}
.sidebar .popular-products .product .detail h6 {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  margin-bottom: 8px;
  color: #2C2D2F;
  transition: all 0.5s ease-in-out;
}
.sidebar .popular-products .product .detail h6:hover {
  transition: all 0.5s ease-in-out;
  color: #EC7755;
}
.sidebar .popular-products .product .detail span {
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #EC7755;
}

.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 #EC7755;
  border-radius: 0px 0px 25px 25px;
  margin-bottom: 16px;
  overflow: hidden;
  cursor: pointer;
}

.product-card .showcase-box {
  height:185px !important;
  width: 300px !important;
}
.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;
  transition: 0.6s ease-in all;
}
@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: 10px;
  padding: 10px 8px 8px;
  transition: all 0.5s ease-in-out;
}
.product-card .showcase-box .overlay a:last-child {
  margin-right: 0;
}
.product-card .showcase-box .overlay a:hover {
  transition: all 0.5s ease-in-out;
}
.product-card .showcase-box .overlay a:hover i {
  color: #EC7755;
}
.product-card .showcase-box .overlay a i {
  color: #2C2D2F;
  font-size: 21px;
}
.product-card .title {
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 16px;
  transition: all 0.5s ease-in-out;
}
.product-card .cus-btn {
  width: 100%;
}
.product-card:hover .showcase-box .overlay {
  top: 0px;
  transition: 0.6s ease-in all;
}
.product-card:hover .title {
  color: #EC7755;
}

.nav-tabs {
  border-bottom: none;
  margin-bottom: 48px;
}
@media (max-width: 575px) {
  .nav-tabs {
    margin-bottom: 40px;
  }
}
.nav-tabs .nav-item .nav-link {
  border: none;
  color: #2C2D2F;
  background: transparent;
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
}
@media (max-width: 575px) {
  .nav-tabs .nav-item .nav-link {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.nav-tabs .nav-item .nav-link.active {
  color: #EC7755;
}
.nav-tabs .nav-item .nav-link:hover {
  color: #EC7755;
}

.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 #EC7755;
  border-radius: 0px 0px 25px 25px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .category .category-box {
    margin-bottom: 30px;
  }
}
.category .category-box .img-block {
  overflow: hidden;
}
.category .category-box .img-block img {
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}
.category .category-box .content-box {
  position: absolute;
  top: 0;
  left: 24px;
  height: 100%;
  display: grid;
  place-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category .category-box .content-box {
    left: 16px;
  }
}
@media (max-width: 767px) {
  .category .category-box .content-box {
    left: 16px;
  }
}
.category .category-box .content-box .discount {
  display: inline-flex;
  justify-content: baseline;
  align-items: end;
  margin-bottom: 8px;
}
.category .category-box .content-box .discount h2 {
  font-weight: 700;
  font-size: 61px;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: #EC7755;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category .category-box .content-box .discount h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .category .category-box .content-box .discount h2 {
    font-size: 40px;
  }
}
.category .category-box .content-box .discount span {
  font-weight: 700;
  font-size: 27px;
  line-height: 170%;
  letter-spacing: -0.02em;
  color: #EC7755;
  margin-left: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category .category-box .content-box .discount span {
    margin-left: 8px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .category .category-box .content-box .discount span {
    margin-left: 8px;
    font-size: 20px;
  }
}
.category .category-box .content-box h4 {
  font-weight: 400;
  font-size: 36px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #2C2D2F;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category .category-box .content-box h4 {
    margin-bottom: 16px;
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .category .category-box .content-box h4 {
    margin-bottom: 16px;
    font-size: 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category .category-box .content-box .cus-btn {
    padding: 8px 22px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .category .category-box .content-box .cus-btn {
    padding: 8px 22px;
    font-size: 18px;
  }
}
.category .category-box:hover .img-block img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}

.inner-banner {
 /* background: url(../media/banner/banner-bg.png);*/
  background-position: top right;
  background-size: cover;
  height: 700px;
}
@media (max-width: 991px) {
  .inner-banner {
    height: 550px;
  }
}
@media (max-width: 575px) {
  .inner-banner {
    height: 400px;
  }
}
.inner-banner .content {
  padding-top: 218px;
  text-align: end;
}
@media only screen and (min-width: 991px) and (max-width: 1499px) {
  .inner-banner .content {
    padding-right: 200px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
  .inner-banner .content {
    padding-right: 100px;
  }
}
@media (max-width: 991px) {
  .inner-banner .content {
    padding-top: 150px;
  }
}
@media (max-width: 767px) {
  .inner-banner .content {
    text-align: start;
  }
}
@media (max-width: 575px) {
  .inner-banner .content {
    padding-top: 100px;
  }
}
.inner-banner .content h5 {
  font-weight: 700;
  font-size: 47px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #EC7755;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .inner-banner .content h5 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .inner-banner .content h5 {
    font-size: 24px;
  }
}
.inner-banner .content h2 {
  font-weight: 700;
  font-size: 80px;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: #2C2D2F;
  margin-bottom: 48px;
}
@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 .timer {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inner-banner .content .timer li {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  background-color: #FAFAFA;
  display: inline-flex;
  margin-left: 24px;
  padding: 8px;
  border-radius: 15px;
  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);
}
.inner-banner .content .timer li:first-child {
  margin-left: 0;
}
.inner-banner .content .timer li small {
  font-weight: 300;
  font-size: 20px;
  color: #EC7755;
  padding-left: 4px;
}
@media only screen and (max-width: 991px) {
  .inner-banner .content .timer li {
    padding: 5px;
    font-size: 25px;
    margin: 0 5px;
  }
}
@media only screen and (max-width: 492px) {
  .inner-banner .content .timer li {
    font-size: 20px;
  }
  .inner-banner .content .timer li small {
    font-size: 14px;
  }
}

.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: #EC7755;
  color: #FAFAFA;
}
.pagination-wrape .pagination li a:hover {
  background-color: #EC7755;
  color: #FAFAFA;
}

.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 #EC7755;
  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);
}
.product-detail .detail-img-block img {
  border-radius: 0 0 25px 25px;
}
@media (max-width: 991px) {
  .product-detail .detail-img-block {
    margin-bottom: 48px;
  }
}
.product-detail .detail .p-name {
  font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.04em;
  margin-bottom: 0;
  color: #2C2D2F;
  font-family: "Roboto Serif", serif;
  margin-right: 16px;
}
@media (max-width: 492px) {
  .product-detail .detail .p-name {
    font-size: 32px;
  }
}
.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;
}
@media (max-width: 492px) {
  .product-detail .detail .price {
    font-size: 24px;
  }
}
.product-detail .detail p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #2C2D2F;
}
.product-detail .detail .title {
  font-weight: 400;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #2C2D2F;
  margin-bottom: 16px;
}
@media (max-width: 492px) {
  .product-detail .detail .title {
    font-size: 24px;
  }
}
.product-detail .detail .features .title span {
  font-weight: 700;
  font-size: 21px;
  line-height: 140%;
  color: #2C2D2F;
  margin-bottom: 0;
  margin-left: 16px;
}
@media (max-width: 492px) {
  .product-detail .detail .features .title span {
    font-size: 18px;
  }
}
.product-detail .detail .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;
  margin-bottom: 48px;
  background-color: #FAFAFA;
}
.product-detail .detail .quantity input.number {
  background: #EC7755;
  color: #FAFAFA;
}
.product-detail .detail .mar-right {
  margin-right: 32px;
}
@media (max-width: 492px) {
  .product-detail .detail .mar-right {
    margin-right: 16px;
  }
}
@media (max-width: 365px) {
  .product-detail .detail .mar-right {
    margin-bottom: 32px;
  }
}

.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 #EC7755;
}
@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: #FFF2E9;
  padding: 32px 24px;
  border-top: 3px solid #EC7755;
  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: #FFF2E9;
  padding: 32px 24px 40px;
  border-top: 3px solid #EC7755;
  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: #FFF2E9;
  border: 1px solid #EC7755;
  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 #EC7755;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkout .order-detail {
  border-radius: 10px;
  background: #FFF2E9;
  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 #EC7755;
}
.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 */

.home-search {
  color:  #EC7755 !important;
  background: #fff !important;
  margin-left: auto !important;
  margin-right: auto !important; 
  width: 500px !important;
}

.home-search .home-search-ul {
  width: 100% !important;
}

.home-search .home-search-ul #search-form {
  width: 100% !important;
}

.home-search input {
  color:  #EC7755 !important;
  border-bottom: 1px solid  #EC7755  !important;
}

.home-search input  ::placeholder {
  color:  #EC7755 !important;
  opacity: 1 !important;
}

 ::placeholder {
  color:  #EC7755 !important;
  opacity: 1 !important;
}

 ::-ms-input-placeholder {
  color:  #EC7755 !important;
}

.home-search button {
  color:  #EC7755 !important;
}