@charset "UTF-8";
/* MIXINS
 * =================================
 */
/* GENERAL
 * =================================
 */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

* {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
* span {
  font: inherit;
  letter-spacing: inherit;
}
*.i,
* i {
  font: inherit;
  font-style: italic;
}
*.b,
* b {
  font: inherit;
  font-weight: bold;
}
*.secondary {
  color: #000e78;
}
*.hidden {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 500;
  line-height: 1.4;
}
h1.inter, h2.inter, h3.inter, h4.inter, h5.inter, h6.inter {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-top: 1px dotted #4a87b3;
}

h1, h2, h3 {
  margin-bottom: 20px;
}

h4, h5, h6 {
  margin-bottom: 10px;
}

h1,
.h1 {
  line-height: 1.2;
  font-size: 48px;
}
h1.lg,
.h1.lg {
  font-size: 60px;
}
h1.sm,
.h1.sm {
  font-size: 44px;
}

h2,
.h2 {
  line-height: 1.2;
  font-size: 36px;
}
h2.lg,
.h2.lg {
  font-size: 48px;
}

h3,
.h3 {
  font-size: 28px;
}
h3.lg,
.h3.lg {
  font-size: 36px;
}

h4,
.h4 {
  font-size: 24px;
}

h5,
.h5 {
  font-size: 20px;
}

h6, .h6 {
  font-size: 16px;
}

a {
  text-decoration: none;
  font-size: 14px;
  font: inherit;
  color: #4a87b3;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
a.standalone {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: inherit;
  text-transform: uppercase;
  font-weight: 500;
}
a.standalone:after {
  content: "\f35a";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  margin-left: 7px;
  color: #141926;
}

p, li {
  font-size: 16px;
  line-height: 1.6;
}
p:not(:last-child), li:not(:last-child) {
  margin-bottom: 15px;
}
p a, li a {
  font: inherit;
  color: #4a87b3;
  display: inline-block;
}
p.lg, li.lg {
  font-size: 22px;
}
p.md, li.md {
  font-size: 18px;
}
p.sm, li.sm {
  font-size: 14px;
}
p.xsm, li.xsm {
  font-size: 12px;
}

p.alt {
  font-family: "Nanum Myeongjo", serif;
  font-weight: bold;
}

p.subheading {
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 10px;
}

a.button,
button.button,
input.button,
span.button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  height: 48px;
  border: 1px solid #141926;
  color: #141926;
  border-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
}
a.button.w-arrow:hover:after,
button.button.w-arrow:hover:after,
input.button.w-arrow:hover:after,
span.button.w-arrow:hover:after {
  margin-left: 25px;
}
a.button.w-arrow:after,
button.button.w-arrow:after,
input.button.w-arrow:after,
span.button.w-arrow:after {
  content: "⟶";
  margin-left: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.button.white,
button.button.white,
input.button.white,
span.button.white {
  border-color: white;
  color: white;
}
a.button.white-fill,
button.button.white-fill,
input.button.white-fill,
span.button.white-fill {
  background-color: white;
  border: none;
  color: #141926;
}
a.button.white-fill:before,
button.button.white-fill:before,
input.button.white-fill:before,
span.button.white-fill:before {
  background-color: #bde4ff;
}
a.button.light-blue,
button.button.light-blue,
input.button.light-blue,
span.button.light-blue {
  background-color: #4a87b3;
  color: white;
}
a.button.light-blue:before,
button.button.light-blue:before,
input.button.light-blue:before,
span.button.light-blue:before {
  background-color: #6d9fc3;
}
a.button.primary,
button.button.primary,
input.button.primary,
span.button.primary {
  background-color: #141926;
  color: white;
}
a.button.primary:before,
button.button.primary:before,
input.button.primary:before,
span.button.primary:before {
  background-color: #262f47;
}
a.button.secondary,
button.button.secondary,
input.button.secondary,
span.button.secondary {
  background-color: #000e78;
  color: white;
}
a.button.secondary:before,
button.button.secondary:before,
input.button.secondary:before,
span.button.secondary:before {
  background-color: #0014ab;
}
a.button.med-blue,
button.button.med-blue,
input.button.med-blue,
span.button.med-blue {
  background-color: #4a87b3;
  border-color: #4a87b3;
  color: white;
}
a.button.med-blue:before,
button.button.med-blue:before,
input.button.med-blue:before,
span.button.med-blue:before {
  background-color: #6d9fc3;
}
a.button.basic,
button.button.basic,
input.button.basic,
span.button.basic {
  border: none;
}
a.button:hover:before,
button.button:hover:before,
input.button:hover:before,
span.button:hover:before {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
a.button:before,
button.button:before,
input.button:before,
span.button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background-color: rgba(189, 228, 255, 0.6);
  z-index: -1;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.button img:first-child,
button.button img:first-child,
input.button img:first-child,
span.button img:first-child {
  height: 20px;
  top: 2px;
  left: -8px;
  margin-right: 5px;
}
a.button i,
button.button i,
input.button i,
span.button i {
  margin-left: 10px;
}

ul.list {
  padding-left: 30px;
}
ul.list:not(:last-child) {
  margin-bottom: 30px;
}

.col {
  padding: 0 20px;
  -webkit-box-flex: unset;
  -webkit-flex: unset;
  -moz-box-flex: unset;
  -moz-flex: unset;
  -ms-flex: unset;
  flex: unset;
  max-width: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.col.no-pad {
  padding: 0;
}
.col.col-12 {
  width: 100%;
}
.col.col-11 {
  width: 91.666666%;
}
.col.col-10 {
  width: 83.333333%;
}
.col.col-9 {
  width: 75%;
}
.col.col-8 {
  width: 66.666666%;
}
.col.col-7 {
  width: 58.333333%;
}
.col.col-6 {
  width: 50%;
}
.col.col-5 {
  width: 41.666666%;
}
.col.col-4 {
  width: 33.333333%;
}
.col.col-3 {
  width: 25%;
}
.col.col-2 {
  width: 16.666666%;
}
.col.col-1 {
  width: 8.333333%;
}

form.light ::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}
form.light label {
  color: #bde4ff;
}
form.light input,
form.light textarea,
form.light select {
  color: white;
  background-color: #141926;
}
form.alt input,
form.alt textarea,
form.alt select {
  border: none;
  background-color: #edeff1;
  padding-left: 10px;
  border-radius: 5px;
}
form ::placeholder {
  color: #b8b8b8;
  opacity: 1;
}
form :-ms-input-placeholder {
  color: #b8b8b8;
}
form ::-ms-input-placeholder {
  color: #b8b8b8;
}
form .field-row {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0 30px;
}
form .field-row span.field-wrapper {
  grid-column: span 12;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}
form .field-row span.field-wrapper.span-1 {
  grid-column: span 1;
}
form .field-row span.field-wrapper.span-2 {
  grid-column: span 2;
}
form .field-row span.field-wrapper.span-3 {
  grid-column: span 3;
}
form .field-row span.field-wrapper.span-4 {
  grid-column: span 4;
}
form .field-row span.field-wrapper.span-5 {
  grid-column: span 5;
}
form .field-row span.field-wrapper.span-6 {
  grid-column: span 6;
}
form .field-row span.field-wrapper.span-7 {
  grid-column: span 7;
}
form .field-row span.field-wrapper.span-8 {
  grid-column: span 8;
}
form .field-row span.field-wrapper.span-9 {
  grid-column: span 9;
}
form .field-row span.field-wrapper.span-10 {
  grid-column: span 10;
}
form .field-row span.field-wrapper.span-11 {
  grid-column: span 11;
}
form .field-row span.field-wrapper.span-12 {
  grid-column: span 12;
}
form .field-row span.field-wrapper.row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
form label {
  color: #213656;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
}
form span.checkbox-label-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
form span.checkbox-label-wrapper input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  visibility: hidden;
  height: 0;
  width: 0;
}
form span.checkbox-label-wrapper input:checked + label {
  border-color: transparent;
  color: white;
}
form span.checkbox-label-wrapper input:checked + label:before {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
form span.checkbox-label-wrapper label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: white;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 1px solid lightgrey;
  padding: 16px 32px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
form span.checkbox-label-wrapper label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #4a87b3;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
  z-index: -1;
}
form input,
form textarea,
form select {
  font-size: 16px;
  width: 100%;
  padding: 10px 0;
  resize: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #cecde6;
}
form input:focus, form input:active,
form textarea:focus,
form textarea:active,
form select:focus,
form select:active {
  outline: none;
  border-color: #141926;
}
form input, form select {
  height: 45px;
}
form input::placeholder {
  overflow: visible;
}

.buttons-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  grid-gap: 20px;
}
.buttons-container .button {
  margin: 0 !important;
}
.buttons-container.center {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

span.highlight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  z-index: 1;
}
span.highlight:before {
  content: "";
  position: absolute;
  top: 10px;
  height: 50%;
  width: 0;
  background-color: #e0ecff;
  z-index: -1;
  animation: highlight 1s ease-in-out 0.2s forwards;
}
@keyframes highlight {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

section:not(:first-of-type) {
  padding-top: 100px;
}
section:first-of-type {
  padding-top: 160px;
}
section.darken:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
section .section-wrapper {
  max-width: 1440px;
  padding: 0 60px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section .section-wrapper.xlg {
  max-width: 1680px;
}
section .section-wrapper.lg {
  max-width: 1560px;
}
section .section-wrapper.md {
  max-width: 1350px;
}
section .section-wrapper.sm {
  max-width: 1200px;
}
section .section-wrapper.xsm {
  max-width: 1080px;
}
section .section-wrapper.full {
  max-width: none;
}
section .section-wrapper.no-pad {
  padding: 0;
}
section .section-wrapper.center-aligned {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
section .section-wrapper.center-all {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
section .section-wrapper.columned {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
section .section-header {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

picture.img-wrapper,
span.img-wrapper,
figure.img-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
picture.img-wrapper source,
picture.img-wrapper img,
span.img-wrapper source,
span.img-wrapper img,
figure.img-wrapper source,
figure.img-wrapper img {
  width: 100%;
}
picture.img-wrapper source.op-top,
picture.img-wrapper img.op-top,
span.img-wrapper source.op-top,
span.img-wrapper img.op-top,
figure.img-wrapper source.op-top,
figure.img-wrapper img.op-top {
  object-position: top;
}

figure.video-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}
figure.video-wrapper video {
  width: 100%;
  height: 100%;
}
figure.video-wrapper video.multiply {
  mix-blend-mode: multiply;
}

.textbox:not(:last-child) {
  margin-bottom: 30px;
}
.textbox.center {
  text-align: center;
}
.textbox.light * {
  color: white;
}
.textbox.xsm {
  max-width: 360px;
}
.textbox.sm {
  max-width: 420px;
}
.textbox.md {
  max-width: 480px;
}
.textbox.lg {
  max-width: 600px;
}
.textbox.xlg {
  max-width: 720px;
}
.textbox.xxlg {
  max-width: 840px;
}
.textbox.left-auto {
  margin-left: auto;
}
.textbox.center-auto, .textbox.center-aligned {
  margin-left: auto;
  margin-right: auto;
}
.textbox.margin-tb {
  margin-top: 30px;
  margin-bottom: 30px;
}
.textbox .button {
  margin-top: 20px;
}
.textbox .read-more-wrapper {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-height: 30px;
  overflow: hidden;
}
.textbox .read-more-wrapper.reveal {
  max-height: unset;
  overflow: unset;
}
.textbox .read-more-wrapper.reveal span.read-more {
  position: relative;
}
.textbox .read-more-wrapper.reveal span.read-more i:before {
  top: 10px;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.textbox .read-more-wrapper span.read-more {
  position: absolute;
  top: 0;
  height: 30px;
  display: block;
  width: 100%;
  background-color: white;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #4a87b3;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.textbox .read-more-wrapper span.read-more:hover i {
  background-color: rgba(189, 228, 255, 0.5);
}
.textbox .read-more-wrapper span.read-more *,
.textbox .read-more-wrapper span.read-more *:before, .textbox .read-more-wrapper span.read-more:after {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
.textbox .read-more-wrapper span.read-more i {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin-left: 8px;
  font-size: 14px;
}
.textbox .read-more-wrapper span.read-more i:before {
  position: absolute;
  line-height: 0;
  top: 5px;
}

.darken:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.darken.level-1:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.darken.level-2:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.darken.level-3:before {
  background-color: rgba(0, 0, 0, 0.3);
}
.darken.level-4:before {
  background-color: rgba(0, 0, 0, 0.4);
}
.darken.level-5:before {
  background-color: rgba(0, 0, 0, 0.5);
}
.darken.level-6:before {
  background-color: rgba(0, 0, 0, 0.6);
}
.darken.level-7:before {
  background-color: rgba(0, 0, 0, 0.7);
}
.darken.level-8:before {
  background-color: rgba(0, 0, 0, 0.8);
}
.darken.level-9:before {
  background-color: rgba(0, 0, 0, 0.9);
}
.darken.level-10:before {
  background-color: black;
}

.grid-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.grid-container.lg-gap {
  grid-gap: 60px;
}
.grid-container.md-gap {
  grid-gap: 40px;
}
.grid-container.split-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-container .span-col-1 {
  grid-column: span 1;
}
.grid-container .span-row-1 {
  grid-row: span 1;
}
.grid-container.split-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-container .span-col-2 {
  grid-column: span 2;
}
.grid-container .span-row-2 {
  grid-row: span 2;
}
.grid-container.split-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-container .span-col-3 {
  grid-column: span 3;
}
.grid-container .span-row-3 {
  grid-row: span 3;
}
.grid-container.split-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-container .span-col-4 {
  grid-column: span 4;
}
.grid-container .span-row-4 {
  grid-row: span 4;
}
.grid-container.split-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid-container .span-col-5 {
  grid-column: span 5;
}
.grid-container .span-row-5 {
  grid-row: span 5;
}
.grid-container.split-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid-container .span-col-6 {
  grid-column: span 6;
}
.grid-container .span-row-6 {
  grid-row: span 6;
}
.grid-container.split-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid-container .span-col-7 {
  grid-column: span 7;
}
.grid-container .span-row-7 {
  grid-row: span 7;
}
.grid-container.split-8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid-container .span-col-8 {
  grid-column: span 8;
}
.grid-container .span-row-8 {
  grid-row: span 8;
}
.grid-container.split-9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid-container .span-col-9 {
  grid-column: span 9;
}
.grid-container .span-row-9 {
  grid-row: span 9;
}
.grid-container.split-10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid-container .span-col-10 {
  grid-column: span 10;
}
.grid-container .span-row-10 {
  grid-row: span 10;
}
.grid-container.split-11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid-container .span-col-11 {
  grid-column: span 11;
}
.grid-container .span-row-11 {
  grid-row: span 11;
}
.grid-container.split-12 {
  grid-template-columns: repeat(12, 1fr);
}
.grid-container .span-col-12 {
  grid-column: span 12;
}
.grid-container .span-row-12 {
  grid-row: span 12;
}

.abs-center {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

.appointment-form .confirm {
  background-color: #20283d;
  border-radius: 10px;
  margin: 20px 0px 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.appointment-form .confirm.active {
  opacity: 1;
}
.appointment-form .confirm.error {
  opacity: 1;
  background-color: white;
}
.appointment-form .confirm.error * {
  color: #a31223;
}
.appointment-form .confirm p {
  padding: 15px 20px;
  margin: 0;
}

.statistics p {
  max-width: 200px;
  margin: 0 auto;
}
.statistics p.stat-wrapper {
  font-family: "Nanum Myeongjo", serif;
  font-size: 44px;
  font-weight: bold;
  color: #000e78;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
}
.statistics p.stat-wrapper span.dollar {
  font-size: 1.8rem;
  top: -5px;
}
.statistics .odometer-inside {
  font-family: "Nanum Myeongjo", serif;
}
.statistics .odometer-inside * {
  font-family: "Nanum Myeongjo", serif;
}
.statistics .textbox {
  border-right: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  padding: 40px 20px;
}
.statistics .textbox:nth-child(3), .statistics .textbox:last-child {
  border-right: none;
}
.statistics .textbox:nth-child(4), .statistics .textbox:nth-child(5), .statistics .textbox:last-child {
  border-bottom: none;
}

.alexa {
  margin-top: 60px;
  padding-bottom: 60px;
}
.alexa:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../assets/home/falling-diamonds.jpg);
  opacity: 0.3;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.alexa h2 {
  font-weight: 100;
  font-size: 48px;
  background: #4a87b3;
  background: -webkit-linear-gradient(0deg, #4a87b3, #8acfff, #141926, #000e78);
  background: linear-gradient(90deg, #4a87b3, #8acfff, #141926, #000e78);
  background-size: 800% auto;
  animation: shine 80s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes shine {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 800% center;
  }
}
.alexa #alexa-soundwaves-container {
  width: 100%;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.alexa #alexa-soundwaves-container:not(.waiting-to-play):hover #audio-controller span {
  opacity: 1;
}
.alexa #alexa-soundwaves-container:not(.waiting-to-play) #audio-controller span {
  opacity: 0;
}
.alexa #alexa-soundwaves-container #audio-controller {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 10;
}
.alexa #alexa-soundwaves-container #audio-controller span {
  position: absolute;
  display: none;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background: #4a87b3;
  background: -webkit-linear-gradient(45deg, #4a87b3, #141926);
  background: linear-gradient(45deg, #4a87b3, #141926);
  color: white;
  font-size: 24px;
  cursor: pointer;
  border: 2px solid white;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.alexa #alexa-soundwaves-container #audio-controller span.reveal {
  display: -webkit-flex;
  display: flex;
}
.alexa #alexa-soundwaves-container #audio-controller span:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.alexa #alexa-soundwaves-container #audio-controller span:hover:before {
  opacity: 0.1;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.alexa #alexa-soundwaves-container #audio-controller span:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: #000e78;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.alexa #alexa-soundwaves-container #waveform {
  width: 100%;
  margin: 0 auto;
}
.alexa #alexa-soundwaves-container #waveform canvas {
  margin: 0 auto;
}

header {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
header.alt:not(.scrolled) a#header-logo-link {
  -webkit-filter: invert(1);
  -moz-filter: invert(1);
  -o-filter: invert(1);
  filter: invert(1);
}
header.alt:not(.scrolled) #header-right a#book-appt-button {
  color: #213656;
  background-color: white;
}
header.alt:not(.scrolled) #header-right nav.header-page-links#nav-top:after {
  background: rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.5));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.5));
}
header.alt:not(.scrolled) #header-right nav.header-page-links span.pl-wrapper > a {
  color: white;
}
header.pre-scrolled, header.scrolled {
  background-color: white;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
header #header-wrapper {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 0 !important;
}
header a#header-logo-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: 300px;
}
header a#header-logo-link img {
  width: 100%;
}
header #header-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
header #header-right a#book-appt-button {
  width: unset;
  color: white;
  background-color: #213656;
  border-top-left-radius: 20px;
}
header #header-right nav.header-page-links {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
header #header-right nav.header-page-links#nav-top {
  height: 40px;
  margin-bottom: 3px;
}
header #header-right nav.header-page-links#nav-top:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0);
  background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.1));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.1));
}
header #header-right nav.header-page-links#nav-bottom {
  height: 47px;
}
header #header-right nav.header-page-links span.pl-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
header #header-right nav.header-page-links span.pl-wrapper.more > a:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 7px;
  font-size: 10px;
}
header #header-right nav.header-page-links span.pl-wrapper:hover:before {
  height: 100%;
}
header #header-right nav.header-page-links span.pl-wrapper:hover > a {
  color: white;
}
header #header-right nav.header-page-links span.pl-wrapper:hover .dropdown {
  display: block;
}
header #header-right nav.header-page-links span.pl-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #213656;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
header #header-right nav.header-page-links span.pl-wrapper > a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: unset;
}
header #header-right nav.header-page-links a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding: 0 24px;
  white-space: nowrap;
  color: black;
}
header #header-right nav.header-page-links .dropdown {
  display: none;
  padding: 3px;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 200px;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
