/* Font */
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700";
@import "https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700";

@-webkit-keyframes slide-down {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 0;
  }
}

@keyframes slide-down {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 0;
  }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  -webkit-animation: slide-down 5s 3;
  animation: slide-down 5s 3;
}

.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*--------------------------------------------------------------
  ##  Fonts
  --------------------------------------------------------------*/
body {
  font-family: 'Work Sans', sans-serif;
  color: #3f3f3f;
}

img {
  max-width: 100%;
}

svg {
  display: block;
}

a {
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  outline: 0;
}

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

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

.custom-container {
  max-width: 1680px;
}

p {
  margin-bottom: 10px;
}

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

.padding-120 {
  padding: 120px 0 !important;
}

.container-two {
  max-width: 1430px;
}

.padding-150 {
  padding: 150px 0;
}

.bg-one {
  background: #f5f5f5;
}

.pb-60 {
  padding-bottom: 60px !important;
}

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

.pad-45 {
  padding: 45px 0 !important;
}

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

.no-padding {
  padding: 0px;
}

.bg-two {
  background-color: #f0f0f0;
}

.padding-top-120 {
  padding-top: 120px;
}

.padding-top-90 {
  padding-top: 90px;
}

.mt-0 {
  margin-top: 0;
}


.menu-logo {
    display: flex;
    align-items: center;
    margin: 0 25px;
}

.menu-logo img {
    width: 140px;
    height: auto;
    display: block;
}

/*--------------------------------------------------------------
  ##  Header
  --------------------------------------------------------------*/
/*.logo img {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  padding: 10px;*/
/*  background: #fff;*/
/*  border-radius: 0 020px 20px;*/
/*}*/

/* .navbar-brand img {
    position: absolute;
    top: 0;
    padding: 10px;
    background: #fff;
    border-radius: 0 020px 20px;
} */


.mainmenu>ul {
  padding: 13px 0px;
}

.mainmenu>ul li {
  display: inline-block;
}

.mainmenu>ul li a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #3f3f3f;
  padding: 25px 30px;
  display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
}

.mainmenu>ul li a:hover {
  color: #850305;
}

.mainmenu>ul li a.active {
  color: #850305;
}

.mainmenu>ul li a.active:before {
  color: #850305;
}

.mainmenu li.has-child>a {
  position: relative;
}

.mainmenu li.has-child>a:before {
  position: absolute;
  content: '\f107';
  top: 27px;
  right: 10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 12px;
  color: #3f3f3f;
}

.mainmenu li.has-child>a:hover:before {
  color: #850305;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

/* ==============================
   LOGO INSIDE MAIN MENU
================================= */

.mainmenu > ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Logo menu item */
.mainmenu > ul li.menu-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
}

/* Remove normal menu link padding from logo */
.mainmenu > ul li.menu-logo > a {
    padding: 0 !important;
    display: flex;
    align-items: center;
}

/* Logo image */
.mainmenu > ul li.menu-logo img {
    width: 150px;
    height: auto;
    max-height: 80px;
    object-fit: contain;
    display: block;
}

#navigation > li.active > a {
    color: #850305 !important;
    font-weight: bold !important;
}



img{
    object-fit: cover;
}

.menu-container {
  position: static;
}

.header-right-one {
  padding-top: 35px;
  float: right;
}

.header-right-one ul li {
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 0 13px;
}

.header-right-one ul li:not(:last-child):after {
  content: '';
  position: absolute;
  width: 2px;
  background: #e8e6e6;
  height: 14px;
  top: 7px;
  right: 0;
}

.header-right-one ul .top-search {
  border-right: none;
  position: relative;
}

.header-right-one ul a {
  color: #850305;
  font-size: 15px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.header-right-one ul a:hover {
  color: #850305;
}

.custom-select {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  height: auto;
  padding: 0;
  background: none;
  background-size: auto;
  border: none;
  text-align: left;
  background-image: url(../../media/images/icon/arrow.png);
  font-size: 14px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.language .custom-select,
.curency .custom-select {
  background-position: 100% 6px;
  padding-right: 17px;
}

.custom-select:focus {
  border-color: #fff;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.search-input {
  visibility: hidden;
  border: 1px solid #cfcccc;
  position: absolute;
  right: 0;
  padding: 7px 10px;
  top: 63px;
  width: 300px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  border-radius: 3px;
  z-index: 8;
}

.search-input.active {
  visibility: visible;
  opacity: 1;
}

.top-cart {
  position: relative;
}

.header-area .cart-area .cart-title a {
  font-size: 15px;
}

.top-bar .cart-area span {
  padding: 0 !important;
  margin-top: 0;
}

.cart-area>.btn {
  background: #444 none repeat scroll 0 0;
  border: medium none transparent;
  border-radius: 0;
  color: #fff;
  float: right;
  font-size: 13px;
  font-weight: normal;
  height: 56px;
  line-height: 18px;
  padding: 5px 10px 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50%;
  z-index: 99;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.top-cart>.btn:hover {
  background: #e48080 none repeat scroll 0 0;
}

#cart-total span {
  display: block;
  font-size: 20px;
  padding-bottom: 5px;
}

.cart-title a {
  color: #525353;
}

.cart-title a:hover {
  color: #850305;
}

.cart-drop {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  opacity: 0;
  padding: 8px 9px 10px;
  position: absolute;
  right: 0;
  top: 90px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  visibility: hidden;
  width: 300px;
  z-index: 9999999;
  -webkit-box-shadow: 0px 20px 20px 0px rgba(80, 100, 126, 0.4);
  box-shadow: 0px 20px 20px 0px rgba(80, 100, 126, 0.4);
}

.top-cart .cart-drop.active {
  opacity: 1;
  top: 51px;
  visibility: visible;
}

.cart-img {
  display: inline-block;
  float: left;
  overflow: hidden;
}

.single-cart {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.cart-title>p a {
  color: #444;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 0;
  padding-left: 11px;
  padding-top: 7px;
  text-transform: capitalize;
}

.cart-price>p {
  display: inline-block;
  font-size: 15px;
  letter-spacing: 1px;
  margin-left: 11px;
  padding-top: 3px;
  color: #000;
}

.cart-price span {
  font-size: 20px;
}

.cart-drop .fa-times {
  border-radius: 50px;
  color: #444;
  font-size: 14px;
  height: 16px;
  line-height: 15px;
  position: absolute;
  right: 2px;
  text-align: right;
  top: 38px;
  width: 16px;
}

.cart-sub-total>p {
  color: #444;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 2px 10px;
  text-align: left;
  text-transform: capitalize;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 11px;
}

.cart-sub-total span {
  color: #6e6e6e;
  float: right;
  font-size: 18px;
}

.cart-sub-total p span {
  color: #850305;
  font-size: 18px;
}

.cart-bottom div {
  padding: 5px 0;
}

.cart-checkout a {
  padding: 5px 15px;
  background: #525353;
  color: #fff !important;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-left: 5px;
  font-weight: 700;
}

.cart-share a {
  padding: 5px 15px;
  background: #525353;
  color: #fff !important;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-right: 5px;
  font-weight: 700;
}

.cart-checkout {
  display: inline-block;
  float: left;
  margin-top: 14px;
}

.cart-share {
  float: right;
  margin-top: 14px;
}

.cart-checkout i,
.cart-share i {
  margin-right: 8px;
}

.cart-share a:hover,
.cart-checkout a:hover {
  background: #850305;
  color: #fff;
}

.top-cart>a {
  color: #fff;
  font-size: 20px;
}

.cart-sub-total span {
  margin-top: 0px;
}

.cart-checkout a i {
  font-size: 16px;
}

#inline-content {
  display: inline;
}

.headroom--pinned {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  position: fixed;
  -webkit-animation-name: headerSlideDown;
  animation-name: headerSlideDown;
}

.header-area {
  background: #fff;
}

#header {
  z-index: 999;
  position: fixed;
  width: 100%;
  left: 0;
}

.headroom--pinned {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  position: fixed;
  -webkit-animation-name: headerSlideDown;
  animation-name: headerSlideDown;
}

.headroom {
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  -o-transition: transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  position: fixed;
}

@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }

  100% {
    margin-top: 0;
  }
}

.animated.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}

.hide-topbar .top-bar {
  display: none;
}

/* ==========================================================================
   Mobile Menu css
   ========================================================================== */
.accordion-wrapper {
  display: none;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 20px;
  color: red;
  font-size: 14px;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #3f3f3f;
}

.accordion .link a:hover {
  color: #0f0606;
}

.accordion li:last-child .link {
  border-bottom: 0;
}

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #3f3f3f;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link {
  color: #850305;
}

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.submenu {
  display: none;
  background: #fff;
  font-size: 14px;
}

.submenu li {
  border-bottom: 1px solid #e0e1e0;
}

.submenu a {
  display: block;
  text-decoration: none;
  color: #3f3f3f;
  padding: 12px;
  padding-left: 20px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: transparent;
}

.accordion {
  position: fixed;
  right: -110%;
  top: 0px;
  width: 300px;
  z-index: 99999999999;
  background: #fff;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding-top: 40px;
  height: 100%;
  overflow-y: scroll;
}

.accordion.active {
  right: 0;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: fixed;
  top: 0;
}

.mobile-open {
  position: relative;
  right: 0;
  top: 0;
  font-size: 27px;
  color: #850305;
  float: left;
  margin-top: 8px;
}

.mob-logo {
  width: 50%;
  padding-left: 17px;
  margin-bottom: 22px;
}

.mobile-open:hover {
  color: #850305;
}

.closeme {
  position: absolute;
  right: 11px;
  top: 3px;
  padding: 3px;
}

.closeme i {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  font-size: 15px !important;
}

.accordion .top-contact-btn {
  margin-left: 42px;
  margin-top: 24px;
  float: left;
}

.submenu li h4 {
  color: #ffa725;
  margin-left: 40px;
  padding: 8px 0px;
  font-size: 17px;
}

.accordion .out-link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 20px;
  color: #4D4D4D;
  font-size: 14px;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .out-link a {
  color: #3f3f3f;
}

#moble-search {
  border: 1px solid #3f3f3f;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  border-radius: 4px;
  margin: 23px 17px 17px;
}

#moble-search input[type="text"] {
  background: transparent;
  height: 45px;
  color: #3f3f3f;
  border: 0;
  padding: 0 10px;
  width: 88%;
  outline: 0;
}

#moble-search button[type="submit"] {
  background: transparent;
  border: 0;
  color: #3f3f3f;
  cursor: pointer;
}

.mobile-header {
  display: none;
}

.image-hover {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.image-hover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}

.hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.image-hover:hover .hover-img {
  opacity: 1;
}

.image-hover:hover .normal-img {
  opacity: 0;
}


/* ==========================================================================
    Dropdown menu css
   ========================================================================== */
