/* http://minifycode.com/css-minifier/ */

/*
Janis Savitt Lookbook
‘
’
“
”

\2018 - Left Single Smart Quote
\2019 - Right Single Smart Quote
\00A9 - Copyright
\2713 - Checkmark
\2192 - Right arrow
\2190 - Left arrow
*/

@import url("fonts.css");
@import url("cart.css");
@import url("reset.css");

/* ==========================================================================
	00. READY
========================================================================== */

html * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  height: 100%;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 62.5%;
}

body {
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -webkit-highlight: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 1.5rem;
  font-family: "Garamond-FB-Display-Regular", Times, serif;
  color: #111;
}

#background {
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.green {
  color: #0c0;
}

.red {
  color: #ea202d;
}

.gold {
  color: #bf9858;
}

.blue {
  color: #20b7fc;
}








/* ==========================================================================
	00. gfb-display
========================================================================== */

.Display-Light {
  font-family: "Garamond-FB-Display-Light", Times, serif;
}

.Display-Light-Italic {
  font-family: "Garamond-FB-Display-Light-Italic", Times, serif;
}

.Display-Regular {
  font-family: "Garamond-FB-Display-Regular", Times, serif;
}

.Display-Italic {
  font-family: "Garamond-FB-Display-Italic", Times, serif;
}

.Display-Semi-Bold {
  font-family: "Garamond-FB-Display-Semi-Bold", Times, serif;
}

.Display-Semi-Bold-Italic {
  font-family: "Garamond-FB-Display-Semi-Bold-Italic", Times, serif;
}

/* ==========================================================================
	00. type
========================================================================== */

/* italic */

i {
  font-family: "Garamond-FB-Display-Italic", Times, serif;
}

.footer--post ul li span.cat {
  font-family: "Garamond-FB-Display-Italic", Times, serif;
}

/* light italic */

h1 i,
h3 i {
  font-family: "Garamond-FB-Display-Light-Italic", Times, serif;
}

.mega .nav__item.current h3 {
  font-family: "Garamond-FB-Display-Light-Italic", Times, serif;
}

/* semi bold */

.footer--post ul li span.name {
  font-family: "Garamond-FB-Display-Semi-Bold", Times, serif;
}

/* ==========================================================================
	00. font sizes
========================================================================== */

/* p */

p,
.footer--post ul li {
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: 0.025em;
}

@media (max-width: 767px) {
p,
.footer--post ul li {
  font-size: 2rem;
}
}

/* pdp description */

@media (min-width: 768px) {
.pdp-description p {
  font-size: 2rem;
}
}

/* h1 */

h1 {
  font-family: "Garamond-FB-Display-Light", Times, serif;
  font-size: 6rem;
  line-height: 1;
  letter-spacing: -0.03em;
}

@media (min-width: 768px) {
.intro h1 {
  font-size: 8rem;
  line-height: 1;
  letter-spacing: -0.03em;
}
}

/* h3 */

h3 {
  font-family: "Garamond-FB-Display-Light", Times, serif;
  font-size: 4.6rem;
  line-height: 1.1;
  letter-spacing: -0.025em;
}

@media (max-width: 1024px) {
h3 {
  font-size: 3.7rem;
}
}

/* h4 */

h4 {
  font-family: "Garamond-FB-Display-Regular", Times, serif;
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: 0.025em;
}

@media (max-width: 767px) {
h4 {
  font-size: 2rem;
}
}

/* h5 */

h5 {
  font-family: "Garamond-FB-Display-Regular", Times, serif;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: 0.025em;
}