header #header-right nav.header-page-links .dropdown a {
  padding: 8px 16px;
  white-space: pre-wrap;
}
header #header-right nav.header-page-links .dropdown a:hover {
  background-color: #4a87b3;
  color: white;
}
header span#ham-menu {
  display: none;
}

body.home header.reveal {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.home .hero {
  background-size: 0 0;
  background-position: center;
  overflow: hidden;
}
body.home .hero main.diamond-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  background-color: black;
}
body.home .hero main.diamond-container:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
body.home .hero main.diamond-container .demo {
  top: 0 !important;
}
body.home .hero main.diamond-container .controls-block {
  display: none !important;
}
body.home .hero .section-wrapper {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  pointer-events: none;
  top: -60px;
  height: 700px;
}
body.home .hero .peekable {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
body.home .hero .peekable.peek-up {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.home .hero .textbox {
  max-width: 600px;
  margin-bottom: 300px;
}
body.home .hero .textbox p.subheading,
body.home .hero .textbox h1 {
  overflow: hidden;
}
body.home .hero .buttons-container {
  overflow: hidden;
  pointer-events: auto;
  top: 20px;
}
body.home .hero .buttons-container .button {
  min-width: 250px;
}
body.home .hero #drag-indicator {
  opacity: 0;
  top: 20px;
  pointer-events: auto;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
  animation: drag 3s ease-in-out infinite 0.5s;
}
@keyframes drag {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
  }
  45% {
    opacity: 1;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  65% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  100% {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
  }
}
body.home .hero #drag-indicator .drag-dot {
  position: absolute;
  top: -5%;
  left: 40%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@keyframes click {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  10%, 20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes hold {
  10% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    opacity: 1;
  }
  15%, 45% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50%, 100% {
    opacity: 0;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
  }
}
body.home .hero #drag-indicator .drag-dot:before, body.home .hero #drag-indicator .drag-dot:after {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
body.home .hero #drag-indicator .drag-dot:before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  background-color: rgba(189, 228, 255, 0.5);
  border-radius: 50%;
  animation: hold 3s ease-in-out infinite 0.5s;
}
body.home .hero #drag-indicator .drag-dot:after {
  border: 0.5px solid white;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  animation: click 3s ease-in-out infinite 0.5s;
}
body.home .hero #drag-indicator .finger-icon {
  width: 20px;
  height: 20px;
}
body.home .hero #drag-indicator .finger-icon svg {
  width: 100%;
  height: 100%;
  fill: white;
}
body.home .hero p#interact-prompt {
  top: 20px;
  font-size: 11px;
  color: white;
  margin: 0;
}
body.home .statistics {
  padding-top: 0;
  padding-bottom: 200px;
  margin-bottom: -50px;
}
body.home .statistics::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  content: "";
  background-position: bottom;
  background-image: url(../assets/home/falling-diamonds.jpg);
}
body.home .statistics .section-wrapper {
  padding-top: 60px;
}
body.home .tell-your-story {
  padding-top: 0;
}
body.home .tell-your-story .video-col {
  top: 150px;
  left: -20px;
}
body.home .tell-your-story .video-col .img-wrapper {
  border-right: 10px solid #000e78;
  border-bottom: 10px solid #000e78;
  width: 100%;
}
body.home .tell-your-story .video-col .img-wrapper video {
  width: 100%;
  object-fit: cover;
  height: 600px;
}
body.home .tell-your-story .video-col .img-wrapper img {
  display: none;
}
body.home .tell-your-story .intro-col .textbox {
  padding: 30px 0;
  max-width: 450px;
  margin: auto;
}
body.home .tell-your-story .process-col {
  width: 55%;
  right: 0px;
  margin-left: auto;
  margin-top: -300px;
  background: white;
  padding: 20px 60px 40px;
  box-shadow: -2px 5px 10px -5px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
body.home .tell-your-story .process-col article.process-step {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #b8b8b8;
}
body.home .tell-your-story .process-col article.process-step:last-of-type {
  border: none;
  padding-bottom: 0;
}
body.home .tell-your-story .process-col article.process-step .intro-text {
  top: -20px;
  width: 260px;
}
body.home .tell-your-story .process-col article.process-step .intro-text span.num {
  color: #000e78;
  font-size: 30px;
  font-weight: bold;
}
body.home .tell-your-story .process-col article.process-step .intro-text p.lg {
  line-height: 1.4;
}
body.home .tell-your-story .process-col article.process-step .detail-text {
  top: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body.home .tell-your-story .process-col article.process-step .detail-text p {
  color: #58595b;
}
body.home .dci-advantage {
  overflow: hidden;
}
body.home .dci-advantage::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  height: 80%;
  top: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: opacity(0.06);
  background-image: url(../assets/diamond-shards.jpg);
}
body.home .dci-advantage::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  height: 20%;
  bottom: 0;
  background: linear-gradient(to top, white, rgb(247, 249, 249));
  z-index: -1;
}
body.home .dci-advantage .top-diamond {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 30px 0;
}
body.home .dci-advantage .top-diamond .img-wrapper {
  max-width: 360px;
  z-index: -1;
}
body.home .dci-advantage .top-diamond .img-wrapper > span {
  position: absolute;
  width: 40px;
  height: 40px;
}
body.home .dci-advantage .top-diamond .img-wrapper > span::after {
  position: absolute;
  content: "+";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #000e78;
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  width: 100%;
  border-radius: 30px;
  font-size: 25px;
  box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 2s ease-in-out 0.5s;
  -moz-transition: all 2s ease-in-out 0.5s;
  -o-transition: all 2s ease-in-out 0.5s;
  -ms-transition: all 2s ease-in-out 0.5s;
  transition: all 2s ease-in-out 0.5s;
  z-index: 0;
}
body.home .dci-advantage .top-diamond .img-wrapper > span:nth-of-type(1) {
  top: 45px;
  right: 210px;
}
body.home .dci-advantage .top-diamond .img-wrapper > span:nth-of-type(2) {
  top: 100px;
  right: 164px;
}
body.home .dci-advantage .top-diamond .img-wrapper > span:nth-of-type(3) {
  right: 70px;
  bottom: 75px;
}
body.home .dci-advantage .top-diamond .img-wrapper > span.active::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body.home .dci-advantage .advantages-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  padding: 40px 0;
}
body.home .dci-advantage .advantages-container .textbox {
  padding: 30px;
  padding-top: 60px;
  background-color: #f8f8f8;
  border-radius: 20px;
}
body.home .dci-advantage .advantages-container .textbox:after, body.home .dci-advantage .advantages-container .textbox:before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 0;
  height: 0;
}
body.home .dci-advantage .advantages-container .textbox:before {
  -webkit-transition: height 1s ease-out 1s;
  -moz-transition: height 1s ease-out 1s;
  -o-transition: height 1s ease-out 1s;
  -ms-transition: height 1s ease-out 1s;
  transition: height 1s ease-out 1s;
  background: linear-gradient(to bottom, #000e78, #000e78 2px, transparent 1px, rgba(0, 0, 0, 0) 1px);
  background-size: 2px 8px;
  right: 50%;
  transform: translateX(-50%);
}
body.home .dci-advantage .advantages-container .textbox:after {
  -webkit-transition: width 1s ease-out;
  -moz-transition: width 1s ease-out;
  -o-transition: width 1s ease-out;
  -ms-transition: width 1s ease-out;
  transition: width 1s ease-out;
  background-size: 8px 2px;
  background-image: linear-gradient(to right, #000e78, #000e78 2px, transparent 1px, rgba(0, 0, 0, 0) 1px);
}
body.home .dci-advantage .advantages-container .textbox.active:before {
  width: 2px;
  z-index: -1;
}
body.home .dci-advantage .advantages-container .textbox.active:after {
  height: 2px;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(1)::after {
  top: -274px;
  right: -42%;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(1)::before {
  top: -270px;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(1).active::after {
  width: 92%;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(1).active::before {
  height: 83%;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(2)::after {
  display: none;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(2)::before {
  top: -197px;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(2).active::before {
  height: 60%;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(3)::after {
  top: -163px;
  left: -27%;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(3)::before {
  top: -163px;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(3).active::after {
  width: 75%;
}
body.home .dci-advantage .advantages-container .textbox:nth-child(3).active::before {
  height: 51%;
}
body.home .dci-advantage .advantages-container .textbox span.icon-wrapper {
  position: absolute;
  top: -20px;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 50%;
  margin-bottom: 15px;
  padding: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
body.home .dci-advantage .advantages-container .textbox span.icon-wrapper img {
  height: 100%;
  object-fit: contain;
}
body.home .fred-cuellar {
  overflow: hidden;
}
body.home .fred-cuellar .img-col {
  max-width: 580px;
  margin: 0 auto 0 0;
}
body.home .fred-cuellar .img-col.active .img-wrapper {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  -moz-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  -ms-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}
body.home .fred-cuellar .img-col .img-wrapper {
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  -moz-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  -ms-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body.home .fred-cuellar .text-col .textbox {
  margin-top: 160px;
}
body.home .fred-cuellar figure#top-imgs {
  position: absolute;
  right: -40px;
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
body.home .fred-cuellar figure#top-imgs .diam-img {
  position: absolute;
  width: 140px;
  right: 220px;
}
body.home .fred-cuellar figure#top-imgs .twee-img {
  position: absolute;
  width: 160px;
  -webkit-transform: rotate(-102deg);
  -moz-transform: rotate(-102deg);
  -ms-transform: rotate(-102deg);
  transform: rotate(-102deg);
  right: 0;
  top: -290px;
}
body.home .areas-of-expertise:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  height: 60%;
  top: 0;
  background: linear-gradient(to bottom, white, rgb(236, 250, 250));
  z-index: -1;
}
body.home .areas-of-expertise .expertise-wrapper {
  margin-top: 60px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
}
body.home .areas-of-expertise article.expertise-card {
  margin-top: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.home .areas-of-expertise article.expertise-card:nth-child(1), body.home .areas-of-expertise article.expertise-card:nth-child(3) {
  margin-top: -30px;
}
body.home .areas-of-expertise article.expertise-card > a {
  height: 550px;
}
body.home .areas-of-expertise article.expertise-card > a:hover figure.img-wrapper img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.home .areas-of-expertise article.expertise-card > a::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border: 1px solid white;
  z-index: 2;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
body.home .areas-of-expertise article.expertise-card > a figure.img-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.home .areas-of-expertise article.expertise-card > a figure.img-wrapper img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
body.home .areas-of-expertise article.expertise-card > a h3 {
  bottom: 50px;
  color: white;
  font-weight: bold;
  text-align: center;
  z-index: 3;
}
body.home .areas-of-expertise article.expertise-card > a h3 span {
  font-style: italic;
}
body.home .areas-of-expertise article.expertise-card .textbox {
  margin-top: 10px;
  padding: 20px;
}
body.home span#cursor {
  position: fixed;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(211, 211, 211, 0.4);
  opacity: 0;
  z-index: 99;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1), top 0s linear, left 0s linear;
  -moz-transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1), top 0s linear, left 0s linear;
  -o-transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1), top 0s linear, left 0s linear;
  -ms-transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1), top 0s linear, left 0s linear;
  transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1), top 0s linear, left 0s linear;
  pointer-events: none;
}
body.home span#cursor:before {
  content: "";
  position: absolute;
  border: 1px solid white;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.home span#cursor:after {
  content: "I think this one";
  font-weight: 600;
  color: white;
  font-size: 12px;
  position: absolute;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  padding: 20px;
  text-align: center;
}
body.home span#cursor.explore {
  opacity: 1;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.15);
}
body.home span#cursor.explore:before, body.home span#cursor.explore:after {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.home .diamond-test p.subheading {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: white;
  top: 0;
  padding: 15px 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 10;
}
body.home .diamond-test #test-container {
  width: 100%;
  height: 600px;
  background-color: black;
  border-radius: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}
body.home .diamond-test #test-container article.question-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  cursor: none;
}
body.home .diamond-test #test-container article.question-slide.answered {
  cursor: default;
}
body.home .diamond-test #test-container article.question-slide.answered .question-intro {
  -webkit-transform: translateY(-120px) scale(0.7);
  -moz-transform: translateY(-120px) scale(0.7);
  -ms-transform: translateY(-120px) scale(0.7);
  transform: translateY(-120px) scale(0.7);
}
body.home .diamond-test #test-container article.question-slide.answered .option {
  min-width: 0;
  width: 0;
}
body.home .diamond-test #test-container article.question-slide.answered .option:not(.selected) .textbox p.b {
  opacity: 0;
}
body.home .diamond-test #test-container article.question-slide.answered .option.selected {
  min-width: 100% !important;
}
body.home .diamond-test #test-container article.question-slide.answered .option.selected .textbox {
  opacity: 1;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}
body.home .diamond-test #test-container article.question-slide.answered .option.selected .textbox i {
  opacity: 1;
}
body.home .diamond-test #test-container article.question-slide.answered .option.selected .textbox p.b {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.home .diamond-test #test-container article.question-slide.answered .option.selected .textbox p.description {
  opacity: 1;
  position: relative;
}
body.home .diamond-test #test-container article.question-slide.prev {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
body.home .diamond-test #test-container article.question-slide.next {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
body.home .diamond-test #test-container article.question-slide .question-intro {
  position: absolute;
  max-width: 480px;
  padding: 0 20px;
  z-index: 10;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  pointer-events: none;
}
body.home .diamond-test #test-container article.question-slide .question-intro p.question-num {
  font-weight: bold;
  margin-bottom: 20px;
}
body.home .diamond-test #test-container article.question-slide .question-intro h4.question {
  font-size: 36px;
}
body.home .diamond-test #test-container article.question-slide .option {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  min-width: 50%;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
body.home .diamond-test #test-container article.question-slide .option:hover {
  min-width: 60%;
}
body.home .diamond-test #test-container article.question-slide .option:hover .textbox p.b {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
body.home .diamond-test #test-container article.question-slide .option.option-1 {
  background-color: #141926;
}
body.home .diamond-test #test-container article.question-slide .option.option-2 {
  background-color: #000e78;
}
body.home .diamond-test #test-container article.question-slide .option.answer .textbox > i {
  color: #bde4ff;
}
body.home .diamond-test #test-container article.question-slide .option .textbox {
  position: absolute;
  width: 100%;
  max-width: 450px;
  padding: 20px;
  z-index: 2;
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
body.home .diamond-test #test-container article.question-slide .option .textbox > i {
  font-size: 24px;
  color: #ff6868;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  margin-bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.home .diamond-test #test-container article.question-slide .option .textbox p.b {
  font-family: "Nanum Myeongjo", serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
body.home .diamond-test #test-container article.question-slide .option .textbox p.description {
  position: absolute;
  opacity: 0;
}
body.home .diamond-test #test-container article.question-slide .option .textbox p.description a.restart {
  display: block;
  font-size: 0.8rem;
  margin-top: 30px;
}
body.home .diamond-test #test-container article.question-slide .option .textbox p.description a.restart i {
  margin-left: 5px;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
body.home .diamond-test #test-container #test-controller {
  position: absolute;
  bottom: 0;
  height: 40px;
  display: -webkit-flex;
  display: flex;
  background-color: white;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom: 1px solid lightgrey;
}
body.home .diamond-test #test-container #test-controller span.control {
  width: 60px;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
