*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {all: unset;display: revert;}

html{font-size: 100%;}

*,*::before,*::after {box-sizing: border-box;}

/* Scrollbar  */
@supports (not selector(::-webkit-scrollbar)){html{scrollbar-width:thin;scrollbar-color:#fafafa #3f518a;}}::-webkit-scrollbar{width:3px;height:3px;background:#fafafa;}::-webkit-scrollbar-thumb{background:#3f518a;border-radius:1ex;box-shadow:0px 1px 2px rgba(0,0,0,0.75);}




:root{
 --font-color: #3C3C3C;
 --btn-blue:#07112C;
 --dark-blue:#020610;
 --light-blue:#3E4F8A;
 --dark-grey:#A4A4A4;
 --light-grey:#EDEDED;
 --line-grey:#D9D9D9;
 --mid-grey:#858585;
 --box-red:#B20000;
 --product-bg-white:#fafafa;
 --link-blue:#7B9AFD;
 --max-msd-width :80vw;
 
}

body {position: relative;min-height: 100vh;width: 100vw;text-rendering: optimizeSpeed;line-height: 1.5;font-family: "Jost", sans-serif;color: var(--font-color);}

body>*{background-color: white;}

/* a, button {cursor: revert;} */
a, button {cursor: pointer;}
ol, ul {list-style: none;}

img {max-inline-size: 100%;max-block-size: 100%;}img,picture, figcaption{width: 100%;display:inline-block;}button,input,select,textarea,label,span,li,a{display: inline-block;}table {border-collapse: collapse;}input, textarea {-webkit-user-select:auto;}
textarea {white-space: revert;}
meter {-webkit-appearance: revert;appearance: revert;}:where(pre) {all: revert;}::placeholder {color: unset;}::marker {content: initial;}



:where([contenteditable]:not([contenteditable="false"])) {
 -moz-user-modify: read-write;
 -webkit-user-modify: read-write;
 overflow-wrap: break-word;
 -webkit-line-break: after-white-space;
 -webkit-user-select: auto;
}
:where([draggable="true"]) {-webkit-user-drag: element;}
:where(dialog:modal) {all: revert;}



/* 0-600 M  / 1rem = 8px / 50%
600-900 TP  / 1rem = 9px / 56.25%
900-1200 TL  / 1rem = 10px / 62.5%
1200-1800 D / 1rem = 11px / 68.75%
1800 + LD / 1rem = 12px / 75% */

/* ===  */
h1{font-family: 'Judson', serif;font-size: 28px;}
h2,h3{font-size: 24px;}
p{font-size: 16px;}
/* Header Mobile */
#hdr{position: fixed;width: 100%;top:0;left:0;z-index: 1150;}
#top-bar{background-color:#CBE5D8;color:#212121;}

/* === Top Bar Managemnt */
#top-bar.yes{display: flex;align-items: center;justify-content: center;height: 55px;padding: 5px 0;}
#top-bar.no{display: none;}
#top-bar span{max-width:90%;text-align: center;font-size: 11.5px;}
/* Header Search Form  */
#site-search-bx{position:fixed;background-color: var(--light-grey);}
.search-close{display:none;}
.search-hide, .search-expand {position:absolute;width: 100%;display:flex;justify-content: space-between;align-items: center;z-index: 1200;transition: all 0.3s ease-in-out;}
.search-hide{left: 0;height: 0;opacity: 0;padding:0;}
.search-expand{left:0;display: flex;opacity:1;padding:5px 8px;height:67px;}
#site-search{display: flex;flex-basis: 90%;}
#search-btn{flex-basis: 10%;padding: 3px 5px;}
#search-btn > img {width:25px;}
#search-input{flex-basis: 90%;padding-left: 8px;}
#search-close{flex-basis: 10%;text-align: center;}
#search-close >img{width:20px;}
/* End Search Form  */

#hdr-box{display: flex;align-items: center;justify-content: space-between;padding: 0 10px;height: 67px;}
#hdr-left-bx{display: flex;}
#book-hdr-link,#hdr-help,#hdr-account{display: none;}
#nav-main{display: none;}
#hamburgerButton{width: 35px;height: 35px;padding: 7px 4px;position: relative;}
.hamburger-bar {position: absolute;width: 22px;height: 2px;background:var(--mid-grey);border-radius: 1px;transition: transform .4s ease, width .4s ease;will-change: transform, width;}
.hamburger-bar:nth-child(1) {transform: translateY(-6px) rotate(0deg);}
.hamburger-bar:nth-child(2){transform: translateY(6px) rotate(0deg);}
.hamburger-bar:nth-child(3){transform: translateY(0) rotate(0deg);}
.hamburger-bar.open:nth-child(1) {transform: translate(0) rotate(-45deg)}
.hamburger-bar.open:nth-child(2){transform: translate(0) rotate(45deg)}
.hamburger-bar.open:nth-child(3){transform: translate(10px) rotate(0);width: 0;}
#location-icon{width:16px;display: flex;align-items: center;}
#logo-bx{display: flex;justify-content: center; align-items: center; justify-content: center;flex-direction: column;width:85px;}
#logo-bx > img:first-of-type{padding-bottom:5px;}
#hdr-right-bx{display: flex;align-items: center;}
#search{display:flex;align-items: center;justify-content: center;width:19px;height: 19px;z-index: 1600;}
#bag,#cart-bag{display: block;position:relative;width:35px;height:28px;}
#bag > svg, #cart-bag > svg {position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);}
#bag > sup, #cart-bag>sup{position: absolute;top:0;right: 0;font-size:12px;}
#nav-main-bx{display: none;}
.nav-dot{display: none;}

/* Style for the mobile menu container */

nav li, .mobile-submenu li {cursor: pointer;}

#mobile-nav-bx{position: fixed;left: -100%;overflow-y: scroll;height:100%;width: 100vw;visibility: hidden;opacity: 0;transition: all 0.9s ease-in-out;}

#mobile-nav-bx.open{visibility: visible;left: 0;opacity: 1;transition: all 0.9s ease-in-out;z-index: 1100;}

#mobilemenu, .mobile-submenu {position: absolute;left: -100%;width: 100%; max-width: 800px; background-color: #fff; border-top: 1px var(--line-grey) solid ;transition: left 0.9s ease-in-out; display: flex;flex-direction: column;padding-bottom: 30px;}  

/* Style for the open menu */

#mobilemenu.open {left: 0; overflow: scroll;z-index: 1100;}.mobile-menu-item{height: 66px;display: flex;align-items: center;justify-content: space-between;text-transform: uppercase;font-size: 14px;padding: 0 23px;letter-spacing: 0.7px;border-bottom: 1px var(--line-grey) solid;}.right-arrow, .left-arrow{height: 11px;width:11px;}.mobile-menu-btm-item{display: flex;align-items: center;padding: 23px 23px 0 23px;font-weight: 300;letter-spacing: 0.7px;}.mobile-submenu{min-height: 100vh;z-index: 1200;padding: 0 25px;}.mobile-submenu.slide{position:fixed;left: 0;padding: 0 25px;}.mobile-menu-item.sub-item{position: relative;border-bottom: 1px var(--line-grey) solid;}.mobile-menu-item.sub-item >span {position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);flex-basis: 90%;text-align: center;}.submenu-item{padding: 23px 0 0 43px;}

/* Desktop Menu  */

/* Cart  */
#cart-box{
position:fixed;display:none;top: 0;right: 0;
max-width: 387px; height: 100%;
width:0;font-size: 14px;overflow: hidden;transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);background-color: rgba(245, 245, 245, 0.98);box-shadow: -5px 4px 7px 2px rgba(0, 0, 0, 0.25);flex-direction: column; justify-content: space-between; z-index: 2350;
}