.sub-menu {
  position: absolute;
  z-index: 99999;
  background-color: #fff;
  width: 300px;
  -webkit-box-shadow: 1.236px 3.804px 8px 0px rgba(102, 101, 101, 0.48);
  box-shadow: 1.236px 3.804px 8px 0px rgba(102, 101, 101, 0.48);
  top: 115%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sub-menu li {
  position: relative;
}

.mainmenu .sub-menu a:hover {
  padding-right: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: #f6f6f6;
}

.mainmenu ul li .sub-menu li a {
  padding: 15px 25px;
  width: 100%;
  display: block;
  color: #3f3f3f;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}

.mainmenu li:hover .sub-menu {
  visibility: visible;
  top: 84%;
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mainmenu ul li .sub-menu li {
  width: 100%;
}


/*#page {*/
/*    display: none;*/
/*}*/

/*#loading {*/
/*    display: block;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 1000000;*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    background-color: #fff;*/
/*    background-image: url("../img/preloader.gif");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: 300px;*/
/*}*/


/*/whtasapp icon css Start/*/
/*/whats up/*/

.wa-ultimate-button1 {
  position: fixed;
  bottom: 30px;
  left: 45px;
  z-index: 100;
  perspective: 1200px;
  animation: fadeInUp 1.2s ease-out;
}

.wa-entry {
  position: relative;
  width: 65px;
  height: 65px;
  background: radial-gradient(circle, #25d366 0%, #128c7e 100%);
  border-radius: 50%;
  color: white;
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow:
    0 0 20px #25d366,
    0 0 60px rgba(37, 211, 102, 0.6),
    inset 0 0 15px #128c7e;
  transition: transform 0.3s ease;
  overflow: visible;
  animation: pulse 2.5s infinite ease-in-out;
}

.wa-entry:hover {
  transform: scale(1.08) rotateX(10deg);
}

.wa-glow {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  top: -20px;
  left: -20px;
  background: radial-gradient(circle, rgba(37, 211, 102, 0.3), transparent);
  animation: glowPulse 3s ease-in-out infinite;
  filter: blur(12px);
  z-index: 0;
}

.wa-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px dashed rgb(33 197 107);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ring1 {
  width: 75px;
  height: 75px;
  animation: spin 8s linear infinite;
}

.ring2 {
  width: 120px;
  height: 120px;
  animation: spinReverse 12s linear infinite;
}

.wa-bubbles {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: white;
  opacity: 0.6;
  animation: bubbles 4s linear infinite;
  box-shadow:
    0 0 4px #fff,
    0 -10px 0 0 rgba(255,255,255,0.3),
    0 -20px 0 0 rgba(255,255,255,0.2),
    0 -30px 0 0 rgba(255,255,255,0.1);
}

.wa-tooltip {
  position: absolute;
  bottom: 100%;
  margin-bottom: 15px;
  padding: 6px 14px;
  font-size: 14px;
  color: #000;
  white-space: nowrap;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  border-radius: 10px;
  opacity: 0;
  transform: scale(0.95);
  transition: 0.4s ease;
  text-shadow: 0 0 4px #25d366;
}

.wa-entry:hover .wa-tooltip {
  opacity: 1;
  transform: scale(1);
}
.wa-entry:hover i{
  color: #fff
}
.wa-tooltip span {
  display: inline-block;
  overflow: hidden;
  border-right: 2px solid #fff;
  white-space: nowrap;
  animation: typing 3s steps(25) 1s forwards, blink 0.8s step-end infinite;
  max-width: 0;
}

/* Animations */
@keyframes pulse {
  0%, 100% {
    box-shadow:
      0 0 20px #25d366,
      0 0 60px rgba(37, 211, 102, 0.5),
      inset 0 0 15px #128c7e;
  }
  50% {
    box-shadow:
      0 0 30px #25d366,
      0 0 80px rgba(37, 211, 102, 0.8),
      inset 0 0 25px #128c7e;
  }
}

@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes spinReverse {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(-360deg); }
}

@keyframes bubbles {
  0% {
    transform: translateX(-50%) translateY(0);
    opacity: 0.6;
  }
  100% {
    transform: translateX(-50%) translateY(-50px);
    opacity: 0;
  }
}

@keyframes glowPulse {
  0%, 100% { opacity: 0.2; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.2); }
}

@keyframes typing {
  to { max-width: 220px; }
}

@keyframes blink {
  0%, 100% { border-color: transparent; }
  50% { border-color: white; }
}

@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767px) {
    .call-to-action-6 {
        display: none !important;
    }
}

/*/whtasapp icon css End/*/



/* ==========================================================================
    Mega menu area css
   ========================================================================== */
.mega-catagory {
  float: left;
}

.menu-rel-container {
  position: relative;
}

.four-col .mega-catagory {
  width: 25%;
}

.five-col .mega-product {
  width: 20%;
  float: left;
  padding: 0 15px;
}

.mega-menu {
  position: absolute;
  top: 103px;
  left: 0;
  background: #fff;
  z-index: 999999;
  width: 100%;
  -webkit-box-shadow: 1.236px 3.804px 8px 0px rgba(102, 101, 101, 0.09);
  box-shadow: 1.236px 3.804px 8px 0px rgba(102, 101, 101, 0.09);
  padding: 12px 30px 20px;
  padding-left: 31px;
  opacity: 0;
  visibility: hidden;
}

.mega-menu.five-col {
  padding: 30px 30px 30px;
}

.mega-menu .sin-product {
  margin-bottom: 0;
}

.mega-catagory.per-20 {
  width: 20%;
}

.mega-catagory.per-30 {
  width: 30%;
}

.mega-menu .sin-product h5.pro-title a {
  padding: 0;
  font-size: 15px;
}

.mega-menu .sin-product span {
  font-size: 15px;
}

.mainmenu ul li .mega-product h4 a {
  padding: 16px 0px;
  border-bottom: 1px solid #e3dada;
  margin-right: 35px;
  color: #383737;
  text-transform: capitalize;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.mainmenu li:hover .mega-menu {
  visibility: visible;
  top: 84%;
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-top: 1px solid #f5f5f5;
}

.mainmenu .mega-button a {
  color: #383737;
  font-size: 15px;
  padding: 7px 20px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400 !important;
  position: relative;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  padding-left: 0;
}

/* -ms-transform: translate(0px,-10px);
-webkit-transform: translate(0px,-10px);
transform: translate(0px,-10px); */
.mainmenu ul li .mega-catagory h4 a {
  padding: 16px 0px;
  border-bottom: 1px solid #e3dada;
  margin-right: 35px;
  color: #383737;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 18px;
}

.mega-button {
  padding-top: 10px;
}

.mainmenu .mega-button a:hover {
  color: #850305;
}

.mega-img.mega-catagory a {
  padding: 7px 13px !important;
  display: inline !important;
  border-radius: 6px;
  color: #fff;
}

.mega-catagory.mega-img {
  text-align: center;
  padding: 6px;
  padding-top: 12px;
}

.mega-catagory.mega-img img {
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.mega-catagory.mega-img:hover img {
  -ms-transform: translate(0px, -5px);
  -webkit-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.mega-button li {
  display: block;
  width: 100%;
}

.mega-product .sin-product:hover .pro-img::after {
  opacity: .2;
}

.mobile-login {
  text-align: center;
  margin-top: 25px;
  color: #3f3f3f;
  font-size: 12px;
}

.mobile-login a {
  padding: 15px 15px 15px 20px;
  font-size: 16px;
  color: #3f3f3f;
}

.mainmenu ul li .mega-product h4 a {
  padding: 0px 0px 16px;
}

/*--------------------------------------------------------------
  ##  Header 2
  --------------------------------------------------------------*/
.top-bar {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(101, 114, 129, 0.29);
  box-shadow: 0px 0px 4px 0px rgba(101, 114, 129, 0.29);
  background: #f6f6f6;
  padding: 15px 0px 3px;
}

.top-bar-left p {
  font-size: 15px;
  color: #747474;
  float: left;
  margin-right: 40px;
  position: relative;
}

.top-bar-left p a {
  color: #747474;
}

.top-bar-left p a:hover {
  color: #850305;
}

.top-bar-left p i {
  margin-right: 5px;
  color: #850305;
}

.top-bar-left>a {
  font-size: 15px;
  color: #747474;
  float: left;
  margin-right: 40px;
  position: relative;
}

.top-bar-left>a:hover {
  color: #850305;
}

.top-bar-left>a i {
  margin-right: 5px;
}

.top-bar-left p:not(:last-child)::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #cccccc;
  height: 14px;
  top: 4px;
  right: -21px;
}

.top-bar-right>a {
  color: #850305;
  font-weight: 500;
  float: right;
  padding-right: 33px;
}

.top-bar-right>a:hover {
  color: #850305;
}

.top-bar-right .social {
  float: right;
}

.top-bar-right .social ul li {
  margin-right: 18px;
}

.top-bar-right .social ul a {
  color: #747474;
}

.top-bar-right .social ul a:hover {
  color: #850305;
}

.mainmenu.style-two ul li::before {
  position: absolute;
  content: '\f078';
  top: 27px;
  right: 13px;
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  display: none;
}

.mainmenu.style-two ul li a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}

.mainmenu.style-two {
  float: right;
}

.header-right-menu {
  padding: 38px 0px;
  float: right;
}

.header-right-menu>ul>li {
  display: inline;
  padding: 0px 15px;
  border-right: 1px solid #ddd;
}

.header-right-menu>ul>li:last-child {
  border-right: none;
}

.header-right-menu>ul>li a {
  color: #3f3f3f;
  font-size: 15px;
}

.header-right-menu>ul>li a:hover {
  color: #850305;
}

.top-search.style-two {
  border-right: 1px solid #ddd;
  position: relative;
}

.top-cart a>span {
  position: absolute;
  top: -9px;
  right: 4px;
  font-size: 12px;
  color: #fff;
  background: #747474;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  text-align: center;
  line-height: 15px;
}

/*--------------------------------------------------------------
  ##  Navbar Three Css
  --------------------------------------------------------------*/
.header-area.style-three {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 99999;
  width: 100%;
  background: none;
  padding: 0 30px;
}

.headroom--pinned.header-area.style-three {
  position: fixed;
  background: #fff;
}

.header-right-menu.style-three {
  padding: 33px 0px;
  float: right;
}

.header-right-menu.style-three>ul>li {
  float: left;
  padding: 0px 17px;
  border-right: 1px solid #6a6a6a;
  display: inline;
}

.header-right-menu.style-three>ul>li:last-child {
  border-right: none;
  padding: 0px 10px;
}

.header-right-menu.style-three>ul>li>a {
  font-size: 20px;
}

.header-right-menu.style-three>ul>li>a img {
  border-radius: 100%;
}

.mainmenu.style-three {
  visibility: hidden;
  opacity: 0;
  -o-transition: opacity 0.3s ease 0.5s;
  -webkit-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.mainmenu.style-three.active {
  visibility: visible;
  opacity: 1;
}

.header-area.style-three::after {
  position: absolute;
  content: '';
  background: white;
  width: 0;
  height: 105px;
  top: 0px;
  z-index: -1;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  right: 0;
}

.menu-open .header-area.style-three::after {
  width: 100%;
}

.mainmenu.style-three>ul>li:nth-child(7) {
  -webkit-transition-delay: .30s;
  -o-transition-delay: .30s;
  transition-delay: .30s;
}

.mainmenu.style-three>ul>li:nth-child(6) {
  -webkit-transition-delay: .35s;
  -o-transition-delay: .35s;
  transition-delay: .35s;
}

.mainmenu.style-three>ul>li:nth-child(5) {
  -webkit-transition-delay: .40s;
  -o-transition-delay: .40s;
  transition-delay: .40s;
}

.mainmenu.style-three>ul>li:nth-child(4) {
  -webkit-transition-delay: .45s;
  -o-transition-delay: .45s;
  transition-delay: .45s;
}

.mainmenu.style-three>ul>li:nth-child(3) {
  -webkit-transition-delay: .50s;
  -o-transition-delay: .50s;
  transition-delay: .50s;
}

.mainmenu.style-three>ul>li:nth-child(2) {
  -webkit-transition-delay: .55s;
  -o-transition-delay: .55s;
  transition-delay: .55s;
}

.mainmenu.style-three>ul>li:nth-child(1) {
  -webkit-transition-delay: .60s;
  -o-transition-delay: .60s;
  transition-delay: .60s;
}

.mainmenu.style-three ul li a {
  font-size: 15px;
}

.flaticon-tool {
  display: block;
}

.active .flaticon-tool {
  display: none;
}

.menu-btn .flaticon-menu-1 {
  display: block;
  font-size: 21px;
}

.menu-btn .active .flaticon-menu-1 {
  display: none;
}

.menu-btn .flaticon-close {
  display: none;
}

.menu-btn .active .flaticon-close {
  display: block;
  font-size: 21px;
}

.header-right-menu.style-three .top-cart {
  width: auto;
}

.home-version-3 {
  padding: 30px;
}

/*--------------------------------------------------------------
  ##  Slider
  --------------------------------------------------------------*/
@media (min-width: 1200px) {
  .slider-1 {
    padding-top: 100px;
  }
}

.slider-wrapper .item {
  background-size: cover;
}

.slider-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider-content a.btn-two {
  margin-bottom: 6px;
}

.slider-text.style-two.mob-align-left {
  padding-right: 0;
}

.slider-text h1 {
  font-size: 73px;
  /*color: #850305;*/
  color: #fff;
  line-height: 70px;
  font-family: "Bodoni Moda", serif;
  font-weight: 200;
  margin: 10px 0;
}

.slider-text h4 {
  font-size: 19px;
  letter-spacing: 7px;
  /*color: #850305;*/
  color: #fff;
  font-family: "Roboto Mono", monospace;;
  font-weight: 300;
  margin: 0;
}

.slider-text span {
  /*color: #1d1b1b;*/
  color: #fff;
}

.slider-text p {
  font-size: 18px;
  /*color: #434343;*/
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
}

a.btn-one {
  font-size: 20px;
  color: #fff;
  background: #3f3f3f;
  padding: 13px 44px;
  border-radius: 29px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  margin-top: 10px;
}

a.btn-one:hover {
  background: #850305;
  color: #3f3f3f;
}

.slider-text {
  padding-right: 100px;
}

.background-1 {
  background-image: url(../../media/images/banner/f1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.background-2 {
  background-image: url(../../media/images/banner/f2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.background-3 {
  background-image: url(../../media/images/banner/f3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slider-img {
  padding-top: 60px;
  text-align: center !important;
}

.owl-carousel .owl-item .slider-img img {
  max-width: 100%;
  width: auto;
}

.slider-wrapper .owl-theme .owl-dots .owl-dot.active span {
  /*background: #850305;*/
  /*width: 10px;*/
  /*height: 32px;*/
  display: none;
}

.slider-wrapper .owl-theme .owl-dots .owl-dot span {
  /*width: 16px;*/
  /*margin: 0px 4px;*/
  /*background: #1d1b1b;*/
  /*display: inline-block;*/
  /*border-radius: 3px;*/
  /*width: 10px;*/
  /*height: 14px;*/
  display: none;
}

.slider-wrapper .owl-theme .owl-dots .owl-dot {
  display: block;
}

.slider-wrapper .owl-theme .owl-nav+.owl-dots {
  margin-top: 10px;
  position: absolute;
  top: 50%;
  right: 150px;
}

.delay {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
}

.slider-text h4 {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
}

.slider-text h1 {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
}

.slider-text p {
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
}

.slider-text a {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
}

/* ----------------------------------------------------------------
	Slider Style Two
-----------------------------------------------------------------*/
@media (min-width: 1200px) {
  .slider-2 {
    padding-top: 150px;
  }
}

.slider-text.style-two {
  text-align: center;
}

.slider-text.style-two h1 {
  font-size: 55px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  padding-bottom: 30px;
}

a.btn-two {
  font-size: 20px;
  color: #fff;
  background: #830304;
  padding: 13px 44px;
  border-radius: 0px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  margin-top: 10px;
  position: relative;
  text-transform: uppercase;
}

a.btn-two:hover:before {
  width: 100%;
}

a.btn-two:hover:after {
  width: 100%;
}

a.btn-two::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 66px;
  top: -5px;
  left: -6px;
  border: 2px solid #1d1b1b;
  border-right: none;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

a.btn-two::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 66px;
  top: -5px;
  right: -6px;
  border: 2px solid #1d1b1b;
  border-left: none;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

/* ----------------------------------------------------------------
	Slider Style Three
-----------------------------------------------------------------*/
.slider-3 {
  padding-top: 100px;
}

.slider-wrapper.style-three .owl-theme .owl-dots .owl-dot.active span {
  background: #850305;
  width: 18px;
  height: 10px;
}

.slider-wrapper.style-three .owl-theme .owl-dots .owl-dot span {
  width: 16px;
  margin: 0px 4px;
  background: #3f3f3f;
  display: inline-block;
  border-radius: 0px;
  width: 10px;
  height: 10px;
}

.slider-wrapper.style-three .owl-theme .owl-dots .owl-dot {
  display: inline-block;
}

.slider-wrapper.style-three .owl-theme .owl-nav+.owl-dots {
  margin-top: 10px;
  position: absolute;
  top: 92%;
  left: 0;
  width: 100%;
}

/*--------------------------------------------------------------
  ##  Product Banner
  --------------------------------------------------------------*/
.sin-banner {
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
  border: 10px solid #233e47;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sin-banner img {
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sin-banner .sin-banner-inner-wrap {
  top: 50%;
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sin-banner-con {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: rgba(255, 255, 255, 0.93);
}

.sin-banner-con h4 {
  line-height: 37px;
  margin: 0;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #233e47;
  font-size: 28px;
}

.sin-banner-con h4 span {
  font-weight: 400;
  display: inline;
  font-size: 28px;
}

.sin-banner-con h3 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #850305;
  font-size: 45px;
}

.sin-banner-con p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 900;
  font-size: 20px;
  color: #233e47;
  margin-top: 40px;
}

.sin-banner-con span {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #233e47;
  display: block;
  line-height: 24px;
}

.sin-banner-con .banner-top {
  position: relative;
  margin-bottom: 24px;
}

.sin-banner-con .banner-top:after {
  position: absolute;
  left: 50%;
  bottom: -12px;
  height: 1px;
  width: 220px;
  background: #233e47;
  content: '';
  margin-left: -110px;
}

.sin-banner.borders:hover {
  border-color: #850305;
}

.sin-banner-con {
  top: 0px;
  left: 0;
  height: auto;
  bottom: 0;
  width: 50%;
}

.sin-banner-con h4 a {
  font-size: 20px;
}

.sin-banner-con span {
  font-size: 18px;
}

.sin-banner-con-right {
  background: #850305;
  color: #fff;
  padding: 4px 47px;
  text-align: center;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  position: absolute;
  top: 212px;
  right: 0;
  margin-right: -98px;
}

.sin-banner-con-right p {
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

.sin-banner-con-right span {
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #fff;
}

.sin-banner:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/*--------------------------------------------------------------
  ##  Product Filter
  --------------------------------------------------------------*/
.section-heading {
  text-align: center;
}

.section-heading h3 {
  font-size: 26px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #850305;
  text-transform: uppercase;
  padding-bottom: 50px;
  position: relative;
  line-height: 26px;
}

.section-heading h3 span {
  color: #3f3f3f;
}

.section-heading h3:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 250px;
  height: 30px;
  background-image: url(../../media/images/icon/line.png);
  background-repeat: no-repeat;
  background-position: center;
  top: 40px;
  margin-left: -125px;
}

.section-heading p {
  font-size: 16px;
  color: #636363;
  padding: 0 25%;
  padding-bottom: 20px;
}

.main-product {
  padding: 110px 0 60px;
}

.pro-tab-filter {
  text-align: center;
}

.pro-tab-filter .pro-tab-button li {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  display: inline-block;
  font-size: 17px;
  color: #636363;
  margin: 0 30px;
  cursor: pointer;
  text-transform: uppercase;
}

.pro-tab-filter .pro-tab-button li:hover {
  color: #850305;
}

.pro-tab-filter .pro-tab-button li.active {
  color: #850305;
}

.sin-product {
  margin-bottom: 50px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.sin-product h5.pro-title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  float: left;
}

.sin-product h5.pro-title a {
  color: #525353;
  font-size: 18px;
}

.sin-product h5.pro-title a:hover {
  color: #850305;
}

.sin-product span {
  color: #850305;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  float: right;
  font-size: 18px;
}

.sin-product .pro-img {
  position: relative;
}

.sin-product .pro-img:after {
  position: absolute;
  height: 100%;
  background: #f2f4f4;
  opacity: 0;
  content: '';
  top: 0;
  left: 50%;
  right: 50%;
  z-index: 0;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.banner-product .sin-product {
  margin-bottom: 35px;
}

.banner-product {
  padding: 115px 0 75px;
}

.sin-product:hover .pro-img:after {
  opacity: .70;
  right: 0;
  left: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mid-wrapper {
  overflow: hidden;
  padding: 18px 0 0;
  z-index: 99;
  position: relative;
}

.pro-icon {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pro-icon ul li {
  display: inline-block;
  margin: 0 30px;
  position: relative;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pro-icon ul li a {
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 7px;
}

.pro-icon ul li:after {
  content: '';
  position: absolute;
  width: 35px;
  height: 35px;
  background: #3a3a3a;
  left: -2px;
  z-index: -1;
  top: 0px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  border-radius: 5px;
  -webkit-box-shadow: 2.5px 4.33px 21px 0px rgba(90, 89, 89, 0.3);
  box-shadow: 2.5px 4.33px 21px 0px rgba(90, 89, 89, 0.3);
}

.sin-product:hover .pro-icon {
  opacity: 1;
  visibility: visible;
}

.sin-product:hover .pro-icon ul li {
  margin: 0 12px;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.main-product .pro-tab-filter .pro-tab-button {
  padding: 20px 0px 50px;
}

.main-product .sin-product.style-three h5.pro-title a {
  color: #525353;
  font-size: 18px;
  font-weight: 600;
}

.shop-four-grid .sin-product.style-two .pro-title a {
  width: 183px;
}

.sin-product.style-one h5.pro-title {
  width: 75%;
  text-align: left;
}

.pro-icon ul li a:hover {
  color: #850305;
}

/*--------------------------------------------------------------
  ##  Product Filter Style Two
  --------------------------------------------------------------*/
.pro-tab-filter.style-two {
  text-align: left;
}

.pro-tab-filter.style-two .pro-tab-button {
  padding: 30px 0px;
  margin-bottom: 20px;
  text-align: center;
}

.pro-tab-filter.style-two .pro-tab-button li:first-child {
  margin-left: 0px;
}

.sin-product.style-two .pro-title {
  margin-bottom: 3px;
}

.sin-product.style-two .pro-title a {
  white-space: nowrap;
  width: 240px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: left;
}

.sin-product.style-two .pro-icon {
  top: 0;
}

.sin-product.style-two .pro-icon ul li a {
  color: #585858;
  font-size: 23px;
}

.sin-product.style-two .pro-icon ul li a:hover {
  color: #850305;
}

.sin-product.style-two .pro-icon ul li:after {
  display: none;
}

.sin-product.style-two .pro-icon ul li:before {
  background: url(../../media/images/icon/li-border.png);
  background-size: auto;
  content: '';
  width: 5px;
  height: 47px;
  position: absolute;
  top: 10px;
  right: -18px;
  background-repeat: no-repeat;
}

.sin-product.style-two .pro-icon ul li:last-child:before {
  display: none;
}

.sin-product.style-two .add-to-cart {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sin-product.style-two .add-to-cart a {
  color: #850305;
  font-size: 15px;
  padding: 10px 25px;
  background: #fff;
  border-radius: 50px;
  text-transform: uppercase;
  -webkit-box-shadow: -0.908px 1.782px 9px 0px rgba(126, 124, 124, 0.3);
  box-shadow: -0.908px 1.782px 9px 0px rgba(126, 124, 124, 0.3);
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.sin-product.style-two:hover .add-to-cart {
  visibility: visible;
  opacity: 1;
}

.sin-product.style-two .new-tag {
  color: #fff;
  background: #66a2f4;
  padding: 2px 10px;
  border-radius: 23px;
  font-size: 16px;
  position: absolute;
  top: 25px;
  left: 20px;
}

.sin-product.style-two .mid-wrapper>span {
  color: #7b7b7b;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  float: left;
  font-size: 16px;
  display: inline;
  width: 100%;
  text-align: left;
}

.sin-product.style-two .mid-wrapper p {
  color: #7b7b7b;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  float: left;
  font-size: 16px;
  display: inline;
  width: 100%;
  text-align: left;
}

.sin-product.style-two .mid-wrapper p span {
  color: #850305;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  float: none;
  font-size: 16px;
}

.sin-product.style-two .icon-wrapper {
  position: absolute;
  width: 100%;
  bottom: 170px;
  height: 115px;
}

.color-variation {
  float: right;
}

.color-variation ul li {
  display: inline-block;
}

.color-variation ul li:nth-child(1) {
  color: #cdcd16;
}

.color-variation ul li:nth-child(2) {
  color: #45ce09;
}

.color-variation ul li:nth-child(3) {
  color: #cd163d;
}

.color-variation ul li:nth-child(4) {
  color: #4c4c4c;
}

/*--------------------------------------------------------------
  ##  Product Three
  --------------------------------------------------------------*/
.sin-product.style-three {
  position: relative;
  padding: 0 20px 30px;
}

.sin-product.style-three .pro-title {
  margin-bottom: 3px;
}

.sin-product.style-three .mid-wrapper span {
  color: #7b7b7b;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  float: left;
  font-size: 18px;
  display: inline;
  width: 100%;
  text-align: left;
}

.main-product .grid-three .grid-item {
  padding: 0 70px;
}

.main-product .grid-three .grid-item {
  margin-top: 115px;
}

.main-product .grid-three .grid-item:first-child {
  margin-top: 330px;
}

.sin-product.style-three:after {
  content: '';
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 475px;
}

.pro-img-three {
  position: relative;
  z-index: 99;
}

/*   .sin-product.style-three .pro-icon::after {
	position: absolute;
	content: '';
	width: 50%;
	height: 107px;
	left: 50%;
	top: -32px;
	z-index: -2;
	border: 5px solid #fff;
	opacity: 0.7;
	background: #fff;
	transform: translateX(-50%);
	border: 1px solid #000;
} */
.sin-product.style-three .pro-img-three .img-hover {
  visibility: hidden;
  opacity: 0;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sin-product.style-three .pro-img-three .img-show {
  visibility: visible;
  opacity: 1;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  width: 100%;
  left: 0;
}

.sin-product.style-three:hover .pro-img-three .img-hover {
  visibility: visible;
  opacity: 1;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.sin-product.style-three:hover .pro-img-three .img-show {
  visibility: hidden;
  opacity: 0;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.main-product.bg-one {
  position: relative;
}

.main-product.bg-one::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 300px;
  background: #f0f0f0;
  top: 0;
  left: 0;
  z-index: 0;
}

.pro-icon.style-three ul li {
  display: block;
  margin: 0 30px;
  position: relative;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 50px;
  height: 56px;
}

.pro-icon.style-three {
  width: 75px;
  position: absolute;
  top: 40%;
  left: 7px;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pro-icon.style-three ul li::after {
  content: '';
  position: absolute;
  width: 35px;
  height: 35px;
  background: #fff;
  left: 8px;
  z-index: -1;
  top: 0px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dbd8d8;
}

.pro-icon.style-three ul li a {
  color: #850305;
}

.sin-product.style-three .mid-wrapper p span {
  color: #850305;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  float: none;
  font-size: 18px;
}

.sin-product.style-three .mid-wrapper p {
  float: left;
  font-size: 18px;
  display: inline;
  width: 100%;
  text-align: left;
  font-weight: 400;
}

/*--------------------------------------------------------------
  ##  Features
  --------------------------------------------------------------*/
.feature-area {
  background: #fff url("../img/middle-section3.png") no-repeat center;
  background-size: cover;
  padding: 105px 0;
}

.sin-feature {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  padding: 15px;
  position: relative;
  height: 185px;
  background: #fff;
  margin: 15px 0;
}

.sin-feature .icon {
  color: #000;
  width: 20%;
  float: left;
}

.sin-feature .icon i {
  font-size: 38px;
}

.sin-feature .f-content {
  width: 80%;
  float: right;
  text-align: left;
  padding-top: 5px;
}

.sin-feature .f-content h6 {
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 4px;
}

.sin-feature .f-content h6 a {
  color: #850305;
}

.sin-feature .f-content h6 a:hover {
  color: #3f3f3f;
}

.sin-feature .f-content p {
  font-size: 15px;
  color: #7b7b7b;
}

.sin-feature .inner-sin-feature {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: relative;
  padding-left: 53px;
  position: relative;
  z-index: 999;
  overflow: hidden;
}

.sin-feature:after {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  content: '';
  border: 1px dashed #252525;
}

/*--------------------------------------------------------------
  ##  Banner and  Product area
  --------------------------------------------------------------*/
.rating ul li {
  display: inline-block;
}

.rating ul li a {
  color: #5d5d5c;
  font-size: 11px;
}

.mid-wrapper.style-two .pro-title {
  display: block;
  width: 100%;
  margin-bottom: 3px;
}

.mid-wrapper.style-two .rating {
  display: block;
}

.mid-wrapper.style-two span {
  display: block;
  width: 100%;
  margin-top: 5px;
  font-size: 20px;
}

.sin-product.style-two.small .icon-wrapper {
  bottom: 123px;
}

/*--------------------------------------------------------------
  ##  Banner and  Product area 2
  --------------------------------------------------------------*/
.pb-info {
  position: absolute;
  bottom: 80px;
  left: 160px;
  text-align: center;
  background: #4f4f50;
  opacity: 0;
  padding: 36px 14px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 140px;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pb-info:after {
  position: absolute;
  content: '';
  width: 320px;
  height: 160px;
  left: -10px;
  top: -10px;
  z-index: -2;
  border: 5px solid #4f4f50;
  opacity: .9;
}

.pb-info p {
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.pb-info h6 {
  font-size: 30px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #850305;
}

.prod-banner-two {
  position: relative;
  margin-top: 30px;
}

.prod-banner-two:hover .pb-info {
  left: 50%;
  opacity: .9;
}

.sin-prod-car {
  padding: 0 15px;
}

/*--------------------------------------------------------------
  ##  Small Product
  --------------------------------------------------------------*/
.small-sec-title {
  text-align: left;
  padding-bottom: 30px;
}

.small-sec-title h6 {
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #850305;
  text-transform: uppercase;
  padding-bottom: 50px;
  position: relative;
}

.small-sec-title h6 span {
  color: #3f3f3f;
}

.small-sec-title h6:after {
  content: '';
  position: absolute;
  left: 0;
  width: 108px;
  height: 30px;
  background-image: url(../../media/images/icon/line2.png);
  background-repeat: no-repeat;
  background-position: center;
  top: 35px;
  margin-left: 0;
}

.product-small {
  padding: 110px 0 90px;
}

.sin-product-s {
  overflow: hidden;
  margin-bottom: 30px;
}

.sin-product-s .sp-img {
  float: left;
  width: 33%;
}

.small-pro-details {
  width: 66%;
  float: right;
  padding-left: 11px;
  padding-top: 3px;
  overflow: hidden;
}

.small-pro-details .title {
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  margin: 0;
}

.small-pro-details .title a {
  color: #3f3f3f;
  font-weight: 400;
}

.small-pro-details .title a:hover {
  color: #850305;
}

.small-pro-details span {
  font-size: 16px;
  color: #850305;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  display: block;
}

.small-pro-details>a {
  font-size: 14px;
  color: #565454;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}

.small-pro-details .rating a {
  color: #a4a3a1;
}

/*--------------------------------------------------------------
  ##  Caegory
  --------------------------------------------------------------*/
.sin-category {
  padding: 0 15px;
}

.sin-category .cat-name {
  text-align: center;
  margin-top: -75px;
}

.sin-category .cat-name a {
  color: #233e47;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  padding: 17px 32px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #abacac;
  margin: 0 auto;
}

.sin-category .cat-name a h5 {
  margin-bottom: 0px;
  line-height: 29px;
  font-size: 22px;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
}

.sin-category .cat-name a h5 span {
  font-weight: 400;
}

.sin-category .cat-name a:hover {
  color: #850305;
}

/*--------------------------------------------------------------
  ##  Logo Carousel
  --------------------------------------------------------------*/
.client-car.owl-carousel.owl-drag .owl-item {
  text-align: center;
}

.client-car.owl-theme .owl-nav [class*="owl-"] {
  color: #b7b7b7;
  font-size: 17px;
  padding: 2px 12px;
  background: #fff;
  border-radius: 0px;
  line-height: 23px;
}

.client-car.owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.client-car.owl-carousel .owl-nav .owl-next:hover,
.client-car.owl-carousel .owl-nav .owl-prev:hover {
  color: #850305;
}

.client-car.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.client-car.owl-theme .owl-nav {
  margin-top: 0;
}

.logo-carousel {
  padding: 30px 0px;
}

/*--------------------------------------------------------------
  ##  Testimonial
  --------------------------------------------------------------*/
.single-testimonial {
  padding: 50px 35px 50px 50px;
  color: #636363;
  font-size: 16px;
  background: #fff;
  border-radius: 30px 0 30px 0;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(126, 124, 124, 0.1);
  box-shadow: 0px 0px 9px 0px rgba(126, 124, 124, 0.1);
}

.single-testimonial .tes-img {
  float: left;
  width: 122px;
  height: 122px;
  border: 6px solid #fff;
  border-radius: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(126, 124, 124, 0.17);
  box-shadow: 0px 0px 27px 0px rgba(126, 124, 124, 0.17);
}

.single-testimonial .tes-img img {
  border-radius: 100%;
}

.single-testimonial .tes-content {
  overflow: hidden;
  padding-left: 32px;
  padding-top: 16px;
}

.single-testimonial .tes-content p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-style: italic;
  position: relative;
}

.single-testimonial .tes-content p:after {
  position: absolute;
  content: '\f10d';
  width: 10px;
  height: 10px;
  top: -22px;
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-size: 18px;
  color: #949494;
  font-weight: 900;
}

.single-testimonial .tes-content span {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  padding-left: 50px;
}

.single-testimonial .tes-content span:after {
  position: absolute;
  content: '';
  width: 30px;
  height: 2px;
  top: 10px;
  left: 0;
  background: #850305;
}

.testimonial-carousel.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 20px;
}

.testimonial-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: #850305;
  width: 18px;
  height: 10px;
}

.testimonial-carousel.owl-theme .owl-dots .owl-dot span {
  width: 16px;
  margin: 0px 4px;
  background: #3f3f3f;
  display: inline-block;
  border-radius: 0px;
  width: 10px;
  height: 10px;
}

.section-heading.no-paragraph {
  padding-bottom: 40px;
}

.testimonial-carousel.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 55px;
}

/*--------------------------------------------------------------
  ##  Breadcrumb
  --------------------------------------------------------------*/
.breadcrumb-area {
  background: linear-gradient(90deg, rgba(245, 237, 226, .96), rgba(245, 237, 226, .55));
  padding: 170px 0px 10px;
}

.bc-inner p {
  font-size: 16px;
  color: #850305;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

.bc-inner p a {
  color: #3f3f3f;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}

.bc-inner p a:hover {
  color: #850305;
}

/*--------------------------------------------------------------
  ##  Shop Page
  --------------------------------------------------------------*/
.shop-area {
  padding: 45px 0px 120px;
}

.shop-area.style-two {
  padding-bottom: 100px;
}

.shop-sorting-area.row {
  margin-bottom: 60px;
}

.sidebar-search button {
  width: 50px;
  height: 45px;
  margin-left: -5px;
  color: #2e2e2e;
  font-size: 20px;
  border-left: none;
  cursor: pointer;
  background: transparent;
  position: absolute;
  right: 55px;
  border: none;
}

.sidebar-search input {
  width: calc(100%);
  border: 1px solid #e9e9e9;
  height: 45px;
  position: relative;
  float: left;
  padding-left: 20px;
  background: transparent;
  color: #222;
}

.sidebar-search {
  width: 100%;
}

.sidebar-widget {
  padding-bottom: 70px;
  overflow: hidden;
}

.sidebar-widget h6 {
  color: #2e2e2e;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 25px;
}

.category-widget ul li {
  padding-left: 16px;
  padding-bottom: 5px;
  position: relative;
}

/*.category-widget ul li:after {*/
/*  content: '';*/
/*  width: 5px;*/
/*  height: 5px;*/
/*  background: #850305;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 14px;*/
/*  margin-top: -2px;*/
/*}*/

.category-widget ul li a {
  color: #7b7b7b;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}

.category-widget ul li span {
  color: #7b7b7b;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  float: right;
}

.category-widget ul li:not(:first-child) {
  padding-top: 13px;
}

#slider-range {
  margin-bottom: 25px;
}

.ui-widget-content {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.ui-slider-range {
  background: #850305 none repeat scroll 0 0;
}

p.sub-title {
  color: #e48080;
  display: block;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px 10px 0;
  text-transform: capitalize;
}

.price-range>span {
  margin-right: 5px;
  text-transform: capitalize;
  color: #464646;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.price-range input[type="text"] {
  border: medium none;
  float: none;
  height: 30px;
  letter-spacing: 3px;
  text-align: center;
  width: 56%;
  word-spacing: 7px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #850305;
  line-height: 23px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-hover {
  border: 2px solid #850305;
  background: #850305;
  font-weight: normal;
  color: #121212;
  border-radius: 50px;
  height: 16px;
  width: 16px;
}

.ui-widget.ui-widget-content {
  border: 0px solid #c5c5c5;
  background: #f1f1f1;
  border-radius: 0px;
  height: 6px;
  margin-left: 12px;
  margin-right: 10px;
}

.color-widget ul li {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 3px;
  border: 1px solid #ddd;
}

.color-widget ul li:nth-child(1) {
  background: #cdcd16;
}

.color-widget ul li:nth-child(2) {
  background: #45ce09;
}

.color-widget ul li:nth-child(3) {
  background: #cd163d;
}

.color-widget ul li:nth-child(4) {
  background: #e51996;
}

.color-widget ul li:nth-child(5) {
  background: #2e2e2e;
}

.color-widget ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
}

.wid-pro {
  overflow: hidden;
  padding-bottom: 30px;
}

.wid-pro .sp-img {
  float: left;
}

.wid-pro .small-pro-details {
  float: left;
  padding-left: 20px;
  padding-top: 1px;
  width: 65%;
}

.wid-pro .small-pro-details .title {
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  margin-bottom: 5px;
}

.wid-pro .small-pro-details .title a {
  color: #525353;
}

.wid-pro .small-pro-details .title a:hover {
  color: #850305;
}

.wid-pro .small-pro-details span {
  font-size: 16px;
  color: #525353;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  display: block;
  float: left;
  margin-right: 9px;
}

.wid-pro .small-pro-details .pre-price {
  text-decoration: line-through;
  font-weight: 400;
  color: #939393;
  font-size: 16px;
}

.wid-pro .small-pro-details>a {
  font-size: 14px;
  color: #3f3f3f;
  text-decoration: underline;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.wid-pro .small-pro-details .rating {
  padding: 0px;
  padding-top: 0px;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 5px;
}

.wid-pro .small-pro-details .rating a {
  color: #850305;
}

.banner-wid {
  position: relative;
  padding-bottom: 0px;
  text-align: center;
}

.banner-wid a {
  text-align: center;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  color: #5e5e5e;
  text-transform: uppercase;
  position: absolute;
  top: 86%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.Bg {
  background-color: #2e2e2e;
  -webkit-box-shadow: 0.707px -0.707px 8px 0px rgba(109, 109, 109, 0.11);
  box-shadow: 0.707px -0.707px 8px 0px rgba(109, 109, 109, 0.11);
  position: absolute;
  left: 135px;
  top: 1694px;
  width: 390px;
  height: 519px;
  z-index: 82;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: transparent;
}

.nav-tabs {
  border-bottom: 0px solid #dee2e6;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.shop-btn li a.nav-link {
  color: #2e2e2e;
  padding: 1px;
  border-radius: 0px;
  width: 35px;
  text-align: center;
  height: 50px;
  font-size: 18px;
  line-height: 39px;
}

.shop-btn li a.nav-link:hover {
  color: #850305;
}

.shop-btn li a.nav-link.active {
  color: #850305;
}

.shop-btn .flaticon-list {
  font-size: 23px;
  line-height: 37px;
}

.list-pro-det {
  text-align: left;
}

.list-pro-det .color-variation {
  float: none;
  margin: 9px 0px 15px;
}

.list-pro-det .rating {
  float: none;
}

.list-pro-det .rating a {
  color: #850305;
  font-size: 17px;
}

.list-pro-det h5.pro-title {
  float: none;
}

.list-pro-det span {
  float: none;
  font-size: 26px;
  margin-top: 8px;
  display: inline-block;
  margin-bottom: 4px;
  color: #525353;
}

.list-pro-det a.btn-two {
  background: #850305;
  margin-left: 8px;
}

.list-pro-det a.btn-two:after {
  border-color: #850305;
}

.list-pro-det a.btn-two:before {
  border-color: #850305;
}

.list-pro-det p {
  font-size: 16px;
  line-height: 28px;
  color: #636363;
  margin-bottom: 23px;
}

.sin-product.list-pro .pro-icon {
  top: 50%;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  text-align: left;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sin-product.list-pro .pro-icon ul li a {
  color: #585858;
  font-size: 23px;
}

.sin-product.list-pro .pro-icon ul li::before {
  background: url(../../media/images/icon/li-border.png);
  background-size: auto;
  content: '';
  width: 5px;
  height: 47px;
  position: absolute;
  top: 10px;
  right: -18px;
  background-repeat: no-repeat;
}

.sin-product.list-pro .pro-icon ul li:last-child:before {
  display: none;
}

.sin-product.list-pro .pro-icon ul li::after {
  display: none;
}

.sin-product.list-pro .pro-icon ul li {
  margin: 0px 12px;
}

.sin-product.list-pro .new-tag {
  color: #fff;
  background: #66a2f4;
  padding: 2px 8px;
  font-size: 14px;
  position: absolute;
  top: 18px;
  left: 33px;
}

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

.sort-by span {
  font-size: 16px;
  color: #7b7b7b;
  margin-right: 15px;
  font-weight: 500;
}

.sort-by select {
  border: 1px solid #e9e9e9;
  width: 200px;
  height: 30px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent url("../../media/images/icon/arrow.png") no-repeat scroll 94% 47%;
  color: #7b7b7b;
  padding-left: 15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 25px;
}

.sort-by select option {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*--------------------------------------------------------------
  ##  Product Page
  --------------------------------------------------------------*/
.zoom-slider.owl-theme .owl-nav [class*="owl-"] {
  color: #979fa2;
  font-size: 23px;
  margin: 5px;
  padding: 0px 6px;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 1px;
  position: absolute;
  top: 37%;
  line-height: 0px;
}

.zoom-slider.owl-theme .owl-nav .owl-next {
  right: 0px;
  opacity: 1;
}

.zoom-slider.owl-theme .owl-nav .owl-prev {
  left: 0px;
  opacity: 1;
}

.zoom-slider.owl-theme .owl-nav {
  margin-top: 0px;
}

.zoom-slider.owl-theme:hover .owl-nav .owl-next {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 1;
}

.zoom-slider.owl-theme:hover .owl-nav .owl-prev {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 1;
}

.zoom-slider .item {
  border: 1px solid #f1f1f1;
  margin: 17px;
}

.product-details {
  padding-left: 30px;
}

.product-details .pro-title a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #525353;
  font-size: 30px;
  margin-bottom: 0px;
}

.product-details span {
  font-size: 16px;
  color: #636363;
  padding-bottom: 5px;
  display: inline-block;
  text-transform: capitalize;
  margin-right: 15px;
}

.product-details p {
  font-size: 16px;
  color: #636363;
  padding: 45px 0px 20px;
}

.product-details p a {
  font-size: 16px;
  color: #636363;
}

.product-details .price {
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #464646;
  padding: 10px 0px 40px;
}

.product-details .color-variation {
  float: none;
  padding: 40px 0px;
  display: block;
}

.product-details .color-variation span {
  display: inline;
  /*float: left;*/
  margin-right: 10px;
}

.product-details ul {
  padding-left: 24px;
  list-style: inherit;
  padding-bottom: 20px;
}

.product-details ul li {
  margin-bottom: 5px;
}

.add-tocart-wrap {
  width: 100%;
  overflow: hidden;
  display: block;
}

.add-tocart-wrap span {
  float: left;
  display: block;
  padding-top: 18px;
  margin-right: 16px;
  font-weight: 500;
  font-size: 18px;
}

.add-tocart-wrap select {
  height: 60px;
  width: 60px;
  color: #fff;
  border: none;
  -moz-appearance: none;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 600;
  background: #464646 url("../../media/images/icon/arrow-w.png") no-repeat scroll 29px 25px;
  float: left;
  margin-right: 6px;
}

.add-tocart-wrap a.add-to-cart {
  height: 60px;
  width: 325px;
  background: #850305;
  color: #fff;
  font-size: 18px;
  float: left;
  margin-right: 6px;
  padding: 17px;
  text-align: center;
}

.add-tocart-wrap a.add-to-cart i {
  margin-right: 10px;
}

.add-tocart-wrap a.add-to-cart:hover {
  background: #3f3f3f;
}

.add-tocart-wrap a {
  height: 60px;
  width: 60px;
  float: left;
  color: #fff;
  background: #464646;
  text-align: center;
  padding: 17px 0px;
}

.product-social span {
  float: left;
  display: block;
  padding-top: 6px;
  margin-right: 16px;
  font-weight: 500;
  font-size: 18px;
}

.product-social ul li {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 8px;
  margin-right: 5px;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-social ul li a {
  display: block;
  width: 100%;
  color: #464646;
}

.product-social ul li a:hover {
  color: #850305;
}

.product-des-tab>ul {
  border-bottom: 1px solid #ccc;
}

.product-des-tab>ul .nav-item {
  position: relative;
  margin-right: 31px;
}

.product-des-tab>ul .nav-item a {
  color: #727171;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}

.product-des-tab .prod-bottom-tab-sin.description ul {
  padding-left: 20px;
  padding-bottom: 15px;
}

.product-des-tab .prod-bottom-tab-sin.description ul li {
  padding: 5px 0;
  font-size: 16px;
  color: #636363;
  position: relative;
}

.product-des-tab .prod-bottom-tab-sin.description ul li:after {
  position: absolute;
  content: '\f00c';
  top: 9px;
  left: -20px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 12px;
  color: #850305;
}

.product-des-tab .nav-tabs .nav-item.show .nav-link,
.product-des-tab .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

.product-des-tab .nav-tabs .nav-item a:hover:after,
.product-des-tab .nav-tabs .nav-item a.active:after {
  position: absolute;
  content: '';
  width: 60px;
  height: 4px;
  background: #850305;
  bottom: -2px;
  left: 50%;
  margin-left: -30px;
}

.prod-bottom-tab-sin {
  padding-top: 40px;
}

.prod-bottom-tab-sin h5 {
  font-size: 18px;
  color: #464646;
  margin-bottom: 20px;
}

.prod-bottom-tab-sin p {
  font-size: 16px;
  color: #636363;
  line-height: 28px;
}

.info-wrap .sin-aditional-info {
  width: 100%;
  overflow: hidden;
}

.info-wrap .sin-aditional-info .first {
  width: 30%;
  float: left;
  border-right: 1px solid #d6d4d3;
  border-left: 1px solid #d6d4d3;
  padding: 11px 24px;
  color: #636363;
}

.info-wrap .sin-aditional-info .secound {
  padding: 11px 24px;
  width: 70%;
  overflow: hidden;
}

.sin-aditional-info:nth-child(odd) {
  background: #edebec;
}

.size-variation select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url(../../media/images/icon/size-arrow.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  line-height: 1.2;
  padding-right: 28px;
  cursor: pointer;
  padding-top: 8px;
  padding-left: 15px;
  padding-bottom: 8px;
  border: 1px solid #ccc;
  width: 25%;
}

/*----plus minus--------*/
.cart-plus-minus {
  background: #fff repeat scroll 0 0;
  border: 1px solid #dadada;
  height: 60px;
  text-align: center;
  width: 59px;
}

.dec {
  background: url(../../media/images/icon/less.png) no-repeat scroll 50% 50%;
  float: left;
  font-size: 28px;
  line-height: 19px;
  position: relative;
  text-indent: 99999px;
  border-right: none !important;
}

.inc {
  background: url(../../media/images/icon/add.png) no-repeat scroll 50% 50%;
  float: right;
  position: relative;
  text-indent: 99999px;
  border-left: none !important;
}

.qtybutton {
  border: 1px solid #dadada;
  color: #c0c0c0;
  cursor: pointer;
  display: block;
  font-size: 24px;
  height: 60px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 45px;
}

.cart-plus-minus-button {
  background: #f1f1f1 none no-repeat scroll 0 0;
  display: inline-block;
  float: left;
  margin-right: 25px;
  width: 149px;
  overflow: hidden;
}

.product-des-tab {
  padding-top: 80px;
}

.product-review .reviwer {
  overflow: hidden;
}

.product-review .reviwer img {
  weight: 110px;
  border: 5px solid #fff;
  float: left;
}

.product-review .reviwer .review-details {
  width: 86%;
  overflow: hidden;
  padding-left: 20px;
  padding-top: 15px;
}

.product-review .reviwer .review-details span {
  font-size: 16px;
  color: #9f9d9d;
}

.product-review .reviwer .review-details .rating {
  padding: 10px 0px;
}

.product-review .reviwer .review-details .rating a {
  color: #850305;
  font-size: 18px;
}

.add-your-review {
  padding-top: 50px;
}

.add-your-review h6 {
  font-size: 16px;
  color: #515151;
}

.add-your-review p {
  font-size: 16px;
  color: #515151;
  float: left;
  display: inline-block;
  margin-right: 10px;
}

.add-your-review .rating a {
  color: #850305;
  font-size: 18px;
}

.raing-form {
  overflow: hidden;
  display: block;
  width: 100%;
}

.raing-form input {
  width: 48%;
  margin-right: 2%;
  height: 44px;
  background: #f4f4f4;
  float: left;
  border: none;
  margin-bottom: 30px;
  display: inline-block;
  padding-left: 15px;
}

.raing-form textarea {
  width: 98%;
  margin-right: 2%;
  height: 200px;
  background: #f4f4f4;
  float: left;
  border: none;
  margin-bottom: 30px;
  display: inline-block;
  padding: 15px;
}

.raing-form input[type="submit"] {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #fff;
  background: #850305;
  padding: 10px 15px;
  width: 204px;
  cursor: pointer;
}

#gallery_01 {
  margin-top: 24px;
  overflow: hidden;
  margin-left: 6px;
}

.zoom-slider .owl-carousel .owl-item {
  padding: 0 10px;
}

.inner-wrapper {
  padding-top: 30px;
}

.load-more {
  background: transparent;
  color: #3f3f3f;
  font-size: 15px;
  padding: 12px 20px;
  width: 150px;
  font-weight: 500;
  cursor: pointer;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  border: 2px solid #850305;
}

.load-more:hover {
  color: #850305;
}

.load-more-wrapper {
  width: 100%;
  text-align: center;
  padding-top: 45px;
}

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

.shop-area.single-product {
  padding-bottom: 0px;
}

.shop-sidebar.left-side {
  padding-right: 15px;
}

/*--------------------------------------------------------------
  ##  Cart page
  --------------------------------------------------------------*/
@media (min-width: 576px) {
  .cart-table .tables thead tr th {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    color: #393939;
    font-size: 16px;
    border-bottom: 2px solid #545353;
    border-top: none;
    text-transform: uppercase;
    text-align: center;
  }

  .cart-table .tables tbody tr td {
    display: table-cell;
    vertical-align: middle;
    color: #525353;
    border-top: none;
    border-bottom: 1px solid #d8d7d7;
    text-align: center;
    padding: 30px 0px;
  }

  .cart-table .tables tbody tr td a {
    color: #525353;
  }

  .cart-table .tables tbody tr td .product-image {
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(109, 109, 109, 0.11);
    box-shadow: 0px 0px 8px 0px rgba(109, 109, 109, 0.11);
  }

  .cart-table .tables tbody tr td .quantity input {
    width: 74px;
    background: #f3f3f3;
    border-radius: 20px;
    padding: 3px 18px;
    height: 39px;
    border: none;
  }

  .cart-table .tables tbody tr td .product-title a {
    font-size: 18px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
  }

  .tables {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
  }
}

.cart-table .tables tbody tr td .product-title a:hover {
  color: #850305;
}

.cart-area {
  padding: 50px 0 50px;
}

.cart-btn-left a {
  margin-right: 10px;
}

.cart-btn-section {
  padding: 5px 0px 30px;
}

.cart-btn-section a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #fff;
  background: #850305;
  height: 50px;
  width: 190px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  line-height: 50px;
}

.cart-btn-section .coupon-code {
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  color: #8a8a8a;
}

.cart-btn-right a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #fff;
  background: #3f3f3f;
  height: 50px;
  width: 190px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  line-height: 50px;
  float: right;
}

.note {
  padding-top: 45px;
}

.note textarea {
  margin-top: 5px;
  margin-right: 7px;
  width: 100%;
  height: 130px;
  padding: 15px;
}

.note span {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #3b3b3b;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.cart-subtotal {
     background: #f6f6f6;
    padding: 26px 18px;
    text-align: center;
}

.cart-subtotal p {
  position: relative;
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #2e2e2e;
  text-align: center;
  margin-bottom: 25px;
}

.cart-subtotal p:after {
  position: absolute;
  content: '';
  left: 50%;
  margin-left: -15px;
  height: 2px;
  width: 30px;
  background: #850305;
  bottom: -8px;
}

.cart-subtotal ul li {
  width: 100%;
  text-align: right;
  font-size: 16px;
  padding: 19px 0 7px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #525353;
  border-bottom: 1px solid #c2c2c2;
}

.cart-subtotal ul li span {
  float: left;
}

.cart-subtotal a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #fff;
  background: #850305;
  height: 50px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  line-height: 50px;
  padding: 0 20px;
  margin-top: 40px;
}

.cart-subtotal a:hover {
  background: #3f3f3f;
}

.cart-btn-section a:hover {
  background: #3f3f3f;
  color: #fff;
}

.cart-btn-right a:hover {
  background: #850305;
}

.account-details {
  padding: 50px 30px;
  text-align: center;
}

.account-details p {
  position: relative;
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #2e2e2e;
  text-align: center;
  margin-bottom: 22px;
}

.account-details ul li {
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 2px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: #525353;
}

.account-details ul li span {
  float: left;
}

.account-details a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #fff;
  background: #850305;
  height: 50px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  line-height: 50px;
  padding: 0 20px;
  margin-top: 40px;
}

.account-details a:hover {
  background: #3f3f3f;
}

.account-table {
  padding-top: 50px;
  text-align: center;
}

.account-table a {
  color: #3f3f3f;
}

.account-table h6 {
  font-size: 18px;
  color: #2e2e2e;
  font-weight: 600;
  padding-bottom: 30px;
}

.account-area {
  padding: 70px 0px;
}

.account-table th {
  text-align: inherit;
  padding: 10px 0;
  border: 1px solid #ddd;
  text-align: center;
}

.account-table td {
  border: 1px solid #ddd;
  text-align: center;
  padding: 10px 0;
}

.cart-table tr th {
  padding-bottom: 15px;
}

/*--------------------------------------------------------------
  ##  Blog Page
  --------------------------------------------------------------*/
.blog-wrapper .pro-tab-filter .pro-tab-button {
  padding: 20px 0px 50px;
}

.blog-wrapper {
  padding: 45px 0 70px;
}

.sin-blog {
  text-align: left;
  margin-bottom: 50px;
}

.sin-blog .title {
  font-size: 19px;
  color: #464646;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.blog-content {
  /*width: 92%;*/
  border: 1px solid #ddd;
  padding: 40px 20px 45px;
  margin: 0 auto;
  margin-top: -80px;
  background: #fff;
  position: relative;
}

.blog-meta {
  position: absolute;
  background: #850305;
  padding: 6px 16px;
  right: 8px;
  top: -8px;
}

.blog-meta a {
  color: #fff;
}

.blog-details p {
  font-weight: 400;
  line-height: 28px;
  color: #636363;
}

.blog-details>ul {
  list-style-type: inherit;
  padding: 25px 0;
  padding-left: 25px;
  padding-top: 15px;
}

.blog-details>ul li {
  color: #3f3f3f;
  padding-bottom: 10px;
}

.blog-details {
  overflow: hidden;
}

.blog-details a {
  color: #850305;
  text-transform: capitalize;
}

.blog-details a:hover {
  text-decoration: underline;
}

.sin-blog.single-page h5 {
  font-size: 19px;
  color: #464646;
  text-transform: uppercase;
  font-weight: 600;
}

.sin-blog.single-page h6 {
  font-size: 17px;
  font-weight: 400;
  margin-top: 26px;
  color: #525353;
}

.sin-blog.single-page .blog-content {
  width: 100%;
  border: none;
  padding-left: 0;
}

.sin-blog.single-page .blog-details a {
  color: #464646;
  font-size: 16px;
  text-decoration: none;
  margin-top: 10px;
  font-weight: 600;
}

.sin-blog.single-page .blog-details p {
  float: left;
}

.sin-blog.single-page .blog-details a:hover {
  color: #850305;
}

.blog-details .social {
  float: right;
  margin-top: 10px;
}

.blog-details .social li {
  margin-right: 16px;
}

.next-prev-btn {
  text-align: center;
  margin-top: 50px;
}

.next-prev-btn a {
  color: #fff;
  padding: 8px 19px;
  background: #850305;
  margin-right: 8px;
  font-size: 24px;
}

.comments-list .heading {
  text-transform: uppercase;
  font-size: 19px;
  padding-bottom: 40px;
}

.commentlists-div ol,
.commentlists-div ul {
  list-style: outside none none;
}

.commentlists {
  border-bottom: 1px solid #e7e6e6;
  margin-bottom: 25px;
  padding-bottom: 25px;
  padding-left: 0px;
}

.commentlists div.avatar {
  float: left;
  margin-right: 17px;
  overflow: hidden;
  display: block;
  border-radius: 50px;
}

.commentlists .the-comment .comment-box {
  margin-left: 70px;
  overflow: hidden;
}

.children-comment {
  padding-left: 70px;
}

.commentlists .the-comment {
  border-top: 1px solid #e7e6e6;
  margin-top: 25px;
  padding-top: 25px;
}

.com-name {
  color: #7b7b7b;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
}

.comment-text {
  color: #636363;
  font-weight: 400;
}

.comment-author.meta>p {
  color: #7b7b7b;
  font-size: 13px;
}

.sin-post .form-control {
  background-color: #fff;
}

.comment-form .form-control {
  border: 1px solid #f1f1f1;
}

.btn.btn-primary.submit {
  border: 0 solid;
}

.blog-meta span {
  margin-right: 6px;
}

.btn.btn-primary.continue-shopping.pull-left {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #444;
}

.btn.btn-primary.continue-shopping.pull-left:hover {
  background: #ddd none repeat scroll 0 0;
  color: #000;
}

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

.comment-reply-link {
  color: #7b7b7b;
  margin-left: 14px;
}

.comment-reply-link:hover {
  color: #850305;
}

.form-submit .submit {
  background: #850305;
  color: #fff;
  font-size: 15px;
  padding: 12px 20px;
  width: 150px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.form-submit .submit:hover {
  background: #3f3f3f;
}

/*--------------------------------------------------------------
  ##  Blog sidebar css
  --------------------------------------------------------------*/
.blog-widget {
  padding-bottom: 50px;
}

.blog-widget .widget-title {
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.blog-widget .widget-post {
  overflow: hidden;
  margin-bottom: 30px;
}

.blog-widget .widget-post .widget-post-img {
  float: left;
  width: 44%;
  padding-right: 16px;
}

.blog-widget .widget-post .widget-post-content h6 a {
  color: #525353;
  font-size: 16px;
  font-weight: 500;
}

.blog-widget .widget-post .widget-post-content h6 a:hover {
  color: #850305;
}

.blog-widget .widget-post .widget-post-content p {
  font-size: 14px;
  background: #edeef0;
  color: #3f3f3f;
  overflow: hidden;
  display: inline-block;
  padding: 8px;
  margin-top: 6px;
}

.wid-category li {
  padding-bottom: 20px;
}

.wid-category li a {
  position: relative;
  color: #7b7b7b;
  padding-left: 20px;
  text-transform: capitalize;
}

.wid-category li a:hover {
  color: #850305;
}

.wid-category li :after {
  content: '\f105';
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #7b7b7b;
}

.widget-tag li {
  display: inline;
}

.widget-tag li a {
  color: #7b7b7b;
  display: inline-block;
  padding: 8px 15px;
  border: 1px solid #7b7b7b;
  border-radius: 30px;
  font-size: 14px;
  margin-bottom: 12px;
  margin-right: 6px;
}

.widget-tag li a:hover {
  background: #850305;
  color: #fff;
  border-color: #850305;
}

.blog-details blockquote {
  margin: 25px 5px;
}

.blog-details blockquote q {
  font-style: italic;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  font-weight: 400;
  margin: 30px 20px;
}

.comment-form {
  padding-top: 50px;
}

/*--------------------------------------------------------------
  ##  Contact page
  --------------------------------------------------------------*/
.contact-area {
  padding: 50px 0 120px;
}

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

.contact-form input {
  width: 100%;
  height: 56px;
  background: #f2f1f1;
  border: none;
  margin-bottom: 30px;
  padding: 0px 20px;
}

.contact-form textarea {
  width: 100%;
  height: 165px;
  background: #f2f1f1;
  border: none;
  margin-bottom: 30px;
  padding: 10px 20px;
}

.contact-form input[type="submit"] {
  background: #850305;
  color: #fff;
  font-size: 15px;
  padding: 0px 20px;
  width: 150px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 0;
}

.contact-form input[type="submit"]:hover {
  background: #3f3f3f;
}

.gmap3-area {
  height: 600px;
}

.google-map {
  position: relative;
}

.contact-info {
  text-align: center;
  background-image: url(../img/contact.jpg);
  width: 100%;
  position: relative;
  top: 0;
  height: 100%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  background-repeat: no-repeat;
  right: 0;
  z-index: 0;
  padding-top: 200px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  background-size: cover;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
}

.contact-info h5 {
  font-size: 30px;
  color: #850305;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.contact-info>span {
  text-transform: uppercase;
  color: #787878;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 35px;
  display: block;
}

.contact-info p {
  font-size: 16px;
  color: #464646;
  font-weight: 500;
  margin-bottom: 8px;
}

.contact-info p span {
  color: #850305;
}

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

.single-store a {
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #525353;
  text-transform: uppercase;
  margin-top: 35px;
}

.single-store a:hover {
  color: #850305;
}

.single-store p {
  color: #636363;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 5px;
}

/*--------------------------------------------------------------
  ##  Login page css
  --------------------------------------------------------------*/
.login-form .contact-form.login-form input {
  height: 50px;
  margin-bottom: 25px;
}

.login-now {
  text-align: center;
  padding: 50px 0;
  background: #f2f1f1;
}

.login-now span {
  margin-right: 50px;
  color: #3f3f3f;
  font-size: 25px;
}

.contact-form.login-form input[type="submit"] {
  width: 100%;
}

.contact-form button[type="submit"] {
    background: #850305;
    color: #fff;
    font-size: 15px;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    transition: all 0.3s ease;
}

.pssword a{
    color: #850305;
}

.contact-form button[type="submit"]:hover {
    background: #650204;
    color: #fff;
}


/*--------------------------------------------------------------
  ##  Quickview
  --------------------------------------------------------------*/
/* .mask-overlay {
  content: '';
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
} */

.close-qv {
  position: absolute;
  right: 18px;
  cursor: pointer;
  z-index: 99999;
}

.quickview-wrapper.open {
  visibility: visible;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
}

.quickview-wrapper {
  position: fixed;
  width: 1000px;
  height: 630px;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #fff;
  padding: 15px;
}

.close-menu {
  float: right;
  margin-top: 13px;
  cursor: pointer;
}

.slick-slide img {
  display: block;
  width: 100%;
}

.slick-slide>div {
  text-align: center;
  margin: 0 7px;
}

.slick-prev::before,
.slick-next::before {
  color: #000;
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-next::before {
  content: '→';
}

.slick-prev::before {
  content: '←';
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev::before,
.slick-next::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 20px;
  color: #908b8b;
}

.slick-next {
  right: 15px;
  padding: 8px;
  display: block;
  width: 24px;
  height: 37px;
  top: 50%;
  z-index: 999;
  margin-top: -18px;
  padding-left: 0px;
  padding-right: 0px;
}

.slick-prev {
  left: 15px;
  padding: 8px;
  display: block;
  width: 24px;
  height: 37px;
  top: 50%;
  z-index: 999;
  margin-top: -18px;
  padding-left: 0px;
  padding-right: 0px;
}

.slick-next::before {
  content: '\f105';
}

.slick-prev::before {
  content: '\f104';
}

/*--------------------------------------------------------------
  ##  Starting popup news letter
  --------------------------------------------------------------*/
.popup-banner {
  width: 1050px;
  height: 550px;
  background-image: url(../img/popup.png);
  background-size: cover;
  text-align: center;
  padding-top: 50px;
}

.popup-banner h3 {
  font-size: 30px;
  color: #3f3f3f;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}

.popup-banner h3 span {
  color: #850305;
}

.popup-banner p {
  font-size: 16px;
  padding: 0 100px;
  color: #636363;
}

.popup-banner.style-two {
  padding-top: 150px;
}

.popup-banner.style-two h3:after {
  content: '';
  height: 4px;
  width: 54px;
  background: #3a3a3a;
  bottom: 0;
  left: 50%;
  z-index: 99999;
  position: absolute;
  border-radius: 2px;
  margin-left: -56px;
}

.popup-banner.style-two h3:before {
  content: '';
  height: 4px;
  width: 24px;
  background: #850305;
  bottom: 0;
  left: 50%;
  z-index: 99999;
  position: absolute;
  border-radius: 2px;
  margin-left: 8px;
}

.modal-dialog {
  max-width: 1050px;
  margin: 1.75rem auto;
  max-height: 550px;
}

.popup-subscribe {
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  float: none;
  margin-top: 15px;
  margin-bottom: 15px;
}

.popup-subscribe .subscribe-wrapper {
  margin: 20px auto 20px;
  float: none;
}

.popup-banner .close {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #a4a4a4;
  text-shadow: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: 3px solid #fff !important;
  background: #343b41;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 9999;
  cursor: pointer;
}

.modal-dialog {
  pointer-events: inherit;
}

.popup-banner .subscribe-wrapper button {
  border: none;
  border-radius: 0px;
  height: 50px;
}

.popup-banner .subscribe-wrapper input {
  border: none;
  border-radius: 0;
  height: 50px;
}

.popup-banner.style-two {
  background-image: url(../../media/images/banner/mod2.jpg);
  padding-right: 33%;
}

.popup-banner.style-two .subscribe-wrapper input {
  width: 100%;
  background: #f5f5f5;
  margin-bottom: 19px;
  height: 55px;
}

.popup-banner.style-two .subscribe-wrapper button {
  background: #850305;
  color: #fff;
  height: 55px;
  width: 250px;
}

.popup-banner.style-two .popup-subscribe .subscribe-wrapper {
  margin: 20px auto;
  float: none;
  width: 450px;
}

/* Color Checkbox */
/*.color-checkboxes {*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-orient: horizontal;*/
/*  -webkit-box-direction: normal;*/
/*  -ms-flex-direction: row;*/
/*  flex-direction: row;*/
/*  -ms-flex-wrap: wrap;*/
/*  flex-wrap: wrap;*/
/*  margin: 35px 0;*/
/*}*/

/*.color-checkboxes h4 {*/
/*  margin-right: 10px;*/
/*  font-size: 16px;*/
/*  font-weight: 400;*/
/*  color: #636363;*/
/*}*/

/*.color-checkboxes #col-Blue-label {*/
/*  background: #2196f3;*/
/*}*/

/*.color-checkboxes #col-Green-label {*/
/*  background: #8bc34a;*/
/*}*/

/*.color-checkboxes #col-Yellow-label {*/
/*  background: #fdd835;*/
/*}*/

/*.color-checkboxes #col-Orange-label {*/
/*  background: #ff9800;*/
/*}*/

/*.color-checkboxes #col-Red-label {*/
/*  background: #f44336;*/
/*}*/

/*.color-checkboxes #col-Black-label {*/
/*  background: #222222;*/
/*}*/

/*.color-checkbox {*/
/*  width: 20px;*/
/*  height: 20px;*/
/*  -webkit-box-sizing: border-box;*/
/*  box-sizing: border-box;*/
/*  position: relative;*/
/*  border-radius: 16px;*/
/*  -webkit-transition: -webkit-transform 0.1s linear;*/
/*  transition: -webkit-transform 0.1s linear;*/
/*  -o-transition: transform 0.1s linear;*/
/*  transition: transform 0.1s linear;*/
/*  transition: transform 0.1s linear, -webkit-transform 0.1s linear;*/
/*  cursor: pointer;*/
/*}*/

/*.color-checkbox::after {*/
/*  content: '';*/
/*  display: block;*/
/*  width: 10px;*/
/*  height: 10px;*/
/*  position: absolute;*/
/*  top: 5px;*/
/*  left: 5px;*/
/*  -webkit-transform: rotate(45deg);*/
/*  -ms-transform: rotate(45deg);*/
/*  transform: rotate(45deg);*/
/*  opacity: 0;*/
/*  -webkit-transition: opacity 0.1s;*/
/*  -o-transition: opacity 0.1s;*/
/*  transition: opacity 0.1s;*/
/*  text-align: center;*/
/*  background: #fff;*/
/*  border-radius: 69px;*/
/*}*/

/*.color-checkbox__input:checked+.color-checkbox:after {*/
/*  opacity: 1;*/
/*}*/

/*.color-checkbox__input {*/
/*  visibility: hidden;*/
/*  width: 0;*/
/*  pointer-events: none;*/
/*  position: absolute;*/
/*}*/

.color-dropdown {
    position: relative;
    display: inline-block;
    margin: 20px 0;
}

.color-dropdown-btn {
    min-width: 150px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    cursor: pointer;
    font-size: 16px;
    color: #636363;
}

.color-dropdown-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.color-dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    min-width: 150px;
    padding: 12px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 999;
    gap: 10px;
    flex-wrap: wrap;
}

.color-dropdown:hover .color-dropdown-menu {
    display: flex;
}

.color-dropdown:hover .color-dropdown-btn i {
    transform: rotate(180deg);
}


/* Color circles */

.color-checkbox {
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    transition: transform 0.2s ease;
}

.color-checkbox:hover {
    transform: scale(1.15);
}


/* Colors */

#col-Blue-label {
    background: #2196f3;
}

#col-Green-label {
    background: #8bc34a;
}

#col-Yellow-label {
    background: #fdd835;
}

#col-Orange-label {
    background: #ff9800;
}

#col-Red-label {
    background: #f44336;
}

#col-Black-label {
    background: #222;
}


/* Selected color */

.color-checkbox::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.color-checkbox__input:checked + .color-checkbox::after {
    opacity: 1;
}

.color-checkbox__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quickview .add-tocart-wrap a.add-to-cart {
  width: 210px;
}

/*--------------------------------------------------------------
  ##  Subscribe
  --------------------------------------------------------------*/
.subscribe-text h6 {
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  color: #850305;
  text-transform: uppercase;
}

.subscribe-text h6 span {
  color: #3f3f3f;
}

.subscribe-text p {
  font-size: 16px;
  color: #636363;
  line-height: 28px;
}

.subscribe-wrapper button {
  width: 30%;
  border: 1px solid #840305;
  height: 50px;
  border-radius: 0px 5px 5px 0px;
  margin-left: -5px;
  background: #840305;
  color: #fff;
  font-size: 20px;
  border-left: none;
  cursor: pointer;
}

.subscribe-wrapper button:hover {
  color: #fff;
}

.subscribe-wrapper input {
  width: 70%;
  border: 1px solid #a1a1a1;
  border-radius: 5px 0px 0px 5px;
  height: 50px;
  border-right: none;
  position: relative;
  float: left;
  position: relative;
  padding-left: 20px;
}

.subscribe-wrapper {
  width: 660px;
  float: right;
  margin-top: 25px;
}

.subscribe-area {
  padding: 60px 0px;
  border: 1px dashed #cbcbcb;
  display: block;
  border-left: 0;
  border-right: 0;
}

/* ------ Subscribe style two ----- */
.subscribe-area.style-two {
  border: 0px dashed #cbcbcb;
  background: #e7f6f7;
  -webkit-box-shadow: 1.236px 3.804px 8px 0px rgba(102, 101, 101, 0.09);
  box-shadow: 1.236px 3.804px 8px 0px rgba(102, 101, 101, 0.09);
  padding: 60px 0px;
}

.subscribe-area.style-two .subscribe-wrapper {
  margin-top: 0px;
}

.subscribe-area.style-two .subscribe-wrapper input {
  border: 0px solid #a1a1a1;
  border-radius: 0px;
  height: 50px;
}

.subscribe-area.style-two .subscribe-wrapper button {
  border: 0px solid #a1a1a1;
  height: 50px;
  border-radius: 0px;
  background: #fff;
  color: #850305;
  font-weight: 500;
  position: relative;
}

.subscribe-area.style-two .subscribe-wrapper button:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  background: #eeeded;
  left: 14px;
  top: 50%;
  margin-top: -8px;
}

.subscribe-area.style-two .subscribe-text {
  margin-top: 13px;
}

.subscribe-area.style-two .subscribe-text h6 {
  color: #4d4d4d;
}

.subscribe-area.style-two .subscribe-wrapper button:hover {
  color: #4d4d4d;
}

.BG {
  background-color: white;
  opacity: 0.969;
  position: absolute;
  left: 829px;
  top: 144px;
  width: 785px;
  height: 338px;
  z-index: 501;
}

/*--------------------------------------------------------------
  ##  Instagram
  --------------------------------------------------------------*/
.instagram-area {
  width: 100%;
  overflow: hidden;
}

.sin-instagram {
  position: relative;
  overflow: hidden;
}

.sin-instagram:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1e1e1e;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sin-instagram .hover-text {
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sin-instagram .hover-text img {
  width: 45px;
  height: 45px;
  margin: 0 auto;
}

.sin-instagram .hover-text span {
  color: #fff;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
}

.sin-instagram:hover .hover-text {
  visibility: visible;
  opacity: 1;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.sin-instagram:hover:after {
  visibility: visible;
  opacity: .6;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.instagram-area-two .sin-instagram:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ebebeb;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.instagram-area-two .sin-instagram .hover-text span {
  color: #3f3f3f;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  border: 2px solid #252525;
  padding: 10px 27px;
}

.instagram-area-two .sin-instagram:hover:after {
  visibility: visible;
  opacity: .6;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.instagram-area-two {
  width: 100%;
  overflow: hidden;
}

/*--------------------------------------------------------------
  ##  Footer
  --------------------------------------------------------------*/
.footer-widget-area {
  padding: 120px 0 0;
  background: #080606;
}

.footer-widget-area .footer-bottom p {
  color: #fff !important;
  text-align: center;
  margin: 0px;
}

.footer-widget-area .footer-bottom a {
  color: #fff !important;
  text-align: center;
  gap: 10px;
}

.footer-widget-area.style-two .footer-bottom p {
  color: #3f3f3f;
  text-align: left;
}

.footer-widget .logo {
  padding: 5px 0 33px;
}

.footer-widget p {
  font-size: 16px;
  color: #dcdbdb;
  line-height: 28px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  /*padding-right: 60px;*/
  padding-bottom: 10px;
}

.social ul li {
  display: inline-block;
  margin-right: 5px;
}

.social ul a {
  color: #fff;
  font-size: 16px;
}

.footer-menu ul li {
  margin-bottom: 14px;
  padding-bottom: 5px;
}

.footer-menu ul li a {
  font-size: 16px;
  color: #dbdbdb;
}

.footer-widget h3 {
  font-size: 18px;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  padding-bottom: 28px;
  text-transform: uppercase;
}

.payment-link li {
  display: inline-block;
}

.footer-subscribe-wrapper input {
  width: 100%;
  border: 1px solid #ddd;
  height: 45px;
  margin-bottom: 15px;
  padding-left: 21px;
}

.footer-subscribe-wrapper button {
  width: 100%;
  border: 1px solid #ddd;
  height: 45px;
  background: #ece7e7;
  font-size: 20px;
  cursor: pointer;
}

.footer-menu ul li a:hover {
  color: #850305;
}

.footer-widget-area .footer-bottom p a {
  color: #850305;
}

/*--------------------------------------------------------------
  ##   Footer Style two start
  --------------------------------------------------------------*/
.footer-widget.style-two .time-table p {
  color: #3f3f3f;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.footer-widget.style-two .time-table span {
  color: #3f3f3f;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  padding-bottom: 8px;
  display: block;
  text-transform: uppercase;
}

.footer-widget.style-two h3 {
  color: #3f3f3f;
}

.footer-widget.style-two .footer-menu ul li {
  border-bottom: none;
  margin-bottom: 10px;
  padding-bottom: 0px;
}

.footer-widget.style-two .footer-menu ul li a {
  color: #3f3f3f;
}

.footer-widget.style-two p {
  color: #3f3f3f;
}

.footer-widget-area.style-two {
  background: #f4f4f4;
  padding-bottom: 0px;
}

.footer-instagram ul li {
  display: inline-block;
  margin: 5px;
  width: 29%;
  border: 5px solid #fff;
}

.footer-bottom {
  border-top: 1px solid #c6c5c5;
     padding:10px 0;
    margin-top: 8px;

}

.footer-bottom p {
  color: #3f3f3f;
}

.footer-payment-icon ul {
  float: right;
}

.footer-payment-icon ul li {
  margin-left: 10px;
  display: inline-block;
}

.footer-widget.style-two .footer-menu ul li a:hover {
  color: #850305;
}

/*--------------------------------------------------------------
  ##   Backtotop
  --------------------------------------------------------------*/
.backtotop {
  position: fixed;
  bottom: 25px;
  right: 25px;
  border: 2px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  z-index: 9999;
  -webkit-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);
  box-shadow: -1px 1px 5px 0px rgba(84, 84, 84, 0.35);
}

.backtotop i {
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-size: 20px;
  background: #fff;
  margin: 2px;
  color: #850305;
  text-align: center;
  border-radius: 50%;
}

.footer-widget-area .footer-bottom p span {
  color: #850305;
}

/*--------------------------------------------------------------
  ##  Responsive
  --------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1500px) {

  /*  Index one  */
  .mainmenu ul li a {
    padding: 25px 14px;
  }

  .mainmenu li.has-child::before {
    right: 0;
  }

  .custom-select {
    font-size: 14px;
  }

  .header-right-one ul li {
    padding: 0 6px;
  }

  .sin-banner-con {
    padding-top: 10px;
  }

  .sin-banner-con {
    width: 57%;
  }

  .sin-banner .sin-banner-con.style-two {
    padding-top: 56px;
    width: 72%;
  }

  .sin-feature .inner-sin-feature {
    top: 56%;
    padding-left: 22px;
  }

  .slider-wrapper .owl-theme .owl-nav+.owl-dots {
    right: 40px;
  }

  .slider-text h1 {
    font-size: 50px;
  }

  .slider-text.style-two h1 {
    font-size: 50px;
    padding-bottom: 10px;
  }

  .slider-text p {
    font-size: 16px;
  }

  .slider-text.style-two h1 {
    font-size: 50px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
  }

  .color-widget ul li {
    width: 45px;
    height: 45px;
  }

  .sin-product h5.pro-title a {
    font-size: 18px;
  }

  .list-pro-det span {
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .list-pro-det .rating a {
    font-size: 14px;
  }

  .list-pro-det p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 5px;
  }

  .list-pro-det a.btn-two {
    font-size: 16px;
    padding: 9px 36px;
  }

  .list-pro-det .color-variation {
    margin: 9px 0px 5px;
  }

  .list-pro-det a.btn-two::before,
  .list-pro-det a.btn-two::after {
    height: 52px;
  }

  .product-details {
    padding-left: 0px;
  }

  .product-details .color-variation {
    padding: 15px 0px;
  }

  .product-details .price {
    padding: 10px 0px 10px;
  }

  .product-details p {
    font-size: 15px;
    padding: 25px 0px 10px;
  }

  .product-des-tab {
    padding-top: 40px;
  }

  .shop-area {
    padding: 50px 0 80px;
  }

  .pro-icon ul li {
    margin: 0 25px;
  }

  .section-heading p {
    padding: 0 20%;
  }

  .mainmenu .mega-button a {
    font-size: 14px;
    padding: 3px 15px;
  }

  .five-col .mega-product {
    padding: 0 15px;
  }

  .mega-product .sin-product h5.pro-title a {
    font-size: 14px;
  }

  .mega-product .sin-product span {
    font-size: 15px;
    margin-top: 3px;
  }

  .shop-four-grid .sin-product .color-variation {
    float: none;
  }

  .shop-four-grid .sin-product .pro-icon ul li {
    margin: 0 5px;
  }

  .mainmenu li.has-child>a::before {
    right: 0;
  }

  .sin-product.style-two .mid-wrapper span {
    text-align: center;
  }

  .sin-product.style-two .pro-title a {
    text-align: center;
  }

  .sin-product.style-two .pro-title {
    text-align: center;
    width: 100%;
  }

  .color-variation {
    float: none;
    text-align: center;
  }

  .sin-product.style-one h5.pro-title {
    width: 100%;
    text-align: center;
  }

  .sin-product.style-one span {
    float: none;
  }

  .shop-sidebar.left-side {
    padding-right: 0;
  }

  .padding-top-120 {
    padding-top: 80px;
  }

  .main-product {
    padding: 65px 0 25px;
  }

  .banner-product {
    padding: 70px 0 40px;
  }

  .small-pro-details .title {
    font-size: 16px;
  }

  .product-small {
    padding: 75px 0 50px;
  }

  a.btn-two {
    padding: 8px 27px;
  }

  a.btn-two::before,
  a.btn-two::after {
    height: 56px;
  }

  .sin-feature .inner-sin-feature {
    top: 50%;
    padding-left: 6px;
  }

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

  .sin-product.style-two.small .pro-icon ul li {
    margin: 0 12px;
  }

  .footer-widget-area {
    padding: 24px 0 0;
  }

  .padding-120 {
    padding: 80px 0 !important;
  }

  .load-more-wrapper {
    padding-top: 25px;
  }

  .sidebar-widget.sidebar-search {
    padding-bottom: 30px;
  }

  .shop-sorting-area.row {
    margin-bottom: 30px;
  }

  .main-product.padding-120 {
    padding-bottom: 20px !important;
  }

  .add-tocart-wrap a.add-to-cart {
    width: 235px;
  }

  .subscribe-wrapper {
    width: 530px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mainmenu>ul {
    padding: 0px 0px;
    border-top: 1px solid #ddd;
  }

  .logo {
    padding: 20px;
  }

  .header-right-one {
    padding-top: 22px;
  }

  .sin-banner-con {
    padding-top: 35px;
  }

  .sin-banner-con {
    width: 72%;
  }

  .sin-banner-con.style-two {
    padding-top: 56px;
    width: 72%;
  }

  .sin-banner-con h4 {
    font-size: 15px;
  }

  .sin-banner-con h4 span {
    font-size: 15px;
  }

  .sin-banner-con h4 {
    line-height: 25px;
  }

  .sin-banner-con h3 {
    font-size: 28px;
  }

  .sin-banner-con p {
    margin-top: 24px;
    margin-bottom: 0px;
  }

  .sin-banner-con span {
    font-size: 17px;
    line-height: 21px;
  }

  .sin-banner-con-right {
    top: 100px;
  }

  .subscribe-text p {
    font-size: 14px;
    line-height: 24px;
  }

  .subscribe-text h6 {
    font-size: 18px;
  }

  .subscribe-wrapper {
    width: 533px;
    margin-top: 27px;
  }

  .subscribe-wrapper button {
    height: 55px;
  }

  .subscribe-wrapper input {
    height: 55px;
  }

  .footer-widget h3 {
    font-size: 20px;
  }

  .footer-widget p {
    font-size: 15px;
    padding-right: 20px;
  }

  .footer-menu ul li {
    margin-bottom: 5px;
  }

  .payment-link li {
    width: 23%;
  }

  .instagram-area {
    padding: 5px 0 5px;
  }

  .slider-wrapper .owl-theme .owl-nav+.owl-dots {
    right: 40px;
  }

  .search-input {
    top: 47px;
  }

  /*  Header area two */
  .mainmenu.style-two {
    float: none;
  }

  .header-right-menu {
    padding: 24px 0px 18px;
  }

  .pb-info::after {
    width: 220px;
  }

  .pb-info {
    width: 200px;
    bottom: 30px;
  }

  .pro-icon ul li {
    margin: 0 12px;
  }

  .slider-text h1 {
    font-size: 45px;
  }

  .slider-text p {
    font-size: 16px;
  }

  .header-area.style-three::after {
    height: 175px;
  }

  /*  Home page three */
  .sin-category .cat-name a p {
    line-height: 20px;
  }

  .sin-category .cat-name a {
    font-size: 14px;
    padding: 6px 17px;
  }

  .sin-category .cat-name {
    margin-top: -40px;
  }

  .sin-product.style-three .pro-icon::after {
    width: 64%;
  }

  .single-testimonial .tes-img {
    width: 80px;
    height: 80px;
    border: 3px solid #fff;
  }

  .single-testimonial .tes-content p {
    font-size: 14px;
    line-height: 24px;
  }

  .main-product .grid-three .grid-item:first-child {
    margin-top: 250px;
  }

  .main-product .grid-three .grid-item {
    margin-top: 100px;
  }

  .footer-bottom p {
    font-size: 14px;
  }

  .footer-payment-icon ul li {
    margin-left: 2px;
    width: 11%;
    float: left;
  }

  .footer-bottom {
    padding: 18px 0 14px;
    margin-top: 45px;
  }

  .footer-widget-area.style-two .footer-bottom {
    padding: 29px 0 14px;
  }

  .footer-bottom p {
    margin-top: 5px;
  }

  .instagram-area-two .sin-instagram .hover-text span {
    font-size: 18px;
    padding: 8px 20px;
  }

  /*  Shop page  */
  .wid-pro .sp-img {
    width: 75px;
    margin-top: 5px;
  }

  .list-pro-det span {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 4px;
  }

  .list-pro-det p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 23px;
  }

  .list-pro-det span {
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .list-pro-det .rating a {
    font-size: 14px;
  }

  .list-pro-det p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 5px;
  }

  .list-pro-det a.btn-two {
    font-size: 16px;
    padding: 9px 36px;
  }

  .list-pro-det .color-variation {
    margin: 9px 0px 5px;
  }

  .list-pro-det a.btn-two::before,
  .list-pro-det a.btn-two::after {
    height: 52px;
  }

  .breadcrumb-area {
    background: #edebec;
    padding: 210px 0px 10px;
  }

  /*  Product  page  */
  .product-details {
    padding-left: 0px;
  }

  .product-details .color-variation {
    padding: 15px 0px;
  }

  .product-details .price {
    padding: 10px 0px 10px;
  }

  .product-details p {
    font-size: 15px;
    padding: 25px 0px 10px;
  }

  .product-des-tab {
    padding-top: 40px;
  }

  .shop-area {
    padding: 50px 0px 80px;
  }

  .add-tocart-wrap a.add-to-cart {
    height: 45px;
    width: 169px;
    font-size: 18px;
    float: right;
    margin-right: 5px;
    padding: 8px;
  }

  .qtybutton {
    height: 45px;
  }

  .cart-plus-minus {
    height: 45px;
  }

  .cart-plus-minus-button {
    margin-right: 18px;
  }

  .section-heading p {
    padding: 0 15%;
    padding-bottom: 10px;
  }

  .sidebar-search input {
    width: 80%;
  }

  .sidebar-search button {
    width: 20%;
  }

  .mainmenu li:hover .mega-menu {
    top: 100%;
  }

  .mainmenu li:hover .sub-menu {
    top: 100%;
  }

  .modal.popup-1 .modal-dialog,
  .modal.popup-2 .modal-dialog {
    max-width: 850px;
  }

  .modal.popup-1,
  .modal.popup-2 {
    top: 185px;
  }

  .five-col .mega-product {
    padding: 0 10px;
  }

  .mega-product .sin-product h5.pro-title a {
    font-size: 15px;
  }

  .mega-product .sin-product span {
    font-size: 15px;
    float: left;
  }

  .mainmenu .mega-button a {
    font-size: 13px;
  }

  .mainmenu .mega-button a::before {
    top: 7px;
  }

  .quickview-wrapper {
    width: 900px;
    height: 400px;
    overflow: scroll;
  }

  .slider-1 {
    padding-top: 125px;
  }

  .slider-2 {
    padding-top: 180px;
  }

  .slider-text.style-two h1 {
    font-size: 45px;
    padding-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sin-banner-con h4 {
    line-height: 20px;
  }

  .sin-banner-con h4 {
    font-size: 14px;
  }

  .sin-banner-con {
    padding-top: 5px;
    width: 60%;
  }

  .sin-banner-con h4 span {
    font-size: 14px;
  }

  .sin-banner-con .banner-top::after {
    left: 0;
    width: 100%;
    margin-left: 0;
  }

  .sin-banner-con span {
    font-size: 14px;
    line-height: 20px;
  }

  .sin-banner-con h3 {
    font-size: 18px;
  }

  .sin-banner-con p {
    font-size: 14px;
    margin-top: 0px;
  }

  .sin-banner .sin-banner-con.style-two {
    padding-top: 22px;
    width: 65%;
    padding: 20px 5px;
  }

  .sin-banner .sin-banner-con.style-two h4 a {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .sin-banner .sin-banner-con.style-two span {
    font-size: 14px;
  }

  .sin-banner.borders {
    border: 2px solid #233e47;
  }

  .sin-banner.borders:hover {
    border: 2px solid #850305;
  }

  .sin-banner-con-right p {
    font-size: 15px;
    font-weight: 400;
  }

  .sin-banner-con-right {
    padding: 4px 29px;
    top: 36%;
    margin-right: -63px;
  }

  .section-heading p {
    padding: 0 5%;
  }

  .instagram-area {
    padding: 5px 0 5px;
  }

  .footer-widget {
    margin-bottom: 40px;
  }

  .footer-widget-area {
    padding: 65px 0 20px;
  }

  .footer-widget-area.style-two .footer-bottom p {
    text-align: center;
  }

  .subscribe-text {
    text-align: center;
    padding: 0 100px;
  }

  .subscribe-wrapper {
    width: 660px;
    float: none;
    margin: 30px auto 0;
  }

  .pro-tab-filter .pro-tab-button li {
    margin: 0 14px;
  }

  .mainmenu {
    display: none;
  }

  #header {
    display: none;
  }

  .slider-text h1 {
    font-size: 42px;
    margin: 6px 0px;
  }

  .slider-text p {
    font-size: 14px;
  }

  a.btn-two::after,
  a.btn-two::before {
    height: 55px;
  }

  a.btn-two {
    padding: 7px 26px;
  }

  .slider-wrapper .owl-theme .owl-nav+.owl-dots {
    top: 37%;
    right: 70px;
  }

  .slider-text p {
    display: none !important;
  }

  .slider-text.style-two h1 {
    font-size: 35px;
    padding-bottom: 0;
  }

  .main-product .grid-three .grid-item {
    padding: 0 20px;
  }

  .main-product .grid-three .grid-item {
    margin-top: 30px;
  }

  .main-product .grid-three .grid-item:first-child {
    margin-top: 100px;
  }

  .padding-120 {
    padding: 80px 0 !important;
  }

  .main-product {
    padding: 70px 0 20px;
  }

  .banner-product {
    padding: 70px 0 35px;
  }

  .product-small {
    padding: 70px 0 45px;
  }

  .prod-banner-two {
    margin-bottom: 30px;
  }

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

  .padding-150 {
    padding: 80px 0;
  }

  .feature-area {
    padding: 80px 0;
  }

  .pb-30 {
    padding-bottom: 20px;
  }

  .footer-bottom {
    margin-top: 30px;
  }

  .subscribe-area.style-two .subscribe-text {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .subscribe-text {
    padding: 0 50px;
  }

  .category-area.padding-120 {
    padding-bottom: 50px !important;
  }

  .sin-product.style-three .pro-icon::after {
    width: 65%;
  }

  .list-pro-det span {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 4px;
  }

  .list-pro-det p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 23px;
  }

  .list-pro-det span {
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .list-pro-det .rating a {
    font-size: 14px;
  }

  .list-pro-det p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 5px;
  }

  .list-pro-det a.btn-two {
    font-size: 16px;
    padding: 9px 36px;
  }

  .list-pro-det .color-variation {
    margin: 9px 0px 5px;
  }

  .list-pro-det a.btn-two::before,
  .list-pro-det a.btn-two::after {
    height: 52px;
  }

  /*  Shop page  */
  .shop-area {
    padding: 50px 0px 0px;
  }

  .product-des-tab>ul .nav-item {
    margin-right: 0px;
  }

  .product-details {
    padding-left: 15px;
    padding-top: 30px;
  }

  .product-details .color-variation {
    padding: 15px 0px;
  }

  .product-details .price {
    padding: 10px 0px 10px;
  }

  .product-details p {
    font-size: 15px;
    padding: 25px 0px 10px;
  }

  .product-des-tab>ul .nav-item a {
    font-size: 14px;
  }

  .shop-area .wid-pro .sp-img {
    width: 70px;
  }

  .gmap3-area {
    height: 400px;
  }

  .contact-info {
    padding-top: 90px;
  }

  .quickview-wrapper {
    width: 93%;
    height: 510px;
    overflow: scroll;
  }

  .quickview .add-tocart-wrap a.add-to-cart {
    height: 45px;
    width: 169px;
    font-size: 18px;
    float: right;
    margin-right: 5px;
    padding: 8px;
  }

  .quickview .qtybutton {
    height: 45px;
    width: 40px;
  }

  .quickview .cart-plus-minus {
    height: 45px;
    width: 40px;
  }

  .quickview .cart-plus-minus-button {
    margin-right: 0px;
  }

  .quickview .cart-plus-minus-button {
    width: 120px;
  }

  .quickview .product-details .pro-title a {
    font-size: 23px;
  }

  .quickview .product-details {
    padding-left: 0px;
    padding-top: 5px;
  }

  .modal.popup-1 .modal-dialog,
  .modal.popup-2 .modal-dialog {
    max-width: 700px;
  }

  .modal.popup-1,
  .modal.popup-2 {
    /* top: 185px; */
  }

  .pb-info {
    bottom: 13px;
    left: 0;
    width: 190px;
    height: 126px;
  }

  .pb-info::after {
    width: 110%;
    height: 116%;
  }

  .padding-top-120 {
    padding-top: 80px;
  }

  .load-more-wrapper {
    padding-bottom: 50px;
  }

  .main-product.bg-one::before {
    height: 230px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #header {
    display: none;
  }

  .footer-widget {
    margin-bottom: 40px;
  }

  .footer-widget-area {
    padding: 50px 0 0;
  }

  .sin-banner {
    border: 2px solid #233e47;
    margin-bottom: 30px;
  }

  .sin-banner:hover {
    border-color: #850305;
  }

  .pro-tab-filter .pro-tab-button li {
    font-size: 14px;
    margin: 0 9px;
  }

  .sin-feature .inner-sin-feature {
    top: 50%;
    padding: 0px 10px;
  }

  .section-heading p {
    padding: 0 5%;
  }

  .small-pro-details .title {
    font-size: 15px;
  }

  .subscribe-text {
    text-align: center;
    margin-bottom: 30px;
  }

  .subscribe-wrapper {
    width: 490px;
    float: none;
    margin: 0 auto;
  }

  .instagram-area {
    padding: 25px 0 6px;
  }

  .pro-icon ul li {
    margin: 0 22px;
  }

  .sin-feature .f-content h6 {
    font-size: 15px;
  }

  .sin-feature .icon {
    width: 25%;
  }

  .sin-feature .f-content {
    width: 75%;
  }

  .sin-feature {
    height: 147px;
  }

  .sin-feature .inner-sin-feature {
    top: 57%;
  }

  .slider-text h1 {
    font-size: 11px;
    margin: 5px 0;
    line-height: 40px;
  }

  .slider-text h4 {
    font-size: 20px;
  }

  .slider-text p {
    display: none !important;
  }

  .slider-text.style-two h1 {
    font-size: 25px;
    padding-bottom: 0;
  }

  .slider-wrapper {
    padding-top: 54px;
  }

  a.btn-two {
    font-size: 14px;
    padding: 6px 24px;
  }

  a.btn-two::before {
    width: 20px;
    height: 41px;
    top: -4px;
    left: -4px;
  }

  a.btn-two::after {
    width: 20px;
    height: 41px;
    top: -4px;
    right: -4px;
  }

  .slider-wrapper .owl-theme .owl-nav+.owl-dots {
    /*top: 34%;*/
    /*right: 70px;*/
    display: none;
  }

  .slider-text.pr-rem {
    padding-right: 0;
    text-align: right;
    padding-left: 50px;
  }

  .shop-four-grid .sin-product {
    margin-bottom: 50px;
  }

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

  .feature-area {
    padding: 30px 0;
  }

  .padding-120 {
    padding: 50px 0 !important;
  }

  .padding-top-90 {
    padding-top: 0;
  }

  .pb-30 {
    padding-bottom: 0px;
  }

  .category-area.padding-120 {
    padding-bottom: 0px;
  }

  .main-product .grid-three .grid-item:first-child {
    margin-top: 50px;
  }

  .main-product .grid-three .grid-item {
    margin-top: 100px;
  }

  .sidebar-search button {
    width: 10%;
  }

  .sidebar-search input {
    width: 90%;
  }

  .sin-product.list-pro {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .list-pro .list-pro-det {
    margin-top: 40px;
  }

  .breadcrumb-area {
    padding: 20px 0px 10px;
  }

  .shop-area {
    padding: 50px 0px 0px;
  }

  .shop-sorting-area.row {
    margin-bottom: 50px;
  }

  /*  Shop page  */
  .shop-area {
    padding: 50px 0px 0px;
  }

  .product-des-tab>ul .nav-item {
    margin-right: 0px;
  }

  .product-details {
    padding-left: 15px;
    padding-top: 30px;
  }

  .product-details .color-variation {
    padding: 15px 0px;
  }

  .product-details .price {
    padding: 10px 0px 10px;
  }

  .product-details p {
    font-size: 15px;
    padding: 25px 0px 10px;
  }

  .footer-widget-area.style-two .footer-bottom p {
    text-align: center;
  }

  .product-des-tab>ul .nav-item a {
    font-size: 16px;
  }

  .cart-table .tables tbody tr td:nth-child(3) {
    width: 63px;
  }

  .cart-table .tables tbody tr td:nth-child(2) {
    width: 50px;
  }

  .cart-table .tables tbody tr td:nth-child(3) {
    width: 200px;
  }

  .cart-table .tables tbody tr td .product-title a {
    font-size: 14px;
  }

  .cart-btn-section .coupon-code {
    margin-bottom: 15px;
  }

  .footer-bottom {
    margin-top: 25px;
    padding: 40px 0 35px;
  }

  .gmap3-area {
    height: 300px;
  }

  .contact-info {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .modal.quickview-wrapper {
    width: 500px;
    height: 400px;
    overflow: scroll;
  }

  .modal.popup-1 .modal-dialog,
  .modal.popup-2 .modal-dialog {
    max-width: 500px;
    max-height: 300px;
  }

  .popup-banner p {
    font-size: 13px;
    padding: 0;
  }

  .popup-1 .popup-banner {
    height: 400px;
  }

  .modal .subscribe-wrapper input {
    height: 50px;
  }

  .modal .subscribe-wrapper button {
    height: 50px;
  }

  .popup-banner.style-two {
    padding-right: 0;
  }

  .pb-info {
    width: 220px;
    bottom: 15px;
  }

  .pb-info {
    left: 0px;
  }

  .pb-info::after {
    width: 240px;
    border: 3px solid #4f4f50;
  }

  .prod-banner-two {
    margin-top: 25px;
  }

  .banner-product .prod-banner-two {
    margin-bottom: 30px;
  }

  .view-all {
    top: 105px;
    left: 85px;
  }

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

  .slider-text {
    padding-right: 0px;
    text-align: center;
  }

  .main-product {
    padding: 40px 0 50px;
  }

  .banner-product {
    padding: 40px 0 0px;
  }

  .product-small {
    padding: 40px 0 0;
  }

  .load-more-wrapper {
    padding: 50px 0;
  }

  .blog-wrapper {
    padding: 45px 0 0;
  }

  .footer-payment-icon {
    margin-bottom: 15px;
  }

  .sin-product span {
    float: none;
  }

  .sin-product h5.pro-title {
    float: none;
  }

  .sin-product h5.pro-title a {
    width: 100%;
  }

  .sin-product.style-two .mid-wrapper span {
    text-align: center;
  }

  .color-variation {
    float: none;
  }

  .sin-product.style-two .pro-title a {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .blog-wrapper {
    padding: 45px 0 0;
  }

  .main-product {
    padding: 40px 0 50px;
  }

  .banner-product {
    padding: 40px 0 20px;
  }

  .product-small {
    padding: 40px 0 0;
  }

  .footer-widget {
    margin-bottom: 40px;
  }

  .footer-widget-area {
    padding: 65px 0 0;
  }

  .footer-widget-area.style-two .footer-bottom p {
    text-align: center;
  }

  .slider-text h1 {
    font-size: 11px;
    margin: 5px 0;
    line-height: 40px;
  }

  .slider-text h4 {
    font-size: 20px;
  }

  .slider-text p {
    display: none !important;
  }

  a.btn-two {
    font-size: 14px;
    padding: 6px 24px;
  }

  a.btn-two::before {
    width: 20px;
    height: 41px;
    top: -4px;
    left: -4px;
  }

  a.btn-two::after {
    width: 20px;
    height: 41px;
    top: -4px;
    right: -4px;
  }

  .slider-wrapper .owl-theme .owl-nav+.owl-dots {
    /*top: 13%;*/
    /*right: 70px;*/
    display: none;
  }

  .slider-img {
    padding-top: 0;
    position: absolute;
    top: 0;
    right: 0;
  }

  .slider-wrapper .owl-theme .owl-nav+.owl-dots {
    right: 16px;
  }

  .section-heading p {
    padding: 0 2%;
    font-size: 14px;
  }

  .subscribe-wrapper {
    width: 100%;
    float: none;
    margin: 13px auto 0;
    padding-bottom: 8px;
  }

  .subscribe-wrapper input {
    width: 60%;
    height: 45px;
  }

  .subscribe-wrapper button {
    width: 40%;
    border: 1px solid #a1a1a1;
    height: 45px;
    font-size: 13px;
  }

  .subscribe-text p {
    font-size: 14px;
    line-height: 24px;
  }

  .subscribe-text h6 {
    font-size: 22px;
  }

  .pro-tab-filter .pro-tab-button li {
    margin: 0 13px 13px;
    font-size: 14px;
  }

  .sin-feature {
    height: 150px;
    text-align: center;
  }

  .sin-feature .inner-sin-feature {
    padding-left: 10px;
  }

  a.btn-one {
    font-size: 15px;
    padding: 11px 30px;
  }

  .footer-menu ul li {
    margin-bottom: 5px;
  }

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

  .section-heading h3 {
    font-size: 22px;
  }

  .section-heading h3::after {
    top: 30px;
  }

  .small-pro-details span {
    line-height: 22px;
  }

  .instagram-area {
    padding: 0;
  }

  .sin-banner {
    margin-bottom: 15px;
    border: 5px solid #233e47;
  }

  .sin-banner .sin-banner-con.style-two {
    padding-top: 23%;
    width: 55%;
  }

  .sin-banner-con h3 {
    font-size: 35px;
    line-height: 30px;
  }

  .sin-banner-con .banner-top {
    margin-bottom: 0px;
  }

  .sin-banner-con .banner-top::after {
    display: none;
  }

  .sin-banner-con p {
    margin-top: 0;
  }

  .sin-banner-con {
    width: 60%;
  }

  .sin-banner-con h4 {
    font-size: 20px;
  }

  .sin-banner-con h4 {
    line-height: 27px;
  }

  .sin-banner-con h4 span {
    font-size: 20px;
  }

  .sin-banner-con-right {
    top: 98px;
  }

  .sin-product {
    margin-bottom: 30px;
    min-height: 270px !important;
  }

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

  .feature-area {
    padding: 30px 0;
  }

  .padding-120 {
    padding: 30px 0 !important;
  }

  .category-area.padding-120 {
    padding: 30px 0 0 !important;
  }

  .padding-top-90 {
    padding-top: 30px;
  }

  .pb-30 {
    padding-bottom: 0px;
  }

  .sin-product-s .sp-img {
    width: 25%;
  }

  .small-pro-details {
    width: 75%;
    float: none;
  }

  .single-testimonial {
    padding: 20px;
  }

  .single-testimonial .tes-img {
    float: none;
    width: 100px;
    height: 100px;
    border: 3px solid #fff;
    margin: 0 auto;
  }

  .single-testimonial .tes-content {
    padding-left: 0px;
    padding-top: 30px;
  }

  .testimonial-carousel.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
  }

  .footer-bottom {
    margin-top: 5px;
  }

  .main-product .grid-three .grid-item {
    padding: 0;
  }

  .sin-product.style-three .pro-icon::after {
    width: 77%;
  }

  .main-product .grid-three .grid-item:first-child {
    margin-top: 100px;
  }

  .main-product .grid-three .grid-item {
    margin-top: 100px;
  }

  .sin-product.style-three .mid-wrapper span {
    text-align: center;
  }

  .pro-icon ul li {
    margin: 0 12px;
  }

  .section-heading h3 {
    font-size: 18px;
  }

  .sin-product.style-three .color-variation {
    float: left;
  }

  .load-more-wrapper {
    padding: 50px 0;
  }

  .sin-product.style-three {
    margin-bottom: 0;
  }

  .footer-payment-icon ul li {
    margin-left: 5px;
  }

  .product-des-tab .nav-tabs .nav-item a:hover::after,
  .product-des-tab .nav-tabs .nav-item a.active::after {
    display: none;
  }

  .product-des-tab>ul {
    border-bottom: none;
  }

  .banner-wid {
    margin-bottom: 50px;
  }

  /*  Sidebar area */
  .sidebar-widget.advertise-img {
    padding-bottom: 0;
  }

  .shop-area {
    padding: 50px 0px 0px;
  }

  .shop-sorting-area.row {
    margin-bottom: 50px;
  }

  .shop-sorting-area .nav-tabs {
    display: none;
  }

  .footer-instagram ul li {
    width: 23%;
  }

  /*  Shop page  */
  .shop-area {
    padding: 50px 0px 0px;
  }

  .shop-area.style-two {
    padding: 50px 0px 50px;
  }

  .product-des-tab>ul .nav-item {
    margin-right: 0px;
  }

  .product-details {
    padding-left: 15px;
    padding-top: 30px;
  }

  .product-details .color-variation {
    padding: 15px 0px;
  }

  .product-details .price {
    padding: 0px 0px 10px;
    font-size: 16px;
  }

  .product-details p {
    font-size: 15px;
    padding: 25px 0px 10px;
  }

  .product-des-tab>ul .nav-item a {
    font-size: 16px;
  }

  .product-details .pro-title a {
    font-size: 20px;
  }

  .add-tocart-wrap a.add-to-cart {
    height: 45px;
    width: 152px;
    font-size: 18px;
    float: right;
    margin-right: 5px;
    padding: 8px;
  }

  .qtybutton {
    height: 45px;
    width: 32px;
  }

  .cart-plus-minus {
    height: 45px;
    width: 36px;
  }

  .cart-plus-minus-button {
    margin-right: 18px;
    width: 100px;
  }

  .raing-form input {
    width: 100%;
  }

  .raing-form textarea {
    width: 100%;
  }

  .cart-btn-section .coupon-code {
    margin: 15px 0px;
  }

  .cart-btn-right a {
    margin-top: 15px;
    text-align: center;
    float: none;
  }

  .cart-btn-left a {
    margin-right: 0px;
  }

  .note textarea {
    width: 100%;
  }

  .cart-subtotal a {
    height: auto;
    font-size: 13px;
  }

  .cart-btn-section {
    text-align: center;
  }

  .contact-info {
    padding: 50px 15px;
  }

  .gmap3-area {
    height: 300px;
  }

  .single-store a {
    margin-top: 10px;
  }

  .quickview-wrapper {
    width: 310px;
    height: auto;
    overflow: scroll;
  }

  .quickview .add-tocart-wrap a.add-to-cart {
    float: left;
    margin-top: 15px;
  }

  .modal.quickview-wrapper {
    width: 290px;
    height: 400px;
    overflow: scroll;
  }

  .modal.popup-1 .modal-dialog,
  .modal.popup-2 .modal-dialog {
    max-width: 280px;
    max-height: 300px;
  }

  .popup-banner p {
    display: none;
  }

  .popup-1 .popup-banner,
  .popup-2 .popup-banner {
    height: 300px;
  }

  .modal .subscribe-wrapper input {
    height: 50px;
  }

  .modal .subscribe-wrapper button {
    height: 50px;
  }

  .popup-banner.style-two {
    padding-top: 50px;
    padding-right: 0;
  }

  .popup-banner.style-two .popup-subscribe .subscribe-wrapper {
    width: 235px;
  }

  .popup-banner.style-two .subscribe-wrapper input {
    height: 40px;
  }

  .popup-banner.style-two .subscribe-wrapper button {
    height: 40px;
    width: 100%;
  }

  .popup-banner.style-two h3 {
    font-size: 20px;
  }

  .pb-info {
    width: 250px;
    bottom: 25px;
  }

  .pb-info::after {
    width: 270px;
  }

  .pro-tab-filter.style-two .pro-tab-button {
    text-align: center;
    padding: 10px 0;
  }

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

  .product-social ul li {
    width: 28px;
  }

  .next-prev-btn {
    margin-top: 0px;
  }

  .children-comment {
    padding-left: 20px;
  }

  .slider-text p {
    display: none !important;
  }

  .slider-wrapper {
    padding-top: 54px;
  }

  /*.slider-text h1 {*/
  /*  display: none !important;*/
  /*}*/

  .sin-category .cat-name {
    margin-top: -40px;
  }

  .sin-category .cat-name a h5 {
    line-height: 21px;
    font-size: 16px;
  }

  .slider-text.style-two h1 {
    font-size: 14px;
    padding-bottom: 0px;
    display: block !important;
    line-height: 4px;
    margin-top: 16px;
  }

  .sin-category .cat-name {
    margin-top: -28px;
  }

  .sin-category .cat-name a {
    font-size: 11px;
    padding: 11px 25px;
  }

  .sin-category .cat-name a p {
    line-height: 20px;
  }

  .section-heading h3::after {
    margin-left: -65px;
    width: 130px;
  }

  .padding-top-120 {
    padding-top: 30px;
  }

  .slider-text h4 {
    font-size: 13px;
  }

  .slider-text a.btn-two::before,
  .slider-text a.btn-two::after {
    display: none;
  }

  .login-now span {
    width: 100%;
    display: block;
    font-size: 22px;
    margin-bottom: 10px;
  }

  .cart-table .tables tbody tr td a {
    color: #525353;
  }

  .cart-table .tables tbody tr td .product-title a {
    font-size: 14px;
  }

  .info-wrap .sin-aditional-info .first {
    width: 100%;
  }

  .info-wrap .sin-aditional-info .first {
    border-right: none;
    border-left: none;
  }

  .subscribe-area.style-two .subscribe-text h6 {
    margin-bottom: 30px;
  }

  .subscribe-area.style-two {
    padding: 60px 0px 80px;
  }

  .footer-payment-icon ul li {
    margin-bottom: 12px;
    width: 20%;
  }

  .cart-title>p a {
    font-size: 13px;
  }

  .cart-price>p {
    font-size: 14px;
  }

  .cart-sub-total>p {
    font-size: 14px;
    padding: 0px 10px 10px;
    margin-bottom: 0;
  }

  .cart-sub-total p span {
    font-size: 14px;
  }

  .cart-checkout {
    margin-left: 14px;
  }

  .main-product .sin-product h5.pro-title a {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }

  .main-product .sin-product span {
    float: none;
    font-size: 14px;
    text-align: center;
  }

  .main-product .sin-product h5.pro-title {
    font-weight: 400;
    float: none;
    margin-bottom: 0;
  }

  .main-product .sin-product .pro-icon {
    display: none;
  }

  .main-product .sin-product .color-variation ul li {
    font-size: 10px;
  }

  /* .main-product .sin-product.style-two{
		min-height: 300px!important;
	} */
  .main-product .sin-product.style-two .mid-wrapper span {
    font-size: 14px;
    float: none;
  }

  .main-product .sin-product .color-variation {
    float: none;
  }

  .main-product .sin-product.style-two .add-to-cart {
    display: none;
  }

  .main-product .sin-product h5.pro-title {
    text-align: center;
    width: 100%;
  }

  .cart-checkout a {
    font-size: 13px;
    font-weight: 400;
  }

  .cart-share a {
    font-weight: 400;
    font-size: 13px;
  }

  .sin-product.style-two .new-tag {
    display: none;
  }

  .sin-product.style-two .pro-title a {
    width: 136px;
  }

  .backtotop {
    border: none;
  }

  .backtotop i {
    height: 31px;
    width: 31px;
    line-height: 31px;
  }

  .prod-banner-two {
    margin-bottom: 30px;
    margin-top: 0;
  }

  .main-product .pro-tab-filter .pro-tab-button {
    padding: 20px 0px 50px;
  }

  .contact-area {
    padding: 30px 0 40px;
  }

  /* Cart Page table */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  tr {
    border: 1px solid #ccc;
    border-bottom: 10px solid #efefef;
  }

  td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 10px 0px;
    padding-left: 0px;
    padding-left: 0;
    text-align: center;
  }

  td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    display: none;
  }

  .quantity input {
    width: 70px;
    padding-left: 12px;
  }

  /*
	Label the data
	*/
  td:nth-of-type(1):before {
    content: "Remove";
  }

  td:nth-of-type(2):before {
    content: "Product Image";
  }

  td:nth-of-type(3):before {
    content: "Product Name";
  }

  td:nth-of-type(4):before {
    content: "Quantity";
  }

  td:nth-of-type(5):before {
    content: "unit price";
  }

  td:nth-of-type(6):before {
    content: "Total";
  }

  .list-pro-det {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .sin-product.style-one h5.pro-title {
    width: 100%;
    text-align: center;
  }

  .sin-product.style-two .mid-wrapper p {
    text-align: center;
  }

  .sin-product.style-two .mid-wrapper p {
    font-weight: 400;
    font-size: 14px;
  }

  .sin-blog .title {
    font-size: 16px;
  }

  .sin-product.style-three .mid-wrapper p {
    text-align: center;
  }

  .main-product.bg-one::before {
    height: 220px;
  }
}

@media (max-width: 991px) {
  .accordion-wrapper {
    display: block;
  }

  .mobile-header {
    z-index: 998;
    width: 100%;
    left: 0;
    background: #fff;
    height: 55px;
  }

  .logo {
      width: 110px;
    /*padding-top: 13px;*/
    text-align: center;
  }

  .top-cart {
    float: right;
    padding-top: 14px;
    padding-right: 7px;
  }

  .top-cart>a {
    color: #3f3f3f;
    font-size: 15px;
  }

  .mobile-header {
    display: block;
    position: fixed;
  }

  .header-area {
    display: none;
  }

  .footer-widget .logo {
    text-align: left;
  }

  .footer-payment-icon ul {
    float: none;
    margin-top: 20px;
  }

  .footer-payment-icon {
    text-align: center;
    margin-bottom: 10px;
  }

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

  .home-version-3 {
    padding: 0px 15px 15px;
  }

  .sin-category {
    margin-bottom: 30px;
  }

  .breadcrumb-area {
    padding: 75px 0px 10px;
  }

  .slider-text.mob-align-left {
    text-align: left !important;
  }
}

@media (min-width: 480px) and (max-width: 575px) {
  .slider-text h4 {
    font-size: 19px;
  }

  .slider-text.style-two,
  .slider-text {
    text-align: right;
  }

  .slider-text {
    padding-right: 65px;
  }

  .slider-text.style-two h1 {
    font-size: 19px;
  }
}

@media (min-width: 320px) and (max-width: 479px) {

  .slider-text,
  .slider-text.style-two {
    text-align: right;
    padding-right: 20px;
  }
}

.blog-sidebar {
  padding-left: 25px;
}

.sidebar-widget {
  border: 1px solid #e5e5e5;
  padding: 25px;
  margin-bottom: 30px;
}

.sidebar-widget h3 {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 25px;
  padding-bottom: 12px;
  border-bottom: 2px solid #990000;
}

.sidebar-blog-item {
  display: flex;
  gap: 15px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.sidebar-blog-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.sidebar-blog-image {
  width: 95px;
  min-width: 95px;
  height: 75px;
  overflow: hidden;
}

.sidebar-blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}

.sidebar-blog-image img:hover {
  transform: scale(1.05);
}

.sidebar-blog-content span {
  display: block;
  font-size: 12px;
  color: #999;
  margin-bottom: 5px;
}

.sidebar-blog-content h4 {
  margin: 0;
  line-height: 1.4;
}

.sidebar-blog-content h4 a {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.sidebar-blog-content h4 a:hover {
  color: #990000;
}


/* Categories */

.categories-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.categories-widget ul li {
  border-bottom: 1px solid #eee;
  padding: 11px 0;
}

.categories-widget ul li:last-child {
  border-bottom: none;
}

.categories-widget ul li a {
  color: #555;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.categories-widget ul li a:hover {
  color: #990000;
  padding-left: 5px;
}


/* Responsive */

@media (max-width: 991px) {

  .blog-sidebar {
    padding-left: 0;
    margin-top: 40px;
  }

}

.blo-detail-h1 {
  color: #850305;
}

/* =========================================
   FYNLACE ABOUT PAGE
========================================= */

.about-hero {
  min-height: 430px;
  position: relative;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(245, 237, 226, .96), rgba(245, 237, 226, .55)),
    url("../images/about-banner.jpg") center center/cover no-repeat;
  overflow: hidden;
}

.about-hero-content {
  max-width: 650px;
  position: relative;
  z-index: 2;
}

.about-hero-content>span,
.section-subtitle,
.section-heading-center>span {
  color: #a20f12;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
}

.about-hero h1 {
  font-size: 54px;
  line-height: 1.12;
  color: #8f090d;
  font-weight: 700;
  text-transform: uppercase;
  margin: 15px 0;
}

.about-hero p {
  max-width: 570px;
  font-size: 15px;
  line-height: 1.8;
  color: #555;
}

.breadcrumb-custom {
  margin-top: 25px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}

.breadcrumb-custom a {
  color: #8f090d;
  text-decoration: none;
}

.breadcrumb-custom i {
  color: #999;
}

.breadcrumb-custom span {
  color: #777;
}


/* =========================================
   ABOUT SECTION
========================================= */

.fyn-about-section {
  padding: 100px 0;
  background: #000;
}

.about-image-wrap {
  position: relative;
  padding-right: 35px;
  padding-bottom: 35px;
}

.about-image-wrap img {
  width: 100%;
  height: 570px;
  object-fit: cover;
  display: block;
}

.about-image-wrap::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 80%;
  border: 1px solid #a20f12;
  z-index: 0;
  pointer-events: none;
}

.about-image-wrap img {
  position: relative;
  z-index: 1;
}

.about-image-box {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 3;
  background: #8f090d;
  color: #fff;
  padding: 20px 28px;
  min-width: 190px;
}

.about-image-box strong {
  display: block;
  font-size: 21px;
  letter-spacing: 2px;
}

.about-image-box span {
  display: block;
  font-size: 10px;
  margin-top: 5px;
  letter-spacing: 1px;
}

.about-content {
  padding-left: 35px;
}

.about-content h2,
.why-content h2 {
  font-size: 42px;
  line-height: 1.2;
  margin: 15px 0 25px;
  /*color: #272727;*/
  color: #fff;
}

.about-content h2 span,
.why-content h2 span {
  color: #a20f12;
}
.about-content h2 span,
.why-content1 h2 span {
  color: #a20f12;
}

.about-content h4 span{
    color: #a20f12;
    font-weight: 900;
}

.h2-personal{
    font-size: 42px;
    line-height: 1.2;
    margin: 15px 0 25px;
     color: #272727; 
   
}

.about-content p,
.why-content>p {
  /*color: #666;*/
  color: #fff;
  line-height: 1.9;
  font-size: 14px;
  margin-bottom: 15px;
}


/* BUTTON */

.fyn-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #8f090d;
  color: #fff !important;
  padding: 14px 24px;
  margin-top: 15px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
  transition: all .35s ease;
}

.fyn-btn:hover {
  background: #5f0508;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(143, 9, 13, .2);
}

.fyn-btn i {
  transition: transform .3s ease;
}

.fyn-btn:hover i {
  transform: translateX(5px);
}


/* =========================================
   HIGHLIGHT
========================================= */

.brand-highlight {
  padding: 25px 0;
  background: #f7f0e7;
}

.highlight-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.highlight-item {
  text-align: center;
  padding: 30px 20px;
  border-right: 1px solid #ddd1c5;
}

.highlight-item:last-child {
  border-right: 0;
}

.highlight-item i {
  font-size: 25px;
  color: #a20f12;
  margin-bottom: 15px;
}

.highlight-item h4 {
  font-size: 15px;
  color: #333;
  margin-bottom: 8px;
}

.highlight-item p {
  margin: 0;
  font-size: 12px;
  color: #777;
}


/* =========================================
   VISION MISSION
========================================= */

.vision-mission-section {
  padding: 100px 0;
  background: #fff;
}

.section-heading-center {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.section-heading-center h2 {
  color: #292929;
  font-size: 38px;
  margin: 12px 0;
  font-weight: 700;
}

.section-heading-center p {
  color: #777;
  font-size: 14px;
  line-height: 1.8;
}

.vm-card {
  height: 100%;
  padding: 45px;
  display: flex;
  gap: 25px;
  border: 1px solid #e5ddd5;
  background: #fbf8f4;
  transition: all .4s ease;
  position: relative;
  overflow: hidden;
}

.vm-card::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 0;
  left: 0;
  top: 0;
  background: #a20f12;
  transition: height .5s ease;
}

.vm-card:hover::before {
  height: 100%;
}

.vm-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

.vm-icon {
  flex: 0 0 65px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #8f090d;
  color: #fff;
  font-size: 22px;
}

.vm-card span {
  font-size: 11px;
  color: #a20f12;
  letter-spacing: 2px;
  font-weight: 700;
}

.vm-card h3 {
  margin: 8px 0 15px;
  font-size: 25px;
  color: #292929;
}

.vm-card p {
  color: #707070;
  line-height: 1.8;
  font-size: 13px;
}


/* =========================================
   CORE VALUES
========================================= */

.core-values-section {
  padding: 100px 0;
  background: #f8f2eb;
}

.value-card {
  height: 100%;
  padding: 35px 25px;
  background: #fff;
  border: 1px solid #eadfd4;
  position: relative;
  transition: all .4s ease;
  overflow: hidden;
}

.value-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .08);
}

.value-number {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #eee6df;
  font-size: 50px;
  font-weight: 700;
}

.value-icon {
  width: 58px;
  height: 58px;
  background: #8f090d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  transition: all .4s ease;
}

.value-card:hover .value-icon {
  transform: rotateY(180deg);
}

.value-card h3 {
  font-size: 20px;
  color: #292929;
}

.value-card p {
  color: #777;
  font-size: 13px;
  line-height: 1.8;
}


/* =========================================
   WHY FYNLACE
========================================= */

.why-fynlace-section {
  padding: 100px 0;
  background: #fff;
}

.why-image {
  position: relative;
  padding-right: 30px;
  padding-bottom: 30px;
}

.why-image::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 80%;
  border: 1px solid #a20f12;
}

.why-image img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.why-content {
  padding-left: 40px;
}

.why-list {
  margin-top: 30px;
}

.why-item {
  display: flex;
  gap: 18px;
  margin-bottom: 22px;
}

.why-item>span {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background: #8f090d;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
}

.why-item h4 {
  margin: 0 0 5px;
  color: #333;
  font-size: 16px;
}

.why-item p {
  margin: 0;
  color: #777;
  font-size: 13px;
}


/* =========================================
   TEAM
========================================= */

.team-section {
  padding: 100px 0;
  background: #f8f3ed;
}

.team-card {
  background: #fff;
  overflow: hidden;
  border: 1px solid #eadfd4;
  transition: all .4s ease;
}

.team-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, .1);
}

.team-image {
  height: 390px;
  overflow: hidden;
  position: relative;
}

.team-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}

.team-card:hover .team-image img {
  transform: scale(1.06);
}

.team-social {
  position: absolute;
  bottom: -55px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
  transition: all .4s ease;
}

.team-card:hover .team-social {
  bottom: 20px;
}

.team-social a {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #8f090d;
  color: #fff;
  text-decoration: none;
  transition: all .3s ease;
}

.team-social a:hover {
  background: #fff;
  color: #8f090d;
}

.team-info {
  padding: 25px;
  text-align: center;
}

.team-info h3 {
  font-size: 20px;
  color: #292929;
  margin-bottom: 5px;
}

.team-info>span {
  color: #a20f12;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.team-info p {
  margin: 12px 0 0;
  font-size: 13px;
  color: #777;
  line-height: 1.7;
}


/* =========================================
   CTA
========================================= */

.about-cta {
  padding: 90px 0;
  background:
    linear-gradient(rgba(100, 5, 8, .93), rgba(100, 5, 8, .93)),
    url("../images/cta-bg.jpg") center/cover;
  text-align: center;
}

.cta-inner {
  max-width: 700px;
  margin: auto;
}

.cta-inner>span {
  color: #f1d8b8;
  font-size: 11px;
  letter-spacing: 3px;
  font-weight: 700;
}

.cta-inner h2 {
  color: #fff;
  font-size: 48px;
  line-height: 1.2;
  margin: 15px 0;
}

.cta-inner p {
  color: rgba(255, 255, 255, .8);
  font-size: 14px;
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto 20px;
}

.white-btn {
  background: #fff;
  color: #8f090d !important;
}

.white-btn:hover {
  background: #f1d8b8;
}


/* =========================================
   SCROLL ANIMATIONS
========================================= */

.reveal-up,
.reveal-left,
.reveal-right {
  opacity: 0;
  transition:
    opacity .8s ease,
    transform .8s ease;
}

.reveal-up {
  transform: translateY(50px);
}

.reveal-left {
  transform: translateX(-60px);
}

.reveal-right {
  transform: translateX(60px);
}

.reveal-up.active,
.reveal-left.active,
.reveal-right.active {
  opacity: 1;
  transform: translate(0);
}


/* stagger animation for cards */

.value-card:nth-child(1) {
  transition-delay: .05s;
}

.value-card:nth-child(2) {
  transition-delay: .15s;
}

.value-card:nth-child(3) {
  transition-delay: .25s;
}

.value-card:nth-child(4) {
  transition-delay: .35s;
}

.team-card:nth-child(1) {
  transition-delay: .05s;
}

.team-card:nth-child(2) {
  transition-delay: .15s;
}

.team-card:nth-child(3) {
  transition-delay: .25s;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

  .about-hero {
    min-height: 380px;
  }

  .about-hero h1 {
    font-size: 42px;
  }

  .fyn-about-section,
  .vision-mission-section,
  .core-values-section,
  .why-fynlace-section,
  .team-section {
    padding: 70px 0;
  }

  .about-content,
  .why-content {
    padding-left: 0;
    margin-top: 35px;
  }

  .about-image-wrap {
    max-width: 650px;
    margin: auto;
  }

  .highlight-inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .highlight-item:nth-child(2) {
    border-right: 0;
  }

  .highlight-item:nth-child(-n+2) {
    border-bottom: 1px solid #ddd1c5;
  }

  .why-image {
    max-width: 650px;
    margin: auto;
  }

  .cta-inner h2 {
    font-size: 40px;
  }
}


@media (max-width: 767px) {

  .about-hero {
    min-height: 330px;
    text-align: center;
  }

  .about-hero-content {
    margin: auto;
  }

  .about-hero h1 {
    font-size: 34px;
  }

  .about-hero p {
    font-size: 13px;
  }

  .breadcrumb-custom {
    justify-content: center;
  }

  .about-image-wrap img,
  .why-image img {
    height: 450px;
  }

  .about-content h2,
  .why-content h2 {
    font-size: 32px;
  }

  .highlight-inner {
    grid-template-columns: 1fr;
  }

  .highlight-item {
    border-right: 0;
    border-bottom: 1px solid #ddd1c5;
  }

  .highlight-item:last-child {
    border-bottom: 0;
  }

  .vm-card {
    padding: 30px 25px;
    flex-direction: column;
  }

  .section-heading-center h2 {
    font-size: 32px;
  }

  .team-image {
    height: 420px;
  }

  .cta-inner h2 {
    font-size: 34px;
  }
}


@media (max-width: 575px) {

  .about-hero h1 {
    font-size: 29px;
  }

  .about-image-wrap {
    padding-right: 15px;
    padding-bottom: 15px;
  }

  .about-image-wrap img,
  .why-image img {
    height: 380px;
  }

  .about-image-box {
    left: 10px;
    bottom: 10px;
  }

  .fyn-about-section,
  .vision-mission-section,
  .core-values-section,
  .why-fynlace-section,
  .team-section {
    padding: 55px 0;
  }
}


/* Wishlist */
.fynlace-wishlist {
  padding: 70px 0 90px;
  background: #fff;
}

.wishlist-heading {
  text-align: center;
  margin-bottom: 45px;
}

.wishlist-heading h2 {
  font-size: 25px;
  font-weight: 600;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.wishlist-heading h2 span {
  color: #9b0000;
}

.wishlist-heading p {
  font-size: 13px;
  color: #777;
  margin-bottom: 18px;
}

.wishlist-heading-line {
  width: 80px;
  height: 1px;
  background: #aaa;
  margin: auto;
  position: relative;
}

.wishlist-heading-line::after {
  content: "◇";
  position: absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
  background: #fff;
  padding: 0 7px;
  color: #9b0000;
  font-size: 11px;
}

/* Product Card */

.wishlist-product {
  position: relative;
  background: #fff;
  transition: all .35s ease;
}

.wishlist-product:hover {
  transform: translateY(-5px);
}

.wishlist-product-image {
  position: relative;
  overflow: hidden;
  background: #f5f0eb;
}

.wishlist-product-image img {
  width: 100%;
  height: 330px;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}

.wishlist-product:hover .wishlist-product-image img {
  transform: scale(1.04);
}

/* Remove Button */

.wishlist-remove {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #8f0000;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
  z-index: 2;
  cursor: pointer;
  transition: .3s;
}

.wishlist-remove:hover {
  background: #8f0000;
  color: #fff;
}

/* Product Details */

.wishlist-product-details {
  text-align: center;
  padding: 17px 5px 10px;
}

.wishlist-product-details h4 {
  font-size: 12px;
  font-weight: 500;
  color: #333;
  margin: 0 0 7px;
}

.wishlist-product-details .price {
  color: #a00000;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
}

.wishlist-stars {
  font-size: 9px;
  color: #222;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

/* Add Cart */

.wishlist-add-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 20px;
  background: #8f0000;
  border: 1px solid #8f0000;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  transition: all .3s ease;
}

.wishlist-add-cart:hover {
  background: #fff;
  color: #8f0000;
}

/* Empty Wishlist */

/*.wishlist-empty {*/
/*  text-align: center;*/
/*  padding: 70px 20px;*/
/*  border: 1px solid #eee;*/
/*}*/

/*.wishlist-empty i {*/
/*  font-size: 48px;*/
/*  color: #9b0000;*/
/*  margin-bottom: 20px;*/
/*}*/

/*.wishlist-empty h3 {*/
/*  font-size: 22px;*/
/*  font-weight: 500;*/
/*  margin-bottom: 10px;*/
/*}*/

/*.wishlist-empty p {*/
/*  color: #777;*/
/*  font-size: 13px;*/
/*  margin-bottom: 25px;*/
/*}*/

/*.wishlist-shop-btn {*/
/*  display: inline-block;*/
/*  background: #8f0000;*/
/*  color: #fff;*/
/*  padding: 12px 25px;*/
/*  font-size: 11px;*/
/*  text-transform: uppercase;*/
/*  text-decoration: none;*/
/*  transition: .3s;*/
/*}*/

/*.wishlist-shop-btn:hover {*/
/*  background: #650000;*/
/*  color: #fff;*/
/*}*/

/* Responsive */

/*@media(max-width: 767px) {*/

/*  .fynlace-wishlist {*/
/*    padding: 50px 0 60px;*/
/*  }*/

/*  .wishlist-heading h2 {*/
/*    font-size: 21px;*/
/*  }*/

/*  .wishlist-product-image img {*/
/*    height: 300px;*/
/*  }*/
/*}*/

.fynlace-wishlist-empty {
    position: relative;
    max-width: 850px;
    min-height: 390px;
    margin: 0 auto;
    padding: 75px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fffaf7;
    border: 1px solid #eee1d9;
    overflow: hidden;
}

/* =========================================
   FLOATING DECORATIONS
========================================= */

.wishlist-float {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    color: #8f0000;
}

/* Dress */
.wishlist-dress {
    top: 45px;
    left: 9%;
    font-size: 34px;
    opacity: .13;
    animation: wishlistDress 5s ease-in-out infinite;
}

/* Flower 1 */
.wishlist-flower-one {
    top: 35px;
    right: 12%;
    font-size: 28px;
    color: #c59b27;
    opacity: .35;
    animation: wishlistFlowerOne 4s ease-in-out infinite;
}

/* Flower 2 */
.wishlist-flower-two {
    bottom: 45px;
    left: 13%;
    font-size: 24px;
    color: #c59b27;
    opacity: .3;
    animation: wishlistFlowerTwo 5s ease-in-out infinite;
}

/* Heart */
.wishlist-heart-float {
    bottom: 50px;
    right: 11%;
    font-size: 26px;
    opacity: .15;
    animation: wishlistHeartFloat 4s ease-in-out infinite;
}

/* Sparkles */
.wishlist-sparkle-one {
    top: 105px;
    left: 22%;
    font-size: 17px;
    opacity: .25;
    animation: wishlistSparkle 3s ease-in-out infinite;
}

.wishlist-sparkle-two {
    bottom: 105px;
    right: 23%;
    font-size: 15px;
    opacity: .25;
    animation: wishlistSparkle 3.5s ease-in-out infinite reverse;
}


/* =========================================
   MAIN CONTENT
========================================= */

.wishlist-empty-content {
    position: relative;
    z-index: 5;
}

/* Main Heart */

.wishlist-main-heart {
    width: 85px;
    height: 85px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #eadbd3;
    box-shadow: 0 10px 30px rgba(90, 0, 0, .06);
    animation: mainHeartPulse 3s ease-in-out infinite;
}

.wishlist-main-heart i {
    font-size: 35px;
    color: #8f0000;
}


/* Label */

.wishlist-empty-label {
    display: block;
    margin-bottom: 10px;
    color: #9b0000;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}


/* Heading */

.fynlace-wishlist-empty h3 {
    margin: 0 0 12px;
    color: #222;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    font-weight: 500;
}


/* Paragraph */

.fynlace-wishlist-empty p {
    max-width: 480px;
    margin: 0 auto 27px;
    color: #777;
    font-size: 13px;
    line-height: 1.8;
}


/* Button */

.wishlist-shop-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 27px;
    background: #8f0000;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.wishlist-shop-btn span {
    font-size: 16px;
    transition: .3s ease;
}

.wishlist-shop-btn:hover {
    background: #650000;
    color: #fff;
    transform: translateY(-3px);
}

.wishlist-shop-btn:hover span {
    transform: translateX(5px);
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes wishlistDress {

    0%, 100% {
        transform: translateY(0) rotate(-5deg);
    }

    50% {
        transform: translateY(-22px) rotate(5deg);
    }
}

@keyframes wishlistFlowerOne {

    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-18px) rotate(15deg);
    }
}

@keyframes wishlistFlowerTwo {

    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-15px) rotate(-15deg);
    }
}

@keyframes wishlistHeartFloat {

    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-20px) scale(1.15);
    }
}

@keyframes wishlistSparkle {

    0%, 100% {
        transform: scale(.7) rotate(0deg);
        opacity: .15;
    }

    50% {
        transform: scale(1.3) rotate(90deg);
        opacity: .45;
    }
}

@keyframes mainHeartPulse {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.07);
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .fynlace-wishlist-empty {
        min-height: 420px;
        margin: 0 15px;
        padding: 60px 20px;
    }

    .wishlist-dress {
        left: 5%;
        top: 35px;
        font-size: 27px;
    }

    .wishlist-flower-one {
        right: 6%;
        top: 40px;
        font-size: 23px;
    }

    .wishlist-flower-two {
        left: 7%;
        bottom: 35px;
    }

    .wishlist-heart-float {
        right: 7%;
        bottom: 40px;
    }

    .wishlist-sparkle-one {
        left: 15%;
    }

    .wishlist-sparkle-two {
        right: 15%;
    }

    .fynlace-wishlist-empty h3 {
        font-size: 24px;
    }
}





/* Checkout page */
.fynlace-checkout {
  background: #f8f3ee;
  padding: 70px 0 90px;
}

/* Heading */

.checkout-heading {
  text-align: center;
  margin-bottom: 45px;
}

.checkout-heading h2 {
  font-size: 27px;
  font-weight: 600;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.checkout-heading h2 span {
  color: #920000;
}

.checkout-heading p {
  font-size: 13px;
  color: #777;
  margin-bottom: 18px;
}

.checkout-line {
  width: 75px;
  height: 1px;
  background: #aaa;
  margin: auto;
  position: relative;
}

.checkout-line::after {
  content: "◇";
  position: absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
  background: #f8f3ee;
  color: #920000;
  padding: 0 7px;
  font-size: 11px;
}

/* Main Cards */

.checkout-card {
  background: #fff;
  padding: 30px;
  border: 1px solid #e7dfd8;
  margin-bottom: 25px;
}

.checkout-card-title {
  font-size: 22px;
  color: #222;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 25px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eee;
}

.checkout-card-title span {
  color: #920000;
}

/* Form */

.checkout-form label {
  font-size: 13px;
  color: #333;
  font-weight: 600;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.checkout-form label span {
  color: #920000;
}

.checkout-form .form-control,
.checkout-form .form-select {
  height: 45px;
  border: 1px solid #ddd;
  border-radius: 0;
  font-size: 13px;
  color: #555;
  padding: 10px 13px;
  box-shadow: none;
  background: #fff;
}

.checkout-form textarea.form-control {
  height: 100px;
  resize: none;
}

.checkout-form .form-control:focus,
.checkout-form .form-select:focus {
  border-color: #920000;
  box-shadow: none;
}

/* Checkbox */

.checkout-checkbox {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.checkout-checkbox input {
  accent-color: #920000;
  width: 15px;
  height: 15px;
}

.checkout-checkbox label {
  margin: 0;
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
  color: #666;
}

/* Order Summary */

.order-summary {
  background: #fff;
  border: 1px solid #e7dfd8;
  padding: 30px;
  position: sticky;
  top: 20px;
}

.order-summary h3 {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #222;
  margin-bottom: 25px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eee;
}

.order-summary h3 span {
  color: #920000;
}

/* Product */

.checkout-product {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #eee;
}

.checkout-product-image {
  width: 70px;
  height: 80px;
  background: #f5eee8;
  overflow: hidden;
  flex-shrink: 0;
}

.checkout-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.checkout-product-info {
  flex: 1;
}

.checkout-product-info h4 {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 6px;
  color: #333;
}

.checkout-product-info p {
  margin: 0;
  font-size: 11px;
  color: #888;
}

.checkout-product-price {
  font-size: 12px;
  font-weight: 600;
  color: #920000;
}

/* Summary Rows */

.summary-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  font-size: 12px;
  color: #666;
}

.summary-row.total {
  border-top: 1px solid #ddd;
  margin-top: 8px;
  padding-top: 18px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.summary-row.total strong {
  color: #920000;
  font-size: 18px;
}

/* Payment */

.payment-title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 25px 0 15px;
}

.payment-option {
  border: 1px solid #ddd;
  padding: 13px 15px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: .3s;
}

.payment-option:hover,
.payment-option.active {
  border-color: #920000;
  background: #fffafa;
}

.payment-option label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin: 0;
  font-size: 12px;
  color: #444;
  text-transform: none;
  font-weight: 500;
}

.payment-option input {
  accent-color: #920000;
}

.payment-icon {
  color: #920000;
  margin-left: auto;
  font-size: 16px;
}

/* Place Order */

.place-order-btn {
  width: 100%;
  height: 48px;
  border: 1px solid #920000;
  background: #920000;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  cursor: pointer;
  margin-top: 15px;
  transition: .3s;
}

.place-order-btn:hover {
  background: #700000;
  border-color: #700000;
}

.secure-payment {
  text-align: center;
  margin-top: 15px;
  color: #888;
  font-size: 10px;
}

.secure-payment i {
  color: #920000;
  margin-right: 5px;
}

/* Coupon */

.coupon-box {
  display: flex;
  margin-top: 22px;
  margin-bottom: 10px;
}

.coupon-box input {
  flex: 1;
  height: 40px;
  border: 1px solid #ddd;
  border-right: 0;
  padding: 8px 12px;
  font-size: 11px;
  outline: none;
}

.coupon-box button {
  width: 85px;
  border: 1px solid #920000;
  background: #920000;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
}

.coupon-box button:hover {
  background: #700000;
}

#couponMessage {
  font-size: 10px;
  margin-top: 5px;
  color: #920000;
  display: none;
}

/* Responsive */

@media(max-width: 991px) {
  .order-summary {
    position: static;
  }
}

@media(max-width: 576px) {

  .fynlace-checkout {
    padding: 50px 15px 60px;
  }

  .checkout-heading h2 {
    font-size: 22px;
  }

  .checkout-card,
  .order-summary {
    padding: 20px;
  }

  .checkout-product-image {
    width: 60px;
    height: 70px;
  }
}


/* My Order page */
.fynlace-orders {
  background: #f8f3ee;
  padding: 70px 0 90px;
  /*min-height: 70vh;*/
  height: 100%;
}

/* Heading */

.orders-heading {
  text-align: center;
  margin-bottom: 45px;
}

.orders-heading h2 {
  font-size: 27px;
  font-weight: 600;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.orders-heading h2 span {
  color: #920000;
}

.orders-heading p {
  font-size: 13px;
  color: #777;
  margin-bottom: 18px;
}

.orders-line {
  width: 75px;
  height: 1px;
  background: #aaa;
  margin: auto;
  position: relative;
}

.orders-line::after {
  content: "◇";
  position: absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
  background: #f8f3ee;
  color: #920000;
  padding: 0 7px;
  font-size: 11px;
}

/* Order Card */

.order-card {
  background: #fff;
  border: 1px solid #e6ddd6;
  margin-bottom: 25px;
  transition: .3s ease;
}

.order-card:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, .07);
}

/* Order Header */

.order-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 25px;
  background: #fbf7f3;
  border-bottom: 1px solid #e8e1db;
  gap: 15px;
  flex-wrap: wrap;
}

.order-number {
  font-size: 12px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
}

.order-number span {
  color: #920000;
}

.order-date {
  font-size: 11px;
  color: #777;
}

/* Status */

.order-status {
  padding: 6px 13px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
}

.status-delivered {
  background: #e7f4e9;
  color: #287a36;
}

.status-shipped {
  background: #e9f0f8;
  color: #35658d;
}

.status-processing {
  background: #fff1d9;
  color: #a56a00;
}

.status-cancelled {
  background: #f8e5e5;
  color: #a00000;
}

/* Order Body */

.order-body {
  padding: 25px;
}

/* Product */

.order-product {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.order-product:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.order-product-image {
  width: 85px;
  height: 95px;
  background: #f5eee8;
  flex-shrink: 0;
  overflow: hidden;
}

.order-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.order-product-details {
  flex: 1;
}

.order-product-details h4 {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  margin: 0 0 8px;
}

.order-product-details p {
  font-size: 11px;
  color: #888;
  margin: 3px 0;
}

.order-product-price {
  font-size: 13px;
  font-weight: 600;
  color: #920000;
}

/* Order Footer */

.order-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 25px;
  border-top: 1px solid #eee;
  gap: 15px;
  flex-wrap: wrap;
}

.order-total {
  font-size: 12px;
  color: #666;
}

.order-total strong {
  color: #920000;
  font-size: 16px;
  margin-left: 5px;
}

/* Buttons */

.order-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.order-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  border: 1px solid #920000;
  transition: .3s;
}

.view-order-btn {
  background: #920000;
  color: #fff;
}

.view-order-btn:hover {
  background: #700000;
  border-color: #700000;
  color: #fff;
}

.reorder-btn {
  background: #fff;
  color: #920000;
}

.reorder-btn:hover {
  background: #920000;
  color: #fff;
}

/* Empty Orders */

.empty-orders {
  display: none;
  background: #fff;
  border: 1px solid #e6ddd6;
  text-align: center;
  padding: 70px 25px;
}

.empty-orders i {
  font-size: 50px;
  color: #920000;
  margin-bottom: 20px;
}

.empty-orders h3 {
  font-size: 21px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}

.empty-orders p {
  color: #777;
  font-size: 12px;
  margin-bottom: 25px;
}

.shop-now-btn {
  display: inline-block;
  padding: 12px 25px;
  background: #920000;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  transition: .3s;
}

.shop-now-btn:hover {
  background: #700000;
  color: #fff;
}

/* Responsive */

@media (max-width: 767px) {

  .fynlace-orders {
    padding: 50px 15px 60px;
  }

  .orders-heading h2 {
    font-size: 22px;
  }

  .order-header,
  .order-footer {
    padding: 15px;
  }

  .order-body {
    padding: 20px 15px;
  }

  .order-product-image {
    width: 70px;
    height: 80px;
  }

  .order-product-details h4 {
    font-size: 12px;
  }

  .order-product-price {
    font-size: 11px;
  }

  .order-actions {
    width: 100%;
  }

  .order-btn {
    flex: 1;
  }
}


/* Edit Profile page */
.fynlace-edit-profile {
  background: #f8f3ee;
  padding: 70px 0 90px;
  min-height: 75vh;
}

/* Heading */

.edit-profile-heading {
  text-align: center;
  margin-bottom: 45px;
}

.edit-profile-heading h2 {
  font-size: 27px;
  font-weight: 600;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.edit-profile-heading h2 span {
  color: #920000;
}

.edit-profile-heading p {
  font-size: 13px;
  color: #777;
  margin-bottom: 18px;
}

.edit-profile-line {
  width: 75px;
  height: 1px;
  background: #aaa;
  margin: auto;
  position: relative;
}

.edit-profile-line::after {
  content: "◇";
  position: absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
  background: #f8f3ee;
  color: #920000;
  padding: 0 7px;
  font-size: 11px;
}

/* Main Card */

.profile-card {
  max-width: 850px;
  margin: auto;
  background: #fff;
  border: 1px solid #e5ddd6;
  padding: 35px;
}

.profile-card-title {
  font-size: 17px;
  font-weight: 600;
  color: #222;
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}

.profile-card-title span {
  color: #920000;
}

/* Form */

.profile-form label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.profile-form label span {
  color: #920000;
}

.profile-form .form-control {
  height: 45px;
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  padding: 10px 13px;
  font-size: 12px;
  color: #555;
  background: #fff;
}

.profile-form .form-control:focus {
  border-color: #920000;
  box-shadow: none;
}

.profile-form textarea.form-control {
  height: 100px;
  resize: none;
}

/* Profile Image */

.profile-image-section {
  text-align: center;
  margin-bottom: 30px;
}

.profile-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #f0e4dc;
  margin-bottom: 12px;
}

.profile-image-section h4 {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  margin-bottom: 5px;
}

.profile-image-section p {
  font-size: 10px;
  color: #999;
  margin-bottom: 12px;
}

.profile-image-upload {
  display: inline-block;
  border: 1px solid #920000;
  color: #920000;
  background: #fff;
  padding: 8px 16px;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
}

.profile-image-upload:hover {
  background: #920000;
  color: #fff;
}

.profile-image-upload input {
  display: none;
}

/* Section Divider */

.profile-section {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid #eee;
}

.profile-section-title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.profile-section-title span {
  color: #920000;
}

/* Buttons */

.profile-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid #eee;
}

.profile-btn {
  min-width: 135px;
  height: 44px;
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  cursor: pointer;
  transition: .3s;
}

.cancel-profile {
  background: #fff;
  border: 1px solid #920000;
  color: #920000;
}

.cancel-profile:hover {
  background: #920000;
  color: #fff;
}

.save-profile {
  background: #920000;
  border: 1px solid #920000;
  color: #fff;
}

.save-profile:hover {
  background: #700000;
  border-color: #700000;
}

/* Success Message */

.profile-success {
  display: none;
  margin-top: 20px;
  padding: 12px 15px;
  background: #edf7ef;
  border: 1px solid #cce6d1;
  color: #287a36;
  font-size: 11px;
  text-align: center;
}

/* Responsive */

@media (max-width: 767px) {

  .fynlace-edit-profile {
    padding: 50px 15px 60px;
  }

  .edit-profile-heading h2 {
    font-size: 22px;
  }

  .profile-card {
    padding: 25px 20px;
  }

  .profile-actions {
    flex-direction: column;
  }

  .profile-btn {
    width: 100%;
  }
}


/* =====================================
   CONTACT CHANNELS
===================================== */

.contact-channels-section {
    padding: 80px 0;
    background: #fff;
}

.contact-heading {
    text-align: center;
    margin-bottom: 45px;
}

.contact-heading > span {
    display: block;
    color: #8f0000;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.contact-heading h2 {
    color: #8f0000;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: Georgia, "Times New Roman", serif;
}

.contact-heading p {
    color: #777;
    font-size: 15px;
    margin: 0 auto;
    max-width: 700px;
    line-height: 1.7;
}


/* Cards */

.contact-channel-card {
    height: 100%;
    padding: 30px 28px;
    border: 1px solid #eee;
    border-radius: 14px;
    background: #fff;
    transition: all 0.3s ease;
}

.contact-channel-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}


/* Icon */

.channel-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f5eaea;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}

.channel-icon i {
    color: #8f0000;
    font-size: 20px;
}


/* Content */

.contact-channel-card h4 {
    color: #850000;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.contact-channel-card p {
    color: #777;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 18px;
}


/* Links */

.channel-link {
    color: #8f0000;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.channel-link:hover {
    color: #5f0000;
}

.channel-link i {
    margin-left: 5px;
    font-size: 11px;
}


/* Social Icons */

.channel-socials {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.channel-socials a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #faf5f5;
    color: #8f0000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
}

.channel-socials a:hover {
    background: #8f0000;
    color: #fff;
}


/* Responsive */

@media (max-width: 767px) {

    .contact-channels-section {
        padding: 55px 15px;
    }

    .contact-heading h2 {
        font-size: 30px;
    }

    .contact-heading p {
        font-size: 14px;
    }

    .contact-channel-card {
        padding: 25px;
    }
}

/* =========================================
   PRODUCT CATEGORY TABS
   ========================================= */

.product-category-tabs {
    border: 0;
    margin: 0;
    padding: 0;
}

.product-category-tabs .nav-item {
    width: 100%;
}

.product-category-tabs .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    border-radius: 0 !important;

    background: transparent;
    color: #555;

    padding: 12px 0;

    text-align: left;
    font-size: 14px;

    transition: all 0.3s ease;
}

.product-category-tabs .nav-link span {
    color: #999;
    font-size: 13px;
}

.product-category-tabs .nav-link:hover {
    color: #8f0000;
}

.product-category-tabs .nav-link.active {
    background: transparent !important;
    color: #8f0000 !important;
    font-weight: 600;
}

.product-category-tabs .nav-link.active span {
    color: #8f0000;
}

.error{
color:red!important;
}

.icon-color{
    color: #fff !important;
}

.icon-color:hover{
    color:#850305 !important;
}


.icon-heart-white{
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 7px;
}

.icon-heart-red{
     font-size: 16px;
    text-align: center;
    display: block;
    padding: 7px;
    color: #850305;
}



.color-variation {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0;
}

.color-variation span {
    font-size: 16px;
    font-weight: 400;
    color: #636363;
    text-transform: capitalize;
}

.color-select {
    width: 150px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #636363;
    font-size: 14px;
    outline: none;
    cursor: pointer;
}

.color-select:hover {
    border-color: #850305;
}

.color-select:focus {
    border-color: #850305;
    box-shadow: none;
}

/* ================================
   PROFILE VIEW PAGE
================================ */

.profile-view-section {
    min-height: 100vh;
    background: #f8f4ef;
    padding: 20px 25px 70px;
    font-family: Arial, Helvetica, sans-serif;
}


/* ================================
   TITLE
================================ */

.profile-view-title {
    text-align: center;
    margin-bottom: 45px;
}

.profile-view-title h1 {
    margin: 0 0 12px;
    font-size: 36px;
    font-weight: 700;
    color: #111;
    letter-spacing: 0.5px;
}

.profile-view-title h1 span {
    color: #a90000;
}

.profile-view-title p {
    margin: 0;
    color: #777;
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: 0.5px;
}


/* ================================
   DECORATIVE LINE
================================ */

.profile-view-line {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.profile-view-line span {
    width: 50px;
    height: 1px;
    background: #aaa;
}

.profile-view-line i {
    color: #a90000;
    font-size: 13px;
}


/* ================================
   MAIN BOX
================================ */

.profile-view-box {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ddd;
    padding: 65px 50px 40px;
    box-sizing: border-box;
}


/* ================================
   CONTENT
================================ */

.profile-view-content {
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;
}


/* ================================
   SECTION HEADING
================================ */

.profile-view-content h3 {
    margin: 0 0 32px;
    color: #172333;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.4px;
}


/* ================================
   DETAILS
================================ */

.profile-details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 45px;
    row-gap: 0;
}

.profile-detail-item {
    min-height: 110px;
    border-bottom: 1px solid #eee;
    padding: 0 0 25px;
    margin-bottom: 28px;
}


/* Field Label */

.profile-detail-label {
    display: block;
    margin-bottom: 12px;
    color: #172333;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
}


/* Profile Value */

.profile-detail-item p {
    margin: 0;
    color: #555;
    font-size: 19px;
    line-height: 1.6;
}


/* ================================
   FOOTER
================================ */

.profile-view-footer {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 28px;
}


/* ================================
   EDIT BUTTON
================================ */

.profile-edit-btn {
    /*width: 165px;*/
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: #a90000;
    border: 1px solid #a90000;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    transition: 0.3s ease;
}

.profile-edit-btn i {
    font-size: 14px;
}

.profile-edit-btn:hover {
    background: #850000;
    border-color: #850000;
    color: #fff;
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

    .profile-view-title h1 {
        font-size: 32px;
    }

    .profile-view-title p {
        font-size: 16px;
    }

    .profile-view-box {
        max-width: 850px;
        padding: 55px 40px 35px;
    }

    .profile-view-content h3 {
        font-size: 19px;
    }

    .profile-detail-label {
        font-size: 13px;
    }

    .profile-detail-item p {
        font-size: 18px;
    }
}


/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {

    .profile-view-section {
        padding: 30px 15px 45px;
    }

    .profile-view-title {
        margin-bottom: 32px;
    }

    .profile-view-title h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .profile-view-title p {
        font-size: 14px;
        line-height: 1.6;
    }

    .profile-view-line {
        margin-top: 17px;
    }

    .profile-view-line span {
        width: 35px;
    }

    .profile-view-line i {
        font-size: 11px;
    }

    .profile-view-box {
        padding: 40px 22px 30px;
    }

    .profile-view-content {
        padding-top: 25px;
    }

    .profile-view-content h3 {
        font-size: 18px;
        margin-bottom: 28px;
    }

    .profile-details-grid {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .profile-detail-item {
        min-height: auto;
        padding-bottom: 20px;
        margin-bottom: 23px;
    }

    .profile-detail-label {
        font-size: 13px;
        margin-bottom: 9px;
    }

    .profile-detail-item p {
        font-size: 17px;
        line-height: 1.6;
    }

    .profile-view-footer {
        justify-content: center;
        padding-top: 25px;
    }

    .profile-edit-btn {
        width: 165px;
        height: 48px;
        font-size: 13px;
    }

    .profile-edit-btn i {
        font-size: 13px;
    }
}

.cart-color,
.cart-size {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.color-label,
.size-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #333;
}

.cart-color select,
.cart-size select {
    width: 75px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    font-size: 12px;
    outline: none;
    cursor: pointer;
}

.cart-color select:focus,
.cart-size select:focus {
    border-color: #a90000;
}


/* Quantity */
.quantity input {
    width: 65px;
    height: 34px;
    border: 1px solid #ddd;
    padding: 0 8px;
    font-size: 12px;
    text-align: center;
    outline: none;
}

.quantity input:focus {
    border-color: #a90000;
}





/* ================================
   Attractive Login Toast
================================ */
#loginToast {
    min-width: 340px !important;
    max-width: 420px;
    position: fixed;
    top: 25px !important;
    right: 25px !important;
    z-index: 9999;
    display: none;

    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden;
    background: #fff;

    box-shadow:
        0 15px 45px rgba(0, 0, 0, 0.16),
        0 5px 15px rgba(0, 0, 0, 0.08);

    animation: toastSlideIn 0.45s cubic-bezier(.22, 1, .36, 1);
}

/* Header */
#loginToast .toast-header {
    position: relative;
    padding: 15px 17px;
    border: 0;
    color: #fff;
    /*background: linear-gradient(*/
    /*    135deg,*/
    /*    #1466b2 0%,*/
    /*    #0d4f8c 100%*/
    /*) !important;*/
}