body.home .diamond-test #test-container #test-controller span.control.disable {
  cursor: not-allowed;
  color: lightgrey;
}
body.home .diamond-test #test-container #test-controller span.control:not(.disable):hover {
  color: #4a87b3;
}
body.home .diamond-test #test-container #test-controller span.control:not(.disable):hover i {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
body.home .diamond-test #test-container #test-controller span.control:first-child {
  border-right: 1px solid lightgrey;
}
body.our-story .hero {
  background-image: url("../assets/wedding-dance.jpg");
  background-size: cover;
  background-position: center 20%;
  background-repeat: no-repeat;
}
body.our-story .hero .section-wrapper {
  height: 50vh;
  max-height: 400px;
  padding-bottom: 100px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.our-story .details {
  margin-top: 60px;
}
body.process {
  background: white;
  background-image: radial-gradient(rgba(0, 0, 0, 0.4) 1px, transparent 0);
  background-size: 40px 40px;
  background-position: -19px -19px;
}
body.process .hero {
  padding-bottom: 100px;
  margin-bottom: 60px;
}
body.process .hero .col {
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  -moz-clip-path: polygon(0 0, 0 0, 0 0);
  -ms-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body.process .hero .col.reveal {
  -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
  -moz-clip-path: polygon(0 0, 200% 0, 0 200%);
  -ms-clip-path: polygon(0 0, 200% 0, 0 200%);
  clip-path: polygon(0 0, 200% 0, 0 200%);
}
body.process .hero:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40%;
  background-color: #141926;
}
body.process .steps #steps-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
  margin-bottom: 100px;
}
body.process .steps #steps-container article.step {
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.49, 0.01, 0.22, 1);
  -moz-transition: all 0.6s cubic-bezier(0.49, 0.01, 0.22, 1);
  -o-transition: all 0.6s cubic-bezier(0.49, 0.01, 0.22, 1);
  -ms-transition: all 0.6s cubic-bezier(0.49, 0.01, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.49, 0.01, 0.22, 1);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
}
body.process .steps #steps-container article.step.reveal {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.process .steps #steps-container article.step.reveal figure.step-img-wrapper span.step-num {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.process .steps #steps-container article.step figure.step-img-wrapper {
  margin-bottom: 20px;
}
body.process .steps #steps-container article.step figure.step-img-wrapper span.step-num {
  position: absolute;
  top: -25px;
  left: -25px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #000e78;
  background: -webkit-linear-gradient(45deg, #000e78, #4a87b3);
  background: linear-gradient(45deg, #000e78, #4a87b3);
  color: white;
  z-index: 10;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: bold;
  -webkit-transition: all 0.6s ease-in-out 0.4s;
  -moz-transition: all 0.6s ease-in-out 0.4s;
  -o-transition: all 0.6s ease-in-out 0.4s;
  -ms-transition: all 0.6s ease-in-out 0.4s;
  transition: all 0.6s ease-in-out 0.4s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.process .steps #steps-container article.step h5.step-name {
  color: #000e78;
  padding-bottom: 30px;
}
body.process .steps #steps-container article.step h5.step-name:after {
  content: "• • •";
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.process .steps hr.separator {
  border: none;
  width: 100%;
  border-top: 2px dotted #000e78;
  margin: 0 auto;
  margin-bottom: 100px;
}
body.process footer {
  margin-top: 120px;
}
body.process-old .subheading {
  color: #000e78;
}
body.process-old .hero .section-wrapper {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 1080px;
}
body.process-old .hero .section-wrapper:before {
  content: attr(data-text);
  position: absolute;
  font-family: "Nanum Myeongjo", serif;
  font-size: 200px;
  color: #e8e8e8;
}
body.process-old .hero .textbox {
  position: absolute;
  left: 0;
  z-index: 2;
}
body.process-old .hero .img-wrapper {
  width: 80%;
  margin-left: auto;
}
body.process-old .steps .steps-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 40px;
}
body.process-old .steps article.step {
  padding: 20px;
  padding-top: 40px;
  border-radius: 10px;
}
body.process-old .steps article.step .subheading {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: white;
  background-color: #141926;
  position: absolute;
  top: -35px;
  left: -20px;
  padding: 6px 20px;
  margin-top: -20px;
}
body.about-fred .hero {
  background-color: #141926;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
body.about-fred .hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1011%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M0%2c555.415C106.775%2c550.088%2c219.055%2c537.579%2c302.667%2c470.958C383.317%2c406.697%2c392.444%2c292.179%2c443.102%2c202.358C499.922%2c101.61%2c636.238%2c25.37%2c618.429%2c-88.917C600.573%2c-203.509%2c439.167%2c-227.087%2c362.608%2c-314.202C286.858%2c-400.397%2c282.952%2c-556.772%2c174.448%2c-594.115C66.685%2c-631.203%2c-37.064%2c-529.372%2c-143.392%2c-488.349C-239.784%2c-451.159%2c-343.173%2c-432.841%2c-420.666%2c-364.509C-505.082%2c-290.072%2c-572.125%2c-195.365%2c-599.466%2c-86.19C-628.463%2c29.597%2c-628.871%2c155.982%2c-578.065%2c263.993C-527.499%2c371.493%2c-428.801%2c448.682%2c-322.72%2c502.161C-223.351%2c552.256%2c-111.144%2c560.96%2c0%2c555.415' fill='%23091b2e'%3e%3c/path%3e%3cpath d='M1440 883.443C1498.818 870.3530000000001 1548.636 839.95 1602.301 812.546 1662.58 781.765 1742.19 772.245 1774.368 712.701 1806.646 652.973 1773.089 580.697 1763.95 513.423 1754.731 445.565 1768.784 365.519 1720.593 316.865 1672.449 268.258 1592.226 282.305 1524.624 271.797 1466.369 262.742 1409.729 248.716 1351.777 259.539 1289.328 271.202 1230.675 295.83 1181.379 335.903 1125.1979999999999 381.572 1049.834 431.674 1050.968 504.06600000000003 1052.134 578.499 1156.759 607.523 1186.701 675.678 1217.383 745.517 1164.546 848.4649999999999 1223.525 896.842 1280.579 943.639 1367.971 899.473 1440 883.443' fill='%23133960'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1011'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  opacity: 0.3;
}
body.about-fred .hero .section-wrapper {
  max-height: 400px;
  height: 50vh;
  padding-bottom: 100px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.about-fred .hero .section-wrapper .textbox {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  padding: 0 20px;
  max-width: 800px;
}
body.about-fred .hero .section-wrapper p.subheading {
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  animation: drop 1s ease-out forwards 0.5s;
}
@keyframes drop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
body.about-fred .hero .section-wrapper p.subheading span {
  display: block;
  opacity: 0;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.about-fred .hero .section-wrapper p.subheading span:not(:first-child) {
  position: absolute;
}
body.about-fred .hero .section-wrapper p.subheading span:before, body.about-fred .hero .section-wrapper p.subheading span:after {
  content: "•";
  color: #bde4ff;
}
body.about-fred .hero .section-wrapper p.subheading span:before {
  margin-right: 10px;
}
body.about-fred .hero .section-wrapper p.subheading span:after {
  margin-left: 10px;
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="0"] {
  -webkit-transform: translateY(calc(-100% * -1));
  -moz-transform: translateY(calc(-100% * -1));
  -ms-transform: translateY(calc(-100% * -1));
  transform: translateY(calc(-100% * -1));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="1"] {
  -webkit-transform: translateY(calc(-100% * 0));
  -moz-transform: translateY(calc(-100% * 0));
  -ms-transform: translateY(calc(-100% * 0));
  transform: translateY(calc(-100% * 0));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="2"] {
  -webkit-transform: translateY(calc(-100% * 1));
  -moz-transform: translateY(calc(-100% * 1));
  -ms-transform: translateY(calc(-100% * 1));
  transform: translateY(calc(-100% * 1));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="3"] {
  -webkit-transform: translateY(calc(-100% * 2));
  -moz-transform: translateY(calc(-100% * 2));
  -ms-transform: translateY(calc(-100% * 2));
  transform: translateY(calc(-100% * 2));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="4"] {
  -webkit-transform: translateY(calc(-100% * 3));
  -moz-transform: translateY(calc(-100% * 3));
  -ms-transform: translateY(calc(-100% * 3));
  transform: translateY(calc(-100% * 3));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="5"] {
  -webkit-transform: translateY(calc(-100% * 4));
  -moz-transform: translateY(calc(-100% * 4));
  -ms-transform: translateY(calc(-100% * 4));
  transform: translateY(calc(-100% * 4));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="6"] {
  -webkit-transform: translateY(calc(-100% * 5));
  -moz-transform: translateY(calc(-100% * 5));
  -ms-transform: translateY(calc(-100% * 5));
  transform: translateY(calc(-100% * 5));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="7"] {
  -webkit-transform: translateY(calc(-100% * 6));
  -moz-transform: translateY(calc(-100% * 6));
  -ms-transform: translateY(calc(-100% * 6));
  transform: translateY(calc(-100% * 6));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="8"] {
  -webkit-transform: translateY(calc(-100% * 7));
  -moz-transform: translateY(calc(-100% * 7));
  -ms-transform: translateY(calc(-100% * 7));
  transform: translateY(calc(-100% * 7));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="9"] {
  -webkit-transform: translateY(calc(-100% * 8));
  -moz-transform: translateY(calc(-100% * 8));
  -ms-transform: translateY(calc(-100% * 8));
  transform: translateY(calc(-100% * 8));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="10"] {
  -webkit-transform: translateY(calc(-100% * 9));
  -moz-transform: translateY(calc(-100% * 9));
  -ms-transform: translateY(calc(-100% * 9));
  transform: translateY(calc(-100% * 9));
}
body.about-fred .hero .section-wrapper p.subheading span[data-index="1"] {
  opacity: 1;
}
body.about-fred .hero .section-wrapper h1 {
  font-size: 100px;
  font-weight: 100;
  overflow: hidden;
}
body.about-fred .hero .section-wrapper h1 span {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  animation: rise 1s ease-out forwards 0.5s;
}
@keyframes rise {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
body.about-fred .statistics {
  padding-top: 0;
  margin-bottom: -120px;
}
body.about-fred .statistics .section-wrapper {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  background-color: white;
  top: -60px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
body.about-fred .statistics .textbox {
  border: none;
}
body.about-fred .statistics .textbox:not(:last-child) {
  border-right: 1px solid lightgrey;
}
body.about-fred #fred .section-wrapper {
  margin-top: 120px;
  margin-bottom: 60px;
}
body.about-fred #fred .text-col {
  border-left: 1px solid lightgrey;
  padding-left: 60px;
}
body.about-fred #media {
  padding-bottom: 140px;
}
body.about-fred #media .text-col {
  padding-right: 100px;
}
body.about-fred #media .logos-container {
  width: 100%;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
