/* Common CSS */

#wpadminbar { display:none; }
.container { width:100%; }
.flex { display:flex; align-items:center; }
.no_flex { display:block; }
.column_reverse { flex-direction:column-reverse; }
.col.content {  }
.max_width { max-width:1604px; margin-left:auto; margin-right:auto; }
.hide_mobile { display:none; }
.loading.keep_active { display:block !important; }
.next-post {display: none !important;}

/*common classes*/
body {height: auto;}
body.mobile-filter-open {overflow: hidden; height: 100vh;}
body {overflow-x: hidden;}

.zanna_section .col {
    margin: 0;
}

.zanna_section h1 {
    font-size: 1.1875rem;
    margin-bottom: 8px;
    line-height: 1.5rem;
    max-width: 668px;
    margin-left: auto;
    margin-right: auto;
}

.zanna_section p {
    font-size: 15px;
    line-height: 1.6em;
}

.zanna_section.full_width_content .zanna_div {
    text-align:center;
}

.zanna_section .container {
    padding:0 18px;
    padding-bottom: 18px;
}

/*.next-post { opacity:0; pointer-events:none; }*/

/* masthead */



.zanna_article.full_width_content.no_margin .col:last-child { display:none; }
.zanna_article.full_width_content.no_margin .hide_desktop.hide_tablet video { margin-bottom:0 !important; }
.zanna_article.full_width_content.no_margin .zanna_div.masthead { margin-bottom:0 !important; }

.zanna_div.masthead {
    margin-bottom:22px;
}

.zanna_div.masthead figure.hide_desktop.hide_tablet {
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
}

.zanna_div.masthead figure.hide_desktop.hide_tablet > img {
    position: absolute;
    top: 0;
    left: 0;
}

.tax-product_collection .zanna_div.masthead > figure.hide_desktop.hide_tablet > img { top:50%; transform:translateY(-50%); }
.tax-product_collection.term-disney .zanna_div.masthead > figure.hide_desktop.hide_tablet > img {transform:translateY(-45%); }
.term-one-of-a-kind .zanna_div.masthead > figure.hide_desktop.hide_tablet > img,
.term-legacy .zanna_div.masthead > figure.hide_desktop.hide_tablet > img,
.term-eternity-knot .zanna_div.masthead > figure.hide_desktop.hide_tablet > img,
.term-poh-heng-pearls .zanna_div.masthead > figure.hide_desktop.hide_tablet > img,
.term-auspicious .zanna_div.masthead > figure.hide_desktop.hide_tablet > img,
.term-freestyle .zanna_div.masthead > figure.hide_desktop.hide_tablet > img { top:0; transform:translateY(0); }
.term-baby .zanna_div.masthead > figure.hide_desktop.hide_tablet > img,
.term-oro22 .zanna_div.masthead > figure.hide_desktop.hide_tablet > img,
.term-si-dian-jin .zanna_div.masthead > figure.hide_desktop.hide_tablet > img { width:auto; max-width:none; height:100%; left:50%; top:0; transform:translateX(-50%); }

.section-banner {
    margin-bottom:63px;
  }

.section-banner img {
    width:100%;
}

/* filtering */

.section-filter {
    background-color:#fff;
    display:flex;
    margin-top:10px;
}

.section-filter strong {
    position:relative;
    z-index:1;
}

.section-filter .flex {
    justify-content:space-between;
    align-items: start;
}

.section-filter .col {
    position:relative;
}

.filter-by, .sort-by {
    font-size:15px;
    border:1px solid #BFBFBF;
    /*padding:12px 0 10px;*/
    padding-top: 10px;
    padding-bottom: 9px;
    text-align:center;
    width:calc(50% - 9px);
    /*font-weight:bold;*/
    cursor:pointer;
    position:relative;
    font-family: 'Gotham-Medium', sans-serif;
    color: #686868;
}