/* Small decorative shine */
#loginToast .toast-header::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -35px;
    top: -45px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
}

/* Icon */
#toastIcon {
    /*width: 36px;*/
    /*height: 36px;*/

    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/

    /*border-radius: 10px;*/
    /*background: rgba(255,255,255,0.18);*/

    /*font-size: 17px !important;*/
    /*margin-right: 11px !important;*/

    /*box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);*/
}

/* Title */
#toastTitle {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

/* Close button */
#closeToastBtn {
    opacity: 0.9;
    transition: all 0.25s ease;
}

#closeToastBtn:hover {
    opacity: 1;
    transform: rotate(90deg) scale(1.1);
}

/* Body */
#toastBody {
    padding: 17px 19px;
    background: #fff !important;
    color: #394150 !important;

    font-size: 14px;
    line-height: 1.6;
    font-weight: 600 !important;

    border: 0;
}

/* Bottom accent */
#loginToast::before {
    /*content: "";*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 3px;*/

    /*background: linear-gradient(*/
    /*    90deg,*/
    /*    #1466b2,*/
    /*    #4da3e8,*/
    /*    #1466b2*/
    /*);*/

    /*background-size: 200% 100%;*/
    /*animation: toastProgress 2.5s linear infinite;*/
    /*z-index: 5;*/
}