body.about-fred #media .logos-container.reveal figure.logo-wrapper {
  opacity: 1;
}
body.about-fred #media .logos-container figure.logo-wrapper {
  padding: 20px;
  opacity: 0;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(1) {
  -webkit-transition: all 0.4s ease-in-out 0.12s;
  -moz-transition: all 0.4s ease-in-out 0.12s;
  -o-transition: all 0.4s ease-in-out 0.12s;
  -ms-transition: all 0.4s ease-in-out 0.12s;
  transition: all 0.4s ease-in-out 0.12s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(2) {
  -webkit-transition: all 0.4s ease-in-out 0.24s;
  -moz-transition: all 0.4s ease-in-out 0.24s;
  -o-transition: all 0.4s ease-in-out 0.24s;
  -ms-transition: all 0.4s ease-in-out 0.24s;
  transition: all 0.4s ease-in-out 0.24s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(3) {
  -webkit-transition: all 0.4s ease-in-out 0.36s;
  -moz-transition: all 0.4s ease-in-out 0.36s;
  -o-transition: all 0.4s ease-in-out 0.36s;
  -ms-transition: all 0.4s ease-in-out 0.36s;
  transition: all 0.4s ease-in-out 0.36s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(4) {
  -webkit-transition: all 0.4s ease-in-out 0.48s;
  -moz-transition: all 0.4s ease-in-out 0.48s;
  -o-transition: all 0.4s ease-in-out 0.48s;
  -ms-transition: all 0.4s ease-in-out 0.48s;
  transition: all 0.4s ease-in-out 0.48s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(5) {
  -webkit-transition: all 0.4s ease-in-out 0.6s;
  -moz-transition: all 0.4s ease-in-out 0.6s;
  -o-transition: all 0.4s ease-in-out 0.6s;
  -ms-transition: all 0.4s ease-in-out 0.6s;
  transition: all 0.4s ease-in-out 0.6s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(6) {
  -webkit-transition: all 0.4s ease-in-out 0.72s;
  -moz-transition: all 0.4s ease-in-out 0.72s;
  -o-transition: all 0.4s ease-in-out 0.72s;
  -ms-transition: all 0.4s ease-in-out 0.72s;
  transition: all 0.4s ease-in-out 0.72s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(7) {
  -webkit-transition: all 0.4s ease-in-out 0.84s;
  -moz-transition: all 0.4s ease-in-out 0.84s;
  -o-transition: all 0.4s ease-in-out 0.84s;
  -ms-transition: all 0.4s ease-in-out 0.84s;
  transition: all 0.4s ease-in-out 0.84s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(8) {
  -webkit-transition: all 0.4s ease-in-out 0.96s;
  -moz-transition: all 0.4s ease-in-out 0.96s;
  -o-transition: all 0.4s ease-in-out 0.96s;
  -ms-transition: all 0.4s ease-in-out 0.96s;
  transition: all 0.4s ease-in-out 0.96s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(9) {
  -webkit-transition: all 0.4s ease-in-out 1.08s;
  -moz-transition: all 0.4s ease-in-out 1.08s;
  -o-transition: all 0.4s ease-in-out 1.08s;
  -ms-transition: all 0.4s ease-in-out 1.08s;
  transition: all 0.4s ease-in-out 1.08s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(10) {
  -webkit-transition: all 0.4s ease-in-out 1.2s;
  -moz-transition: all 0.4s ease-in-out 1.2s;
  -o-transition: all 0.4s ease-in-out 1.2s;
  -ms-transition: all 0.4s ease-in-out 1.2s;
  transition: all 0.4s ease-in-out 1.2s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(11) {
  -webkit-transition: all 0.4s ease-in-out 1.32s;
  -moz-transition: all 0.4s ease-in-out 1.32s;
  -o-transition: all 0.4s ease-in-out 1.32s;
  -ms-transition: all 0.4s ease-in-out 1.32s;
  transition: all 0.4s ease-in-out 1.32s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(12) {
  -webkit-transition: all 0.4s ease-in-out 1.44s;
  -moz-transition: all 0.4s ease-in-out 1.44s;
  -o-transition: all 0.4s ease-in-out 1.44s;
  -ms-transition: all 0.4s ease-in-out 1.44s;
  transition: all 0.4s ease-in-out 1.44s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(13) {
  -webkit-transition: all 0.4s ease-in-out 1.56s;
  -moz-transition: all 0.4s ease-in-out 1.56s;
  -o-transition: all 0.4s ease-in-out 1.56s;
  -ms-transition: all 0.4s ease-in-out 1.56s;
  transition: all 0.4s ease-in-out 1.56s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(14) {
  -webkit-transition: all 0.4s ease-in-out 1.68s;
  -moz-transition: all 0.4s ease-in-out 1.68s;
  -o-transition: all 0.4s ease-in-out 1.68s;
  -ms-transition: all 0.4s ease-in-out 1.68s;
  transition: all 0.4s ease-in-out 1.68s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(15) {
  -webkit-transition: all 0.4s ease-in-out 1.8s;
  -moz-transition: all 0.4s ease-in-out 1.8s;
  -o-transition: all 0.4s ease-in-out 1.8s;
  -ms-transition: all 0.4s ease-in-out 1.8s;
  transition: all 0.4s ease-in-out 1.8s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(16) {
  -webkit-transition: all 0.4s ease-in-out 1.92s;
  -moz-transition: all 0.4s ease-in-out 1.92s;
  -o-transition: all 0.4s ease-in-out 1.92s;
  -ms-transition: all 0.4s ease-in-out 1.92s;
  transition: all 0.4s ease-in-out 1.92s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(17) {
  -webkit-transition: all 0.4s ease-in-out 2.04s;
  -moz-transition: all 0.4s ease-in-out 2.04s;
  -o-transition: all 0.4s ease-in-out 2.04s;
  -ms-transition: all 0.4s ease-in-out 2.04s;
  transition: all 0.4s ease-in-out 2.04s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(18) {
  -webkit-transition: all 0.4s ease-in-out 2.16s;
  -moz-transition: all 0.4s ease-in-out 2.16s;
  -o-transition: all 0.4s ease-in-out 2.16s;
  -ms-transition: all 0.4s ease-in-out 2.16s;
  transition: all 0.4s ease-in-out 2.16s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(19) {
  -webkit-transition: all 0.4s ease-in-out 2.28s;
  -moz-transition: all 0.4s ease-in-out 2.28s;
  -o-transition: all 0.4s ease-in-out 2.28s;
  -ms-transition: all 0.4s ease-in-out 2.28s;
  transition: all 0.4s ease-in-out 2.28s;
}
body.about-fred #media .logos-container figure.logo-wrapper:nth-child(20) {
  -webkit-transition: all 0.4s ease-in-out 2.4s;
  -moz-transition: all 0.4s ease-in-out 2.4s;
  -o-transition: all 0.4s ease-in-out 2.4s;
  -ms-transition: all 0.4s ease-in-out 2.4s;
  transition: all 0.4s ease-in-out 2.4s;
}
body.about-fred #media .logos-container figure.logo-wrapper img {
  max-width: 200px;
  max-height: 60px;
}
body.about-fred #jewelry {
  margin-top: 0;
  padding-top: 0;
}
body.about-fred #jewelry .section-wrapper {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  padding: 0;
}
body.about-fred #jewelry .jewelry-card {
  overflow: hidden;
}
body.about-fred #jewelry #championship-card .slideshow {
  height: 100%;
  background-color: black;
}
body.about-fred #jewelry #championship-card .slideshow figure.img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body.about-fred #jewelry #championship-card .slideshow figure.img-wrapper.active {
  opacity: 1;
}
body.about-fred #jewelry #championship-card .slideshow figure.img-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
body.about-fred #jewelry #championship-card .slideshow figure.img-wrapper img {
  height: 100%;
  object-fit: cover;
}
body.about-fred #jewelry #championship-card .textbox {
  position: absolute;
  padding: 40px;
  bottom: 0;
  left: 0;
  z-index: 3;
}
body.about-fred #jewelry #championship-card .textbox:before {
  content: "";
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  -o-filter: blur(30px);
  filter: blur(30px);
}
body.about-fred #jewelry #specialty-card {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #f8f8f8;
  padding: 40px;
}
body.about-fred #jewelry #specialty-card .slider {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body.about-fred #jewelry #specialty-card .slider * {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.about-fred #jewelry #specialty-card .slider .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(1) {
  -webkit-transform: translateX(calc(100% * (1 - 1)));
  -moz-transform: translateX(calc(100% * (1 - 1)));
  -ms-transform: translateX(calc(100% * (1 - 1)));
  transform: translateX(calc(100% * (1 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(2) {
  -webkit-transform: translateX(calc(100% * (2 - 1)));
  -moz-transform: translateX(calc(100% * (2 - 1)));
  -ms-transform: translateX(calc(100% * (2 - 1)));
  transform: translateX(calc(100% * (2 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(3) {
  -webkit-transform: translateX(calc(100% * (3 - 1)));
  -moz-transform: translateX(calc(100% * (3 - 1)));
  -ms-transform: translateX(calc(100% * (3 - 1)));
  transform: translateX(calc(100% * (3 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(4) {
  -webkit-transform: translateX(calc(100% * (4 - 1)));
  -moz-transform: translateX(calc(100% * (4 - 1)));
  -ms-transform: translateX(calc(100% * (4 - 1)));
  transform: translateX(calc(100% * (4 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(5) {
  -webkit-transform: translateX(calc(100% * (5 - 1)));
  -moz-transform: translateX(calc(100% * (5 - 1)));
  -ms-transform: translateX(calc(100% * (5 - 1)));
  transform: translateX(calc(100% * (5 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(6) {
  -webkit-transform: translateX(calc(100% * (6 - 1)));
  -moz-transform: translateX(calc(100% * (6 - 1)));
  -ms-transform: translateX(calc(100% * (6 - 1)));
  transform: translateX(calc(100% * (6 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(7) {
  -webkit-transform: translateX(calc(100% * (7 - 1)));
  -moz-transform: translateX(calc(100% * (7 - 1)));
  -ms-transform: translateX(calc(100% * (7 - 1)));
  transform: translateX(calc(100% * (7 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(8) {
  -webkit-transform: translateX(calc(100% * (8 - 1)));
  -moz-transform: translateX(calc(100% * (8 - 1)));
  -ms-transform: translateX(calc(100% * (8 - 1)));
  transform: translateX(calc(100% * (8 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(9) {
  -webkit-transform: translateX(calc(100% * (9 - 1)));
  -moz-transform: translateX(calc(100% * (9 - 1)));
  -ms-transform: translateX(calc(100% * (9 - 1)));
  transform: translateX(calc(100% * (9 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide:nth-child(10) {
  -webkit-transform: translateX(calc(100% * (10 - 1)));
  -moz-transform: translateX(calc(100% * (10 - 1)));
  -ms-transform: translateX(calc(100% * (10 - 1)));
  transform: translateX(calc(100% * (10 - 1)));
}
body.about-fred #jewelry #specialty-card .slider .slide.active {
  position: relative;
  opacity: 1;
}
body.about-fred #jewelry #specialty-card .slider .slide.active figure.img-wrapper {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.about-fred #jewelry #specialty-card .slider .slide figure.img-wrapper {
  max-width: 300px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.about-fred #jewelry #specialty-card .slider .slide figure.img-wrapper figcaption {
  position: absolute;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.about-fred #jewelry #specialty-card .slider .slide figure.img-wrapper figcaption.reveal:after {
  background-color: #213656;
  color: white;
  -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
  -moz-transform: translate(-50%, -50%) rotateZ(45deg);
  -ms-transform: translate(-50%, -50%) rotateZ(45deg);
  transform: translate(-50%, -50%) rotateZ(45deg);
}
body.about-fred #jewelry #specialty-card .slider .slide figure.img-wrapper figcaption.reveal p {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.about-fred #jewelry #specialty-card .slider .slide figure.img-wrapper figcaption * {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.about-fred #jewelry #specialty-card .slider .slide figure.img-wrapper figcaption:after {
  content: "+";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid white;
  height: 30px;
  width: 30px;
  background-color: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.about-fred #jewelry #specialty-card .slider .slide figure.img-wrapper figcaption p {
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  margin-bottom: 0;
  overflow: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
body.about-fred #jewelry #specialty-card .slider-controller {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  pointer-events: none;
  padding: 0 20px;
}
body.about-fred #jewelry #specialty-card .slider-controller span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-color: white;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.about-fred #jewelry #specialty-card .slider-controller span:hover {
  background-color: #213656;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
body.about-fred #jewelry #specialty-card .slider-controller span:hover:after {
  color: white;
}
body.about-fred #jewelry #specialty-card .slider-controller span.prev:after {
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
body.about-fred #jewelry #specialty-card .slider-controller span:after {
  content: "⟶";
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.about-fred #books {
  margin-top: 40px;
}
body.about-fred #books .books-container {
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
body.about-fred #books .books-container article.book-card {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.about-fred #books .books-container article.book-card:hover .textbox {
  opacity: 1;
  visibility: visible;
}
body.about-fred #books .books-container article.book-card * {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.about-fred #books .books-container article.book-card figure.book-wrapper {
  height: 100%;
}
body.about-fred #books .books-container article.book-card figure.book-wrapper img {
  height: 100%;
}
body.about-fred #books .books-container article.book-card .textbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.5);
}
body.about-fred #recognized-work .section-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  grid-gap: 20px;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
body.about-fred #recognized-work .col {
  background-color: #f8f8f8;
  padding: 60px 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.about-fred #recognized-work .col#argyle .img-wrapper {
  max-width: 220px;
  margin-bottom: 40px;
}
body.about-fred #recognized-work .col#argyle h2 {
  color: #2a0d4f;
}
body.about-fred #recognized-work .col#argyle a#trifecta-button {
  border: none;
  color: white;
  background-color: black;
  overflow: hidden;
  z-index: 1;
}
body.about-fred #recognized-work .col#argyle a#trifecta-button:hover:before {
  left: 10%;
}
body.about-fred #recognized-work .col#argyle a#trifecta-button:hover:after {
  right: 10%;
}
body.about-fred #recognized-work .col#argyle a#trifecta-button:before, body.about-fred #recognized-work .col#argyle a#trifecta-button:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-filter: blur(40px);
  -moz-filter: blur(40px);
  -o-filter: blur(40px);
  filter: blur(40px);
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  height: 40px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.about-fred #recognized-work .col#argyle a#trifecta-button:before {
  left: -10%;
  top: 20%;
  width: 50%;
  background-color: deeppink;
}
body.about-fred #recognized-work .col#argyle a#trifecta-button:after {
  right: -10%;
  bottom: 20%;
  width: 80%;
  background-color: #4156be;
}
body.about-fred #recognized-work .col#hunger-games {
  background-color: #10192e;
  overflow: hidden;
}
body.about-fred #recognized-work .col#hunger-games h2 {
  color: #e4d8b9;
  background: #e4d8b9;
  background: -webkit-linear-gradient(0deg, #e4d8b9, #c8b862, #e8e8e8, #e4d8b9);
  background: linear-gradient(90deg, #e4d8b9, #c8b862, #e8e8e8, #e4d8b9);
  background-size: 800% auto;
  animation: shine 20s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes shine {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 800% center;
  }
}
body.about-fred #recognized-work .col#hunger-games .img-wrapper {
  max-width: 340px;
  margin: 40px auto;
}
body.about-fred #recognized-work .col#hunger-games .img-wrapper img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
body.about-fred #recognized-work .col#hunger-games .img-wrapper img#grey-medallion {
  position: absolute;
  -webkit-transform: scale(0.8) translate(-40%, -20%) rotateZ(10deg);
  -moz-transform: scale(0.8) translate(-40%, -20%) rotateZ(10deg);
  -ms-transform: scale(0.8) translate(-40%, -20%) rotateZ(10deg);
  transform: scale(0.8) translate(-40%, -20%) rotateZ(10deg);
}
body.about-fred #recognized-work .col#hunger-games .img-wrapper img#gold-medallion {
  -webkit-transform: translateX(20%) rotateZ(30deg);
  -moz-transform: translateX(20%) rotateZ(30deg);
  -ms-transform: translateX(20%) rotateZ(30deg);
  transform: translateX(20%) rotateZ(30deg);
}
body.about-fred #recognized-work .col#hof-rings {
  -webkit-justify-content: end;
  justify-content: end;
}
body.about-fred footer {
  margin-top: 20px;
}
body.bestsellers {
  background: white;
  background-image: radial-gradient(rgba(0, 0, 0, 0.4) 1px, transparent 0);
  background-size: 40px 40px;
  background-position: -19px -19px;
}
body.bestsellers .stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 20px;
  font-family: Times;
  line-height: 1;
  margin-bottom: 15px;
}
body.bestsellers .stars:before {
  content: "★★★★★";
  letter-spacing: -2px;
  background: linear-gradient(90deg, #fa6049 var(--percent), lightgrey var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.bestsellers .stars img.by-goodreads {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 5px;
  height: 16px;
  top: 3px;
}
body.bestsellers a.button.w-arrow img {
  height: 20px;
  top: 2px;
  left: -8px;
  margin-right: 5px;
}
body.bestsellers a.button.w-arrow i {
  left: -8px;
  margin-right: 5px;
}
body.bestsellers figure.book-wrapper {
  margin: 0 auto;
  max-width: 400px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
}
body.bestsellers figure.book-wrapper.reveal {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}
body.bestsellers figure.book-wrapper.reveal:after {
  opacity: 1;
}
body.bestsellers figure.book-wrapper:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  bottom: 0;
  opacity: 0;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.bestsellers figure.book-wrapper:after {
  height: 50px;
  width: 100%;
  box-shadow: 0 40px 60px rgba(0, 0, 0, 0.5);
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
  z-index: -2;
}
body.bestsellers p.price {
  display: none;
  font-size: 24px;
  font-weight: bold;
}
body.bestsellers .hero {
  margin-bottom: 100px;
}
body.bestsellers .hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffffff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffffff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffffff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffffff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFFFFF' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23f5fafc' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ebf4fa' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23e0eff7' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23d6e9f5' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23CCE4F2' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  z-index: 1;
}
body.bestsellers .hero .section-wrapper {
  z-index: 2;
}
body.bestsellers .hero .text-col {
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  -moz-clip-path: polygon(0 0, 0 0, 0 0);
  -ms-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body.bestsellers .hero .text-col.reveal {
  -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
  -moz-clip-path: polygon(0 0, 200% 0, 0 200%);
  -ms-clip-path: polygon(0 0, 200% 0, 0 200%);
  clip-path: polygon(0 0, 200% 0, 0 200%);
}
body.bestsellers .hero .img-col {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
body.bestsellers .hero blockquote {
  position: absolute;
  width: 100%;
  max-width: 240px;
  padding: 16px;
  padding-left: 44px;
  background-color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  border-radius: 16px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  -webkit-transition: all 0.8s cubic-bezier(0.49, 0.01, 0.22, 1) 0.5s;
  -moz-transition: all 0.8s cubic-bezier(0.49, 0.01, 0.22, 1) 0.5s;
  -o-transition: all 0.8s cubic-bezier(0.49, 0.01, 0.22, 1) 0.5s;
  -ms-transition: all 0.8s cubic-bezier(0.49, 0.01, 0.22, 1) 0.5s;
  transition: all 0.8s cubic-bezier(0.49, 0.01, 0.22, 1) 0.5s;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.bestsellers .hero blockquote.reveal {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.bestsellers .hero blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  top: 4px;
  left: 10px;
  color: #4a87b3;
}
body.bestsellers .hero blockquote:nth-of-type(1) {
  right: 90%;
  top: -40px;
}
body.bestsellers .hero blockquote:nth-of-type(2) {
  left: 90%;
  top: 50%;
}
body.bestsellers .hero blockquote:nth-of-type(3) {
  right: 80%;
  bottom: -20px;
}
body.bestsellers .book {
  margin-bottom: 60px;
}
body.bestsellers .book .img-col,
body.bestsellers .book .text-col {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
body.bestsellers .book .text-col .textbox {
  border-top: 3px solid black;
  padding-top: 30px;
}
body.faq .faqs .categories-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: sticky;
  top: 160px;
  height: fit-content;
  min-width: 240px;
  grid-gap: 10px;
}
body.faq .faqs .categories-col a.q-category {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  white-space: nowrap;
  text-align: center;
  padding: 10px 20px;
  border-radius: 30px;
  color: #141926;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid lightgrey;
}
body.faq .faqs .categories-col a.q-category:hover {
  background-color: #f8f8f8;
}
body.faq .faqs .categories-col a.q-category.active {
  background-color: #000e78;
  color: white;
}
body.faq .faqs .questions-container {
  position: absolute;
  top: 0;
  padding-left: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
body.faq .faqs .questions-container.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.faq .faqs article.question-box {
  padding-bottom: 25px;
  padding-top: 25px;
  border-bottom: 1px solid #e8e8e8;
}
body.faq .faqs article.question-box.expand .question:after {
  content: "\f146";
  font-weight: 500;
}
body.faq .faqs article.question-box.expand .question p {
  color: #000e78;
}
body.faq .faqs article.question-box.expand .answer {
  max-height: 1000px;
  overflow: auto;
}
body.faq .faqs article.question-box * {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.faq .faqs article.question-box .question {
  cursor: pointer;
  padding-right: 30px;
}
body.faq .faqs article.question-box .question:after {
  content: "\f0fe";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 15px;
}
body.faq .faqs article.question-box .question p {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
}
body.faq .faqs article.question-box .answer {
  overflow: hidden;
  max-height: 0;
}
body.faq .faqs article.question-box .answer p {
  line-height: 1.8;
}
body.faq .faqs article.question-box .answer p:last-child {
  margin-bottom: 0;
}
body.colored-diamonds .hero:before, body.colored-diamonds .hero:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  z-index: -1;
}
body.colored-diamonds .hero:before {
  top: 0;
  height: 100%;
  background-image: url(../assets/colored-diamonds/colored-diamonds.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.08;
}
body.colored-diamonds .hero:after {
  bottom: 0;
  height: 20vh;
  background: white;
  background: -webkit-linear-gradient(90deg, white, rgba(255, 255, 255, 0));
  background: linear-gradient(0deg, white, rgba(255, 255, 255, 0));
}
body.colored-diamonds .hero h1 span {
  background: #7d1515;
  background: -webkit-linear-gradient(0deg, #7d1515, #d3578d, #f98619, #c19d16, #809f29, #435f8b, #17284f, #82528c, #7d1515);
  background: linear-gradient(90deg, #7d1515, #d3578d, #f98619, #c19d16, #809f29, #435f8b, #17284f, #82528c, #7d1515);
  background-size: 800% auto;
  animation: shine 80s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes shine {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 800% center;
  }
}
body.colored-diamonds .hero #stat-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 30px;
  width: 260px;
  padding-left: 30px;
}
body.colored-diamonds .hero #stat-container .textbox {
  grid-column: span 6;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.colored-diamonds .hero #stat-container .textbox p {
  margin-bottom: 0;
}
body.colored-diamonds .hero #stat-container .textbox p.stat-num {
  font-family: "Nanum Myeongjo", serif;
  font-size: 50px;
  font-weight: bold;
  color: #213656;
  margin-bottom: 0;
  margin-right: 10px;
}
body.colored-diamonds .cd-gallery .section-wrapper {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  border-top: 2px solid lightgrey;
  padding-top: 60px;
}
body.colored-diamonds .cd-gallery .text-col {
  position: sticky;
  top: 100px;
  padding-top: 50px;
}
body.colored-diamonds .cd-gallery .gallery-col {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 60px;
  padding-left: 60px;
}
body.colored-diamonds .cd-gallery article.cd-card {
  grid-column: span 4;
  opacity: 0;
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body.colored-diamonds .cd-gallery article.cd-card.reveal {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.colored-diamonds .cd-gallery article.cd-card .img-wrapper,
body.colored-diamonds .cd-gallery article.cd-card .textbox {
  width: 100%;
}
body.colored-diamonds .cd-gallery article.cd-card .img-wrapper {
  max-width: 250px;
}
body.colored-diamonds .cd-gallery article.cd-card .img-wrapper img {
  left: -20%;
}
body.colored-diamonds .cd-gallery article.cd-card .textbox {
  max-height: 130px;
  margin-top: -20px;
  padding-bottom: 30px;
  overflow: hidden;
  cursor: pointer;
}
body.colored-diamonds .cd-gallery article.cd-card .textbox.expand {
  max-height: 400px;
}
body.colored-diamonds .cd-gallery article.cd-card .textbox.expand:after {
  content: "Read less";
}
body.colored-diamonds .cd-gallery article.cd-card .textbox:after {
  content: "+ Read more";
  font-size: 13px;
  color: #4a87b3;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  height: 30px;
  width: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: white;
  background: -webkit-linear-gradient(270deg, white, white);
  background: linear-gradient(-180deg, white, white);
}
body.colored-diamonds .cd-gallery article.cd-card .textbox h4 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
}
body.colored-diamonds .cd-gallery article.cd-card .textbox p {
  font-size: 14px;
  color: #53637a;
}
body.colored-diamonds .lastly .section-wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
}
body.colored-diamonds .lastly .trifecta-col .textbox {
  padding: 40px 20px;
  border-radius: 20px;
  background-color: #f8f8f8;
}
body.colored-diamonds .lastly .trifecta-col .img-wrapper {
  max-width: 400px;
  mix-blend-mode: multiply;
}
body.colored-diamonds .lastly .trifecta-col h3 {
  color: #2a0d4f;
  margin-bottom: -20px;
  z-index: 2;
}
body.colored-diamonds .lastly .trifecta-col a#trifecta-button {
  border: none;
  color: white;
  background-color: black;
  overflow: hidden;
  z-index: 1;
}
body.colored-diamonds .lastly .trifecta-col a#trifecta-button:hover:before {
  left: 10%;
}
body.colored-diamonds .lastly .trifecta-col a#trifecta-button:hover:after {
  right: 10%;
}
body.colored-diamonds .lastly .trifecta-col a#trifecta-button:before, body.colored-diamonds .lastly .trifecta-col a#trifecta-button:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-filter: blur(40px);
  -moz-filter: blur(40px);
  -o-filter: blur(40px);
  filter: blur(40px);
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  height: 40px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.colored-diamonds .lastly .trifecta-col a#trifecta-button:before {
  left: -10%;
  top: 20%;
  width: 50%;
  background-color: deeppink;
}
body.colored-diamonds .lastly .trifecta-col a#trifecta-button:after {
  right: -10%;
  bottom: 20%;
  width: 80%;
  background-color: #4156be;
}
body.argyle-trifecta .hero {
  margin-bottom: 40px;
}
body.argyle-trifecta .hero #main-trifecta-img {
  max-width: 640px;
  margin-bottom: 60px;
}
body.argyle-trifecta .diamond-section:nth-child(2n) .text-col {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
body.argyle-trifecta .diamond-section figure.video-wrapper {
  overflow: hidden;
  height: 500px;
  width: 100%;
  -webkit-mask-image: url("../../assets/argyle-trifecta/trifecta-shape.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("../../assets/argyle-trifecta/trifecta-shape.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}
body.argyle-trifecta .diamond-section figure.video-wrapper video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
body.colored-stones .hero:before, body.colored-stones .hero:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  z-index: -1;
}
body.colored-stones .hero:before {
  top: 0;
  height: 100%;
  background-image: url(../assets/colored-diamonds/colored-diamonds.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.08;
}
body.colored-stones .hero:after {
  bottom: 0;
  height: 20vh;
  background: white;
  background: -webkit-linear-gradient(90deg, white, rgba(255, 255, 255, 0));
  background: linear-gradient(0deg, white, rgba(255, 255, 255, 0));
}
body.colored-stones .hero h1 span {
  background: #7d1515;
  background: -webkit-linear-gradient(0deg, #7d1515, #d3578d, #f98619, #c19d16, #809f29, #435f8b, #17284f, #82528c, #7d1515);
  background: linear-gradient(90deg, #7d1515, #d3578d, #f98619, #c19d16, #809f29, #435f8b, #17284f, #82528c, #7d1515);
  background-size: 800% auto;
  animation: shine 80s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes shine {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 800% center;
  }
}
body.colored-stones .cs-gallery .section-wrapper {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
body.colored-stones .cs-gallery .month-row {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body.colored-stones .cs-gallery .month-row.reveal {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.colored-stones .cs-gallery .text-col {
  z-index: 2;
}
body.colored-stones .cs-gallery .text-col h2 {
  font-size: 32px;
}
body.colored-stones .cs-gallery .gallery-col {
  margin-top: -30px;
}
body.colored-stones .cs-gallery article.cs-card {
  position: absolute;
  top: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  mix-blend-mode: multiply;
}
body.colored-stones .cs-gallery article.cs-card * {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.colored-stones .cs-gallery article.cs-card.active {
  position: relative;
}
body.colored-stones .cs-gallery article.cs-card.active .img-wrapper {
  opacity: 1;
}
body.colored-stones .cs-gallery article.cs-card.active .img-wrapper img {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
body.colored-stones .cs-gallery article.cs-card.active .img-wrapper h4 {
  visibility: visible;
  opacity: 1;
}
body.colored-stones .cs-gallery article.cs-card.active .textbox:after,
body.colored-stones .cs-gallery article.cs-card.active .textbox p {
  visibility: visible;
  opacity: 1;
}
body.colored-stones .cs-gallery article.cs-card:nth-child(2) .img-wrapper {
  left: 33%;
}
body.colored-stones .cs-gallery article.cs-card:nth-child(3) .img-wrapper {
  left: 66%;
}
body.colored-stones .cs-gallery article.cs-card .textbox {
  width: 100%;
}
body.colored-stones .cs-gallery article.cs-card .img-wrapper {
  margin-top: 40px;
  margin-bottom: 20px;
  width: 33%;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0.4;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.colored-stones .cs-gallery article.cs-card .img-wrapper:hover {
  opacity: 1;
}
body.colored-stones .cs-gallery article.cs-card .img-wrapper:hover h4 {
  opacity: 1;
}
body.colored-stones .cs-gallery article.cs-card .img-wrapper h4 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 20px;
  pointer-events: auto;
  opacity: 0.2;
}
body.colored-stones .cs-gallery article.cs-card .textbox {
  max-height: 145px;
  margin-top: -20px;
  padding-bottom: 30px;
  overflow: hidden;
  cursor: pointer;
}
body.colored-stones .cs-gallery article.cs-card .textbox.expand {
  max-height: 600px;
}
body.colored-stones .cs-gallery article.cs-card .textbox.expand:after {
  content: "Read less";
}
body.colored-stones .cs-gallery article.cs-card .textbox:after {
  content: "+ Read more";
  font-size: 13px;
  color: #4a87b3;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  height: 30px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: white;
  background: -webkit-linear-gradient(270deg, white, white);
  background: linear-gradient(-180deg, white, white);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
body.colored-stones .cs-gallery article.cs-card .textbox p {
  font-size: 14px;
  color: #53637a;
  visibility: hidden;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: auto;
}
body.the-4-cs .hero {
  padding-bottom: 60px;
}
body.the-4-cs .hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background-image: url("../assets/diamond-shards.jpg");
  background-size: cover;
  background-position: center bottom;
}
body.the-4-cs .hero:after {
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  height: 100px;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), white);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), white);
}
body.the-4-cs .section-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  padding: 20px;
}
body.the-4-cs .section-grid section.span-1 {
  grid-column: span 1;
}
body.the-4-cs .section-grid section.span-2 {
  grid-column: span 2;
}
body.the-4-cs .section-grid section.span-3 {
  grid-column: span 3;
}
body.the-4-cs .section-grid section.span-4 {
  grid-column: span 4;
}
body.the-4-cs .section-grid section.span-5 {
  grid-column: span 5;
}
body.the-4-cs .section-grid section.span-6 {
  grid-column: span 6;
}
body.the-4-cs .section-grid section.span-7 {
  grid-column: span 7;
}
body.the-4-cs .section-grid section.span-8 {
  grid-column: span 8;
}
body.the-4-cs .section-grid section.span-9 {
  grid-column: span 9;
}
body.the-4-cs .section-grid section.span-10 {
  grid-column: span 10;
}
body.the-4-cs .section-grid section.span-11 {
  grid-column: span 11;
}
body.the-4-cs .section-grid section.span-12 {
  grid-column: span 12;
}
body.the-4-cs .cs-section {
  padding: 20px;
  background-color: #f8f8f8;
  overflow: hidden;
  border-radius: 20px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
body.the-4-cs .cs-section.reveal {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.the-4-cs .cs-section * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.the-4-cs .cs-section .section-wrapper {
  padding: 60px 0px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.the-4-cs .cs-section .interactive-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
body.the-4-cs .cs-section#clarity .interactive-col #clarity-slider-container {
  width: 100%;
  margin-bottom: 30px;
  white-space: nowrap;
  overflow: hidden;
}
body.the-4-cs .cs-section#clarity .interactive-col #clarity-slider-container figure.img-wrapper {
  width: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
body.the-4-cs .cs-section#clarity .interactive-col #clarity-slider-container figure.img-wrapper.dummy {
  position: relative;
}
body.the-4-cs .cs-section#clarity .interactive-col #clarity-slider-container figure.img-wrapper.active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
  visibility: visible;
}
body.the-4-cs .cs-section#clarity .interactive-col #clarity-slider-container figure.img-wrapper.before {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
body.the-4-cs .cs-section#clarity .interactive-col #clarity-slider-container figure.img-wrapper.after {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
body.the-4-cs .cs-section#clarity .interactive-col #clarity-slider-container figure.img-wrapper img {
  max-width: 200px;
}
body.the-4-cs .cs-section#color .interactive-col span.result-bubble {
  left: -50px;
  top: 0;
}
body.the-4-cs .cs-section#color .interactive-col span.result-bubble hr#color-swatch {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: rgba(255, 255, 0, 0);
  border: none;
  box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.05);
}
body.the-4-cs .cs-section#color .interactive-col figure#color-changing-diamond {
  max-width: 200px;
  margin-bottom: 30px;
}
body.the-4-cs .cs-section#color .interactive-col figure#color-changing-diamond[data-val=Colorless]:before {
  opacity: 0;
}
body.the-4-cs .cs-section#color .interactive-col figure#color-changing-diamond[data-val="Near Colorless"]:before {
  opacity: 0.2;
}
body.the-4-cs .cs-section#color .interactive-col figure#color-changing-diamond[data-val="Slightly Yellow"]:before {
  opacity: 0.4;
}
body.the-4-cs .cs-section#color .interactive-col figure#color-changing-diamond[data-val="Light Yellow"]:before {
  opacity: 0.7;
}
body.the-4-cs .cs-section#color .interactive-col figure#color-changing-diamond:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: yellow;
  z-index: 2;
  opacity: 0;
  mix-blend-mode: soft-light;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 10% 5;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  top: -30px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border: 2px solid white;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch:not(.active):hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch:not(:last-child) {
  margin-right: 15px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch.active {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -ms-transform: scale(1.6);
  transform: scale(1.6);
  border: 1.5px solid white;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch[data-tone="1"] {
  background-color: #f6eeea;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch[data-tone="2"] {
  background-color: #ebdfcb;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch[data-tone="3"] {
  background-color: #e1b774;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch[data-tone="4"] {
  background-color: #a5713d;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch[data-tone="5"] {
  background-color: #734228;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col #skin-tone-controller span.skin-tone-swatch[data-tone="6"] {
  background-color: #572a13;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure#hand-model {
  max-width: 400px;
  margin-bottom: -120px;
  z-index: 2;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut {
  position: absolute;
  height: 1px;
  width: 1px;
  left: 40.4%;
  top: 37.6%;
  display: none;
  z-index: 3;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: rotateZ(20deg);
  -moz-transform: rotateZ(20deg);
  -ms-transform: rotateZ(20deg);
  transform: rotateZ(20deg);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-cut=Oval] img {
  width: 18px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-cut="Box Radiant"] img {
  width: 18px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-cut="Standard Radiant"] img {
  width: 18px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-cut=Asscher] img {
  width: 20px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-cut="Emerald Cut"] img {
  width: 16px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-cut=Pear] img {
  width: 18px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-cut=Marquise] img {
  width: 16px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut.active {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut.pulse:before {
  content: "";
  position: absolute;
  display: inline-block;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  animation: pulsate 1s infinite linear;
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-size="0.5"] img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-size="1"] img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-size="1.5"] img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-size="2"] img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-size="2.5"] img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-size="3"] img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-size="3.5"] img {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut[data-size="4"] img {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col figure.diamond-cut img {
  width: 22px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col span.result-bubble {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  padding: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 1;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col span.result-bubble#cut-bubble {
  top: 0;
  left: 100px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col span.result-bubble#cut-bubble img#cut-result {
  opacity: 0.5;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col span.result-bubble#carat-bubble {
  bottom: 0;
  right: 100px;
}
body.the-4-cs .cs-section#cut-and-carat .interactive-col span.result-bubble#carat-bubble p {
  font-family: "Nanum Myeongjo", serif;
  font-size: 48px;
  color: lightgrey;
  margin: 0;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #blr-table-container table {
  width: 100%;
  border: 1px solid lightgrey;
  border-collapse: collapse;
  text-align: center;
  margin-bottom: 30px;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #blr-table-container table tr {
  border-bottom: 1px solid lightgrey;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #blr-table-container table tr td {
  font-size: 14px;
  padding: 6px;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #blr-table-container table tr td:not(:last-child) {
  border-right: 1px solid lightgrey;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #cut-selection-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  max-width: 300px;
  margin: 10px auto 0;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #cut-selection-container a.cut-option {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  border-radius: 4px;
  padding: 10px;
  background-color: white;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #cut-selection-container a.cut-option.active {
  border-color: #213656;
  background-color: rgba(189, 228, 255, 0.2);
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #cut-selection-container a.cut-option:hover {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #cut-selection-container a.cut-option * {
  pointer-events: none;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #cut-selection-container a.cut-option figure.cut-option-wrapper {
  margin-bottom: 10px;
}
body.the-4-cs .cs-section#cut-and-carat #cut-col #cut-selection-container a.cut-option p {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 0;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider {
  margin-top: 60px;
  margin-bottom: 60px;
  background: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider span.ui-bar {
  position: absolute;
  left: 0;
  height: 100%;
  background-color: #213656;
  border-radius: 3px;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider .ui-slider-tick-marks-container {
  width: 100%;
  height: 100%;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider .ui-slider-tick-marks-container span.ui-slider-tick-mark {
  position: absolute;
  top: 100%;
  margin-top: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider .ui-slider-tick-marks-container span.ui-slider-tick-mark:not([data-value]):after {
  content: "";
  position: absolute;
  height: 10px;
  border-right: 1px solid lightgrey;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider .ui-slider-tick-marks-container span.ui-slider-tick-mark[data-value]:after {
  content: attr(data-value);
  position: absolute;
  font-size: 12px;
  font-weight: bold;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider span.ui-slider-handle {
  height: 30px;
  top: unset;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider span.ui-slider-handle:hover {
  background-color: #bde4ff;
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider span.ui-slider-handle.moved:before {
  content: attr(data-value) " Carat";
}
body.the-4-cs .cs-section#cut-and-carat #carat-col #carat-slider span.ui-slider-handle:before {
  content: "1 Carat";
  position: absolute;
  bottom: 100%;
  white-space: nowrap;
  font-size: 12px;
  margin-bottom: 10px;
  background-color: #4a87b3;
  color: white;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 20px;
}
body.the-4-cs .scale-overflow-container {
  width: 100%;
  padding-bottom: 60px;
  overflow: auto;
  text-align: center;
}
body.the-4-cs .scale-container {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: white;
  padding: 4px;
  border-radius: 30px;
  height: 40px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}
body.the-4-cs .scale-container .scale-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1);
  -moz-transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1);
  -ms-transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.49, 0.01, 0.22, 1);
}
body.the-4-cs .scale-container .scale-wrapper * {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.the-4-cs .scale-container hr.scale-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #213656;
  border: none;
}
body.the-4-cs .scale-container hr.scale-slider.first-group {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
body.the-4-cs .scale-container hr.scale-slider.last-group {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
body.the-4-cs .scale-container .grade-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 60px;
  cursor: pointer;
}
body.the-4-cs .scale-container .grade-group.active span.grade {
  color: white;
}
body.the-4-cs .scale-container .grade-group:not(.active):hover {
  background-color: rgba(189, 228, 255, 0.5);
}
body.the-4-cs .scale-container .grade-group:first-of-type {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
body.the-4-cs .scale-container .grade-group:last-of-type {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
body.the-4-cs .scale-container .grade-group:not(:last-of-type) {
  margin-right: 8px;
}
body.the-4-cs .scale-container .grade-group:not(:last-of-type):after {
  content: "";
  position: absolute;
  top: -10px;
  right: -4px;
  height: 60px;
  border-right: 1px solid lightgrey;
}
body.the-4-cs .scale-container .grade-group:before {
  content: attr(data-val);
  position: absolute;
  top: 100%;
  text-align: center;
  font-size: 11px;
  margin-top: 10px;
}
body.the-4-cs .scale-container .grade-group span.grade {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 6px;
}
body.the-4-cs .scale-container .grade-group span.grade sub {
  font-size: 9px;
  top: 5px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.the-4-cs span.result-bubble {
  position: absolute;
  height: 40px;
  width: 40px;
  padding: 4px;
  border-radius: 50%;
  background-color: white;
  z-index: 1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
body.the-4-cs footer {
  margin-top: 0;
}
body.diamond-value:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(../assets/home/falling-diamonds.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  opacity: 0.3;
}
body.diamond-value form#diamond-value-form {
  margin-top: 60px;
}
body.diamond-value form#diamond-value-form .form-section {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
}
body.diamond-value form#diamond-value-form .form-section .text-col {
  width: 240px;
  min-width: 240px;
  padding-right: 40px;
}
body.diamond-value form#diamond-value-form .form-section .text-col > .textbox {
  position: sticky;
  top: 120px;
}
body.diamond-value form#diamond-value-form .form-section .text-col > .textbox h5 {
  color: #4a87b3;
}
body.diamond-value form#diamond-value-form .form-section .fields-col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 30px;
  border-top: 2px dotted #4a87b3;
}
body.diamond-value form#diamond-value-form p#disclaimer,
body.diamond-value form#diamond-value-form .buttons-container {
  padding-left: 240px;
}
body.articles .hero nav#categories-container {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 10px;
}
body.articles .hero nav#categories-container > a.category-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  color: grey;
  border: 1px solid lightgrey;
  font-size: 14px;
  border-radius: 50px;
  padding: 8px 18px;
}
body.articles .hero nav#categories-container > a.category-link.active {
  color: white;
  background-color: #000e78;
  border-color: #000e78;
}
body.articles .articles-grid article.post {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.articles .articles-grid article.post:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.articles .articles-grid article.post > a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
}
body.articles .articles-grid article.post figure.img-wrapper {
  margin-bottom: 20px;
  height: 250px;
  width: 100%;
}
body.articles .articles-grid article.post figure.img-wrapper img {
  height: 100%;
  object-fit: cover;
}
body.articles .articles-grid article.post .textbox h3 {
  margin-bottom: 5px;
}
body.articles .articles-grid article.post .textbox p {
  font-size: 14px;
  color: grey;
}
body.articles .articles-grid article.post .tags {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 10px;
}
body.articles .articles-grid article.post .tags span.tag {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: grey;
  border: 1px solid lightgrey;
  font-size: 10px;
  border-radius: 50px;
  padding: 5px 13px;
  white-space: nowrap;
}
body.article-single .hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-image: url(../assets/home/falling-diamonds.jpg);
  background-position: top center;
  background-size: cover;
}
body.article-single .hero .section-wrapper {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 960px;
}
body.article-single .hero .section-wrapper h1.article-title {
  margin-bottom: 10px;
  color: #000e78;
}
body.article-single .hero .section-wrapper p.article-excerpt {
  font-family: "Nanum Myeongjo", serif;
  font-size: 20px;
}
body.article-single .hero .section-wrapper figure.main-img-wrapper {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}
body.article-single .hero .section-wrapper figure.main-img-wrapper img {
  height: 100%;
  object-fit: cover;
}
body.article-single .content .section-wrapper {
  max-width: 800px;
}
body.article-single .content main.main-content {
  width: 100%;
}
body.article-single .content main.main-content .textbox {
  margin-bottom: 60px;
}
body.article-single .content main.main-content .textbox.highlight {
  padding: 20px;
  background-color: #f8f8f8;
  border: 1px solid #edeff1;
  border-radius: 6px;
}
body.article-single .content main.main-content .textbox p:last-child {
  margin-bottom: 0;
}
body.article-single .content main.main-content hr {
  margin-bottom: 60px;
}
body.article-single .content main.main-content figure.img-wrapper {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.article-single .content main.main-content figure.img-wrapper.sm img {
  max-width: 500px;
}
body.article-single .content main.main-content figure.img-wrapper figcaption {
  margin-top: 20px;
  width: 100%;
  color: grey;
  font-size: 14px;
}
body.article-single .content main.main-content ul, body.article-single .content main.main-content ol {
  padding-left: 30px;
}
body.article-single .content main.main-content ul li {
  list-style: none;
}
body.article-single .content main.main-content ul li:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -20px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #4a87b3;
}
body.article-single .content main.main-content ol.citations li {
  font-size: 12px;
  margin-bottom: 5px;
}
body.article-single .content main.main-content p, body.article-single .content main.main-content li {
  font-weight: 300;
  line-height: 2;
  margin-bottom: 30px;
}
body.article-single object {
  height: 100vh;
  object-fit: contain;
  object-position: top;
  overflow: auto;
}
body.engagement-ring-gallery .hero:before, body.engagement-ring-gallery .hero:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
body.engagement-ring-gallery .hero:before {
  opacity: 0.5;
  background-image: url(../assets/home/falling-diamonds.jpg);
}
body.engagement-ring-gallery .hero:after {
  background: rgba(255, 255, 255, 0);
  background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), white);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), white);
}
body.engagement-ring-gallery .hero figure#engagement-ring-key {
  mix-blend-mode: darken;
  margin-top: 30px;
  opacity: 0;
  -webkit-transform: scale(0.95) translateY(-40px);
  -moz-transform: scale(0.95) translateY(-40px);
  -ms-transform: scale(0.95) translateY(-40px);
  transform: scale(0.95) translateY(-40px);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
body.engagement-ring-gallery .hero figure#engagement-ring-key.reveal {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.engagement-ring-gallery .hero figure#engagement-ring-key video {
  width: 100%;
}
body.engagement-ring-gallery .hero span#scroll-down {
  position: absolute;
  top: 70%;
  left: 50%;
  margin-top: 140px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100px;
  width: 1px;
  background-color: #141926;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.engagement-ring-gallery .hero span#scroll-down.vanish {
  opacity: 0;
}
body.engagement-ring-gallery .hero span#scroll-down hr {
  position: absolute;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 13px;
  width: 13px;
  background-color: #141926;
  border: 3px solid white;
  border-radius: 50%;
  animation: slideDown 3s linear infinite;
}
@keyframes slideDown {
  0% {
    opacity: 0;
    top: 0;
  }
  10% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    top: 90%;
  }
  100% {
    opacity: 0;
  }
}
body.engagement-ring-gallery .gallery {
  padding-top: 60px;
}
body.engagement-ring-gallery .gallery .gal-container {
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  margin-bottom: 60px;
}
body.engagement-ring-gallery .gallery .gal-container.reveal {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.engagement-ring-gallery .gallery .gal-container.reveal article.gal-card {
  opacity: 1;
}
body.engagement-ring-gallery .gallery article.gal-card {
  opacity: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.engagement-ring-gallery .gallery article.gal-card:not(.fullscreen):hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
body.engagement-ring-gallery .gallery article.gal-card.fullscreen {
  margin-top: 0 !important;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  padding-top: 80px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 22;
  -webkit-transition: all 0s ease-in-out 0s !important;
  -moz-transition: all 0s ease-in-out 0s !important;
  -o-transition: all 0s ease-in-out 0s !important;
  -ms-transition: all 0s ease-in-out 0s !important;
  transition: all 0s ease-in-out 0s !important;
}
body.engagement-ring-gallery .gallery article.gal-card.fullscreen span.img-wrapper {
  width: 100%;
  height: 100%;
  max-height: 800px;
}
body.engagement-ring-gallery .gallery article.gal-card.fullscreen span.img-wrapper:before {
  display: none;
}
body.engagement-ring-gallery .gallery article.gal-card.fullscreen span.img-wrapper img {
  width: inherit;
  height: inherit;
  object-fit: contain;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
body.engagement-ring-gallery .gallery article.gal-card:nth-child(5n+1) {
  top: -80px;
}
body.engagement-ring-gallery .gallery article.gal-card:nth-child(5n+3) {
  top: 80px;
}
body.engagement-ring-gallery .gallery article.gal-card:nth-child(5n+5) {
  top: -80px;
}
body.engagement-ring-gallery .gallery article.gal-card span.img-wrapper {
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.engagement-ring-gallery .gallery article.gal-card span.img-wrapper:hover:before {
  background-color: rgba(0, 0, 0, 0.1);
}
body.engagement-ring-gallery .gallery article.gal-card span.img-wrapper:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.engagement-ring-gallery .gallery article.gal-card span.img-wrapper * {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.engagement-ring-gallery .gallery article.gal-card span.img-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 2;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.championship-ring-gallery .gallery-grid {
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 150px 20px;
}
body.championship-ring-gallery .gallery-grid article.gal-card {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 20px 30px;
  background-color: #f8f8f8;
  border-radius: 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-1 {
  grid-column: span 1;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-2 {
  grid-column: span 2;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-3 {
  grid-column: span 3;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-4 {
  grid-column: span 4;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-5 {
  grid-column: span 5;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-6 {
  grid-column: span 6;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-7 {
  grid-column: span 7;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-8 {
  grid-column: span 8;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-9 {
  grid-column: span 9;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-10 {
  grid-column: span 10;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-11 {
  grid-column: span 11;
}
body.championship-ring-gallery .gallery-grid article.gal-card.span-12 {
  grid-column: span 12;
}
body.championship-ring-gallery .gallery-grid article.gal-card.reveal {
  opacity: 1;
}
body.championship-ring-gallery .gallery-grid article.gal-card.reveal .ring-img-wrapper,
body.championship-ring-gallery .gallery-grid article.gal-card.reveal .team-img-wrapper {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.championship-ring-gallery .gallery-grid article.gal-card * {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transition: inherit;
}
body.championship-ring-gallery .gallery-grid article.gal-card .ring-img-wrapper,
body.championship-ring-gallery .gallery-grid article.gal-card .team-img-wrapper {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.championship-ring-gallery .gallery-grid article.gal-card .ring-img-wrapper {
  max-width: 150px;
  margin-top: -110px;
  margin-bottom: 20px;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  height: 150px;
  max-width: 130px;
}
body.championship-ring-gallery .gallery-grid article.gal-card .team-img-wrapper {
  width: 50px;
  height: 50px;
  margin-top: -30px;
  margin-bottom: 10px;
  padding: 6px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid lightgrey;
}
body.championship-ring-gallery .gallery-grid article.gal-card .team-img-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
body.championship-ring-gallery .gallery-grid article.gal-card .textbox .gc-title {
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}
body.championship-ring-gallery .gallery-grid article.gal-card .textbox .gc-description {
  font-weight: 300;
}
body.championship-ring-gallery .sports-gallery {
  margin-top: 60px;
}
body.championship-ring-gallery .heroes-gallery .gallery-grid {
  margin-top: 120px;
  grid-template-columns: repeat(4, 1fr);
}
body.contact .hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../assets/home/falling-diamonds.jpg);
  background-size: contain;
  background-position: 140% 0;
  opacity: 0.2;
}
body.contact .hero .section-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}
body.contact .hero .col {
  padding: 80px 40px;
}
body.contact .hero .info-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: 0;
}
body.contact .hero .info-col .contact-info {
  padding-left: 25px;
}
body.contact .hero .info-col .contact-info p i {
  position: absolute;
  top: 4px;
  left: -25px;
  color: #000e78;
}
body.contact .hero .form-col {
  background-color: #141926;
}
body.contact .hero .form-col:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../assets/home/dark-diamond-bg.jpg);
  background-size: cover;
  background-position: center;
  mix-blend-mode: lighten;
}
body.contact .hero .form-col form,
body.contact .hero .form-col .textbox {
  max-width: 600px;
  margin: 0 auto;
}
body.contact .hero .form-col .textbox {
  margin-bottom: 40px;
}
body.contact p#hours a {
  color: #333;
}
body.contact .map {
  height: 100%;
  max-height: 400px;
  bottom: -80px;
}
body.contact footer {
  margin-top: 0;
}
body.contact footer .footer-form {
  display: none;
}
body.form-success .hero .section-wrapper, body.error-404 .hero .section-wrapper {
  min-height: 50vh;
  padding-top: 60px;
  padding-bottom: 60px;
}
body.form-success footer .footer-form, body.error-404 footer .footer-form {
  display: none;
}
body.wp-post header.entry-header,
body.wp-post ul.meta-list,
body.wp-post nav.post-navigation {
  display: none;
}
body.wp-post .featured-image img,
body.wp-post p > img {
  width: 100%;
  height: auto;
}
body.wp-post p > img {
  max-width: 500px;
  transform: translateX(-50%);
  right: -50%;
}
body.wp-post .entry-content {
  max-width: 800px;
  margin: 50px auto;
}
body.astros-championship-ring *.astros-orange {
  color: #eb6e20;
}
body.astros-championship-ring *.astros-blue {
  color: #012d62;
}
body.astros-championship-ring span#progress-bar {
  position: fixed;
  top: 90px;
  left: 0;
  height: 6px;
  width: 100%;
  z-index: 10;
}
body.astros-championship-ring span#progress-bar hr {
  border: none;
  width: 50%;
  height: 100%;
  background-color: #f4901d;
}
body.astros-championship-ring .hero {
  padding: 0;
  background-color: black;
  overflow: hidden;
}
body.astros-championship-ring .hero:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), white);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), white);
  z-index: 10;
}
body.astros-championship-ring .hero.reveal figure.hero-video,
body.astros-championship-ring .hero.reveal figure.hero-img {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.astros-championship-ring .hero.reveal .textbox * {
  opacity: 1;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
body.astros-championship-ring .hero figure.hero-video,
body.astros-championship-ring .hero figure.hero-img {
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 1s ease-in-out 0.8s;
  -moz-transition: all 1s ease-in-out 0.8s;
  -o-transition: all 1s ease-in-out 0.8s;
  -ms-transition: all 1s ease-in-out 0.8s;
  transition: all 1s ease-in-out 0.8s;
}
body.astros-championship-ring .hero figure.hero-video:before,
body.astros-championship-ring .hero figure.hero-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
body.astros-championship-ring .hero .section-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  z-index: 2;
}
body.astros-championship-ring .hero .textbox * {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
body.astros-championship-ring .hero .textbox *:nth-child(1) {
  -webkit-transition: all 0.6s ease-in-out 0.2s;
  -moz-transition: all 0.6s ease-in-out 0.2s;
  -o-transition: all 0.6s ease-in-out 0.2s;
  -ms-transition: all 0.6s ease-in-out 0.2s;
  transition: all 0.6s ease-in-out 0.2s;
}
body.astros-championship-ring .hero .textbox *:nth-child(2) {
  -webkit-transition: all 0.6s ease-in-out 0.4s;
  -moz-transition: all 0.6s ease-in-out 0.4s;
  -o-transition: all 0.6s ease-in-out 0.4s;
  -ms-transition: all 0.6s ease-in-out 0.4s;
  transition: all 0.6s ease-in-out 0.4s;
}
body.astros-championship-ring .hero .textbox *:nth-child(3) {
  -webkit-transition: all 0.6s ease-in-out 0.6s;
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -ms-transition: all 0.6s ease-in-out 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}
body.astros-championship-ring .hero .textbox *:nth-child(4) {
  -webkit-transition: all 0.6s ease-in-out 0.8s;
  -moz-transition: all 0.6s ease-in-out 0.8s;
  -o-transition: all 0.6s ease-in-out 0.8s;
  -ms-transition: all 0.6s ease-in-out 0.8s;
  transition: all 0.6s ease-in-out 0.8s;
}
body.astros-championship-ring .hero .textbox *:nth-child(5) {
  -webkit-transition: all 0.6s ease-in-out 1s;
  -moz-transition: all 0.6s ease-in-out 1s;
  -o-transition: all 0.6s ease-in-out 1s;
  -ms-transition: all 0.6s ease-in-out 1s;
  transition: all 0.6s ease-in-out 1s;
}
body.astros-championship-ring .hero .textbox *:nth-child(6) {
  -webkit-transition: all 0.6s ease-in-out 1.2s;
  -moz-transition: all 0.6s ease-in-out 1.2s;
  -o-transition: all 0.6s ease-in-out 1.2s;
  -ms-transition: all 0.6s ease-in-out 1.2s;
  transition: all 0.6s ease-in-out 1.2s;
}
body.astros-championship-ring .hero .textbox *:nth-child(7) {
  -webkit-transition: all 0.6s ease-in-out 1.4s;
  -moz-transition: all 0.6s ease-in-out 1.4s;
  -o-transition: all 0.6s ease-in-out 1.4s;
  -ms-transition: all 0.6s ease-in-out 1.4s;
  transition: all 0.6s ease-in-out 1.4s;
}
body.astros-championship-ring .hero .textbox *:nth-child(8) {
  -webkit-transition: all 0.6s ease-in-out 1.6s;
  -moz-transition: all 0.6s ease-in-out 1.6s;
  -o-transition: all 0.6s ease-in-out 1.6s;
  -ms-transition: all 0.6s ease-in-out 1.6s;
  transition: all 0.6s ease-in-out 1.6s;
}
body.astros-championship-ring .hero .textbox *:nth-child(9) {
  -webkit-transition: all 0.6s ease-in-out 1.8s;
  -moz-transition: all 0.6s ease-in-out 1.8s;
  -o-transition: all 0.6s ease-in-out 1.8s;
  -ms-transition: all 0.6s ease-in-out 1.8s;
  transition: all 0.6s ease-in-out 1.8s;
}
body.astros-championship-ring .hero .textbox *:nth-child(10) {
  -webkit-transition: all 0.6s ease-in-out 2s;
  -moz-transition: all 0.6s ease-in-out 2s;
  -o-transition: all 0.6s ease-in-out 2s;
  -ms-transition: all 0.6s ease-in-out 2s;
  transition: all 0.6s ease-in-out 2s;
}
body.astros-championship-ring .hero .textbox *:nth-child(11) {
  -webkit-transition: all 0.6s ease-in-out 2.2s;
  -moz-transition: all 0.6s ease-in-out 2.2s;
  -o-transition: all 0.6s ease-in-out 2.2s;
  -ms-transition: all 0.6s ease-in-out 2.2s;
  transition: all 0.6s ease-in-out 2.2s;
}
body.astros-championship-ring .hero .textbox *:nth-child(12) {
  -webkit-transition: all 0.6s ease-in-out 2.4s;
  -moz-transition: all 0.6s ease-in-out 2.4s;
  -o-transition: all 0.6s ease-in-out 2.4s;
  -ms-transition: all 0.6s ease-in-out 2.4s;
  transition: all 0.6s ease-in-out 2.4s;
}
body.astros-championship-ring #story {
  padding-top: 50px;
  margin-bottom: 100px;
}
body.astros-championship-ring #story.reveal figure.img-wrapper {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.astros-championship-ring #story.reveal .textbox * {
  opacity: 1;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
body.astros-championship-ring #story span.highlight:before {
  background-color: rgba(244, 144, 29, 0.1);
}
body.astros-championship-ring #story figure.img-wrapper {
  top: 100px;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
body.astros-championship-ring #story .textbox * {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
body.astros-championship-ring #story .textbox *:nth-child(1) {
  -webkit-transition: all 0.6s ease-in-out 0.2s;
  -moz-transition: all 0.6s ease-in-out 0.2s;
  -o-transition: all 0.6s ease-in-out 0.2s;
  -ms-transition: all 0.6s ease-in-out 0.2s;
  transition: all 0.6s ease-in-out 0.2s;
}
body.astros-championship-ring #story .textbox *:nth-child(2) {
  -webkit-transition: all 0.6s ease-in-out 0.4s;
  -moz-transition: all 0.6s ease-in-out 0.4s;
  -o-transition: all 0.6s ease-in-out 0.4s;
  -ms-transition: all 0.6s ease-in-out 0.4s;
  transition: all 0.6s ease-in-out 0.4s;
}
body.astros-championship-ring #story .textbox *:nth-child(3) {
  -webkit-transition: all 0.6s ease-in-out 0.6s;
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -ms-transition: all 0.6s ease-in-out 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}
body.astros-championship-ring #story .textbox *:nth-child(4) {
  -webkit-transition: all 0.6s ease-in-out 0.8s;
  -moz-transition: all 0.6s ease-in-out 0.8s;
  -o-transition: all 0.6s ease-in-out 0.8s;
  -ms-transition: all 0.6s ease-in-out 0.8s;
  transition: all 0.6s ease-in-out 0.8s;
}
body.astros-championship-ring #story .textbox *:nth-child(5) {
  -webkit-transition: all 0.6s ease-in-out 1s;
  -moz-transition: all 0.6s ease-in-out 1s;
  -o-transition: all 0.6s ease-in-out 1s;
  -ms-transition: all 0.6s ease-in-out 1s;
  transition: all 0.6s ease-in-out 1s;
}
body.astros-championship-ring #story .textbox *:nth-child(6) {
  -webkit-transition: all 0.6s ease-in-out 1.2s;
  -moz-transition: all 0.6s ease-in-out 1.2s;
  -o-transition: all 0.6s ease-in-out 1.2s;
  -ms-transition: all 0.6s ease-in-out 1.2s;
  transition: all 0.6s ease-in-out 1.2s;
}
body.astros-championship-ring #story .textbox *:nth-child(7) {
  -webkit-transition: all 0.6s ease-in-out 1.4s;
  -moz-transition: all 0.6s ease-in-out 1.4s;
  -o-transition: all 0.6s ease-in-out 1.4s;
  -ms-transition: all 0.6s ease-in-out 1.4s;
  transition: all 0.6s ease-in-out 1.4s;
}
body.astros-championship-ring #story .textbox *:nth-child(8) {
  -webkit-transition: all 0.6s ease-in-out 1.6s;
  -moz-transition: all 0.6s ease-in-out 1.6s;
  -o-transition: all 0.6s ease-in-out 1.6s;
  -ms-transition: all 0.6s ease-in-out 1.6s;
  transition: all 0.6s ease-in-out 1.6s;
}
body.astros-championship-ring #story .textbox *:nth-child(9) {
  -webkit-transition: all 0.6s ease-in-out 1.8s;
  -moz-transition: all 0.6s ease-in-out 1.8s;
  -o-transition: all 0.6s ease-in-out 1.8s;
  -ms-transition: all 0.6s ease-in-out 1.8s;
  transition: all 0.6s ease-in-out 1.8s;
}
body.astros-championship-ring #story .textbox *:nth-child(10) {
  -webkit-transition: all 0.6s ease-in-out 2s;
  -moz-transition: all 0.6s ease-in-out 2s;
  -o-transition: all 0.6s ease-in-out 2s;
  -ms-transition: all 0.6s ease-in-out 2s;
  transition: all 0.6s ease-in-out 2s;
}
body.astros-championship-ring #story .textbox *:nth-child(11) {
  -webkit-transition: all 0.6s ease-in-out 2.2s;
  -moz-transition: all 0.6s ease-in-out 2.2s;
  -o-transition: all 0.6s ease-in-out 2.2s;
  -ms-transition: all 0.6s ease-in-out 2.2s;
  transition: all 0.6s ease-in-out 2.2s;
}
body.astros-championship-ring #story .textbox *:nth-child(12) {
  -webkit-transition: all 0.6s ease-in-out 2.4s;
  -moz-transition: all 0.6s ease-in-out 2.4s;
  -o-transition: all 0.6s ease-in-out 2.4s;
  -ms-transition: all 0.6s ease-in-out 2.4s;
  transition: all 0.6s ease-in-out 2.4s;
}
body.astros-championship-ring #gallery {
  overflow: hidden;
}
body.astros-championship-ring #gallery .section-wrapper {
  margin-right: -20px;
  margin-left: -20px;
}
body.astros-championship-ring #gallery .grid-container {
  top: -100px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.astros-championship-ring #gallery .grid-container figure.img-wrapper {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 10px;
}
body.astros-championship-ring #gallery .grid-container figure.img-wrapper img {
  border-radius: 10px;
}
body.astros-championship-ring #gallery .grid-container figure.img-wrapper figcaption {
  width: 100%;
  text-align: center;
  font-size: 14px;
}
body.astros-championship-ring #video {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: black;
  background-image: url("../assets/astros-2022-championship-ring/Houston-Astros-Bregman-World-Series-Ring-.jpg");
  background-size: cover;
}
body.astros-championship-ring #video:before {
  background-color: rgba(0, 0, 0, 0.6);
}
body.astros-championship-ring #video figure.video-wrapper {
  border-radius: 20px;
  overflow: hidden;
}
body.astros-championship-ring #countdown {
  overflow: hidden;
  padding: 0;
  height: calc(400vw + 100vh);
  background-color: #f8f8f8;
}
body.astros-championship-ring #countdown .section-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: -30px;
}
body.astros-championship-ring #countdown .section-header:before, body.astros-championship-ring #countdown .section-header:after {
  content: "";
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: 1px dashed #012d62;
}
body.astros-championship-ring #countdown .section-header:before {
  margin-right: 40px;
}
body.astros-championship-ring #countdown .section-header:after {
  margin-left: 40px;
}
body.astros-championship-ring #countdown .section-header h2 {
  color: #012d62;
  font-size: 48px;
}
body.astros-championship-ring #countdown .horiz-sticky {
  height: 100vh;
  width: 100%;
  left: 0;
  mix-blend-mode: multiply;
}
body.astros-championship-ring #countdown .horiz-translator {
  position: absolute;
  width: auto;
  height: 100%;
  will-change: transform;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.astros-championship-ring #countdown .horiz-page {
  height: 100%;
  width: 100vw;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
