body {
  font-family: 'Gill Sans Fonts', sans-serif;
  color: #1e222b;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.05em;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Northwell, sans-serif;
  font-size: 54px;
  line-height: 1.5em;
  font-weight: 400;
  text-align: center;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0.2em;
  font-family: Northwell, sans-serif;
  color: #1e222b;
  font-size: 46px;
  line-height: 2em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.07em;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Gill, sans-serif;
  color: #000;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 500;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

p {
  margin-bottom: 0px;
}

a {
  text-decoration: underline;
  color: #283b64;
}

label {
  display: block;
  margin-top: 28px;
  margin-bottom: 5px;
  font-weight: 700;
}

.empty-card-image {
  max-height: 200px;
  max-width: 200%;
}

.page-wrapper {
  position: relative;
  max-width: 2560px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.collection-image-div {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
}

.collection-image-div.one {
  padding-top: 100%;
  background-image: url('../images/Banana.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.collection-image-div.two {
  padding-top: 100%;
  background-image: url('../images/Speaker.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.collection-image-div.three {
  padding-top: 100%;
  background-image: url('../images/Headphone.jpg');
  background-position: 50% 3%;
  background-size: cover;
  background-repeat: no-repeat;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}

.container.padding-70-70 {
  padding: 70px;
}

.container.padding-70-70.footer {
  background-color: hsla(0, 0%, 95%, 0);
}

.container.padding-70-70.newsletter {
  text-align: center;
}

.container.padding-70-70.how-it-works {
  padding-right: 80px;
  padding-left: 80px;
}

.container.padding-70-70.collections {
  padding-right: 60px;
  padding-left: 60px;
}

.container.padding-70-70.product {
  height: 100vh;
  padding-top: 150px;
  padding-bottom: 92px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.container.height {
  height: 100%;
}

.h2.name {
  font-family: 'Gill Sans Fonts', sans-serif;
  color: #283b64;
  font-size: 24px;
  line-height: 1.9em;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: auto;
}

.category-main-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.category-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  padding-right: 2.5%;
  padding-left: 2.5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
  text-align: center;
  text-decoration: none;
}

.category-div:hover {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.how-it-works-main-div {
  position: relative;
  background-image: url('../images/Line.svg');
  background-position: 50% 25%;
  background-size: 96%;
  background-repeat: no-repeat;
}

.step-image-div {
  display: block;
  width: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
}

.step-image-div.second {
  float: right;
  background-image: url('../images/personalise-web.jpg');
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.step-image-div.first {
  padding-top: 50%;
  background-image: url('../images/pick-your-design-web.jpg');
  background-position: 0px 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.step-image-div.third {
  padding-top: 50%;
  background-image: url('../images/step3.jpg');
  background-position: 0px 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.step-div {
  position: relative;
}

.step-div.second {
  margin-top: 70px;
  margin-bottom: 70px;
}

.h3.category {
  margin-bottom: 1em;
  font-family: 'Gill Sans Fonts', sans-serif;
  font-size: 14px;
  line-height: 2em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.h3.collection {
  margin-bottom: 0.3em;
  font-size: 20px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.h3-div {
  margin-bottom: 0.5em;
  color: #1e222b;
  font-size: 24px;
  line-height: 1em;
  font-weight: 700;
}

.paragraph-div.newsletter-oneliner {
  margin-top: 0px;
  margin-bottom: 1.25em;
  padding-right: 25%;
  padding-left: 25%;
  font-size: 16px;
  line-height: 1.6em;
  text-align: center;
}

.form-block {
  display: inline-block;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  line-height: 1em;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.submit-button {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid #283b64;
  border-radius: 4px;
  background-color: transparent;
  font-family: Gill, sans-serif;
  color: #283b64;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.submit-button:hover {
  background-color: #283b64;
  color: #fff;
}

.submit-button:focus {
  background-color: #283b64;
  color: #fff;
}

.form-input {
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  font-family: Gill, sans-serif;
  letter-spacing: 0.1em;
}

.form-input:focus {
  border-color: #283b64;
  box-shadow: 0 0 2px 0 rgba(40, 59, 100, .5);
}

.div-block {
  width: 300px;
  margin-right: 1em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.how-it-works-image {
  display: block;
  width: 100%;
}

.step-underline {
  display: none;
  width: 80px;
  height: 6px;
  background-image: url('../images/Zig-zag-01.svg');
  background-position: 0px 0px;
  background-size: 10px;
  background-repeat: repeat-x;
}

._100p-100p {
  width: 100%;
  height: 100%;
}

._100p-100p.wg {
  background-image: url('../images/filter-material-silver.png');
  background-position: 50% 50%;
  background-size: 70% 70%;
  background-repeat: no-repeat;
}

._100p-100p.rg {
  background-image: url('../images/filter-material-copper.png');
  background-position: 50% 50%;
  background-size: 70% 70%;
  background-repeat: no-repeat;
}

._100p-100p.yg {
  background-image: url('../images/filter-material-gold.png');
  background-position: 50% 50%;
  background-size: 70% 70%;
  background-repeat: no-repeat;
}

.video-image {
  display: none;
  width: 100%;
}

.steps-div {
  display: block;
  max-width: 320px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.video-div {
  margin-bottom: 60px;
}

.play-icon {
  position: absolute;
  display: none;
  width: 60px;
  height: 60px;
  color: #414042;
}

.footer {
  position: relative;
  display: block;
  background-color: #f2f2f2;
}

.bg-color-white {
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.how-it-works-para-div {
  max-width: 850px;
  margin-right: auto;
  margin-bottom: 2em;
  margin-left: auto;
  font-size: 16px;
  line-height: 1.6em;
  text-align: center;
}

.step-name-div {
  margin-bottom: 0.8em;
}

.bg-color-fafafa {
  background-image: -webkit-linear-gradient(270deg, #fafafa, #fafafa);
  background-image: linear-gradient(180deg, #fafafa, #fafafa);
}

.collection-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.33333%;
  margin: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 6px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
  -webkit-transition: box-shadow 400ms ease, -webkit-transform 400ms ease;
  transition: box-shadow 400ms ease, -webkit-transform 400ms ease;
  transition: box-shadow 400ms ease, transform 400ms ease;
  transition: box-shadow 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
  color: #1e222b;
  text-decoration: none;
}

.collection-div:hover {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.collection-text {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #fff;
}

.step-description-div {
  width: 50%;
  max-width: 600px;
  padding: 25px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .1);
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.step-description-div.first {
  position: absolute;
  left: 45%;
  top: 10%;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.step-description-div.second {
  position: absolute;
  top: 10%;
  right: 45%;
}

.category-image-div {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.category-image-div.cufflink {
  background-image: url('../images/534dd25bebf08c3e30000014_feature-1.png');
  background-position: 50% 50%;
  background-size: 75%;
  background-repeat: no-repeat;
}

.category-image-div.tie {
  background-image: url('../images/534dd264ebf08c3e30000016_feature-2.png');
  background-position: 50% 50%;
  background-size: 75%;
  background-repeat: no-repeat;
}

.category-image-div.lapel {
  background-image: url('../images/534dd26febf08c3e30000017_feature-3.png');
  background-position: 50% 50%;
  background-size: 75%;
  background-repeat: no-repeat;
}

.category-image-div.pocket {
  background-image: url('../images/534dd275ebf08c3e30000018_feature-4.png');
  background-position: 50% 50%;
  background-size: 75%;
  background-repeat: no-repeat;
}

.category-image-div.buttons {
  background-image: url('../images/534dd25bebf08c3e30000014_feature-1.png');
  background-position: 50% 50%;
  background-size: 75%;
  background-repeat: no-repeat;
}

.category-name-div {
  min-width: 160px;
}

.category-description-div {
  display: none;
  color: #949494;
  line-height: 1.3em;
}

.category-description {
  margin-bottom: 0px;
  text-align: center;
}

.motion-graphic-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 140px;
  height: 140px;
  margin-right: auto;
  margin-left: auto;
  padding: 28px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.plus-01 {
  position: absolute;
  left: 19px;
  top: 8px;
  right: 19px;
  bottom: 8px;
  width: 7%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.ribbion-01 {
  position: absolute;
  left: -10px;
  top: 55px;
  right: -10px;
  bottom: 0px;
  width: 15%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.ring-01 {
  position: absolute;
  left: 27px;
  top: 101px;
  right: 27px;
  bottom: 26px;
  width: 6%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.plus-02 {
  position: absolute;
  left: 103px;
  top: 96px;
  right: 0px;
  bottom: 0px;
  width: 6%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.ring-02 {
  position: absolute;
  left: 133px;
  top: 62px;
  right: 4px;
  bottom: 0px;
  width: 4%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.ribbion-02 {
  position: absolute;
  top: 4px;
  right: 11px;
  width: 17%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.hero-image-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Hero-image.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image-div.category {
  background-image: url('../images/Hero-image.png');
  background-size: cover;
  background-repeat: no-repeat;
  cursor: default;
}

.hero-image-div.no-bg {
  height: 50vh;
  min-height: 450px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #f8f8f8;
  background-image: none !important;
}

.logo-link-div {
  width: 144px;
  display: inline-block;
  margin-top: 40px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.hamburger-open-menu {
  position: absolute;
  width: 400px;
  height: 100vh;
  margin-right: 50px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
  font-family: 'Gill Sans Fonts', sans-serif;
  color: #1e222b;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.1em;
}

.hamburger-menu-links {
  display: block;
  padding: 0px 0px 0px 55px;
  clear: left;
  color: #283b64;
  line-height: 3em;
  letter-spacing: 0.1em;
  text-decoration: none;
  cursor: pointer;
}

.hamburger-menu-links.w--current {
  color: #c9c9c9;
}

.social-media-div-v2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  float: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.hamburger-button {
  position: absolute;
  width: 60px;
  height: 60px;
  margin-top: 40px;
  margin-left: 40px;
  padding: 0px;
  color: #283b64;
  cursor: pointer;
}

.hamburger-button.w--open {
  background-color: transparent;
  color: #283b64;
}

.menu-dropdown {
  padding: 16px 75px 16px 55px;
  color: #283b64;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.menu-dropdown:hover {
  background-color: rgba(0, 0, 0, .02);
}

.dropdown-list-items {
  display: block;
  padding: 12px 20px 12px 80px;
  background-color: #fff;
  color: #283b64;
  text-decoration: none;
}

.dropdown-list-items.w--current {
  color: #c9c9c9;
}

.block-minicart {
  left: 0px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 992px;
  height: 100vh;
  margin-left: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15);
}

.cart-back-icon-div {
  position: relative;
  width: 60px;
  height: 60px;
  margin-top: 40px;
  margin-right: 40px;
  margin-bottom: 40px;
  float: right;
  color: #283b64;
  cursor: pointer;
}

.label {
  margin-right: 5px;
  float: left;
}

.price {
  color: #283b64;
  font-size: 18px;
  line-height: 2em;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
}

.price.product-base-price {
  color: #c9c9c9;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.1em;
}

.product-name {
  color: #283b64;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.checkout-button-link {
  padding: 20px 50px;
  border: 1px solid #283b64;
  border-radius: 6px;
  background-color: #283b64;
  font-family: Gill, sans-serif;
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}

.order-confirmation{
  margin-top: 50px;
  margin-bottom: 30px;
}
.checkout-button-link.add-to-bag {
  margin-right: 65px;
  padding: 14px 30px;
  border-style: none;
  letter-spacing: 0.2em;
  cursor: pointer;
}

.shopping-button-link {
  padding: 20px 50px;
  float: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  background-color: #f8f8f8;
  font-family: Gill, sans-serif;
  color: #000;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.25em;
}

.menu {
  margin-right: 15px;
  padding-top: 0.15em;
  float: left;
  font-size: 16px;
  text-transform: uppercase;
}

.carat {
  margin-right: 60px;
}

.carat.hide {
  display: none;
}

.minicart-items-wrapper {
  overflow: auto;
  padding: 15px 55px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: 1px solid rgba(0, 0, 0, .05);
}

.minicart-items-wrapper.empty {
  display: none;
}

.value {
  display: inline-block;
  margin-bottom: 0px;
  float: left;
  font-weight: 300;
}
.minicart-items-wrapper.empty {
  display                 : -webkit-box;
  display                 : -webkit-flex;
  display                 : -ms-flexbox;
  display                 : flex;
  -webkit-box-orient      : vertical;
  -webkit-box-direction   : normal;
  -webkit-flex-direction  : column;
  -ms-flex-direction      : column;
  flex-direction          : column;
  -webkit-box-pack        : center;
  -webkit-justify-content : center;
  -ms-flex-pack           : center;
  justify-content         : center;
  -webkit-box-align       : center;
  -webkit-align-items     : center;
  -ms-flex-align          : center;
  align-items             : center;
}
.div-block-70 {
  width: 100%;
  height: 100%;
  max-height: 250px;
  max-width: 250px;
  padding: 52px;
  border-radius: 125px;
  background-color: #f6f6f6;
}
.image-3 {
  display: block;
}
.text-block-20 {
  margin-top: 20px;
}
.cart-item-quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-item-pricing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 18%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.product-item {
  padding-top: 15px;
  padding-bottom: 15px;
}

.actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer-message {
  margin-top: 1em;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.container-div {
  overflow: auto;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.hamburger-close-icon-div {
  position: relative;
  width: 60px;
  height: 60px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 40px;
  color: #283b64;
  cursor: pointer;
}

.dummy-links {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
}

.dropdown-main {
  border-top: 1px solid rgba(0, 0, 0, .05);
}

.dropdown-menu-name {
  margin-bottom: 0px;
}

.diamond-image {
  width: 100%;
}

.navbar {
  width: 100px;
  height: 100px;
  background-color: transparent;
}

.navbar.hamburger {
  position: absolute;
  left: 0px;
  top: 0px;
}

.navbar.cart {
  position: absolute;
  top: 0px;
  right: 0px;
}

.cart-icon-parent {
  width: 60px;
  height: 60px;
  margin-top: 40px;
  margin-right: 40px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #283b64;
  cursor: pointer;
}

.cart-icon-parent.w--open {
  background-color: transparent;
  color: #283b64;
}

.carat-icon-div {
  width: 23px;
  height: 23px;
  float: right;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

._70p-70p {
  width: 70%;
  height: 70%;
}

.edit-delete-div {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  color: #283b64;
}

.copyright-v2 {
  margin-bottom: 0px;
  font-style: italic;
  text-align: left;
}

.static-link {
  display: block;
  padding: 16px 75px 16px 55px;
  border-top: 1px solid rgba(0, 0, 0, .05);
  color: #283b64;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.static-link:hover {
  background-color: rgba(0, 0, 0, .02);
}

.static-link.w--current {
  color: #c9c9c9;
}

.div-block-31 {
  padding: 30px 75px 40px 0px;
}

.options {
  color: #949494;
  font-size: 14px;
  line-height: 2em;
  letter-spacing: 0.1em;
}

.cart-footer {
  position: relative;
  padding: 20px 55px 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #f8f8f8;
}

.dropdown-list {
  padding-right: 20px;
  background-color: transparent;
}

.page-header {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: 144px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.page-main._100vh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.auto-related-block .left-bottom-padding._1x{
  width: auto;
  max-width: 325px;
  margin: 15px;
  margin: 0 auto;
}

.auto-related .block-title.title {
  justify-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}

.auto-related-block .price-container .price{
  font-size: 11px;
  font-weight: 400;
  color: #949494;
}

.column.main .block.auto-related{
  margin-bottom: 150px;
}

.auto-related-block .owl-nav button.disabled {
  display: none;
}

.news-related-slider-left-arrow, .news-related-slider-right-arrow{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.news-related-slider-left-arrow{
  left: 10px;
}
.news-related-slider-right-arrow {
  right: 10px;
}

.auto-related-block .owl-nav .arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #283b64;
}

.auto-related-block .owl-nav .arrow .carat-icon {
  position: relative;
  width: 100%;
  height: 100%;
}

.auto-related-block .owl-nav .arrow .carat-icon:hover,
.auto-related-block .owl-nav .arrow .carat-icon:focus{
  color: #283b64;
}

.left-bottom-padding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-bottom-padding._1x {
  width: 25%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-bottom-padding._2x {
  width: 50%;
}

.product-name-v2 {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Gill Sans Fonts', sans-serif;
  color: #283b64;
  font-size: 13px;
  line-height: 1.6em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.product-name-v2.price {
  position: relative;
  z-index: 1;
  color: #949494;
}

.product-name-v2-div {
  position: absolute;
  left: 0px;
  bottom: 5%;
  right: 0px;
}

.product-name-v2-div._2x {
  bottom: 5%;
}

.product-link-div {
  position: relative;
  width: 100%;
  color: #000;
}

.product-link-div .product-labels {
  z-index: 9999;
  position: absolute;
  right: 10px;
  top: 10px;
}
.product-link-div .product-labels .product-label.new-label,
.product-info-main-right .product-label.new-label {
  color: #283b64;
  line-height: 1.6em;
  font-size: 10px;
  padding: 7px 7px 5px 7px;
  margin: 0px;
  border-radius: 5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  mix-blend-mode: difference;
  position: relative;
}

.product-link-div .product-labels .product-label.new-label:before,
.product-info-main-right .product-label.new-label:before {
  content: "";
  width: 22px;
  background: #FFF;
  filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns= "http://www.w3.org/2000/svg" ><filter id= "filter" ><feGaussianBlur stdDeviation= "6" /></filter></svg>#filter);
  -webkit-filter: blur(6px);
  filter: blur(6px);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  -webkit-animation: heighlightAnimate 1.5s linear 2ms infinite forwards;
  animation: heighlightAnimate 1.5s linear 2ms infinite forwards;
  opacity: 0;
  position: absolute;
  height: 23px;
  top: -1px;
}

@-webkit-keyframes heighlightAnimate {
  0% {
    opacity: 0;
    left: -15px;
  }
  20% {
    opacity: .3;
    left: 20%
  }
  30% {
    opacity: .45;
    left: 30%
  }
  50% {
    opacity: .45;
    left: 50%
  }
  80% {
    opacity: .45;
    left: 80%
  }
  to {
    opacity: 0;
    left: 100%;
  }
}

.product-info-main-right .product-label.new-label{
  vertical-align: middle;
}

.product-link-div .product-labels.new_label .product-label.new-label{
  /*color: #fff;
  background-color: #283b64;*/
}

.product-link-div._1 {
  background-image: url('../images/im-05-cl-02-RenderModel-REV001-YG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-link-div._2 {
  background-image: url('../images/im-05-cl-01-RenderModel-REV001-BG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-link-div._3 {
  background-image: url('../images/im-04-tp-02-RenderModel-Rev001-YG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-link-div._4 {
  background-image: url('../images/im-02-tp-04-RenderModel-REV001-RG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-link-div._5 {
  background-image: url('../images/im-03-tp-03-RenderModel-REV001-WG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-link-div._6 {
  background-image: url('../images/im-03-pc-02-RenderModel-REV001-YG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-link-div._7 {
  background-image: url('../images/im-03-lp-01-RenderModel-REV001-BG.png');
  background-position: 50% 50%;
  background-size: cover;
}

.product-link-div._8 {
  background-image: url('../images/im-02-tp-04-RenderModel-REV001-RG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-link-div._9 {
  background-image: url('../images/im-02-tp-03-RenderModel-REV001-YG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-link-div._10 {
  background-image: url('../images/im-02-pc-02-RenderModel-REV001-BG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.cart-icons {
  position: relative;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  float: left;
  cursor: pointer;
}

.cart-details-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product-item-photo {
  width: 16%;
}

.options-div.mobile-show {
  display: none;
}

.icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-42 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.div-block-42.bottom-margin{
  margin-bottom: 10px;
}

.div-block-43 {
  padding-right: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.subtotal {
  color: #283b64;
  font-size: 16px;
  line-height: 2em;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.total-amount {
  font-size: 22px;
  line-height: 2em;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.quantity-control-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.minus-plus-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.discount-code {
  display: none;
  margin-bottom: 10px;
  color: #c9c9c9;
  font-size: 12px;
  font-weight: 300;
  text-align: left;
  letter-spacing: 0.15em;
}

.right-arrow-parent {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.product-item-name {
  color: #283b64;
  text-decoration: none;
}

.count {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Gill, sans-serif;
  font-size: 13px;
}

.form-success-message-newsletter {
  width: 100%;
  max-width: 404px;
  padding: 14px;
  border-left: 3px solid #03bf6d;
  border-radius: 6px;
  background-color: #f0f0f0;
  font-size: 14px;
}

.minicart-content-wrapper {
  height: 100%;
}

.block-content {
  height: 100%;
}

.product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-item-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-block-2 {
  margin-bottom: 0px;
}

.filter-ribbon-position {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 98px;
  padding-right: 65px;
  padding-left: 65px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.filter-ribbon-position.shadow {
  box-shadow: 0 -1px 20px 0 rgba(0, 0, 0, .03);
}

.filter-button-icon-div {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  color: #fff;
}

.filter-label {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  font-family: Gill, sans-serif;
  color: #fff;
}

.filter-label.filter {
  font-weight: 300;
}

.filter-label.close {
  opacity: 0;
  -webkit-transform: translate(0px, 35px);
  -ms-transform: translate(0px, 35px);
  transform: translate(0px, 35px);
}

.text-block-12 {
  display: inline-block;
  margin-right: 6px;
  letter-spacing: 0.1em;
}

.text-block-13 {
  display: inline-block;
  font-style: italic;
}

.button-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 124px;
  height: 100%;
  margin-right: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 25px;
  background-color: #283b64;
}

.applied-filters {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.list-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-name {
  display: inline-block;
  font-family: Gill, sans-serif;
  font-size: 12px;
  line-height: 1.75em;
  font-weight: 300;
  text-align: left;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.selected-filter {
  position: relative;
  display: inline-block;
  margin-right: 14px;
  padding: 16px 16px 16px 18px;
  border-radius: 6px;
  background-color: #f6f6f6;
  cursor: pointer;
}

.selected-filter:hover {
  background-color: #e4e7f0;
}

.collection-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.heading {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #c9c9c9;
  font-size: 14px;
  line-height: 3em;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.heading.category {
  color: #949494;
  font-size: 13px;
}

.filter-items {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 16px;
  border-radius: 6px;
  background-color: #f6f6f6;
  cursor: pointer;
}

.filter-add-remove-div {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  color: #c9c9c9;
}

.div-block-52 {
  position: relative;
  display: inline-block;
  width: 58px;
  height: 40%;
  float: right;
  font-size: 12px;
  letter-spacing: 0.2em;
}

.remove-100p-100p {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
}

.add-100p-100p {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

.selected-filter-remove-div {
  width: 20px;
  height: 20px;
  margin-left: 6px;
  color: #c9c9c9;
}

.h1.left {
  line-height: 1.5em;
  text-align: left;
}

.product-count {
  font-size: 12px;
}

.filter-ribbon {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-ribbon.flex-position {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.text-block-14 {
  display: inline-block;
  margin-right: 8px;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.text-block-15 {
  display: inline-block;
  font-size: 13px;
  font-style: italic;
}

.filter-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 1000px;
  padding-right: 30px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: none;
}

.icon-text-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-div {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  color: #fff;
}

.filters-text {
  position: absolute;
  display: block;
  font-family: Gill, sans-serif;
  font-size: 12px;
  line-height: 1.75em;
  letter-spacing: 0.2em;
}

.filters-text.close {
  opacity: 0;
  -webkit-transform: translate(0px, 35px);
  -ms-transform: translate(0px, 35px);
  transform: translate(0px, 35px);
}

.filters-text.f1 {
  -webkit-transform: translate(0px, -6px);
  -ms-transform: translate(0px, -6px);
  transform: translate(0px, -6px);
}

.filter-button {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 14px;
  padding: 16px 82px 16px 16px;
  border-radius: 30px;
  background-image: -webkit-linear-gradient(270deg, #283b64, #283b64);
  background-image: linear-gradient(180deg, #283b64, #283b64);
  cursor: pointer;
}

.filter-with-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  text-align: center;
  letter-spacing: 0.2em;
}

.selected-filter-remove-div-2 {
  width: 20px;
  height: 20px;
  margin-left: 6px;
  color: #c9c9c9;
}

.collection-parent-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.text-div {
  position: relative;
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.1em;
}

.filter-window {
  overflow: auto;
  width: 100%;
  height: 0vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.remaining-clickable-area {
  width: 100%;
  padding: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer;
}

.filter {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  max-width: 2560px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.always-visible {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  padding: 20px 75px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #fff;
}

.padding-controller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 65px 60px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-shadow: none;
}

.must-needed-parent {
  width: 100%;
}

.video-2 {
  cursor: pointer;
}

.filter-main {
  width: 100%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
}

.nav-icons-div {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 99;
  display: block;
  width: 100vw;
  max-width: 2560px;
  margin-right: auto;
  margin-left: auto;
}

.category-paragraph {
  display: block;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.hero-text-padding-controller {
  margin-bottom: 15vh;
}

.hero-text-padding-controller.no-bg {
  margin-bottom: 0vh;
  padding-bottom: 50px;
}

.logo-animation-trigger {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 0px;
  height: 100vh;
}

.main {
  display: block;
}

.ribbon {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  height: 90px;
  padding: 0px;
  background-color: hsla(0, 0%, 100%, .9);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

.inline {
  display: inline-block;
  width: 50%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, .05);
}

.label-price {
  display: inline-block;
  margin-right: 10px;
}

.slider-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-flex.hide {
  display: none;
}

.slider-controls {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: 4px;
  border-radius: 15px;
  background-color: #d60000;
}

.slider-range {
  display: inline-block;
  width: 350px;
  height: 2px;
  margin-top: -22px;
  background-color: rgba(0, 0, 0, .15);
}

.wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  margin-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  background-color: #f6f6f6;
  text-align: center;
}

.text-block-16.selected {
  background-color: #e4e7f0;
}

.text-block-17 {
  width: 40px;
  text-align: center;
}

.div-block-60 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.div-block-60._2 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.text-block-18 {
  width: 10%;
  text-align: center;
}

.text-block-19 {
  width: 45%;
  padding: 16px 24px;
  border-radius: 30px;
  background-color: #f6f6f6;
  text-align: center;
}

.product-info-main-right {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 40%;
  padding-left: 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.desc {
  font-weight: 400;
}

.price-2 {
  color: #1e222b;
  font-size: 18px;
  line-height: 2em;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
}

.price-2.left {
  text-align: left;
}

.div-block-69 {
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: #c9c9c9;
}

.div-block-69.vertical {
  width: 2px;
  height: 12px;
}

.input-div-2 {
  width: 35px;
  height: 35px;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #283b64;
  font-family: Gill, sans-serif;
  font-weight: 500;
  text-align: center;
}

.input-div-2:focus {
  border-color: #283b64;
}

.social-media-link-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #283b64;
}

.navigation-menu.bottom-border {
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.main-flex {
  max-height: 780px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.media {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 60%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.main-body-product{
  position: relative;
}

.personalization-ribbon {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  height: 92px;
  max-width: 2560px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.swatch-options {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.gallery-placeholder {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 100%;
}

.mask {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.slide-nav {
  display: none;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.slide {
  background-image: url('../images/im-02-tp-04-yg-v1-0.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-2 {
  background-image: url('../images/im-02-tp-04-wg-v1-0.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-3 {
  background-image: url('../images/im-02-tp-04-rg-v1-0.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.arrows {
  color: #f8f8f8;
}

.product-3d-icon-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #fff;
  border-radius: 12px;
  color: #fff;
}

.view-360 {
  position: absolute;
  left: 0px;
  top: -9px;
  right: 0px;
  display: inline-block;
  font-family: Gill, sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 1.5em;
  font-weight: 300;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.view-360.close-text {
  opacity: 0;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
  -webkit-transition: -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: transform 250ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
}

.view-360-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  margin-top: 15px;
  padding: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 24px;
  background-color: #283b64;
  cursor: pointer;
  margin-bottom: auto;
}

.view-360-button.mobile {
  position: relative;
  display: none;
}

.view-360-text-div {
  position: relative;
  margin-left: 10px;
  padding-right: 90px;
}

.slide-4 {
  background-image: url('../images/im-02-tp-04-bg-v2-0-small.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-video {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  width: 100%;
  height: 100%;
}

.linked-video {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  width: 100%;
  height: 100%;
}

.content-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-size {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #283b64;
}

.icon-size.disabled {
  color: #c9c9c9;
}

.labels {
  width: 70px;
  font-family: Gill, sans-serif;
  color: #283b64;
  font-size: 12px;
  line-height: 2em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.labels.disabled {
  color: rgba(0, 0, 0, .15);
}

.swatch-attribute {
  position: relative;
  overflow: visible;
  padding: 14px 30px;
  cursor: pointer;
}

.swatch-attribute.last {
  margin-right: 295px;
}

.add-to-bag-div {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 92px;
  display: flex;
  /*
  padding-top: 21px;
  padding-bottom: 21px;
  */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #f6f6f6;
}

.form-wrapper {
  width: 100%;
  max-width: 400px;
  margin-bottom: 0px;
  padding: 20px;
}

.form-wrapper.no-max {
  width: auto;
}

.full-height-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.signup-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.register-link {
  display: inline-block;
  color: #949494;
  text-align: right;
  cursor: pointer;
}

.tagline {
  color: #c9c9c9;
  font-size: 14px;
  line-height: 2em;
  font-weight: 400;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.tagline.margin-top {
  margin-top: 30px;
  clear: both;
}

.magento-message-text {
  display: inline-block;
  margin-top: -1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: Gill, sans-serif;
  color: #fff;
  text-align: left;
}

.signup-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/d439016644de03749c247f42fb0725e5.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.form-submit-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  clear: both;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.signup-account-link {
  display: inline-block;
  color: #999;
}

.signup-headline {
  margin-bottom: 0em;
  padding-top: 0.5em;
  line-height: 1em;
  text-align: left;
}

.form-label {
  clear: both;
  color: #1e222b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.ms-webpos {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  max-width: 2560px;
  min-height: 700px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.register-div {
  position: relative;
  text-align: right;
}

.login-form-submit-button {
  margin-right: 20px;
  padding: 15px 40px;
  border-radius: 6px;
  background-color: #283b64;
  font-family: Gill, sans-serif;
  font-size: 14px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.error-icon-div {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 10px;
  color: #f2053d;
}

.form-error-message {
  display: inline-block;
  overflow: hidden;
  color: #f2053d;
  line-height: 1em;
}

.mage-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px;
  clear: both;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 3px solid #f2053d;
  border-radius: 6px;
  background-color: #f0f0f0;
  text-align: left;
}

.mage-error.left-band {
  border-left: 3px solid #f2053d;
}

.mage-error.left-band.hide {
  display: none;
}

.mage-error.hide {
  display: none;
}

.form-logo {
  width: 144px;
  margin-top: 65px;
}

.paragraph-2 {
  margin-top: 30px;
  margin-bottom: 30px;
  letter-spacing: 0.07em;
}

.select-field {
  margin-top: 40px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
  font-family: Gill, sans-serif;
  color: #1e222b;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.select-field:focus {
  border: 1px solid #283b64;
}

.login-container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  max-width: 2560px;
  min-height: 700px;
}

.message-icon-div {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  cursor: pointer;
}

.icon-message-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.temp {
  color: #1e222b;
  text-decoration: none;
}

.temp:visited {
  color: #1e222b;
}

.warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc01d;
}

.notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #239eff;
}

.success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #03bf6d;
}

.modal-inner-wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 500px;
  padding: 50px;
  border-radius: 6px;
  background-color: #fff;
}

.modal-header {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  float: right;
  cursor: pointer;
}

.modal-content {
  margin-bottom: 40px;
  font-size: 17px;
  line-height: 1.75em;
  font-weight: 500;
}

.action-primary {
  margin-right: 10px;
  padding: 12px 50px;
  border-radius: 6px;
  background-color: #283b64;
  font-family: Gill, sans-serif;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  cursor: pointer;
}

/*
.modals-wrapper {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
}
*/

.modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cancel {
  color: #a7a6a6;
}

.action-secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.gold {
  width: 26px;
  height: 26px;
  background-image: url('../images/filter-material-gold.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.swatch-attribute-option {
  position: absolute;
  left: 0%;
  bottom: 110%;
  display: none;
  overflow: auto;
  max-height: 400px;
  min-width: 320px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.field-label {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: Gill, sans-serif;
  color: #c9c9c9;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.pop-up-input {
  margin-bottom: 0px;
  border: 1px none #d6d6d6;
  border-radius: 6px;
  background-color: #f6f6f6;
  box-shadow: none;
  font-family: Gill, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.2em;
  /*text-transform: uppercase;*/
}

.material-name {
  font-family: Gill, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 300;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.material-name.item-price {
  color: #c9c9c9;
}

.material-name.selected-item-name {
  opacity: 0.25;
}

.swatch-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e9e9e9;
  cursor: pointer;
}

.swatch-option:hover {
  background-color: #f8f8f8;
}

.swatch-option.first {
  border-top-style: none;
}

.swatch-option.first.selected-option {
  background-color: #f8f8f8;
}

.customization-initials-form {
  padding: 24px;
}

.gradient {
  position: absolute;
  left: -20%;
  top: 0px;
  bottom: 0px;
  width: 20%;
  background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), #f8f8f8);
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #f8f8f8);
}

.customization-icon-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.customization-icon-div.selected-item-icon {
  opacity: 0.25;
}

.customization-description-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

._3d-viewer-embed {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
}

.image {
  overflow: hidden;
}

.personalization-add-icon {
  width: 16px;
  height: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 8px;
}

.bag {
  margin-left: 10px;
  font-family: 'Gill Sans Regular', sans-serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.add-to-bag-button-mobile {
  display: none;
  padding: 10px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: #283b64;
  color: #fff;
}

.modal-popup {
  width: 100%;
  max-width: 500px;
}

.message {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 95%;
  max-width: 991px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  opacity: 0;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
  -webkit-transition: -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: transform 250ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
}

.message.hide {
  display: none;
}

.error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f2053d;
}

.form-error-message-newsletter {
  width: 100%;
  max-width: 300px;
  margin-top: 0px;
  padding: 6px;
  border-left: 3px solid #f2053d;
  border-radius: 6px;
  background-color: #f0f0f0;
  text-align: left;
}

.toaster {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  overflow: hidden;
  width: 95%;
  max-width: 991px;
  margin-right: auto;
  margin-left: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  opacity: 0;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
  -webkit-transition: -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: transform 250ms cubic-bezier(.25, .46, .45, .94);
  transition: transform 250ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 250ms cubic-bezier(.25, .46, .45, .94);
}

.alert-danger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f2053d;
}

.close {
  width: 28px;
  height: 28px;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  cursor: pointer;
}

.title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.padding-width {
  display: block;
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding: 70px;
}

.co-collapsable-order-summary {
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  background-color: #f8f8f8;
}

.co-inline-loader {
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  display: none;
  height: 100%;
  max-width: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.co-inline-loader.co-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.co-details-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 600px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.co-section {
  width: 100vw;
  max-width: 2560px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: -webkit-linear-gradient(0deg, #fff, #fff 50%, #f8f8f8 0, #f8f8f8);
  background-image: linear-gradient(90deg, #fff, #fff 50%, #f8f8f8 0, #f8f8f8);
  font-family: 'Sf pro text', sans-serif;
}

.co-breadcrumb-link {
  color: #283b64;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.co-breadcrumb-link.w--current {
  color: #b4b4b4;
}

.co-separator {
  height: 1px;
  background-color: #d6d6d6;
}

.co-dropdown-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.co-items-price {
  padding-top: 14px;
  padding-bottom: 14px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.co-h2 {
  margin-top: 25px;
  margin-bottom: 0px;
  padding-left: 6px;
  font-family: Gill, sans-serif;
  font-size: 28px;
  line-height: 2em;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.05em;
}

.co-product-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.co-select-field {
  height: 26px;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 3px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  background-color: transparent;
  background-image: none;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  cursor: pointer;
}

.co-field-label {
  position: absolute;
  z-index: 2;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 14px;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  color: #b4b4b4;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 400;
  letter-spacing: 0.05em;
  cursor: text;
}

.co-field-label.co-transformation {
  -webkit-transform: scale(0.8) translate(0px, -60%);
  -ms-transform: scale(0.8) translate(0px, -60%);
  transform: scale(0.8) translate(0px, -60%);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.co-final-price {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  line-height: 2.2em;
  text-align: right;
  letter-spacing: 0.05em;
}

.co-final-price.co-large {
  font-size: 24px;
  line-height: 1em;
}

.co-product-item-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.co-form-block {
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #d6d6d6;
}

.co-form-submit-button {
  height: 56px;
  padding-right: 30px;
  padding-left: 30px;
  border-radius: 6px;
  background-color: #283b64;
  font-family: Gill, sans-serif;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.co-form-submit-button.co-top-bottom-margin {
  margin-top: 30px;
  margin-bottom: 30px;
}

.co-top-margin {
  margin-top: 30px;
}

.co-order-label {
  margin-right: 10px;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

.co-wrap {
  display: block;
  width: 100%;
  max-width: 600px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.co-wrap.mini-footer {
  padding-left: 6px;
  border-top: 1px solid #e9e9e9;
}

.co-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  padding-top: 40px;
  padding-right: 40px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
}

.co-form-error-message {
  overflow: hidden;
  color: #f2053d;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

.co-form-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 3px solid #069959;
  border-radius: 6px;
  background-color: #e9e9e9;
}

.co-order-price {
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

.co-70p-70p {
  width: 70%;
  height: 70%;
}

.co-separator-toggle {
  display: none;
  height: 1px;
  background-color: #d6d6d6;
}

.co-product-photo {
  position: relative;
  width: 30%;
  padding-top: 30%;
  text-decoration: none;
}

.co-product-photo.co-01 {
  background-image: url('../images/im-01-pc-01-rg-v1-0.png');
  background-position: 50% 50%;
  background-size: cover;
}

.co-product-photo.co-02 {
  background-image: url('../images/im-03-cl-04-yg-v1-0.png');
  background-position: 50% 50%;
  background-size: cover;
}

.co-product-photo.co-03 {
  background-image: url('../images/im-02-tp-03-wg-v1-0.png');
  background-position: 50% 50%;
  background-size: cover;
}

.co-100p-100p {
  width: 100%;
  height: 100%;
}

.co-shipping-wrapper {
  overflow: hidden;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
}

.co-shipping-wrapper.co-top {
  margin-top: 30px;
}

.co-radio-button-label {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

.co-radio-button-label.co-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.co-radio-button-label.co-shipment-price {
  margin-left: 20px;
  padding-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-size: 14px;
  line-height: 1.5em;
  text-align: right;
  letter-spacing: 0.05em;
}

.co-field-parent {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
}

.co-field-parent.co-no-margin {
  margin-top: 0px;
}

.co-field-parent.co-no-margin:focus {
  border-width: 1px;
  border-color: #202030;
}

.co-price {
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.05px;
}

.co-title {
  width: 75%;
  font-size: 14px;
  line-height: 2.2em;
  letter-spacing: 0.05em;
}

.co-title.co-large {
  font-size: 24px;
  line-height: 1em;
}

.co-breadcrumb-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.co-form-icon-div {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #f2053d;
}

.co-total-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.co-logo-image {
  width: 144px;
}

.co-field-flex-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.co-product-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.02em;
}

.co-form-error {
  display: none;
  margin-top: 10px;
  padding: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 3px solid #f2053d;
  border-radius: 6px;
  background-color: #e9e9e9;
}

.co-success-icon-div {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #069959;
}

.co-radio-button {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  margin-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer;
}

.co-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.co-flex.co-shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.co-radio-button-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.co-order-summary {
  width: 45%;
  min-width: 400px;
  padding-top: 40px;
  padding-left: 40px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #f8f8f8;
}

.co-arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: 10px;
  color: #b4b4b4;
}

.co-bg-color {
  display: none;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border: 1px solid transparent;
  background-color: #f8f8f8;
}

.co-bg-color.co-border {
  display: block;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
}

.co-bg-color.co-space {
  display: block;
  padding-right: 0px;
}

.co-bg-color.co-space.co-show {
  display: block;
}

.co-bg-color.co-always-visible {
  display: block;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
}

.co-input-field {
  position: relative;
  z-index: 1;
  height: 100%;
  margin-bottom: 0px;
  padding-top: 22px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none;
  border-radius: 6px;
  background-color: transparent;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  cursor: text;
}

.co-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.co-flex-item-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.co-flex-item-wrapper.co-width-x {
  width: 50%;
}

.co-flex-item-wrapper.co-horizontal-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.co-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.co-item-details-wrapper {
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.co-form-success-message {
  overflow: hidden;
  color: #069959;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

.co-carat-icon-div {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.co-quantity-badge {
  position: absolute;
  top: -4%;
  right: -4%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 15px;
  background-color: #8f8f8f;
  color: #fff;
  font-size: 11px;
  line-height: 1em;
}

.co-summary-separator-toggle {
  display: none;
  height: 1px;
  background-color: #d6d6d6;
}

.co-order-summary-wrapper {
  max-width: 460px;
  padding-bottom: 25px;
}

.co-div {
  display: inline-block;
  width: 100%;
}

.co-options {
  color: #b4b4b4;
  font-size: 13px;
  line-height: 1.6em;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.co-order-summary-collapsable {
  padding: 20px;
}

.co-order-summary-collapsable.co-wrap {
  display: none;
}

.co-footer-links {
  display: inline-block;
  margin-right: 20px;
  color: #283b64;
  font-size: 12px;
  line-height: 4em;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.co-subtotal-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.co-detail-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.co-detail-row.co-borders {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.co-label-value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

.co-discount-logo {
  padding: 20px;
  background-image: url('../images/discover.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.co-checkbox-field {
  margin-top: 20px;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  cursor: pointer;
}

.co-checkbox-field.co-global {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.co-field-value {
  display: inline-block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.co-link {
  color: #283b64;
}

.co-link.co-small {
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  text-decoration: underline;
}

.co-cards-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 20px;
  margin-left: 10px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.co-mastercard-logo {
  padding: 20px;
  background-image: url('../images/master.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.co-span {
  background-image: url('../images/paypal2x.png');
  background-position: 0px 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 1.5em;
}

.co-checkbox-label {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.7em;
}

.co-redirect {
  display: block;
  width: 80%;
  margin: 20px auto 0px;
  font-size: 12px;
  line-height: 1.5em;
  text-align: center;
}

.co-change {
  display: inline-block;
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.co-american-express-logo {
  padding: 20px;
  background-image: url('../images/american_express.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.co-inline-icon {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #d6d6d6;
}

.co-visa-logo {
  padding: 20px;
  background-image: url('../images/visa.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.co-field-name {
  display: inline-block;
  width: 60px;
  margin-right: 12px;
  color: #b4b4b4;
}

.co-redirect-image {
  height: 70px;
  margin-top: 20px;
  background-image: url('../images/offsite.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.co-checkbox {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  cursor: pointer;
}

.price-label {
  display: none;
}

.fotorama--fullscreen .fotorama__nav-wrap--horizontal {
  bottom: 50px;
}

.fotorama__nav-wrap--horizontal {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
}

.fotorama__nav__shaft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fotorama__nav__frame--dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, .1);
  cursor: pointer;
}

.fotorama__dot {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.swatch-menus {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-description {
  position: relative;
  display: none;
  font-weight: 400;
}

.main-form {
  position: relative;
  display: block;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.main-form-block {
  height: 100%;
  margin-bottom: 0px;
}

.scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  height: 100%;
  padding-left: 35px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.color {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 92px;
  background-color: #f6f6f6;
}

.anything-else {
  position: absolute;
  left: 20px;
  top: -42px;
  padding: 0px;
  border-style: none;
  background-color: transparent;
  font-family: Northwell, sans-serif;
  color: #34384e;
  font-size: 48px;
  line-height: 1.5em;
}

.extra-container{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 140px;
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}

.extra-special {
  position: absolute;
  left: 165px;
  top: 0%;
  bottom: 0px;
  display: inline-block;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  font-family: Northwell, sans-serif;
  font-size: 48px;
  line-height: 1em;
  letter-spacing: 0.05em;
}

.hide {
  display: none;
}
.padding-190-70{
  padding:190px 70px 70px;

}

@media (max-width: 991px) {

  .container.auto-related-block{
    max-width: 768px;
  }
  .news-related-slider-left-arrow{
    left: 20px;
  }
  .news-related-slider-right-arrow {
    right: 20px;
  }
  .auto-related .block-title.title{
    margin-top: 100px;
  }
  .extra-container {
    bottom: 120px;
  }
  .extra-special {
    left: 115px;
    font-size: 38px;
  }

  .product-link-div .product-labels .product-label.new-label{
    font-size: 9px;
  }

  .container.padding-70-70 {
    padding: 35px;
  }
  .container.padding-70-70.newsletter {
    padding: 50px;
  }
  .container.padding-70-70.how-it-works {
    padding: 45px;
  }
  .container.padding-70-70.collections {
    padding-right: 35px;
    padding-left: 35px;
  }
  .main-flex{
    max-height: 558px;
  }
  .container.padding-70-70.product {
    padding: 100px 30px 82px;
  }
  .h2.name {
    font-size: 20px;
  }
  .category-main-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .category-div {
    width: auto;
  }
  .how-it-works-main-div {
    margin-top: 0px;
    background-position: 33px 172px;
    background-size: 92%;
  }
  .paragraph-div.newsletter-oneliner {
    padding-right: 10%;
    padding-left: 10%;
  }
  .play-icon {
    width: 50.65px;
    height: 50.65px;
  }
  .collection-div {
    width: 50%;
    margin: 10px;
  }
  .step-description-div {
    width: auto;
    max-width: 100%;
  }
  .logo-link-div {
    margin-top: 20px;
  }
  .hamburger-open-menu {
    width: 350px;
  }
  .hamburger-menu-links {
    padding-left: 32.5px;
  }
  .social-media-div-v2 {
    padding-left: 27.5px;
  }
  .hamburger-button {
    margin-top: 20px;
    margin-left: 20px;
    width: 50px;
    height: 50px;
  }
  .menu-dropdown {
    padding: 16px 45px 16px 32.5px;
  }
  .dropdown-list-items {
    padding: 10px 20px 10px 50px;
  }

  .block-minicart {
    width: 100vw;
    margin-left: 0px;
  }
  .cart-back-icon-div {
    width: 50px;height: 50px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .checkout-button-link.add-to-bag {
    margin-right: 30px;
    padding: 12px 25px;
    font-size: 14px;
  }
  .carat {
    margin-right: 30px;
    font-size: 16px;
  }
  .minicart-items-wrapper {
    padding-right: 32.5px;
    padding-left: 32.5px;
  }
  .hamburger-close-icon-div {
    width: 50px;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }
  .navbar {
    width: 70px;
    height: 70px;
  }
  .cart-icon-parent {
    margin-top: 20px;
    margin-right: 20px;
    width: 50px;
    height: 50px;
  }
  .static-link {
    padding: 16px 45px 16px 32.5px;
  }
  .div-block-31 {
    padding: 20px 45px 30px 0px;
  }
  .cart-footer {
    padding-right: 32.5px;
    padding-left: 32.5px;
  }
  .left-bottom-padding._1x {
    width: 33.33333%;
  }
  .left-bottom-padding._2x {
    width: 66.66666%;
  }
  .product-name-v2 {
    font-size: 12px;
  }
  .product-name-v2.price {
    font-size: 12px;
  }
  .filter-name {
    font-size: 11px;
  }
  .selected-filter {
    padding: 13px 13px 13px 15px;
  }
  .heading.category {
    font-size: 12px;
  }
  .filter-items {
    padding: 13px;
  }
  .h1.left {
    font-size: 44px;
  }
  .text-block-14 {
    margin-right: 6px;
  }
  .filter-container {
    min-width: 900px;
  }
  .icon-div {
    width: 14px;
    height: 14px;
  }
  .filters-text {
    font-size: 11px;
  }
  .filter-button {
    padding-top: 13px;
    padding-right: 74px;
    padding-bottom: 13px;
  }
  .selected-filter-remove-div-2 {
    width: 16px;
    height: 16px;
  }
  .text-div {
    -webkit-transform: translate(0px, -3px);
    -ms-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
  }
  .always-visible {
    padding-right: 30px;
    padding-left: 30px;
  }
  .padding-controller {
    padding: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .desc {
    font-size: 14px;
  }
  .social-media-link-div {
    margin-right: 10px;
  }
  .personalization-ribbon {
    height: 82px;
  }
  .slide-nav {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  .view-360 {
    line-height: 1.5em;
  }
  .view-360-button {
    margin-top: 20px;
  }
  .icon-size {
    width: 32px;
    height: 32px;
  }
  .labels {
    font-size: 11px;
  }
  .swatch-attribute {
    padding-right: 14px;
    padding-left: 14px;
  }
  .swatch-attribute.last {
    margin-right: 220px;
  }
  .add-to-bag-div {
    height: 82px;
  }
  .signup-content-wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }
  .form-logo {
    margin-top: 30px;
  }
  .gold {
    width: 22px;
    height: 22px;
  }
  .swatch-attribute-option {
    min-width: 275px;
  }
  .field-label {
    margin-bottom: 6px;
    font-size: 11px;
  }
  .material-name {
    font-size: 11px;
    line-height: 1.5em;
  }
  .swatch-option {
    padding: 10px;
  }
  .customization-initials-form {
    padding: 18px;
  }
  .customization-icon-div {
    width: 42px;
    height: 42px;
    margin-right: 10px;
  }
  .padding-width {
    padding: 30px;
  }
  .co-collapsable-order-summary {
    margin-top: 30px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-radius: 0px;
  }
  .co-details-wrapper {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .co-dropdown-menu {
    padding: 20px 0px;
  }
  .co-h2 {
    font-size: 25px;
  }
  .co-final-price.co-large {
    font-size: 20px;
  }
  .co-details {
    padding-top: 24px;
    padding-right: 0px;
  }
  .co-title.co-large {
    font-size: 20px;
  }
  .co-breadcrumb-div {
    display: none;
  }
  .co-total-div {
    margin-top: 16px;
  }
  .co-field-flex-parent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .co-field-flex-parent.flex-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .co-order-summary {
    display: none;
  }
  .co-bg-color.co-space {
    display: none;
  }
  .co-bg-color.co-space.co-visible {
    display: block;
  }
  .co-container {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .co-order-summary-collapsable {
    padding: 20px 0px;
  }
  .product-description {
    font-size: 14px;
  }
  .scroll {
    padding-left: 16px;
  }
  .color {
    height: 82px;
  }
  .anything-else {
    top: -33px;
    display: none;
    font-size: 38px;
  }
}

@media (max-width: 767px) {

  .news-related-slider-left-arrow{
    left: 25px;
  }
  .news-related-slider-right-arrow {
    right: 25px;
  }
  .auto-related .block-title.title{
    margin-top: 70px;
  }
  .column.main .block.auto-related{
    margin-bottom: 120px;
  }
  .products.wrapper.grid.products-grid.products-auto-related{
    margin-bottom: 0;
  }
  .cart-item-quantity{
    align-items: flex-end;
  }
  .extra-container {
    bottom: 105px;
  }
  .extra-special {
    left: 108px;
    font-size: 28px;
  }
  .logo-link-div {
    width: 108px;
  }
  .container.padding-70-70 {
    padding: 30px;
  }
  .container.padding-70-70.newsletter {
    padding: 40px;
  }
  .container.padding-70-70.how-it-works {
    padding: 40px 40px 60px;
  }
  .container.padding-70-70.collections {
    padding: 40px 40px 20px;
    height: auto;
  }
  .container.padding-70-70.product {
    padding-top: 100px;
    padding-bottom: 82px;
    height: auto;
  }
  .h2 {
    margin-bottom: 0em;
    font-size: 36px;
  }
  .h2.name {
    font-size: 16px;
    text-align: center;
  }
  .how-it-works-main-div {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
  }
  .step-image-div {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .step-image-div.second {
    float: none;
  }
  .step-image-div.first,.step-image-div.third  {
    padding-top: 100%;
  }
  .step-div.second {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .description {
    font-size: 14px;
  }
  .h3 {
    font-size: 20px;
  }
  .h3.category {
    font-size: 12px;
  }
  .h3-div {
    margin-bottom: 0.25em;
  }
  .form {
    font-size: 12px;
  }
  .submit-button {
    font-size: 11px;
  }
  .form-input {
    font-size: 14px;
  }
  .step-underline {
    width: 55px;
  }
  .steps-div {
    width: 420px;
    margin-right: auto;
    margin-left: auto;
  }
  .video-div {
    margin-bottom: 30px;
  }
  .play-icon {
    width: 45.98px;
    height: 45.98px;
  }
  .step-name-div {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .paragraph {
    font-size: 14px;
  }
  .collection-div {
    width: 100%;
    margin: 20px 0px;
  }
  .step-description-div {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    border-width: 0px;
  }
  .step-description-div.first {
    position: static;
  }
  .step-description-div.second {
    position: static;
  }
  .hero-image-div.no-bg {
    min-height: 200px;
  }
  .hamburger-open-menu {
    font-family: 'Gill Sans Fonts', sans-serif;
    color: #1e222b;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.1em;
  }
  .hamburger-button {
    width: 45px;
    height: 45px;

  }
  .hamburger-button.w--open {
    background-color: transparent;
  }
  .column-0.middle-mobile-landscape {
    margin-top: 1.75em;
    margin-bottom: 1.75em;
  }
  .dropdown-list-items {
    padding: 8px 20px 8px 50px;
  }
  .block-minicart {
    width: 100vw;
  }
  .cart-back-icon-div {
    width: 45px;
    height: 45px;
  }
  .price {
    font-size: 16px;
  }
  .product-name {
    font-size: 16px;
  }
  .checkout-button-link {
    padding: 10px 30px;
    font-size: 13px;
  }
  .checkout-button-link.add-to-bag {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 12px;
  }
  .shopping-button-link {
    padding: 10px 30px;
    font-size: 13px;
  }
  .menu {
    font-size: 14px;
  }
  .minicart-items-wrapper {
    padding-right: 31px;
    padding-left: 31px;
  }
  .product-item-pricing {
    display: none;
  }
  .product-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .footer-message {
    font-size: 10px;
  }
  .static-link {
    padding: 12px 45px 12px 31px;
  }
  .menu-dropdown {
    padding: 12px 45px 12px 31px;
  }
  .social-media-div-v2 {
    padding-left: 26px;
  }
  .hamburger-close-icon-div {
    width: 45px;
    height: 45px;
  }
  .navbar {
    width: 65px;
    height: 65px;
  }
  .cart-icon-parent {
    width: 45px;
    height: 45px;
  }
  .carat-icon-div {
    width: 22px;
    height: 22px;
  }
  .cart-footer {
    padding: 26px 31px 31px;
  }
  .page-header {
    width: 108px;
  }
  .left-bottom-padding._1x {
    width: 50%;
  }
  .left-bottom-padding._2x {
    width: 100%;
  }
  .product-name-v2 {
    font-size: 11px;
  }
  .cart-icons {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
  }
  .options-div {
    display: none;
    font-size: 13px;
  }
  .options-div.mobile-show {
    display: block;
  }
  .subtotal {
    font-size: 14px;
  }
  .total-amount {
    font-size: 18px;
  }
  .quantity-control-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .minus-plus-div {
    width: 30px;
    height: 30px;
  }
  .discount-code {
    font-size: 11px;
  }
  .count {
    font-size: 10px;
    padding-top:0.6em;
  }
  .form-success-message-newsletter {
    font-size: 12px;
  }
  .product-item-details {
    padding-left: 15px;
  }
  .filter-name {
    font-size: 10px;
  }
  .collection-filters {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .heading.category {
    font-size: 11px;
  }
  .filter-items {
    margin-top: 6px;
    margin-right: 12px;
    margin-bottom: 6px;
  }
  .h1 {
    font-size: 36px;
  }
  .h1.left {
    display: none;
    font-size: 36px;
    text-align: center;
  }
  .filter-result {
    display: none;
  }
  .filter-container {
    min-width: 800px;
    padding-right: 20px;
  }
  .filters-text {
    font-size: 10px;
  }
  .filter-button {
    padding-right: 70px;
  }
  .collection-parent-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .always-visible {
    overflow: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .padding-controller {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .category-paragraph {
    font-size: 13px;
  }
  .category-paragraph.hide-mobile {
    display: none;
  }
  .hero-text-padding-controller {
    padding-right: 10%;
    padding-left: 10%;
  }
  .hero-text-padding-controller.no-bg {
    padding-bottom: 20px;
  }
  .product-info-main-right {
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .desc {
    font-size: 13px;
  }
  .price-2 {
    font-size: 16px;
  }
  .input-div-2 {
    width: 30px;
    height: 30px;
  }
  .social-media-link-div {
    width: 32px;
    height: 32px;
  }
  .hamburger-menu-links {
    padding-left: 31px;
  }

  .main-flex {
    max-height: none;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .media {
    width: 100%;
  }
  .personalization-ribbon {
    height: 82px;
  }
  .slide-nav {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  .product-3d-icon-div {
    width: 18px;
    height: 18px;
  }
  .view-360 {
    font-size: 12px;
    line-height: 1.5em;
  }
  .view-360-button {
    margin-top: 0px;
    margin-bottom: 10%;
    order: -1;
  }
  .view-360-button.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4vh;
    padding: 9px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .view-360-text-div {
    margin-left: 9px;
    padding-right: 80px;
  }
  .swatch-attribute.last {
    margin-right: 184px;
  }
  .full-height-flex {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .signup-content-wrapper {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .register-link {
    font-size: 14px;
  }
  .tagline {
    font-size: 12px;
  }
  .magento-message-text {
    font-size: 13px;
  }
  .signup-image-wrapper {
    width: 100%;
    padding-bottom: 20%;
    background-position: 50% 77%;
  }
  .signup-headline {
    font-size: 36px;
  }
  .form-label {
    font-size: 13px;
  }
  .login-form-submit-button {
    padding: 12px 30px;
    font-size: 12px;
  }
  .error-icon-div {
    width: 16px;
    height: 16px;
  }
  .form-error-message {
    font-size: 13px;
  }
  .mage-error.left-band {
    border-left-width: 2px;
  }
  .form-logo {
    width: 108px;
  }
  .message-icon-div {
    width: 22px;
    height: 22px;
  }
  .modal-inner-wrap {
    padding: 45px;
  }
  .modal-header {
    width: 25px;
    height: 25px;
  }
  .modal-content {
    margin-bottom: 30px;
    font-size: 15px;
  }
  .action-primary {
    padding: 8px 36px;
    font-size: 13px;
  }
  .action-secondary {
    font-size: 13px;
  }
  .swatch-attribute-option {
    min-width: 244px;
  }
  .field-label {
    font-size: 10px;
  }
  .pop-up-input {
    font-size: 11px;
  }
  .material-name {
    font-size: 10px;
  }
  .customization-initials-form {
    padding: 16px;
  }
  .customization-icon-div {
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
  .modal-popup {
    width: 90%;
  }
  .co-collapsable-order-summary {
    margin-top: 20px;
  }
  .co-inline-loader {
    max-width: 52px;
  }
  .co-h2 {
    font-size: 22px;
  }
  .co-final-price {
    font-size: 13px;
  }
  .co-final-price.co-large {
    font-size: 18px;
  }
  .co-form-submit-button {
    height: 52px;
  }
  .co-form-submit-button.co-top-margin {
    margin-top: 25px;
  }
  .co-form-submit-button.co-top-bottom-margin {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .co-order-label {
    margin-right: 4px;
    font-size: 14px;
  }
  .co-wrap {
    padding-right: 25px;
    padding-left: 25px;
  }
  .co-wrap.mini-footer {
    padding-left: 25px;
  }
  .co-form-error-message {
    font-size: 12px;
  }
  .co-order-price {
    font-size: 14px;
  }
  .co-field-parent {
    height: 52px;
  }
  .co-price {
    font-size: 14px;
  }
  .co-title {
    font-size: 13px;
  }
  .co-title.co-large {
    font-size: 18px;
  }
  .co-breadcrumb-div {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .co-form-icon-div {
    width: 18px;
    height: 18px;
    margin-right: 6px;
  }
  .co-logo-image {
    width: 120px;
  }
  .co-field-flex-parent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .co-field-flex-parent.flex-horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .co-product-name {
    font-size: 14px;
  }
  .co-success-icon-div {
    width: 18px;
    height: 18px;
  }
  .co-radio-button {
    width: 18px;
    height: 18px;
    margin-right: 12px;
  }
  .co-bg-color.co-space {
    padding-top: 0px;
  }
  .co-bg-color.co-space.co-visible {
    display: none;
  }
  .co-flex-item-wrapper.co-width-x {
    width: 100%;
  }
  .co-flex-item-wrapper.co-horizontal-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .co-form-success-message {
    font-size: 12px;
  }
  .co-footer-links {
    font-size: 11px;
  }
  .co-label-value {
    font-size: 12px;
  }
  .co-inline-icon {
    max-width: 52px;
  }
  .co-field-name {
    width: 50px;
  }
  .fotorama__nav__frame--dot {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    margin-left: 8px;
  }
  .product-description {
    display: block;
    margin-top: 2vh;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    font-size: 13px;
    line-height: 1.5em;
    text-align: center;
  }
  .anything-else {
    font-size: 38px;
  }
}

@media (max-width: 479px) {

  .news-related-slider-left-arrow{
    left: 10px;
  }
  .news-related-slider-right-arrow {
    right: 10px;
  }
  .extra-container {
    bottom: 105px;
  }
  .extra-special {
    left: 90px;
  }
  .container.padding-70-70 {
    padding: 15px;
  }
  .container.padding-70-70.newsletter {
    padding: 25px;
  }
  .container.padding-70-70.how-it-works {
    padding: 25px;
  }
  .container.padding-70-70.collections {
    padding: 25px 25px 15px;
  }
  .container.padding-70-70.product {
    padding-top: 72px;
    padding-bottom: 82px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .category-div {
    padding-right: 0px;
    padding-left: 0px;
  }
  .paragraph-div.newsletter-oneliner {
    padding-right: 0px;
    padding-left: 0px;
  }
  .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block {
    width: 100%;
    margin-right: 0em;
    margin-bottom: 1em;
  }
  .steps-div {
    width: 100%;
  }
  .play-icon {
    width: 39.98px;
    height: 39.98px;
  }
  .collection-div {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .step-description-div.first {
    padding-bottom: 12px;
  }
  .hero-image-div.no-bg {
    min-height: 350px;
  }
  .logo-link-div {
    margin-top: 14px;
  }
  .hamburger-open-menu {
    width: 100vw;
    margin-right: 0px;
  }
  .hamburger-menu-links {
    padding-left: 20px;
    line-height: 2.5em;
  }
  .social-media-div-v2 {
    padding-left: 14px;
  }
  .hamburger-button {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-left: 10px;
  }
  .menu-dropdown {
    padding: 12px 20px;
  }
  .dropdown-list-items {
    padding: 8px 20px 8px 40px;
  }
  .block-minicart {
    width: 100vw;
  }
  .cart-back-icon-div {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 16px;
  }
  .cart-footer{
    padding: 11px 16px 16px;
  }
  .product-name {
    font-size: 13px;
  }
  .checkout-button-link {
    font-size: 12px;
  }

  .shopping-button-link {
    display: none;
    font-size: 12px;
  }
  .carat {
    margin-right: 16px;
    font-size: 14px;
  }
  .minicart-items-wrapper {
    padding-top: 7px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .cart-item-quantity {
    width: 20%;
  }
  .product-item-pricing {
    display: none;
  }
  .hamburger-close-icon-div {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .navbar {
    width: 50px;
    height: 50px;
  }
  .cart-icon-parent {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-right: 10px;
  }
  ._70p-70p {
    width: 60%;
    height: 60%;
  }

  .static-link {
    padding: 12px 0 12px 20px;
  }
  .div-block-31 {
    padding: 0 25px 10px 0;
  }
  .options {
    font-size: 13px;
  }
  .page-header {
    width: 108px;
  }
  .left-bottom-padding._1x {
    width: 100%;
  }
  .product-item-photo {
    width: 30%;
  }
  .options-div {
    display: none;
  }
  .options-div.mobile-show {
    display: block;
  }
  .h1.left {
    font-size: 34px;
  }
  .category-paragraph.hide-mobile {
    display: block;
  }
  .hero-text-padding-controller.no-bg {
    padding-bottom: 50px;
  }
  .price-2.left {
    font-size: 13px;
  }
  .swatch-attribute.last {
    margin-right: 144px;
  }
  .signup-content-wrapper {
    padding: 0px;
  }
  .register-link {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .magento-message-text {
    margin-top: -2px;
  }
  .signup-image-wrapper {
    padding-bottom: 30%;
  }
  .form-logo {
    margin-top: 16px;
  }
  .gold {
    width: 20px;
    height: 20px;
  }
  .swatch-attribute-option {
    left: 8%;
    bottom: 110%;
    min-width: 225px;
  }
  .field-label {
    font-size: 9px;
  }
  .material-name {
    font-size: 9px;
  }
  .customization-initials-form {
    padding: 14px;
  }
  .gradient {
    left: -20%;
    width: 20%;
  }
  .customization-icon-div {
    width: 32px;
    height: 32px;
  }
  .add-to-bag-button-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px;
  }
  .form-error-message-newsletter {
    margin-top: 14px;
  }
  .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .padding-width {
    padding: 14px;
  }
  .co-field-label {
    font-size: 12px;
  }
  .co-form-submit-button {
    padding-right: 24px;
    padding-left: 24px;
  }
  .co-order-label {
    margin-right: 0px;
  }
  .co-wrap {
    padding-right: 20px;
    padding-left: 20px;
  }
  .co-radio-button-label {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .co-field-parent {
    margin-top: 14px;
  }
  .co-form-icon-div {
    width: 16px;
    height: 16px;
  }
  .co-logo-image {
    width: 110px;
  }
  .co-form-error {
    margin-top: 6px;
  }
  .co-success-icon-div {
    width: 16px;
    height: 16px;
  }
  .co-radio-button-div {
    padding-left: 14px;
  }
  .co-bg-color {
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
  }
  .co-quantity-badge {
    top: -8%;
    right: -8%;
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
  .co-options {
    font-size: 11px;
  }
  .co-footer-links {
    font-size: 10px;
  }
  .co-detail-row {
    padding: 14px;
  }
  .co-cards-logo {
    margin-right: 10px;
  }
  .fotorama__nav__frame--dot {
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-left: 6px;
  }
  .product-description {
    line-height: 1.5em;
  }
  .scroll {
    padding-left: 0px;
  }
  .anything-else {
    top: -24px;
    font-size: 28px;
  }

  .personalization-ribbon {
    height: 82px;
  }

}

@font-face {
  font-family: 'Linearicons free';
  src: url('../fonts/Linearicons-Free.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Northwell';
  src: url('../fonts/Northwell.woff2') format('woff2'), url('../fonts/Northwell.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gill Sans Fonts';
  src: url('../fonts/Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gill Sans Fonts';
  src: url('../fonts/Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gill Sans Fonts';
  src: url('../fonts/Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gill Sans Fonts';
  src: url('../fonts/Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gill';
  src: url('../fonts/0b2cafec-7830-4ed8-b1ab-9cf8e4e509a5.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: '0b2cafec 7830 4ed8 b1ab 9cf8e4e509a5';
  src: url('../fonts/0b2cafec-7830-4ed8-b1ab-9cf8e4e509a5.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: '6ac38db3 67d2 4578 bc16 2ae67c188473';
  src: url('../fonts/6ac38db3-67d2-4578-bc16-2ae67c188473.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gill Sans Regular';
  src: url('../fonts/33535gillsansmt.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-UltralightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Sfcompactdisplay';
  src: url('../fonts/SFCompactDisplay-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-BlackItalic.otf') format('opentype'), url('../fonts/SF-Pro-Display-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Sfcompactdisplay';
  src: url('../fonts/SFCompactDisplay-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompactdisplay';
  src: url('../fonts/SFCompactDisplay-Ultralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompactdisplay';
  src: url('../fonts/SFCompactDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompactdisplay';
  src: url('../fonts/SFCompactDisplay-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompactdisplay';
  src: url('../fonts/SFCompactDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompactdisplay';
  src: url('../fonts/SFCompactDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Black.otf') format('opentype'), url('../fonts/SF-Pro-Display-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro text';
  src: url('../fonts/SF-Pro-Text-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Ultralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompactdisplay';
  src: url('../fonts/SFCompactDisplay-Heavy.otf') format('opentype'), url('../fonts/SFCompactDisplay-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sf pro display';
  src: url('../fonts/SF-Pro-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Sfcompacttext';
  src: url('../fonts/SFCompactText-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gillsansstd Condensed';
  src: url('../fonts/GillSansStd-BoldCondensed.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gillsansstd';
  src: url('../fonts/GillSansStd.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gillsansstd';
  src: url('../fonts/GillSansStd-BoldExtraCond.otf') format('opentype'), url('../fonts/GillSansStd-Bold.otf') format('opentype'), url('../fonts/GillSansStd-ExtraBoldDisp.otf') format('opentype'), url('../fonts/GillSansStd-ExtraBold.otf') format('opentype'), url('../fonts/GillSansStd-UltraBoldCond.otf') format('opentype'), url('../fonts/GillSansStd-UltraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gillsansstd';
  src: url('../fonts/GillSansStd-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Gillsansstd condensed';
  src: url('../fonts/GillSansStd-Condensed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gillsansstd';
  src: url('../fonts/GillSansStd-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Gillsansstd';
  src: url('../fonts/GillSansStd-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Gillsansstd';
  src: url('../fonts/GillSansStd-Light.otf') format('opentype'), url('../fonts/GillSansStd-LightShadowed.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gillsansstd shadowed';
  src: url('../fonts/GillSansStd-Shadowed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}