/*####################Fonts(Using Montserat instead of Gotham)#######################*/
@font-face {
   font-family: 'Montserrat';
   src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Peter-Light';
   src: url('../fonts/Peter-Test-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Peter-Bold';
   src: url('../fonts/Peter-Test-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

/*############################################ Fonts [END]################################# */

/*#########################################General [START]##################################*/
p {
   margin-bottom: 0;
}

svg {
   cursor: pointer;
}

a:hover {
   color: inherit;
   text-decoration: none;
}

#header-middle,
#index {
   /* padding: 0 25px; */
}

#header-middle {
   justify-content: space-between;
   background-color: #000;
}

.hidden {
   display: none !important;
}

/*######################################## General [END]#################################### */

/*######################################Top Header [Start]###################################*/
#header-top {
   background-color: #B1102F;
   color: #ffffff;
   font-size: 15px;
   text-transform: uppercase;
   text-align: center;
   padding: 8px;
}

.splide {
   z-index: 999;
}

.splide__track--draggable {
   height: 38px !important;
}

.splide__list {
   color: #ffffff !important;
   width: 100%;
}

.splide__slide {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 15px;
   background-color: #5E4340 !important;
   font-family: 'Montserrat-Bold';
}

.splide__list i {
   margin-right: 30px;
}

.bold-text {
   font-weight: 800;
   margin-right: 5px;
   margin-left: 5px;
}

.close-banner-button {
   color: white;
   position: absolute;
   top: 20px;
   right: 20px;
   z-index: 1;
   cursor: pointer;
   background-color: transparent !important;
   border: none;
}

@media (max-width: 800px) {
   .splide__list i {
      margin-right: 10px !important;
   }

   .splide__slide {
      font-size: 12px;
   }
}

/*##################################### Top Header [End]#######################################*/

/*##################################### Main Header [End]#######################################*/
#header-logo img {
   max-width: 200px;
   width: 100%;
   object-fit: contain;
}

.navbar .nav-link {
   display: inline-block;
   font-size: 15px;
   color: #B1102F;
   font-family: 'Peter-Bold';
   padding: 3px;

}

.wishList,
.cart {
   position: relative;
   display: inline-block;
}

.wishlist-count,
.spnCartCount {
   position: absolute;
   top: 55%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 12px;
   font-weight: bold;
   color: #fff;
}

#header-icons {
   display: flex;
   align-items: center;
   justify-content: end;
   gap: 40px;
}

#Dname {
   font-size: 12px;
   color: #fff;
   display: block;
   position: absolute;
   right: 40px;
}
@media (max-width: 992px) {
#Dname {
   right: 60px;

}
}
.account {
   /* margin-bottom: -15px; */
   text-align: center;
}

/* .search-form {
   display: flex;
   min-width: 230px;
   background: #fff;
   z-index: 9999;
}

.search-form input {
   width: 80%;
   border: none;
   border-bottom: 1px solid #000;
   outline: none;
}

.search-form button {
   width: 17px;
   background-color: transparent;
   border: none;
} */


.dropdown-submenu {
   list-style: none;
   padding-left: 0;
   margin-top: 8px;
}

.sub-item {
   font-size: 0.9em;
}

.dropdown-item.dropdown-toggle {
   font-family: 'peter-bold';
   font-weight: bold;
   color: #000000;
   text-wrap: balance;
}

.dropdown-item.dropdown-toggle:hover,
.list-unstyled li a:hover {
   background-color: transparent;
   color: #B1102F;
}

.dropdown-submenu li a:hover {
   background-color: transparent;
   color: #B1102F;
}

.dropdown-item.sub-item {
   font-size: 12px;
   font-family: 'Montserrat';
   color: #fff;
}

.list-unstyled .dropdown-item {
   font-family: 'Montserrat-Bold';
   font-weight: bold;
   color: #fff
}

.full-width-dropdown .container-fluid .row {
   width: 100%;
   margin: 0;
}

.full-width-dropdown .container-fluid .row.flex-wrap .col-4 {
   margin: 18px 0px;
}

.full-width-dropdown .container-fluid .row .col-3.static {
   border-right: 1px solid #f4ecec;
   display: flex;
   flex-direction: column;
   /* justify-content: center; */
   align-items: center;
   gap: 2px;
}

.dropdown-item.dropdown-toggle::after {
   content: none;
}