body.astros-championship-ring #countdown .horiz-page:not(:first-child) .section-wrapper {
  padding-top: 150px;
}
body.astros-championship-ring #countdown .horiz-page .section-wrapper {
  grid-gap: 0 100px;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
}
body.astros-championship-ring #countdown .horiz-page figure.img-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: 450px;
  max-height: 450px;
}
body.astros-championship-ring #countdown .horiz-page figure.img-wrapper:before {
  position: absolute;
  height: 130%;
  aspect-ratio: 1/1;
  background-color: white;
  border-radius: 50%;
}
body.astros-championship-ring #countdown .horiz-page figure.img-wrapper img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
body.astros-championship-ring #countdown .horiz-page h3 {
  color: #eb6e20;
}
body.astros-championship-ring #countdown .horiz-page h3:before {
  content: attr(data-order);
  position: absolute;
  -webkit-transform: translate(-75%, -50%);
  -moz-transform: translate(-75%, -50%);
  -ms-transform: translate(-75%, -50%);
  transform: translate(-75%, -50%);
  font-family: "Inter";
  font-weight: bold;
  font-size: 200px;
  color: lightgrey;
  opacity: 0.3;
  z-index: -1;
}
body.astros-championship-ring #countdown-2 {
  overflow: hidden;
}
body.astros-championship-ring #countdown-2 article.step {
  margin-top: 100px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 100px;
}
body.astros-championship-ring #countdown-2 article.step.reveal:nth-child(1):before, body.astros-championship-ring #countdown-2 article.step.reveal:nth-child(5):before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
body.astros-championship-ring #countdown-2 article.step.reveal:nth-child(3):before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
body.astros-championship-ring #countdown-2 article.step.reveal figure.img-wrapper {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.astros-championship-ring #countdown-2 article.step.reveal .textbox {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.astros-championship-ring #countdown-2 article.step:nth-child(2n) {
  margin-right: auto;
}
body.astros-championship-ring #countdown-2 article.step:nth-child(2n+1) {
  margin-left: auto;
}
body.astros-championship-ring #countdown-2 article.step:nth-child(1):before, body.astros-championship-ring #countdown-2 article.step:nth-child(5):before {
  content: "";
  -webkit-transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  -ms-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