#cart-box::before{content:'';display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: -1;}

#cart-box.open{width:90vw;transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);}

#cart-hdr{position: relative;background-color: #fff;min-height: 78px;}

#cart-logo{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}

#cart-hdr > span {font-size: 12px;position: absolute;top:75%;left: 50%;transform: translate(-50%,-50%);color: var(--mid-grey);padding-top: 4px;font-weight: 400;letter-spacing: 0.24px;}

#cart-empty-txt{display: none;}

#cart-empty-txt.empty{display: block;}

#cart-close{position:absolute;top:50%;
 right:0;transform: translate(-50%,-50%);width: 16px;
 height: 16px;margin-right: 6.2%;}

#cart-container{position: relative;flex-grow: 1;background: rgba(245, 245, 245, 0.98);overflow-y: scroll;overflow-x: hidden;}

#cart-container.empty{align-items: center;}

#order-cart-form, #cart-form{display: flex;flex-direction: column;}

#start-checkout-bx{position: absolute;left: 0;bottom:0;}

#cart-footer{display: none;}

#cart-footer.empty{display: block;background: rgba(245, 245, 245, 0.98);padding: 0 24px 24px 24px;}

#cart-footer.empty span{padding-bottom: 24px;font-size: 14px;font-weight: 500;letter-spacing: 0.7px;line-height: normal;}