.full-width-dropdown .container-fluid .row .col-3.static .list-unstyled {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

#boxes .nav-item.active .nav-link ,#boxess .nav-item.active .nav-link  {
   color: #000;
   border-bottom: 2px solid transparent;
   transition: color 0.3s ease, border-bottom-color 0.3s ease;
}


#boxes .nav-item.active:hover .nav-link,#boxess .nav-item.active:hover .nav-link {
   color: #B1102F;
   border-bottom-color: #B1102F;
}

#boxes .nav-item.active:hover svg path,#boxess .nav-item.active:hover svg path {
   fill: #B1102F;
   stroke: #B1102F;
}

.mob-menu-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 15px;
   border-bottom: 1px solid gray;
   width: 100%;
}


/* .navbar .dropdown-menu{
   background-color: rgb(94, 67, 64);
}
.nav .dropdown-item{
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.nav .dropdown-item:hover{
   background-color: white;
   color: #5E4340;
}
.nav .dropdown-item:hover{
   color: rgb(94, 67, 64);
}
.nav .dropdown-toggle::after{
   display: none;
}
.dropdown-menu li {
   position: relative;
}
.dropdown-submenu{
   position: absolute;
    left: 100%;
    top: 0;
    list-style: none;
    background: rgb(94, 67, 64);
    display: none;
    padding: 10px 0;
    min-width: 200px;
    border-radius: 3px;

}
.dropdown-menu li:hover .dropdown-submenu {
   display: block;
} */
.search-icon:hover svg path {
   fill: #B1102F;
}
.wishList:hover svg path,
.account:hover svg path,
.account:hover svg ellipse,
.cart:hover svg g path {
  stroke: #B1102F;
}



/*##################################### Main Header [End]#######################################*/

/*##################################### Main Menu [Start]#######################################*/
@media (min-width: 992px) {
header nav #navbarResponsive li {
    position: relative;
    list-style: none;}

header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link
{
   font-weight: 600;
   color: #fff;
   font-size: 0.85rem;
   padding: 3px 5px;
}
header nav #navbarResponsive ul {
    width: 100%;
}
header nav #navbarResponsive ul li.nav-item .dropdown-menu li {
    padding-left: 10px;
    padding-right: 10px;
}
header nav #navbarResponsive li {
    position: relative;
    list-style: none;
}
header nav #navbarResponsive .dropdown-menu .dropdown-item {
    font-size: 0.85rem;
    border-bottom: solid 1px #f4f4f4;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    white-space: inherit;
}
}
@media (min-width: 992px) {
    header nav .fa-angle-right {
        display: block !important;
        position: absolute;
        right: 10px;
        top: 7px;
    }
    .desktop-nav{
      display: flex;
    }
    .mobile-nav{
      display: none !important;
    }
}
@media (min-width: 992px) {
    header nav #navbarResponsive ul li.nav-item:hover .dropdown-menu {
        display: inline-block !important;
    }
    header nav #navbarResponsive ul {
    justify-content: space-evenly;
   }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 93%;
        border-top-left-radius: 2px;
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1605px) {
   header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
      font-size: 0.74rem;
   }
}
@media (min-width: 992px) {
    header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (min-width: 992px) {
    header nav #navbarResponsive .dropdown-menu li:hover .dropdown-submenu {
        display: block;
    }
}
@media (min-width: 992px) {
    header nav #navbarResponsive .dropdown-menu .dropdown-submenu {
        position: absolute;
        left: 100%;
        top: 0;
        display: none;
        border: solid 1px #000;
    }
}

@media (min-width: 992px) {
    header nav #navbarResponsive ul li.nav-item .dropdown-menu {
        width: 240px;
    }
    header nav #navbarResponsive ul {
    width: 100%;
}
header nav #navbarResponsive .dropdown-menu .dropdown-submenu {
    background: #ffffff;
    padding: 0;
    border-radius: 5px;
}
}

/*### MOBILE MENU TYPs [START]###*/

.dropdown-menu {
    display: none !important;
}

.dropdown-menu.show {
    display: block !important;
}