/* Entry animation */
@keyframes toastSlideIn {
    from {
        opacity: 0;
        transform: translateX(60px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

/* Moving bottom line */
@keyframes toastProgress {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}

/* Mobile */
@media (max-width: 575px) {

    #loginToast {
        min-width: unset !important;
        width: calc(100% - 30px);
        max-width: none;

        top: 15px !important;
        right: 15px !important;
    }

    #loginToast .toast-header {
        padding: 13px 14px;
    }

    #toastBody {
        padding: 15px;
        font-size: 13px;
    }
}



/*.sin-product img{*/
/*    height: 400px;*/
/*}*/

.payment-link img{
    object-fit: cover;
    height: 41px;
    width: 70px;
}

.footer-widget p i{
    margin-right: 5px;
}

.img-product{
        height: 245px !important;

}

.invoice-btn{
        padding: 3px 10px;
    background: #850306;
    color: #fff;
    border-radius: 7px;
    margin-top: 10px;
}
.text-danger{
    color: #850305 !important;
}



/* =========================================
   FYN LACE HERO
========================================= */

.fynlace-hero {
    position: relative;
    width: 100%;
    min-height: 560px;

    background-image: url("../img/fynlace-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    overflow: hidden;
}


/* =========================================
   LEFT CONTENT BACKGROUND
========================================= */

.fynlace-hero-content {
    position: absolute;
    left: 0;
    top: 0;

    width: 52%;
    height: 100%;

    padding-left: 13%;
    padding-top: 14%;

    z-index: 2;
}


/* =========================================
   OFFER
========================================= */

.fynlace-offer {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 5px;
}

.fynlace-offer span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #721b20;
    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 58px;
    font-weight: 700;

    line-height: 1;

    padding: 9px 24px 11px;
}