@media (max-width: 1024px) {
.pdp-no h5 {
  font-family: "blair-light", sans-serif;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.pdp-no h5::before {
  font-family: "blair-medium", sans-serif;
  content: 'sku: ';
}
}

/* h6 */

button,
input,
label,
select,
sup,
h6 {
  font-family: "blair-light", sans-serif;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

h6 b {
  font-family: "blair-medium", sans-serif;
}

/* ==========================================================================
	00. edits
========================================================================== */

.pdp-description p,
.pdp-description h3 {
  text-transform: capitalize;
}

.word--lowercase {
  text-transform: none;
}



















img.lazyload,
img.lazyloading {
  opacity: 0;
}

img.lazyloaded {
  opacity: 1;
}

.section__row::after {
  clear: both;
  content: "";
  display: table;
}

.img-wrap,
.assets,
.asset-wrap {
  position: relative;
}

.transparent {
  background: none !important;
  background-color: none !important;
}

.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transform: none;
  transform: none;
}

/* ==========================================================================
	00. assets
========================================================================== */

.img-holder,
.video-holder,
.asset-holder {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.img-holder.bg-color,
.video-holder.bg-color {
  background-color: #f4f4f4;
  background-color: rgba(160, 160, 160, 0.1);
}

.video-holder,
.article--press .img-holder,
.article--press .video-holder {
  background-color: #f4f4f4;
  background-color: rgba(160, 160, 160, 0.1);
}

.img,
.video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.img-holder img,
.video-holder video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

.article--press .img-holder img,
.article--press .video-holder video {
  opacity: 0;
}

.img.img--bg {
  opacity: 0;
}

.img-holder img:not(.img-loaded) {
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s;
}

.loaded .img,
.loaded .img--bg,
.img--bg.loaded,
.img-holder .img-loaded,
.video-holder .video-loaded {
  opacity: 1 !important;
  transition: opacity 375ms ease-in-out 500ms;
}

.loaded .figure--cycle .img,
.loaded .figure--cycle .img--bg,
.figure--cycle .img-holder .img-loaded {
  transition: opacity 0s 0s !important;
}

.loaded-delay .img-holder {
  background-color: transparent !important;
  transition: background 300ms ease-in-out 450ms;
}

.img-holder:not(.img-loaded) {
  background-size: 0;
}











/* ==========================================================================
	00. main
========================================================================== */

#main {
  font-size: 0;
  line-height: 0;
  text-align: center;
}

#main.back-button-clicked section .header,
#main.back-button-clicked .content-menu-bg,
#main.back-button-clicked section .section__container {
  opacity: 0;
}

.main__container {}

/* ajax */

#ajax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100%;
}

#ajax.fixed {
  position: fixed;
}

/* content */

#content {
  position: absolute;
  position: static;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#content.fixed {
  width: 100%;
  position: fixed;
}

#content + #content {
  display: none;
}

.no-touchevents #content:not(:first-of-type) {
  display: none;
  height: 0;
  overflow: hidden;
  clear: both;
}

.no-touchevents body:not(.site-ready) #content {
  position: fixed;
}

html.no-touchevents.barba-enabled body:not(.site-ready) #content {
  position: static;
}

#content:not(:first-of-type) {
  height: 0;
  overflow: hidden;
}

.html--intro #content {
  position: fixed !important;
}

/* layout */

.layout {
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 150px 0;
}

@media (max-width: 1024px) {
.layout {
  padding: 120px 0;
}
}

.layout.bleed {
  margin: 0;
  padding: 0;
}

/* ==========================================================================
	00. edits
========================================================================== */

.layout:not(#pdp) {
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 250ms;
}

.site-ready .layout:not(#pdp) {
  opacity: 1;
}

.section--pdp {
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 250ms;
}

.section--pdp.ready {
  opacity: 1;
}

/* products */

#products.layout {
  padding: 60px 0 0;
}

@media (min-width: 1025px) {
#products.layout {
  padding: 120px 0 0;
}
}

/* pdp */

.article__container {
  -webkit-transition: opacity 250ms ease-in-out 125ms;
  transition: opacity 250ms ease-in-out 125ms;
}



















.masthead {}

/* ==========================================================================
	00. menu logo
========================================================================== */

.snip-open .site-logo a {
  pointer-events: none !important;
}

.site-logo {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  pointer-events: none;
  text-align: center;
  z-index: 998;
}

@media (max-width: 1024px) {
.site-logo {
  top: 10px;
}
}

@media (min-width: 1025px) {
.scrolled-past-menu .scroll-logo .site-logo,
.scroll-logo.scrolled-past-menu .site-logo,
.site-logo.not-active {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s 1s, opacity 1s;
  transition: visibility 0s 1s, opacity 1s;
}
}