.dropdown-arrow {
    cursor: pointer;
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.dropdown-arrow.active {
    transform: rotate(180deg);
}
/*### MOBILE MENU TYPs  [END]###*/


/*##################################### Main Menu [END]#######################################*/
/*#####################################  Header Search [Start]#######################################*/
.search-bar {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) translateX(120%);
  background: #ffffff;
  color: #000;
  padding: 5px 10px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: transform 0.3s ease;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
}
.search-bar form {margin: 0 !important;}
.search-bar.active {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.search-bar input {
  border: none;
  outline: none;
  background: transparent;
  color: #000000;
  font-size: 14px;
  width: 180px;
}

.search-bar .search-btn,
.search-bar .close-btn {
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  font-size: 18px;
}

.search-toggle {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media(max-width:670px){.search-bar{width:200px;right:5px;padding:4px 8px}.search-bar input{width:120px;font-size:13px}.search-bar .search-btn,.search-bar .close-btn{font-size:16px}}
@media(max-width:480px){.search-bar{}.search-bar input{font-size:12px}}


/*#####################################  Header Search [End]#######################################*/


/*#####################################---{{{FOOTER}}}----#####################################*/
footer {
   margin: 45px 25px 0px;
   background: #F5F5F5;
   border-radius: 23px;
   padding: 25px 30px;
}

#footer-container {
   margin-bottom: 20px;
   border-bottom: 1px solid #ECECEC;
}

#footer-container .columnI img {
   object-fit: contain;
   width: 100%;
}

#footer-container li a {
   color: inherit;
   font-family: 'Peter-Light';
}
.columnI-Test{
   font-family: 'Peter-Light';
   font-size: 16px;
   margin-top: 40px;
   text-align: center;

}
#footer-container h5{
   font-family: 'Peter-bold';
}
/*##################################### Search overlay [START]#######################################*/
/*
.search-overlay {
   background-color: #000000e8;
    top: 0;
    bottom: 0;
    z-index: 99999;
}
.search-overlay {
   position: absolute;
   left: 0;
   right: 0;
}
.search-close-btn {
   padding: 10px;
}
.search-close-btn svg {
   width: 30px;
}
.search-continer {
   display: flex
;
   align-items: center;
   justify-content: center;
   height: 100%;
}
.search-form {
   display: flex
;
   min-width: 280px;
   z-index: 9999;
   border-bottom: 2px solid #fff;
}
.search-form input {
   outline: 0;
   font-size: 22px;
   color: #000000;
}
.search-form button, .search-form input {
   border: none;
   background-color: transparent;
}
svg {
   overflow: hidden;
   vertical-align: middle;
}
   */
/*##################################### Search overlay[START]#######################################*/


/*##################################### Media Queries [START]#######################################*/
/* if screen size is greater than 992 */
@media screen and (min-width: 992px) {
   .navbar-expand-lg .navbar-nav .nav-link {
      padding: 0;
   }

   /* .dropdown-menu li svg {
      transform: rotate(270deg);
      stroke: white
   } */

   .dropdown-menu li:hover svg {
      stroke: #B1102F;
   }

   .mob-menu-header {
      display: none !important;
   }
   #mob-menu-toggler{
      display: none;
   }
   .dropdown-menu.full-width-dropdown{
      width: 100%;
   }



}

@media screen and (max-width:767px) {
   #Dname {
      display: none;
   }

   .account {
      margin-bottom: 0;
   }
}

/* if screen size is greater less than 992 */
@media (max-width: 991px) {
   .desktop-nav{
      display: none;
    }
    .mobile-nav{
      display: block;
    }
   header .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='23.775' viewBox='0 0 30 23.775'%3E%3Cg id='menu' transform='translate(-1 -4.112)'%3E%3Cpath id='Path_54' data-name='Path 54' d='M30,4.112H2a1,1,0,0,0,0,2H30a1,1,0,0,0,0-2Z' fill='%23FFFFFF'/%3E%3Cpath id='Path_55' data-name='Path 55' d='M30,15H2a1,1,0,0,0,0,2H30a1,1,0,0,0,0-2Z' fill='%23FFFFFF'/%3E%3Cpath id='Path_56' data-name='Path 56' d='M30,25.888H2a1,1,0,0,0,0,2H30a1,1,0,0,0,0-2Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");

   }
   #boxes .nav-item.active .nav-link svg,#boxess .nav-item.active .nav-link svg {display: block;}
   
   nav.navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white;
      transform: translate(-101%);
      transition: transform .5s cubic-bezier(.4, 0, .2, 1);
      overflow: hidden;
      z-index: 999;
   }

   #boxes .nav-link,#boxess .nav-link {
      text-align: center;
      padding: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
   }
   #boxes .nav-link svg,#boxess .nav-link svg {
      z-index: 9999;
      width: 15px;
      height: 15px;
   }

   #boxes .nav-item,#boxess .nav-item {
      display: flex;
      align-items: flex-start;
      border-bottom: 1px solid #d3d3d3 !important;
      padding: 5px 10px;
      flex-direction: column;

   }
   .full-width-dropdown .container-fluid .row.flex-wrap .col-4{
      max-width: 100%;
      flex: 100%;
      border-bottom:1px solid rgb(224, 224, 224)
   }
   .nav-item .col-9{max-width: 100%;flex:100%}
   .nav-item .dropdown-submenu{display: none;}
   #header-logo {
      order: 1
   }

   #header-icons {
      order: 2;
      gap: 20px
   }

   #header-nav {
      order: 3
   }

   /* .navbar-toggler{position: absolute;right: 0;top: -70px;} */
   #header-nav-mobile {
      width: 30px;
      height: 30px;
   }

   header nav .navbar-toggler-icon {
      display: none;
   }

   .full-width-dropdown {
      width: 100%;
      left: 0;
      right: 0;
      top: 94%;
      border: 0;
   }

   nav .static {
      display: none !important;
   }
}

