/* === GLOBAL HEADER CSS === */

/* === GLOBAL HEADER CSS === */
/* === HEADER CSS ===*/
/*
.main-nav-item:focus-within ~ .nav-container
{
display: block !important;
}
*/
/* ANKUR SHARMA */
#mmenu1 #mobinav-section-homepage-level1 li#parent-{display:none;}
header .second-level-navigations{
  position:relative;
  z-index:9;
}
.level2.haschildren .plusIcon::after{
font-size:0;
}
.sktmain.invisible:focus-within
{
  position: relative;
  left: 0;
  height: 100%;
  width: auto;
  display: block;
}
.level1.selected > .main-nav-item.nav-font::after {
  content: '';
  height: 8px;
  width: 100%;
  background: #896C4C;
  position: absolute;
  left: 0;
  bottom: 1px;
}
.seach__autocomplete--data-item.focused
{
  background: #fff;
}
.seach__autocomplete--data-item
{
  padding: 5px 12px;
}
header.mega-header.no-sticky + .main-content-wrapper{margin-top:0;}
header .nav-container .cta.cta--button-primary-outline {
  padding: var(--sm-4) var(--sm-2);
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: 400;
}
header .sub-main-navigation .level2.current > .nav-font,header .sub-main-navigation .level2.selected > .nav-font, header .level3.current > .nav-font {
  background: #ECEAE4; font-weight:500;padding-left:var(--sm-3);
}
header .left-nav-container{position:relative;}
header.mega-header.no-sticky{position:sticky;}
header .header--links ul{margin-bottom:0;}
#skiptomaincontent{position:absolute;display:none;}
.header-logo-wrapper img{max-width: 137px;max-height: 35px;    margin: 0 var(--sm-1) 0 0;}
header.mega-header nav#main-navigation a.main-nav-item:focus{outline:none;}
header.mega-header nav#main-navigation a.main-nav-item:focus-visible {
  outline: 2px dashed var(--heritage-red);
  z-index: 10;
  outline-offset: -8px;
}
header .nav-container::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 200vw;
  background: #D6D0C2;
  z-index: -1;
  left: -100%;
  bottom: -1px;
}
.header .icon-close-mobile.header--close{transition:0.3s all ease;}
.header .icon-close-mobile.header--close:hover {
  background: var(--heritage-red) !important;
}

.header .icon-close-mobile.header--close:hover:before {
  color:white !important;
}
header .nav-container::before {
  content: '';
  position: absolute;
  top: 0px;
  height: 100%;
  width: 200vw;
  background: #fff;
  z-index: -1;
  left: -100%;
}
header.mega-header nav#main-navigation{margin-top:-3px;}
header.mega-header{position: fixed;width: 100%;top: 0;z-index: 11;background: rgba(236, 236, 236, 0.80);}
.ip3-preview header.mega-header, .ip3-edit header.mega-header{position: relative}
header.mega-header nav#main-navigation a.main-nav-item {position:relative; text-decoration:none;font-family: var(--font-heading);  font-size: 1.8rem;  font-style: normal;  font-weight: 600;  line-height: 22px;  text-transform: capitalize;  color: #000; padding:20px var(--sm-4) 20px; margin: 0 26px 0 0; }
header.mega-header nav#main-navigation a.active-link::after {
  height: 7px !important;
}
header.opened.mega-header nav#main-navigation a.main-nav-item:hover::after, header .main-nav-level-1.level1.current.haschildren a.main-nav-item::after{
  content: '';
  position: absolute;
  height: 7px;
  width: 100%;
  background: #896C4C;
  display: block;
  bottom: 2px;
}
.sub-nav---link{display:none;}
header .dropdown.opened .dropdown-items {
  display: block;
}
header .main-nav-level-1.level1.last a.main-nav-item{margin-right:0 !important;}
header.mega-header nav#main-navigation .level1 .nav-container{z-index:14;position: absolute;width: 100%;left: 0;;top: 52px;right: 0;margin: 0 auto;padding: var(--sm-2) 0 var(--md-3) 0;background: var(--white);opacity: 0;
  visibility: hidden;
  display:block !important;}