.site-logo,
.site-logo.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s 0s, opacity 1s;
  transition: visibility 0s 0s, opacity 1s;
}

.site-logo a {
  display: inline-block;
  pointer-events: auto;
}

.mega-open .site-logo a {
  pointer-events: none;
}

.site-logo span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  z-index: 3;
  font-family: "MicroSquareEx", sans-serif;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
.site-logo span {
  font-size: 25px;
}
}

@media (max-width: 767px) {
.site-logo span {
  font-size: 17.5px
}
}

/* ==========================================================================
	00. menu
========================================================================== */

.header--menu {}

#menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  min-height: 80px;
  z-index: 100;
}

.menu__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.menu__wrap:before,
.menu__wrap:after {
  display: table;
  content: "";
  line-height: 0;
}

.menu__wrap:after {
  clear: both;
}

.menu__background {
  pointer-events: none;
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  border-bottom: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.0);
  background-color: transparent;
  margin: 0 auto;
  max-width: 9991700px;
  position: fixed;
  z-index: -1;
  height: 81px;
}

@media (max-width: 1024px) {
.menu__background {
  height: 61px;
  background-color: rgba(255, 255, 255, 0.99);
  border-bottom-color: #e6e6e6;
}
}

.show-menu__background .menu__background {
  background-color: rgba(255, 255, 255, 0.99);
}

@media (min-width: 1025px) {
.finejewelry .menu__background,
.fashionjewelry .menu__background {
  background-color: rgba(255, 255, 255, 0.99);
}
}

/* force menu bg */

.html--in .force-menu__background .menu__background {}
.force-menu__background .menu__background {
  -webkit-transition: background 125ms 0ms, border 0ms 0ms;
  transition: background 125ms 0ms, border 0ms 0ms;
  background-color: rgba(255, 255, 255, 0.99);
  border-bottom-color: #e6e6e6;
}

.html--out .force-menu__background .menu__background {
  z-index: 100;
}

body[data-state*="products"].force-menu__background.snip-open-delay .menu__background {
  border-bottom-color: transparent;
}

#menu nav {
  margin: auto;
  display: inline-block;
  position: absolute;
  pointer-events: none;
  top: 20px;
}

@media (min-width: 1025px) {
#menu .nav--left {
  top: 30px;
  left: 40px;
}

#menu .nav--right {
  top: 30px;
  right: 40px;
}
}

@media (max-width: 1024px) {
#menu nav {
  display: none;
}

#menu nav.nav--right {
  display: block;
  top: 0;
  right: 0px;
}

.nav__group--utilities {
  display: none !important;
}
}

/* .menu__list */

.menu__list {
  pointer-events: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
  float: left;
}

.menu__list:after {
  content: "";
  display: block;
  clear: both;
}

.menu__list li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
}

.menu__list li:not(:last-of-type) {
  margin-right: 20px;
}

.menu__list li a {
  display: inline-block;
}

.menu__list li.current a {
  pointer-events: none;
}

.menu__list li.active span,
.menu__list li.current span {
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
  border-color: rgba(0, 0, 0, 0.5);
}

/* force */

body.landing .nav__item--fine span {
  border-bottom: 0 !important;
}

body.landing .nav__item--fashion span {
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
  border-color: rgba(0, 0, 0, 0.5);
}

body.landing .nav__item--fashion a {
  pointer-events: none;
}

/* ==========================================================================
	00. nav sub
========================================================================== */

#menu .nav--sub {
  top: 80px;
  left: 0;
  right: 0;
  z-index: 4;
  height: 40px;
  background-color: white;
  display: none;
  text-align: left;
}

#menu .nav--sub.active {
  display: block;
}

#menu .nav--sub:before,
#menu .nav--sub:after {
  pointer-events: none;
  display: block;
  content: '';
  z-index: 1;
  position: absolute;
  top: -1px;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
}

#menu .nav--sub:before {
  top: 0;
  bottom: auto;
}

#menu .nav--sub:after {
  top: auto;
  bottom: 0;
  bottom: -1px;
}