#cart-container.empty > span {font-size: 14px;text-align: center;padding-top: 24px;font-weight: 500;letter-spacing: 0.28px;line-height: normal;}

.cart-item{display: flex;margin: 0 6.2%;padding: 7.75% 0;}

.cart-item:not(:last-of-type){
 border-bottom: 1px solid var(--line-grey);
}
.cart-item:not(:nth-of-type(1)){
 padding-top: 7.75%;
}
.cart-img{flex-basis: 35%;}

.cart-item-info{display: flex;flex-direction: column;flex-basis: 65%;padding-left: 15px;}

.cart-item-info :is(span,label){letter-spacing: 0.28px;margin-right: 5px;}

.cart-item-info > div:nth-of-type(1){font-family: 'Judson', serif;font-size: 18px;font-weight: 400;margin-bottom: 8px;}

.cart-item-info >div:not(:nth-of-type(1)){
 padding-bottom: 4px;
}
:is(.cart-item-info > div) > span:nth-of-type(1),.cart-qty{font-weight: 500;}

.cart-item-info>div:last-of-type{display: flex;justify-content: space-between;align-items: baseline;}

.cart-qty~ select{border: 1px solid var(--line-grey);
 width: 52px;padding: 3px 0 3px 8px;background: transparent;background-image: url('../svg/input_select_arrow.svg');background-repeat: no-repeat;background-position: center right 8px;}

.item-price-cart{width:11ch;margin-right: -17px;
 text-align: end;font-size: 16px;font-weight: 400;}
.cart-item-remove{width: 16px;height: 16px;
 margin-right: 7px;z-index: 2000;}