.fynlace-offer strong {
    color: #292929;

    font-family: Arial, sans-serif;
    font-size: 54px;
    font-weight: 700;

    letter-spacing: -2px;
}


/* =========================================
   BRAND NAME
========================================= */

.fynlace-hero-content h1 {
    margin: 0;

    color: #721b20;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 82px;
    font-weight: 400;

    line-height: 0.95;
    letter-spacing: -3px;
}


/* =========================================
   TAGLINE
========================================= */

.fynlace-tagline {
    position: relative;

    display: flex;
    align-items: center;

    margin-top: 22px;

    color: #272727;

    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: 500;

    letter-spacing: 7px;
    white-space: nowrap;
}

/*.fynlace-tagline::after {*/
/*    content: "";*/

/*    width: 150px;*/
/*    height: 2px;*/

/*    margin-left: 20px;*/

/*    background: #c59b27;*/
/*}*/


/* =========================================
   CATEGORIES
========================================= */

.fynlace-categories {
    display: flex;
    align-items: center;
    gap: 22px;

    margin-top: 42px;

    color: #721b20;

    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;

    white-space: nowrap;
}

.fynlace-categories i {
    display: block;

    width: 1px;
    height: 17px;

    background: #721b20;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {

    .fynlace-hero {
        min-height: 600px;
    }

    .fynlace-hero-content {
        padding-left: 13%;
        padding-top: 13%;
    }

    .fynlace-offer span {
        font-size: 62px;
    }

    .fynlace-offer strong {
        font-size: 58px;
    }

    .fynlace-hero-content h1 {
        font-size: 90px;
    }

    .fynlace-tagline {
        font-size: 18px;
    }

}