header.mega-header nav#main-navigation .level1.hovered .nav-container{opacity:1;visibility:visible;display:block;}
header.mega-header #mmenu{display: none}
header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren:hover > a.menu-arrow-link, header.mega-header nav#main-navigation a.main-nav-item:hover + a.menu-arrow-link{transform: rotate(180deg);bottom: 25px;}
header .left-nav-container{padding:5px 0 12px;}
header .nav-container .spacing{padding-top: var(--sm-2);margin-top: var(--sm-2);}
header .nav-container .spacing span.h5{display:inline-block;font-weight:450;letter-spacing:0.6px;font-family:var(--font-heading);}
header .nav-container .spacing p{font-size: 1.6rem;  line-height: 22px;}
header .sub-main-navigation{flex-direction: column;position:relative;}
header .sub-main-navigation:before{content:'';position:absolute;height:100%;width:1px;background-color:#C4C6C1;top:0;left:-16px;}
header .nav-font {font-family: var(--font-body);font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;color: var(--onyx);text-decoration: none;padding:var(--xs-1) var(--xs-1) var(--xs-1) 0;}
header .sub-main-navigation .nav-font:hover{background:#ECEAE4;font-weight:500;padding-left: var(--sm-3);}
header .sub-main-navigation .second-level-row{position: absolute;  top: 0;  right: -100%;display:none;transition:0.3s all ease-in-out;width:100%;height:100%;padding-left:16px;}
header .sub-main-navigation .second-level-row .second-level-navigation-wrapper{z-index:2;width:100%;margin-left:1.6rem;z-index:999;}
header .sub-main-navigation .second-level-row:after{content: '';  background: #fff;  height: 100%;  width: 100%;  position: absolute;  left: 32px;z-index:99;}
header .sub-main-navigation .second-level-row:before{content: '';  height: 100%;  width: 1px;  background: #C4C6C1;}
.main-nav-level-2:hover .second-level-row{display:flex;}
header .sub-main-navigation .main-nav-level-2,header .sub-main-navigation .main-nav-level-2 a{display:block;width:100%;}
/* === HEADER CSS ===*/
header .header-signpost-content-wrapper{min-height:216px;width:100%;}
header .header-signpost-content-wrapper .header--signpost-title p{margin-bottom:0;font-size:1.6rem;font-style: normal;font-weight: 400;line-height: 137.5%;font-family:var(--font-body);color:var(--white);}
header .header-signpost-content-wrapper span.h6{display:inline-block;margin-bottom:0;color:var(--white);}
header .header-signpost-content-wrapper .header-signpost-overlay{position:relative;background: transparent;  display: flex;  flex-direction: column;  height: 100%;  justify-content: end;  padding: 20px;}
header .header-signpost-content-wrapper .header-signpost-overlay .icon-close-mobile{display: flex;  justify-content: center;align-items: center;position: absolute;  top: -56px;  right: 0;  background: var(--light-quartz);  height: 40px;  width: 40px;}
header .search-main-wrapper .icon-close-mobile{display: flex;  align-items: center;  justify-content: center;position: absolute;  top: -24px;  right: 0;  background: var(--light-quartz);  height: 40px;  width: 40px;}
header .header-signpost-content-wrapper .header-signpost-overlay .icon-close-mobile:before,.search-main-wrapper .icon-close-mobile:before{  margin-left: 0;  font-size: 25px;  color: #000;}
header .sub-main-navigation .main-nav-level-2 a{justify-content: space-between;display: flex;letter-spacing: 0.2px;}
header .sub-main-navigation .main-nav-level-2.haschildren a:after{content: "\e913";font-family: 'icomoon' !important;margin-left:16px;font-size:2rem;}
header .header--links ul{display: flex;justify-content: flex-end;align-items: center;}
header .header--links ul li{display:flex;margin:0;}
header .header--links ul li:nth-last-child(3) a{border-right:1px solid var(--medium-stone);}
header .header--links ul li:nth-last-child(3){margin-right:28px;}
header .header--links ul li{border-left:1px solid var(--medium-stone);}
header .header--links ul li a{font-family: var(--font-heading);padding: 11px 23px 11px 24px;color:var(--onyx);font-size:1.4rem;line-height:20px;font-weight:450;}
header .header--links ul li a.search-trigger{padding: 12px;  background: #fff;  border-radius: 100%;  border: none;  display: flex;height: 36px;  width: 36px;  align-items: center;  justify-content: center; }
header .header--links ul li a.search-trigger .icon-search{margin:0;}
header .search-main-wrapper{display:none;}
header .search-main-wrapper{background:var(--white);padding:var(--sm-2) 0 var(--md-3) 0;position: absolute;width: 100%;left: 0;top: 98px;}
header .search.fieldset{border-bottom:1px solid var(--copper);padding-top: var(--sm-2);margin-top: var(--sm-2);}
body.nojs header.mega-header .header-search{display: none}
header .search-head-txt{min-width: auto;  border-bottom: 1px solid var(--copper);  padding: var(--sm-4);  max-width: 100%;  border-top: none;  border-left: none;  border-right: none;margin-top: 36px;}
header .search-head-wrapper{margin-top:24px;}
header .seach__autocomplete--data-item a,.seach__autocomplete--data-item a{color:#000;}
header .seach__autocomplete--data-item a span:first-child,.seach__autocomplete--data-item a span:first-child{margin-right:10px;}
.seach__autocomplete--data{background-color: #f6f6f6;
  /*   padding: 24px; */
  z-index: 11;
  position: relative;
  border-radius: 0 0 12px 12px;}
header .search-head-txt,header .search-head-txt::placeholder{color: #5C5B59; font-size: 28px;  font-style: normal; line-height: 32px;  text-transform: capitalize;}
header .search-head-txt:focus-visible{outline:none;}
header .header--links ul li:last-child{border:1px solid transparent;padding-right: var(--xs-1);}
header .header--links ul li.dropdown{border:none;justify-content: center;position:relative;display: flex;flex-direction: column;margin: 0 15px 0 0;width:160px;z-index:9999;}
header .header--links ul li.dropdown a{background: var(--white);border-radius: 32px;border: none;display: flex;align-items: center;padding: var(--xs-1) var(--sm-4);text-transform: uppercase;position:relative;width:100%;justify-content: center;}
/* CSS BY AS */
header .header--links ul li.dropdown ul.dropdown-items li:hover, header .header--links ul li.dropdown ul.dropdown-items li:hover a {
  background: #ECEAE4;
}
header .header--links ul li.dropdown ul.dropdown-items li:hover:last-child, header .header--links ul li.dropdown ul.dropdown-items li:hover a {
  border-radius: 0 0 20px 20px;
}
header .header--links ul li.dropdown .icon-change.icon-chevron-down:before{transform:rotate(180deg);display:block;margin-top:3px;}
header .level3 .main--sub-nav-item.nav-font::after {
  display: none;
}
header .header--links ul li.dropdown .icon-globe{margin-right:6px;}
header .header--links ul li.dropdown .icon-globe:before{font-size:1.6rem;}
header .header--links ul li.dropdown .icon-chevron-down{margin-left:11px;margin-top: -3px;}
header .header--links ul li.dropdown .icon-chevron-down:before{font-size:0.8rem;}
header .header--links ul li.dropdown ul.dropdown-items{position: absolute;
  background: #fff;
  padding: 16px 0 0 0;
  margin-top: -16px;
  z-index: -1;
  width: 100%;
  top:38px;
  opacity:0;
  border-radius: 0 0 20px 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  display:block;
}
header .header--links ul li.dropdown ul.dropdown-items.lang-open{
  opacity: 1;
  visibility: visible;
  display:block;
}

header .header--links ul li.dropdown ul {display: block;  background: var(--white);  border-radius: 0 0 24px 24px;  top: 24px;  z-index: 1; padding-top: 24px;  position: absolute;  width: 100%;}
header .header--links.mmenu-items{display:none;}


@media all and (max-width:1200px) and (min-width:992px){
  header .sub-main-navigation .second-level-row:after{left:16px;}
}

@media all and (min-width:992px){

  header.mega-header + .main-content-wrapper{margin-top:46px;}
  body{overflow-x:hidden;}
  header .left-nav-container::before {
    content: '';
    height: 100%;
    width: 200vw;
    position: absolute;
    background: transparent;

    left: -50%;
    backdrop-filter: blur(10px);
    z-index: -1;
  }
  header .header--links{padding-bottom:8px;display: flex;position:relative;padding-top:3px;
    justify-content: end;
    align-items: center;
    height: 46px;}


  #mmenu1{display:none;}
  .header--links::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 200vw;
    background: #E9E9E9;
    top: -4px;
    left: -100%;
    z-index: -1;
  }
}
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
  .sub-nav---link{display:block;}
}
@media all and (max-width:991.98px){
  main{overflow:hidden;}
  header .search-main-wrapper{top: 79px;}
  #mmenu1 .level1{position:relative;}
  #mmenu1 .level1:before{content:'';position:absolute;top:0;left:-32px;height:100%;width:125vw;background:var(--white);z-index:2;}

  #mobinav-section-homepage-level1{position:relative;}
  #mobinav-section-homepage-level1::before {
    content: '';
    background: #F6F6F6;
    height: 100%;
    width: 125vw;
    position: absolute;
    top: 0;
    left: -32px;
    z-index: 2;
    right: -32px;
  }

  #mmenu1 ul li.level1.opened .level2.opened ul {
    max-height: 1000px;
    overflow-y: visible;
    visibility: visible;
  }

  #mmenu1 ul li.level1.opened .level2 ul {
    max-height: 0;
    overflow-y: hidden;
  }
  .dropdown .dropdown-items li{padding-right:0 !important;}
  #mmenu1 .level1.selected.haschildren.first-parent-link > a, #mmenu1 .level2.selected.haschildren.first-parent-link > a {
    font-weight: 600 !important;
  }
  header.mega-header + .main-content-wrapper {
    margin-top: 79px;
  }
  #mmenu1 ul li.level2.current > a, #mmenu1 ul li.level3.current > a {
    font-weight: 500 !important;
  }
  body.no-scroll{overflow-x:hidden;}
  header.mega-header{background: rgb(236, 236, 236);}
  header .header--links ul li a.search-trigger{height:36px;width:36px;}
  #mmenu1 ul li.level1 a::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100vh; 
    background: rgba(0, 0, 0, 0.05);
    bottom: 0;
    left: -32px;
  }
  .mmenu ul li ul .level2.haschildren .mmenu-parent-title:before{content: '\e911';  position: absolute;  height: 100%;  width: 70px;  background: rgba(0, 0, 0, 0.05);font-family:'icomoon' !important;  right: -16px;top:0;}
  .mmenu .level2.haschildren ul{padding-left:16px;} 
  header .left-nav-container{padding:12px 0;}
  header .header--links.mmenu-items{display:block;}
  header .header--links{display:none;}
  #mmenu1 {height:0;overflow-x: hidden;transition: 0.5s ease;position: absolute;width: 100%;left: 0;top: 78px;padding:0 24px;}
  #mmenu1.active{height:100vh;z-index:999;background:#fff;}
  .princess-class #mmenu1.active{height: calc(100vh - 78px);}
  #mmenu1 ul li.level1 ul li a:after{display:none;}
  /* .level1.haschildren > a::after {  content: "\e905";  position: absolute;  height: 26px;  width: 26px;  font-family: icomoon !important;  right: 0;} */

  #mmenu1 ul li.level1.active-menu ul{height:100%;display:flex;flex-direction:column;position:relative;}
  #mmenu1 ul li.level1 ul li.level2.haschildren{position:relative;}
  #mmenu1 ul li.level1 ul li{background:#F6F6F6;margin:0;}
  #mmenu1 ul li.level2 a{font-weight:400 !important;}
  #mmenu1 ul li.level1.active-menu a:not(.parent-link){font-weight:600;}
  #mmenu1 ul li.level1 ul a{padding:12px 0;font-size: 1.4rem;font-style: normal;font-weight: 400;line-height: 20px;font-family: var(--font-body);z-index:999;}
  #mmenu1 ul:not(.show-dropdown) li::after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  }
  /* #mmenu1 .level1.haschildren.active-menu > a {
  background: #fff;
} */ 

  #mmenu1 ul li ul li:before{display:none;}
  #mmenu1 .level2.haschildren ul .level2.haschildren::before {
    display: none;
  }
  /* #mmenu1 .level2.haschildren.current::before{transform:rotate(90deg);} */
  #mmenu1 .level2.haschildren::before {
    content: '\e911'; font-family:'icomoon' !important;display:flex;justify-content:center;align-items:center;
    position: absolute;
    height: 44px;
    width: 70px;
    background: rgba(0, 0, 0, 0.05);
    top: 0;
    right: -16px;
    z-index: 999;
  }
  .mobile-navigation .level1.haschildren.first-parent-link.opened > .plusIcon::after {content:"\e903";}
  .mobile-navigation .plusIcon { position: absolute; right: 0; height: 26px; width: 26px; top: 17px; z-index: 9999;cursor: pointer; }
  .mobile-navigation .plusIcon::after { content: "\e905"; font-family: icomoon !important;font-size: 22px; color: #000; display: inline-block; }
  #mmenu1 .level2.opened::before{content:'\e914';font-size:1rem;}
  #mmenu1 .level1.haschildren.active-menu > a::after{content:'\e903';font-weight:400;}
  #mmenu1 ul li.level1 ul li:first-child:after{border-top:1px solid rgba(0, 0, 0, 0.10);}
  #mmenu1 ul li.level1 ul li:after{border-bottom: 1px solid rgba(0, 0, 0, 0.10);z-index:2;content: '\e903';  position: absolute;  height: 100%;  width: 100vh;  background: #F6F6F6;  left: -50px;  top: 0;   right: -50px;}
  #mmenu1 ul li.level1{margin:0;position:relative;}
  #mmenu1 ul li.level1:after{content: '';  position: absolute;  height: 100%;  width: 100vh;  background: var(--white);  left: -50px;  top: 0;  z-index: -1;  right: -50px;}
  #mmenu1 ul li.level1 a{position:relative;font-family: var(--font-heading);font-size: 22px;font-style: normal;font-weight: 450;line-height: 24px;color:#000;padding: 16px 0;width: 100%;display: block; z-index:99;}
  #mmenu1 ul li.level1.haschildren > a {width: 91%;}
  #mmenu1 ul li.level1 ul {
    visibility:hidden;
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
    display: block;
    overflow-y: clip;
    position: relative;
    width: 100vw;
    left: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  #mmenu1 ul li.level1.opened ul{max-height:1000px;overflow-y:clip;visibility:visible;}
  .mmenu-child-links li::after{content: '';  position: absolute;  height: 100%;  width: 100vh;  left: -31px;  background: #5C5B59;  z-index: -1;  top: 0;}
  .mmenu-child-links li {  background: #5C5B59;  position: relative;  margin: 0;}
  .mmenu-child-links li a{font-size: 14px;  font-style: normal;  font-weight: 400;  line-height: 20px;  color: var(--white);  padding: 12px 0;  display: block;}
  .mmenu #mobinav-section-homepage-level1{margin:0;}
  .mmenu-child-links li a{position:relative;}
  .mmenu-child-links li a::after {  position: absolute;  content: '';  content: "\e912";  font-family: icomoon !important;  right: 0;  font-size: 1.8rem;}
  .mmenu .mm-next::after {border:none;}
}

@media all and (max-width:767.98px){
  .header-logo-wrapper img{max-width:125px;}
  header .search-main-wrapper{height:100vh;position:absolute;z-index:9;}
  header .header--links{display:none;}
  header .left-nav-container{padding:var(--sm-3) 0;}
  header .header--links.mmenu-items{display:block;}
  header .header--links ul li.dropdown .icon-globe{margin-right:6px;}
  header .header--links ul li.dropdown{margin-right:6px;    width: 86px;}
  header .header--links.mmenu-items ul li.dropdown .icon-globe::before,header .header--links.mmenu-items ul li.dropdown .icon-search::before{font-size:1.8rem;}
  header .header--links.mmenu-items ul li a {justify-content: center;align-items: center;}
}


.tabbing .main-nav-level-1.level1.haschildren:focus-within .nav-container {
  visibility:visible !important;
  opacity:1 !important;
}
.tabbing .main-nav-level-2.level2.haschildren:focus-within .second-level-row {
  display:flex !important;
}

.princess-class header.mega-header nav#main-navigation a.main-nav-item {position:relative;padding:20px 10px 20px;text-decoration:none;font-family: var(--font-heading);  font-size: 1.8rem;  font-style: normal;  font-weight: 600;  line-height: 22px;  text-transform: capitalize;  color: #000;  margin: 0 10px 0 0;}

@media only (min-width:991px) and (max-width:1024px){
  .princess-class header.mega-header nav#main-navigation a.main-nav-item {padding:20px 0px 20px;  margin: 0 20px 0 0;}
}

@media all and (min-width: 992px) and (max-width: 1199.98px) {

  header.mega-header nav#main-navigation a.main-nav-item {
    margin: 0 5px 0 0;
  }

}