body.astros-championship-ring #countdown-2 article.step:nth-child(3):before {
  content: "";
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -moz-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -ms-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
body.astros-championship-ring #countdown-2 article.step:before {
  position: absolute;
  width: 120vw;
  height: 100%;
  background-color: #f8f8f8;
  z-index: -1;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
body.astros-championship-ring #countdown-2 article.step figure.img-wrapper {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  z-index: 2;
  mix-blend-mode: darken;
}
body.astros-championship-ring #countdown-2 article.step .textbox {
  z-index: 10;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
body.astros-championship-ring #countdown-2 article.step h3 {
  color: #eb6e20;
}
body.astros-championship-ring #countdown-2 article.step h3:before {
  content: attr(data-order);
  position: absolute;
  -webkit-transform: translate(-75%, -50%);
  -moz-transform: translate(-75%, -50%);
  -ms-transform: translate(-75%, -50%);
  transform: translate(-75%, -50%);
  font-family: "Inter";
  font-weight: bold;
  font-size: 200px;
  color: lightgrey;
  opacity: 0.3;
  z-index: -1;
}
body.astros-championship-ring #features {
  padding-bottom: 60px;
}
body.astros-championship-ring #features.reveal .img-col figure.img-wrapper {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
body.astros-championship-ring #features.reveal .text-col .card {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
body.astros-championship-ring #features .text-col {
  text-align: center;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(1),
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(3) {
  left: 20%;
}
body.astros-championship-ring #features .text-col.left-text-col .card {
  opacity: 0;
  -webkit-transform: translateX(-60px);
  -moz-transform: translateX(-60px);
  -ms-transform: translateX(-60px);
  transform: translateX(-60px);
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(1) {
  -webkit-transition: all 0.6s ease-in-out 0.2s;
  -moz-transition: all 0.6s ease-in-out 0.2s;
  -o-transition: all 0.6s ease-in-out 0.2s;
  -ms-transition: all 0.6s ease-in-out 0.2s;
  transition: all 0.6s ease-in-out 0.2s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(2) {
  -webkit-transition: all 0.6s ease-in-out 0.4s;
  -moz-transition: all 0.6s ease-in-out 0.4s;
  -o-transition: all 0.6s ease-in-out 0.4s;
  -ms-transition: all 0.6s ease-in-out 0.4s;
  transition: all 0.6s ease-in-out 0.4s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(3) {
  -webkit-transition: all 0.6s ease-in-out 0.6s;
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -ms-transition: all 0.6s ease-in-out 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(4) {
  -webkit-transition: all 0.6s ease-in-out 0.8s;
  -moz-transition: all 0.6s ease-in-out 0.8s;
  -o-transition: all 0.6s ease-in-out 0.8s;
  -ms-transition: all 0.6s ease-in-out 0.8s;
  transition: all 0.6s ease-in-out 0.8s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(5) {
  -webkit-transition: all 0.6s ease-in-out 1s;
  -moz-transition: all 0.6s ease-in-out 1s;
  -o-transition: all 0.6s ease-in-out 1s;
  -ms-transition: all 0.6s ease-in-out 1s;
  transition: all 0.6s ease-in-out 1s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(6) {
  -webkit-transition: all 0.6s ease-in-out 1.2s;
  -moz-transition: all 0.6s ease-in-out 1.2s;
  -o-transition: all 0.6s ease-in-out 1.2s;
  -ms-transition: all 0.6s ease-in-out 1.2s;
  transition: all 0.6s ease-in-out 1.2s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(7) {
  -webkit-transition: all 0.6s ease-in-out 1.4s;
  -moz-transition: all 0.6s ease-in-out 1.4s;
  -o-transition: all 0.6s ease-in-out 1.4s;
  -ms-transition: all 0.6s ease-in-out 1.4s;
  transition: all 0.6s ease-in-out 1.4s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(8) {
  -webkit-transition: all 0.6s ease-in-out 1.6s;
  -moz-transition: all 0.6s ease-in-out 1.6s;
  -o-transition: all 0.6s ease-in-out 1.6s;
  -ms-transition: all 0.6s ease-in-out 1.6s;
  transition: all 0.6s ease-in-out 1.6s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(9) {
  -webkit-transition: all 0.6s ease-in-out 1.8s;
  -moz-transition: all 0.6s ease-in-out 1.8s;
  -o-transition: all 0.6s ease-in-out 1.8s;
  -ms-transition: all 0.6s ease-in-out 1.8s;
  transition: all 0.6s ease-in-out 1.8s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(10) {
  -webkit-transition: all 0.6s ease-in-out 2s;
  -moz-transition: all 0.6s ease-in-out 2s;
  -o-transition: all 0.6s ease-in-out 2s;
  -ms-transition: all 0.6s ease-in-out 2s;
  transition: all 0.6s ease-in-out 2s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(11) {
  -webkit-transition: all 0.6s ease-in-out 2.2s;
  -moz-transition: all 0.6s ease-in-out 2.2s;
  -o-transition: all 0.6s ease-in-out 2.2s;
  -ms-transition: all 0.6s ease-in-out 2.2s;
  transition: all 0.6s ease-in-out 2.2s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(12) {
  -webkit-transition: all 0.6s ease-in-out 2.4s;
  -moz-transition: all 0.6s ease-in-out 2.4s;
  -o-transition: all 0.6s ease-in-out 2.4s;
  -ms-transition: all 0.6s ease-in-out 2.4s;
  transition: all 0.6s ease-in-out 2.4s;
}
body.astros-championship-ring #features .text-col.left-text-col .card:before {
  left: 100%;
  margin-left: 10px;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(1),
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(3) {
  right: 20%;
}
body.astros-championship-ring #features .text-col.right-text-col .card {
  opacity: 0;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(1) {
  -webkit-transition: all 0.6s ease-in-out 0.8s;
  -moz-transition: all 0.6s ease-in-out 0.8s;
  -o-transition: all 0.6s ease-in-out 0.8s;
  -ms-transition: all 0.6s ease-in-out 0.8s;
  transition: all 0.6s ease-in-out 0.8s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(2) {
  -webkit-transition: all 0.6s ease-in-out 1s;
  -moz-transition: all 0.6s ease-in-out 1s;
  -o-transition: all 0.6s ease-in-out 1s;
  -ms-transition: all 0.6s ease-in-out 1s;
  transition: all 0.6s ease-in-out 1s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(3) {
  -webkit-transition: all 0.6s ease-in-out 1.2s;
  -moz-transition: all 0.6s ease-in-out 1.2s;
  -o-transition: all 0.6s ease-in-out 1.2s;
  -ms-transition: all 0.6s ease-in-out 1.2s;
  transition: all 0.6s ease-in-out 1.2s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(4) {
  -webkit-transition: all 0.6s ease-in-out 1.4s;
  -moz-transition: all 0.6s ease-in-out 1.4s;
  -o-transition: all 0.6s ease-in-out 1.4s;
  -ms-transition: all 0.6s ease-in-out 1.4s;
  transition: all 0.6s ease-in-out 1.4s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(5) {
  -webkit-transition: all 0.6s ease-in-out 1.6s;
  -moz-transition: all 0.6s ease-in-out 1.6s;
  -o-transition: all 0.6s ease-in-out 1.6s;
  -ms-transition: all 0.6s ease-in-out 1.6s;
  transition: all 0.6s ease-in-out 1.6s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(6) {
  -webkit-transition: all 0.6s ease-in-out 1.8s;
  -moz-transition: all 0.6s ease-in-out 1.8s;
  -o-transition: all 0.6s ease-in-out 1.8s;
  -ms-transition: all 0.6s ease-in-out 1.8s;
  transition: all 0.6s ease-in-out 1.8s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(7) {
  -webkit-transition: all 0.6s ease-in-out 2s;
  -moz-transition: all 0.6s ease-in-out 2s;
  -o-transition: all 0.6s ease-in-out 2s;
  -ms-transition: all 0.6s ease-in-out 2s;
  transition: all 0.6s ease-in-out 2s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(8) {
  -webkit-transition: all 0.6s ease-in-out 2.2s;
  -moz-transition: all 0.6s ease-in-out 2.2s;
  -o-transition: all 0.6s ease-in-out 2.2s;
  -ms-transition: all 0.6s ease-in-out 2.2s;
  transition: all 0.6s ease-in-out 2.2s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(9) {
  -webkit-transition: all 0.6s ease-in-out 2.4s;
  -moz-transition: all 0.6s ease-in-out 2.4s;
  -o-transition: all 0.6s ease-in-out 2.4s;
  -ms-transition: all 0.6s ease-in-out 2.4s;
  transition: all 0.6s ease-in-out 2.4s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(10) {
  -webkit-transition: all 0.6s ease-in-out 2.6s;
  -moz-transition: all 0.6s ease-in-out 2.6s;
  -o-transition: all 0.6s ease-in-out 2.6s;
  -ms-transition: all 0.6s ease-in-out 2.6s;
  transition: all 0.6s ease-in-out 2.6s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(11) {
  -webkit-transition: all 0.6s ease-in-out 2.8s;
  -moz-transition: all 0.6s ease-in-out 2.8s;
  -o-transition: all 0.6s ease-in-out 2.8s;
  -ms-transition: all 0.6s ease-in-out 2.8s;
  transition: all 0.6s ease-in-out 2.8s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(12) {
  -webkit-transition: all 0.6s ease-in-out 3s;
  -moz-transition: all 0.6s ease-in-out 3s;
  -o-transition: all 0.6s ease-in-out 3s;
  -ms-transition: all 0.6s ease-in-out 3s;
  transition: all 0.6s ease-in-out 3s;
}
body.astros-championship-ring #features .text-col.right-text-col .card:before {
  right: 100%;
  margin-right: 10px;
}
body.astros-championship-ring #features .text-col .card:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 5vw;
  z-index: -1;
  border-top: 2px dotted #eb6e20;
}
body.astros-championship-ring #features .text-col strong {
  color: #eb6e20;
}
body.astros-championship-ring #features .img-col figure.img-wrapper {
  display: -webkit-flex;
  display: flex;
  max-width: 400px;
  margin-inline: auto;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
body.astros-championship-ring #quote blockquote {
  padding-left: 60px;
}
body.astros-championship-ring #quote blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 40px;
  position: absolute;
  top: 0;
  left: 10px;
  color: #012d62;
}

footer {
  margin-top: 100px;
  overflow: hidden;
  background-color: #141926;
}
footer a, footer p, footer h5 {
  color: white;
  font-family: "Inter", sans-serif;
}
footer p.sm {
  margin-top: 20px;
}
footer #footer-wrapper {
  padding: 60px;
  max-width: 1350px;
  margin: 0 auto;
}
footer .footer-form {
  background-color: #141926;
  padding: 0;
}
footer .footer-form .section-wrapper {
  padding: 80px 60px;
}
footer .footer-form .form-col {
  max-width: 580px;
  margin: 0 auto 0 0;
}
footer .footer-form .form-col form {
  margin-top: 40px;
}
footer .footer-form .img-col .img-wrapper {
  width: 600px;
  z-index: 1;
}
footer .footer-form .img-col .img-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  border: 1px solid white;
  top: 20px;
  left: 20px;
}
footer .footer-form .img-col .round {
  position: absolute;
  height: 100%;
  top: 80px;
  left: 300px;
}
footer .footer-form .img-col .round img {
  position: absolute;
  height: 100%;
}
footer .footer-form .img-col .round img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #141926;
  border-radius: 50%;
  z-index: 6;
}
footer .footer-main {
  grid-gap: 40px 20px;
}
footer .footer-main .span-col > a {
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
}
footer .footer-main .span-col > p {
  font-weight: 600;
}
footer .footer-main .info-col a {
  padding-left: 20px;
}
footer .footer-main .info-col a i {
  position: absolute;
  left: 0;
  color: #bde4ff;
}
footer .footer-main .sns-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  grid-gap: 10px;
}
footer .footer-main .sns-col a.social-link {
  font-size: 16px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border: 1px solid white;
}
footer .footer-bottom {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
}
footer .footer-bottom a, footer .footer-bottom p, footer .footer-bottom h5 {
  font-weight: unset;
  text-transform: none;
  margin: 0px;
  font-size: 11px;
  width: auto;
}
footer p#credit a {
  font-weight: bold;
}

@media all and (max-width: 1279px) {
  body.bestsellers .hero .col {
    width: 100%;
  }
  body.bestsellers .hero .text-col {
    margin-bottom: 100px;
  }
  body.bestsellers .hero .text-col .textbox {
    margin: 0 auto;
  }
  body.the-4-cs .scale-container {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
  body.the-4-cs .section-grid section.cs-section {
    grid-column: 1/-1;
  }
  body.the-4-cs .section-grid section.span-6 .section-wrapper {
    max-width: 800px;
  }
}
@media all and (max-width: 1139px) {
  body.engagement-ring-gallery .gallery {
    padding-top: 0;
  }
  body.engagement-ring-gallery .gallery .gal-container {
    grid-template-columns: repeat(4, 1fr);
  }
  body.engagement-ring-gallery .gallery article.gal-card:nth-child(5n+1), body.engagement-ring-gallery .gallery article.gal-card:nth-child(5n+3), body.engagement-ring-gallery .gallery article.gal-card:nth-child(5n+5) {
    top: unset;
  }
  body.championship-ring-gallery .gallery-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  body.championship-ring-gallery .gallery-grid article.gal-card {
    padding: 10px 20px;
  }
  body.championship-ring-gallery .gallery-grid article.gal-card .textbox .gc-title {
    font-size: 16px;
  }
  body.championship-ring-gallery .gallery-grid article.gal-card .textbox .gc-description {
    margin: 0;
  }
  body.astros-championship-ring .hero {
    padding-top: 100px;
  }
  body.astros-championship-ring .hero figure.hero-img img {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
  body.astros-championship-ring .hero .section-wrapper {
    position: relative;
  }
  body.astros-championship-ring .hero .section-wrapper .section-content {
    width: 100%;
    top: -100px;
    margin-bottom: -20px;
  }
  body.astros-championship-ring .hero .section-wrapper .section-content .textbox {
    margin-right: auto;
  }
}
@media all and (max-width: 1023px) {
  h1,
.h1 {
    font-size: 40px;
  }
  h1.lg,
.h1.lg {
    font-size: 48px;
  }
  h1.sm,
.h1.sm {
    font-size: 32px;
  }
  h2,
.h2 {
    font-size: 32px;
  }
  h2.lg,
.h2.lg {
    font-size: 40px;
  }
  h3,
.h3 {
    font-size: 24px;
  }
  h3.lg,
.h3.lg {
    font-size: 28px;
  }
  h4,
.h4 {
    font-size: 21px;
  }
  h5,
.h5 {
    font-size: 18px;
  }
  h6, .h6 {
    font-size: 15px;
  }
  .alexa h2 {
    font-size: 36px;
  }
  p.lg, li.lg {
    font-size: 16px;
  }
  header #header-wrapper,
footer #footer-wrapper,
footer .footer-form .section-wrapper,
section .section-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
  header #header-right nav.header-page-links a {
    font-size: 14px;
    padding: 0 20px;
  }
  header a#header-logo-link {
    width: 240px;
  }
  body.home .statistics {
    padding-bottom: 100px;
  }
  body.home .tell-your-story .section-wrapper {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  body.home .tell-your-story .process-col {
    width: 95%;
    margin-top: -100px;
    padding: 20px 30px;
  }
  body.home .tell-your-story .process-col article.process-step {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0;
  }
  body.home .tell-your-story .process-col article.process-step .intro-text {
    top: 0;
  }
  body.home .tell-your-story .process-col article.process-step .detail-text {
    max-width: unset;
  }
  body.home .areas-of-expertise .expertise-wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
  }
  body.home .areas-of-expertise article.expertise-card {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  body.home .areas-of-expertise article.expertise-card:nth-child(2n+1) {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  body.home .areas-of-expertise article.expertise-card .textbox {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 500px;
    margin: 0 auto;
    align-self: center;
  }
  body.home .areas-of-expertise article.expertise-card > a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  body.home .areas-of-expertise article.expertise-card > a figure.img-wrapper {
    position: relative;
    min-width: 300px;
  }
  body.about-fred .hero .section-wrapper h1 {
    font-size: 72px;
  }
  body.about-fred #media .text-col {
    padding: 0;
    padding-left: 20px;
  }
  body.about-fred #media .img-col {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  body.about-fred #media .img-col figure.img-wrapper {
    max-width: 500px;
  }
  body.about-fred #books {
    padding-top: 30px;
  }
  body.about-fred #books .col {
    width: 100%;
  }
  body.about-fred #books .text-col {
    text-align: center;
  }
  body.about-fred #books .text-col .textbox {
    margin-bottom: 50px;
  }
  body.about-fred #books .books-container {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
    margin: 0 auto;
  }
  body.faq .faqs {
    padding-top: 40px;
  }
  body.faq .faqs .col {
    width: 100%;
    padding: 0;
  }
  body.faq .faqs .categories-col {
    margin: 0 auto 30px;
    position: relative;
    top: 0;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.faq .faqs .categories-col a.q-category {
    font-size: 13px;
  }
  body.faq .faqs .questions-col .questions-container {
    max-width: 640px;
    margin: 0 auto;
    padding: 0;
  }
  body.colored-diamonds .hero .col {
    width: 100%;
  }
  body.colored-diamonds .hero .text-col .textbox {
    margin: 0 auto;
    text-align: center;
  }
  body.colored-diamonds .hero #stat-container {
    padding-left: 0;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
  }
  body.colored-diamonds .hero #stat-container .textbox {
    grid-column: span 1;
  }
  body.colored-diamonds .cd-gallery .col {
    width: 100%;
    padding: 0;
  }
  body.colored-diamonds .cd-gallery .text-col {
    position: relative;
    top: unset;
    text-align: center;
  }
  body.colored-diamonds .cd-gallery .text-col .textbox {
    max-width: 500px;
    margin: 0 auto;
  }
  body.colored-diamonds .lastly .section-wrapper {
    padding-bottom: 0;
  }
  body.colored-diamonds .lastly .col {
    width: 100%;
    padding: 0;
  }
  body.colored-diamonds .lastly .lastly-col {
    margin-bottom: 40px;
  }
  body.colored-diamonds .lastly .lastly-col .textbox {
    margin: 0 auto;
    max-width: 500px;
    text-align: center;
  }
  body.colored-diamonds .lastly .lastly-col .buttons-container {
    -webkit-justify-content: center;
    justify-content: center;
  }
  body.colored-diamonds .lastly .lastly-col .buttons-container a {
    margin-top: 0;
  }
  body.colored-diamonds .lastly .trifecta-col .textbox {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.colored-stones .cs-gallery .cs-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
  body.diamond-value form#diamond-value-form .form-section {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.diamond-value form#diamond-value-form .form-section .fields-col,
body.diamond-value form#diamond-value-form .form-section .text-col {
    width: 100%;
    padding: 0;
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -moz-box-flex: unset;
    -moz-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }
  body.diamond-value form#diamond-value-form .form-section .fields-col {
    padding-top: 20px;
  }
  body.diamond-value form#diamond-value-form .form-section .text-col > .textbox h5 {
    font-size: 24px;
  }
  body.articles .articles-grid .grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }
  body.contact .hero .section-wrapper {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.contact .hero .section-wrapper .col {
    padding: 0;
    width: 100%;
  }
  body.contact .hero .section-wrapper .info-col {
    margin-bottom: 40px;
  }
  body.contact .hero .section-wrapper .form-col {
    padding: 40px 20px;
  }
  body.contact .hero .section-wrapper .map {
    height: 400px;
    margin: 0 auto;
    bottom: -10px;
  }
  body.astros-championship-ring #countdown-2 article.step figure.img-wrapper {
    max-width: 200px;
  }
  body.astros-championship-ring #features .section-header {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  body.astros-championship-ring #features .img-col {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
    width: 100%;
    margin-bottom: 40px;
  }
  body.astros-championship-ring #features .text-col {
    width: 50%;
    padding: 0 10px;
  }
  body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(1),
body.astros-championship-ring #features .text-col.left-text-col .card:nth-child(3) {
    left: unset;
  }
  body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(1),
body.astros-championship-ring #features .text-col.right-text-col .card:nth-child(3) {
    right: unset;
  }
  body.astros-championship-ring #features .text-col .grid-container {
    grid-gap: 20px;
  }
  body.astros-championship-ring #features .text-col .card {
    border-top: 2px dotted #eb6e20;
    padding-top: 10px;
    text-align: initial;
  }
  body.astros-championship-ring #features .text-col .card::before {
    display: none;
  }
  footer .footer-form {
    padding-top: 20px !important;
  }
  footer .footer-form .section-wrapper {
    padding-top: 20px;
  }
  footer .footer-form .col {
    width: 100%;
    padding: 0;
  }
  footer .footer-form .form-col {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
  }
  footer .footer-form .img-col {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
    display: -webkit-flex;
    display: flex;
  }
  footer .footer-form .img-col .img-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (max-width: 900px) {
  section:first-of-type {
    padding-top: 120px;
  }
  section:not(:first-of-type) {
    padding-top: 60px;
  }
  header.scrolled #header-wrapper {
    height: 50px;
  }
  header.scrolled span#ham-menu {
    top: 0;
    right: 0;
    box-shadow: none;
    border-radius: 0;
  }
  header.scrolled span#ham-menu:hover {
    box-shadow: none;
  }
  header.mobile-menu a#header-logo-link {
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -o-filter: none !important;
    filter: none !important;
  }
  header.mobile-menu #header-wrapper {
    background-color: white;
  }
  header.mobile-menu #header-right {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  header.mobile-menu #header-right nav.header-page-links .dropdown {
    max-height: 500px;
  }
  header.mobile-menu span#ham-menu hr {
    background-color: #4a87b3;
  }
  header.mobile-menu span#ham-menu hr:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  header.mobile-menu span#ham-menu hr:nth-child(2) {
    width: 0;
  }
  header.mobile-menu span#ham-menu hr:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  header #header-wrapper {
    height: 70px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  header #header-right {
    position: fixed;
    padding: 20px;
    padding-top: 120px;
    padding-bottom: 120px;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: -1;
  }
  header #header-right nav.header-page-links#nav-bottom {
    height: auto;
    width: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    grid-gap: 30px;
  }
  header #header-right nav.header-page-links#nav-top {
    display: none;
  }
  header #header-right nav.header-page-links a {
    font-size: 24px;
    font-weight: 300;
    padding: 0;
  }
  header #header-right nav.header-page-links .dropdown {
    position: relative;
    display: block;
    top: unset;
    min-width: 0;
    box-shadow: none;
    padding: 0;
    background: none;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    max-height: 0;
    overflow: hidden;
  }
  header #header-right nav.header-page-links .dropdown a {
    display: block;
    font-size: 16px;
    padding: 8px;
    text-align: center;
  }
  header #header-right nav.header-page-links .dropdown a:hover {
    background-color: unset;
    color: black;
  }
  header #header-right nav.header-page-links span.pl-wrapper {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  header #header-right nav.header-page-links span.pl-wrapper:before {
    display: none;
  }
  header #header-right nav.header-page-links span.pl-wrapper:hover > a {
    color: #4a87b3;
  }
  header #header-right nav.header-page-links span.pl-wrapper.more > a:after {
    display: none;
  }
  header #header-right nav.header-page-links span.pl-wrapper > a {
    font-family: "Nanum Myeongjo", serif;
    font-size: 28px;
    font-weight: bold;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 10px;
    color: #4a87b3 !important;
  }
  header span#ham-menu {
    position: absolute;
    top: 10px;
    right: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px;
    height: 50px;
    width: 50px;
    background-color: white;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }
  header span#ham-menu:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  }
  header span#ham-menu:hover hr {
    background-color: #4a87b3;
  }
  header span#ham-menu hr {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: black;
    border: none;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
  }
  header span#ham-menu hr:nth-child(1) {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  header span#ham-menu hr:nth-child(3) {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  body.noscroll {
    overflow: hidden;
  }
  body.home .dci-advantage:after {
    height: 30%;
  }
  body.home .dci-advantage .img-wrapper > span {
    display: none;
  }
  body.home .dci-advantage .advantages-container {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
  }
  body.home .dci-advantage .advantages-container .textbox {
    text-align: center;
  }
  body.home .dci-advantage .advantages-container .textbox:after, body.home .dci-advantage .advantages-container .textbox:before {
    display: none;
  }
  body.home .dci-advantage .advantages-container .textbox span.icon-wrapper {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.the-4-cs .col {
    width: 100%;
    padding: 0;
  }
  body.the-4-cs .text-col {
    text-align: center;
    margin-bottom: 40px;
  }
  body.the-4-cs .intro-col {
    text-align: center;
  }
  body.the-4-cs .four-cs-col,
body.the-4-cs .other-cs-col {
    padding-left: 0;
  }
  body.the-4-cs .cs-section#cut-and-carat .interactive-col {
    margin-top: 40px;
  }
  body.the-4-cs .cs-section#cut-and-carat .interactive-col figure#hand-model {
    margin-bottom: 40px;
  }
  body.the-4-cs .cs-section .section-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  body.argyle-trifecta .diamond-section .col {
    width: 100%;
    padding: 0;
    max-width: 500px;
  }
  body.argyle-trifecta .diamond-section .img-col {
    margin-bottom: 30px;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  body.argyle-trifecta .diamond-section figure.video-wrapper {
    height: 400px;
  }
  body.engagement-ring-gallery .gallery .gal-container {
    grid-template-columns: repeat(3, 1fr);
  }
  body.astros-championship-ring span#progress-bar {
    top: 50px;
  }
  body.astros-championship-ring #gallery .section-wrapper {
    margin: 0 auto;
  }
  body.astros-championship-ring #gallery .section-wrapper .grid-container {
    padding: 20px;
    top: -40px;
    grid-template-columns: repeat(2, 1fr);
  }
  body.astros-championship-ring #gallery .section-wrapper .grid-container figure.img-wrapper:nth-child(1) {
    align-self: flex-end;
  }
  body.astros-championship-ring #gallery .section-wrapper .grid-container figure.img-wrapper:nth-child(4) {
    align-self: flex-start;
  }
  body.astros-championship-ring #countdown .section-header {
    margin-bottom: 0;
  }
  body.astros-championship-ring #countdown .section-wrapper {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: unset;
    -moz-flex-wrap: unset;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
  }
  body.astros-championship-ring #countdown .horiz-page figure.img-wrapper {
    max-width: 300px;
    max-height: 300px;
    margin-bottom: 20px;
  }
  body.astros-championship-ring #countdown .horiz-page .textbox {
    padding-bottom: 30px;
  }
  body.astros-championship-ring #countdown .horiz-page h3:before {
    left: 60px;
    top: -20px;
  }
  footer .footer-main {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media all and (max-width: 767px) {
  p.lg.sm767, li.lg.sm767 {
    font-size: 16px;
  }
  .col.col-1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-3 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-4 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-5 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-6 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-7 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-8 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-9 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-10 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-11 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.col-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .col.order-top {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .textbox {
    margin-right: auto;
    margin-left: auto;
  }
  section:not(:first-of-type) {
    padding-top: 50px;
  }
  body .statistics p {
    font-size: 12px;
  }
  body .statistics p.stat-wrapper {
    font-size: 30px;
  }
  body .statistics .col.textbox {
    width: 50%;
    align-self: stretch;
    padding: 30px 15px;
  }
  body .statistics .col.textbox:nth-child(2n+1) {
    border-right: 1px solid #b8b8b8;
  }
  body .statistics .col.textbox:nth-child(2n) {
    border-right: none;
  }
  body .statistics .col.textbox:nth-child(4) {
    border-bottom: 1px solid #b8b8b8;
  }
  body.home span#cursor {
    display: none;
  }
  body.home .hero .section-wrapper {
    height: unset;
    top: unset;
    padding-bottom: 70px;
  }
  body.home .hero main.diamond-container .demo {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }
  body.home .hero main.diamond-container #canvas-container {
    height: 90vw !important;
    top: unset !important;
  }
  body.home .hero .textbox {
    margin-bottom: 200px;
  }
  body.home .tell-your-story .col {
    width: 100%;
  }
  body.home .tell-your-story .intro-col {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
    text-align: center;
  }
  body.home .tell-your-story .process-col {
    margin-top: 0;
  }
  body.home .tell-your-story .video-col {
    top: 0;
    left: 0;
  }
  body.home .tell-your-story .video-col .img-wrapper video {
    display: none;
  }
  body.home .tell-your-story .video-col .img-wrapper img {
    display: block;
  }
  body.home .fred-cuellar figure#top-imgs {
    top: -60px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  body.home .fred-cuellar .col {
    max-width: 480px;
  }
  body.home .fred-cuellar .img-col {
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
  }
  body.home .fred-cuellar .img-col .img-wrapper {
    max-width: 600px;
  }
  body.home .fred-cuellar .text-col .textbox {
    margin: 0 auto;
  }
  body.home .areas-of-expertise article.expertise-card {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    margin: 0 auto;
  }
  body.home .areas-of-expertise article.expertise-card:nth-child(2n+1) {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.home .areas-of-expertise article.expertise-card .textbox,
body.home .areas-of-expertise article.expertise-card > a {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -moz-box-flex: unset;
    -moz-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }
  body.home .areas-of-expertise article.expertise-card > a {
    height: 350px;
  }
  body.home .diamond-test p.subheading {
    position: relative;
    padding: 0;
    background: none;
  }
  body.home .diamond-test #test-container {
    height: 500px;
  }
  body.home .diamond-test #test-container article.question-slide {
    cursor: default;
  }
  body.home .diamond-test #test-container article.question-slide.answered .question-intro {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  body.home .diamond-test #test-container article.question-slide.answered .option.selected .textbox {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  body.home .diamond-test #test-container article.question-slide .question-intro {
    top: 40px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
  body.home .diamond-test #test-container article.question-slide .question-intro h4.question {
    font-size: 24px;
    font-weight: bold;
  }
  body.home .diamond-test #test-container article.question-slide .option .textbox {
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
  }
  body.home .diamond-test #test-container article.question-slide .option .textbox p.b {
    font-size: 20px;
  }
  body.home .diamond-test #test-container article.question-slide .option .textbox p.description {
    font-size: 14px;
  }
  body.our-story .hero .section-wrapper {
    max-height: 300px;
  }
  body.our-story .details {
    margin-top: 0;
    padding-bottom: 40px;
  }
  body.our-story .details:nth-child(2n+1) {
    background-color: #f8f8f8;
  }
  body.our-story .details .img-col {
    -webkit-box-ordinal-group: -1 !important;
    -moz-box-ordinal-group: -1 !important;
    -ms-flex-order: -1 !important;
    -webkit-order: -1 !important;
    order: -1 !important;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 40px;
  }
  body.our-story .details .img-col figure.img-wrapper {
    max-width: 480px;
  }
  body.process .hero:before {
    top: 700px;
    height: 26%;
    width: 100%;
  }
  body.process .hero .text-col {
    margin-bottom: 30px;
  }
  body.process .hero figure.step-img-wrapper {
    width: 100%;
  }
  body.process .steps #steps-container {
    grid-template-columns: repeat(1, 1fr);
    max-width: 480px;
    margin: 0 auto 100px;
    margin-bottom: 0;
  }
  body.process .steps #steps-container article.step figure.step-img-wrapper span.step-num {
    top: -15px;
    left: -15px;
  }
  body.process .steps #steps-container article.step h5.step-name {
    font-size: 28px;
  }
  body.process .steps #steps-container article.step h5.step-name:after {
    font-size: 18px;
    left: 0;
    bottom: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
  body.process .steps .textbox.center {
    text-align: left;
    max-width: none;
  }
  body.process .steps hr.separator {
    margin: 60px 0;
  }
  body.about-fred .hero .section-wrapper {
    max-height: 300px;
  }
  body.about-fred .hero .section-wrapper h1 {
    font-size: 56px;
  }
  body.about-fred .statistics .col {
    border: 1px solid #e8e8e8 !important;
  }
  body.about-fred #fred .section-wrapper {
    margin-top: 80px;
  }
  body.about-fred #fred .text-col {
    padding-left: 30px;
    margin-top: 30px;
  }
  body.about-fred #media {
    padding-top: 0;
  }
  body.about-fred #media .img-col {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  body.about-fred #media .text-col {
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
  }
  body.about-fred #jewelry .section-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  body.about-fred #jewelry #championship-card {
    padding: 40px 0;
  }
  body.about-fred #jewelry #championship-card .slideshow {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  body.about-fred #jewelry #championship-card .textbox {
    position: relative;
    margin: 0 auto;
    text-align: center;
  }
  body.about-fred #recognized-work .section-wrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.about-fred #recognized-work .col {
    width: 100%;
  }
  body.bestsellers .hero {
    margin-bottom: 40px;
  }
  body.bestsellers .hero .text-col {
    margin-bottom: 40px;
  }
  body.bestsellers .hero figure.book-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.bestsellers .hero figure.book-wrapper:after {
    display: none;
  }
  body.bestsellers .hero blockquote:not(:nth-of-type(2)) {
    display: none;
  }
  body.bestsellers .hero blockquote:nth-of-type(2) {
    position: relative;
    top: -20px;
    left: unset;
    max-width: none;
    width: 90%;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  body.bestsellers .book .img-col {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  body.colored-diamonds .cd-gallery .gallery-col {
    grid-template-columns: repeat(2, 1fr);
  }
  body.colored-diamonds .cd-gallery article.cd-card {
    grid-column: span 1;
  }
  body.colored-stones .cs-gallery .cs-grid-container {
    grid-template-columns: repeat(1, 1fr);
    max-width: 500px;
  }
  body.colored-stones .cs-gallery article.cs-card.solo .img-wrapper {
    width: 40%;
  }
  body.colored-stones .cs-gallery article.cs-card .img-wrapper h4 {
    font-size: 15px;
  }
  body.articles .articles-grid .grid-container {
    grid-template-columns: repeat(1, 1fr);
    max-width: 500px;
    grid-gap: 60px;
  }
  body.article-single .hero .section-wrapper figure.main-img-wrapper {
    height: 65vw;
  }
  body.championship-ring-gallery .heroes-gallery .gallery-grid,
body.championship-ring-gallery .gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  body.astros-championship-ring #story figure.img-wrapper {
    top: unset;
  }
  body.astros-championship-ring #countdown .section-header h2 {
    font-size: 40px;
  }
  body.astros-championship-ring #countdown-2 {
    padding-bottom: 60px;
  }
  body.astros-championship-ring #countdown-2 article.step {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-inline: auto;
    grid-gap: 40px;
  }
  body.astros-championship-ring #countdown-2 article.step h3:before {
    -webkit-transform: translate(0%, -90%);
    -moz-transform: translate(0%, -90%);
    -ms-transform: translate(0%, -90%);
    transform: translate(0%, -90%);
    font-size: 140px;
  }
}
@media all and (max-width: 639px) {
  h1,
.h1 {
    font-size: 36px;
  }
  h1.lg,
.h1.lg {
    font-size: 42px;
  }
  h1.sm,
.h1.sm {
    font-size: 28px;
  }
  h2,
.h2 {
    font-size: 28px;
  }
  h2.lg,
.h2.lg {
    font-size: 32px;
  }
  h3,
.h3 {
    font-size: 20px;
  }
  h3.lg,
.h3.lg {
    font-size: 24px;
  }
  form .field-row {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
  }
  form .field-row span.field-wrapper.span-1 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-2 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-3 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-4 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-5 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-6 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-7 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-8 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-9 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-10 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-11 {
    grid-column: 1/-1;
  }
  form .field-row span.field-wrapper.span-12 {
    grid-column: 1/-1;
  }
  header #header-wrapper,
footer #footer-wrapper,
footer .footer-form .section-wrapper,
section .section-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.diamond-value form#diamond-value-form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  body.diamond-value form#diamond-value-form p#disclaimer,
body.diamond-value form#diamond-value-form .buttons-container {
    padding-left: 0;
  }
  body.argyle-trifecta .diamond-section figure.video-wrapper {
    height: 360px;
  }
  body.engagement-ring-gallery .gallery .gal-container {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0;
  }
  body.astros-championship-ring #countdown .section-header:before, body.astros-championship-ring #countdown .section-header:after {
    display: none;
  }
  body.astros-championship-ring #story {
    margin-bottom: 50px;
  }
  body.astros-championship-ring #features .text-col {
    width: 100%;
    margin-bottom: 10px;
  }
  footer .footer-main {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  footer .footer-main .span-col {
    grid-column: span 1 !important;
  }
  footer .footer-bottom {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
@media all and (max-width: 579px) {
  body.championship-ring-gallery .heroes-gallery .gallery-grid,
body.championship-ring-gallery .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (max-width: 500px) {
  body.about-fred #books .books-container {
    grid-template-columns: repeat(1, 1fr);
    max-width: 300px;
  }
  body.contact .hero .col {
    padding: 40px 20px;
  }
  body.contact .hero .col form .field-row {
    grid-gap: 0px;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-1 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-2 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-3 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-4 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-5 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-6 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-7 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-8 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-9 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-10 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-11 {
    grid-column: span 12;
  }
  body.contact .hero .col form .field-row span.field-wrapper.span-12 {
    grid-column: span 12;
  }
}
@media all and (max-width: 400px) {
  header a#header-logo-link {
    width: 210px;
  }
  body.the-4-cs .cs-section#cut-and-carat #cut-col #cut-selection-container {
    max-width: 240px;
    grid-template-columns: repeat(3, 1fr);
  }
  body.colored-diamonds .cd-gallery .gallery-col {
    grid-gap: 20px;
  }
  body.colored-diamonds .cd-gallery article.cd-card.reveal {
    grid-column: span 2;
  }
  body.championship-ring-gallery .gallery-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  body.championship-ring-gallery .heroes-gallery .gallery-grid {
    grid-gap: 100px 20px;
  }
  body.astros-championship-ring .hero {
    padding-top: 60px;
  }
  body.astros-championship-ring .hero h1 {
    font-size: 36px;
  }
  body.astros-championship-ring .hero .section-wrapper .section-content {
    top: -50px;
  }
  footer .footer-main {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}