.cart-item-remove>img{pointer-events: none;}
.cart-item-remove:active {background-color:#fafafa;}
#goto-checkout-form.empty{display: none;}
#goto-checkout-bx{display: flex;flex-direction: column;align-items: center;align-self: flex-end;height: 133px;width:100%;padding-bottom: 20px;background-color:#fff;z-index: 1400;}
#goto-checkout-total{display: flex;justify-content: space-between;width: 100%;padding: 24px;font-size: 16px;font-weight: 500;letter-spacing: 0.8px;}
#cart-subtotal{width:11ch;}
#goto-checkout-btn{color:#fff;background-color: var(--btn-blue);font-size: 16px;width:320px;height: 56px;letter-spacing: 0.32px;text-align: center;border-radius: 35px;filter: drop-shadow(0px 5px 7px rgba(0, 0, 0, 0.50));}
#cart-bag svg#a{width:18px;}

/* Cart End  */

#hdr.yes ~ main {margin-top:122px};
main{display: flex;flex-direction: column;padding-bottom: 5%;margin-top: 67px;}
footer{padding-top: 75px;}
#back-top-bx{padding: 0 25px;}
#back-top-btn{display: flex;align-items: baseline;justify-content: center;padding: 39px 0;border-top: 1.5px solid var(--dark-grey);background-color:#fafafa;}
#back-top-btn > span{font-size: 16px;font-weight: 700;letter-spacing: 0.8px;line-height: normal;padding-left: 12px;}
#footer-main{display: flex;flex-direction: column;align-items: center;padding: 40px 0;color: #fff;background-color: var(--btn-blue);font-family: 'Judson', serif;}
#footer-main>div{display: flex;flex-direction: column;align-items: center;}
#footer-main>div:nth-of-type(1)>p:nth-of-type(1){font-size: 16px;text-align: center;font-weight: 400;line-height: normal;width: 296px;}
#signup{display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 53px;}
#signup>div:nth-last-of-type(1){display: flex;justify-content: space-between;width:314px;border-bottom: 1.5px solid var(--dark-grey);padding-bottom: 9px;font-weight: 400;color: var(--light-blue);font-size: 14px;line-height: normal;}
#signup>div:nth-last-of-type(1)::after{content: '*';}
#signup-txt{flex-grow: 1;}
#signup-btn{margin-top:16px;min-width:56px;text-align: center;font-size: 15px;font-weight: 500;letter-spacing: 0.75px;line-height: normal;padding-bottom: 5px;border-bottom: 1.5px solid #3E518C;}
#signup + p {margin-top: 27px;font-family:  "Jost", sans-serif;font-size: 11px;text-align: center;font-weight: 400;line-height: normal;letter-spacing: -0.22px;width: 273px;}
#footer-logo{width: 162px;margin-top:69px;text-align: center;}  
#footer-logo p{font-family:  "Jost", sans-serif;font-size: 6px;line-height: normal;letter-spacing: 2.4px;font-weight: 300;}
#footer-sm-bx{display: flex;justify-content: space-between;width: 199px;margin-top: 37px;}
#footer-sm-bx > a{width: 23px;height: 23px;}
#footer-nav-bx{display: flex;flex-direction: column;align-items: center;margin-top:56px;}
#footer-nav-bx >p {font-family: "Jost",sans-serif;font-size: 15px;font-weight: 500;line-height: normal;letter-spacing: 1.5px;padding: 26px 0;}

#footer-nav-bx >:is(ul,#legal-links-m){display: flex;flex-direction: column;align-items: center;}

#footer-nav-bx >ul >li{padding: 12px 0;font-size: 13px;font-weight: 400;line-height: normal;}

#legal-links-m, #legal-links-d{padding-top: 39px;font-size: 13px;color: var(--light-blue);line-height: normal;font-weight: 400;}

:is(#legal-links-m,#legal-links-d) > span {display: flex;align-items: center;padding-bottom: 12px;}

:is(#legal-links-m, #legal-links-d) > span > span {padding: 0 13px;margin-bottom: 5px;}

#legal-links-d{display: none;}

#ship-img-bx{position: relative;background-color:var(--btn-blue);height: 76px;}
#ship-img-bx >img {position: absolute;left: 25px;bottom: 0;width: 191px;height: 76px;}
#footer-btm-bx{padding: 44px 35px;font-family:'Judson', serif;font-size: 13px;text-align: center;color: #fff;font-weight: 400;line-height: normal;background-color: var(--dark-blue);}

p b{font-weight: 700;}

/* Sales Banner CSS  */
#sales-bnr{display: flex;align-items: center;justify-content: center;background-color:#FCB53B;color: #000;
}
#sales-bnr>a{
 display: block;width:100%;padding: 30px 10px;
 font-size:16px ;text-align: center;font-weight: 600;letter-spacing: 0.25px;}

/* = Media Queries =  */
@media screen and (min-width:800px)  {
#hdr{position:fixed;top: 0;left: 0;transition: top 0.4s ease-in-out;}
#top-bar{background-color:#CBE5D8;color:#212121;}
#hdr.up{top: -5px;}
#hdr-box{position: relative;width: 100%;margin: 0 auto;z-index: 1500;}
#hdr-left-bx{width: 142px;justify-content: space-between;}
#hdr-right-bx{width: 180px;justify-content: space-between;}
#mobile-nav-bx,.mobile-submenu,#mobil-nav{display: none;}
#book-hdr-link,#hdr-help,#hdr-account{display: inline-block;font-size: 12px;}
#logo-bx{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 231px;}
#logo-bx > img:nth-of-type(1){width: 42.5%;}
#nav-main-bx{display:flex;position: relative;border-top: 1px solid var(--light-grey);border-bottom:1px solid var(--light-grey);justify-content: center;}
 #main-nav{display: flex;width:95vw;justify-content: space-between;align-items: center;height: 50px;text-transform: uppercase;transition: height 0.35s ease-in-out;font-size: 14px;letter-spacing: 0.8px;font-weight: 400;z-index: 1300;}
#main-nav.close{height: 0;padding: 0;overflow: hidden;transition: height 0.3s ease-in-out;}
.main-nav-li{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.nav-dot{position:absolute;bottom:5px;display:inline-block; height:4px;width: 4px;background-color: var(--box-red);border-radius: 50%;opacity: 0;}
.mega-menu-bx{position: absolute;top:50px;
 left:0;display: none;text-transform:none;
 background-color:#fff;min-width: 100vw; height:350px;border-top: 1px var(--line-grey) solid;}
.mega-li:hover .mega-menu-bx,.mega-li:active .mega-menu-bx{display:block;overflow: hidden;}
.main-nav-li:hover .nav-dot, .main-nav-li:active .nav-dot{opacity: 1;}
.mega-menu{display: flex;width:80vw;margin: 0 auto;}
.mega-menu-col, .mega-menu-ul{display: flex;flex-direction: column;}
.mega-menu-col{width: 100%;padding-top: 22px;
max-width:275px;margin-right:30px;}
.mega-menu-title{text-transform: uppercase;font-size: 14px;padding-bottom: 22px;color: var(--mid-grey);letter-spacing: 1.4px;}
.mega-menu-li{padding-bottom: 23px;}
main{margin-top: 106px;}
#hdr.yes ~ main {margin-top:172px}
/* Saled Banner Css  */
#sales-bnr>a{font-size:25px;}

}

/* End of  800 PX meida  */

@media screen and (min-width:1000px){
 #top-bar span{font-size: 12px;}
 #footer-main{position: relative;display: block;margin: 0 auto;width: 100%;height: 250px;width: 95vw;padding:unset;} #footer-nav-bx > #legal-links-m{display:none}#legal-links-d{display: flex;flex-direction: column;align-items: center;}
 #back-top-bx + div{display: flex;justify-content: center;background-color: var(--btn-blue);padding-top:8%;}
 #footer-main>div:nth-of-type(1){position: absolute;top:0;left:0;}
 #footer-main>div:nth-of-type(2){position: absolute;top:55%;left: 50%;transform: translate(-50%, -50%);}
 #ship-img-bx > img {left: 95px;}
 #footer-logo {margin: 0;}
 #footer-nav-bx{position: absolute;top:0;right:0;}
 #footer-nav-bx{ margin:0;}
 #footer-nav-bx>p:nth-of-type(1){padding-top: 0;}
 #footer-btm-bx{font-size: 20px;}
}


@media screen and (min-width:1300px){

#hdr-box{width:90vw;}
#main-nav{width:80vw;}
#cart-box{max-width:500px;}
.cart-item-info > div:nth-of-type(1){padding-right: 25px;}
#goto-checkout-bx{height: 160px;}
#cart-bag svg#a{width:21px;}
#cart-bag {width: 40px;height: 36px;}
#footer-main{width: 80vw;}
#back-top-bx {margin: 0 auto;width: 71.6%;}
#back-top-bx + div{padding-bottom: 3.5%;}

}


/* End of  1300 PX meida  */

@media screen and (min-width:1400px){
#hdr-box{width:80vw;}
#main-nav{width:72vw;}
#footer-main{width: 70vw;}
#ship-img-bx > img {left: 311px;}
}

/* End of  1400 PX meida  */

@media screen and (min-width:1900px){
 #ship-img-bx > img {left: 395px;}}

/* HELPERS  */
.dn{display: none;}
body{overflow-x:hidden;display: flex;flex-direction: column;}
#bag>svg>.b{fill:transparent;}
a.undelined{text-decoration: underline;}
.unit{padding-left: 2px;}
.btn-blue{background-color: #07112C;color: #fff;}
.sign-up-btn.btn-blue>span{color: #fff;}
.medium-print{font-size: 14px;color:var(--mid-grey);
text-align: center;font-weight: 500;line-height: normal;letter-spacing: 0.32px; }