#menu .nav--sub ul {
  position: relative;
  padding: 10px 40px;
}

#menu .nav--sub ul li {
  color: #999;
}

#menu .nav--sub ul li.current {
  color: #111;
  pointer-events: none;
}

@media (max-width: 1024px) {
#menu .nav--sub {
  display: none !important;
}
}

#menu .nav--sub ul li:not(:last-of-type) {
  margin-right: 20px;
}

#menu .nav--sub ul li span {
  border: 0;
}

/* ==========================================================================
	00. nav group
========================================================================== */

.nav__group {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.nav__group--fine,
.nav__group--fashion {
  display: none;
}

.nav__group--fine.active,
.nav__group--fashion.active {
  display: block;
}

@media (min-width: 1025px) {
.nav__group--cart {
  margin-right: 20px;
}
}














#content article:not(.loaded) figure {
  cursor: progress !important;
}

article:not(.loaded) .article__link {
  display: none !important;
}

/* content locked */

.content-locked #logo a,
.content-locked #menu ul li a {
  pointer-events: none;
}

/* ==========================================================================
	00. global
========================================================================== */

@media (min-width: 1025px) {
.nav__item.current a,
.cart-open #menu a,
.in-transit a,
.in-transit div,
.in-transit {
  pointer-events: none !important;
}
}

/* ==========================================================================
	00. header
========================================================================== */

.header {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: center;
}

.header .header__container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.header__cat,
.header__title {
  position: relative;
}

/* ==========================================================================
	00. global
========================================================================== */

.text-block {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

/* group */

.group {
  position: relative;
  margin: 0 auto;
}

.group:after {
  content: "";
  display: block;
  clear: both;
}

/* else */

[class*="-block"] {
  position: relative;
}

.g-block {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
}

.g-caption {
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
}

/* ==========================================================================
	00. else
========================================================================== */



























/* ==========================================================================
	00. section index - for fine and fashion index
========================================================================== */

.section--index {
  position: relative;
  padding-top: 80px;
}

@media (max-width: 1024px) {
.section--index {
  padding-top: 60px;
}
}

.section--index .group__container {
  position: relative;
  margin: 0 auto;
  max-width: 1280px;
}

/* borders */

.section--index .group:before,
.section--index article:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #e6e6e6;
  bottom: initial;
  height: 1px;
}

/* item */

.section--index article {
  position: relative;
  width: 100%;
  max-width: 100% !important;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
.section--index article {
  width: 50%;
}
}

/* container */

.section--index article .article__container {
  padding: 60px 40px 50px;
}

.section--index article.bleed-top .article__container {
  padding-top: 0;
}

/* figure */

.section--index article figure {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
}

/* holder */

.section--index article .img-holder {
  height: 0px;
  background-color: transparent;
}

@media (min-width: 768px) {
.section--index article .img-holder {
  padding-bottom: 87.5% !important;
}

.section--index article.bleed-top .img-holder {
  padding-bottom: -webkit-calc(87.5% + 60px) !important;
  padding-bottom: calc(87.5% + 60px) !important;
}
}

/* img */

@media (min-width: 768px) {
.section--index article .img-holder .img {
  left: 40px;
  right: 40px;
}

.section--index article .img-holder .img img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
}

/* figcaption */

.section--index article figcaption {
  position: relative;
  margin-top: 30px;
}
























/*
.box-shadow-border-bottom {
  box-shadow: 0 1px 0 0 red;
}
*/

/* ==========================================================================
	00.
========================================================================== */

.section--products {
  position: relative;
  text-align: left;
}

.section--products .section__container {}

/* ==========================================================================
	00. article
========================================================================== */

/* borders */

.section--products article:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #e6e6e6;
  bottom: initial;
  height: 1px;
  pointer-events: none;
}

@media (min-width: 1025px) {
.section--products article {
  box-shadow: 1px 0 0 0 #e6e6e6, 0 1px 0 0 #e6e6e6;
}
}