/* =========================================
   LAPTOP
========================================= */

@media (max-width: 1199px) {

    .fynlace-hero {
        min-height: 500px;
    }

    .fynlace-hero-content {
        padding-left: 9%;
        padding-top: 13%;
    }

    .fynlace-offer span {
        font-size: 48px;
    }

    .fynlace-offer strong {
        font-size: 45px;
    }

    .fynlace-hero-content h1 {
        font-size: 70px;
    }

    .fynlace-tagline {
        font-size: 14px;
        letter-spacing: 5px;
    }

    .fynlace-categories {
        gap: 14px;
        font-size: 12px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .fynlace-hero {
        min-height: 430px;

        background-size: cover;
        background-position: center center;
    }

    .fynlace-hero-content {
        width: 55%;

        padding-left: 7%;
        padding-top: 12%;
    }

    .fynlace-offer span {
        font-size: 38px;
        padding: 8px 16px;
    }

    .fynlace-offer strong {
        font-size: 36px;
    }

    .fynlace-hero-content h1 {
        font-size: 58px;
    }

    .fynlace-tagline {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .fynlace-tagline::after {
        width: 80px;
    }

    .fynlace-categories {
        margin-top: 28px;
        gap: 10px;
        font-size: 10px;
    }

}


/* =========================================
   MOBILE
========================================= */

/* =========================================
   MOBILE FYNLACE HERO
   SAME DESIGN AS DESKTOP
========================================= */

@media (max-width: 767px) {

    .fynlace-hero {
        position: relative;
        width: 100%;

        /* Keep banner ratio */
        min-height: 0;
        height: auto;
        aspect-ratio: 1364 / 560;

        background-image: url("../img/fynlace-banner.png");
        background-repeat: no-repeat;

        /*
         * IMPORTANT:
         * Show complete banner
         */
        background-size: 100% 100%;
        background-position: center center;

        overflow: hidden;
    }


    /* =====================================
       CONTENT
    ===================================== */

    .fynlace-hero-content {
        position: absolute;

        top: 0;
        left: 0;

        /*
         * Text occupies only the left side
         */
        width: 52%;
        height: 100%;

        padding: 0;

        background: transparent;

        text-align: left;

        z-index: 2;

        /*
         * Position text vertically
         */
        display: flex;
        flex-direction: column;
        justify-content: center;

        padding-left: 4%;
    }


    /* =====================================
       BRAND NAME
    ===================================== */

    .fynlace-hero-content h1 {

        margin: 0;

        color: #721b20;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        /*
         * Smaller than desktop
         */
        font-size: clamp(30px, 8vw, 48px);

        font-weight: 400;

        line-height: .95;

        letter-spacing: -1.5px;
    }


    /* =====================================
       TAGLINE
    ===================================== */

    .fynlace-tagline {

        margin-top: 8px;

        display: block;

        color: #272727;

        font-family: Arial, sans-serif;

        font-size: clamp(5px, 1.7vw, 9px);

        font-weight: 500;

        letter-spacing: 2.5px;

        line-height: 1.2;

        white-space: nowrap;
    }


    /* =====================================
       CATEGORIES
    ===================================== */

    .fynlace-categories {

        display: flex;

        align-items: center;

        justify-content: flex-start;

        flex-wrap: nowrap;

        gap: 6px;

        margin-top: 18px;

        color: #721b20;

        font-family: Arial, sans-serif;

        font-size: clamp(4px, 1.4vw, 7px);

        font-weight: 500;

        line-height: 1;

        white-space: nowrap;
    }


    .fynlace-categories i {

        display: block;

        width: 1px;

        height: 8px;

        flex-shrink: 0;

        background: #721b20;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .fynlace-hero {

        /*
         * Don't change image proportion
         */
        aspect-ratio: 1364 / 560;

        background-size: 100% 100%;

        background-position: center center;
    }


    .fynlace-hero-content {

        width: 52%;

        padding-left: 4%;

    }


    .fynlace-hero-content h1 {

        font-size: 28px;

        letter-spacing: -1px;
    }


    .fynlace-tagline {

        margin-top: 5px;

        font-size: 5px;

        letter-spacing: 1.5px;
    }


    .fynlace-categories {

        margin-top: 10px;

        gap: 4px;

        font-size: 4px;
    }


    .fynlace-categories i {

        height: 6px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .fynlace-hero {
        min-height: 200px;

        background-position: 70% center;
    }

    .fynlace-hero-content {
        height: 67%;
        padding-top: 35px;
    }

    .fynlace-offer span {
        font-size: 28px;
    }

    .fynlace-offer strong {
        font-size: 27px;
    }

    .fynlace-hero-content h1 {
        font-size: 41px;
    }

    .fynlace-tagline {
        font-size: 7px;
        letter-spacing: 2px;
    }

    .fynlace-categories {
        font-size: 7px;
    }

}




/* =========================================
   FYN LACE PROMO SECTION
========================================= */

.fynlace-promo-section {
    position: relative;
    width: 100%;
    min-height: 700px;

    background-image: url("../img/shop-section.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;

    overflow: hidden;
}


/* =========================================
   TEXT AREA
========================================= */

.fynlace-promo-content {
    position: absolute;

    left: 2%;
    right: 2%;
    bottom: 2%;

    min-height: 270px;

    background: rgba(255, 255, 255, 0.97);

    border: 1px solid #cdbb8a;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    padding: 40px 20px;
}


/* =========================================
   SMALL HEADING
========================================= */

.promo-small-text {
    margin: 0 0 20px;

    color: #292929;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;

    letter-spacing: 7px;
}


/* =========================================
   OFFER
========================================= */

.fynlace-promo-content h2 {
    margin: 0;

    color: #292929;

    font-family: Arial, sans-serif;
    font-size: 76px;
    font-weight: 800;

    line-height: 1;
}

.fynlace-promo-content h2 span {
    color: #c59b27;
}


/* =========================================
   DIVIDER
========================================= */

.promo-divider {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 22px;

    margin-top: 28px;
}

.promo-divider span {
    display: block;

    width: 90px;
    height: 1px;

    background: #c59b27;
}

.promo-divider i {
    color: #c59b27;

    font-size: 28px;

    font-style: normal;

    line-height: 1;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {

    .fynlace-promo-section {
        min-height: 390px;
    }

    .fynlace-promo-content {
        min-height: 170px;
    }

    .promo-small-text {
        font-size: 23px;
    }

    .fynlace-promo-content h2 {
        font-size: 84px;
    }

}


/* =========================================
   LAPTOP
========================================= */

@media (max-width: 1199px) {

    .fynlace-promo-section {
        min-height: 620px;
    }

    .fynlace-promo-content {
        min-height: 230px;
    }

    .promo-small-text {
        font-size: 18px;
        letter-spacing: 5px;
    }

    .fynlace-promo-content h2 {
        font-size: 64px;
    }

    .promo-divider span {
        width: 90px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .fynlace-promo-section {
        min-height: 600px;

        background-position: center top;
    }

    .fynlace-promo-content {
        left: 3%;
        right: 3%;
        bottom: 3%;

        min-height: 210px;
    }

    .promo-small-text {
        font-size: 15px;
        letter-spacing: 4px;
    }

    .fynlace-promo-content h2 {
        font-size: 55px;
    }

    .promo-divider {
        margin-top: 20px;
    }

    .promo-divider span {
        width: 70px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .fynlace-promo-section {
        min-height: 620px;

        background-size: auto 620px;
        background-position: center top;
    }

    .fynlace-promo-content {
        left: 12px;
        right: 12px;
        bottom: 12px;

        min-height: 190px;

        padding: 25px 15px;
    }

    .promo-small-text {
        margin-bottom: 14px;

        font-size: 12px;
        letter-spacing: 3px;
    }

    .fynlace-promo-content h2 {
        font-size: 45px;
    }

    .promo-divider {
        gap: 15px;
        margin-top: 18px;
    }

    .promo-divider span {
        width: 55px;
    }

    .promo-divider i {
        font-size: 22px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .fynlace-promo-section {
        min-height: 570px;

        background-size: auto 570px;
    }

    .fynlace-promo-content {
        min-height: 170px;
    }

    .promo-small-text {
        font-size: 10px;
        letter-spacing: 2.5px;
    }

    .fynlace-promo-content h2 {
        font-size: 38px;
    }

    .promo-divider span {
        width: 45px;
    }

}


/*.video-slider {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 700px;*/
/*    overflow: hidden;*/
/*}*/

/* Full Background Video */
/*.slider-video {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: 1;*/
/*}*/

/* Dark Overlay */
/*.video-overlay {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: rgba(0, 0, 0, 0.45);*/
/*    z-index: 2;*/
/*}*/

/* Content Above Video */
/*.slider-content {*/
/*    position: relative;*/
/*    z-index: 3;*/
/*    height: 700px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/* Text Color */
/*.slider-text {*/
/*    color: #ffffff;*/
/*}*/

/*.slider-text h1,*/
/*.slider-text h4,*/
/*.slider-text p {*/
/*    color: #ffffff;*/
/*}*/


/* ==========================================
   VIDEO BACKGROUND SLIDER
========================================== */

.video-bg-slide {
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
}

/* Background Video */
.video-bg-slide-video {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transform: translate(-50%, -50%);

    z-index: 1;
}

/* Dark Overlay */
.video-bg-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.35);

    z-index: 2;
}

/* Content Above Video */
.video-bg-slide-content {
    position: absolute !important;
    top: 50%;
    left: 0;

    width: 100%;

    transform: translateY(-50%);

    z-index: 3;
}

/* Ensure row takes full width */
.video-bg-slide-content .row {
    width: 100%;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .video-bg-slide {
        height: 600px;
    }

}

@media (max-width: 767px) {

    .video-bg-slide {
        height: 550px;
    }

    .video-bg-slide-content {
        text-align: center;
    }

    .video-bg-slide-content .slider-text {
        padding-right: 0;
    }

}



/* =========================================
   FASHION VIDEO SLIDER
========================================= */

.fashion-video-slide {
    position: relative;
    width: 100%;
    height: 600px;
    min-height: 600px;
    background: #000;
    overflow: hidden;
}

/* Main Content */
.fashion-video-slide .slider-content {
    width: 100%;
    height: 600px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

/* Bootstrap Row */
.fashion-video-slide .row {
    width: 100%;
    height: 600px;
    margin: 0;
    align-items: center;
}

/* =========================================
   VIDEO LEFT SIDE
========================================= */

.fashion-video-slide .slider-video {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;

    background-image: url("../img/video-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    margin-left: -170px;

    /* Center video */
    display: flex;
    justify-content: center;
    align-items: center;
}

.fashion-video-slide .slider-video video {
    height: 100%;
    width: auto;
    display: block;
    object-fit: cover;
    position: relative;
    z-index: 2;
}
/* Remove unnecessary spacing */
.fashion-video-slide .col-lg-6 {
    padding-top: 0;
    padding-bottom: 0;
}

/* =========================================
   TEXT RIGHT SIDE
========================================= */

.fashion-video-slide .slider-text {
    color: #fff;
    padding: 40px 70px;
    margin: 0;
}

.fashion-video-slide .slider-text h4 {
    color: #fff;
    margin-bottom: 15px;
}

.fashion-video-slide .slider-text h4 span {
    color: #fff;
}

.fashion-video-slide .slider-text h1 {
    color: #fff;
    margin-bottom: 20px;
}

.fashion-video-slide .slider-text p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 30px;
}

/* Button */
.fashion-video-slide .btn-two {
    display: inline-block;
}

/* =========================================
   TABLET RESPONSIVE
========================================= */

/*@media (max-width: 991px) {*/

/*    .fashion-video-slide {*/
/*        height: auto;*/
/*        min-height: auto;*/
/*        padding: 0;*/
/*    }*/

/*    .fashion-video-slide .slider-content {*/
/*        height: auto;*/
/*        min-height: auto;*/
/*        display: block;*/
/*    }*/

/*    .fashion-video-slide .row {*/
/*        height: auto;*/
/*        margin: 0;*/
/*    }*/

/*    .fashion-video-slide .slider-video {*/
/*        height: 500px;*/
/*    }*/

/*    .fashion-video-slide .slider-text {*/
/*        padding: 50px 40px;*/
/*    }*/
/*}*/


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .fashion-video-slide .slider-video {
        height: 400px;
    }

    .fashion-video-slide .slider-text {
        padding: 40px 25px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 576px) {

    .fashion-video-slide .slider-video {
        height: 350px;
    }

    .fashion-video-slide .slider-text {
        padding: 35px 20px;
    }

    .fashion-video-slide .slider-text h1 {
        font-size: 32px;
        line-height: 1.2;
    }

}






/* ========================================
   FYNLACE CUSTOM SLIDE
======================================== */

.fynlace-design-slide {
    position: relative;
    overflow: hidden;
}


/* ========================================
   TITLE
======================================== */

.fynlace-design-slide .fynlace-title {
    position: relative;
}


/* Decorative Lines */

.fynlace-design-slide .fynlace-title-line {
    display: block;
    width: 75px;
    height: 3px;
    /*background: #70443d;*/
    background: #830304;
}


/* Line before A little extra */

.fynlace-design-slide .fynlace-line-top {
    margin-bottom: 20px;
}


/* Line after A lot of you */

.fynlace-design-slide .fynlace-line-bottom {
    margin-top: 20px;
}


/* ========================================
   OPTIONAL FYNLACE TEXT SPACING
======================================== */

.fynlace-design-slide .fynlace-slider-text h4 {
    letter-spacing: 8px;
}




/*
footer*/

/* ==========================================
   FYNLACE ETHNIC FOOTER - UNIQUE CLASSES
========================================== */

.ethnic-footer-area {
    background: #111217;
    color: #ffffff;
    padding: 45px 0 0;
    position: relative;
    overflow: hidden;
}

.ethnic-footer-container {
    max-width: 1500px;
    margin: auto;
    padding-left: 5%;
    padding-right: 5%;
}


/* MAIN ROW */

.ethnic-footer-row {
    padding-bottom: 42px;
}


/* COLUMNS */

.ethnic-footer-column {
    min-height: 150px;
    padding-left: 28px;
    padding-right: 28px;
    border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.ethnic-footer-brand {
    border-left: none;
    padding-left: 0;
}


/* BRAND */

.ethnic-brand-name {
    font-size: 27px;
    font-weight: 700;
    letter-spacing: 7px;
    line-height: 1;
    color: #f5f5f5;
}

.ethnic-brand-tagline {
    margin-top: 8px;
    font-size: 8px;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 600;
}

.ethnic-brand-small-line {
    width: 35px;
    height: 1px;
    background: #d8c7a6;
    margin: 20px 0 18px;
}

.ethnic-brand-description {
    color: rgba(255, 255, 255, 0.55);
    font-size: 16 px;
    line-height: 2;
    margin: 0;
}


/* HEADINGS */

.ethnic-footer-heading {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
}


/* MENUS */

.ethnic-footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ethnic-footer-menu li {
    margin-bottom: 11px;
}

.ethnic-footer-menu a {
    color: rgba(255, 255, 255, 0.62);
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ethnic-footer-menu a:hover {
    color: #ffffff;
}

.ethnic-footer-menu i {
    font-size: 8px;
    margin-right: 7px;
}


/* CONTACT */

.ethnic-phone-link {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #e9e9e9;
    text-decoration: none;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 12px;
}

.ethnic-phone-link i {
    color: #36c874;
    font-size: 25px;
}

.ethnic-contact-line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.14);
    margin-bottom: 14px;
}

.ethnic-contact-info {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 15px;
    transition: 0.3s ease;
}

.ethnic-contact-info:hover {
    color: #ffffff;
}

.ethnic-contact-info i {
    font-size: 16px;
    width: 16px;
}


/* MAIN DIVIDER */

.ethnic-footer-divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}


/* PAYMENT + SOCIAL */

.ethnic-footer-payment-row {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* PAYMENT */

.ethnic-payment-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ethnic-payment-label,
.ethnic-social-label {
    color: rgba(255, 255, 255, 0.60);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.7px;
}

.ethnic-payment-list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ethnic-payment-box {
    height: 28px;
    min-width: 42px;
    border-radius: 4px;
    background: #f2f2f2;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    font-size: 9px;
    font-weight: 700;
}

.ethnic-upi-box {
    font-size: 12px;
    font-style: italic;
}

.ethnic-paytm-box {
    color: #2c668d;
    font-size: 11px;
}

.ethnic-card-box {
    background: #25262b;
    color: #ffffff;
    font-size: 7px;
}

.ethnic-rupay-box {
    color: #263d78;
    font-size: 11px;
    font-style: italic;
}


/* SOCIAL */

.ethnic-social-wrapper {
    display: flex;
    align-items: center;
    gap: 18px;
}

.ethnic-social-list {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ethnic-social-link {
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ethnic-social-link:hover {
    color: #ffffff;
    transform: translateY(-2px);
}


/* COPYRIGHT */

.ethnic-legal-bar {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ethnic-copyright-text {
    color: rgba(255, 255, 255, 0.45);
    font-size: 15px;
}

.ethnic-legal-links {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ethnic-legal-links a {
    color: rgba(255, 255, 255, 0.50);
    font-size: 13px;
    text-decoration: none;
    transition: 0.3s ease;
}

.ethnic-legal-links a:hover {
    color: #ffffff;
}

.ethnic-legal-separator {
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.25);
}


/* TABLET */

@media (max-width: 991px) {

    .ethnic-footer-column {
        border-left: none;
        margin-bottom: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .ethnic-footer-brand {
        padding-left: 15px;
    }

    .ethnic-footer-row {
        padding-bottom: 10px;
    }

    .ethnic-footer-payment-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
        padding: 25px 0;
    }

    .ethnic-legal-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .ethnic-footer-area {
        padding-top: 35px;
    }

    .ethnic-brand-name {
        font-size: 24px;
        letter-spacing: 5px;
    }

    .ethnic-payment-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .ethnic-social-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .ethnic-payment-list {
        flex-wrap: wrap;
    }

    .ethnic-legal-links {
        flex-wrap: wrap;
    }

}

.ethnic-payment-list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ethnic-payment-box {
    width: 55px;
    height: 32px;
    background: #ffffff;
    border-radius: 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.ethnic-payment-box img {
    max-width: 45px;
    max-height: 22px;

    width: auto;
    height: auto;

    object-fit: contain;
    display: block;
}





/* ==========================================
   WHY NO LABEL / STORY BEHIND THE LABEL
========================================== */

.no-label-section {
    position: relative;
    padding: 120px 0;
    overflow: hidden;
    background: #f8f7f4;
}


/* Background Decoration */

.no-label-section::before {
    content: "FYNLACE";
    position: absolute;
    top: 50px;
    right: -60px;
    font-size: 180px;
    font-weight: 700;
    letter-spacing: 15px;
    color: rgba(0, 0, 0, 0.025);
    pointer-events: none;
}


.no-label-content {
    position: relative;
    z-index: 2;
    padding-right: 50px;
}


.no-label-content h2 {
    font-size: 48px;
    line-height: 1.15;
    margin: 15px 0 28px;
    color: #222;
}


.no-label-content h2 span {
    display: block;
    color: #850305;
}


.no-label-content p {
    font-size: 16px;
    line-height: 1.9;
    color: #666;
    margin-bottom: 18px;
}


.no-label-content .no-label-intro {
    font-size: 19px;
    line-height: 1.8;
    color: #333;
    font-weight: 500;
}


/* Quote */

.no-label-quote {
    position: relative;
    margin-top: 30px;
    padding: 25px 30px;
    background: #fff;
    border-left: 3px solid #850305;
    box-shadow: 0 15px 40px rgba(0,0,0,0.06);
}


.no-label-quote i {
    font-size: 24px;
    color: #850305;
    margin-bottom: 10px;
}


.no-label-quote p {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #222;
}


/* ==========================================
   RIGHT SIDE VISUAL
========================================== */

.no-label-visual {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Main Tag */

.no-label-tag {
    position: relative;
    width: 380px;
    min-height: 420px;
    padding: 75px 45px 50px;
    background: #850305;
    color: #fff;
    text-align: center;
    box-shadow: 0 25px 60px rgba(133, 3, 5, 0.22);
    transform: rotate(3deg);
    transition: all 0.4s ease;
}


.no-label-tag:hover {
    transform: rotate(0deg) translateY(-8px);
}


/* Tag Hole */

.tag-hole {
    position: absolute;
    top: 25px;
    left: 50%;
    width: 18px;
    height: 18px;
    background: #f8f7f4;
    border-radius: 50%;
    transform: translateX(-50%);
}


.tag-hole::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 70px;
    background: rgba(255,255,255,0.5);
    top: -70px;
    left: 8px;
}


/* Tag Content */

.no-label-tag .small-text {
    display: block;
    font-size: 11px;
    letter-spacing: 3px;
    margin-bottom: 22px;
    opacity: 0.8;
}


.no-label-tag h3 {
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 25px;
    color: #fff;
}


.tag-line {
    width: 50px;
    height: 2px;
    background: #fff;
    margin: 0 auto 25px;
}


.no-label-tag p {
    font-size: 15px;
    line-height: 1.9;
    margin: 0;
    color: rgba(255,255,255,0.85);
}


/* ==========================================
   FLOATING FEATURE BOXES
========================================== */

.label-feature {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    font-size: 14px;
    font-weight: 600;
    color: #333;
}


.label-feature i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8eeee;
    color: #850305;
    border-radius: 50%;
    font-size: 16px;
}


.label-feature-one {
    top: 37px;
    left: 0;
}


.label-feature-two {
    bottom: 52px;
    right: 0;
}


/* FYNLACE Circle */

.label-circle {
    position: absolute;
    bottom: 25px;
    left: 45px;
    width: 90px;
    height: 90px;
    border: 1px solid #850305;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #850305;
    background: #f8f7f4;
    transform: rotate(-10deg);
}


/* ==========================================
   BOTTOM MESSAGE
========================================== */

.no-label-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    max-width: 1000px;
    margin: 90px auto 0;
    text-align: center;
}


.no-label-bottom-line {
    width: 100px;
    height: 1px;
    background: #850305;
    flex-shrink: 0;
}


.no-label-bottom p {
    max-width: 650px;
    margin: 0;
    font-size: 19px;
    line-height: 1.7;
    color: #444;
}


.no-label-bottom strong {
    color: #850305;
}


.no-label-bottom span {
    position: absolute;
    margin-top: 80px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #850305;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .no-label-section {
        padding: 80px 0;
    }

    .no-label-content {
        padding-right: 0;
        margin-bottom: 60px;
    }

    .no-label-content h2 {
        font-size: 40px;
    }

    .no-label-visual {
        min-height: 480px;
    }

}


@media (max-width: 767px) {

    .no-label-section {
        padding: 65px 0;
    }

    .no-label-section::before {
        font-size: 80px;
        right: -30px;
        top: 20px;
    }

    .no-label-content h2 {
        font-size: 32px;
    }

    .no-label-content .no-label-intro {
        font-size: 17px;
    }

    .no-label-visual {
        min-height: 430px;
    }

    .no-label-tag {
        width: 290px;
        min-height: 360px;
        padding: 65px 25px 35px;
    }

    .no-label-tag h3 {
        font-size: 34px;
    }

    .label-feature {
        padding: 10px 13px;
        font-size: 11px;
    }

    .label-feature i {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .label-feature-one {
        top: 20px;
        left: 0;
    }

    .label-feature-two {
        bottom: 25px;
        right: 0;
    }

    .label-circle {
        display: none;
    }

    .no-label-bottom {
        margin-top: 50px;
        padding-bottom: 25px;
        gap: 10px;
    }

    .no-label-bottom-line {
        width: 35px;
    }

    .no-label-bottom p {
        font-size: 15px;
    }

    .no-label-bottom span {
        margin-top: 100px;
    }

}




/* =========================================
   FYNLACE SLIDER
   KEEP DESKTOP SIDE-BY-SIDE LAYOUT ON MOBILE
========================================= */

.fashion-video-slide .slider-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}


/* Keep both columns side-by-side */
@media (max-width: 991px) {

    .fashion-video-slide .row {
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    /* TEXT SIDE */
    .fashion-video-slide .row > .col-12.col-lg-6:first-child {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }

    /* VIDEO SIDE */
    .fashion-video-slide .row > .col-12.col-lg-6:last-child {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }

    .fashion-video-slide .slider-text {
        padding-right: 30px;
        padding-left: 25px;
    }

    .fashion-video-slide .slider-video {
        margin-left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .fashion-video-slide .slider-video video {
        width: 100% !important;
        height: 100% !important;
        display: block;
        object-fit: cover;
    }
}


/* =========================================
   MOBILE SIZE ADJUSTMENT
========================================= */

@media (max-width: 767px) {

    .fashion-video-slide .slider-content {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .fashion-video-slide .slider-text {
        padding: 15px !important;
    }

    .fashion-video-slide .slider-text h4 {
        font-size: 9px !important;
        letter-spacing: 3px !important;
    }

    .fashion-video-slide .slider-text h1 {
        font-size: 27px !important;
        line-height: 1.25 !important;
        margin: 8px 0 !important;
    }

    .fashion-video-slide .slider-text p {
        font-size: 11px !important;
        line-height: 1.5 !important;
        margin-bottom: 15px !important;
    }

    .fashion-video-slide .slider-text .btn-two {
        font-size: 11px !important;
        padding: 10px 14px !important;
    }

    .fashion-video-slide .slider-video {
        height: 500px !important;
        margin-left: 0 !important;
    }

    .fashion-video-slide .slider-video video {
        height: 500px !important;
        object-fit: cover !important;
    }
}


/* SMALL MOBILE */
@media (max-width: 480px) {

    .fashion-video-slide .slider-text {
        padding: 10px !important;
    }

    .fashion-video-slide .slider-text h4 {
        font-size: 7px !important;
        letter-spacing: 2px !important;
    }

    .fashion-video-slide .slider-text h1 {
        font-size: 21px !important;
    }

    .fashion-video-slide .slider-text p {
        font-size: 9px !important;
    }

    .fashion-video-slide .slider-text .btn-two {
        font-size: 9px !important;
        padding: 8px 10px !important;
    }

    .fashion-video-slide .slider-video,
    .fashion-video-slide .slider-video video {
        height: 450px !important;
    }
}



/*@media (max-width: 767px) {*/

/*    .fashion-video-slide {*/
/*        height: 166px !important;*/
/*        min-height: 166px !important;*/
/*        overflow: hidden !important;*/
/*    }*/

/*    .fashion-video-slide .slider-content {*/
/*        height: 166px !important;*/
/*        min-height: 166px !important;*/
/*    }*/

/*    .fashion-video-slide .row {*/
/*        height: 166px !important;*/
/*        min-height: 166px !important;*/
/*        flex-wrap: nowrap !important;*/
/*    }*/

/*    .fashion-video-slide .slider-video {*/
/*        height: 166px !important;*/
/*        margin-left: 0 !important;*/
/*    }*/

/*    .fashion-video-slide .slider-video video {*/
/*        width: 100% !important;*/
/*        height: 166px !important;*/
/*        object-fit: cover !important;*/
/*    }*/

/*}*/
@media (max-width: 767px) {

    .fashion-video-slide {
        height: 300px !important;
        min-height: 300px !important;
        overflow: hidden !important;
        background: #000;
    }

    .fashion-video-slide .slider-content {
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 300px !important;
        transform: translateY(-50%) !important;
        z-index: 5 !important;
    }

    .fashion-video-slide .row {
        height: 100% !important;
        min-height: 300px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: center !important;
        margin: 0 !important;
    }

    /* TEXT - LEFT 50% */
    .fashion-video-slide .row > .col-12.col-lg-6:first-child {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 0 !important;
    }

    /* VIDEO - RIGHT 50% */
    .fashion-video-slide .row > .col-12.col-lg-6:last-child {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 0 !important;
    }

    .fashion-video-slide .slider-text {
        padding: 10px 12px !important;
        position: relative !important;
        z-index: 10 !important;
        text-align: left !important;
    }

    .fashion-video-slide .slider-text h4 {
        font-size: 8px !important;
        letter-spacing: 2px !important;
        margin-bottom: 8px !important;
    }

    .fashion-video-slide .slider-text h1 {
        font-size: 18px !important;
        line-height: 1.2 !important;
        margin: 5px 0 10px !important;
    }

    .fashion-video-slide .slider-text p {
        font-size: 8px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .fashion-video-slide .slider-text .btn-two {
        font-size: 8px !important;
        padding: 7px 10px !important;
        margin-top: 0 !important;
    }

    .fashion-video-slide .slider-video {
        width: 100% !important;
        height: 300px !important;
        margin: 0 !important;
    }

    .fashion-video-slide .slider-video video {
        width: 100% !important;
        height: 300px !important;
        display: block !important;
        object-fit: cover !important;
    }
}



/* ===============================
   CONTACT SECTION
================================= */

.contact-section {
    background: #000;
    color: #fff;
    width: 100%;
    overflow: hidden;
}


/* ===============================
   TOP BANNER
================================= */

.contact-banner {
    width: 100%;
    height: 155px;
    overflow: hidden;
    background: #111;
}

.contact-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
    display: block;
}


/* ===============================
   CONTACT CONTENT
================================= */

.contact-content {
    background: #030404;
    min-height: 225px;
    padding: 18px 0 25px;
}

.contact-form-wrapper {
    width: 100%;
    max-width: 305px;
    margin: 0 auto;
}


/* ===============================
   HEADING
================================= */

.contact-heading {
    margin-bottom: 13px;
}

.contact-heading h2 {
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 5px;
    color: #e8e8e8;
    letter-spacing: 0.1px;
}

.contact-heading p {
    font-size: 5px;
    line-height: 1.5;
    color: #8d8d8d;
    margin: 0;
}


/* ===============================
   FORM INPUTS
================================= */

.custom-input,
.custom-textarea {
    width: 100%;
    background: #1b1b1b !important;
    border: 1px solid #454545 !important;
    border-radius: 4px !important;
    color: #fff !important;
    box-shadow: none !important;
}

.custom-input {
    height: 18px;
    padding: 2px 7px;
    font-size: 5px;
}

.custom-textarea {
    height: 72px;
    padding: 7px;
    resize: none;
    font-size: 5px;
}


/* Placeholder */

.custom-input::placeholder,
.custom-textarea::placeholder {
    color: #a0a0a0;
    opacity: 1;
}


/* Focus */

.custom-input:focus,
.custom-textarea:focus {
    border-color: #777 !important;
    background: #1b1b1b !important;
    color: #fff !important;
}


/* ===============================
   BUTTON
================================= */

.send-btn {
    background: #f4f4f4;
    color: #333;
    border: none;
    border-radius: 2px;

    font-size: 5px;
    font-weight: 400;

    padding: 6px 11px;
    line-height: 1;
    transition: 0.3s ease;
}

.send-btn:hover {
    background: #dcdcdc;
}


/* ===============================
   RESPONSIVE
================================= */

@media (min-width: 768px) {

    .contact-banner {
        height: 360px;
    }

    .contact-content {
        padding: 50px 0 70px;
    }

    .contact-form-wrapper {
        max-width: 620px;
    }

    .contact-heading {
        margin-bottom: 25px;
    }

    .contact-heading h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .contact-heading p {
        font-size: 11px;
    }

    .custom-input {
        height: 48px;
        padding: 8px 12px;
        font-size: 11px;
    }

    .custom-textarea {
        height: 150px;
        padding: 12px;
        font-size: 11px;
    }

    .send-btn {
        font-size: 11px;
        padding: 10px 18px;
    }

}



/* =========================================
   FYNLACE WHY SECTION
========================================= */

.fynlace-why-section {
    background: #f8f5f1;
    padding: 110px 0;
    overflow: hidden;
}


/* =========================================
   VIDEO
========================================= */

.fynlace-video-wrap {
    position: relative;
    width: 100%;
    height: 680px;
    overflow: hidden;
    background: #e9e2dc;
}

.fynlace-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

    transition: transform 0.8s ease;
}

.fynlace-video-wrap:hover .fynlace-video {
    transform: scale(1.025);
}


/* =========================================
   PLAY ICON
========================================= */

.video-play-icon {
    position: absolute;

    width: 58px;
    height: 58px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(255,255,255,0.85);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;

    background: rgba(100, 20, 32, 0.25);

    backdrop-filter: blur(5px);

    opacity: 0;

    transition: all 0.4s ease;
}

.fynlace-video-wrap:hover .video-play-icon {
    opacity: 1;
}

.video-play-icon span {
    font-size: 14px;
    margin-left: 3px;
}


/* =========================================
   CONTENT
========================================= */

.fynlace-content {
    padding: 30px 40px 30px 65px;
}


/* =========================================
   EYEBROW
========================================= */

.fynlace-eyebrow {
    font-size: 11px;

    letter-spacing: 4px;

    color: #8e1728;

    font-weight: 600;

    margin-bottom: 22px;
}


/* =========================================
   TITLE
========================================= */

.fynlace-title {
    color: #741827;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(34px, 4vw, 43px);

    line-height: 1.3;

    font-weight: 400;

    margin: 0 0 28px;

    letter-spacing: -1px;
}

.fynlace-title em {
    font-style: italic;
}


/* =========================================
   DESCRIPTION
========================================= */

.fynlace-description {
    max-width: 520px;

    color: #62595a;

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 38px;
}


/* =========================================
   USP
========================================= */

.fynlace-usps {
    max-width: 540px;
}

.fynlace-usp {
    display: flex;

    gap: 18px;

    padding: 17px 0;

    border-bottom: 1px solid rgba(116, 24, 39, 0.14);
}

.fynlace-usp:first-child {
    border-top: 1px solid rgba(116, 24, 39, 0.14);
}


/* Icon */

.usp-icon {
    color: #8e1728;

    font-size: 17px;

    line-height: 1;

    margin-top: 4px;

    flex-shrink: 0;
}


/* USP heading */

.fynlace-usp h5 {
    margin: 0 0 5px;

    color: #741827;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;

    font-weight: 500;
}


/* USP description */

.fynlace-usp p {
    margin: 0;

    color: #746b6b;

    font-size: 12px;

    line-height: 1.6;
}


/* =========================================
   BOTTOM STATEMENT
========================================= */

.fynlace-bottom-text {
    margin-top: 35px;

    color: #741827;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;

    line-height: 1.4;
}

.fynlace-bottom-text strong {
    font-style: italic;

    font-weight: 500;
}


/* =========================================
   BUTTON
========================================= */

.fynlace-button {
    display: inline-flex;

    align-items: center;

    gap: 22px;

    margin-top: 28px;

    padding-bottom: 8px;

    border-bottom: 1px solid #741827;

    color: #741827;

    text-decoration: none;

    font-size: 11px;

    letter-spacing: 2px;

    font-weight: 600;

    transition: all 0.3s ease;
}

.fynlace-button span {
    font-size: 18px;

    line-height: 10px;

    transition: transform 0.3s ease;
}

.fynlace-button:hover {
    color: #741827;

    gap: 27px;
}

.fynlace-button:hover span {
    transform: translateX(5px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .fynlace-why-section {
        padding: 80px 0;
    }

    .fynlace-video-wrap {
        height: 600px;
    }

    .fynlace-content {
        padding: 20px 10px 0;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .fynlace-why-section {
        padding: 60px 0;
    }

    .fynlace-video-wrap {
        height: 500px;
    }

    .fynlace-content {
        padding: 10px 5px 0;
    }

    .fynlace-eyebrow {
        font-size: 9px;
        letter-spacing: 3px;
        margin-bottom: 17px;
    }

    .fynlace-title {
        font-size: 37px;
        line-height: 1.08;
        margin-bottom: 22px;
    }

    .fynlace-description {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 25px;
    }

    .fynlace-usp {
        padding: 15px 0;
        gap: 14px;
    }

    .fynlace-usp h5 {
        font-size: 16px;
    }

    .fynlace-usp p {
        font-size: 11px;
    }

    .fynlace-bottom-text {
        font-size: 18px;
        margin-top: 28px;
    }

}





#fynlace-preloader {

  position: fixed;

  inset: 0;

  width: 100%;
  height: 100vh;

  background:
    radial-gradient(
      circle at 50% 42%,
      #fffdfb 0%,
      #faf7f4 45%,
      #f4eeea 100%
    );

  z-index: 999999;

  display: flex;

  justify-content: center;
  align-items: center;

  overflow: hidden;

  transition:
    opacity .9s ease,
    visibility .9s ease;

}


/* Hide */

#fynlace-preloader.hide {

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

}



/* =====================================================
   MAIN LOADER
===================================================== */

.fynlace-loader {

  width: 380px;

  max-width: 92%;

  text-align: center;

  position: relative;

}



/* =====================================================
   LOGO
===================================================== */

.fynlace-logo {

  width: 175px;

  margin: 0 auto 30px;

  opacity: 0;

  transform:
    translateY(15px)
    scale(.96);

  animation:
    logoReveal 1.1s
    cubic-bezier(.2,.8,.2,1)
    forwards;

  animation-delay: .15s;

}


.fynlace-logo img {

  width: 100%;

  height: auto;

  display: block;

}



/* =====================================================
   FASHION SCENE
===================================================== */

.fashion-scene {

  width: 310px;

  height: 190px;

  margin: auto;

  position: relative;

}



/* =====================================================
   SOFT GLOW
===================================================== */

.fashion-glow {

  position: absolute;

  width: 180px;

  height: 100px;

  left: 65px;

  top: 35px;

  background:
    radial-gradient(
      ellipse,
      rgba(142,27,43,.10),
      transparent 70%
    );

  filter: blur(8px);

  animation: glowPulse 3s ease-in-out infinite;

}



/* =====================================================
   CLOTHING RACK
===================================================== */

.clothing-rack {

  position: absolute;

  width: 235px;

  height: 145px;

  left: 50%;

  top: 10px;

  transform:
    translateX(-50%);

  animation:
    rackFloat 4s ease-in-out infinite;

}



/* Rack top */

.rack-top {

  position: absolute;

  left: 5px;

  top: 15px;

  width: 225px;

  height: 2px;

  background: #8e1b2b;

  border-radius: 10px;

  opacity: .85;

}



/* Rack top round ends */

.rack-top::before,
.rack-top::after {

  content: "";

  position: absolute;

  width: 6px;
  height: 6px;

  background: #8e1b2b;

  border-radius: 50%;

  top: -2px;

}


.rack-top::before {

  left: -3px;

}


.rack-top::after {

  right: -3px;

}



/* Rack legs */

.rack-leg {

  position: absolute;

  width: 2px;

  height: 115px;

  background: #8e1b2b;

  top: 15px;

  opacity: .75;

}


.rack-leg-left {

  left: 10px;

  transform:
    rotate(5deg);

}


.rack-leg-right {

  right: 10px;

  transform:
    rotate(-5deg);

}



/* =====================================================
   HANGING SHIRT
===================================================== */

.hanging-shirt {

  position: absolute;

  left: 35px;

  top: 21px;

  width: 62px;

  height: 95px;

  animation:
    clothingSwing 3.2s ease-in-out infinite;

  transform-origin: top center;

}



/* Shirt body */

.shirt-body {

  position: absolute;

  left: 15px;

  top: 18px;

  width: 34px;

  height: 58px;

  background:

    linear-gradient(
      90deg,
      #eee3dc,
      #f8f1ed,
      #e8d9d1
    );

  border: 1.5px solid #8e1b2b;

  border-radius:
    3px 3px 7px 7px;

  clip-path: polygon(
    25% 0,
    75% 0,
    100% 15%,
    88% 30%,
    82% 100%,
    18% 100%,
    12% 30%,
    0 15%
  );

}



/* Shirt sleeves */

.shirt-sleeve {

  position: absolute;

  top: 18px;

  width: 25px;

  height: 28px;

  border: 1.5px solid #8e1b2b;

  background: #f0e5df;

}


.shirt-sleeve-left {

  left: 1px;

  transform:
    rotate(18deg);

  clip-path: polygon(
    20% 0,
    100% 15%,
    80% 100%,
    0 75%
  );

}


.shirt-sleeve-right {

  right: 1px;

  transform:
    rotate(-18deg);

  clip-path: polygon(
    0 15%,
    80% 0,
    100% 75%,
    20% 100%
  );

}



/* Shirt neck */

.shirt-neck {

  position: absolute;

  left: 24px;

  top: 15px;

  width: 16px;

  height: 11px;

  border:
    1.5px solid #8e1b2b;

  border-radius:
    0 0 12px 12px;

  background: #faf7f4;

}



/* =====================================================
   DRESS
===================================================== */

.hanging-dress {

  position: absolute;

  left: 91px;

  top: 20px;

  width: 70px;

  height: 105px;

  animation:
    dressSwing 3.5s ease-in-out infinite;

  transform-origin: top center;

}



/* Dress top */

.dress-top {

  position: absolute;

  left: 23px;

  top: 17px;

  width: 25px;

  height: 40px;

  border:
    1.5px solid #8e1b2b;

  background:
    linear-gradient(
      90deg,
      #e7d7cf,
      #f7efeb,
      #e3d1c8
    );

  clip-path: polygon(
    20% 0,
    80% 0,
    100% 20%,
    85% 100%,
    15% 100%,
    0 20%
  );

}



/* Dress sleeves */

.dress-sleeve {

  position: absolute;

  width: 22px;

  height: 28px;

  top: 18px;

  border:
    1.5px solid #8e1b2b;

  background: #e8d9d1;

}


.dress-sleeve-left {

  left: 7px;

  transform:
    rotate(20deg);

  border-radius:
    12px 2px 8px 2px;

}


.dress-sleeve-right {

  right: 7px;

  transform:
    rotate(-20deg);

  border-radius:
    2px 12px 2px 8px;

}



/* Dress skirt */

.dress-skirt {

  position: absolute;

  left: 5px;

  top: 47px;

  width: 60px;

  height: 67px;

  border:
    1.5px solid #8e1b2b;

  background:

    repeating-linear-gradient(
      90deg,
      rgba(142,27,43,.03) 0px,
      rgba(142,27,43,.03) 9px,
      rgba(142,27,43,.08) 10px,
      rgba(142,27,43,.03) 11px
    );

  clip-path: polygon(
    28% 0,
    72% 0,
    100% 100%,
    0 100%
  );

}



/* Waist */

.dress-waist {

  position: absolute;

  left: 20px;

  top: 50px;

  width: 30px;

  height: 2px;

  background: #8e1b2b;

  opacity: .55;

}



/* =====================================================
   MINI TOP
===================================================== */

.mini-top {

  position: absolute;

  right: 32px;

  top: 25px;

  width: 48px;

  height: 75px;

  animation:
    miniSwing 3s ease-in-out infinite;

  transform-origin: top center;

}


.mini-body {

  position: absolute;

  left: 12px;

  top: 15px;

  width: 25px;

  height: 48px;

  border:
    1.5px solid #8e1b2b;

  background:
    linear-gradient(
      90deg,
      #f2e8e2,
      #fbf6f3
    );

  border-radius:
    4px 4px 8px 8px;

}



/* Mini sleeves */

.mini-sleeve {

  position: absolute;

  top: 17px;

  width: 17px;

  height: 22px;

  border:
    1.5px solid #8e1b2b;

  background: #eee2db;

}


.mini-left {

  left: 1px;

  transform: rotate(20deg);

}


.mini-right {

  right: 1px;

  transform: rotate(-20deg);

}



/* =====================================================
   FLOATING CLOTH
===================================================== */

.floating-cloth {

  position: absolute;

  border:
    1.5px solid #8e1b2b;

  opacity: .45;

  border-radius:
    60% 40% 65% 35%;

}


.cloth-left {

  width: 45px;

  height: 27px;

  left: 12px;

  bottom: 45px;

  transform:
    rotate(-25deg);

  animation:
    clothLeft 3s ease-in-out infinite;

}


.cloth-right {

  width: 38px;

  height: 22px;

  right: 10px;

  bottom: 57px;

  transform:
    rotate(28deg);

  animation:
    clothRight 3.2s ease-in-out infinite;

}



/* Cloth folds */

.floating-cloth span {

  position: absolute;

  width: 70%;

  height: 1px;

  background: #8e1b2b;

  left: 15%;

  top: 50%;

  opacity: .35;

  transform:
    rotate(-5deg);

}



/* =====================================================
   SHADOW
===================================================== */

.fashion-shadow {

  position: absolute;

  width: 180px;

  height: 12px;

  left: 65px;

  bottom: 20px;

  background:
    rgba(100,70,60,.12);

  border-radius: 50%;

  filter: blur(5px);

  animation:
    shadowPulse 3s ease-in-out infinite;

}



/* =====================================================
   SPARKLES
===================================================== */

.fashion-sparkle {

  position: absolute;

  color: #8e1b2b;

  font-family: serif;

  opacity: 0;

}


.sparkle-1 {

  left: 45px;

  top: 25px;

  font-size: 17px;

  animation:
    sparkleAnimation 2.2s infinite;

}


.sparkle-2 {

  right: 45px;

  top: 42px;

  font-size: 14px;

  animation:
    sparkleAnimation 2.2s infinite .5s;

}


.sparkle-3 {

  right: 65px;

  top: 5px;

  font-size: 18px;

  animation:
    sparkleAnimation 2.2s infinite 1s;

}


.sparkle-4 {

  left: 78px;

  top: 75px;

  font-size: 22px;

  animation:
    sparkleAnimation 2.2s infinite 1.4s;

}



/* =====================================================
   LOADING TEXT
===================================================== */

.loading-text {

  margin-top: 8px;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 10px;

  font-weight: 500;

  letter-spacing: 8px;

  color: #8e1b2b;

  text-indent: 8px;

  opacity: .75;

}


.loading-text span {

  display: inline-block;

  animation:
    loadingLetter 1.4s infinite;

}


.loading-text span:nth-child(1) {
  animation-delay: 0s;
}

.loading-text span:nth-child(2) {
  animation-delay: .1s;
}

.loading-text span:nth-child(3) {
  animation-delay: .2s;
}

.loading-text span:nth-child(4) {
  animation-delay: .3s;
}

.loading-text span:nth-child(5) {
  animation-delay: .4s;
}

.loading-text span:nth-child(6) {
  animation-delay: .5s;
}

.loading-text span:nth-child(7) {
  animation-delay: .6s;
}



/* =====================================================
   PROGRESS
===================================================== */

.loader-line {

  width: 150px;

  height: 1px;

  background: #ddd1cb;

  margin:
    16px auto 0;

  overflow: hidden;

  position: relative;

}


.loader-progress {

  width: 0%;

  height: 100%;

  background: #8e1b2b;

  animation:
    progressAnimation 2.4s
    cubic-bezier(.4,0,.2,1)
    forwards;

}



/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes logoReveal {

  0% {

    opacity: 0;

    transform:
      translateY(15px)
      scale(.96);

  }

  100% {

    opacity: 1;

    transform:
      translateY(0)
      scale(1);

  }

}



@keyframes rackFloat {

  0%,
  100% {

    transform:
      translateX(-50%)
      translateY(2px);

  }

  50% {

    transform:
      translateX(-50%)
      translateY(-4px);

  }

}



@keyframes clothingSwing {

  0%,
  100% {

    transform:
      rotate(-2deg);

  }

  50% {

    transform:
      rotate(3deg);

  }

}



@keyframes dressSwing {

  0%,
  100% {

    transform:
      rotate(2deg)
      translateY(1px);

  }

  50% {

    transform:
      rotate(-3deg)
      translateY(-3px);

  }

}



@keyframes miniSwing {

  0%,
  100% {

    transform:
      rotate(-3deg);

  }

  50% {

    transform:
      rotate(3deg);

  }

}



@keyframes clothLeft {

  0%,
  100% {

    transform:
      rotate(-25deg)
      translate(0,0);

  }

  50% {

    transform:
      rotate(-12deg)
      translate(7px,-5px);

  }

}



@keyframes clothRight {

  0%,
  100% {

    transform:
      rotate(28deg)
      translate(0,0);

  }

  50% {

    transform:
      rotate(15deg)
      translate(-7px,-5px);

  }

}



@keyframes sparkleAnimation {

  0%,
  100% {

    opacity: 0;

    transform:
      scale(.4)
      rotate(0deg);

  }

  40% {

    opacity: .25;

  }

  60% {

    opacity: 1;

    transform:
      scale(1.15)
      rotate(90deg);

  }

}



@keyframes glowPulse {

  0%,
  100% {

    opacity: .5;

    transform:
      scale(.9);

  }

  50% {

    opacity: 1;

    transform:
      scale(1.1);

  }

}



@keyframes shadowPulse {

  0%,
  100% {

    transform:
      scaleX(.85);

    opacity: .35;

  }

  50% {

    transform:
      scaleX(1.05);

    opacity: .18;

  }

}



@keyframes loadingLetter {

  0%,
  100% {

    opacity: .3;

    transform:
      translateY(0);

  }

  50% {

    opacity: 1;

    transform:
      translateY(-3px);

  }

}



@keyframes progressAnimation {

  0% {

    width: 0%;

  }

  100% {

    width: 100%;

  }

}



/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px) {

  .fynlace-loader {

    width: 340px;

  }


  .fynlace-logo {

    width: 145px;

    margin-bottom: 25px;

  }


  .fashion-scene {

    transform:
      scale(.85);

  }


  .loading-text {

    margin-top: 0;

  }

}

.white-logo{
    filter: brightness(0) invert(1);
}


/* =========================================
   FYNLACE MOBILE SLIDER FIX
========================================= */

@media (max-width: 767px) {

    .fashion-video-slide {
        height: 300px !important;
        min-height: 300px !important;
        position: relative !important;
        overflow: hidden !important;
        background: #000 !important;
    }

    .fashion-video-slide .slider-content {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 300px !important;
        transform: none !important;
        z-index: 10 !important;
    }

    .fashion-video-slide .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        align-items: center !important;
    }

    /* LEFT - CONTENT */
    .fashion-video-slide .row > .col-12:first-child {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 0 !important;
    }

    /* RIGHT - VIDEO */
    .fashion-video-slide .row > .col-12:last-child {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 0 !important;
    }

    /* CONTENT */
    .fashion-video-slide .slider-text {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 10px 12px !important;
        text-align: left !important;
        color: #fff !important;
        position: relative !important;
        z-index: 20 !important;
    }

    /* FYNLACE COLLECTION */
    .fashion-video-slide .slider-text h4 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #fff !important;
        font-size: 8px !important;
        line-height: 1.2 !important;
        letter-spacing: 2px !important;
        margin: 0 0 8px !important;
    }

    /* A LITTLE EXTRA etc. */
    .fashion-video-slide .slider-text h1 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #fff !important;
        font-size: 17px !important;
        line-height: 1.25 !important;
        margin: 5px 0 8px !important;
        padding: 0 !important;
    }

    /* Decorative lines */
    .fashion-video-slide .fynlace-title-line {
        display: block !important;
        width: 35px !important;
        height: 2px !important;
        margin: 5px 0 !important;
        background: #830304 !important;
    }

    /* Description */
    .fashion-video-slide .slider-text p {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: rgba(255,255,255,.8) !important;
        font-size: 7px !important;
        line-height: 1.35 !important;
        margin: 0 0 9px !important;
    }

    /* BUTTON */
    .fashion-video-slide .slider-text .btn-two {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 7px !important;
        line-height: 1 !important;
        padding: 7px 9px !important;
        margin: 0 !important;
    }

    /* VIDEO */
    .fashion-video-slide .slider-video {
        width: 100% !important;
        height: 300px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .fashion-video-slide .slider-video video {
        display: block !important;
        width: 100% !important;
        height: 300px !important;
        object-fit: cover !important;
    }
}


/* SMALL PHONES */
@media (max-width: 480px) {

    .fashion-video-slide {
        height: 250px !important;
        min-height: 250px !important;
    }

    .fashion-video-slide .slider-content,
    .fashion-video-slide .row {
        height: 250px !important;
        min-height: 250px !important;
    }

    .fashion-video-slide .slider-video,
    .fashion-video-slide .slider-video video {
        height: 250px !important;
    }

    .fashion-video-slide .slider-text {
        padding: 8px 10px !important;
    }

    .fashion-video-slide .slider-text h4 {
        font-size: 6px !important;
        letter-spacing: 1.5px !important;
        margin-bottom: 6px !important;
    }

    .fashion-video-slide .slider-text h1 {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    .fashion-video-slide .slider-text p {
        font-size: 6.5px !important;
    }

    .fashion-video-slide .slider-text .btn-two {
        font-size: 6px !important;
        padding: 6px 8px !important;
    }
}


.privacy-policy-section { background: #fafafa; padding: 70px 0; } .privacy-policy-content { max-width: 1100px; margin: 0 auto; background: #ffffff; padding: 55px 60px; border-radius: 8px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06); } .privacy-intro { color: #555; font-size: 17px; line-height: 1.9; margin-bottom: 45px; } .privacy-policy-item { margin-bottom: 38px; } .privacy-policy-item h2 { position: relative; color: #222; font-size: 24px; font-weight: 600; margin-bottom: 16px; padding-left: 15px; } .privacy-policy-item h2::before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 25px; background: #850305; border-radius: 3px; } .privacy-policy-item p { color: #555; font-size: 16px; line-height: 1.85; margin-bottom: 12px; } .privacy-policy-item ul { padding-left: 25px; margin: 12px 0 15px; } .privacy-policy-item ul li { color: #555; font-size: 16px; line-height: 1.8; margin-bottom: 6px; } .privacy-contact-box { margin-top: 22px; padding: 25px 30px; background: #faf7f2; border-left: 4px solid #850305; border-radius: 5px; } .privacy-contact-box h3 { color: #222; font-size: 21px; font-weight: 600; margin-bottom: 16px; } .privacy-contact-box p { margin-bottom: 8px; } .privacy-last-updated { padding-top: 25px; margin-top: 45px; border-top: 1px solid #ddd; color: #666; font-size: 14px; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .privacy-policy-section { padding: 40px 15px; } .privacy-policy-content { padding: 30px 20px; } .privacy-intro { font-size: 15px; line-height: 1.75; margin-bottom: 32px; } .privacy-policy-item { margin-bottom: 30px; } .privacy-policy-item h2 { font-size: 20px; padding-left: 12px; } .privacy-policy-item h2::before { width: 3px; height: 22px; top: 3px; } .privacy-policy-item p, .privacy-policy-item ul li { font-size: 15px; line-height: 1.75; } .privacy-policy-item ul { padding-left: 20px; } .privacy-contact-box { padding: 20px; } .privacy-contact-box h3 { font-size: 19px; } }



.terms-section { background: #fafafa; padding: 70px 0; } .terms-content { max-width: 1100px; margin: 0 auto; background: #ffffff; padding: 55px 60px; border-radius: 8px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06); } .terms-intro { color: #555; font-size: 17px; line-height: 1.9; margin-bottom: 45px; } .terms-item { margin-bottom: 38px; } .terms-item h2 { position: relative; color: #222; font-size: 24px; font-weight: 600; margin-bottom: 16px; padding-left: 15px; } .terms-item h2::before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 25px; background: #bb7e28; border-radius: 3px; } .terms-item p { color: #555; font-size: 16px; line-height: 1.85; margin-bottom: 12px; } .terms-item ul { padding-left: 25px; margin: 12px 0 15px; } .terms-item ul li { color: #555; font-size: 16px; line-height: 1.8; margin-bottom: 6px; } .terms-contact-box { margin-top: 22px; padding: 25px 30px; background: #faf7f2; border-left: 4px solid #bb7e28; border-radius: 5px; } .terms-contact-box h3 { color: #222; font-size: 21px; font-weight: 600; margin-bottom: 16px; } .terms-contact-box p { margin-bottom: 8px; } .terms-last-updated { padding-top: 25px; margin-top: 45px; border-top: 1px solid #ddd; color: #666; font-size: 14px; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .terms-section { padding: 40px 15px; } .terms-content { padding: 30px 20px; } .terms-intro { font-size: 15px; line-height: 1.75; margin-bottom: 32px; } .terms-item { margin-bottom: 30px; } .terms-item h2 { font-size: 20px; padding-left: 12px; } .terms-item h2::before { width: 3px; height: 22px; top: 3px; } .terms-item p, .terms-item ul li { font-size: 15px; line-height: 1.75; } .terms-item ul { padding-left: 20px; } .terms-contact-box { padding: 20px; } .terms-contact-box h3 { font-size: 19px; } }