/* if screen size is less than 500 */
@media screen and (max-width: 500px) {
   #header-icons {
      gap: 12px
   }

   #mob-menu-toggler {
      padding: 2px;
   }
   #header-logo img {
      max-width: 130px;
   }
   #header-middle{
      padding-right: 0px !important;
   }
}

/* if screen size is less than 425 */
@media screen and (max-width: 425px) {
   #header-icons {
      gap: 7px
   }

   #header-icons svg {
      width: 18px;
   }

   header .navbar-toggler-icon {
      background-size: 18px;
   }

}


/*##################################### Media Queries [END]#########################################*/



/*#####################################---{{{FOOTER}}}----#####################################*/


/*######## Footer Column I ########*/
.footer-newsletter {
   font-family: 'Montserrat-light';
   font-size: 20px;
   margin-top: 1rem;
}

.footer-newsletter form {
   margin: 1rem 0px;
}

.footer-newsletter .form-group {
   /* display: flex;
   align-items: center;
   position: relative; */
   max-width: 300px;
}

.footer-newsletter .form-group .form-control {
   width: 100%;
   padding: 25px;
   box-sizing: border-box;
   border: none;
}

.footer-newsletter .form-group .btn {
   /* position: absolute;
   right: 0;
   top: 0;
   bottom: 0; */
   /* border-radius: 50%; */
   margin-top: 5px;
   border-radius: 0;
   color:#fff;
   font-family: 'Peter-Light';
   border: 1px solid #B1102F;
   background: #B1102F;
   cursor: pointer;
   /* padding: 0 16px; */
   display: flex;
   align-items: center;
   justify-content: center;
}

.footer-newsletter .form-group .btn svg {
   width: 33px;
   height: 33px;
}

.social-icons {
   margin: 10px 0px;
   display: flex;
   gap: 0.5rem;
}

/*######## Footer Column II AND Column III ########*/
#footer-container .columnII,
#footer-container .columnIII,
#footer-container .columnIV {
   font-family: 'Peter-bold';
   color: #000000
}
#footer-container .columnIV form#emailSignupForm div button{
  opacity: 1!important;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  margin-top: 5px;
  border-radius: 0;
  color: #fff;
  font-family: 'Peter-Light';
  border: 1px solid #B1102F;
  background: #B1102F;
  cursor: pointer;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer-container .columnII ul,
#footer-container .columnIII ul {
   list-style: none;
   padding: 0;
   text-decoration: none;
   font-family: 'Montserrat-light';
}

#footer-container .columnII ul li,
#footer-container .columnIII ul li {
   margin: 7px 0px;
   font-size: 18px;
}


/*######## Footer Bottom ########*/
#footer-bottom .footerCopyrights,
.cumuluslogo p {
   font-family: 'Montserrat-light';
   font-size: 15px;
   color: #bbb9b7;
}



.footer-cookies {
   width: 100%;
   background: #000000;
   font-size: 13px;
   position: fixed;
   bottom: 0;
   padding: 10px 0;
   text-align: center;
   z-index: 9999;
}

.footer-cookies p {
   position: relative;
   font-size: 13px;
   font-weight: bold;
   color: #fff;
   margin: 0;
}

.footer-cookies p a {
   color: #ffffff;
   font-size: 13px;
   text-transform: capitalize;
   font-weight: bold;
}

.footer-cookies .close {
   width: 20px;
   height: 28px;
   position: absolute;
   right: 5px;
   top: 1px;
}

#footer-bottom .cumuluslogo {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
}