.section--products article {
  position: relative;
  width: 100%;
  max-width: 100% !important;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

@media (min-width: 1025px) {
.section--products article {
  width: 33.333333%;
}

.section--products article.is-large {
  width: 50%;
}
}

/* container */

@media (min-width: 1025px) {
.article--product .article__container {
  opacity: 0;
}

.article--product.loaded .article__container {
  opacity: 1;
}
}

.section--products article .article__container {
  padding: 60px 40px 50px;
}

@media (max-width: 767px) {
.section--products article .article__container {
  padding-left: 20px;
  padding-right: 20px;
}
}

.section--products article.bleed-top .article__container {
  padding-top: 0;
}

/* figure */

.section--products article figure {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

@media (min-width: 1025px) {
.section--products article figure {
  max-width: 400px;
}

.section--products article.is-large figure {
  max-width: 640px;
}
}

@media (max-width: 767px) {
.section--products article figure {
  padding: 0 20px;
}
}

/* holder */

.section--products article .img-holder {
  height: 0px;
  background-color: transparent;
}

@media (min-width: 1025px) {
.section--products article .img-holder {
  padding-bottom: 56.25% !important;
}
}

@media (min-width: 1025px) {
.section--products--bracelets article .img-holder,
.section--products--earrings article .img-holder {
  padding-bottom: 75% !important;
}

.section--products--necklaces article .img-holder {
  padding-bottom: 87.5% !important;
}

.section--products--necklaces article.bleed-top .img-holder {
  padding-bottom: -webkit-calc(87.5% + 60px) !important;
  padding-bottom: calc(87.5% + 60px) !important;
}
}

/* img */

@media (min-width: 1025px) {
.section--products article .img-holder .img {
  left: 40px;
  right: 40px;
}

.section--products article.bleed-top .img-holder .img {
  left: 0px;
  right: 0px;
}

.section--products article .img-holder .img img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.section--products article.bleed-top .img-holder .img img {
  margin-top: 0;
}
}

.section--products article .img-holder .img img {
  -o-object-fit: contain;
  object-fit: contain;
}

/* figcaption */

.section--products article figcaption {
  position: relative;
  margin-top: 30px;
}

@media (min-width: 1025px) {
.section--products article figcaption {
  padding: 0 20px;
}
}

.pdp-no,
.pdp-description,
.pdp-details,
.pdp-price,
.pdp-tw,
.pdp-also {
  position: relative;
}

.visible-lightbox-only {
  display: none;
}

.pdp-description {}

@media (max-width: 1024px) {
.lightbox .pdp-description {
  display: none;
}

.article--product .pdp-description {
  padding: 20px 10px;
}

.article--product .pdp-price {
  margin-top: 20px;
}

.article--product .pdp-description + .pdp-price {
  margin-top: 0px;
}
}

@media (min-width: 1025px) {
.article--product .pdp-description,
.article--product .pdp-details,
.article--product .pdp-tw {
  display: none;
}
}

/* ==========================================================================
	00. cart edits
========================================================================== */

/* product summary */

.lightbox .product-summary {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 2;
}

@media (min-width: 1025px) {
.article--product .product-summary {
  display: none;
}
}

@media (max-width: 1024px) {
.lightbox .product-summary {
  display: none;
}

.article--product .product-summary {
  position: relative;
  left: 0;
  padding: 0 10px;
  padding-top: 30px;
  padding-bottom: 10px;
}
}

@media (max-width: 767px) {
.article--product .product-summary {
  padding-left: 40px;
  padding-right: 40px;
}
}

/* price */

.product-summary__price {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 30px 40px;
  background-color: #fff;
}

@media (max-width: 1024px) {
.lightbox .product-summary__price {
  padding: 20px;
}

.article--product .product-summary__price {
  display: none;
}
}

/* pdp options */

.pdp-options {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  padding: 30px 40px;
  z-index: 2;
  text-align: center;
  background-color: #e7e8e9;
}

@media (max-width: 1024px) {
.lightbox .pdp-options {
  padding: 20px;
}

.article--product .pdp-options {
  width: 50%;
  padding: 0px 10px;
  background-color: transparent;
}
}

@media (max-width: 767px) {
.article--product .pdp-options {
  width: 100%;
  padding: 0;
}
}

.article--product .pdp-options .pdp-select {
  position: relative;
  display: block;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.article--product .pdp-options .pdp-select::after {
  pointer-events: none;
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url('data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjEyIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMiA3Ij48ZGVmcz48cGF0aCBpZD0iYSIgZD0iTS0uNS0zaDEzdjEzaC0xM3oiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTExLjUgMUw2IDYgLjUgMSIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: 50%;
}

.pdp-options .pdp-select select {
  font-family: "blair-light", sans-serif;
  border-radius: 0;
  width: 100%;
  display: block;
  padding: 0px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #111;
  border: 0px solid #ccc;
  background-color: transparent;
  transition: border 0.15s;
}

@media (max-width: 1024px) {
.article--product .pdp-options .pdp-select select {
  height: 40px;
  text-indent: 20px;
}
}

/* button */

.pdp-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 1024px) {
.article--product .pdp-button {
  width: 50%;
  padding: 0 10px;
}
}

@media (max-width: 767px) {
.article--product .pdp-button {
  width: 100%;
  padding: 0;
}
}

.pdp-button button {
  font-family: "blair-medium", sans-serif;
  margin: 0 auto;
  padding: 30px 40px;
  background-color: #111;
  color: #fff;
  display: block;
  width: 100%;
}

@media (max-width: 1024px) {
.lightbox .pdp-button button {
  padding: 20px;
}

.article--product .pdp-button button {
  padding: 10px 20px;
  background-color: #111;
}
}

/*
@media (max-width: 767px) {
.article--product .pdp-button {
  display: block;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  color: #111;
}

.article--product .product-summary.no-options .pdp-button button {
  background-color: transparent;
  color: #111;
}
}
*/

/* not active */

.pdp-button.not-active {
  pointer-events: none;
}

.pdp-button.not-active button {
  pointer-events: none;
  background-color: #2d4ca6;
  background-color: #999;
  text-decoration: line-through;
}

@media (max-width: 767px) {
.pdp-button.not-active button {
  background-color: #999;
}
}

@media (max-width: 767px) {
.article--product .pdp-options + .pdp-button {
  margin-top: 20px;
}
}

/* try again */

.pdp-button.try-again button {}









/* ==========================================================================
	00. pdp info form - for rings
========================================================================== */

.pdp-button__dummy {
  color: white;
  padding: 10px 20px;
}

.lightbox .pdp-button__dummy {
  padding: 30px 40px;
}

.pdp-button__dummy h6 {
  font-family: "blair-medium", sans-serif;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.pdp-button__dummy.disabled {
  display: block;
  background: #999;
}

.pdp-info-form .pdp-button button {
  display: none;
}

.pdp-button button.active {
  display: block;
}


















/* ==========================================================================
	00. press
========================================================================== */

.press-sections {
  position: relative;
  width: 100%;
}

.section--post {
  position: relative;
  margin-bottom: 120px;
}

.section--post:last-of-type {
  margin-bottom: 0;
}

.section--post .section__container {
  padding: 0 10px;
}

/* max 1170 */

@media (min-width: 1025px) {
.section--post .section__container {
  max-width: 1250px;
  padding: 0 30px;
}
}

@media (max-width: 767px) {
.section--post .section__container {
  padding: 0 0px;
}
}

.header--post {
  position: relative;
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 30px;
}

.header--post h3 i {
  white-space: nowrap;
}

.article--press {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 0 10px;
}

@media (min-width: 1025px) {
.article--press.article--50 {
  width: 50%;
}
}

.article--press.break {
  display: block;
}

@media (max-width: 767px) {
.article--press {
  width: 100%;
  padding: 0 20px;
}
}

.article--press figure {
  position: relative;
  margin: 0 auto;
}

.footer--post {
  position: relative;
}

.footer--post ul {
  position: relative;
  padding: 0 20px
}

.footer--post ul li {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.footer--post ul li span {
  position: relative;
  display: inline;
}

.footer--post ul li span.cat:after {
  content: ': ';
}

.footer--post ul li span.name:before {
  content: '';
}
























/* ==========================================================================
	00. ABOUT
========================================================================== */

.section--about {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.section--about .header .header__container {
  max-width: 1000px;
  padding: 0 20px;
}

.section--about .section__container {
  padding: 0 20px;
}

.section--about article {
  position: relative;
  margin: 0 auto;
}

.section--about .text-block {
  max-width: 800px;
  text-align: left;
}

@media (min-width: 768px) {
.section--about .text-block {
  margin-top: 30px;
}
}

@media (max-width: 767px) {
.section--about .text-block {
  margin-top: 25px;
}
}










/* ==========================================================================
	00. info
========================================================================== */

.info-sections {
  width: 100%;
  position: relative;
}

.info__section {
  width: 100%;
  position: relative;
}

.info__section:not(:last-of-type) {}

.info__section .header {
  margin-bottom: 30px;
}

.info__section .header .header__container {
  padding: 0 20px;
}

.info__section .section__container {}

.info__block {
  position: relative;
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
}

.text-center .info__block {
  text-align: center;
}

@media (min-width: 768px) {
.info__block + .info__block {
  margin-top: 30px;
}
}

@media (max-width: 767px) {
.info__block + .info__block {
  margin-top: 25px;
}
}

.info__block p + p {
  margin-top: 1.25em;
}

/* new */

.info__block h4 {
  font-family: "Garamond-FB-Display-Semi-Bold", Times, serif;
}

.info__block h4:after {
  content: ':';
}









































:focus:-moz-placeholder,
:focus::-moz-placeholder,
:focus:-ms-input-placeholder,
:focus::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button,
input {
  letter-spacing: 1px;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border: none;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* ==========================================================================
	00. FORM RESET
========================================================================== */

.show-password #content {
  position: fixed;
}

.section--password {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1043;
  font-family: "blair-light", Helvetica, sans-serif;
  display: none;
}

.show-password .section--password {
  display: block;
}

.section--password {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation: fadeIn 1s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;
  animation: fadeIn 1s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.section--password .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.section--password .wrapper .table {
  display: table;
  width: 100%;
  height: 100%;
}

.section--password .wrapper .table .table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}

/* background */

.password-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(253, 253, 253, 0.98);
}

.password-background {
  background-position: 50%;
  background-repeat: repeat;
  background-size: 75%;
  background-size: auto;
  opacity: 0;
  -webkit-transition: opacity 375ms ease-in-out 500ms;
  transition: opacity 375ms ease-in-out 500ms;
}

.password-background.lazyloaded {
  opacity: 1;
}

/* aside */

.password {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 40px;
  background-color: #fff;
  z-index: 2;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.password__block {
  position: relative;
  margin: 0 auto;
}

.password__block.password__block--form {
  margin: 30px 0;
}

#passwordform {
  position: relative;
}

#pass::-webkit-input-placeholder {
  color: inherit;
}

input[type='password'] {
  position: relative;
  font-size: 10px;
  line-height: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #e7e8e9;
  padding: 0 20px;
  width: 100%;
  height: 40px;
  text-align: center;
}

.touchevents input[type='password'] {
  text-transform: none;
}

.password input {
  margin-bottom: 20px;
}

.password button {
  position: relative;
  font-size: 10px;
  line-height: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #111;
  padding: 0 20px;
  width: 100%;
  height: 40px;
  margin: 0;
  cursor: pointer;
  font-family: "blair-medium", Helvetica, sans-serif;
  color: #fff;
}

.password button {
  -webkit-transition: background-color 1000ms 250ms, color .5s ease-in-out;
  transition: background-color 1000ms 250ms, color .5s ease-in-out;
}

.no-touchevents .password button:hover {
  color: #fff;
  background: #111;
  border-color: #ddd;
}

.password-valid #pass,
.password-valid #password-submit {
  pointer-events: none;
  opacity: 0.85;
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
}

.invalid input#pass {
  background-color: #111 !important;
  color: #ccc;
  -webkit-transition: background-color 500ms;
  transition: background-color 500ms;
  -webkit-animation-name: blink;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: blink;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#password-submit.not-active {
  opacity: 0.95;
  text-decoration: line-through;
  pointer-events: none;
}








.nav__item.nav__item--masks {
  display: none !important;
}