*{ margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Nunito', sans-serif;max-width: 1920px; margin: 0 auto;  }
.primary-bg { background: #202F65; position: relative; z-index: 10; }
a:focus{outline: none!important;}

a:active, a:focus { -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; }

body .modal { opacity: 1;}

.no-items-container {
  padding: 50px 0;
  background-color: #f9f9f9;
  font-size: 20px;
  color: #202F65;
  text-align: center;
}

/* fonts */
.fs-14 {
  font-size: 14px;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-25 {
  font-size: 25px;
}

/* margin */
.mb-20 { margin-bottom: 20px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-5 { margin-bottom: 5px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-5 { margin-left: 5px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}

.pt-40 { padding-top: 40px !important}

.error-tag { color: #db1f26; font-size: 12px; display: none; }

/* colors */
.fc-underwater-blue { color: #202E65 }
.fc-ash { color: #656363 };

/* header */
#search-icon { cursor: pointer;}
.top-style { color: #ffffff !important; font-size: 20px; font-weight: 400; padding: 0 12px; cursor: pointer; }
.headpad > div:nth-of-type(1) > a { text-decoration: none !important; color: transparent !important; }
.login { border-right: 2px solid #fff;  }
div > .hide-account > a { color: #fff !important; text-decoration: none; }
.header { padding:0px 0;  background: #ffffff; z-index: 10;}
.headpad { padding: 19px 120px 15px 132px; }

.sticky { position: fixed; top: 0; width: 100%; padding: 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-bottom: 40px; z-index: 10; max-width: 1920px;}
.border-decor { border-bottom: 1px solid #0000007b;}
.sticky > .border-decor { border: 1px solid transparent; }
.logo { margin-top: 8px; width: 207px; height: auto;}

#cart-card { display: none; background:#E5C020; padding: 28px 20px 28px 20px;}
#sticky-search { display: none }
#sticky-search > img { width: 24px; cursor: pointer; margin-top: 10px;}

.cart-box { background: #E5C020; color:#202F65; font-size: 20px; font-weight: 500; padding:3px 10px 5px 13px; border: 1px solid #E5C020; position: relative; }

.top-bar { padding: 19px 120px 15px 132px; margin: auto; }
.nav-links-display { display: flex; align-items: center; justify-content: center; gap: 0 50px; margin: 0;}
.nav-links-display .nav-link.active-link>a { border-bottom: 2px solid #202F65; }
.active-link>a, .active-link>span { border-bottom: 2px solid #202F65; }

.nav-link { position: relative; margin: 0;padding-bottom: 15px;}
.fashion_style{margin-left: 20px;}
.nav-link > a { position: relative; color:#202F65 !important; font-size: 25px; font-weight: 400; line-height: 34px; text-decoration: none; border-bottom: 5px solid transparent; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;padding: 0 5px;}

.i-class { color:#a2b1be !important; font-size: 11px; }
.nav-link .i-class { font-size: 20px;  color: inherit !important; }
.popup { width: fit-content; background: #FFFFFF; position: fixed; padding: 0px; opacity: 0; display: none; z-index: 9999; box-shadow: 0px 3px 40px #0000001A; border-radius: 5px; min-width: 220px;}
.sub_navs{margin: 0 !important; width: 100%; padding: 5px 15px 30px 15px;}
.sub_navs li{margin-top: 15px; }
.popup .sub_navs li a, .popup .sub_navs li .text { text-decoration: none; color:#202F65 !important; font-weight: 300; font-size: 16px; font-family:  Nunito; }
.nav-link:hover > .popup { opacity: 1; display: block; }

.nav-link:hover > a{font-weight: 600; color: #202F65 !important;}
.navlink_selected{background-color: #094084;color: #E4ECF5 !important;padding: 3px;}


#search-box { display: none; margin-left: 9px;}
.search-box { background: #ffffff; padding:0 29px 0 23px; width: 762px; }
.search-box input { width: 100%; border: none; outline: none; padding: 5px 0px; font: normal normal normal 20px Nunito !important;}
.search-box  #search-submit{cursor: pointer;}
.search-box-22 { background: #E4ECF5; padding:32px 495px 55px 495px; z-index: 9999; display: none; }
.search-box-22 > div > input { border:none; outline: none; width: 100%; font-size: 30px; background: #E4ECF5; padding:14px 0;}
.search-box-22 > div { border-bottom: 3px solid #A9A9A9; width: 100%; margin: 0 auto; padding:0; }
#search-form button:not(:disabled) {border: none;margin-bottom: 0px;background: transparent;}
.home_search_form_container { height: 122px; display: none; background-color: #E4ECF5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px;}
.home_search_form_container .home-search-box { max-width: 900px; width: 100%; height: 51px; background: transparent; border-bottom: 1px solid #202F65; padding-bottom: 10px; }
.home_search_form_container .home-search-box input { width: 100%; background: transparent; color: #202F65; font-size: 30px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none;}
.home_search_form_container .home-search-box input::-webkit-input-placeholder { color: #202F65;}
.home_search_form_container .home-search-box input::-moz-placeholder { color: #202F65;}
.home_search_form_container .home-search-box input:-ms-input-placeholder { color: #202F65;}
.home_search_form_container .home-search-box input::-ms-input-placeholder { color: #202F65;}
.home_search_form_container .home-search-box input::placeholder { color: #202F65;}
.home_search_form_container .home-search-box button { background: transparent; border: none; }
.home_search_form_container_sticky { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 83px; width: 100%; z-index: 8; max-width: 1920px;}

#counter-container-2.counter-container-2 { padding: 18px 14px;  background:#E5C020; display: none !important;}
#counter-container { padding: 18px 14px;  background:#E5C020; display: none !important;}
.cart-counter { position: relative; background:#E5C020; }
.cart-counter > span { text-align: center; width: 18px; line-height: 18px; position: absolute; top: -8px; left: 16px; background-color:#fff; color:black; border-radius: 20px; font-size: 12px;}
.cart-counter img {max-width: 50px; cursor: pointer;}
.cart-box > span { text-align: center; width: 18px; line-height: 18px; position: absolute; top: -8px; left: 16px; background-color:#fff; color:black; border-radius: 20px; font-size: 12px;}
#myHeader:not(.sticky) #counter-container-2 { display: none !important; }


/* sidebar */
.sidenav { height: 100%; width:300px; position: fixed; z-index: 12; top: 0; left: 0; background-color:#ffffff; overflow-x: hidden; transition: 0.3s; display: none; transform: translateX(-100%);}
.account { margin-top: 20px; margin-left: 16px; }
.side-close {border-bottom: 1px solid #202F65; padding-bottom: 10px; margin-bottom: 30px; padding-left: 16px; padding-right: 16px; }
.side-close img { width: 120px; }

.closebtn { color: #202F65; text-decoration: none; margin-bottom: 0 !important; border: none !important; font-weight: 700;  font-size: 50px !important; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: transparent !important; border-radius: 100%; }
.sidenav .sidenav-wrapper { padding:10px 0px; }
.hamburger { color: #f7f7f7; cursor: pointer; display: none; font-size: 30px; font-weight: 700;}
#hamburger-sticky { color: #202F65; cursor: pointer;  display: none !important;  font-size: 30px; font-weight: 700;}
.sidenav-wrapper ul .nav-link.side-b-drop { margin-bottom: 10px;}
.side-drop { display: none; margin-top: 10px !important;}
.side-drop li > a { text-decoration: none; color:#174885 !important; font-size: 16px !important; padding:0 16px}
.nav-link:hover > .side-drop { display: block; border-top: 1px solid #202f65c6;margin: 0;}
.nav-link:hover > .side-drop li{padding-top:10px}
 .chev-wrap { color:#202F65; font-size: 20px; font-weight: normal; margin-top: -6px; display: flex; justify-content: space-between; align-items: center; padding: 8px 16px 0;}
 .chev-wrap > i { color: #202F65 !important; }
 #mySidenav .nav-link a { font-size: 20px; padding: 0 16px; }
.side-drop a { color: #202F65 !important; font-size: 16px !important; text-decoration: none; padding: 8px 16px !important;}
.side-drop { padding-top: 10px;}

.account button { height: 35px; width: 209px; margin-bottom: 10px; cursor: pointer; }
.account button:first-child { color: #fff; background: #202F65; font-weight: 600; font-size: 14px; border:none;}
.account button:last-child { background: #fff; color:#202F65; font-weight: 600; font-size: 14px; border:3px solid #202F65;}

/* hero */
.hero-carousel { margin-bottom: 39px; }
.hero-texts { color: #202F65; text-align: center; margin-bottom: 60px; }
.hero-texts > h1 { font: italic normal bold 25px Nunito Sans; margin-bottom: 21px;}
.hero-texts > p { font: normal normal lighter 20px; padding: 0 320px;}
.hero-tablet { display: none;}
.hero-mobile { display: none;}

.slideer { display: flex; overflow: hidden; width: 100%; max-height: 470px; }
.slidee { min-width: 140px; flex: 1 1; transition-property: flex-grow, color; transition-duration: 0.3s; transition-timing-function: ease-in; width: 100%;
  position: relative; color: rgb(255, 255, 255);
}
.slidee img { height: 100%;}
.slidee > div { position: absolute; bottom: 20px; margin:0 auto; min-width: 100%; padding:0 0 15px 76px; white-space: nowrap; }
.slidee > div > h1 { font-size: 32px; color: #000; font-weight: bolder;}
.slidee > div > p { font-size:18px; color: black; padding: 12px 0 31px 0; line-height: 23px; font-weight: 400;}
.slidee > div > button { padding: 7px 17px; border-radius: 6px; font-size: 20px; cursor: pointer; border: none; outline: none; color: #ffffff; font-family: 'Nunito Sans', sans-serif;}

.slideer > div:nth-of-type(1) > div > button { background: #000; }
.slideer > div:nth-of-type(2) > div > button { background: #2BA36B; }
.slideer > div:nth-of-type(2) > div > h1 { color:#fff; }
.slideer > div:nth-of-type(2) > div > p { color:#fff; }
.slideer > div:nth-of-type(4) > div > p { color:#fff; }
.slideer > div:nth-of-type(3) > div > button { background: #E5C020; color: #000;}
.slideer > div:nth-of-type(4) > div > button { background: #DB1F26; }


.slidee > div > h3 { font-size: 13px; margin: -14px 0 10px 0; color: #000;}

.slidee-cursor { cursor: pointer;}
.slidee--expanded { flex: 100 1;}

/* featured */
.featured-content { min-height: 513px; max-height: auto;  margin-top: 48px;}
.feature-card-content { display: flex; flex-direction: column; max-height: 513px; width: 100%;}
.featured span { font: normal normal 600 25px Nunito Sans; margin: 0 10px;}
.content { display: none;}
.feature-card-content:nth-child(even) .featured-card { display: flex; flex-direction: row-reverse;}
.featured-card { display: flex; background: #FFFBF0; text-align: left;}
.featured-card div {width: 50%;}
.featured-card-img { display: flex; justify-content: center; align-items: center; max-width: 50%; max-height: 513px; height: auto}

.featured-card-img > img {  width: 100%; height: 100%; object-fit: cover; object-position: bottom;}
.headline-heading {cursor: pointer;}
.tab { margin: 32px 0 0 0; font-weight: 600; display: flex; flex-direction: row; justify-content: center;align-items: center; }
.tab-btn  { cursor: pointer; margin-right:45px ;}
.fashion_style{margin-left: 20px;}
.tab-btn.active { border-bottom: 2px solid #DB1F26;}
.content.active { display: block;}

/* artist & partners */
.artists { text-align: center; margin-bottom: 61px; }
.artists h1 { color: #202F65; font-size: 25px;}
.artists > div:nth-of-type(1) { width: 100%;}
.fancy { margin: 7px 0 39px 0; }
.fancy > h2 { white-space: nowrap; color: #2BA36B; font-size: 24px !important; }
.fancy > .border-shop { height: 2px; background: #cbcfdb; width: 100%;}

.artists > div:nth-of-type(3) { width: 100%;}
.artists > div:nth-of-type(3) h1 { color: transparent; }
.fancy-2 { margin: 44px 0 50px 0; }
.fancy-2 > h2 { white-space: nowrap; color: #202F65; font-size: 25px !important; font-weight: bolder; }
.fancy-2 > .border-shop { height: 2px; background: #cbcfdb; width: 100%;}

.card-text { padding: 76px 0 77px 91px; }
.pets { padding-left: 170px; }
.card-text > h1 { font: normal normal 600 35px Nunito Sans; }
.card-text > p { font: normal normal normal 20px Nunito; margin: 38px 0 79px 0; width: 608px; }
.card-text button { background: #EB545C; color: #ffffff !important; padding:17px 25px; border: none !important; font-size: 20px; cursor: pointer; font-family: 'Nunito Sans', sans-serif;}
.card-text button:hover{color: #202F65 !important;border: 1px solid #202F65 !important;background: #FFF;}

.artists-card-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; height: 100%; }
.partners-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; align-items: center; gap:16px;}
.partners-container div { display: -webkit-box; display: -ms-flexbox; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%}
.partners-container .featured_partner { max-width: 536px; width: 100%; height: 363px; border: 1px solid #202F65; border-radius: 16px;}
.partners-container .partner { width: 536px; text-align: center; height: auto;}
.partners-container div .shop-now-button { padding: 13px 18px; background-color: #2BA36B; color: #fff !important; font-family: 'NunitoSans-Bold', sans-serif; border: none; margin-top: 10px; margin-bottom: 0; text-decoration: none;}
.product-box { border: 1px solid #202F65; border-radius: 16px; width: 100%; height: 450px; position: relative; margin: 5px 0; display: flex; flex-direction: column; align-items: center; }
.product-box > div { width: 100%; display: flex; flex-direction: column; align-items: center;}
.product-box .artist_pattern_image { width:100%; height: 225px; position: relative; margin-bottom: 80px;}
.product-box .artist_pattern_image img { width:100%; height: 100%; object-fit: cover;}
.product-box .feature_artiste_avatar { position:absolute; top: unset; border-radius: 50%; width: 107px; height: 107px; left:50%; margin-right:-50%; transform: translate(-50%, -50%); overflow: hidden;}
.product-box .feature_artiste_avatar img { width: 100%; height: 100%; object-fit: cover !important; }
.product-box > div > h2 { margin-bottom: 15px; font-size: 20px; margin-top: 78px; color: #202F65; }
.product-box > div > button { background: #EB5459; padding: 13px 20px; font-size: 15px; border: none; color: #E4ECF5; cursor: pointer; font-family: 'Nunito Sans', sans-serif;}
.tns-nav-active {  border-radius: 9999px; border: none; background-color: #202F65 !important; }
.tns-nav > button {padding:6px; border-radius: 9999px !important; border: 3px solid #202F65 !important; margin: 0 4px; background: #fff; margin-top: 16px;}
.feature-artiste-image { width: 107px !important; height: 107px; border-radius: 50%; }
.product-box img { border-radius: 16px 16px 0 0;}

.featured_partner_border{min-width: 800px;}

.partners-slide { height: 100%; position: relative;}
.partners-slide > div >  img { width:100%; margin-bottom: -37px;}
.partners-slide > div > button { background: #2BA36B; color: #ffffff; padding:17px 25px; border: none;  font-size: 20px; cursor: pointer; }
.tns-controls { position: relative; position: absolute; left:50%; margin-right:-50%; transform: translate(-50%, -50%);
  display:flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 15px;
}
.explore-wrapper .tns-controls { bottom:50%; left:50%; margin-right:-50%; transform: translate(-50%);}

.tns-controls > button { background:transparent; border: none !important; outline: none; padding:7px; font-size: 40px; font-weight: 300;  color: #8d909b; }

/* footer */
footer { background: #F7F7F7;}
.footer-wrapper { padding: 78px 238px 74px 178px; }

.footer-adjust{align-content: end;}

.footer-nav h1 {font: normal normal bold 30px Nunito Sans; white-space: nowrap; color: #202F65;}
.footer-nav h1:nth-child(1){padding-bottom: 20px;}
.footer-second{margin-left: -20px;}
.footer-nav a { text-decoration: none; font: normal normal 400 22px Nunito !important; color: #202F65 !important; padding:5px 0px;  display: inline-block;
  position: relative;
}

.social-icons { padding: 16px 0 16px 0;}
.social-icons a { text-decoration: none; }
.copyright { font: normal normal normal 20px Nunito; color: #202F65;}

.user_logged_in > a {margin-bottom: 0px;}
.user_logged_in .user_info_container{color: #F7FBFF;column-gap: 12px;}
.user_logged_in .nav-drop-link{position: relative;}
.gap-x-16{gap: 0px 16px;}

.user_logged_in .user_info_container .user_fname_holder .user_fname{font-size: 16px;font-family: 'Nunito Sans', sans-serif;}
.user_logged_in .nav-drop-link .popup{width: 240px;border-top: unset;box-shadow: 0px 3px 6px #1E555D1A;border-radius: 0px 0px 8px 8px;}
.nav-links-display .popup{max-width: 195px; width: 100%;}
.user_logged_in .nav-drop-link .popup .sub_navs{margin-left: 0; padding-bottom: 0;}
.user_logged_in .nav-drop-link .popup .sub_navs li{list-style-type: none;margin-top: 0;font-size: 14px;color: #202F65;}
.user_logged_in .nav-drop-link .popup .sub_navs li a{display: flex;padding: 16px 16px 0px;gap: 0px 8px;align-items: center;font-family: 'Nunito Sans', sans-serif;font-size: 14px !important;}
.user_logged_in .nav-drop-link .popup .sub_navs li:last-child a{padding: 16px;color: #F15152 !important;}
.user_logged_in .nav-drop-link .popup .sub_navs .line-divider{border: 1px solid #D2DDDE; margin-top: 27px;}
.sub_navs li:hover a{font-weight: bold;}
.user_logged_in .nav-drop-link .popup .sub_navs .icon-img{width: 20px;height: 20px;line-height: 22px;}

.user-info-drop.side-drop li > a {display: flex;align-items: center;padding: 0;gap: 0 10px;}
.user-info-drop.side-drop li:last-child > a{color: #F15152 !important;}
.user-info-drop.side-drop li > a img{width: 24px;height: 24px;}
.chev-wrap .user_info_container {font-size: 16px;font-weight: 700;color: #202F65;}
.user-info-drop.side-drop .line-divider{border: 1px solid #D2DDDE; margin-top: 27px;}


.footer-wrapper a:after {
  content: '';
  display: block;
  margin: auto;
  height: 2px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
.footer-wrapper a:hover:after {
  width: 100%;
  background: #DB1F26;
}

/* Side Navigation */
.account_item  {display: flex;  align-items: end;}
.side-drop .users_account{    margin: 0px 0 51px 0;}
.side-drop #logout {margin-bottom: 406px;color: #202E65;display: flex;gap:10px; padding: 0 16px;}
.side-drop #logout img{width: 24px;height: 24px;}
.side-drop .users_account .account_item {padding: 17px 16px 16px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.side-drop .users_account .account_item:first-child {border-top: none;}



/* Side Navigation */
.account_item  {display: flex;  align-items: end;}

/* filter dropdown */
.filter-container-adjust { display: flex; justify-content:end; align-items: center; margin-bottom: 65px; }
.filter-archive {cursor: pointer;}
.active-filter .fa-check {color: #222229; opacity: 1; font-size: 14px;}
.filter-archive.active-filter p, .filter-archive.active-filter a { color: #000000 !important;}
.fa-check {opacity: 0;color: #0bb30b !important; }
#filter-arch { background: #EDEFF7 !important; z-index: 999;box-shadow: 0px 3px 10px #0000000B;border-radius: 5px; color: #202F65; padding: 18px 10px 32px 16px !important; font: normal lighter normal 15px Nunito !important; border-top: 0 !important;}
#filter-arch > div { display: grid; grid-template-columns: 1fr 14fr; margin: 10px 0; width: 100%; align-items: center;}
#filter-dropdown { display: none; position: absolute; top: 22px;}
.filter-container { position: relative; z-index: 1;}
.filter-container p { padding:0 50px 0 0; cursor: pointer; font: normal normal normal 16px Nunito; color: #202F65; white-space: nowrap; margin-left: 8px !important;}
.filter-container .fa-chevron-down { color: #202F65; font-size: 16px;}
.fa-chevron-up { color:black; font-size: 16px; color: #202F65; }
.filter-container-adjust .filter-container { border: 1px solid #202F65; border-radius: 6px; width: 224px;  height: 45px; display: flex; align-items: center; justify-content: center;}
.filter-container-adjust .filter-container p { padding: 0; margin-bottom: 0; flex: 1;}
.filter-container-adjust .filter-container #filter-dropdown { top: 55px;}

/* .artist_box li:hover, .vendors_box li:hover {background-color: #202F65 ;}
.artist_box li:hover a, .artist_box li:hover label, .vendors_box li:hover label, .vendors_box li:hover a {color: #FFF !important} */


.collections-arch > ul {margin: 10px 0 36px;}
.categories_box ul {margin: 0; padding: 13px 0 13px 29px;display: none;}
.categories_box ul li:hover {background-color: #fff; margin-right: 15px;}
.categories_box ul li:hover a{color: #094084 !important;}
.categories_box li:hover ul {display: block;transition: display 0.5s ease;}
#collections-dropdown > button { cursor: pointer; background: #202F65; color: #fff; padding: 12px 60px; border: none; outline: none; margin-top: 20px;}
#collection-chevron { color: #202F65 !important; font-size: 16px !important;}
.collections-arch ul > li > a { cursor: pointer; font: normal normal normal 18px Nunito; color: #202F65 !important; text-decoration: none; line-height: 40px;}
.castaway-text {  width: 127px; margin-top: 9px; margin-bottom: 10px;}
.castaway-for-product{  width: 101px;}
.plaidlife-for-product{width: 237px}
.shop-by-col-wrapper { position: relative;  margin-top: 2px; /*width: 350px;*/ width: 100%; overflow-x: hidden !important; padding-bottom: 436px; display: none;}
.shop-by-col-wrapper > img { width: 15px; height: 453px; position:absolute ; top: 6px; right: 35px;}
.category_accordion_container {margin-bottom: 20px;}
.mobile-sidenav p {margin: 0; color: #202F65; border-bottom: 1px solid #202F65; cursor: pointer; font-weight: bold;}
.shop-by-col-wrapper p.category_accordion {cursor: pointer; color: #202F65;margin: 0;font-size: 27px;font-family: 'Nunito', sans-serif;font-weight: 700;border-bottom: 2px solid #202F65;
  transition: 0.4s;}
.category_accordion.plus:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.category_accordion.plus.active:after {
  content: "\2212";
}
.category_accordion.caret svg {
  transition: all 0.2s ease-out;
}
.category_accordion.caret.active svg {
  transform: rotate(180deg);
}
.category_accordion_content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.mobile-sidenav .category_accordion_content { max-height: 100%;}
.category_accordion_content.open {max-height: 100vh }
.nav_category_accordion_content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.nav_category_accordion_content.open {max-height: 100vh }
.shop-by-col-wrapper > p:nth-child(1){margin-top: 0;}
.sort-cat-txt span { font-size: 15px; line-height: 20px; font-weight: 600; padding-bottom: 4px; border-bottom: 2px solid #202F65;}
.sort-group-box .sort-group-txt { font-size: 15px; line-height: 30px; margin-bottom: 8px; font-weight: normal; color: #202F65; border-bottom: none;}
.sort-group-txt.selected { background-color: #f0f0f0; font-weight: bold; }
#apply-sort { width: 192px; height: 46px; background: #202F65; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 20px; font-weight: 600; margin-top: 30px;}

.category-group{cursor: pointer; color: #202F65;font-family: 'NunitoSans-Semibold';margin-top: 13px;font-size: 20px;font-weight: 600;}
.category-group-dropdown ul{margin: 0 0 0 29px}
.category-group-dropdown ul li a{cursor: pointer; font: normal normal normal 18px Nunito; color: #202F65 !important; text-decoration: none; line-height: 40px;}
.category-group-dropdown ul li{padding: 5px 5px 5px 10px;}
.category-group-dropdown ul li:hover{background-color: #202F65 !important;color: #fff;transition: ease-in-out 0.3s;cursor: pointer;border: 1px solid #202F65}
.category-group-dropdown ul li:hover a{color: #fff !important;}
.banner-section { width: 100%;}
.category-header-image { width: 100%; height: 300px; object-fit: cover; max-height: 300px; object-fit: cover;}

.new-wrapper { max-width: 1639px;width:100%;margin-left:auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}
.category-head { font: normal normal bold 25px Nunito Sans; color: #202F65; text-align: center; margin: 32px 0 0px 0;}
.apparel-collections { display: -ms-grid;
  display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 0 90px; margin-bottom: 110px;}
.product-cat-area { display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; gap: 0 16px; row-gap: 45px;}

.product-cat-area h6 > .view-details, .cart_view-details-slug { text-decoration: underline; font: normal normal 600 12px Nunito Sans; font-weight: 500; color: #EB5459 !important; margin: 18px 0 15px; display: block;}
.love-toggle { position: absolute; top: 11px; right: 11px; background: #fff; border-radius: 9999px; border:1px solid #202F65;}
.love-toggle > .fas { color:#e9232a; }
.love-toggle > i { padding:4px 2px 0 4px; font-size: 20px; cursor: pointer;}
#favorite .love-toggle .svg-inline--fa.fa-heart.love-btn-liked path {fill: #ff0000;}
.list-adjust { padding-left: 16px; margin: 0;}
.product-cat-area > .container-product button.pod_btn  { background: #fff; color: #EB5459; transition: 0.4s;}
.product-cat-area > .container-product button.vendor_btn { background: #EB5459; color: #fff; transition: 0.4s;}
.product-cat-area > .container-product button.vendor_btn { background: #EB5459; color: #fff; transition: 0.4s;}
.product-cat-area > .container-product button.pod_btn:hover { background: #fff; color: #EB5459; transition: 0.4s;}

.pod_btn  { background: #fff; color: #EB5459; transition: 0.4s;}
.pod_btn:hover { background: #fff; color: #EB5459; transition: 0.4s;}
.vendor_btn { background: #EB5459; color: #fff; transition: 0.4s;}
.vendor_btn { background: #EB5459; color: #fff; transition: 0.4s;}


.sort-nav { height: 100%; width: 75%; max-width: 400px; position: fixed; z-index: 1; top: 0; left: 0; background-color:#EEF0F2; overflow-x: hidden; transition: 0.3s; z-index: 11; transform: translateX(-100%); }
.sort-nav-wrapper > div > a { font-size: 30px; color: #202F65; margin-right:10px ; text-decoration: none;}
.sort-nav-wrapper > div > h1 { font-size: 20px; color: #202F65;}
.sort-nav .sort-nav-wrapper { padding:10px 16px;}
.category-shop-mobile { display: -webkit-box;
  display: -ms-flexbox;
  display: flex; padding:13px 0 29px 0; text-align: center; font-size: 15px;}
.category-shop-mobile > span { cursor: pointer; }

.product-checkbox {
  width: 22px;
  height: 22px;
}
.category_accordion_container .check_artist_label { margin-left: 23px; color: #202F65; }

#sortNav.sort-nav .sort-apply-btn { display: none;}

/* Cart */
.section-header { text-align: center; font: normal normal bold 25px Nunito Sans; letter-spacing: 0px; color: #202F65; text-transform: uppercase; padding: 20px 0 7px 0;}
.count-notify { background: #202F65;}
.count-notify  h1{ color: #fff; padding: 15px 0; font-size: 16px; margin-bottom: 0; text-align: center;}

.prod-divisor { display: grid; grid-template-columns: 55% 45%}
.prod-in-cart-wrapper {padding: 20px 16px;}
.prod-in-cart-wrapper > div { border-bottom: 2px dashed #c7c7c7; padding-bottom: 30px; }
.prod-in-cart-wrapper .quantity-factor { flex-direction: column; align-items: flex-start; gap: 5px;}
.prod-in-cart { display: grid;
  grid-template-columns: 120px auto;
  gap: 12px; }
.prod-in-cart > div:nth-of-type(2) > div { position:relative; background :#F7F7F7 ; padding:15px 10px; border-radius: 6px;}

.cart-item-meta h1 { font-size: 20px; font-weight: bold; color: #202F65; margin-bottom: 12px; white-space: nowrap; margin: 0;max-width: 300px; text-wrap: wrap;}
.cart-item-meta h1:nth-of-type(2) { font-size: 20px; color: #020202; font-weight: bold; margin: 0;}
.cart-item-description {font-size: 16px; color: #202F65;}
.prod-in-cart .quantity-factor { padding: 0;}
.prod-in-cart > div  > p { margin: 15px 0 15px 0; padding-left: 10px;}
.prod-in-cart > div > p > a { text-decoration: underline; font: normal normal normal 16px Nunito; color: #202F65 !important; white-space: nowrap;}
.prod-in-cart > div > div > h6 { font-weight: 200; font: normal normal normal 16px Nunito;}
.prod-in-cart > .prod-img  { position: relative; background: #F7F7F7; padding-top: 100%; height: fit-content;}
.prod-in-cart > .prod-img > img  { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; object-fit: cover;}
.prod-price { font-size:16px; display:flex; gap: 25px;}
.prod-price > span:nth-of-type(1) { color: #202F65; padding: 16px 0; font-weight: 900;}
.prod-price > span:nth-of-type(2) { font-weight: 400; margin-top: 16px;}

.remove_x { position: absolute; bottom: 16px; right: 16px; max-width: 70px; cursor: pointer;}
.remove_x > img { width: 100%;}


.cart-summary-wrapper { background: rgb(204 228 255 / 30%)}
.cart-summary { padding-top: 31px; padding-bottom: 39px;  width: 92%; color: #202F65 !important;}
.cart-summary h1 { font: normal normal bold 20px Nunito Sans; color: #202F65; margin-bottom:30px; text-align: center;}
.cart-summary > .summary-price { padding: 10px 0}
.summary-price { font: normal normal 600 15px Nunito; display: flex; align-items: center; justify-content: space-between;}
.summary-price:nth-of-type(2) > span:nth-of-type(2), .sub-total > span:nth-of-type(2) { text-transform: uppercase; font-weight: 800;}
.cart-summary > div > p > a { text-decoration: underline; outline: none !important; border: none !important; font: normal normal medium 12px Semplicita Pro; color: #202F65 !important; font-size: 12px !important;}

.promo-input-container { display: none !important; flex: 1; }
.promo-input-container > span { font-size: 12px; color: #DB1F26; }
.promo-input-container > span.success { font-size: 12px; color: green; }
.promo-input-container button {margin: 0 !important; font-size: 14px !important; color: white !important; font-weight: normal;}
.promo-input {
  margin: -1px 0 !important; display: flex; justify-content: space-between; align-items: center; background: #fff;}
.promo-input > input { border: 1px solid #202F65; border-right-width: 0; padding: 12px 7px; width: 100%; outline: none; }
.promo-input > button { color: #fff; text-decoration: underline; background:  #202F65; padding: 13px 12px; border:none; cursor: pointer;}


.summary-total { border-top: 2px solid #094084; border-bottom: 2px solid #094084; padding: 5px; display: flex; align-items: center; justify-content: space-between;}
.summary-total > span { font: normal normal bold 18px Nunito;}
.checkbox { margin:25px 0 25px 0;}
.checkbox > label { font: normal normal normal 12px Nunito Sans; margin: -2px 0px 0px 5px;}
.checkbox input { filter: hue-rotate(240deg)}
.cart-summary > button, .checkout-link, .continue-shopping-link {white-space: nowrap; background:  #2BA36B; border: none !important; color: #ffffff !important; font-size: 16px !important; font-family: Nunito Sans; font-weight: bold ; padding: 10px 0; width: 100%; border: none; outline: none; cursor: pointer; margin-bottom: 0 !important;}
#proceed-checkout.checkout-link{margin-top: 35px;}
.checkout-link, .continue-shopping-link {
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: white !important;
}
.cart-summary .checkout-link {color: white !important;}
.continue-shopping-link {
  width: fit-content;
  padding: 16px 40px;
  font-size: 16px;
  min-width: 275px;
}
.empty-cart {
  margin: 70px 0;
}
.empty-cart .continue-shopping-link {color: white !important;}
.fa-checkout { text-align: center;}
.fast-checkout > h1 { font: normal normal 600 15px Nunito; color: #0A305E; margin: 30px 0 5px 0;}
.fast-checkout > h1 > a { font: normal normal 600 15px Nunito; color: #0A305E !important;font-size: 15px;font-weight: 700; text-decoration: none;}

#sendAsGift > p { font: normal normal medium 12px Nunito; margin-bottom: 12px;}
#sendAsGift > p:nth-of-type(2) { font-family: Nunito; font-weight: bold; font-size: 12px !important; padding-bottom: 35px;}
#sendAsGift > textarea { width: 100%; padding: 12px;}
#sendAsGift > .checkbox { font-size: 10px !important; margin-top: 10px; margin-bottom: 0px; padding-bottom: 7px;}
.tertiary-bg { background: #FFF0CC;}
.tertiary-bg > .new-wrapper > .product-cat-area { grid-template-columns: repeat(4, 1fr) !important; padding-bottom: 50px;}
.tertiary-bg > .new-wrapper > h1 { padding: 50px; text-align: center; font: normal normal bold 25px/34px Nunito Sans;}


/* checkout */
.sign-in { background: #2BA36B; color: #fff; padding:10px 40px; font-size: 18px; border: none; outline: none; cursor: pointer; margin-right: 10px;}
.input-style { border: 2px solid #0A305E; padding: 8px 4px; width: 100%; outline: none; font-size: 16px; margin: 40px 0;}
.input-group { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.input-group > .input-style { width: 50%;}

.cart-preview-container.your-cart-container.suggested-items-bottom-display{right: 40px;}



/* product_detail */

.thumb-design { display: flex; flex-direction: column; align-items:flex-start; overflow-y: scroll; width: 100%; height: auto; margin-top: 17px;}
.thumb-design > h1 { font: normal normal bold 20px Nunito; color: #202E65;}
.thumb-design::-webkit-scrollbar { width: 5px; }
.thumb-design::-webkit-scrollbar-track { background:  transparent;  margin-top: 47px; }
.thumb-design::-webkit-scrollbar-thumb { background: #A7A7A7;  height: 100px; width: 2px; border-radius: 10px; }
.thumb_artist_design .thumb_artist_design_img > img { margin-bottom: 8px; width:84px; height: 84px; cursor: pointer; object-fit: cover;}
.thumb_artist_design .thumb_artist_design_img .design-thumbnail-image.tns-nav-active{border: 2px solid #2BA36B; border-radius: 0px;}
.prod-details-holder { width: 100%; display: flex; gap: 17px; margin-bottom: 200px; position: relative;}
.product-img-slide { width: 50%; position: relative;}
.product-img-slide > div:nth-of-type(1) { position: relative; }
.designer-design-details{display: none;}
.designer-design-details.show{display: block;}
.designer-design-details .designer_details_wrap {margin: 29px 0px 11px}
.designer-design-details .designer_details_wrap .design-by { font-size: 16px; font-weight: 600; line-height: 22px; color: #0A305E; margin-bottom: 1px; }
.designer-design-details .designer_details_wrap .aux-text { font-size: 14px; font-weight: 400; line-height: 19px; color: #6A6A6A; margin-bottom: 8px; }

.empty-item-page{text-align: center;font: normal normal bold 20px Nunito;color: #202F65;text-transform: capitalize;}

.product-img-slide > div:nth-of-type(1) > span {display: flex; align-items: center; justify-content: space-between; width: 93%; position: absolute; top:50%; left:50%; margin-right:-50%; transform: translate(-50%, -50%);}
.product-img-slide > div:nth-of-type(1) > span > img { cursor: pointer;}
.product-img-slide > div > img { width: 100%; display: none;}
.product-img-slide > div > img.product-img-slide-active-slide { width: 100%; display: block;}
.product-details-text { box-shadow: 0px 0px 6px #00000014; height: fit-content; width: 50%;}
.product-details-text > div:nth-of-type(1) { height: fit-content; padding: 16px 20px; color: #202E65;}
.product-details-text > div:nth-of-type(1) ul { padding-left: 16px;}
.product-details-text > div:nth-of-type(1) > hr { margin: 19px 0 19px 0; color: #202E65; opacity: 1 ;}
.product-details-text > div:nth-of-type(1) > div:nth-of-type(2) { margin: 22px 0 15px 0;}
.product-details-text > div:nth-of-type(1) > button { background: #2BA36B; color: #fff; max-width: 165px; width: 100%; margin-bottom: 0 !important; height: 34px; font-size: 14px; border: none; outline: none; cursor: pointer;}
.product-details-text > div:nth-of-type(1) > button:disabled {opacity: 0.75; cursor: not-allowed;}
.product-details-text .ple-likes { position: relative; margin-bottom: 31px;}
.product-details-text .ple-likes #love-btn { color: #EB545C; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.product-details-text .ple-likes p { margin-left: 30px; margin-bottom: 0;}
.product-details-text_inner{padding: 16px 30px !important;}
.may-like-section { background-color: #E9EBF2 !important;}
.your-cart { max-height: 70vh; overflow: auto; }

.product-slides-container {position: relative;  background-color: #f7f7f7; min-height: 100px; overflow: hidden;display: flex; justify-content: center; align-items: center; margin-top: 40px;height: 600px}
.product-slides-container button {position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  outline: none;
  border: 0 !important;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 38px !important;
  background-color: #EDEDED !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-slides-container button svg {width: 20px; height: 20px;}

.product-slides-container button:nth-of-type(1) {left: 10px; transform: translateY(-50%) rotate(180deg);}
.product-slides-container button:nth-of-type(2) {right: 10px;}


.thumb-design-mobile > h1 {font-size: 16px; padding-bottom: 8px; color:#202E65;}
.thumb-design-mobile > div > img { width: 80px; }
.thumb-design-mobile { margin: 15px 0 31px; overflow-x: scroll; width: 100%; }

.thumb-design-mobile.thumb_artist_design h1{font: normal normal bold 16px Nunito Sans; color: #202E65;line-height: 27px; padding-bottom: 9px;margin-bottom: 0;}

.about-design > h1 { font-size: 16px; font-weight: bold; }
.about-design > p { font-size: 14px; margin: 10px 0 20px 0;}
.quantity-factor > h6 { font-size: 12px;}
.quantity-factor { padding: 5px 0 15px 0;margin-right: 28px;}
.quantity-factor > div { border: 1px solid #202E65; display: flex; justify-content: space-between; align-items: center; min-width: 100px; width: fit-content; height: 32px; background: #fff; border-radius: 3px;}

.quantity-factor > div > button:nth-of-type(1) { border-right: 1px solid #202E65; height: 30px; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 3px 0 0 3px;}
.quantity-factor > div > button:nth-of-type(2) { border-left: 1px solid #202E65; height: 30px; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 0 3px 3px 0;}
.quantity-factor > div > button { padding: 5px 10px; background: #fff; border: none; font-weight: 600; font-size: 20px; cursor: pointer;}
.product-details-text > div:nth-of-type(1) ul > li { font-size: 14px; list-style-type: disc;}
.product-title{align-items: flex-start; display: flex;}
.product-title > h1 { font-size: 20px; margin: 0; font-weight: bold; line-height: 27px;white-space: nowrap;max-width: 80%;}
.product-title > h1.single_product_title {word-wrap: break-word;overflow-wrap: break-word;word-break: break-word; width: 100%;white-space: wrap; line-height: 1.2;}
.product-title > h1.price { font-size: 20px; margin: 0; color: #020202; font-weight: bold; line-height: 41px;}
.product-title { display: flex; align-items: center;}
.brand-genre { font-size: 20px; margin-top: 5px; margin: 0;}
.single_product_title_price{align-self: start; font-size: 18px !important;}

.size-container{width: 100%;padding: 5px 0 15px 0;}
.size-container > h6 { font-size: 12px;}
.size-container .size-selector{max-width: 99px;width: 100%;height: 32px;border: 1px solid #202E65;border-radius: 3px;}
.more-products div:nth-of-type(1) > h1 { font: normal normal 600 16px Nunito Sans; color: #0A305E; }
.products-select > select {border-radius: 6px;width: 100%;max-width: 200px;background: #0A305E;color: #fff;padding:5px;margin-top: 8px;}
.products-select > select.select_products_design{width: 100%;max-width: 424px;font-size: 20px;font-weight: 600;background: transparent;color: #202F65;border: 1px solid #202F65; border-radius: 6px;height: 45px;}
.more-products div:nth-of-type(1) > p {
    font: normal normal normal 12px Nunito Sans;
    color: #6A6A6A;
}

.more-products div:nth-of-type(2) > div:nth-of-type(1) > img {
    border: 3px solid black;
    background: #FAF8F8;
}

.more-products div:nth-of-type(2) > div:nth-of-type(2) > img {
    border: 3px solid black;
    padding: 5px 16px;
    background: #FAF8F8;
}

.more-products div:nth-of-type(2) > div > h1 {
    font-size: 14px;
}

.tab-slide-container {margin: 0 16px; margin-bottom: 24px; position: relative;}
.tab-slide-container::after {content: ''; position: absolute; width: 100%; height: 5px; background: #E6E9ED; display: block; bottom: 0;}
.tab-slide { display: flex; gap: 20px; position: relative; overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: none; scrollbar-width: none;}
.tab-slide::-webkit-scrollbar {
  display: none;
}
.tab-slide > h5::after { content: ''; width: 100%; height: 5px; background-color: transparent; display: block; position: absolute; bottom: 0; }
.tab-slide > h5 { color: #202F65; font-size: 16px; font-weight: 300; padding-right: 10px; font-family: 'Nunito Sans', sans-serif; position: relative; white-space: nowrap; border-bottom: 3px solid transparent; margin: 0; padding: 10px 0;}
.tab-slide > .active { border-bottom: 3px solid #202E65 !important; font-weight: 800; margin-bottom: -3px;}
.tab-slide > .active::after { background-color: #202E65; z-index: 1;}


.content-class { background: #F7F7F7; padding: 24px 0 50px 24px;}
.content-class > h1 { font: normal normal 900 16px Nunito Sans; color: #202F65; text-transform: uppercase;}
.content-class > div { display: grid; grid-template-columns: 7% 93%; margin-top: 34px;}
.content-class > div > p { font: normal normal normal 16px Nunito; color: #202F65; width: 418px;}


.content-key { background: #F7F7F7; padding: 20px; padding-bottom: 30px;}
.content-key > h1 { font: normal normal 900 14px Nunito Sans; color: #202F65; text-transform: uppercase;}
.content-key > div > div:nth-of-type(2) > img { margin-top: -20px;}
.content-key > div > div:nth-of-type(3) > img { margin-top: 15px;}
.content-key > div > div:nth-of-type(1) > p { margin-top: 20px; }

.content .features-content-container {display: grid; gap: 20px; grid-template-columns: 1fr; margin-top: 20px;}
.content .features-content-container img {max-width: 85px;}
.feature-title {font-weight: bold; font-family: Nunito Sans; font-size: 16px; color: #202F65; }
.feature-text {font-weight: normal; font-family: Nunito Sans; font-size: 14px; color: #202F65; }
.content table { width: 100%; margin-top: 9px;}
.content table  tr:nth-child(odd) { background: #fff;}
.content table thead tr { background: unset !important}
.content table  tr {height: 48px;}
.content table  tr td {width: 50%;}
.content table  tr td:nth-of-type(1) { padding-left: 7.5%;}

.content table  tr td:nth-of-type(2) { text-align: center; font-weight: 300;}


.sales-end-date {font-size: 12px; font-weight: bold;}
.image-product {
    border: 1px solid #202F65;
    border-radius: 8px;
    width: 100%;
    display: block;
    padding-top: 120%;
    position: relative;
    background-image: linear-gradient(
        90deg,
        #eeeeee 0%, #eeeeee 40%,
        #dddddd 50%, #dddddd 55%,
        #eeeeee 65%, #eeeeee 100%
    );
    background-size: 400%;
    animation: shimmerr 1000ms infinite;
    overflow: hidden;
}

@keyframes shimmerr {
    from{ background-position: 100% 100%}
    to { background-position: 0 0;}
}

.image-product > img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; display: block;}
.image-product > div:nth-of-type(2) { width: 100%; height: 100%; position: absolute;top:0; left:0; display: flex; align-items: flex-end; justify-content: center;}
.image-product > div:nth-of-type(2) > button { white-space: nowrap; padding: 7px 44px; margin-bottom: 56px; font: normal normal normal 15px Nunito Sans; border: 1px solid #EB5459; cursor: pointer; background: #EB5459; color: #fff;}
.yml-slide { margin: 30px 0 15px 0; position: relative;}
.tns-nav { padding-bottom: 20px; position: relative; display: flex; align-items: center; justify-content: center;}

.image-product .customize-btn { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: flex-end; justify-content: center;}
.btn-hollow { background: #fff !important; color: #e70000 !important; font-size: 14px !important; font-weight: normal !important; max-width: 65%; width: 100%; height: 30px; border:1px solid #e70000; margin-bottom: 56px; cursor: pointer;}
.image-product .customize-btn .btn-hollow{border: 1px solid #DB1F26;}

.shop-now-style { background:#EB545C !important; color: #fff !important; border-color: #EB545C !important;}


.also-like { font-weight: bold; font-size: 20px; font-family: Nunito Sans; letter-spacing: 0px; color: #202F65; text-transform: uppercase; text-align: center; padding-top: 35px; margin: 0;}
.container-product { position: relative;}
.container-product .subtitle { font-family: Nunito Sans; font-weight: 400; line-height: 22px; font-size: 14px; letter-spacing: 0px; color: #202E65; margin-bottom: 5px;}
.container-product .subtitle span { font-weight: 600;}
.container-product > img {position: absolute; top: 20px; right: 20px; cursor: pointer;}
.container-product > h1 { font-family: Nunito Sans; font-weight: 700; font-size: 16px; letter-spacing: 0px; color: #202F65; margin: 15px 0 5px 0;max-width: 250px;}
.container-product > p { font-family: Nunito Sans; font-weight: 300; font-size: 13px; color: #202F65; margin-bottom: 10px;}
.container-product > ul {margin-bottom: 5px; }
.container-product > ul > li { font: normal normal normal 18px Nunito; letter-spacing: 0px; color: #687F9C;}
.container-product > h5 { font: normal normal normal 13px Nunito; color: #687F9C;line-height: 18px;}
.shop-by-col-wrapper #artist_box label { color: #202F65; font-size: 20px;}



#myHeader .alert { text-align: center; padding: 17px; position: absolute; font-size: 20px; right: 0; max-width: 100%; color: #e70000;}
.gallerySlick { margin-bottom: 12px; }
.gallerySlick .slide-item-box { max-width: 100%; min-height: 100px; max-height: 600px; height: 100%;}
.gallerySlick .slide-item-box img { width: 100%; height: 100%; max-height: 600px; object-fit: cover;}

.gallery-navigator {display: -webkit-box; display: -ms-flexbox; display: flex; overflow: scroll; gap: 12px; padding: 2px;}
.gallery-navigator .thumbnail-box { border: 1px solid #000; width: 45%; flex: 0 0 45%; max-width: 100px; height: 98px;}
.gallery-navigator .thumbnail-box img { width: 100%; height: 100%; object-fit: cover;}
.product-img-slide-next { position: absolute; right: -10%; width: 50px; height: 50px; border-radius: 50px; background-color: #D5D5D5; transform: translateY(-50%); top: 50%;}
.product-img-slide-prev { position: absolute; left: -10%; width: 50px; height: 50px; border-radius: 50px; background-color: #D5D5D5; transform: translateY(-50%); top: 50%;}
.slick-arrow { z-index: -30; }

.gallery-navigator .tns-nav-active { border-radius: 0; outline: 2px solid #202F65;}
.more-products { margin-top: 10px; position: relative;}
.empty_product { font-size: 28px; color: #202F65; position: absolute; left: 50%;}


/* your-cart */
.your-cart-container { background: #fff; min-width: 624px; z-index: 9; position: absolute; top:-6px; right:0; box-shadow: 0px 3px 20px #00000052; border-radius: 0px 0px 6px 6px; transform: translateY(5px); transition: transform 0.3s;}
.your-cart-container.closed {transform: translateY(-175%);}
.your-cart { padding: 15px 30px 20px 30px;}
.your-cart div:nth-of-type(1) h1 { font-size: 24px; color: #202E65; font-family: 'Nunito Sans', sans-serif;}
.your-cart > div:nth-of-type(1) { display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px;}
.close-btn-cart > img { width: 36px;}
.close-btn-cart > span { font-family: 'Nunito Sans', sans-serif; font-size: 14px; color: #0A2545; font-weight: 300; margin-top: -4px;}
.close-btn-cart { display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none !important; background-color: transparent !important; margin: 0 !important;}

.item-display { height: auto; overflow-y:scroll;}
.cart-counter-display { font-size: 16px; font-weight: 300; color: #202E65; font-family: 'Nunito', sans-serif; margin: 0 0 10px 0;}
.item-display-content { display: grid; grid-template-columns: 1fr; gap: 20px;  margin-bottom: 30px}

.item-display-content .item-image-container {position: relative; padding-top: 100%; height: fit-content;}
.item-display-content .item-image-container img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;max-width: 98px;}
#cart-items-container .item-display-content .item-image-container{padding-top: 0;height: auto;}
#cart-items-container .item-display-content .item-image-container img{height: auto;width: 100%;}
.item-s { background: #F7F7F7; padding: 10px; border-radius: 8px; height: auto;}
.item-s .item-title.cart-item{max-width: 250px;}
.item-s .item-title { font-size: 16px; color: #202E65; font-weight: 700;}
.item-s .item-title a {text-decoration: none !important;
  color: inherit !important;}
.item-s .item-price { font-size: 20px; color: #020202; font-weight: 700;}
.item-s > h1 { color: #202E65; font-size: 14px !important; font-family: 'Nunito Sans', sans-serif; padding: 12px 0;}

.group-item-s > div:nth-of-type(2) { display: flex; align-items: center; justify-content: space-between;}
.products-wrapper {padding: 0 16px;}


.cart-cta-wrapper { margin-top: 12px;}
.cart-cta-btn{width: 100%;display: block;max-width: 213px;margin: 0 auto;}
.cart-cta-btn a{ background: #2BA36B; color:#fff !important; border: none !important; white-space: nowrap; max-width: 213px; height: 46px; display: flex; align-items: center; justify-content: center; font-size: 16px !important; text-decoration: none;}

.cart-cta-btn a{ padding: 12px; font-weight: 500; outline: none; cursor: pointer; width: 100%; }
.add-suggested-btn {
  margin-bottom: 0 !important;
  background: #2BA36B !important;
  color:#fff !important;
  font-size: 16px !important;
  width: 106px;
  height: 34px;
  border: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; margin-left: auto
}

.dotted-divisor { border-top-style: dashed;}
.item-s > div:nth-of-type(2) h1 { color: #202E65; font-size: 14px !important; font-family: 'Nunito Sans', sans-serif; padding: 12px 0;}
.item-s > div:nth-of-type(2) > button { background: #178007; color:#fff; border:2px solid #178007; padding: 7px 12px; cursor: pointer;}
.item-s > div:nth-of-type(2) { padding-bottom: 20px;}
.suggested-item  { padding: 15px 30px 20px 30px;}
.suggested-item > h1 { font-size: 20px; color: #202E65; font-weight: 400; margin-bottom: 12px;}
.product-quantity { min-width: 30px; text-align: center;}


/* signup popup */
.signup-popup-container{ background: #202e658f; width: 100%; height: 100%; max-width: 1920px; position: fixed; top:0; z-index: 100;}
.signup-popup { margin: 20px 0 60px 0; display: flex; align-items: center; justify-content: center;}
.signup-popup > div { background: #fff; display: grid; grid-template-columns: 0.5fr 1fr; width: 100%; max-width: 800px; margin-top: 10px;margin-bottom: 15px; }
.signup-popup > div > div:nth-of-type(1) { width: 100%; height: 100%; background-image: url("/images/product_detail/popup_design2.png"); background-position: center; background-repeat: no-repeat !important; background-size: cover;}
.pop-up-img-tab { display: none;}
.popup-content { text-align: center; padding: 25px 23px; position: relative; font-family: 'NunitoSans-Semibold';}
.popup-content > h1 { color: #202E65; font-size: 24px; font-family: "NunitoSans"; font-weight: 400;}
.popup-content > h2 { color: #1d1e20; font-size: 24px; padding: 5px 0;}
.pop-up-text { color: #202E65;font-weight: 600; font-size: 14px; padding-bottom: 12px; margin-top: 5px;font-family: 'Nunito Sans';text-align: center;}
.popup-content > img:nth-of-type(1) { top:-15px; right:-15px; cursor: pointer; position: absolute;}
.popup-content > img:nth-of-type(2) { width: 150px;}
.pop-up-percentage {font-family: "Nunito Sans"; font-weight: 900; font-size: 48px; color: #202E65; margin-top: 10px;}
.pop-up-span {font-family: "Nunito Sans"; font-weight: 700; margin-left: -8px;}
.pop-up-logo {margin-top: 24px;}
.signup-popup-modal {max-height: calc(100vh - 210px);overflow-y: auto;}
img.close_pop_up_modal { position: absolute; right: -12px;top: -11px; z-index: 4; cursor:pointer}
.close_pop_up_modal { text-decoration: underline; font-weight: 400 !important;}
#signup-popup-modal { position: relative;}
.popop_banner_holder > h1 { color: #202E65; font-size: 24px; font-family: "NunitoSans"; font-weight: 400;}

.error-class-input:not(:has(textarea, .custom-select)) { outline: 3px solid #DB1F26;}
.contact-us-section .contact-us-container .error-class-input.input-account-group-ar textarea { border: 3px solid #DB1F26;}
.contact-us-section .contact-us-container input{height: 48px !important;}
.contact-us-section .contact-us-container textarea{height: 120px !important;}
.contact-us-section .contact-us-container .captcha-ar {margin-bottom: 6px !important;}
.contact-us-section .contact-us-container .captcha-ar img{height: 32px !important; width: 149px !important;}
.contact-us-section .contact-us-container .input-account-group-ar{margin-bottom: 8px !important;}
.contact-us-section .contact-us-container .error-class-input.input-account-group-ar .custom-select { border: 3px solid #DB1F26;}
.captcha-ar > h6 {color:#202E65; font-size: 14px; margin-bottom: 8px; font-family: 'Nunito Sans', sans-serif;font-weight: 500;}
.captcha-ar > h1 { font-size: 23px; padding-left: 10px;}
.cookies { padding: 16px 0; background: #fff; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 100;}
.cookies > div > h1 { color: #202E65; font-size: 18px;}
.cookies > div > p { color: #202E65; font-size: 14px;}
.cookies > div > p > span a { text-decoration: underline;}
.cookies > div > img { position: absolute; right: 16px; top: 5px; cursor: pointer;}
.requirements-validator .fas{margin-right: 10px;}
.requirements-validator .fas.hidden{display: none;}
.requirements-validator .fas.show{display: inline-block;}
.green_check{color: #2BA36B !important;}
.pop-action-area { text-align: left;}
.pop-action-area > h5 { text-align: center; }
.pop-action-area > h5 > a { text-decoration: underline; font-size: 14px;color: #202E65 !important;font-family: 'Nunito', sans-serif;font-weight: 500;}
.pop-action-area .input-account-group > label, .pop-action-area .input-account-group > .label{font-weight: 500;}
.password-requirements .requirements-validator h1{padding-left: 0;}
.password-requirements .checkbox .email-promo-notify{-webkit-appearance: none;-moz-appearance: none;appearance: none;display: none;}
.password-requirements .checkbox label{position: relative;color: #202E65; font-size: 14px !important;padding-left: 25px; font-weight:400 !important; padding-bottom: 0 !important;line-height: 20px; font-family: 'Nunito Sans', sans-serif;}
.password-requirements > div > h1{color: #070f27; font-size: 14px !important;padding-left: 20px; font-weight:400 !important; padding-bottom: 0 !important;line-height: 20px; font-family: 'Nunito Sans', sans-serif;}

label.promo_email::before{content: ' ';position: absolute;top: 0;left: -5px;border: 1px solid #202F65;border-radius: 50%;background-color: transparent;width: 16px;height: 16px;cursor: pointer;}
.password-requirements .checkbox input[type="checkbox"]:checked + label.promo_email::before{background-color: #202E65;}
label.promo_email::after{content: '✔';position: absolute;top: 0px;left: -2px;color: #FFF;display: none;}
.password-requirements .checkbox input[type="checkbox"]:checked + label.promo_email::after{display: block;}
.password-requirements > div > img, .password-requirements .checkbox input {margin-right: 10px;height: 16px;width: 16px; }
.password-requirements.promo > div > img {margin-top: 2px;height: 16px;width: 16px;}
.password-requirements.promo .checkbox label.promo_email::before{border: 1px solid #2BA36B;}
.password-requirements.promo .checkbox input[type="checkbox"]:checked + label.promo_email::before{background-color: #2BA36B;}
.popup-btn-wrapper { display: flex; justify-content: center; width: 100%; margin-top: 15px }
.popup-btn { background: #202E65 !important; color: #fefeff !important; padding: 10px 16px; cursor: pointer; border: none; outline: none; border-radius: 5px; width: 306px; font-size: 16px; height: 48px}
.popup_btn_rounded {border-radius: 6px !important; };
.input-account-group { margin-bottom: 8px; width: 100%;}
.input-account-group > label, .input-account-group > .label { display: block; color: #202E65; font-size: 16px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 8px;font-weight: 700;}
.account-input { border-radius: 6px; background: #F4F4F4;  color: #202F65;  width: 100%; display: flex; align-items: center; justify-content: space-between; }
.account-input > input::placeholder { color: #BABABA; font-family: 'Nunito Sans', sans-serif;  font-weight: normal; font-size: 17px;font: #202E65;}
.account-input > input { padding: 10px 8px; width: 100%; border: none; outline: none; border-radius: 6px;  background: #F4F4F4; font-size: 24px; color: #202F65; }
.input-field{padding: 10px 8px; width: 100%; border: none; outline: none; border-radius: 6px; height: 48px; font-size: 24px; color: #202E65;}

.error404-page .error-heading{ font-size: 120px; color: #202F65;font: normal semibold normal 30px Nunito !important; }
.error404-page .about-sub-text{margin-bottom: 120px;}
.error404-page .about-sub-text p{line-height: 28px; font-size: 30px; font-family: 'Nunito Sans', sans-serif; font-weight: normal; }
.error404-page .about-sub-text p.last{padding-bottom: 30px;}
.error404-page .about-sub-text p.first{padding-bottom: 10px;}
.visible-xs, .visible-sm{display: none;}
.visible-lg{display: block;}

.error404-page .about-sub-text a{font: normal bold normal 30px Nunito ; line-height: 28px; color: #202F65!important; text-decoration: none;}

/* password reset modal */
.modal.auth-password-modal { align-items: flex-start !important; padding: 120px 10px 0px 10px; }
.modal .auth-password-modal-body { max-width: 100%; max-height: 280px; padding: 30px 20px; position: relative;}
.modal .forgot-password-modal-body { max-width: 100%; max-height: 100%; padding: 50px !important;}
.modal .auth-password-modal-body .header { font-weight: bold; font-size: 18px; display: flex; width: 100%; justify-content: center; color: #202f65; margin-bottom: 16px; }
.modal .auth-password-modal-body .body { padding-bottom: 32px; font-size: 18px; text-align: center; margin-top: 30px;}
.modal .auth-password-modal-body .alert_close_modal { position: absolute; right:30px; top: 24px; cursor: pointer;}
.modal .profile-update-actions .white-btn { background-color: #ffffff !important; color: #202f65 }


/* checkout */
.c-bg-green { background-color: #2ba36b !important;}
.c-px-10 { padding-left: 10px; padding-right: 10px;}
.c-mr-20 {  margin-right: 20px;}
.c-mr-55 { margin-right: 55px;}
.c-float-right { float: right;}
.c-float-left { float: left;}
.c-202F65 { color: #202f65;}
.c-020202 { color: #020202;}
.c-ffffff { color: #fff !important;}
.c-mb { margin-bottom: 0 !important;}
.c-bg-202F65 { background-color: #202f65;}
.c-bg-CCE4FF { background-color: #cce4ff;}
.c-text-14 { font-size: 14px;}
.c-bold { font-weight: bold;}
.c-btn { font-family: "Nunito sans"; border: none; white-space: nowrap; padding: 10px; cursor: pointer; }
.c-btn:focus { outline: none;}
.c-btn[disabled] { background: #abafb4 0% 0% no-repeat padding-box; border: 1px solid #81868b; opacity: 0.24; color: #353b41;}
.c-btn-green-pry { background-color: #2ba36b; border: none !important; color: #fff !important; font-size: 18px !important; width: 100%; font-weight: 500; margin-bottom: 0 !important;}
.link.c-btn-green-pry {width: 120px; height: 43px; color: white !important; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.c-btn-green-pry--small { background-color: #2ba36b; color: #fff !important; font-size: 16px; border: none !important;}
.action.c-btn-green-pry { width: 100%; max-width: 340px; height: 55px;}
.c-btn-green-sec { background-color: transparent; color: #2ba36b; padding: 10px auto; border: 1px solid #2ba36b;}
.c-signin-notice { display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px;justify-content: flex-start; }
.c-cart-info-wrapper { display: -ms-grid;
  display: grid; -ms-grid-columns: 55% 45%; grid-template-columns: 55% 45%; margin-bottom: 88px; margin-top: 30px;}
.top-header-section{display: -ms-grid; display: grid; -ms-grid-columns: 55% 45%; grid-template-columns: 55% 45%; margin-top: 42px; margin-bottom: 22px;color: #202F65; padding: 0 16px; }
  .top-header-section .user-action {display: flex; flex-direction: column; gap: 10px;}
  .top-header-section .user-action-container {display: flex; flex-direction: row;}
  .top-header-section .c-cart-label {font-size: 14px;}
  .top-header-section input {width: 20px; height: 20px;}
  .card-area {width: fit-content; border: 1px solid #2BA36B !important; display: inline-block; color: #2BA36B;}
.form-checkbox label {font-size: 16px; color: #202F65;}
.form-checkbox input {width: 16px; height: 16px;}

.order-header-section { margin-top: 42px; margin-bottom: 22px;color: #202F65; padding: 0 16px; text-align: center; }
.order-header-section h1 { color: #202F65; font-size: 20px; text-align: center; font-weight: bold; margin-bottom: 16px;}
.order-header-section p { color: #202F65; font-size: 16px; text-align: center; margin-bottom: 29px;}
.order-header-section .continue-shopping {height: 43px; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; color: #2ba36b !important; border: 1px solid #2ba36b; background-color: transparent; margin-left: auto; margin-right: auto; text-decoration: none !important; min-width: 220px; cursor: pointer;}



.c-cart-info-head { background-color: #202f65; padding: 5px 23px; color: #fff; font-weight: bold; font-size: 25px; font-family: "Nunito sans"; text-transform: capitalize;}
.c-cart-items-sect .c-cart-items {border-bottom: 2px dashed #000;}
.c-cart-items-sect .c-cart-items:last-child {border-bottom: none;}
.top-header-section .checkbox > label{font: normal normal normal 14px Nunito Sans;}
.top-header-section .checkbox input{width: 20px;height: 20px;}
.c-cart-items { background-color: #fff; padding: 37px; display: -ms-grid; display: grid; -ms-grid-columns: 25% 55px auto; grid-template-columns: 25% auto; gap: 55px;}
.c-cart-items > div:nth-of-type(1) { max-width: 180px; height: auto; display: flex; align-items: center; justify-content: center; background: #f7f7f7;}
.c-cart-items > div:nth-of-type(1) > img { width:100%;}
.c-item-info { background: #f7f7f7 0% 0% no-repeat padding-box; border-radius: 8px; padding: 15px 20px; color: #202f65 !important; font-size: 16px !important;}
.c-item-info > div { margin-bottom: 12px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.c-item-info > div.c-i-prop { margin-bottom: 4px;}
.c-item-info > div > span:nth-of-type(1) { font-size: 20px !important; color: #202f65;}
.c-item-info > div > span:nth-of-type(2) { font-size: 25px !important; color: #020202;}
#cartStep1 { display: block;}
#cartStep2 { display: block;}
#cartStep2 .c-cart-form-2{margin-bottom: 30px;}
.c-cart-form-2 .full-span {grid-column: span 2;}
.c-cart-info-wrapper .c-cart-info-sect1 input::placeholder {color: #202F65;font-size: 16px;font-family: "Nunito sans";line-height: 22px;text-transform: capitalize;}
.c-cart-info-sect2 { background: rgba(204, 228, 255, 0.3);}
.c-cart-info-sect2 > div { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 60%; margin: 31px auto; opacity: 1;}
.c-cart-info-sect2 > div > span { text-align: center; margin-bottom: 37px; color: #202f65; font-size: 20px; font-weight: bold; opacity: 1;}
.c-cart-info-sect2 > div > div { width: 100%;}
.c-cart-summary { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 16px; color: #202f65; font-size: 18px; font-weight: bold;}
.c-cart-summary.total-summary { border-top: 1px solid #020202; border-bottom: 1px solid #020202; padding: 10px 0px;}
.c-cart-form-1 {  padding: 30px 0px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.c-cart-form-1 > div:nth-of-type(2) { font-size: 14px; color: #202f65;}
.c-cart-form-1 .c-cart-input { width: 100%;}
.c-cart-input { padding: 10px 12px; border: 1px solid rgba(32, 47, 101, 1); background: transparent;}
.c-cart-label { font-size: 12px; color: #202f65;}
.account_type_wrapper .c-acct-label {margin: -2px 0px 0px 0px; font-size: 14px; color: #202E65;padding-left: 28px;}
.c-cart-input:focus { outline: none;}
.c-cart-form-2 {  display: -ms-grid;
  display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 20px; width: 100%;}
.c-cart-form-2, .c-card-details, .c-add-n-deli {padding: 16px 16px 32px 16px;}
.c-cart-form-2 .c-cart-input { width: 100%;}
.c-cart-form-2 > div:nth-of-type(2) > input { width: 100%;}
.c-cart-form-2 .c-cart-input:nth-of-type(5) { grid-column: span 2 / span 2;}
.c-cart-form-2 > span { grid-column: span 2 / span 2; font-size: 16px; font-weight: bold; cursor: pointer; color: #202f65;}
.c-cart-form-2 > button { margin-top: 17px;}
.c-cart-form-2 > div:nth-of-type(5), .c-cart-form-2 .action { grid-column: span 2 / span 2;}

/* Page 2 */
.c-cart-info-sect1a { display: none;}
.c-shipping-address > address { border-bottom: 0.5px solid #020202; padding: 30px 0; margin-bottom: 30px;}
.c-shipping-address > span { margin: 30px 0px;}
.c-add-n-deli { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; color: #202f65}
.c-delivery-details > div { margin-top: 10px; border: none !important;}
/* .c-delivery-details > div > div { display: flex; align-items: center; justify-content: space-between;} */
.c-apply-sect { padding: 35px 0px; margin-right: 55px;}
address {display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; font-weight: normal; font-size: 16px ; color: #202f65;}
.c-card-form { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; margin-top: 12px; margin-bottom: 32px;}
#card-errors {color : red; font-size: 14px;}
.c-card-form .card-number, .c-card-form .action { grid-column: span 3 / span 1;}
.c-card-form .c-cart-input { width: 100%;}
.c-card-details > div:nth-of-type(1) { margin: 21px 0px;}
.c-card-details > div:nth-of-type(2) { display: grid; grid-template-columns: 41% 41%; column-gap: 95px; row-gap: 11px; margin-top: 25px;}
.c-card-details > span { font-size: 18px; color: #202f65;}

/* page 3 */
.c-billing-address { display: grid; grid-template-columns: 45% 45%; gap: 50px; color: #202f65; margin-top: 40px; margin-bottom: 40px; margin-right: 55px;}
#billingAddSect { display: none;}
.c-billing-info > div:nth-of-type(1) {  padding: 30px 0;}
.c-billing-info > span { margin: 30px 0px;}
.c-billing-info > div:nth-of-type(2) { padding-bottom: 25px; border-bottom: 1px solid #020202;}
.checkout-custom-select img{height: 100%;}
.c-cart-input.input-custom-dropdown{padding: 0px 0px 0px 12px;cursor: pointer;height: 46px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;}
.c-cart-input.input-custom-dropdown .custom-select, .custom-select-container{width: 100%;position: relative;color: #202F65;}
.c-cart-input.input-custom-dropdown .custom-select {height: 100%;}
.c-cart-input.input-custom-dropdown .custom-select p {margin: 0;}
.custom-dropdown-item-wrap.hidden{display: none;}
.custom-select-container .custom-dropdown-item-wrap{position: absolute;width: 100%;border-radius: 6px;box-shadow: 0px 3px 6px #00000029;background-color: #FFFFFF;padding: 5px 0px 19px;margin: 0;}
.custom-select-container .custom-dropdown-item-wrap .custom-dropdown-item{list-style-type: none;padding: 6px 20px;color: #202E65;font-size: 14px ;cursor: pointer; font-family: 'Nunito Sans', sans-serif;}
.custom-select-container .custom-dropdown-item:not(:first-of-type):hover {background-color: #DFE3F2;font-weight: bold;transition: ease-in-out 0.3s;}
.card-select{border: 1px solid #2BA36B; color: #2BA36B !important}


.sort-direction {cursor: pointer;}
.no-design-message { text-align: center; font-size: 20px; font-family: "Nunito"; font-weight: bold; color: #202F65; text-transform: capitalize; position: absolute; left: 0; right: 0;}
.out_of_stock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 1600px) {
  .c-cart-info-head { font-size: 20px;}
  .c-btn-green-pry { font-size: 18px; }
  .footer-space {grid-gap:25px}

  .signup-popup {margin: 5px 0 60px 0;}
  .signup-popup > div {max-width: 700px;margin-top: 10px;margin-bottom: 15px;grid-template-columns: 0.4fr 1fr;}
  .popup-content {padding: 15px 13px;}
  .popup-content > img:nth-of-type(2) {width: 100px;}
  .popup-content > h1 {font-size: 24px;}
  .pop-up-percentage {font-size: 34px;}
  .pop-up-logo {margin-top: 14px;}
}

@media screen and (max-width: 1440px) {
  .c-cart-form-1 { padding: 30px 16px; }
  .c-btn-green-pry--small { font-size: 14px; }
  .fancy {margin: 7px 0 24px 0;}
  .sub_navs{margin-left: 5px;}
  .user-info-drop.side-drop .sub_navs{margin-left: 0; padding: 0;}
  .shop-by-col-wrapper > p{font-size: 26px;}
}

@media screen and (width: 1366px){
  .signup-popup-container {height: 50vh;top: auto;}
  .signup-popup > div {margin-top: -50px;width: 50%;}
  .signup-popup {margin: 10px 0 30px 0;}

  .partners-container .partner { width: 100%; text-align: center;}

  .cart-preview-container { height: 600px; overflow: scroll;}
}

@media screen and (max-width: 1024px) {
  .c-cart-form-1 > div { grid-column: span 2 / span 3; }
  .c-item-info > div > span:nth-of-type(1) { font-size: 16px !important; }
  .c-item-info > div > span:nth-of-type(2) { font-size: 14px !important; }
  .c-cart-info-sect2 > div { width: 80%;  }

  .top-header-section > div:nth-child(1){align-items: unset;justify-content: unset}
  .c-signin-notice{flex-direction: row;column-gap: 10px;}
  /* signup popup */
  .signup-popup > div {
    width: 80%;
    margin-top: 20px;
  }

  .popup-content { padding: 32px 40px; }
  .sort-apply-btn {padding: 15px 105px !important; background: #202F65 !important; margin-top: 20px; color: #fff;}

  .artists-card-slide { -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .artists-card-slide .product-box-container { width: 100%;}
  .partners-container { -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .partners-container div { margin-right: 20px;}
  .partners-container .featured_partner { width: 100%;}
  .partners-container .partner { margin-right: 20px;}

  #mySidenav .popup { position: unset; box-shadow: none;}
  #mySidenav .sub_navs { padding: 0px 15px 15px;}
  #mySidenav .popup .sub_navs li a { font-size: 18px;}
  #mySidenav .nav-link:hover .nav_chevron { transform: rotate(180deg);}
  .side-drop a { display: inline-block;}

  .feature-card-content {
    max-height: 1100px;
    display: flex;
    flex-direction: column;
  }

  .featured-card div {width: 100%;}
  .featured-card-img { display: flex; justify-content: center; align-items: flex-start; max-width: 100%; height: auto;}

}

@media screen and (min-width: 768px) {
  .content table tr td:nth-of-type(1) { width: 30% !important; padding-left: 5%}
  .content table tr td:nth-of-type(2) {width: 70%; text-align: left;}
  .about-design > p { font-size: 16px !important};
  .about-design > h1 { font-size: 20px;}
  .product-details-text > div:nth-of-type(1) ul > li { font-size: 16px;}
  .product-slides-container button {width: 46px; height: 46px;}
  .product-slides-container button svg {width: 24px; height: 24px;}

  .product-slides-container button:nth-of-type(1) {left: 30px;}
  .product-slides-container button:nth-of-type(2) {right: 30px;}
}

@media screen and (max-width: 1260px) {
  .nav-links-display {  gap: 0 30px !important;}
}

@media screen and (min-width: 1600px) {
  .product-slides-container button {width: 56px; height: 56px;}
  .product-slides-container button svg {width: 30px; height: 30px;}
  .product-slides-container button:nth-of-type(1) {left: 20px;}
  .product-slides-container button:nth-of-type(2) {right: 20px;}
}

@media screen and (max-width: 850px) {
  .footer-adjust{margin-top: 0px;}
  .c-cart-items { padding: 22px 20px 22px 16px; gap: 20px; grid-template-columns: 30% auto; }
  .c-cart-info-sect2 { margin-bottom: 40px; padding: 16px; }
  .c-cart-form-1 { display: block; }
  .c-cart-form-1 > div:nth-of-type(2) { margin-top: 12px; }
  #cartStep2 .c-cart-form-2{margin-bottom: 10px;}
  .c-cart-info-sect2 > div { width: 100%; }

  .c-item-info { font-size: 12px !important; }
  .c-cart-info-sect2 { padding: 28px 39px  }
  .c-cart-summary { font-size: 13px; }
  .c-cart-info-sect2 > div > span { font-size: 15px; }
  .c-cart-info-sect2 > div { margin-top: 0px; }

  /* page 2 */
  .c-apply-sect { padding: 35px 16px; margin-right: 0; }

 .c-card-form { gap: 15px; grid-template-columns: 31% 31% 31%; }
  .c-card-details > div:nth-of-type(2) { column-gap: 15px; grid-template-columns: 48% 48% }
  .c-add-n-deli { gap: 30px; grid-template-columns: 100%;}

  /* Page 3 */
  .c-billing-address { margin: 28px 43px 40px 16px; grid-template-columns: 100%; }
  .c-order-btn { padding: 0px 16px; }

    .featured_partner_border{
  min-width: 600px;
}
}

@media screen and (max-width: 767px) {
  .c-cart-info-wrapper, .top-header-section { grid-template-columns: 100%; }
  .c-cart-info-sect1 { order: 2; }
  .c-cart-info-sect2 { order: 1; margin-bottom: 40px; padding: 16px; }
  .error404-page .about-sub-text a{font-size: 14px ; line-height: 26px;}
  .size-container{padding-bottom: 0px;}
.error404-page .about-sub-text p.last{padding-bottom: 10px;}
.error404-page .about-sub-text p.first{padding-bottom: 3px;}
.visible-xs{display: block;}
.tns-nav{/* margin: 0px 16px 20px;  */overflow: scroll;}
.partners-container .partner { margin-bottom: 20px; margin-right: 0; width: 100%;}
.image-product .customize-btn .btn-hollow{height: auto; padding: 20px 49px 19px; line-height: 0px; text-align: center;max-width: 169px;}

  .slideer {display: flex;overflow-x: hidden;scroll-snap-type: x mandatory;}
  .slidee {flex: 0 0 100%;scroll-snap-align: start;}

.context-heading { font-size: 22px !important; font-style: italic !important; line-height: 30px !important; }
.context-subheading { display: none; }
.deign-tag-title { font-size: 16px; }
.deign-tag-subtitle { font-size: 13px; }
.vote-counter h1 { font-size: 20px; }
.vote-counter h1 > span { font-size: 20px;  }
.vote-counter small { font-size: 10px; }
.arc-socials { margin-bottom: 0; }
.modal-box { max-width: 343px !important; width: 100% !important; text-align: center !important; position: unset; height: 300px;}
.profile_dash_main { width: 100%;}
.shipping-wrapper-sections .shipping-wrapper .shipping-details-container .shipping-details.edit { padding: 16px 16px 0 !important;}
.col-new-wrapper .image-product { height: 214px;  }

.no-design { display: block !important;}
.no-design-message { text-align: center; font-size: 18px; position: initial;}
.home_search_form_container { display: none; }
.home_search_form_container.home_search_form_container_sticky{ display: -webkit-box; display: -ms-flexbox; display: flex; top: 63px; height: 47px;}
.home_search_form_container.home_search_form_container_sticky img { width: 20px !important;}
.home_search_form_container .home-search-box input { font-size: 13px; line-height: 18px;}
.home_search_form_container .home-search-box button { margin-bottom: 0;}
.home_search_form_container .home-search-box { height: 35px; padding-bottom: 5px; max-width: 240px;}
.terms-and-conditions-container .refunds_header { margin: 27px 0px !important; font-size: 20px !important; color: #202F65; line-height: 27px !important;}

.history-container .history-bottom-buttons { flex-direction: column; row-gap: 25px; justify-content: center; }

.yml-container-product { width: 100% !important;}
.reset_password_btn { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto;}
.reset_pass_container .input-account-group { max-width: 100%;}

.purchase_made_container .purchased_item_wrapper .empty-purchase-history .header { text-align: center;}
.purchase_made_container .purchased_item_wrapper .empty-purchase-history .sub-header { margin-top: 10px !important; font-weight: bold;}

#sortNav.sort-nav .sort-apply-btn-container { width: 100%; justify-content: flex-start; display: flex;}
#sortNav.sort-nav .sort-apply-btn { display: block; color: #FFFFFF; padding: 9px 68px !important;}

.cart-preview-container.your-cart-container.suggested-items-bottom-display{top: 60px !important; right: 0px;}

.feature-card-content:nth-child(even) .featured-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
}

@media screen and (max-width: 650px) {
  .signup-popup > div { grid-template-columns: 1fr;}
  .signup-popup > div > div:nth-of-type(1) { display: none;}
  .tab{display: block;}
  .tab-shop{font-size: 20px;}
  .tab-span{display: none;}

  .popup-content{ overflow: scroll; height: calc(100vh - 285px); padding: 0;}
  #signup-popup-modal { height: calc(100vh - 280px); }
  .popop_banner_holder {background-color: #E5C021; padding: 26px 16px 20px; }
  .pop-action-area { padding: 20px 16px ; }

  .featured_partner_border{
  min-width: 400px;
}

}


@media screen and (max-width: 560px) {
  .c-cart-form-2 > div { margin-bottom: 20px; }
  .c-cart-form-2 > input { margin-bottom: 20px; }
  .c-cart-form-2 > span {  margin-bottom: 20px; }
  .c-cart-form-2 > select { margin-bottom: 20px; }
  .c-cart-info-sect2 > div { width: 100%; align-items: flex-start;}

  .c-cart-items { grid-template-columns: 100%; padding: 20px 16px;}

  .c-cart-form-1 { display: block; padding: 30px 16px;}
  .c-cart-form-2 > button { width: 100%;}
  .c-btn-green { text-transform: uppercase; font-size: 13px;}
  .c-cart-info-sect2 > div > span { text-align: left;}
  .c-cart-info-head { font-size: 14px;}
  .c-item-info > div > span:nth-of-type(1) { font-size: 18px !important;}
  .c-item-info > div > span:nth-of-type(2) { font-size: 20px !important;}
  .c-cart-items > div:nth-of-type(1) { max-width: 100%;}


  /* Page 2 */
  .c-add-n-deli { display: block; margin: 40px 16px;}
  .c-shipping-address { margin-bottom: 20px; }
  .c-apply-sect { margin: 0px 16px; }
  .c-card-details { margin: 30px 16px; }
 .c-card-form { grid-template-columns: 30% 30% 30%; gap: 20px;}
  .c-card-form > div:nth-of-type(1) { grid-column: span 3 / span 3;}
  .c-card-details > div:nth-of-type(2) { column-gap: 13px; row-gap: 11px; grid-template-columns: 49% 49%;}

  /* page 3 */
  .c-billing-address { display: block; margin: 40px 16px; }

  .signup-popup > div { width: 90%;}
  .cookies > div > p { padding-right: 30px;}


  .pop-action-area {padding-top: 30px;}

  .chev-wrap, .user_logged_in .chev-wrap .user_info_container, .user_logged_in .chev-wrap .user_info_container .user_fname_holder .user_fname{font-weight: 300;font-family: 'Nunito', sans-serif;color: #202F65;font-size: 20px;}
  .sidenav-wrapper ul .nav-link.side-b-drop {margin-bottom: 20px;}
  .sidenav-wrapper ul .nav-link{padding: 0px 0px 20px;}
  .nav-link a {font-size: 20px;}

  #cart-items-container .item-display-content .item-image-container{ height: 316px; }
  #cart-items-container .item-display-content .item-image-container img{ height: 100%; width: 100%; object-fit: contain; }
  #cart-items-container .item-display-content .cart-item-product-type { font-size: 14px; font-weight: normal; padding-bottom: 0 !important; }
  #cart-items-container .item-display-content .cart-product-type-container { padding: 0; font-size: 14px !important; }

  .featured_partner_border{width: 100%; min-width: unset !important;}
}

@media screen and (max-width:500px) {
  .tns-nav > button{padding: 4px;margin: 0 3px 0 4px;}
}

@media screen and (max-width:480px) {
  .suggested-item{padding: 15px 8px 20px 8px;}

}

/* User Account */

 .useraccount_container{grid-template-columns: 0.4fr 2fr;column-gap: 30px;border-top:#202E65 solid 4px;}
 .dash_sidebar{background-color: #EDEFF7;color: #202E65;border-right: #252F62 solid 2px; }
.dash_sidebar .image_upload{text-align: center;}
.dash_sidebar .image_upload img{width: 68px;padding: 37px 0 15px 0;}
.dash_sidebar .image_upload p{font-size: 16px;font-family: NunitoSans-Black, sans-serif;color: #0A2545;font-weight: 600;}
.users_account {text-decoration: none;margin: 30px 0 406px 0;background-color:#FFFFFF;}
.users_account img{width: 24px;}
.users_account .account_item{width:100%;color: #202E65;background-color:#FFFFFF;line-height: 22px;text-transform: capitalize;margin:0; list-style-type: none;font-size: 16px;border-top: #252F62 solid 1px;padding: 20px 13px 20px 8px;}
.users_account .account_item:last-child{border-bottom: #252F62 solid 1px;}
.users_account .account_item.active{background-color: #DFE3F2;color: #202E65;font-family: Nunito Sans Bold, sans-serif;}
.users_account .account_item.active-sidepanel-tab { background-color: #DFE3F2;}
.users_account .account_item img{margin: 2px 8px 0px 0px;}
.users_account .account_item a, a:visited{font-size: 16px;color: #202F65 !important;text-decoration: none;}
.dash_sidebar #logout{margin: 0px 15px 194px;font-size: 18px;font-family: Nunito Sans, sans-serif;color: #202E65; display: flex;}
.dash_sidebar #logout img{width: 24px;height:24px;}
#user_acct_list { background-color: #DFE3F2;}
#mySidenav .nav-link span { display: flex !important; justify-content: space-between; width: 100%;}
.breadcrumb{display: flex; justify-content: space-between;background-color: #FFF;padding: 24px 0px 34px;margin-bottom: 0;}
.breadcrumb > ul{text-decoration: none; font-size: 16px;}
.breadcrumb > ul li{display: inline;}
.breadcrumb > ul li+li::before{padding: 3px; content: "/\00a0";color:#A7A7A7;}
.breadcrumb > ul li a{color:#A7A7A7!important;font-size: 16px;}
.breadcrumb > ul li:last-child a{color: #202E65!important;font-family: Nunito Sans bold,sans-serif}

.breadcrumb > ul li a:hover{text-decoration: none;color: #202E65;}
.breadcrumb .sort{color: #202E65;}
.breadcrumb .sort i{position: relative;display: inline-block; padding: 0px 5px;}
.header-active-link {background-color: rebeccapurple; height: 2px; width: 100%; margin-top: -11px; position: absolute;}
.signup-popup-error{color: red}
.homepage-link{width: 100%; height: 100%; color: powderblue !important; text-decoration: none;}
.header-active-link {background-color: rebeccapurple; height: 2px; width: 100%; margin-top: -11px; position: absolute;}

.modal-box{padding: 5px;border-radius: 0;color: #202E65;max-width: 100%;}
.profile-update-actions{padding: 12px 20px; display: flex; align-items: center; justify-content: center;column-gap: 30px;}
.hide{display: none;}
.profile-update-actions .modal-cancel-button { padding: 11px 40px; border: 1px solid #202F65; color: #202F65; background-color: #FFF;}
.profile-update-actions .modal-save-button { padding: 11px 20px; border: 1px solid #202F65; color: #FFF; background-color: #202f65;}

@media screen and (max-width: 1020px) {
  .suggested-items-bottom-display {
    height: calc(-87px + 100vh 694px);
    overflow-y: auto;
  }
}

.alert_close_modal_btn{
  margin-top: 30px;
}