.filter-count.has_filtercount {font-family: 'Gotham-Medium'; font-size: 0.5625em; line-height: 1em; width: 15px; height: 15px; display: inline-block; background-color: #C49A6C; color: #fff; border-radius: 50%; padding-top: 5px; margin-right: 3px; transform: translateY(-2px);}



.listing-counts a {margin-right: 9px !important;}
.listing-counts a:last-child {margin-right: 0px !important;}

.sort-by > strong {font-weight: 100; color: #686868;}
.sort-tags .col.active .sort-anchor {font-family: 'GothamLight', sans-serif;}

.filter-by {
    display:block;
}

.filter-by + div.active {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    z-index:999;
    overflow-y:auto;
}

.filter-tags .col {
    padding-left:18px !important;
    padding-right:18px !important;

    padding-top:12px;
    padding-bottom:12px;

}

.filter-tags .col,
.sort-tags .col {
    cursor:pointer;
}

.filter-tags .col > ul,
.sort-tags .col > ul {
    display:none;
    font-size:13px;
}

.filter-tags .col.active > ul,
.sort-tags .col.active > ul  {
    display:block;
}

.filter-tags .col.active > ul {
    margin-top:17px;
}

.filter-tags .col.active > ul > li,
.filter-tags .col.active > ul > li li,
.filter-tags .col.active > ul > div > li {
    margin-top: 11px;
}

.filter-tags .col.active > ul > li:last-child {
  margin-bottom: -3px;
}

.filter-tags .col.active > ul > li.price-slider input {
    width:108px;
    padding:18px 17px 15px;
    border:#BFBFBF solid 1px;
    font-size:15px;
    font-family: GothamLight,sans-serif;
}

.filter-tags .col.active > ul > li.price-slider span {
    padding:0 6px;
}

.filter-tags .col.active > ul > li label {
    margin-top:13px;
    margin-bottom:8px;
    font-family: GothamLight,sans-serif;
    font-size:15px;
    display:block;
}

.filter-tags .col.active > ul > li button {
    width:128px;
    background:#fff;
    border:1px solid #000000;
    padding:12px 0 10px;
    color:#000;
    display:block;
    margin-top:19px;
    margin-bottom:8px;
    font-family: Escrow-Roman,sans-serif;
}

.sort-tags {
    vertical-align:top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sort-tags .col { width: 100%; }
.sort-tags .col strong { display:block; width:100%; height:49px; opacity:0; }
.sort-tags .col ul { text-align:left; position:relative; margin-top: 1px;}

.sort-tags .col.active { position:fixed; left:0; right:0; bottom:0; z-index:9; background-color:#ffffff; padding-left:18px !important; padding-right:18px !important; padding-top:54px; padding-bottom:8px; }
.sort-tags .col.active strong { display:none; }
.sort-tags .col.active .sort-close { display:block; }
.sort-tags .col.active .sort-anchor { padding-left:21px; }
.sort-tags .grey_background.active { top:0; background-color:rgba(0,0,0,0.65); }

.sort-tags li { margin-bottom:10px; }

.col.active .selected { position:relative; }
.col.active .selected:after,
.col.active .selected:before { content:''; position:absolute; top:13px; left:2px; height:1px; background-color:#000000; }
.col.active .selected:after { transform:rotate(45deg); width:6px; }
.col.active .selected:before { transform:translateX(4px) translateY(2px) rotate(-45deg); transform-origin:top left; width:10px; }

.sort-tags .col.active .selected:after,
.sort-tags .col.active .selected:before { left:0; top:50%; }
.sort-tags .col.active .selected:before { width:12px; }

.sort-close { position:absolute; top:15px; right:0; width:52px; height:40px; display:none; }
.sort-close:after,
.sort-close:before { content:''; position:absolute; top:52%; right:16px; height:1px; width:23px; background-color:#000000; }
.sort-close:after { transform:rotate(45deg); }
.sort-close:before { transform:rotate(-45deg); }

.filter-close { width:50px; height:50px; position:absolute; top:18px; right:0; }
.filter-close:after,
.filter-close:before { content:''; position:absolute; top:50%; right:16px; height:1px; width:23px; background-color:#000000; }
.filter-close:after { transform:rotate(45deg); }
.filter-close:before { transform:rotate(-45deg); }

.filter-by + div { text-align:center; }
.filter-anchor {text-align: left;}
.filter-by + div strong { font-size:1.1875rem; font-family:Escrow-Roman,sans-serif; font-weight:normal; }

.filter-tags > strong { margin:0 auto; margin-bottom:11px; font-family:Escrow-Light,sans-serif !important; }


.filter-tags > div { width:100%;}
.filter-tags > div:first-child {padding-top: 29px; background-color: #fff; position: fixed; top:0px; z-index: 2; padding-bottom: 27px;}
.filter-tags > div > div { text-align:left; }
.filter-tags + div { padding-left:18px; padding-right:18px; padding-top:19px; border-top:1px solid #F1F1F1; font-size:13px; position: fixed; width: 100%; bottom: 0px; z-index: 2; background-color: #fff;}
.filter-tags + div > div:first-child { text-align:right; font-size:13px; margin-bottom: 8px;}
.filter-tags + div > div.listing-counts { margin-top:0; margin-bottom:17px; }
.filter-tags + div > div.enquiry-cta { margin-top:0; margin-bottom:54px; }
.filter-tags + div > div.enquiry-cta > a { font-family:Escrow-Roman,sans-serif; padding:11px 52px; text-align:center; width:100%; }

.sort-tags .col strong,
.filter-tags .col strong { display:flex; flex-wrap:wrap; font-size:1.0625rem; line-height: 1.5rem;}
.filter-tags .col strong span { font-size:11px; font-family:GothamLight,sans-serif; order:1; width:100%; margin-bottom:-3px; margin-top:-3px;}
.filter-tags .col strong span:after { content:'Selected'; display:inline-block; padding-left:2px; }

/* listing */

.listing-counts { 
    overflow:hidden;
    font-size:13px;
    margin-bottom:27px;
}

.listing-counts > * {
    vertical-align:middle;
}


.listing-counts > div {
    white-space: nowrap;
    margin-top:9px;
    text-align: left;
}


.listing-counts a {
    display:inline-block;
    padding:2px 18px 0px 16px;
    background-color:#FAFAFA;
    border-radius:4px;
}

.listing-counts a:first-child {
    margin-left:0;
}

.listing-counts a:last-child {
    margin-right:0;
}

.listing-counts a span {
    margin-right:3px;
    position:relative;

    margin-left: 3px;
    width: 12.5px;
    height: 12.5px;
    display: inline-block;

}

.listing-counts a.clear-filters {display: none;}
.listing-counts a span:after,
.listing-counts a span:before {
    content:'';
    position:absolute;
    top:9px;
    right:-2px;
    width:17px;
    height:1px;
    background-color:#2B2A2A;
    margin-top:-1px;
}

.listing-counts a:not(.clear-filters):hover {
  cursor: default !important; 
}
.listing-counts span:hover {
  cursor: pointer !important; 
}

.listing-counts a span:after {
  transform:translateY(-50%) rotate(45deg);
}

.listing-counts a span:before {
  transform:translateY(-50%) rotate(-45deg);
}

.listing-counts.hide_desktop > span { display:none; }

.listing-items {
    flex-wrap:wrap;
    align-items:start;
    margin-left:-4px;
    margin-right:-4px;
}

.listing-item {
    width:50%;
}
.listing-item:nth-child(4n+1){
    clear:both;
    display:block;
}

.listing-item h3.title,
.listing-item p.price { font-size:14px; font-family:Escrow-Roman,sans-serif; line-height:17px; }
.listing-item h3.title { color:#494949; text-transform:none; font-weight:normal; margin-top:2px; letter-spacing:0; }
.listing-item p.price { color:#C49A6C; margin-top:3px; margin-bottom:25px; }
.listing-item .additional-content { display:none; }


/*sale*/
.listing-item p.sale_tag, p.sale_tag {font-family:Escrow-Roman,sans-serif; font-size: 11px; line-height: 17px; color: #6D1C25; letter-spacing: 1px;}

.sale_container {margin-right: 7px;}
.sale_container + h1 {margin-top: 4px !important; margin-bottom: 13px !important;}
.sale_container + h1 + .product__share {margin-top: 5px;}
.sale_container h3.original_price {text-decoration: line-through; border-bottom: 0px; font-size: 17px; line-height: 20px; font-family:Escrow-Roman,sans-serif; color: #C49A6C; }
.sale_container p.sale_tag {margin-bottom: -6px;}

body.single-product .product_container .product__body .product__id.has_sale {margin-top:-9px; margin-bottom: -3px;}


.button-primary.next-post {width: 100%; margin-top: 9px; margin-bottom: 55px;}
.button-primary.next-post > a {width: 100%;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 11px;
    font-family: Escrow-Roman,sans-serif;
    text-transform: uppercase;}


/* loading */

.loading {
    display:block;
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    background-color:#fff;
    opacity:0.8;
    z-index:50000;
}

.loading.hidden {
    display:none;
}


/* For filters */
.filter-anchor {
    padding-right:10px;
    width:100%;
}

.filter-anchor span:first-child {
    width:16px;
    height:16px;
    border:1px solid #C49A6C;
    display:inline-block;
    vertical-align:top;
    margin-right:8px;
    margin-top:3px;
    position:relative;
}

.filter-anchor.selected span:first-child {
    background-color:#C49A6C;
}

.filter-anchor.selected:after,
.filter-anchor.selected:before {
    background-color:#fff !important;
    z-index:1;
}

.filter-anchor span:last-child {
    width:calc(100% - 30px);
    display:inline-block;
    vertical-align:top;
    margin-top: -1px;
}

.sort-anchor,
.filter-anchor span:last-child {
    font-size:15px;
    color:#2B2A2A;
}


.sort-tags .col,
.listing-items .col {
  padding-left:4px !important;
  padding-right:4px !important;
}


.container.filter-tags {height: calc(100vh - 206px); overflow-y: scroll; display: block; padding-bottom: 125px; padding-top: 69px;}

input.price-filter-input::before {content:"S$";}

.filter-tags.col.active {position: relative;}
.filter-tags .col.active::after {content: ""; display: block; position: absolute; top: 22px; right: 21px; width: 12px; height: 12px; border-top: 1px solid #000; border-left: 1px solid #000; transform: rotate(45deg);}

.filter-tags.col {position: relative;}
.filter-tags .col::after {content: ""; display: block; position: absolute; top: 15px; right: 21px; width: 12px; height: 12px; border-top: 1px solid #000; border-left: 1px solid #000; transform: rotate(225deg);}


.clear-filters {text-decoration: underline;}

.listing-counts .swiper-slide {width: fit-content !important;}
.listing-counts {margin-bottom: 10px;}

/*Cheryl edit*/
/*Product Collection ad*/
.c__ad_hide{display: none;}
.s_ad_wrap{width: 100%; position: relative; }
.s_ad_wrap>div{position: relative; top: 0; left: 4px; width: calc(100% - 8px); overflow: hidden;}
.s_ad_wrap>div>img{position: relative; top: 0; left: 0;}
.s_ad_wrap.full_width{width: 100%; height:auto; margin-bottom: 0px;}
.s_ad_wrap.full_width>div{position: relative;}
.s_ad_wrap.full_width>div>img{position: relative;}
/* .zanna_section .s_ad_wrap + div + div{margin-left: 50%;} */
.zanna_section .s_ad_wrap.full_width + div + div{margin-left: 0; margin-right: 0px;}
.s_ad_test.desktop{display: none;}
.s_ad_test.desktoponly{display: block;}
body.single-product .faq { overflow:hidden; }
/*cheryl end*/

/*sticky configs*/
.section-filter {position: sticky; z-index: 2; top: 58px;}
.filter-swiper-container {position: sticky; top: 122px; background-color: #fff; padding-top: 11px; padding-bottom: 18px; margin-top: -1px;}
.listing-item-wrapper .post-thumbnail__url {line-height: 0 !important;}
.listing-item-wrapper .post-thumbnail {margin-bottom: 14px;}

/*product detail page for lack of collections*/
body.single-product main#main > article.product#no-collection .faq {margin-bottom: 30px;}


html {min-height: 100%; height: 100%;}
body, #page {height: inherit;}

/*angel edit*/
.page-template-unsubscribe .site-content { min-height:calc(100% - 493px); margin-bottom:184px; } 
/*end angel edit*/
.page-template-unsubscribe .section-unsubscribe { padding-top:89px; }

.filter-swiper-container > span {font-size: 0.8125rem;}
.filter-swiper-button-next,.filter-swiper-button-prev {display: none !important;}


/*notification-popup*/

/* craig edit */
  .popup-component .notification-popup {position: fixed; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 10000; -webkit-transition: opacity .20s, visibility .20s; -moz-transition: opacity .20s, visibility .20s; transition: opacity .20s, visibility .20s; visibility: hidden; opacity: 0; box-sizing:border-box; padding-left:18px !important; padding-right:18px !important; margin:0; text-align:center; width:100%; }

  .popup-component .notification-popup > div { background-color: #fff; padding-bottom: 20px; position: relative; box-sizing:border-box; padding-left:27px !important; padding-right:27px !important; padding-top:18px; padding-bottom:54px; margin:0; }

  .popup-component .notification-popup h3 { font-size:19px; line-height:24px; color:#C49A6C; margin-top:28px; margin-bottom:18px; font-family: Escrow-Light,sans-serif; }
  .popup-component .notification-popup p { font-size:15px; line-height:24px; }
  .popup-component .notification-popup p a { position:relative; }
  .popup-component .notification-popup p a:after { content:""; display:block; position:absolute; width:100%; height:1px; background:#C49A6C; bottom:0px; left:0; }
  .popup-component .notification-popup p a.btn_cta { width:100%; max-width:285px; background:#6D1C25; color:#FFF; font-family: Escrow-Roman,sans-serif; font-size:15px; height:46px; line-height:46px; margin-top:27px; }
  .popup-component .notification-popup p a.btn_cta:after { display:none; }

  .popup-component .popup-overlay { width: 100%; height: 100%; background-color: #000; position: fixed; top: 0; left: 0; z-index: 9999; -webkit-transition: opacity .20s, visibility .20s; -moz-transition: opacity .20s, visibility .20s; transition: opacity .20s, visibility .20s; visibility: hidden; opacity: 0;}

  .popup-component .close_popup {display: block; width: 18px; height: 18px; margin-left: auto;}
  .popup-component .close_popup > div {width: 20px; height: 20px; position: relative;}
  .popup-component .close_popup > div::before {transform: rotate(45deg);}
  .popup-component .close_popup > div::after {transform: rotate(-45deg);}
  .popup-component .close_popup > div::before, .popup-component .close_popup > div::after {display: block; content: ""; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0px; top: 7px;}

  .popup-component.open {visibility: visible; opacity: 1;}
  .popup-component.open .popup-overlay {visibility: visible; opacity: 0.65;}
  .popup-component.open .notification-popup {visibility: visible; opacity: 1;}
/* craig edit end */



/*how to buy*/

.howbuy-component {margin-top: 40px; margin-bottom: 72px;}
.howbuy-component h1 {width: 250px; background-color: #fff; margin-top: -16px !important; margin-bottom: 20px !important;}
.howbuy-component > div {display: block;}
.howbuy-component > div > div.col {padding-left: 18px !important; padding-right: 18px !important;}
.howbuy-component > div > div.col > div {border: 5px solid #ccc9c4;}

.howbuy-component a {position: relative;}
.howbuy-component a::after {width: 100%; height: 1px; background-color: #ccc9c4; content: ""; display: block; position: absolute; bottom: 0px; left: 0px;}
.howbuy-component > div > div > div > div {max-width: 200px; margin: 0 auto;}
.howbuy-component > div > div > div > div > div.col > div {display: flex; flex-wrap: wrap;}

.howbuy-component > div > div > div > div > div.col:first-child > div > p {margin-top: 13px;}
.howbuy-component > div > div > div > div > div.col:nth-child(3) > div > p {margin-top: 5px;}
.howbuy-component > div > div > div > div > div.col:last-child > div > p {margin-top: 5px;}

.howbuy-component > div > div > div > div > div.col {margin-bottom: 22px;}
.howbuy-component > div > div > div > div > div.col:first-child {margin-bottom: 15px;}
.howbuy-component > div > div > div > div > div.col:last-child {margin-bottom: 30px;}
.howbuy-component > div > div > div > div > div.col > div > div {width: 50px; margin-right: 10px;}
.howbuy-component p {height: 100%; }
.howbuy-component img.email {width: 30px; margin: 0 auto; display: block;}
.howbuy-component img.whatsapp {width: 30px; margin: 0 auto; display: block;}
.howbuy-component img.paynow {width: 40px; margin: 0 auto; display: block;}
.howbuy-component img.delivery {width: 40px; margin: 0 auto; display: block;}


/*end how to buy*/

/*telegram*/
.icon-telegram-square > img {width: 22px; height: 22px;}

/*whatsapp*/
.icon-whatsapp-square > img {width: 22px; height: 22px;}



.e__h1 {font-size: 1.1875rem; line-height: 1.5rem;}

.c__boutiqueLocations {box-sizing: border-box; margin-top: 31px;}
.c__boutiqueLocations .e__h1 {text-align: center; font-family: 'Escrow-Light';}
.c__boutiqueLocations .e__h1 + p, .c__boutiqueLocations script + p {text-align: center; max-width: 668px; margin: 0 auto;}
.c__boutiqueLocations .e__h1 + p {margin-top: 8px;}
.c__boutiqueLocations p {font-size: 0.9375rem; line-height: 1.4375rem; font-family: 'GOTHAMLIGHT';}
body.page-template-store-locator #map {margin-top: 30px; margin-bottom: 32px; height: auto; padding-top: 100%; width: calc(100% + 36px); transform: translateX(-18px); -webkit-transform: translateX(-18px);}
.c__boutiqueLocations .area + .area {margin-top: -5px;}
.c__boutiqueLocations .area > div > .store:nth-child(2) .subtitle {margin-top: 9px !important; font-size: 1.1875rem; line-height: 1.5rem;}

.c__boutiqueLocations h3 {font-family: 'Escrow-Light';}
.c__boutiqueLocations h4.subtitle, body.page-template-store-locator .section-locations .subtitle {font-family: 'Escrow-Light'; font-size: 1.1875rem; line-height: 1.5rem;}

.c__boutiqueLocations .section-locations {margin-top: 5px;}
body.page-template-store-locator .section-locations .title {margin-bottom: 12px;}
body.page-template-store-locator .section-locations .subtitle {margin-bottom: 17px;}
body.page-template-store-locator .section-locations .direction .icon-location-arrow {top:  7px;}
body.page-template-store-locator .section-locations .store {margin-bottom: 31px;}
body.page-template-store-locator .section-locations .direction {padding-left: 20px;}
body.page-template-store-locator .section-locations .direction .icon-location-arrow {font-size: 15px;}

.c__boutiqueLocations .direction {color: #C49A6C !important; margin-top: 1px;}

#main {max-width: 1320px; margin: 0 auto;}

.gold-prices {padding-left: 18px; padding-right: 18px;}

#mc_embed_signup input[type="submit"] {-webkit-appearance:  none;}
/*FAQ TWEAKS CHERYL EDIT*/




@media screen and (min-width: 375px) {
  .filter-tags .col.active > ul > li.price-slider input {
    width:128px;
  }
}

@media screen and (min-width: 480px) {
  /*angel edit*/
  .page-template-unsubscribe .site-content { min-height:calc(100% - 509px); margin-bottom: 161px;}
}

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

  .page-template-unsubscribe .site-content {min-height: calc(100% - 482px);}

}

/*end angel edit*/

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

    /*Cheryl edit*/ 
  /*Product Collection ad*/ 
  
  .s_ad_wrap{width: 66.66%; /*margin-bottom: -340px;*/}
  .zanna_section .s_ad_wrap + div + div{margin-left: 66.66%;}
  .s_ad_wrap>div{position: absolute; }
  .s_ad_wrap>div>img{position: absolute; }
  .s_ad_wrap.full_width{display:none;}
  .s_ad_wrap[data-index="7"] +div +div +div +div +div +div{display:none;} 
  .s_ad_wrap:not(.s_ad_wrap.full_width) .s_ad_test > a > img{height:100%; width:auto; max-width:none; transform:translateX(-50%); position: absolute; left: 50%;}
  .s_ad_test > a{position:absolute; height:100%; width:100%;}

 
  /*cheryl end*/

  .button-primary.next-post {max-width: 280px; display: block; margin: 0 auto; margin-bottom: 55px; margin-top: -8px;}

  .show_tablet { display:block; }
  .show_tablet.clear-filters {display: none;}
  .hide_tablet { display:none; }

  .zanna_section .container { padding:0 36px; padding-bottom: 18px;}
  .zanna_div.masthead { margin-bottom:13px; }

  .listing-items { margin-bottom:18px; }
  .listing-item { width:33.33%; }
  .listing-item h3.title { margin-top: 2px; }
  .listing-item p.price { margin-bottom:24px; }

  .filter-tags > strong { font-size:24px !important; margin-top:2px; margin-bottom:13px; }
  .filter-tags .col.active > ul > li button { display:inline-block; padding-top:9px; margin-left:14px; }

  .filter-tags .col,
  .filter-tags + div,
  .sort-tags .col.active { padding-left:36px !important; padding-right:36px !important; }
  .sort-close { right:18px; }

  .zanna_section h1 { font-size:1.5rem; line-height:1.7rem; margin-bottom:18px; }

  .filter-by + div strong { font-size:1.5rem;}

  .filter-tags > div:first-child {padding-top: 31px;}
  .filter-close {right: 18px;}

  .container.filter-tags {padding-top: 71px;}
  .filter-tags .col.active::after {right: 38px;}

  #custom_unsubscribe_form {padding-top: 0px; padding-bottom: 68px;}
  /*angel edit */
  .page-template-unsubscribe .site-content {min-height: calc(100% - 409px); margin-bottom: 0px; margin-top: 0px; height: auto;}

  /*end angel edit*/

  .filter-tags .col::after {right: 39px;}
  /*.page-template-unsubscribe .site-content { min-height:calc(100% - 513px); }*/

  /* craig add */
  .popup-component .notification-popup { padding-left:36px !important; padding:36px !important; }
  .popup-component .notification-popup > div { max-width:650px; margin-left:auto; margin-right:auto; }
  /* craig add end */


  .howbuy-component h1 {width: 310px;}
  /* .howbuy-component > div > div.col {padding-left: 36px !important; padding-right: 36px !important;} */


  /*sale*/
  body.single-product .product_container .product__body .product__id.has_sale.has_original_price {flex-wrap: wrap; margin-top: 1px;}
  body.single-product .product_container .product__body .product__id {flex-wrap: wrap; margin-top: -3px;}

  .sale_container {width: 100%; display: flex;}
  .sale_container p.sale_tag {margin-right: 7px; margin-bottom: 0px; margin-top: 0px;}
  .sale_container + h1 {margin-bottom: 16px !important;}
  .sale_container + h1 + .product__share {margin-top: 10px;}


  .c__boutiqueLocations {padding-left: 27px; padding-right: 27px;}
  body.page-template-store-locator #map {padding-top: 56.25%; width: calc(100% + 54px); transform: translateX(-27px); -webkit-transform:  translateX(-27px);}
  body.page-template-store-locator .section-locations .subtitle {margin-bottom: 17px;}
  .c__boutiqueLocations .e__h1 {font-size: 1.5rem; line-height: 1.6875rem;}
  .c__boutiqueLocations .area > div {display: flex; flex-wrap: wrap; max-width: calc(100% + 18px); transform: translateX(-9px); -webkit-transform: translateX(-9px);}
  .c__boutiqueLocations .area > div > div:first-child {width: 100%;}
  .c__boutiqueLocations .area > div > .store {width: 50%; box-sizing: border-box; padding-left: 9px; padding-right: 9px; flex-basis: auto;}
  .c__boutiqueLocations .area > div > .store:nth-child(3) .subtitle {margin-top: 9px !important;}
  


}

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

  .page-template-unsubscribe .site-content .gold-prices {display: none !important;}
  .c__boutiqueLocations .area > div > .store {max-width: none !important;}
  .c__boutiqueLocations .section-locations {margin-top: 0px;}
  body.page-template-store-locator .section-locations .direction .icon-location-arrow {font-size: 15px;}

}


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

  #custom_unsubscribe_form p > span {display: block;}


}


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

  .filter-tags .col::after {display: none;}
  /*common classes*/

  .hide_mobile { display:block; }
  .hide_desktop { display:none; }

  /*enable body scrolling even when filter is open on desktop sizes*/
  body.mobile-filter-open {overflow-y: scroll;}

  .zanna_section .container { max-width:1604px; }
  .zanna_section h1 + .zanna_article { max-width:668px; margin-left:auto; margin-right:auto; }

  .filter-tags > strong { margin:0; }

  /*angel edit*/
  .sort-tags .col { /*adj padding-top:1px !important; */ margin-top: 0px;}
  .sort-by > strong:nth-child(2) {margin-bottom: 3px;}
  /*end angel edit*/

  .sort-tags .col > ul { width:calc(100% + 23px); margin-left:-23px; }
  .sort-tags .col > ul,
  .filter-tags .col > ul { position:absolute; top:100%; left:2px; }
  .filter-tags .col > ul { width:250px; }

  .sort-tags .col > ul:before,
  .filter-tags .col > ul:before { position:absolute; top:-1px; left:-100vw; background:#ffffff; box-shadow:0px 2px 5px -3px rgba(0,0,0,0.5); z-index:-1; content:''; width:300vw; height:100%; }

  .sort-tags .col > ul li,
  .filter-tags .col > ul li { position:relative; z-index:9; margin-top: 7px;}
  .filter-tags .col.active > ul { padding-bottom:26px; margin-top:14px; margin-left:-5px; }
  .filter-tags .col.active > ul > li,
  .filter-tags .col.active > ul > li li { margin-top:1px; }

  .sort-tags li { margin-bottom:1px; }
  .sort-tags ul { padding-bottom:26px; padding-top:16px; }

  .sort-tags .col.active strong:after,
  .filter-tags .col.active strong:after { background:#C49A6C; height:1px; content:''; position:absolute; bottom:-1px; left:0; }

  .sort-tags .col.active strong:after,
  .filter-tags .col.active strong:after { width: 100%; }

  .filter-tags .col.active:first-child strong.has_count:after {width: 83%}

  .sort-tags .col.active strong:after {width: 100%;}

  .section-filter { position:sticky;  padding-bottom:0px; z-index:998; padding-top: 24px;}
  .filter-swiper-container a.clear-filters {padding: 2px 0px 0px 0px; background-color: transparent; border-radius: 0px; cursor: pointer; margin-top: -2px; display: block; width: 98px; text-decoration: none; position: relative; margin-right: -5px !important; font-size: 0.8125rem;}
  .filter-swiper-container a.clear-filters:after {content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: 4px; left: 0px; background-color: #C49A6C;}
  .filter-swiper-container { margin-top:5px; }
  /*here*/
  .filter-swiper-container {/*top: 202px;*/ padding-top: 34px; z-index: 996; display: flex; padding-left: 36px; padding-right: 36px; flex-wrap: wrap;}
  /*end here*/
  .filter-swiper-1 {width: 100%;}
  .filter-swiper-container > span {margin-right: 18px;}
  .filter-swiper-container > div {width: calc(100% - 287px); margin-bottom: 0px; position: relative; margin-left: 22px; display: block;}
  .filter-swiper-container > div.empty-swiper {display: none;}



  .filter-tags {
      width:100%;
      background-color:#fff;
  }

  .filter-tags + div { display:none; width: 78%;}
  .filter-tags .col.active > ul > li label { font-size:13px; margin-top:15px; margin-bottom:14px; line-height:16px; }
  .filter-tags .col.active > ul > li.price-slider { padding-left:25px; padding-bottom:11px; width:calc(100% + 25px); margin-top:-3px; }
  .filter-tags .col.active > ul > li.price-slider input { width:108px; padding:12px 10px 11px; }
  .filter-tags .col.active > ul > li.price-slider button { width:108px; margin-bottom:0; padding:5px 0 6px; margin-left:0; }

  .sort-tags,
  .filter-tags { justify-content:space-between; margin-top:-5px; }

  .sort-tags .col { padding-left:0 !important; padding-right:0 !important; }

  .filter-tags .col { width:auto !important; padding-left:18px !important; padding-right:42px !important; padding-top:0; padding-bottom:0; }
  .filter-tags .col:first-child { padding-left:0 !important; }
  .filter-tags .col:first-child ul { margin-left:-25px !important; }

  .filter-tags .col:before,
  .sort-tags .col strong:before { content:"\A"; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #686868; position:absolute; right:26px; top:50%; transform:translateY(-50%); }
  .sort-tags .col strong:before { right:0; }

  .sort-tags .col strong,
  .filter-tags .col strong { display:block; }

  .filter-tags .col strong span { display:block; background-color:#C49A6C; color:#fff; text-align:center; font-size:0.5625rem !important; line-height:1rem; margin-right:3px; margin-top:-9px; vertical-align:middle; width:15px; height:15px; border-radius:50%; position:absolute; top:50%; right:100%; font-family: Gotham-Medium; padding-top: 1px;}
  .filter-tags .col strong span:after { display:none; }

  .sort-tags .col strong,

  .sort-anchor,
  .filter-anchor span:last-child { font-size:13px; line-height:16px; }
  .filter-anchor span:last-child { margin-top:2px; }
  .filter-anchor span:first-child { margin-top:1px; }
  .filter-anchor span:first-child:before { margin-top:0; }

  .col.active .selected:after,
  .col.active .selected:before { top:10px; }

  .sort-tags .col.active { position:static; background-color:#fff; padding-right:0 !important; padding-left:0 !important; padding-bottom:0; }
  .sort-tags .col.active strong { display:block; }
  .sort-tags .col.active .sort-close { display:none; }

  .sort-by strong,
  .filter-by + div { text-align:left; width:78%;}
  .filter-by + div.active {display: block; background: transparent; overflow-y: unset; position: static;}
  .sort-by {z-index: 999;}

  /*angel edit*/

  .filter-tags > div { display:flex; /*adj*/ margin-top:0px; /*end adj*/}
  
  .filter-tags .col.active > ul > div { position:absolute; top:0; /*adj*/ left:calc(100% + 36px); /*end adj*/ width:100%; margin-top:-2px; }
  .filter-tags .col.active > ul > div + div { left:200%; }
  .filter-anchor span:last-child { font-size:13px; }

  /*end angel edit*/

  .sort-by { width:158px; border:0; text-align:left; padding:0; }
  /*.sort-by { width:138px; border:0; text-align:left; padding:0; }*/
  .sort-by > strong { margin-top:-5px; }

  /*angel edit*/
  .sort-tags { position:static; width: /*adj*/ auto; /*end adj*/  /* padding-right:18px !important; */ }
  /*end angel edit*/
  .sort-tags > .col > strong { padding-right:20px; opacity:1; display:inline-block; }

  .listing-counts > * { display:inline-block; border:0; }
  .listing-counts > div { margin-top:0; margin-left:40px; }

  .listing-item { position:relative; }

  /*angel edit*/
  .container.filter-tags {overflow: hidden; padding-top: 0px; width: 100vw; /* adj max-height: 37px; end adj*/}
  .filter-tags > div:first-child {position: static; padding-top: 0px;}
  .filter-tags .col.active::after {display: none;}

  .container.filter-tags.tags-open {/*adj max-height: 60vh; end adj*/ position: absolute;}

  .sort-by > strong:nth-child(2), .filter-tags > div > strong:first-child, .filter-tags .col strong,.sort-tags > .col > strong {font-family: Gotham-Medium, sans-serif; font-size: 0.8125rem; line-height: 1rem; color:#BFBFBF; font-weight: 100;}
  .filter-tags .col strong,.sort-tags > .col > strong {color: #686868;}
  .filter-tags .col strong {width: calc(100% + 17px);}
  /*here*/
  .filter-tags .col:first-child strong.has_count {margin-left: 20px;}
  /*end here*/
  .filter-tags > div:first-child {padding-bottom: 0px;}
  .filter-tags > div:nth-child(2) {margin-top: 7px;}

  .sort-tags .col strong {height: unset;}
  .sort-tags .col.active {padding-top: 3.5px;}

  /*.filter-tags .col.active > ul > li {margin-top: 6px;}*/
  .filter-tags .col.active > ul > li {margin-top: 1px;}
  .filter-tags .col.active > ul > div {margin-top: 6px;}
  .filter-tags .col.active > ul > div > li {margin-top: 0px;}
  .filter-tags .col.active > ul > div > li:not(:first-child) {margin-top: 6px;}

  .swiper-container {display: flex; flex-wrap: wrap;}
  .filter-tags > div > strong:first-child:after {content: ":";}

  .container.filter-tags:not(.tags-open) {height: unset;}
  .listing-counts > div.swiper-wrapper {margin-left: 0px;}

  .container.filter-tags {height: auto; overflow-y: unset; overflow: unset;}

  .sort-tags .grey_background {margin-top: 2px;}

  .container:after {margin-bottom: 3px;}

  /*display filter as 2 col*/
  .filter-tags .col.active > ul.split {-webkit-column-count: 2;  /* Chrome/Opera, Safari */ -moz-column-count: 2; /* Mozilla Firefox */ column-count: 2; width: 518px;}
  /*.listing-item-wrapper .post-thumbnail__url {line-height: 0 !important;}
  .listing-item-wrapper .post-thumbnail {margin-bottom: 12px;}*/


  .filter-swiper-1 {display: flex; flex-wrap: nowrap;}
  .filter-swiper-1 > span:first-child {background-color: #fff; z-index: 2; width: fit-content; padding-right: 17px;}
  .filter-swiper-1 .swiper-wrapper {width: 0px;}
  .zanna_section .container {padding-bottom: 0px;}
  .sort-tags .col > ul {padding-top: 6px;}
  .filter-tags .col.active > ul {padding-top: 19px; margin-top: 0px;}
  .filter-tags .col.active > ul > li:first-child {margin-top: 0px;}
  .sort-tags .col > ul li {margin-top: 0px;}
  .sort-tags .col > ul li:first-child {margin-top: 5px;}
  .section-filter {margin-bottom: -12px; margin-top: 44px;}

  /* angel edit */
  .page-template-unsubscribe .site-content { padding-top:171px !important; margin-top:0 !important; }
  .page-template-unsubscribe .section-unsubscribe { padding-top:0; }
  /* end angel edit */

  #custom_unsubscribe_form h1 {margin-top: 30px;}

  .button-primary.next-post {margin-top: -8px; margin-bottom: 70px;}
  .listing-items {padding-left: 36px; padding-right: 36px;}


  .filter-swiper-button-next,.filter-swiper-button-prev {width: 20px; height: 20px; z-index: 1; position: absolute; display: block !important; top: 4px;}
  .filter-swiper-button-next.hidden,.filter-swiper-button-prev.hidden {display: none !important;}
  .filter-swiper-button-next {margin-left: auto; margin-right: 1px; right: -20px; top: 3px;}
  .filter-swiper-button-prev {margin-right: auto; margin-left: 1px !important; left: -18px;}
  .filter-swiper-button-next.swiper-button-disabled,.filter-swiper-button-prev.swiper-button-disabled {opacity: 0.2 !important;}
  .filter-swiper-button-next:before, .filter-swiper-button-next:after, .filter-swiper-button-prev:before, .filter-swiper-button-prev:after {width: 12px; height: 1px; background-color: #000; position: absolute; content: ''; display: block; bottom: 0px;}
  .filter-swiper-button-next:before {right: 0px; transform-origin: top right; transform: rotate(-45deg); bottom: 9px;}
  .filter-swiper-button-next:after {right: 0px; transform-origin: bottom right; transform: rotate(45deg); top: 10px;}

  .filter-swiper-button-prev:before {left: -2px; transform: rotate(136deg); top: 6px;}
  .filter-swiper-button-prev:after {left: -2px; transform: rotate(-135deg); bottom: 5px;}



  /*.listing-counts a:first-child {margin-left: 19px;}*/
  .filter-swiper-1 {margin-bottom: 0px;}


  /*here*/
  .filter-swiper-container {padding-bottom: 28px;}
  /*end here*/
  .filter-swiper-container > div {margin-left: 57px; width: calc(100% - 315px);}
  .filter-swiper-container.no-pagination > div {margin-left: 40px; width: calc(100% - 298px) !important;}


  /*how buy*/

  /*.howbuy-component > div > div > div > div {max-width: none; display: flex; flex-wrap: wrap;}*/
  .howbuy-component > div > div > div > div > div.col.hide_desktop {display: block !important}
  .howbuy-component > div > div > div > div > div.col.show_desktop {display: none !important}

  /*end how buy*/


  /*sale*/
  body.single-product .product_container .product__body .product__id.has_sale.has_original_price {margin-top: 0px;}
  body.single-product .product_container .product__body .product__id {margin-top: -2px;}


  /*boutique locations*/
  .c__boutiqueLocations {margin-top: 169px;}
  .c__boutiqueLocations .area > div > .store {max-width: none !important; }
  .c__boutiqueLocations .section-locations {margin-top: 0px;}
  body.page-template-store-locator #map {padding-top: 50%;}

}

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

    .howbuy-component > div > div > div > div {max-width: none; display: flex; flex-wrap: wrap; max-width: 795px; margin-left: auto; margin-right: auto;}
    .howbuy-component > div > div > div > div > div.col {margin-right: 20px;}
    .howbuy-component > div > div > div > div > div.col.hide_desktop {display: none !important}
    .howbuy-component > div > div > div > div > div.col.show_desktop {display: block !important}
    .howbuy-component > div > div > div > div > div.col:nth-child(4) {margin-top: 6px;}
    .howbuy-component > div > div > div > div > div.col:nth-child(4) > div > div {width: 32px;}

    .howbuy-component > div > div > div > div > div.col > div > div {width: 35px; margin-right: 12px;}
    .howbuy-component > div > div > div > div > div.col:nth-child(4) > div > div {margin-right: 0px;}
    .howbuy-component img.email {width: 22px; margin: 0px; margin-top: 2px;}
    .howbuy-component img.whatsapp {width: 20px; margin: 0px;}

    .howbuy-component > div > div > div > div > div.col:nth-child(5) {margin-top: 5px;}
    .howbuy-component > div > div > div > div > div.col:last-child {margin-top: 1px;}


    .howbuy-component > div > div > div > div > div.col:first-child > div > p {margin-top: 5px;}

}

@media screen and (min-width: 965px){
    .howbuy-component > div > div.col {padding-left: 36px !important; padding-right: 36px !important; }
}

@media screen and (min-width: 1000px) {
  .zanna_section .container {
    padding-left: 54px;
    padding-right: 54px;
  }

  /*Cheryl edit*/ 
  /*Product Collection ad*/ 
  
  .s_ad_wrap{width: 50%;  /*margin-bottom: -340px;*/}
  .zanna_section .s_ad_wrap + div + div{margin-left: 0px; margin-right: 50%;}
  .s_ad_test.desktop{display: block;}
  .s_ad_test.mobile{display: none;}
  .s_ad_wrap.full_width{display:block;}
  .s_ad_wrap[data-index="7"] +div +div +div +div +div +div{display:block;}
 
 
  /*cheryl end*/

  .zanna_div.masthead img { width:100%; }

  .listing-item { width:25%; }


  /*angel edit*/
  .container.filter-tags {display: flex; flex-wrap: nowrap;}
  .filter-tags > div:nth-child(2) {margin-right: auto;}
  /*end angel edit*/

  .listing-item {width: 25%;}

  .filter-tags > div:first-child {width: 80px;}
  .filter-tags > div:nth-child(2) {margin-top: 0px;}

  .sort-by {width: 211px; display: flex; flex-wrap: nowrap; margin-top: -5px;}
  .filter-by + div {width: calc(100% - 211px);}
  .sort-by .sort-tags {padding-right: 0px !important; margin: 0px; margin-top: -5px; width: 140px;}
  .sort-by > strong {margin-top: 0px;}
  .sort-tags > .col {margin-top: -2px;}
  /*here*/
  .sort-tags .col.active {padding-top: 1.5px;}
  /*end here*/
  .sort-tags .grey_background {margin-top: 0px;}

  .sort-by > strong:nth-child(2) {width: fit-content; margin-right: 17px;}
  .sort-tags .col > ul {left: 71px;}

  .filter-swiper-container {top: 176px;}

.section-filter{top:146px;}

  /*how to buy*/
/* 
  .howbuy-component > div > div.col {padding-left: 54px !important; padding-right: 54px !important;} */

  /*end how to buy*/

  /*boutique locations*/
  .c__boutiqueLocations {max-width: 1320px; margin: 0 auto; margin-top: 169px;}
  body.page-template-store-locator #map {width: calc(100% + 92px); transform: translateX(-46px); -webkit-transform:  translateX(-46px);}
  .c__boutiqueLocations .area > div > .store {width: 33.33%;}
  .c__boutiqueLocations .area > div > .store:nth-child(4) .subtitle {margin-top: 9px !important;}

}

@media screen and (max-width:817px){
  .filter-by + .col.active {
      position:fixed;
      left:0;
      right:0;
      width:auto!important;
      top:0;
      bottom:0;
      display:block!important;
      z-index:999;
      background-color:#fff;
  }

  .listing-counts:not(.real) {
      display:block;
  }
}



/*temp css cos of current nav*/
.section-filter {/*position: sticky;*/ z-index: 2; /*top: 105px; padding-top: 36px; margin-top: -7px;*/}
body.mobile-filter-open .section-filter {z-index: 998;}
/*.zanna_section.full_width_content .zanna_div {padding-bottom: 0px;}
.filter-swiper-container {top: 205px;}*/

.sort-tags .col.active {padding-top: 52px;}
.sort-close {top: 13px;}



@media only screen and (min-width: 768px){
/*    .section-filter {top: 161px;}
    .filter-swiper-container {top: 261px;}*/

    body.page-template-store-locator .section-locations .title {padding-bottom: 0px; border-bottom: 0px; margin-bottom: 11px;}
}

@media only screen and (min-width: 818px){
/*    .section-filter {top: 164px;}
    .filter-swiper-container {top: 234px;}*/
    .filter-swiper-container {z-index: 1;}

    .sort-tags .col.active {padding-top: 3.5px;}


    .gold-prices {padding-left: 36px; padding-right: 36px;}
}

@media only screen and (min-width: 1000px){
    .sort-tags .col.active {padding-top: 1.5px;}
    .c__boutiqueLocations {padding-left: 0px; padding-right: 0px;}
    body.page-template-store-locator #map {width: 100%; transform: none; -webkit-transform:  none;}

    .gold-prices {padding-left: 54px; padding-right: 54px;}

}

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

    /*how to buy*/

.howbuy-component > div > div.col {padding-left: 54px !important; padding-right: 54px !important;}

/*end how to buy*/
}

@media screen and (min-width: 1428px) {
    .filter-swiper-container, .listing-items, .section-filter, .zanna_section .container {padding-left: 0px; padding-right: 0px;}
    .c__boutiqueLocations .area > div {transform: translateX(0px); -webkit-transform: translateX(0px);}
}


.collections_promotions.one-of-a-kind .section-masthead, .collections_promotions.legacy .section-masthead, .collections_promotions.eternity-knot .section-masthead, .collections_promotions.poh-heng-pearls .section-masthead, .collections_promotions.auspicious .section-masthead, .collections_promotions.freestyle .section-masthead {background-position: top;}

/*CHERYL END*/
body.page-template-faq .section-faq.c__customclass_privileges .question{padding: 17px 58px 17px 33px !important;}
.section-faq.c__customclass_privileges .container .list .faq .question .toggle-faq{padding: 0 49px;}
.section-faq.c__customclass_privileges .container .list .faq .answer{padding: 0  16px 10px 21px}
.section-faq.c__customclass_privileges .container .list .faq .answer>ul{padding-left: 2px;}

.section-faq.c__customclass_faq .container .list .faq .question{padding: 17px 59px 17px 33px !important;}
.section-faq.c__customclass_faq .container .list .faq .answer{padding: 0  34px 10px 34px}
.section-faq.c__customclass_faq .container .list .faq .question .toggle-faq{padding: 0 50px;}
body.page-template-faq .section-content.c__customclass_privileges{padding-left: 18px; padding-right: 18px;}


/*media queries*/

/*CHERYL EDIT TERMS*/
.c__tnc{padding-left: 18px; padding-right:18px;}


/*Hubsport Form styling*/
.c__emailform { background: #FAFAFA; padding-top: 24px; padding-bottom: 27px; }
.c__emailform form { box-sizing: border-box; padding-left: 18px; padding-right: 18px;}
.c__emailform fieldset { border:none; padding:0; }
.c__emailform h5 { font-size: 0.875rem; line-height: 1rem; letter-spacing: 0; font-family: Escrow-Light, serif; text-align: center; margin-bottom: 15px;}
.c__emailform input { border: 1px solid #BFBFBF; margin-bottom: 4px; text-align: center; font-size: 0.9375rem; line-height: 1.6em; font-family: GothamLight, sans-serif; box-sizing: border-box; width: 100%; padding: 13px 18px 11px ;}
.c__emailform input[type="submit"] { -webkit-appearance: none; font-family: Escrow-Roman, serif; border: none; letter-spacing: 0.1em;  padding-top: 10px; padding-bottom: 15px;  margin: 12px 0 0; border-radius: 0px !important;}
.c__emailform input::placeholder { color: #161616; }

.c__emailform .s_error, .c__emailform .s_invalid, .c__emailform .s_success { display:none; }
.c__emailform .error ~ .s_error { display:block;  font-weight: normal ; color: #C50000; text-align: center;  font-size: 0.8125rem; line-height: 1rem; padding: 0px; padding-top: 4px; margin: 0px; }
.c__emailform .invalid ~.s_invalid { display:block;  font-weight: normal ; color: #C50000; text-align: center;  font-size: 0.8125rem; line-height: 1rem; padding: 0px; padding-top: 4px; margin: 0px; }
.c__emailform.success .s_success {  display:block;  font-weight: normal ;  text-align: center;  font-size: 0.8125rem; line-height: 1rem; padding: 0px; padding-top: 4px; margin: 0px;}

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

    .c__emailform { padding-bottom: 23px; padding-top: 22px; }
    .c__emailform form { padding-left: 36px; padding-right: 36px; }
    .c__emailform form > div { display: flex; flex-wrap: nowrap; align-items: flex-start; align-content: flex-start; max-width: 668px; margin-left: auto; margin-right: auto; }
    .c__emailform h5 { font-size: 1.1875rem; line-height: 1.5rem; margin-bottom: 14px; }

    .c__emailform fieldset { width: auto; margin-right: auto; flex: 1 1 auto; }
    .c__emailform input[name="email"] { border-right: none; text-align: left; padding: 13px 18px 10px; }
    .c__emailform input[type="submit"]{ padding: 13px 34px 12px; margin-top: 0; width: auto; flex: 0 0 auto;}
    .c__emailform .error ~ .s_error, .c__emailform .invalid ~.s_invalid, .c__emailform.success .s_success { text-align: left; padding-left: 18px; }

}