@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/sourcepro/source-sans-pro-v11-latin-300.eot");
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300.woff2")
      format("woff2"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300.woff")
      format("woff"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300.ttf")
      format("truetype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300.svg#SourceSansPro")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/sourcepro/source-sans-pro-v11-latin-300italic.eot");
  src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300italic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300italic.woff2")
      format("woff2"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300italic.woff")
      format("woff"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300italic.ttf")
      format("truetype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-300italic.svg#SourceSansPro")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/sourcepro/source-sans-pro-v11-latin-regular.eot");
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-regular.woff2")
      format("woff2"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-regular.woff")
      format("woff"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-regular.ttf")
      format("truetype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-regular.svg#SourceSansPro")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/sourcepro/source-sans-pro-v11-latin-italic.eot");
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-italic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-italic.woff2")
      format("woff2"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-italic.woff")
      format("woff"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-italic.ttf")
      format("truetype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-italic.svg#SourceSansPro")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/sourcepro/source-sans-pro-v11-latin-600.eot");
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600.woff2")
      format("woff2"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600.woff")
      format("woff"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600.ttf")
      format("truetype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600.svg#SourceSansPro")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/sourcepro/source-sans-pro-v11-latin-600italic.eot");
  src: local("Source Sans Pro SemiBold Italic"),
    local("SourceSansPro-SemiBoldItalic"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600italic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600italic.woff2")
      format("woff2"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600italic.woff")
      format("woff"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600italic.ttf")
      format("truetype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-600italic.svg#SourceSansPro")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/sourcepro/source-sans-pro-v11-latin-700.eot");
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-700.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-700.woff2")
      format("woff2"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-700.woff")
      format("woff"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-700.ttf")
      format("truetype"),
    url("../fonts/sourcepro/source-sans-pro-v11-latin-700.svg#SourceSansPro")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/eb-garamond/eb-garamond-v10-latin-regular.eot");
  src: local("EB Garamond Regular"), local("EBGaramond-Regular"),
    url("../fonts/eb-garamond/eb-garamond-v10-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/eb-garamond/eb-garamond-v10-latin-regular.woff2")
      format("woff2"),
    url("../fonts/eb-garamond/eb-garamond-v10-latin-regular.woff")
      format("woff"),
    url("../fonts/eb-garamond/eb-garamond-v10-latin-regular.ttf")
      format("truetype"),
    url("../fonts/eb-garamond/eb-garamond-v10-latin-regular.svg#EBGaramond")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans Light";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/nunito-sans/nunito-sans-v4-latin-300.eot");
  src: local("Nunito Sans Light"), local("NunitoSans-Light"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-300.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-300.woff2")
      format("woff2"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-300.woff")
      format("woff"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-300.ttf")
      format("truetype"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-300.svg#NunitoSans")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-sans/nunito-sans-v4-latin-regular.eot");
  src: local("Nunito Sans Regular"), local("NunitoSans-Regular"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-regular.woff2")
      format("woff2"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-regular.woff")
      format("woff"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-regular.ttf")
      format("truetype"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-regular.svg#NunitoSans")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito-sans/nunito-sans-v4-latin-600.eot");
  src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-600.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-600.woff2")
      format("woff2"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-600.woff")
      format("woff"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-600.ttf")
      format("truetype"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-600.svg#NunitoSans")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito-sans/nunito-sans-v4-latin-700.eot");
  src: local("Nunito Sans Bold"), local("NunitoSans-Bold"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-700.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-700.woff2")
      format("woff2"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-700.woff")
      format("woff"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-700.ttf")
      format("truetype"),
    url("../fonts/nunito-sans/nunito-sans-v4-latin-700.svg#NunitoSans")
      format("svg");
  font-display: swap;
}
@font-face {
  font-family: "FontAwesome";
  font-display: swap;
  src: url("/fonts/font-awesome/fontawesome-webfont.eot?v=4.6.3");
  src: url("/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.6.3")
      format("embedded-opentype"),
    url("/fonts/font-awesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"),
    url("/fonts/font-awesome/fontawesome-webfont.woff?v=4.6.3") format("woff"),
    url("/fonts/font-awesome/fontawesome-webfont.ttf?v=4.6.3")
      format("truetype"),
    url("/fonts/font-awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
.fa-glass:before {
  content: "";
}
.fa-music:before {
  content: "";
}
.fa-search:before {
  content: "";
}
.fa-envelope-o:before {
  content: "";
}
.fa-heart:before {
  content: "";
}
.fa-star:before {
  content: "";
}
.fa-star-o:before {
  content: "";
}
.fa-user:before {
  content: "";
}
.fa-film:before {
  content: "";
}
.fa-th-large:before {
  content: "";
}
.fa-th:before {
  content: "";
}
.fa-th-list:before {
  content: "";
}
.fa-check:before {
  content: "";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}
.fa-search-plus:before {
  content: "";
}
.fa-search-minus:before {
  content: "";
}
.fa-power-off:before {
  content: "";
}
.fa-signal:before {
  content: "";
}
.fa-gear:before,
.fa-cog:before {
  content: "";
}
.fa-trash-o:before {
  content: "";
}
.fa-home:before {
  content: "";
}
.fa-file-o:before {
  content: "";
}
.fa-clock-o:before {
  content: "";
}
.fa-road:before {
  content: "";
}
.fa-download:before {
  content: "";
}
.fa-arrow-circle-o-down:before {
  content: "";
}
.fa-arrow-circle-o-up:before {
  content: "";
}
.fa-inbox:before {
  content: "";
}
.fa-play-circle-o:before {
  content: "";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}
.fa-refresh:before {
  content: "";
}
.fa-list-alt:before {
  content: "";
}
.fa-lock:before {
  content: "";
}
.fa-flag:before {
  content: "";
}
.fa-headphones:before {
  content: "";
}
.fa-volume-off:before {
  content: "";
}
.fa-volume-down:before {
  content: "";
}
.fa-volume-up:before {
  content: "";
}
.fa-qrcode:before {
  content: "";
}
.fa-barcode:before {
  content: "";
}
.fa-tag:before {
  content: "";
}
.fa-tags:before {
  content: "";
}
.fa-book:before {
  content: "";
}
.fa-bookmark:before {
  content: "";
}
.fa-print:before {
  content: "";
}
.fa-camera:before {
  content: "";
}
.fa-font:before {
  content: "";
}
.fa-bold:before {
  content: "";
}
.fa-italic:before {
  content: "";
}
.fa-text-height:before {
  content: "";
}
.fa-text-width:before {
  content: "";
}
.fa-align-left:before {
  content: "";
}
.fa-align-center:before {
  content: "";
}
.fa-align-right:before {
  content: "";
}
.fa-align-justify:before {
  content: "";
}
.fa-list:before {
  content: "";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "";
}
.fa-indent:before {
  content: "";
}
.fa-video-camera:before {
  content: "";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}
.fa-pencil:before {
  content: "";
}
.fa-map-marker:before {
  content: "";
}
.fa-adjust:before {
  content: "";
}
.fa-tint:before {
  content: "";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}
.fa-share-square-o:before {
  content: "";
}
.fa-check-square-o:before {
  content: "";
}
.fa-arrows:before {
  content: "";
}
.fa-step-backward:before {
  content: "";
}
.fa-fast-backward:before {
  content: "";
}
.fa-backward:before {
  content: "";
}
.fa-play:before {
  content: "";
}
.fa-pause:before {
  content: "";
}
.fa-stop:before {
  content: "";
}
.fa-forward:before {
  content: "";
}
.fa-fast-forward:before {
  content: "";
}
.fa-step-forward:before {
  content: "";
}
.fa-eject:before {
  content: "";
}
.fa-chevron-left:before {
  content: "";
}
.fa-chevron-right:before {
  content: "";
}
.fa-plus-circle:before {
  content: "";
}
.fa-minus-circle:before {
  content: "";
}
.fa-times-circle:before {
  content: "";
}
.fa-check-circle:before {
  content: "";
}
.fa-question-circle:before {
  content: "";
}
.fa-info-circle:before {
  content: "";
}
.fa-crosshairs:before {
  content: "";
}
.fa-times-circle-o:before {
  content: "";
}
.fa-check-circle-o:before {
  content: "";
}
.fa-ban:before {
  content: "";
}
.fa-arrow-left:before {
  content: "";
}
.fa-arrow-right:before {
  content: "";
}
.fa-arrow-up:before {
  content: "";
}
.fa-arrow-down:before {
  content: "";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "";
}
.fa-expand:before {
  content: "";
}
.fa-compress:before {
  content: "";
}
.fa-plus:before {
  content: "";
}
.fa-minus:before {
  content: "";
}
.fa-asterisk:before {
  content: "";
}
.fa-exclamation-circle:before {
  content: "";
}
.fa-gift:before {
  content: "";
}
.fa-leaf:before {
  content: "";
}
.fa-fire:before {
  content: "";
}
.fa-eye:before {
  content: "";
}
.fa-eye-slash:before {
  content: "";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}
.fa-plane:before {
  content: "";
}
.fa-calendar:before {
  content: "";
}
.fa-random:before {
  content: "";
}
.fa-comment:before {
  content: "";
}
.fa-magnet:before {
  content: "";
}
.fa-chevron-up:before {
  content: "";
}
.fa-chevron-down:before {
  content: "";
}
.fa-retweet:before {
  content: "";
}
.fa-shopping-cart:before {
  content: "";
}
.fa-folder:before {
  content: "";
}
.fa-folder-open:before {
  content: "";
}
.fa-arrows-v:before {
  content: "";
}
.fa-arrows-h:before {
  content: "";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}
.fa-twitter-square:before {
  content: "";
}
.fa-facebook-square:before {
  content: "";
}
.fa-camera-retro:before {
  content: "";
}
.fa-key:before {
  content: "";
}
.fa-gears:before,
.fa-cogs:before {
  content: "";
}
.fa-comments:before {
  content: "";
}
.fa-thumbs-o-up:before {
  content: "";
}
.fa-thumbs-o-down:before {
  content: "";
}
.fa-star-half:before {
  content: "";
}
.fa-heart-o:before {
  content: "";
}
.fa-sign-out:before {
  content: "";
}
.fa-linkedin-square:before {
  content: "";
}
.fa-thumb-tack:before {
  content: "";
}
.fa-external-link:before {
  content: "";
}
.fa-sign-in:before {
  content: "";
}
.fa-trophy:before {
  content: "";
}
.fa-github-square:before {
  content: "";
}
.fa-upload:before {
  content: "";
}
.fa-lemon-o:before {
  content: "";
}
.fa-phone:before {
  content: "";
}
.fa-square-o:before {
  content: "";
}
.fa-bookmark-o:before {
  content: "";
}
.fa-phone-square:before {
  content: "";
}
.fa-twitter:before {
  content: "";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}
.fa-github:before {
  content: "";
}
.fa-unlock:before {
  content: "";
}
.fa-credit-card:before {
  content: "";
}
.fa-feed:before,
.fa-rss:before {
  content: "";
}
.fa-hdd-o:before {
  content: "";
}
.fa-bullhorn:before {
  content: "";
}
.fa-bell:before {
  content: "";
}
.fa-certificate:before {
  content: "";
}
.fa-hand-o-right:before {
  content: "";
}
.fa-hand-o-left:before {
  content: "";
}
.fa-hand-o-up:before {
  content: "";
}
.fa-hand-o-down:before {
  content: "";
}
.fa-arrow-circle-left:before {
  content: "";
}
.fa-arrow-circle-right:before {
  content: "";
}
.fa-arrow-circle-up:before {
  content: "";
}
.fa-arrow-circle-down:before {
  content: "";
}
.fa-globe:before {
  content: "";
}
.fa-wrench:before {
  content: "";
}
.fa-tasks:before {
  content: "";
}
.fa-filter:before {
  content: "";
}
.fa-briefcase:before {
  content: "";
}
.fa-arrows-alt:before {
  content: "";
}
.fa-group:before,
.fa-users:before {
  content: "";
}
.fa-chain:before,
.fa-link:before {
  content: "";
}
.fa-cloud:before {
  content: "";
}
.fa-flask:before {
  content: "";
}
.fa-cut:before,
.fa-scissors:before {
  content: "";
}
.fa-copy:before,
.fa-files-o:before {
  content: "";
}
.fa-paperclip:before {
  content: "";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "";
}
.fa-square:before {
  content: "";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}
.fa-list-ul:before {
  content: "";
}
.fa-list-ol:before {
  content: "";
}
.fa-strikethrough:before {
  content: "";
}
.fa-underline:before {
  content: "";
}
.fa-table:before {
  content: "";
}
.fa-magic:before {
  content: "";
}
.fa-truck:before {
  content: "";
}
.fa-pinterest:before {
  content: "";
}
.fa-pinterest-square:before {
  content: "";
}
.fa-google-plus-square:before {
  content: "";
}
.fa-google-plus:before {
  content: "";
}
.fa-money:before {
  content: "";
}
.fa-caret-down:before {
  content: "";
}
.fa-caret-up:before {
  content: "";
}
.fa-caret-left:before {
  content: "";
}
.fa-caret-right:before {
  content: "";
}
.fa-columns:before {
  content: "";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}
.fa-envelope:before {
  content: "";
}
.fa-linkedin:before {
  content: "";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}
.fa-legal:before,
.fa-gavel:before {
  content: "";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}
.fa-comment-o:before {
  content: "";
}
.fa-comments-o:before {
  content: "";
}
.fa-flash:before,
.fa-bolt:before {
  content: "";
}
.fa-sitemap:before {
  content: "";
}
.fa-umbrella:before {
  content: "";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "";
}
.fa-lightbulb-o:before {
  content: "";
}
.fa-exchange:before {
  content: "";
}
.fa-cloud-download:before {
  content: "";
}
.fa-cloud-upload:before {
  content: "";
}
.fa-user-md:before {
  content: "";
}
.fa-stethoscope:before {
  content: "";
}
.fa-suitcase:before {
  content: "";
}
.fa-bell-o:before {
  content: "";
}
.fa-coffee:before {
  content: "";
}
.fa-cutlery:before {
  content: "";
}
.fa-file-text-o:before {
  content: "";
}
.fa-building-o:before {
  content: "";
}
.fa-hospital-o:before {
  content: "";
}
.fa-ambulance:before {
  content: "";
}
.fa-medkit:before {
  content: "";
}
.fa-fighter-jet:before {
  content: "";
}
.fa-beer:before {
  content: "";
}
.fa-h-square:before {
  content: "";
}
.fa-plus-square:before {
  content: "";
}
.fa-angle-double-left:before {
  content: "";
}
.fa-angle-double-right:before {
  content: "";
}
.fa-angle-double-up:before {
  content: "";
}
.fa-angle-double-down:before {
  content: "";
}
.fa-angle-left:before {
  content: "";
}
.fa-angle-right:before {
  content: "";
}
.fa-angle-up:before {
  content: "";
}
.fa-angle-down:before {
  content: "";
}
.fa-desktop:before {
  content: "";
}
.fa-laptop:before {
  content: "";
}
.fa-tablet:before {
  content: "";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}
.fa-circle-o:before {
  content: "";
}
.fa-quote-left:before {
  content: "";
}
.fa-quote-right:before {
  content: "";
}
.fa-spinner:before {
  content: "";
}
.fa-circle:before {
  content: "";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}
.fa-github-alt:before {
  content: "";
}
.fa-folder-o:before {
  content: "";
}
.fa-folder-open-o:before {
  content: "";
}
.fa-smile-o:before {
  content: "";
}
.fa-frown-o:before {
  content: "";
}
.fa-meh-o:before {
  content: "";
}
.fa-gamepad:before {
  content: "";
}
.fa-keyboard-o:before {
  content: "";
}
.fa-flag-o:before {
  content: "";
}
.fa-flag-checkered:before {
  content: "";
}
.fa-terminal:before {
  content: "";
}
.fa-code:before {
  content: "";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}
.fa-location-arrow:before {
  content: "";
}
.fa-crop:before {
  content: "";
}
.fa-code-fork:before {
  content: "";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}
.fa-question:before {
  content: "";
}
.fa-info:before {
  content: "";
}
.fa-exclamation:before {
  content: "";
}
.fa-superscript:before {
  content: "";
}
.fa-subscript:before {
  content: "";
}
.fa-eraser:before {
  content: "";
}
.fa-puzzle-piece:before {
  content: "";
}
.fa-microphone:before {
  content: "";
}
.fa-microphone-slash:before {
  content: "";
}
.fa-shield:before {
  content: "";
}
.fa-calendar-o:before {
  content: "";
}
.fa-fire-extinguisher:before {
  content: "";
}
.fa-rocket:before {
  content: "";
}
.fa-maxcdn:before {
  content: "";
}
.fa-chevron-circle-left:before {
  content: "";
}
.fa-chevron-circle-right:before {
  content: "";
}
.fa-chevron-circle-up:before {
  content: "";
}
.fa-chevron-circle-down:before {
  content: "";
}
.fa-html5:before {
  content: "";
}
.fa-css3:before {
  content: "";
}
.fa-anchor:before {
  content: "";
}
.fa-unlock-alt:before {
  content: "";
}
.fa-bullseye:before {
  content: "";
}
.fa-ellipsis-h:before {
  content: "";
}
.fa-ellipsis-v:before {
  content: "";
}
.fa-rss-square:before {
  content: "";
}
.fa-play-circle:before {
  content: "";
}
.fa-ticket:before {
  content: "";
}
.fa-minus-square:before {
  content: "";
}
.fa-minus-square-o:before {
  content: "";
}
.fa-level-up:before {
  content: "";
}
.fa-level-down:before {
  content: "";
}
.fa-check-square:before {
  content: "";
}
.fa-pencil-square:before {
  content: "";
}
.fa-external-link-square:before {
  content: "";
}
.fa-share-square:before {
  content: "";
}
.fa-compass:before {
  content: "";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}
.fa-euro:before,
.fa-eur:before {
  content: "";
}
.fa-gbp:before {
  content: "";
}
.fa-dollar:before,
.fa-usd:before {
  content: "";
}
.fa-rupee:before,
.fa-inr:before {
  content: "";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}
.fa-won:before,
.fa-krw:before {
  content: "";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}
.fa-file:before {
  content: "";
}
.fa-file-text:before {
  content: "";
}
.fa-sort-alpha-asc:before {
  content: "";
}
.fa-sort-alpha-desc:before {
  content: "";
}
.fa-sort-amount-asc:before {
  content: "";
}
.fa-sort-amount-desc:before {
  content: "";
}
.fa-sort-numeric-asc:before {
  content: "";
}
.fa-sort-numeric-desc:before {
  content: "";
}
.fa-thumbs-up:before {
  content: "";
}
.fa-thumbs-down:before {
  content: "";
}
.fa-youtube-square:before {
  content: "";
}
.fa-youtube:before {
  content: "";
}
.fa-xing:before {
  content: "";
}
.fa-xing-square:before {
  content: "";
}
.fa-youtube-play:before {
  content: "";
}
.fa-dropbox:before {
  content: "";
}
.fa-stack-overflow:before {
  content: "";
}
.fa-instagram:before {
  content: "";
}
.fa-flickr:before {
  content: "";
}
.fa-adn:before {
  content: "";
}
.fa-bitbucket:before {
  content: "";
}
.fa-bitbucket-square:before {
  content: "";
}
.fa-tumblr:before {
  content: "";
}
.fa-tumblr-square:before {
  content: "";
}
.fa-long-arrow-down:before {
  content: "";
}
.fa-long-arrow-up:before {
  content: "";
}
.fa-long-arrow-left:before {
  content: "";
}
.fa-long-arrow-right:before {
  content: "";
}
.fa-apple:before {
  content: "";
}
.fa-windows:before {
  content: "";
}
.fa-android:before {
  content: "";
}
.fa-linux:before {
  content: "";
}
.fa-dribbble:before {
  content: "";
}
.fa-skype:before {
  content: "";
}
.fa-foursquare:before {
  content: "";
}
.fa-trello:before {
  content: "";
}
.fa-female:before {
  content: "";
}
.fa-male:before {
  content: "";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}
.fa-sun-o:before {
  content: "";
}
.fa-moon-o:before {
  content: "";
}
.fa-archive:before {
  content: "";
}
.fa-bug:before {
  content: "";
}
.fa-vk:before {
  content: "";
}
.fa-weibo:before {
  content: "";
}
.fa-renren:before {
  content: "";
}
.fa-pagelines:before {
  content: "";
}
.fa-stack-exchange:before {
  content: "";
}
.fa-arrow-circle-o-right:before {
  content: "";
}
.fa-arrow-circle-o-left:before {
  content: "";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}
.fa-dot-circle-o:before {
  content: "";
}
.fa-wheelchair:before {
  content: "";
}
.fa-vimeo-square:before {
  content: "";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}
.fa-plus-square-o:before {
  content: "";
}
.fa-space-shuttle:before {
  content: "";
}
.fa-slack:before {
  content: "";
}
.fa-envelope-square:before {
  content: "";
}
.fa-wordpress:before {
  content: "";
}
.fa-openid:before {
  content: "";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}
.fa-yahoo:before {
  content: "";
}
.fa-google:before {
  content: "";
}
.fa-reddit:before {
  content: "";
}
.fa-reddit-square:before {
  content: "";
}
.fa-stumbleupon-circle:before {
  content: "";
}
.fa-stumbleupon:before {
  content: "";
}
.fa-delicious:before {
  content: "";
}
.fa-digg:before {
  content: "";
}
.fa-pied-piper-pp:before {
  content: "";
}
.fa-pied-piper-alt:before {
  content: "";
}
.fa-drupal:before {
  content: "";
}
.fa-joomla:before {
  content: "";
}
.fa-language:before {
  content: "";
}
.fa-fax:before {
  content: "";
}
.fa-building:before {
  content: "";
}
.fa-child:before {
  content: "";
}
.fa-paw:before {
  content: "";
}
.fa-spoon:before {
  content: "";
}
.fa-cube:before {
  content: "";
}
.fa-cubes:before {
  content: "";
}
.fa-behance:before {
  content: "";
}
.fa-behance-square:before {
  content: "";
}
.fa-steam:before {
  content: "";
}
.fa-steam-square:before {
  content: "";
}
.fa-recycle:before {
  content: "";
}
.fa-automobile:before,
.fa-car:before {
  content: "";
}
.fa-cab:before,
.fa-taxi:before {
  content: "";
}
.fa-tree:before {
  content: "";
}
.fa-spotify:before {
  content: "";
}
.fa-deviantart:before {
  content: "";
}
.fa-soundcloud:before {
  content: "";
}
.fa-database:before {
  content: "";
}
.fa-file-pdf-o:before {
  content: "";
}
.fa-file-word-o:before {
  content: "";
}
.fa-file-excel-o:before {
  content: "";
}
.fa-file-powerpoint-o:before {
  content: "";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}
.fa-file-code-o:before {
  content: "";
}
.fa-vine:before {
  content: "";
}
.fa-codepen:before {
  content: "";
}
.fa-jsfiddle:before {
  content: "";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}
.fa-circle-o-notch:before {
  content: "";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}
.fa-ge:before,
.fa-empire:before {
  content: "";
}
.fa-git-square:before {
  content: "";
}
.fa-git:before {
  content: "";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}
.fa-tencent-weibo:before {
  content: "";
}
.fa-qq:before {
  content: "";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}
.fa-history:before {
  content: "";
}
.fa-circle-thin:before {
  content: "";
}
.fa-header:before {
  content: "";
}
.fa-paragraph:before {
  content: "";
}
.fa-sliders:before {
  content: "";
}
.fa-share-alt:before {
  content: "";
}
.fa-share-alt-square:before {
  content: "";
}
.fa-bomb:before {
  content: "";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}
.fa-tty:before {
  content: "";
}
.fa-binoculars:before {
  content: "";
}
.fa-plug:before {
  content: "";
}
.fa-slideshare:before {
  content: "";
}
.fa-twitch:before {
  content: "";
}
.fa-yelp:before {
  content: "";
}
.fa-newspaper-o:before {
  content: "";
}
.fa-wifi:before {
  content: "";
}
.fa-calculator:before {
  content: "";
}
.fa-paypal:before {
  content: "";
}
.fa-google-wallet:before {
  content: "";
}
.fa-cc-visa:before {
  content: "";
}
.fa-cc-mastercard:before {
  content: "";
}
.fa-cc-discover:before {
  content: "";
}
.fa-cc-amex:before {
  content: "";
}
.fa-cc-paypal:before {
  content: "";
}
.fa-cc-stripe:before {
  content: "";
}
.fa-bell-slash:before {
  content: "";
}
.fa-bell-slash-o:before {
  content: "";
}
.fa-trash:before {
  content: "";
}
.fa-copyright:before {
  content: "";
}
.fa-at:before {
  content: "";
}
.fa-eyedropper:before {
  content: "";
}
.fa-paint-brush:before {
  content: "";
}
.fa-birthday-cake:before {
  content: "";
}
.fa-area-chart:before {
  content: "";
}
.fa-pie-chart:before {
  content: "";
}
.fa-line-chart:before {
  content: "";
}
.fa-lastfm:before {
  content: "";
}
.fa-lastfm-square:before {
  content: "";
}
.fa-toggle-off:before {
  content: "";
}
.fa-toggle-on:before {
  content: "";
}
.fa-bicycle:before {
  content: "";
}
.fa-bus:before {
  content: "";
}
.fa-ioxhost:before {
  content: "";
}
.fa-angellist:before {
  content: "";
}
.fa-cc:before {
  content: "";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}
.fa-meanpath:before {
  content: "";
}
.fa-buysellads:before {
  content: "";
}
.fa-connectdevelop:before {
  content: "";
}
.fa-dashcube:before {
  content: "";
}
.fa-forumbee:before {
  content: "";
}
.fa-leanpub:before {
  content: "";
}
.fa-sellsy:before {
  content: "";
}
.fa-shirtsinbulk:before {
  content: "";
}
.fa-simplybuilt:before {
  content: "";
}
.fa-skyatlas:before {
  content: "";
}
.fa-cart-plus:before {
  content: "";
}
.fa-cart-arrow-down:before {
  content: "";
}
.fa-diamond:before {
  content: "";
}
.fa-ship:before {
  content: "";
}
.fa-user-secret:before {
  content: "";
}
.fa-motorcycle:before {
  content: "";
}
.fa-street-view:before {
  content: "";
}
.fa-heartbeat:before {
  content: "";
}
.fa-venus:before {
  content: "";
}
.fa-mars:before {
  content: "";
}
.fa-mercury:before {
  content: "";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "";
}
.fa-transgender-alt:before {
  content: "";
}
.fa-venus-double:before {
  content: "";
}
.fa-mars-double:before {
  content: "";
}
.fa-venus-mars:before {
  content: "";
}
.fa-mars-stroke:before {
  content: "";
}
.fa-mars-stroke-v:before {
  content: "";
}
.fa-mars-stroke-h:before {
  content: "";
}
.fa-neuter:before {
  content: "";
}
.fa-genderless:before {
  content: "";
}
.fa-facebook-official:before {
  content: "";
}
.fa-pinterest-p:before {
  content: "";
}
.fa-whatsapp:before {
  content: "";
}
.fa-server:before {
  content: "";
}
.fa-user-plus:before {
  content: "";
}
.fa-user-times:before {
  content: "";
}
.fa-hotel:before,
.fa-bed:before {
  content: "";
}
.fa-viacoin:before {
  content: "";
}
.fa-train:before {
  content: "";
}
.fa-subway:before {
  content: "";
}
.fa-medium:before {
  content: "";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}
.fa-optin-monster:before {
  content: "";
}
.fa-opencart:before {
  content: "";
}
.fa-expeditedssl:before {
  content: "";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}
.fa-mouse-pointer:before {
  content: "";
}
.fa-i-cursor:before {
  content: "";
}
.fa-object-group:before {
  content: "";
}
.fa-object-ungroup:before {
  content: "";
}
.fa-sticky-note:before {
  content: "";
}
.fa-sticky-note-o:before {
  content: "";
}
.fa-cc-jcb:before {
  content: "";
}
.fa-cc-diners-club:before {
  content: "";
}
.fa-clone:before {
  content: "";
}
.fa-balance-scale:before {
  content: "";
}
.fa-hourglass-o:before {
  content: "";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}
.fa-hourglass:before {
  content: "";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}
.fa-hand-scissors-o:before {
  content: "";
}
.fa-hand-lizard-o:before {
  content: "";
}
.fa-hand-spock-o:before {
  content: "";
}
.fa-hand-pointer-o:before {
  content: "";
}
.fa-hand-peace-o:before {
  content: "";
}
.fa-trademark:before {
  content: "";
}
.fa-registered:before {
  content: "";
}
.fa-creative-commons:before {
  content: "";
}
.fa-gg:before {
  content: "";
}
.fa-gg-circle:before {
  content: "";
}
.fa-tripadvisor:before {
  content: "";
}
.fa-odnoklassniki:before {
  content: "";
}
.fa-odnoklassniki-square:before {
  content: "";
}
.fa-get-pocket:before {
  content: "";
}
.fa-wikipedia-w:before {
  content: "";
}
.fa-safari:before {
  content: "";
}
.fa-chrome:before {
  content: "";
}
.fa-firefox:before {
  content: "";
}
.fa-opera:before {
  content: "";
}
.fa-internet-explorer:before {
  content: "";
}
.fa-tv:before,
.fa-television:before {
  content: "";
}
.fa-contao:before {
  content: "";
}
.fa-500px:before {
  content: "";
}
.fa-amazon:before {
  content: "";
}
.fa-calendar-plus-o:before {
  content: "";
}
.fa-calendar-minus-o:before {
  content: "";
}
.fa-calendar-times-o:before {
  content: "";
}
.fa-calendar-check-o:before {
  content: "";
}
.fa-industry:before {
  content: "";
}
.fa-map-pin:before {
  content: "";
}
.fa-map-signs:before {
  content: "";
}
.fa-map-o:before {
  content: "";
}
.fa-map:before {
  content: "";
}
.fa-commenting:before {
  content: "";
}
.fa-commenting-o:before {
  content: "";
}
.fa-houzz:before {
  content: "";
}
.fa-vimeo:before {
  content: "";
}
.fa-black-tie:before {
  content: "";
}
.fa-fonticons:before {
  content: "";
}
.fa-reddit-alien:before {
  content: "";
}
.fa-edge:before {
  content: "";
}
.fa-credit-card-alt:before {
  content: "";
}
.fa-codiepie:before {
  content: "";
}
.fa-modx:before {
  content: "";
}
.fa-fort-awesome:before {
  content: "";
}
.fa-usb:before {
  content: "";
}
.fa-product-hunt:before {
  content: "";
}
.fa-mixcloud:before {
  content: "";
}
.fa-scribd:before {
  content: "";
}
.fa-pause-circle:before {
  content: "";
}
.fa-pause-circle-o:before {
  content: "";
}
.fa-stop-circle:before {
  content: "";
}
.fa-stop-circle-o:before {
  content: "";
}
.fa-shopping-bag:before {
  content: "";
}
.fa-shopping-basket:before {
  content: "";
}
.fa-hashtag:before {
  content: "";
}
.fa-bluetooth:before {
  content: "";
}
.fa-bluetooth-b:before {
  content: "";
}
.fa-percent:before {
  content: "";
}
.fa-gitlab:before {
  content: "";
}
.fa-wpbeginner:before {
  content: "";
}
.fa-wpforms:before {
  content: "";
}
.fa-envira:before {
  content: "";
}
.fa-universal-access:before {
  content: "";
}
.fa-wheelchair-alt:before {
  content: "";
}
.fa-question-circle-o:before {
  content: "";
}
.fa-blind:before {
  content: "";
}
.fa-audio-description:before {
  content: "";
}
.fa-volume-control-phone:before {
  content: "";
}
.fa-braille:before {
  content: "";
}
.fa-assistive-listening-systems:before {
  content: "";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}
.fa-glide:before {
  content: "";
}
.fa-glide-g:before {
  content: "";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "";
}
.fa-low-vision:before {
  content: "";
}
.fa-viadeo:before {
  content: "";
}
.fa-viadeo-square:before {
  content: "";
}
.fa-snapchat:before {
  content: "";
}
.fa-snapchat-ghost:before {
  content: "";
}
.fa-snapchat-square:before {
  content: "";
}
.fa-pied-piper:before {
  content: "";
}
.fa-first-order:before {
  content: "";
}
.fa-yoast:before {
  content: "";
}
.fa-themeisle:before {
  content: "";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXtXA-W2r.woff2)
    format("woff2");
  unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXt7A-W2r.woff2)
    format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1,
    U+1AF-1B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXt_A-W2r.woff2)
    format("woff2");
  unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXtHA-Q.woff2)
    format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPY_Q.woff2)
    format("woff2");
  unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(playfair/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtPY_Q.woff2)
    format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1,
    U+1AF-1B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtPY_Q.woff2)
    format("woff2");
  unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2)
    format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXtXA-W2r.woff2)
    format("woff2");
  unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXt7A-W2r.woff2)
    format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1,
    U+1AF-1B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXt_A-W2r.woff2)
    format("woff2");
  unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXtHA-Q.woff2)
    format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
  font-display: swap;
}
.fancybox-inner .container {
  width: auto !important;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
  padding: 0 !important;
}
.fancybox-opened {
  z-index: 100007;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
  width: 100% !important;
  float: left;
}
.fancybox-inner {
  background: none repeat scroll 0 0 #fff;
  float: left;
  width: 100%;
  height: 100% !important;
  max-height: 90vh;
  padding-bottom: 10px;
  text-align: left;
  font-size: 10px;
  overflow-x: hidden !important;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-inner p.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 40px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url("/images/fancybox/fancybox_sprite.png");
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 100007;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/images/fancybox/fancybox_loading.svg") center center
    no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -17px;
  right: -17px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 100005;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/images/fancybox/blank.gif");
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 100004;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 100005;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 100003;
  background: rgba(0, 0, 0, 0.7);
}
.fancybox-overlay * {
  z-index: 100006;
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 100005;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 100006;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-wrap {
  height: 450px !important;
  position: absolute;
  top: 20px !important;
  z-index: 100006 !important;
  -webkit-transform: translateZ(0);
}
.fancybox-inner .half {
  width: 100% !important;
}
.fancybox-inner p,
.fancybox-inner h3,
.fancybox-inner .h3 {
  padding: 0 10px;
}
.padding-30 {
  padding: 0 20px;
}
.fancybox-inner p.label {
  padding: 0;
}
.fancybox-inner label {
  font-size: 1.4em;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1em;
  margin: 0;
  position: relative;
  width: 100%;
  text-align: left;
  padding-top: 6px;
  float: left;
}
.fancybox-inner .req {
  color: #ffc13a;
  display: inline !important;
  padding: 0 !important;
}
.fancybox-inner select {
  width: 100%;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.fancybox-inner input {
  max-width: 100%;
  padding: 4px 1.5%;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  font-size: 1em;
  font-style: normal;
  font-weight: 300;
  margin: 0;
  width: 100%;
}
.fancybox-inner input.smallerInput {
  max-width: 50%;
  margin-left: 15%;
}
.fancybox-inner textarea {
  width: 100%;
  resize: none;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.fancybox-inner p.label {
  margin: 10px 0 0 0 !important;
  width: 100% !important;
  text-align: left;
  float: left;
}
.fancybox-inner p span.float-left {
  width: 100%;
  margin-top: 10px;
}
.fancybox-inner p select {
  float: left;
  width: 16%;
  height: 27px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.fancybox-inner p input {
  width: 80%;
}
.fancybox-inner .tel_prefix {
  width: 100%;
}
.fancybox-inner .tel_input {
  width: 100%;
}
.fancybox-inner .half {
  width: 47%;
}
.fancybox-inner h3,
.fancybox-inner .h3 {
  text-align: center;
  text-transform: capitalize;
  font-size: 2em;
}
.fancybox-inner .h4,
.fancybox-inner h4 {
  text-align: center;
  color: #000;
}
.fancybox-inner .underline {
  text-decoration: underline;
}
.fancybox-inner p {
  text-align: center;
  font-size: 14px;
}
.fancybox-inner b {
  background: #ffc766 url(/images/logos/77DiamondsLogo.svg) no-repeat scroll
    center center/auto;
  background-size: 27.5%;
  clear: both;
  display: block;
  height: 80px;
  margin: 0 auto 20px;
  position: relative;
}
.fancybox-inner .btn {
  background-color: #ffc13a;
  border: 1px solid #ffc13a;
  clear: both;
  color: #000;
  font-size: 1.6em;
  margin: 20px auto 10px auto;
  padding: 10px 13px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto !important;
}
.fancybox-inner .bookAppointment {
  font-size: 18px;
  margin-right: 15px;
  text-decoration: underline;
  font-weight: 400;
}
.fancybox-inner .coln {
  padding: 0 10px;
}
.fancybox-inner #immediate,
#specific {
  width: auto;
}
.fancybox-inner .paymenttype {
  width: 100%;
  float: left;
}
.fancybox-inner .type2 .half:nth-child(2) {
  float: right;
}
@media (max-width: 1030px) {
  .fancybox-wrap {
    left: 5% !important;
    width: 90% !important;
    height: 450px !important;
    position: absolute;
    top: 20px !important;
    z-index: 100006;
  }
}
@media (max-width: 480px) {
  .fancybox-need-help {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 769px) {
  .fancybox-inner .btn:hover {
    background: #333;
    color: #fff;
    border: 1px solid #333;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url("/images/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
  }
  #fancybox-loading div {
    background-image: url("/images/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .fancybox-inner b {
    background-size: 50%;
  }
}
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none !important;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  transform-style: preserve-3d;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  outline: none;
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  outline: none;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__slider {
  position: relative;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide--draggable > .splide__slider > .splide__track,
.splide--draggable > .splide__track {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide--fade > .splide__slider > .splide__track > .splide__list,
.splide--fade > .splide__track > .splide__list {
  display: block;
}
.splide--fade
  > .splide__slider
  > .splide__track
  > .splide__list
  > .splide__slide,
.splide--fade > .splide__track > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.splide--fade
  > .splide__slider
  > .splide__track
  > .splide__list
  > .splide__slide.is-active,
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide--ttb.is-active > .splide__slider > .splide__track > .splide__list,
.splide--ttb.is-active > .splide__track > .splide__list {
  display: block;
}
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover {
  opacity: 0.9;
}
.splide__arrow:focus {
  outline: none;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus {
  outline: none;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide--nav
  > .splide__slider
  > .splide__track
  > .splide__list
  > .splide__slide,
.splide--nav > .splide__track > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide--nav
  > .splide__slider
  > .splide__track
  > .splide__list
  > .splide__slide.is-active,
.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}
.splide--nav
  > .splide__slider
  > .splide__track
  > .splide__list
  > .splide__slide:focus,
.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
  outline: none;
}
.splide--rtl > .splide__arrows .splide__arrow--prev,
.splide--rtl
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow--prev,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide--rtl > .splide__arrows .splide__arrow--prev svg,
.splide--rtl
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow--prev
  svg,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide--rtl > .splide__arrows .splide__arrow--next,
.splide--rtl
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow--next,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide--rtl > .splide__arrows .splide__arrow--next svg,
.splide--rtl
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow--next
  svg,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide--ttb > .splide__arrows .splide__arrow,
.splide--ttb
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide--ttb > .splide__arrows .splide__arrow--prev,
.splide--ttb
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow--prev,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
  top: 1em;
}
.splide--ttb > .splide__arrows .splide__arrow--prev svg,
.splide--ttb
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow--prev
  svg,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide--ttb > .splide__arrows .splide__arrow--next,
.splide--ttb
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow--next,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide--ttb > .splide__arrows .splide__arrow--next svg,
.splide--ttb
  > .splide__slider
  > .splide__track
  > .splide__arrows
  .splide__arrow--next
  svg,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
  transform: rotate(90deg);
}
.splide--ttb > .splide__pagination,
.splide--ttb > .splide__slider > .splide__pagination {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.coln,
.coln::after,
.coln::before,
.line,
.line::after,
.line::before,
.containerWrapper,
.containerWrapper::after,
.containerWrapper::before {
  box-sizing: border-box;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1920px;
}
.container-large {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1440px;
}
.container-fluid .inner {
  padding-left: 15px;
  padding-right: 15px;
}
.coln {
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  min-height: 1px;
  background-clip: content-box;
}
.coln.bigGutter {
  padding-left: 15px;
  padding-right: 15px;
}
.coln.doubleGutter {
  padding-left: 30px;
  padding-right: 30px;
}
.containerWrapper {
  width: 100%;
  margin: auto;
}
.line {
  min-height: 1px;
  clear: both;
}
.line:before {
  content: " ";
  display: table;
  clear: both;
}
.line:after {
  content: " ";
  display: table;
  clear: both;
}
.flex-line {
  display: flex;
  flex-wrap: wrap;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.d-1col {
  width: 8.33333%;
}
.d-2col {
  width: 16.6667%;
}
.d-2-5col {
  width: 20%;
}
.d-3col {
  width: 25%;
}
.d-4col {
  width: 33.3333%;
}
.d-5col {
  width: 41.6667%;
}
.d-6col {
  width: 50%;
}
.d-7col {
  width: 58.3333%;
}
.d-8col {
  width: 66.6667%;
}
.d-9col {
  width: 75%;
}
.d-10col {
  width: 83.3333%;
}
.d-11col {
  width: 91.6667%;
}
.d-12col {
  width: 100%;
}
.t-1col {
  width: 8.33333%;
}
.t-2col {
  width: 16.6667%;
}
.t-2-5col {
  width: 20%;
}
.t-3col {
  width: 25%;
}
.t-4col {
  width: 33.3333%;
}
.t-5col {
  width: 41.6667%;
}
.t-6col {
  width: 50%;
}
.t-7col {
  width: 58.3333%;
}
.t-8col {
  width: 66.6667%;
}
.t-9col {
  width: 75%;
}
.t-10col {
  width: 83.3333%;
}
.t-11col {
  width: 91.6667%;
}
.t-12col {
  width: 100%;
}
.p-1col {
  width: 8.33333%;
}
.p-2col {
  width: 16.6667%;
}
.p-2-5col {
  width: 20%;
}
.p-3col {
  width: 25%;
}
.p-4col {
  width: 33.3333%;
}
.p-5col {
  width: 41.6667%;
}
.p-6col {
  width: 50%;
}
.p-7col {
  width: 58.3333%;
}
.p-8col {
  width: 66.6667%;
}
.p-9col {
  width: 75%;
}
.p-10col {
  width: 83.3333%;
}
.p-11col {
  width: 91.6667%;
}
.p-12col {
  width: 100%;
}
.box-table {
  display: table;
  height: 100%;
  width: 100%;
}
.box-table-cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}
.hidden {
  display: none !important;
}
.shown {
  display: initial !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justified {
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}
.text-style-italic {
  font-style: italic !important;
}
.text-style-normal {
  font-style: normal !important;
}
.text-weight-bold {
  font-weight: bold !important;
}
.text-weight-normal {
  font-weight: normal !important;
}
.text-underline {
  text-decoration: underline !important;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.noPadding-left {
  padding-left: 0 !important;
}
.noPadding-right {
  padding-right: 0 !important;
}
.noPadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.noMargin {
  margin: 0 !important;
}
.topLeftCorner {
  top: 10%;
  right: auto;
  bottom: auto;
  left: 4%;
  transform: none;
}
.topRightCorner {
  top: 10%;
  right: 4%;
  bottom: auto;
  left: auto;
  transform: none;
}
.bottomLeftCorner {
  top: auto;
  right: auto;
  bottom: 10%;
  left: 4%;
  transform: none;
}
.bottomRightCorner {
  top: auto;
  right: 4%;
  bottom: 10%;
  left: auto;
  transform: none;
}
.centeredContent {
  top: 45%;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(-50%);
  margin: auto;
}
.centerLeft {
  top: 50%;
  transform: translateY(-50%);
}
.width-50 {
  width: 50%;
  height: 100%;
}
.width-100 {
  width: 100%;
  height: 50%;
}
.table-be {
  display: table;
}
.table-be .table-cell {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.nowrap {
  white-space: nowrap !important;
}
.transparent {
  opacity: 0;
}
@media (max-width: 480px) {
  .desktopText {
    display: none;
  }
  .tabletText {
    display: none;
  }
  .phoneText {
    display: block;
  }
  .phoneText.desktopText {
    display: block;
  }
  .phoneText.tabletText {
    display: block;
  }
  .phoneText.tabletText.desktopText {
    display: block;
  }
  .p-offset-1col {
    margin-left: 8.33333%;
  }
  .p-offset-2col {
    margin-left: 16.6667%;
  }
  .p-offset-2-5col {
    margin-left: 20%;
  }
  .p-offset-3col {
    margin-left: 25%;
  }
  .p-offset-4col {
    margin-left: 33.3333%;
  }
  .p-offset-5col {
    margin-left: 41.6667%;
  }
  .p-offset-6col {
    margin-left: 50%;
  }
  .p-offset-7col {
    margin-left: 58.3333%;
  }
  .p-offset-8col {
    margin-left: 66.6667%;
  }
  .p-offset-9col {
    margin-left: 75%;
  }
  .p-offset-10col {
    margin-left: 83.3333%;
  }
  .p-offset-11col {
    margin-left: 91.6667%;
  }
  .p-offset-12col {
    margin-left: 100%;
  }
  .p-no-offset {
    margin-left: 0;
  }
  .p-hidden {
    display: none !important;
  }
  .p-shown {
    display: initial !important;
  }
  .p-float-left {
    float: left !important;
  }
  .p-float-right {
    float: right !important;
  }
  .p-float-none {
    float: none !important;
  }
  .p-text-left {
    text-align: left !important;
  }
  .p-text-right {
    text-align: right !important;
  }
  .p-text-center {
    text-align: center !important;
  }
  .p-text-style-italic {
    font-style: italic !important;
  }
  .p-text-style-normal {
    font-style: normal !important;
  }
  .p-text-weight-bold {
    font-weight: bold !important;
  }
  .p-text-weight-normal {
    font-weight: normal !important;
  }
  .p-text-uppercase {
    text-transform: uppercase;
  }
  .p-text-lowercase {
    text-transform: lowercase;
  }
  .p-text-capitalize {
    text-transform: capitalize;
  }
  .p-noPadding-left {
    padding-left: 0 !important;
  }
  .p-noPadding-right {
    padding-right: 0 !important;
  }
  .p-noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-topLeftCorner {
    top: 4%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .p-topRightCorner {
    top: 4%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .p-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 4%;
    left: 4%;
    transform: none;
  }
  .p-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 4%;
    left: auto;
    transform: none;
  }
  .p-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .p-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .p-width-50 {
    width: 50%;
    height: 100%;
  }
  .p-width-100 {
    width: 100%;
    height: 50%;
  }
  .p-table-be {
    display: table;
  }
  .p-table-be .p-table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}
@media (min-width: 481px) {
  .np-hidden {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 1023px) {
  .desktopText {
    display: none;
  }
  .phoneText {
    display: none;
  }
  .tabletText {
    display: block;
  }
  .tabletText.phoneText {
    display: block;
  }
  .tabletText.desktopText {
    display: block;
  }
  .phoneText.tabletText.desktopText {
    display: block;
  }
  .containerWrapper {
    max-width: 720px;
  }
  .d-1col {
    width: 8.33333%;
  }
  .d-2col {
    width: 16.6667%;
  }
  .d-2-5col {
    width: 20%;
  }
  .d-3col {
    width: 25%;
  }
  .d-4col {
    width: 33.3333%;
  }
  .d-5col {
    width: 41.6667%;
  }
  .d-6col {
    width: 50%;
  }
  .d-7col {
    width: 58.3333%;
  }
  .d-8col {
    width: 66.6667%;
  }
  .d-9col {
    width: 75%;
  }
  .d-10col {
    width: 83.3333%;
  }
  .d-11col {
    width: 91.6667%;
  }
  .d-12col {
    width: 100%;
  }
  .p-1col {
    width: 8.33333%;
  }
  .p-2col {
    width: 16.6667%;
  }
  .p-2-5col {
    width: 20%;
  }
  .p-3col {
    width: 25%;
  }
  .p-4col {
    width: 33.3333%;
  }
  .p-5col {
    width: 41.6667%;
  }
  .p-6col {
    width: 50%;
  }
  .p-7col {
    width: 58.3333%;
  }
  .p-8col {
    width: 66.6667%;
  }
  .p-9col {
    width: 75%;
  }
  .p-10col {
    width: 83.3333%;
  }
  .p-11col {
    width: 91.6667%;
  }
  .p-12col {
    width: 100%;
  }
  .t-1col {
    width: 8.33333%;
  }
  .t-2col {
    width: 16.6667%;
  }
  .t-2-5col {
    width: 20%;
  }
  .t-3col {
    width: 25%;
  }
  .t-4col {
    width: 33.3333%;
  }
  .t-5col {
    width: 41.6667%;
  }
  .t-6col {
    width: 50%;
  }
  .t-7col {
    width: 58.3333%;
  }
  .t-8col {
    width: 66.6667%;
  }
  .t-9col {
    width: 75%;
  }
  .t-10col {
    width: 83.3333%;
  }
  .t-11col {
    width: 91.6667%;
  }
  .t-12col {
    width: 100%;
  }
  .p-offset-1col {
    margin-left: 8.33333%;
  }
  .p-offset-1-5col {
    margin-left: 12.5%;
  }
  .p-offset-2col {
    margin-left: 16.6667%;
  }
  .p-offset-2-5col {
    margin-left: 20%;
  }
  .p-offset-3col {
    margin-left: 25%;
  }
  .p-offset-4col {
    margin-left: 33.3333%;
  }
  .p-offset-5col {
    margin-left: 41.6667%;
  }
  .p-offset-6col {
    margin-left: 50%;
  }
  .p-offset-7col {
    margin-left: 58.3333%;
  }
  .p-offset-8col {
    margin-left: 66.6667%;
  }
  .p-offset-9col {
    margin-left: 75%;
  }
  .p-offset-10col {
    margin-left: 83.3333%;
  }
  .p-offset-11col {
    margin-left: 91.6667%;
  }
  .p-offset-12col {
    margin-left: 100%;
  }
  .p-no-offset {
    margin-left: 0;
  }
  .t-hidden {
    display: none !important;
  }
  .t-shown {
    display: initial !important;
  }
  .t-float-left {
    float: left !important;
  }
  .t-float-right {
    float: right !important;
  }
  .t-float-none {
    float: none !important;
  }
  .t-text-left {
    text-align: left !important;
  }
  .t-text-right {
    text-align: right !important;
  }
  .t-text-center {
    text-align: center !important;
  }
  .t-text-style-italic {
    font-style: italic !important;
  }
  .t-text-style-normal {
    font-style: normal !important;
  }
  .t-text-weight-bold {
    font-weight: bold !important;
  }
  .t-text-weight-normal {
    font-weight: normal !important;
  }
  .t-text-uppercase {
    text-transform: uppercase;
  }
  .t-text-lowercase {
    text-transform: lowercase;
  }
  .t-text-capitalize {
    text-transform: capitalize;
  }
  .t-noPadding-left {
    padding-left: 0 !important;
  }
  .t-noPadding-right {
    padding-right: 0 !important;
  }
  .t-noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .t-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .t-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .t-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .t-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .t-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .t-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .t-width-50 {
    width: 50%;
    height: 100%;
  }
  .t-width-100 {
    width: 100%;
    height: 50%;
  }
  .t-table-be {
    display: table;
  }
  .t-table-be .t-table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .desktopText {
    display: none;
  }
  .phoneText {
    display: none;
  }
  .tabletText {
    display: block;
  }
  .tabletText.phoneText {
    display: block;
  }
  .tabletText.desktopText {
    display: block;
  }
  .phoneText.tabletText.desktopText {
    display: block;
  }
  .containerWrapper {
    max-width: 720px;
  }
  .d-1col {
    width: 8.33333%;
  }
  .d-2col {
    width: 16.6667%;
  }
  .d-2-5col {
    width: 20%;
  }
  .d-3col {
    width: 25%;
  }
  .d-4col {
    width: 33.3333%;
  }
  .d-5col {
    width: 41.6667%;
  }
  .d-6col {
    width: 50%;
  }
  .d-7col {
    width: 58.3333%;
  }
  .d-8col {
    width: 66.6667%;
  }
  .d-9col {
    width: 75%;
  }
  .d-10col {
    width: 83.3333%;
  }
  .d-11col {
    width: 91.6667%;
  }
  .d-12col {
    width: 100%;
  }
  .tl-1col {
    width: 8.33333%;
  }
  .tl-2col {
    width: 16.6667%;
  }
  .tl-2-5col {
    width: 20%;
  }
  .tl-3col {
    width: 25%;
  }
  .tl-4col {
    width: 33.3333%;
  }
  .tl-5col {
    width: 41.6667%;
  }
  .tl-6col {
    width: 50%;
  }
  .tl-7col {
    width: 58.3333%;
  }
  .tl-8col {
    width: 66.6667%;
  }
  .tl-9col {
    width: 75%;
  }
  .tl-10col {
    width: 83.3333%;
  }
  .tl-11col {
    width: 91.6667%;
  }
  .tl-12col {
    width: 100%;
  }
  .p-1col {
    width: 8.33333%;
  }
  .p-2col {
    width: 16.6667%;
  }
  .p-2-5col {
    width: 20%;
  }
  .p-3col {
    width: 25%;
  }
  .p-4col {
    width: 33.3333%;
  }
  .p-5col {
    width: 41.6667%;
  }
  .p-6col {
    width: 50%;
  }
  .p-7col {
    width: 58.3333%;
  }
  .p-8col {
    width: 66.6667%;
  }
  .p-9col {
    width: 75%;
  }
  .p-10col {
    width: 83.3333%;
  }
  .p-11col {
    width: 91.6667%;
  }
  .p-12col {
    width: 100%;
  }
  .t-1col {
    width: 8.33333%;
  }
  .t-2col {
    width: 16.6667%;
  }
  .t-2-5col {
    width: 20%;
  }
  .t-3col {
    width: 25%;
  }
  .t-4col {
    width: 33.3333%;
  }
  .t-5col {
    width: 41.6667%;
  }
  .t-6col {
    width: 50%;
  }
  .t-7col {
    width: 58.3333%;
  }
  .t-8col {
    width: 66.6667%;
  }
  .t-9col {
    width: 75%;
  }
  .t-10col {
    width: 83.3333%;
  }
  .t-11col {
    width: 91.6667%;
  }
  .t-12col {
    width: 100%;
  }
  .tp-1col {
    width: 8.33333%;
  }
  .tp-2col {
    width: 16.6667%;
  }
  .tp-2-5col {
    width: 20%;
  }
  .tp-3col {
    width: 25%;
  }
  .tp-4col {
    width: 33.3333%;
  }
  .tp-5col {
    width: 41.6667%;
  }
  .tp-6col {
    width: 50%;
  }
  .tp-7col {
    width: 58.3333%;
  }
  .tp-8col {
    width: 66.6667%;
  }
  .tp-9col {
    width: 75%;
  }
  .tp-10col {
    width: 83.3333%;
  }
  .tp-11col {
    width: 91.6667%;
  }
  .tp-12col {
    width: 100%;
  }
  .t-offset-1col {
    margin-left: 8.33333%;
  }
  .t-offset-1-5col {
    margin-left: 12.5%;
  }
  .t-offset-2col {
    margin-left: 16.6667%;
  }
  .t-offset-2-5col {
    margin-left: 20%;
  }
  .t-offset-3col {
    margin-left: 25%;
  }
  .t-offset-4col {
    margin-left: 33.3333%;
  }
  .t-offset-5col {
    margin-left: 41.6667%;
  }
  .t-offset-6col {
    margin-left: 50%;
  }
  .t-offset-7col {
    margin-left: 58.3333%;
  }
  .t-offset-8col {
    margin-left: 66.6667%;
  }
  .t-offset-9col {
    margin-left: 75%;
  }
  .t-offset-10col {
    margin-left: 83.3333%;
  }
  .t-offset-11col {
    margin-left: 91.6667%;
  }
  .t-offset-12col {
    margin-left: 100%;
  }
  .t-no-offset {
    margin-left: 0;
  }
  .tp-offset-0col {
    margin-left: 0;
  }
  .tp-offset-1col {
    margin-left: 8.33333%;
  }
  .tp-offset-1-5col {
    margin-left: 12.5%;
  }
  .tp-offset-2col {
    margin-left: 16.6667%;
  }
  .tp-offset-2-5col {
    margin-left: 20%;
  }
  .tp-offset-3col {
    margin-left: 25%;
  }
  .tp-offset-4col {
    margin-left: 33.3333%;
  }
  .tp-offset-5col {
    margin-left: 41.6667%;
  }
  .tp-offset-6col {
    margin-left: 50%;
  }
  .tp-offset-7col {
    margin-left: 58.3333%;
  }
  .tp-offset-8col {
    margin-left: 66.6667%;
  }
  .tp-offset-9col {
    margin-left: 75%;
  }
  .tp-offset-10col {
    margin-left: 83.3333%;
  }
  .tp-offset-11col {
    margin-left: 91.6667%;
  }
  .tp-offset-12col {
    margin-left: 100%;
  }
  .tp-no-offset {
    margin-left: 0;
  }
  .tp-hidden {
    display: none !important;
  }
  .tp-shown {
    display: initial !important;
  }
  .tp-float-left {
    float: left !important;
  }
  .tp-float-right {
    float: right !important;
  }
  .tp-float-none {
    float: none !important;
  }
  .tp-text-left {
    text-align: left !important;
  }
  .tp-text-right {
    text-align: right !important;
  }
  .tp-text-center {
    text-align: center !important;
  }
  .tp-text-style-italic {
    font-style: italic !important;
  }
  .tp-text-style-normal {
    font-style: normal !important;
  }
  .tp-text-weight-bold {
    font-weight: bold !important;
  }
  .tp-text-weight-normal {
    font-weight: normal !important;
  }
  .tp-text-uppercase {
    text-transform: uppercase;
  }
  .tp-text-lowercase {
    text-transform: lowercase;
  }
  .tp-text-capitalize {
    text-transform: capitalize;
  }
  .tp-noPadding-left {
    padding-left: 0 !important;
  }
  .tp-noPadding-right {
    padding-right: 0 !important;
  }
  .tp-noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .p-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .p-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .p-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .p-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .p-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .p-width-50 {
    width: 50%;
    height: 100%;
  }
  .p-width-100 {
    width: 100%;
    height: 50%;
  }
  .tp-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .tp-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .tp-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .tp-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .tp-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .tp-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .tp-width-50 {
    width: 50%;
    height: 100%;
  }
  .tp-width-100 {
    width: 100%;
    height: 50%;
  }
  .tp-table-be {
    display: table;
  }
  .tp-table-be .tp-table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .desktopText {
    display: none;
  }
  .phoneText {
    display: none;
  }
  .tabletText {
    display: block;
  }
  .tabletText.phoneText {
    display: block;
  }
  .tabletText.desktopText {
    display: block;
  }
  .phoneText.tabletText.desktopText {
    display: block;
  }
  .containerWrapper {
    max-width: 720px;
  }
  .d-1col {
    width: 8.33333%;
  }
  .d-2col {
    width: 16.6667%;
  }
  .d-2-5col {
    width: 20%;
  }
  .d-3col {
    width: 25%;
  }
  .d-4col {
    width: 33.3333%;
  }
  .d-5col {
    width: 41.6667%;
  }
  .d-6col {
    width: 50%;
  }
  .d-7col {
    width: 58.3333%;
  }
  .d-8col {
    width: 66.6667%;
  }
  .d-9col {
    width: 75%;
  }
  .d-10col {
    width: 83.3333%;
  }
  .d-11col {
    width: 91.6667%;
  }
  .d-12col {
    width: 100%;
  }
  .p-1col {
    width: 8.33333%;
  }
  .p-2col {
    width: 16.6667%;
  }
  .p-2-5col {
    width: 20%;
  }
  .p-3col {
    width: 25%;
  }
  .p-4col {
    width: 33.3333%;
  }
  .p-5col {
    width: 41.6667%;
  }
  .p-6col {
    width: 50%;
  }
  .p-7col {
    width: 58.3333%;
  }
  .p-8col {
    width: 66.6667%;
  }
  .p-9col {
    width: 75%;
  }
  .p-10col {
    width: 83.3333%;
  }
  .p-11col {
    width: 91.6667%;
  }
  .p-12col {
    width: 100%;
  }
  .t-1col {
    width: 8.33333%;
  }
  .t-2col {
    width: 16.6667%;
  }
  .t-2-5col {
    width: 20%;
  }
  .t-3col {
    width: 25%;
  }
  .t-4col {
    width: 33.3333%;
  }
  .t-5col {
    width: 41.6667%;
  }
  .t-6col {
    width: 50%;
  }
  .t-7col {
    width: 58.3333%;
  }
  .t-8col {
    width: 66.6667%;
  }
  .t-9col {
    width: 75%;
  }
  .t-10col {
    width: 83.3333%;
  }
  .t-11col {
    width: 91.6667%;
  }
  .t-12col {
    width: 100%;
  }
  .tp-1col {
    width: 8.33333%;
  }
  .tp-2col {
    width: 16.6667%;
  }
  .tp-2-5col {
    width: 20%;
  }
  .tp-3col {
    width: 25%;
  }
  .tp-4col {
    width: 33.3333%;
  }
  .tp-5col {
    width: 41.6667%;
  }
  .tp-6col {
    width: 50%;
  }
  .tp-7col {
    width: 58.3333%;
  }
  .tp-8col {
    width: 66.6667%;
  }
  .tp-9col {
    width: 75%;
  }
  .tp-10col {
    width: 83.3333%;
  }
  .tp-11col {
    width: 91.6667%;
  }
  .tp-12col {
    width: 100%;
  }
  .tl-1col {
    width: 8.33333%;
  }
  .tl-2col {
    width: 16.6667%;
  }
  .tl-2-5col {
    width: 20%;
  }
  .tl-3col {
    width: 25%;
  }
  .tl-4col {
    width: 33.3333%;
  }
  .tl-5col {
    width: 41.6667%;
  }
  .tl-6col {
    width: 50%;
  }
  .tl-7col {
    width: 58.3333%;
  }
  .tl-8col {
    width: 66.6667%;
  }
  .tl-9col {
    width: 75%;
  }
  .tl-10col {
    width: 83.3333%;
  }
  .tl-11col {
    width: 91.6667%;
  }
  .tl-12col {
    width: 100%;
  }
  .t-offset-1col {
    margin-left: 8.33333%;
  }
  .t-offset-1-5col {
    margin-left: 12.5%;
  }
  .t-offset-2col {
    margin-left: 16.6667%;
  }
  .t-offset-2-5col {
    margin-left: 20%;
  }
  .t-offset-3col {
    margin-left: 25%;
  }
  .t-offset-4col {
    margin-left: 33.3333%;
  }
  .t-offset-5col {
    margin-left: 41.6667%;
  }
  .t-offset-6col {
    margin-left: 50%;
  }
  .t-offset-7col {
    margin-left: 58.3333%;
  }
  .t-offset-8col {
    margin-left: 66.6667%;
  }
  .t-offset-9col {
    margin-left: 75%;
  }
  .t-offset-10col {
    margin-left: 83.3333%;
  }
  .t-offset-11col {
    margin-left: 91.6667%;
  }
  .t-offset-12col {
    margin-left: 100%;
  }
  .t-no-offset {
    margin-left: 0;
  }
  .tl-offset-0col {
    margin-left: 0%;
  }
  .tl-offset-1col {
    margin-left: 8.33333%;
  }
  .tl-offset-1-5col {
    margin-left: 12.5%;
  }
  .tl-offset-2col {
    margin-left: 16.6667%;
  }
  .tl-offset-2-5col {
    margin-left: 20%;
  }
  .tl-offset-3col {
    margin-left: 25%;
  }
  .tl-offset-4col {
    margin-left: 33.3333%;
  }
  .tl-offset-5col {
    margin-left: 41.6667%;
  }
  .tl-offset-6col {
    margin-left: 50%;
  }
  .tl-offset-7col {
    margin-left: 58.3333%;
  }
  .tl-offset-8col {
    margin-left: 66.6667%;
  }
  .tl-offset-9col {
    margin-left: 75%;
  }
  .tl-offset-10col {
    margin-left: 83.3333%;
  }
  .tl-offset-11col {
    margin-left: 91.6667%;
  }
  .tl-offset-12col {
    margin-left: 100%;
  }
  .tl-no-offset {
    margin-left: 0;
  }
  .tl-hidden {
    display: none !important;
  }
  .tl-shown {
    display: initial !important;
  }
  .tl-float-left {
    float: left !important;
  }
  .tl-float-right {
    float: right !important;
  }
  .tl-float-none {
    float: none !important;
  }
  .tl-text-left {
    text-align: left !important;
  }
  .tl-text-right {
    text-align: right !important;
  }
  .tl-text-center {
    text-align: center !important;
  }
  .tl-text-style-italic {
    font-style: italic !important;
  }
  .tl-text-style-normal {
    font-style: normal !important;
  }
  .tl-text-weight-bold {
    font-weight: bold !important;
  }
  .tl-text-weight-normal {
    font-weight: normal !important;
  }
  .tl-text-uppercase {
    text-transform: uppercase;
  }
  .tl-text-lowercase {
    text-transform: lowercase;
  }
  .tl-text-capitalize {
    text-transform: capitalize;
  }
  .tl-noPadding-left {
    padding-left: 0 !important;
  }
  .tl-noPadding-right {
    padding-right: 0 !important;
  }
  .tl-noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .p-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .p-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .p-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .p-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .p-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .p-width-50 {
    width: 50%;
    height: 100%;
  }
  .p-width-100 {
    width: 100%;
    height: 50%;
  }
  .tp-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .tp-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .tp-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .tp-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .tp-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .tp-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .tp-width-50 {
    width: 50%;
    height: 100%;
  }
  .tp-width-100 {
    width: 100%;
    height: 50%;
  }
  .tl-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .tl-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .tl-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .tl-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .tl-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .tl-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .tl-width-50 {
    width: 50%;
    height: 100%;
  }
  .tl-width-100 {
    width: 100%;
    height: 50%;
  }
  .tl-table-be {
    display: table;
  }
  .tl-table-be tl-table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}
@media (min-width: 1024px) {
  .desktopText {
    display: block;
  }
  .tabletText {
    display: none;
  }
  .phoneText {
    display: none;
  }
  .desktopText.tabletText {
    display: block;
  }
  .desktopText.phoneText {
    display: block;
  }
  .phoneText.tabletText.desktopText {
    display: block;
  }
  .containerWrapper {
    max-width: 1180px;
  }
  .p-1col {
    width: 8.33333%;
  }
  .p-2col {
    width: 16.6667%;
  }
  .p-2-5col {
    width: 20%;
  }
  .p-3col {
    width: 25%;
  }
  .p-4col {
    width: 33.3333%;
  }
  .p-5col {
    width: 41.6667%;
  }
  .p-6col {
    width: 50%;
  }
  .p-7col {
    width: 58.3333%;
  }
  .p-8col {
    width: 66.6667%;
  }
  .p-9col {
    width: 75%;
  }
  .p-10col {
    width: 83.3333%;
  }
  .p-11col {
    width: 91.6667%;
  }
  .p-12col {
    width: 100%;
  }
  .t-1col {
    width: 8.33333%;
  }
  .t-2col {
    width: 16.6667%;
  }
  .t-2-5col {
    width: 20%;
  }
  .t-3col {
    width: 25%;
  }
  .t-4col {
    width: 33.3333%;
  }
  .t-5col {
    width: 41.6667%;
  }
  .t-6col {
    width: 50%;
  }
  .t-7col {
    width: 58.3333%;
  }
  .t-8col {
    width: 66.6667%;
  }
  .t-9col {
    width: 75%;
  }
  .t-10col {
    width: 83.3333%;
  }
  .t-11col {
    width: 91.6667%;
  }
  .t-12col {
    width: 100%;
  }
  .tp-1col {
    width: 8.33333%;
  }
  .tp-2col {
    width: 16.6667%;
  }
  .tp-2-5col {
    width: 20%;
  }
  .tp-3col {
    width: 25%;
  }
  .tp-4col {
    width: 33.3333%;
  }
  .tp-5col {
    width: 41.6667%;
  }
  .tp-6col {
    width: 50%;
  }
  .tp-7col {
    width: 58.3333%;
  }
  .tp-8col {
    width: 66.6667%;
  }
  .tp-9col {
    width: 75%;
  }
  .tp-10col {
    width: 83.3333%;
  }
  .tp-11col {
    width: 91.6667%;
  }
  .tp-12col {
    width: 100%;
  }
  .tl-1col {
    width: 8.33333%;
  }
  .tl-2col {
    width: 16.6667%;
  }
  .tl-2-5col {
    width: 20%;
  }
  .tl-3col {
    width: 25%;
  }
  .tl-4col {
    width: 33.3333%;
  }
  .tl-5col {
    width: 41.6667%;
  }
  .tl-6col {
    width: 50%;
  }
  .tl-7col {
    width: 58.3333%;
  }
  .tl-8col {
    width: 66.6667%;
  }
  .tl-9col {
    width: 75%;
  }
  .tl-10col {
    width: 83.3333%;
  }
  .tl-11col {
    width: 91.6667%;
  }
  .tl-12col {
    width: 100%;
  }
  .d-1col {
    width: 8.33333%;
  }
  .d-2col {
    width: 16.6667%;
  }
  .d-2-5col {
    width: 20%;
  }
  .d-3col {
    width: 25%;
  }
  .d-4col {
    width: 33.3333%;
  }
  .d-5col {
    width: 41.6667%;
  }
  .d-6col {
    width: 50%;
  }
  .d-7col {
    width: 58.3333%;
  }
  .d-8col {
    width: 66.6667%;
  }
  .d-9col {
    width: 75%;
  }
  .d-10col {
    width: 83.3333%;
  }
  .d-11col {
    width: 91.6667%;
  }
  .d-12col {
    width: 100%;
  }
  .d-offset-5percent {
    margin-left: 5%;
  }
  .d-offset-1col {
    margin-left: 8.33333%;
  }
  .d-offset-1-5col {
    margin-left: 12.5%;
  }
  .d-offset-2col {
    margin-left: 16.6667%;
  }
  .d-offset-2-5col {
    margin-left: 20%;
  }
  .d-offset-3col {
    margin-left: 25%;
  }
  .d-offset-4col {
    margin-left: 33.3333%;
  }
  .d-offset-5col {
    margin-left: 41.6667%;
  }
  .d-offset-6col {
    margin-left: 50%;
  }
  .d-offset-7col {
    margin-left: 58.3333%;
  }
  .d-offset-8col {
    margin-left: 66.6667%;
  }
  .d-offset-9col {
    margin-left: 75%;
  }
  .d-offset-10col {
    margin-left: 83.3333%;
  }
  .d-offset-11col {
    margin-left: 91.6667%;
  }
  .d-offset-12col {
    margin-left: 100%;
  }
  .d-no-offset {
    margin-left: 0;
  }
  .d-hidden {
    display: none !important;
  }
  .d-shown {
    display: initial !important;
  }
  .d-float-left {
    float: left !important;
  }
  .d-float-right {
    float: right !important;
  }
  .d-float-none {
    float: none !important;
  }
  .d-text-left {
    text-align: left !important;
  }
  .d-text-right {
    text-align: right !important;
  }
  .d-text-center {
    text-align: center !important;
  }
  .d-text-style-italic {
    font-style: italic !important;
  }
  .d-text-style-normal {
    font-style: normal !important;
  }
  .d-text-weight-bold {
    font-weight: bold !important;
  }
  .d-text-weight-normal {
    font-weight: normal !important;
  }
  .d-text-uppercase {
    text-transform: uppercase;
  }
  .d-text-lowercase {
    text-transform: lowercase;
  }
  .d-text-capitalize {
    text-transform: capitalize;
  }
  .d-noPadding-left {
    padding-left: 0 !important;
  }
  .d-noPadding-right {
    padding-right: 0 !important;
  }
  .d-noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .p-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .p-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .p-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .p-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .p-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .p-width-50 {
    width: 50%;
    height: 100%;
  }
  .p-width-100 {
    width: 100%;
    height: 50%;
  }
  .tp-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .tp-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .tp-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .tp-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .tp-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .pt-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .tp-width-50 {
    width: 50%;
    height: 100%;
  }
  .tp-width-100 {
    width: 100%;
    height: 50%;
  }
  .tl-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .tl-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .tl-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .tl-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .tl-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .tl-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .tl-width-50 {
    width: 50%;
    height: 100%;
  }
  .tl-width-100 {
    width: 100%;
    height: 50%;
  }
  .d-topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none;
  }
  .d-topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .d-bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none;
  }
  .d-bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none;
  }
  .d-centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
  }
  .d-centerLeft {
    top: 50%;
    transform: translateY(-50%);
  }
  .d-width-50 {
    width: 50%;
    height: 100%;
  }
  .d-width-100 {
    width: 100%;
    height: 50%;
  }
  .d-table-be {
    display: table;
  }
  .d-table-be .d-table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}
.dropdown.dropdown-scroll {
  background: #fff;
  padding: 30px;
  width: 380px;
  max-width: 100%;
}
.dropdown.dropdown-scroll .scroll-row {
  width: 100%;
  float: left;
  line-height: 1.2;
  margin-bottom: 5px;
}
.dropdown.dropdown-scroll .scroll-row span {
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.58px;
  display: block;
  margin-bottom: 8px;
  margin-top: 15px;
}
.dropdown.dropdown-scroll .scroll-row label {
  color: #3d3d3d;
  float: left;
  font-size: 11px;
  margin: 10px 0;
  text-transform: none;
  width: 100%;
  text-align: left;
}
.dropdown.dropdown-scroll .scroll-row select {
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100%;
  height: 45px;
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.58px;
  cursor: pointer;
}
.sidebarMenu.container {
  border-bottom: 2px solid #dadada;
  margin-bottom: 20px;
}
.sidebarMenu > ul {
  list-style: none;
  width: 100%;
  text-align: center;
  margin: 0 !important;
  padding: 0;
}
.sidebarMenu > ul > li {
  display: inline-block;
  line-height: 1;
  vertical-align: top;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.educationPage .sidebarMenu ul li a {
  text-decoration: none;
}
.sidebarMenu > ul > li > a {
  white-space: nowrap;
  display: block;
  text-transform: capitalize;
  color: #3b3c51;
  text-decoration: none;
  padding: 20px 20px 18px;
}
.sidebarMenu > ul > li.active > a {
  color: #ffb002;
}
@media (max-width: 768px) {
  .sidebarMenu.container {
    border-bottom: 0 none;
  }
  .sidebarMenu > ul {
    max-height: 70px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
  }
  .sidebarMenu > ul.active {
    max-height: 500px;
  }
  .sidebarMenu > ul > li {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #dadada;
    color: #222;
    line-height: 50px;
    height: 50px;
    text-indent: 20px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .sidebarMenu ul.active li {
    opacity: 1;
  }
  .sidebarMenu ul li.educationHome {
    color: #ffc13a;
    max-height: 0;
    display: block;
    border-bottom: 2px solid #feb100;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
  }
  .sidebarMenu ul.active li.educationHome {
    max-height: 50px;
  }
  .sidebarMenu > ul > li.active {
    display: none;
  }
  .sidebarMenu > ul > li.currentPage {
    position: relative;
    text-transform: capitalize;
    border: 1px solid #ccc;
    opacity: 1;
  }
  .sidebarMenu > ul > li.currentPage:after {
    content: "";
    font-family: FontAwesome;
    cursor: pointer;
    color: #222;
    font-size: 22px;
    line-height: 50px;
    position: absolute;
    right: 25px;
    top: 0;
  }
  .sidebarMenu > ul > li > a {
    padding: 0;
  }
}
@media (min-width: 769px) {
  .educationPage .sidebarMenu ul li.educationHome {
    position: relative;
  }
  .educationPage .sidebarMenu ul li.educationHome:after {
    background-color: #ccc;
    content: "";
    height: 45px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
  }
}
.cookieBarFooter {
  background-color: #f6f6f6;
  bottom: 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  height: 40px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}
.cookieBarFooter:not(.active) {
  display: none;
}
.cookieBarFooter .cookieBarInner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}
.cookieBarFooter .cookieBarInner .closeCookieBar {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
}
.cookieBarFooter .cookieBarInner p {
  font-size: 14px;
  line-height: 20px;
  margin: auto;
  padding: 0 26px;
}
.cookieBarFooter .cookieBarInner p a {
  text-decoration: underline;
}
.cookieBarFooter .cookieBarInner p a:hover {
  text-decoration: underline;
}
#liveHelp.cookieNoticeActive {
  bottom: 50px;
}
#liveHelp {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
body.hasAddToBagStickyBtn .cookieBarFooter,
body.hasAddToBagStickyBtn #liveHelp {
  -webkit-transform: translateY(-45px);
  transform: translateY(-45px);
}
.hasCookieNotice #___ratingbadge_0 {
  margin-bottom: 50px !important;
}
html.hasStickyFooter .cookieBarFooter {
  -webkit-transform: translateY(-93px);
  transform: translateY(-93px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 1030px) {
  .cookieBarFooter {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  html.hasStickyFooter .cookieBarFooter {
    -webkit-transform: translateY(-93px);
    transform: translateY(-93px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  html.hasStickyFooter body#rings.hasCookieNotice #___ratingbadge_0 {
    margin-bottom: 140px !important;
  }
}
@media (min-width: 769px) and (max-width: 1030px) {
  .cookieBarFooter .cookieBarInner p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .cookieBarFooter {
    font-size: 14px;
    height: 50px;
    line-height: 18px;
  }
  #liveHelp.cookieNoticeActive {
    bottom: 60px;
  }
  .hasCookieNotice #___ratingbadge_0 {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 480px) {
  .cookieBarFooter {
    font-size: 14px;
    height: 70px;
    line-height: 18px;
  }
  #liveHelp.cookieNoticeActive {
    bottom: 80px;
  }
  .hasCookieNotice #___ratingbadge_0 {
    margin-bottom: 70px !important;
  }
}
.modal-content {
  padding: 16px;
}
.modal ._form-group {
  margin-bottom: 12px;
}
.modal ._form-group label {
  font-size: 13px;
  margin-bottom: 0;
}
.modal .errorMessage {
  display: block;
  color: red;
  font-size: 12px;
}
.modal .fakeCheckbox {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.2;
}
.modal .fakeCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
  -webkit-transition: background-color 0.5s, border-color 0.5s;
  transition: background-color 0.5s, border-color 0.5s;
}
.modal .fakeCheckbox input {
  opacity: 0;
}
.modal .fakeCheckbox input:checked ~ .checkmark {
  background-color: #ffc13a;
  border-color: #ffc13a;
}
.modal .fakeCheckbox input:checked ~ .checkmark:after {
  position: absolute;
  content: "";
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal .disclaimer {
  text-align: center;
  font-size: 13px;
}
.modal .g-recaptcha > div {
  margin: auto;
}
.modal .btnLoading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: none;
}
.modal .btnLoading .icon77-loading {
  position: absolute;
  top: 50%;
  margin: -20px;
}
.modal-fixed {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.modal-fixed .modal-header {
  display: none;
}
.modal-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1040;
}
.modal-overlay .modal {
  width: 740px;
  max-width: 90%;
  max-height: 95%;
  overflow: auto;
  background: #fff;
  margin: 0 auto;
}
.modal-overlay .modal-content {
  padding: 16px 32px;
}
.modal-overlay .modal-header {
  background: #ffc766 url(/images/logos/77DiamondsLogo.svg) no-repeat scroll
    center center/auto;
  background-size: auto 50px;
  clear: both;
  display: block;
  height: 80px;
  margin: 0 auto 20px;
  position: relative;
}
.stepByStepModal.modal-overlay .modal {
  width: 90%;
  max-width: 1280px;
}
.stepByStepModal.modal-overlay .modal-header {
  height: 0;
  margin: 0;
}
.stepByStepModal.modal-overlay .modal-header ._btn {
  position: absolute;
  right: 0;
  z-index: 1;
}
.stepByStepModal .modal-content {
  padding: 0;
}
.stepByStepModal video {
  width: 100%;
  display: block;
}
.icon77 {
  display: inline-block;
  vertical-align: middle;
}
body.noScroll {
  overflow: hidden;
  padding-right: 18px;
}
.covidDisabled {
  cursor: not-allowed !important;
}
.fancybox-inner small.covidNotice {
  display: block;
  margin: 20px auto;
  font-size: 14px;
}
.fancybox-inner .showroom-consultation.bookAppointment.covidNotice {
  display: block;
  margin-bottom: 30px;
}
.live-help--content .btn.covidDisabled {
  background-color: #e1e1e1 !important;
  color: #959595 !important;
}
.live-help--content .btn.covidDisabled:hover {
  background-color: #e1e1e1 !important;
}
.visitShowroom .ShowroomItems {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.visitShowroom .ShowroomItems .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  margin: 0;
  padding: 0;
  border: 0;
}
.visitShowroom .ShowroomItems .slick-arrow:first-child {
  left: 7.5px;
}
.visitShowroom .ShowroomItems .slick-arrow:last-child {
  right: 7.5px;
}
.visitShowroom .btn.bookApp.covidDisabled {
  margin-bottom: 6px;
  background-color: #e1e1e1 !important;
  color: #959595 !important;
}
.visitShowroom .btn.bookApp.covidDisabled:hover {
  background-color: #e1e1e1 !important;
}
.visitShowroom .btn.bookApp.covidDisabled + small {
  margin-bottom: 16px;
  display: block;
  font-size: 12px;
}
#about .ourStoryPage article.about-info {
  margin: auto;
  color: #000;
  text-align: center;
  padding: 72px 0;
}
#about .ourStoryPage article.about-info h1 {
  font-family: "Playfair Display";
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 33px;
  margin: 0;
  margin-bottom: 24px;
}
@media (min-width: 1023.98px) {
  #about .ourStoryPage article.about-info h1 {
    font-size: 45px;
    letter-spacing: 1.41px;
    line-height: 60px;
    margin-bottom: 36px;
  }
}
#about .ourStoryPage article.about-info h2 {
  font-family: "Playfair Display";
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 33px;
  margin: 0;
  margin-top: 72px;
  margin-bottom: 24px;
}
@media (min-width: 1023.98px) {
  #about .ourStoryPage article.about-info h2 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-top: 96px;
    margin-bottom: 48px;
  }
}
#about .ourStoryPage article.about-info h6 {
  border-bottom: none;
}
#about .ourStoryPage article.about-info ul {
  margin-left: 0;
}
#about .ourStoryPage article.about-info hr {
  border: none;
  border-bottom: 1px solid #000;
  width: 120px;
  margin: auto;
  margin-bottom: 24px;
}
#about .ourStoryPage article.about-info p {
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
}
@media (min-width: 1023.98px) {
  #about .ourStoryPage article.about-info p {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
#about .ourStoryPage article.about-info p.strong {
  font-family: "Nunito Sans SemiBold";
}
#about .ourStoryPage article.about-info picture {
  margin: 72px auto;
  display: block;
}
#about .ourStoryPage article.about-info picture img {
  max-width: 100%;
}
#about .ourStoryPage article.about-info picture figcaption {
  font-family: "Nunito Sans Light";
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: center;
  margin: 6px;
}
span.newTag {
  color: #fff;
  font-family: "Nunito Sans Bold";
  font-size: 8px;
  letter-spacing: 0.8px;
  line-height: 16px;
  background-color: #000;
  padding: 2px 6px;
  margin-left: 4px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  #ConfirmationWindow {
    margin: 40px 95px;
  }
}
@media (max-width: 425px) {
  #ConfirmationWindow {
    margin-top: 20px;
  }
}
#ConfirmationWindow a,
#ConfirmationWindow a:hover {
  color: unset;
}
#ConfirmationWindow a:hover .Item .product_category {
  opacity: 0.4;
}
#ConfirmationWindow .Item .product_category {
  font-family: "Nunito Sans";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
  margin-top: 10px;
}
#ConfirmationWindow .Item .product_area {
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  color: #adadad;
}
#contactsPage .underline {
  text-decoration: underline;
}
#contactsPage #appointment .online-consultation p:last-of-type,
#contactsPage #appointment .showroom-consultation p:last-of-type {
  margin-bottom: 32px;
}
#contactUsContent .appointment-options .option {
  padding: 0 18px;
}
@media (max-width: 1440px) {
  #contactUsContent .appointment-options .option {
    padding: 0;
  }
}
@media (max-width: 1440px) {
  #contactUsContent .appointment-form .calendar77 tbody td {
    width: 18px;
    height: 18px;
    line-height: 23px;
  }
}
.appointment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e5e5e5;
  margin: auto;
  font-size: 1.4em;
  margin-bottom: 24px;
}
.appointment-options .option {
  height: auto;
  margin: 0 12px;
  padding: 0 4px;
  cursor: pointer;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
}
.appointment-options .option:not(.disabled) {
  opacity: 1;
  color: #000;
  cursor: pointer;
}
.appointment-options .option.disabled {
  opacity: 0.7;
  cursor: default;
}
.appointment-options .option.active {
  font-family: "Nunito Sans SemiBold", sans-serif;
  opacity: 1;
  cursor: pointer;
}
select {
  appearance: none;
  background: #fff url(../icons/BlackArrowDown.png) no-repeat
    right 10px center/auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 35px;
}
.generic_btn {
  text-align: center;
  width: auto;
  display: inline-block;
  padding-right: 28px;
  padding-left: 28px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  cursor: pointer;
  font-family: "Nunito Sans SemiBold";
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.generic_btn.no-padding {
  min-width: 0;
  width: 200px;
  padding-right: 0;
  padding-left: 0;
}
.generic_btn:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.generic_btn.uppercase {
  text-transform: uppercase;
}
.generic_btn.uppercase a {
  color: #fff !important;
}
.generic_btn.uppercase a:hover {
  color: #000 !important;
}
@media (min-width: 769px) {
  .generic_btn {
    height: 45px;
    line-height: 45px;
  }
}
.transparent_btn {
  border: 1px solid #000;
  color: #000;
  background-color: transparent;
}
@media (min-width: 769px) {
  .transparent_btn:hover {
    background-color: #000;
    color: #fff;
  }
}
.black_btn {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}
.black_btn:visited {
  color: #fff;
}
@media (min-width: 769px) {
  .black_btn:hover {
    background-color: transparent;
    color: #000;
  }
}
span.emoji {
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
}
span.emoji.diamond {
  background-image: url("../icons/Emoji_Icon_Diamond.png");
}
span.emoji.money {
  background-image: url("../icons/Emoji_Icon_Money.png");
}
span.emoji.education {
  background-image: url("../icons/Emoji_Icon_Education.png");
}
#insureYourItemPage {
  text-align: center;
}
#insureYourItemPage .content-area {
  padding: 40px 0;
}
#insureYourItemPage .content-area img {
  width: 120px;
  height: auto;
  max-width: 80%;
  margin: 20px 12px;
}
#insureYourItemPage .content-area .strong {
  font-weight: 600;
}
#insureYourItemPage .content-area h1 {
  margin: 0;
  font-size: 25px;
}
#insureYourItemPage .content-area p {
  margin: 0.625em auto;
  width: 500px;
  max-width: 80%;
}
#insureYourItemPage .content-area p.affiliateCode {
  font-size: 24px;
  margin: 24px auto;
}
#insureYourItemPage .content-area p.affiliateCode #CodeToCopy.yellow {
  color: #ffc13a;
}
#insureYourItemPage .content-area p.affiliateCode #copyToClipboard {
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  cursor: pointer;
}
#insureYourItemPage .generic_btn {
  line-height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
}
body.iexplorer .form .floating-label > label,
body.edge .form .floating-label > label {
  top: 2px;
  left: 5px;
  font-size: 12px;
}
p.stepByStepGuide {
  cursor: pointer;
}
.htmlVideoOverlay .fancybox-inner {
  padding: 0;
}
.htmlVideoOverlay video {
  max-width: 100%;
  margin-bottom: -2px;
}
.icon77-loading {
  -webkit-animation: icon77-spin 2s infinite linear;
  animation: icon77-spin 2s infinite linear;
}
#contactsPage .modal #Link121 ._col-md-6,
#contactsPage .modal #Link123 ._col-md-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@-webkit-keyframes icon77-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icon77-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.modal .btnLoading {
  z-index: 100;
}
.modal-content {
  padding: 16px;
}
.modal ._form-group {
  margin-bottom: 12px;
}
.modal ._form-group label {
  font-size: 13px;
  margin-bottom: 0;
}
.modal .errorMessage {
  display: block;
  color: red;
  font-size: 12px;
}
.modal .fakeCheckbox {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.2;
}
.modal .fakeCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
  -webkit-transition: background-color 0.5s, border-color 0.5s;
  transition: background-color 0.5s, border-color 0.5s;
}
.modal .fakeCheckbox input {
  opacity: 0;
  height: 0;
}
.modal .fakeCheckbox input:checked ~ .checkmark {
  background-color: #ffc13a;
  border-color: #ffc13a;
}
.modal .fakeCheckbox input:checked ~ .checkmark:after {
  position: absolute;
  content: "";
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal .disclaimer {
  text-align: center;
  font-size: 13px;
}
.modal .g-recaptcha > div {
  margin: auto;
}
.modal .btnLoading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: none;
  z-index: 100;
}
.modal .btnLoading .icon77-loading {
  position: absolute;
  top: 50%;
  margin: -20px;
}
.modal-fixed {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.modal-fixed .modal-header {
  display: none;
}
.modal-overlay.newSignupForm .modal {
  background: #fff;
  height: auto;
}
.modal-overlay.newSignupForm .modal-header {
  height: 10px;
  background: unset;
}
.modal-overlay.newSignupForm .modal-header button .closeText {
  display: inline;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.modal-overlay .modal-header button .closeText {
  display: none;
}
#ConfirmationWindow a {
  color: unset;
}
#ConfirmationWindow a:hover {
  color: unset;
}
#ConfirmationWindow a:hover .Item .product_category {
  opacity: 0.4;
}
#ConfirmationWindow .Item .product_category {
  font-family: "Nunito Sans";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
  margin-top: 10px;
}
#ConfirmationWindow .Item .product_area {
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  color: #adadad;
}
.appointment-form .fakeCheckbox {
  font-size: 14px;
  font-family: "Nunito Sans Light";
  padding-left: 27px;
  text-align: left;
  letter-spacing: 0.3px;
}
.appointment-form .fakeCheckbox a {
  font-family: "Nunito Sans SemiBold";
  margin: 0 4px;
}
.appointment-form .fakeCheckbox .checkmark {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 18px !important;
  width: 18px !important;
  border: 0.1em solid #000 !important;
  border-radius: 0.2em !important;
  color: transparent !important;
  font-size: 9px !important;
  -webkit-transition: unset !important;
  transition: unset !important;
}
.appointment-form .fakeCheckbox input:checked ~ .checkmark {
  background: #000 !important;
  border-color: #000 !important;
  border-radius: 0.3em !important;
}
.appointment-form .fakeCheckbox input:checked ~ .checkmark:after {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: unset !important;
  border-width: unset !important;
  -webkit-transform: unset !important;
  transform: unset !important;
  border-radius: 0.3em !important;
  background-image: url(/images/shop/icons/full_tick.svg) !important;
  background-color: #000 !important;
  background-position: 50% !important;
  background-size: 19px !important;
  background-repeat: no-repeat !important;
  border-color: #000 !important;
  color: #fff !important;
}
.appointment-form ._h1 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 22px;
  letter-spacing: 0.6px;
  line-height: 30px;
  text-align: center;
}
.appointment-form ._h3 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
}
.appointment-form ._p {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: center;
}
.appointment-form #gdprCheckboxHolder {
  margin-top: 10px;
}
.appointment-form #gdprCheckboxHolder .disclaimer {
  display: none;
}
.appointment-form .captchaHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.appointment-form #gdprCheckboxHolderFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 6px 0;
}
.appointment-form #gdprCheckboxHolderFooter input[type="checkbox"] {
  display: none !important;
  width: auto;
  display: inline;
  vertical-align: middle;
  margin-right: 7px;
}
.appointment-form #gdprCheckboxHolderFooter input[type="checkbox"] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0 0.2em;
  float: left;
  margin-left: 18px;
}
.appointment-form
  #gdprCheckboxHolderFooter
  input[type="checkbox"]
  + label:before {
  content: "";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  height: 22px;
  width: 21px;
  padding-left: 0.2em;
  padding-bottom: 0.4em;
  margin-right: 0.5em;
  padding-right: 0.1em;
  vertical-align: bottom;
  color: transparent;
  font-size: 9px;
  margin-left: -20px;
}
.appointment-form
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:checked
  + label:before {
  background-image: url(/images/shop/icons/full_tick.svg);
  background-color: #000;
  background-position: 50%;
  background-size: 19px;
  background-repeat: no-repeat;
  border-color: #000;
  color: #fff;
}
.appointment-form
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:checked:disabled
  + label:before {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}
.appointment-form
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:checked:after {
  background-color: #000;
}
.appointment-form
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:disabled
  + label:before {
  border-color: #aaa;
}
.appointment-form #gdprCheckboxHolderFooter label {
  display: inline-block;
  font-family: "Nunito Sans Light";
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 16px;
  margin-top: 7px;
  padding-left: 3px;
}
.appointment-form ._form-group .errorMessage {
  margin-top: 8px;
  font-size: 12px;
  font-family: "Nunito Sans SemiBold";
}
.appointment-form ._form-group label {
  font-family: "Nunito Sans SemiBold";
  font-size: 15px;
  margin: 5px 0;
}
.appointment-form ._form-group input::-webkit-input-placeholder {
  color: #9a9a9a;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.appointment-form ._form-group input::-moz-placeholder {
  color: #9a9a9a;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.appointment-form ._form-group input::-ms-input-placeholder {
  color: #9a9a9a;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.appointment-form ._form-group input::placeholder {
  color: #9a9a9a;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.appointment-form ._form-group ._form-control:focus {
  -webkit-box-shadow: 0 0 0 0.2rem transparent !important;
  box-shadow: 0 0 0 0.2rem transparent !important;
}
.appointment-form .safeguarding {
  font-family: "Nunito Sans SemiBold";
  font-size: 15px;
  margin: 5px 0;
}
#AptCodeTel {
  border-radius: 0.25rem 0 0 0.25rem;
  border-left: 1px solid #9a9a9a;
  border-right: 0 solid #9a9a9a;
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  background: unset;
  cursor: pointer;
}
#AptCodeTel:focus {
  border: 1px solid #404040 !important;
  font-family: "Nunito Sans";
}
#AptCodeTel:hover {
  border: 1px solid #404040 !important;
}
#AptTelephone {
  border-radius: 0 0.25rem 0.25rem 0;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.appointment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e5e5e5;
  margin: auto;
  font-size: 1.4em;
  margin-bottom: 24px;
}
.appointment-options .option {
  height: 24px;
  margin: 0 5px 7px 5px;
  padding: 0 24px;
  cursor: pointer;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  opacity: 0.7;
}
.appointment-options .option:not(.disabled) {
  opacity: 1;
  color: #000;
  cursor: pointer;
}
.appointment-options .option.active {
  font-family: "Nunito Sans SemiBold";
}
.appointment-options .option.active:after {
  position: absolute;
  content: "";
  border-bottom: 3px solid #000;
  bottom: -9px;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}
.appointment-options .option.disabled {
  opacity: 0.7;
  cursor: default;
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
}
#contactUsContent #Link124 {
  padding: 16px 20px;
}
#Link124 {
  padding: 16px 50px;
}
#Link124 ._form-control {
  border: 1px solid #9a9a9a;
}
#Link124 .itemsFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#Link124 .itemsFlex ._col-md-12 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
#Link124 .container {
  max-width: unset;
  min-width: unset;
}
#Link124 .card {
  width: 100%;
  border: 1px solid #000;
  background-color: #fff;
  border-radius: 0.5em;
  margin-bottom: 1em;
  cursor: pointer;
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
#Link124 .card.tall {
  height: auto;
  text-align: left;
}
#Link124 .card.tall:hover {
  border: 1px solid #000;
}
#Link124 .card.time {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
}
#Link124 .card.time .container {
  padding: 15px;
}
#Link124 .card.time:hover {
  border: 1px solid #000;
}
#Link124 .card.tall.lastCard {
  text-align: center;
  border: 1px solid #000;
  background-color: #fff;
}
#Link124 .card.tall.lastCard .container {
  padding: 12px !important;
}
#Link124 .lastItem {
  -webkit-box-ordinal-group: 1 !important;
  -ms-flex-order: 0 !important;
  order: 0 !important;
}
#Link124 .item {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
#Link124 .item.notActive {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
#Link124 .item.notActive .card.tall {
  border: 1px solid #9a9a9a;
  color: #9a9a9a;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  cursor: default;
}
#Link124 .item.notActive .card.tall .container b {
  font-weight: unset;
}
#Link124 .card.tall.lastCard.unclickable {
  border: 1px solid #9a9a9a;
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
}
#Link124 .card.tall.lastCard.unclickable .container b {
  font-weight: unset;
}
#Link124 .card.tall.active {
  border: 2px solid #000;
}
#Link124 .card.time.active {
  background: #212529;
  color: #fff;
}
#Link124 .card.active .container {
  font-weight: 800;
}
#Link124 .container.tall {
  text-align: left;
}
#Link124 .container {
  padding: 19px;
}
#Link124 .pickDateBtn {
  background: transparent;
  border: 0;
}
#Link124 .pickDateBtn.prev {
  float: left;
}
#Link124 .pickDateBtn.next {
  float: right;
}
#btnApt {
  border-radius: 4px;
  font-size: 13px;
  font-family: "Nunito Sans";
}
@media (min-width: 768px) {
  #ConfirmationWindow {
    margin: 40px 95px;
  }
}
@media (max-width: 425px) {
  #ConfirmationWindow {
    margin-top: 20px;
  }
}
@media (max-width: 587px) {
  .appointment-options .option {
    padding: 0 7px;
  }
  .newSignupForm {
    background: #fff;
  }
}
@media (max-width: 768px) {
  #Link124 {
    padding: 16px 30px;
  }
}
@media (max-width: 562px) {
  #Link124 {
    padding: 16px 0;
  }
  .appointment-options .option {
    margin: 0 0 7px 0;
  }
  #Link124 .appointment-form ._row > .container,
  #Link124 .appointment-form ._row._container {
    padding: 0;
  }
}
@media (max-width: 375px) {
  .appointment-options .option {
    padding: 0 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
  }
}
@media (max-width: 320px) {
  .appointment-options .option {
    font-size: 13px;
  }
}
.newPageTopTitle {
  padding: 0 10px;
}
.newPageTopTitle .h2 {
  font-family: "Nunito Sans Light";
  font-size: 14px;
  color: #000;
  letter-spacing: 0.5px;
  line-height: 21px;
}
.newPageTopTitle .h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 21px;
  color: #000;
  letter-spacing: 0.6px;
  line-height: 29px;
}
.newPageTopTitle .alreadySignUp {
  display: none;
}
.newPageTopTitle .signUpCopyCode {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 26px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Nunito Sans SemiBold";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.newPageTopTitle .signUpDiscountCode {
  margin: 24px 0;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "Nunito Sans Semibold";
}
@media (max-width: 425px) {
  .newPageTopTitle .h1 {
    margin: 0 15px;
  }
}
#BrexitPopup {
  margin: 15px 28px 28px;
}
@media (max-width: 425px) {
  #BrexitPopup {
    margin: 15px 0 28px;
  }
}
#BrexitPopup .newPageTopTitle .h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 22px;
  letter-spacing: 0.3px;
  line-height: 30px;
  text-align: center;
}
#BrexitPopup .newPageTopTitle .h2 {
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  margin-top: 24px;
}
#BrexitPopup .info p {
  color: #000;
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
}
#BrexitPopup .info p b {
  font-weight: 700 !important;
}
#BrexitPopup .info h3 {
  font-family: "Nunito Sans";
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
}
#BrexitPopup .info span {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 22px;
  letter-spacing: 0.3px;
  line-height: 30px;
  display: block;
  text-align: center;
}
@media (max-width: 425px) {
  #BrexitPopup .info span {
    font-size: 17px;
  }
}
#BrexitPopup .info ._cta-white {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
}
#BrexitPopup .info ._cta-white:hover {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 4px;
}
#LinkWinter {
  margin: 15px 28px 28px;
}
#LinkWinter label {
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 16px;
}
#LinkWinter .new {
  height: 45px;
  margin-bottom: 10px;
  color: #000;
  background-color: transparent;
  border: 1px solid #a9a9a9;
  text-indent: 10px;
  font-size: 14px;
  font-family: "nunito sans";
  width: 100%;
}
#LinkWinter #gdprCheckboxHolderFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 6px 0;
}
#LinkWinter #gdprCheckboxHolderFooter label {
  display: inline-block;
  font-family: "Nunito Sans Light";
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 16px;
  margin-top: 7px;
  padding-left: 3px;
}
#LinkWinter #gdprCheckboxHolderFooter input[type="checkbox"] {
  display: none;
}
#LinkWinter #gdprCheckboxHolderFooter input[type="checkbox"] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0 0.2em;
  float: left;
  margin-left: 18px;
}
#LinkWinter #gdprCheckboxHolderFooter input[type="checkbox"] + label:before {
  content: "";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1.6em;
  height: 1.69em;
  padding-left: 0.2em;
  padding-bottom: 0.4em;
  margin-right: 0.5em;
  padding-right: 0.1em;
  vertical-align: bottom;
  color: transparent;
  font-size: 9px;
  margin-left: -20px;
}
#LinkWinter
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:checked
  + label:before {
  background-image: url(/images/shop/icons/full_tick.svg);
  background-color: #000;
  background-position: 50%;
  background-size: 19px;
  background-repeat: no-repeat;
  border-color: #000;
  color: #fff;
}
#LinkWinter
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:checked:disabled
  + label:before {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}
#LinkWinter
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:disabled
  + label:before {
  border-color: #aaa;
}
#LinkWinter .newPageTopTitle .h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 22px;
  letter-spacing: 0.3px;
  line-height: 30px;
  text-align: center;
}
#LinkWinter .newPageTopTitle .h2 {
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  margin-top: 24px;
}
#LinkWinter .newPageTopTitle .signUpDiscountCode {
  font-family: "Nunito Sans SemiBold";
  font-size: 22px;
  letter-spacing: 0.3px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
}
#LinkWinter .newPageTopTitle .signUpCopyCode {
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  text-align: center;
  text-transform: uppercase;
}
#LinkWinter .newPageTopTitle .signUpCopyCode:hover {
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
}
#LinkWinter .errorMessage {
  text-align: left;
  font-family: "Nunito Sans";
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin-bottom: 8px;
  padding-top: 8px;
}
#LinkWinter .info p {
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
}
#LinkWinter .info p b {
  font-weight: 700 !important;
}
#LinkWinter .info h3 {
  font-family: "Nunito Sans";
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
}
#LinkWinter .info span {
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
}
#LinkWinter #SubscribeWinterOffre {
  color: #fff;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #000;
}
#LinkWinter #SubscribeWinterOffre:disabled {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #ccc;
}
#LinkWinter #SubscribeWinterOffre:not(:disabled):hover {
  color: #000;
  background: #fff;
  border: 1px solid #000;
}
#genderCheckBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#genderCheckBox ._col-6 input[type="checkbox"] {
  display: none;
}
#genderCheckBox ._col-6 input[type="checkbox"] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0 0.2em;
  float: left;
  margin-left: 18px;
}
#genderCheckBox ._col-6 input[type="checkbox"] + label:before {
  content: "";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1.6em;
  height: 1.69em;
  padding-left: 0.2em;
  padding-bottom: 0.4em;
  margin-right: 0.5em;
  padding-right: 0.1em;
  vertical-align: bottom;
  color: transparent;
  font-size: 9px;
  margin-left: -20px;
}
#genderCheckBox ._col-6 input[type="checkbox"]:checked + label:before {
  background-image: url(/images/shop/icons/full_tick.svg);
  background-color: #000;
  background-position: 50%;
  background-size: 19px;
  background-repeat: no-repeat;
  border-color: #000;
  color: #fff;
}
#genderCheckBox ._col-6 input[type="checkbox"]:checked:disabled + label:before {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}
#genderCheckBox ._col-6 input[type="checkbox"]:disabled + label:before {
  border-color: #aaa;
}
.modal-overlay.newSignupForm .modal-header {
  height: 0;
  background: rgba(255, 255, 255, 0.95);
}
.modal-overlay.newSignupForm .modal-header button .closeText {
  display: inline;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.modal-overlay.newSignupForm.winter .modal {
  width: 448px;
  border: 2px solid #ffc13b;
  background: rgba(255, 255, 255, 0.95);
}
.modal-overlay.brexitPop.newSignupForm .modal-header {
  height: 0;
  background: #fff !important;
}
.modal-overlay.brexitPop.newSignupForm .modal-header button .closeText {
  display: none !important;
}
.modal-overlay.brexitPop.newSignupForm .modal {
  width: 448px;
  border: unset !important;
  background: #fff !important;
}
@media (max-width: 425px) {
  #LinkWinter #gdprCheckboxHolderFooter label {
    margin-top: 0;
  }
}
@media (max-width: 523px) {
  #LinkWinter {
    margin: 60px 0 0 0;
  }
}
#LooseDiamonds .hero-banner picture {
  display: table-cell;
}
#LooseDiamonds .hero-banner .hero-banner--image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin: unset;
}
@media (max-width: 426px) {
  #LooseDiamonds .hero-banner .hero-banner--caption {
    width: 100% !important;
  }
}
@media (max-width: 426px) {
  #LooseDiamonds .hero-banner .hero-banner--title {
    font-size: 24px !important;
    margin-bottom: 12px !important;
  }
}
#LooseDiamonds ._container ._row {
  margin-right: 0;
  margin-left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #LooseDiamonds ._container ._row {
    margin-right: 0;
    margin-left: 0;
  }
  #LooseDiamonds ._container ._row ._col-lg-5 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1023px) {
  #LooseDiamonds .DiamondTypes {
    padding: 35px 0;
  }
}
@media (max-width: 1023px) {
  #LooseDiamonds .DiamondTypes {
    padding: 35px 0;
  }
}
#LooseDiamonds .DiamondTypes ._row div {
  display: inline-grid;
}
#LooseDiamonds .DiamondTypes ._row div .LinkDisplay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#LooseDiamonds .DiamondTypes .vert-sig {
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  margin: 0 5px;
}
#LooseDiamonds .DiamondTypes .h3 {
  text-transform: uppercase;
  font-family: "Nunito Sans SemiBold";
  color: #000;
}
@media (min-width: 768px) {
  #LooseDiamonds .DiamondTypes .h3 {
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
  }
}
@media (max-width: 768px) {
  #LooseDiamonds .DiamondTypes .h3 {
    font-size: 14px;
    letter-spacing: 0.44px;
    line-height: 19px;
  }
}
#LooseDiamonds .DiamondTypes .p {
  color: #000;
  font-family: "Nunito Sans Light";
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  #LooseDiamonds .DiamondTypes .p {
    margin: 0 30px;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  #LooseDiamonds .DiamondTypes .p {
    margin: 0 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
#LooseDiamonds .DiamondTypes ._btn-link {
  color: #000;
  text-decoration: underline;
  font-family: "Nunito Sans SemiBold";
  cursor: pointer;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  #LooseDiamonds .DiamondTypes ._btn-link {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  #LooseDiamonds .DiamondTypes ._btn-link {
    font-size: 14px;
    letter-spacing: 0.44px;
    line-height: 19px;
  }
}
#LooseDiamonds .DiamondTypes ._btn-link:hover {
  opacity: 0.4;
}
#LooseDiamonds .diamondEduction picture img {
  width: 100%;
}
#LooseDiamonds .diamondEduction #looseDiamEdVideo {
  position: relative;
}
#LooseDiamonds .diamondEduction #looseDiamEdVideo #DiamEducationVideo {
  width: 100%;
}
#LooseDiamonds .diamondEduction .deContent {
  position: absolute;
  top: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#LooseDiamonds .diamondEduction .deContent .h3 {
  color: #fff;
  font-family: "Nunito Sans SemiBold";
  text-align: center;
}
@media (min-width: 768px) {
  #LooseDiamonds .diamondEduction .deContent .h3 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
  }
}
@media (max-width: 768px) {
  #LooseDiamonds .diamondEduction .deContent .h3 {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.44px;
    line-height: 19px;
  }
}
#LooseDiamonds .diamondEduction .deContent .p {
  color: #fff;
  font-family: "Nunito Sans";
  text-align: center;
  padding: 0 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #LooseDiamonds .diamondEduction .deContent .p {
    width: 85%;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  #LooseDiamonds .diamondEduction .deContent .p {
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 18px;
  }
}
@media (min-width: 1024px) {
  #LooseDiamonds .diamondEduction .deContent .p {
    width: 62%;
  }
}
#LooseDiamonds .diamondEduction .deContent ._cta-white {
  border-color: #fff;
  background-color: transparent;
  font-family: "Nunito Sans SemiBold";
}
@media (max-width: 768px) {
  #LooseDiamonds .diamondEduction .deContent ._cta-white {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 26px;
    min-height: 28px;
  }
}
#LooseDiamonds .diamondEduction .deContent ._cta-white:hover {
  background-color: #fff;
  border-color: #fff;
}
#LooseDiamonds .diamondEduction .deContent ._cta-white:focus {
  color: #000;
}
@media (min-width: 768px) {
  #LooseDiamonds .shapesSection {
    padding: 75px 0;
  }
}
@media (max-width: 768px) {
  #LooseDiamonds .shapesSection {
    padding: 30px 0;
  }
}
#LooseDiamonds .shapesSection h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #LooseDiamonds .shapesSection h2 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
  }
}
@media (max-width: 768px) {
  #LooseDiamonds .shapesSection h2 {
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 32px;
  }
}
#LooseDiamonds .shapesSection .simpleHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#LooseDiamonds .shapesSection .simpleHolder figure a figcaption a {
  color: #000;
  font-family: "Nunito Sans Light";
}
@media (min-width: 768px) {
  #LooseDiamonds .shapesSection .simpleHolder figure a figcaption a {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  #LooseDiamonds .shapesSection .simpleHolder figure a figcaption a {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
#LooseDiamonds .InfoSection .h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
}
@media (max-width: 768px) {
  #LooseDiamonds .InfoSection .h2 {
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 32px;
  }
}
#GemstonesLP .hero-banner .hero-banner--image {
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 426px) {
  #GemstonesLP .hero-banner .hero-banner--caption {
    width: 100% !important;
  }
}
@media (max-width: 426px) {
  #GemstonesLP .hero-banner .hero-banner--title {
    font-size: 24px !important;
    margin-bottom: 12px !important;
  }
}
#GemstonesLP .slick-slide img {
  width: 100%;
}
#GemstonesLP ._container ._row {
  margin-right: 0;
  margin-left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #GemstonesLP ._container ._row {
    margin-right: 0;
    margin-left: 0;
  }
  #GemstonesLP ._container ._row ._col-lg-5 {
    padding-right: 0;
    padding-left: 0;
  }
}
#GemstonesLP .gemstoneEduction picture img {
  width: 100% !important;
}
#GemstonesLP .gemstoneEduction #looseGemEdVideo {
  position: relative;
}
#GemstonesLP .gemstoneEduction #looseGemEdVideo #GemEducationVideo {
  width: 100%;
}
#GemstonesLP .gemstoneEduction .deContent {
  position: absolute;
  top: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#GemstonesLP .gemstoneEduction .deContent .h3 {
  color: #fff;
  font-family: "Nunito Sans SemiBold";
  text-align: center;
}
@media (min-width: 768px) {
  #GemstonesLP .gemstoneEduction .deContent .h3 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
  }
}
@media (max-width: 768px) {
  #GemstonesLP .gemstoneEduction .deContent .h3 {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.44px;
    line-height: 19px;
  }
}
#GemstonesLP .gemstoneEduction .deContent .p {
  color: #fff;
  font-family: "Nunito Sans";
  text-align: center;
  padding: 0 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #GemstonesLP .gemstoneEduction .deContent .p {
    width: 85%;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  #GemstonesLP .gemstoneEduction .deContent .p {
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 18px;
  }
}
@media (min-width: 1024px) {
  #GemstonesLP .gemstoneEduction .deContent .p {
    width: 62%;
  }
}
#GemstonesLP .gemstoneEduction .deContent ._cta-white {
  border-color: #fff;
  background-color: transparent;
  font-family: "Nunito Sans SemiBold";
}
@media (max-width: 768px) {
  #GemstonesLP .gemstoneEduction .deContent ._cta-white {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 26px;
    min-height: 28px;
  }
}
#GemstonesLP .gemstoneEduction .deContent ._cta-white:hover {
  background-color: #fff;
  border-color: #fff;
}
#GemstonesLP .gemstoneEduction .deContent ._cta-white:focus {
  color: #000;
}
@media (min-width: 768px) {
  #GemstonesLP .shapesSection {
    padding: 75px 0;
  }
}
@media (max-width: 768px) {
  #GemstonesLP .shapesSection {
    padding: 30px 0;
  }
}
#GemstonesLP .shapesSection h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #GemstonesLP .shapesSection h2 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
  }
}
@media (max-width: 768px) {
  #GemstonesLP .shapesSection h2 {
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 32px;
  }
}
#GemstonesLP .shapesSection .simpleHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#GemstonesLP .shapesSection .simpleHolder figure a figcaption a {
  color: #000;
  font-family: "Nunito Sans Light";
}
@media (min-width: 768px) {
  #GemstonesLP .shapesSection .simpleHolder figure a figcaption a {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  #GemstonesLP .shapesSection .simpleHolder figure a figcaption a {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
#GemstonesLP .InfoSection .h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
}
@media (max-width: 768px) {
  #GemstonesLP .InfoSection .h2 {
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 32px;
  }
}
@media (max-width: 426px) {
  #collectionsPage .hero-banner .hero-banner--caption {
    width: 100% !important;
  }
}
@media (max-width: 426px) {
  #collectionsPage .hero-banner .hero-banner--title {
    font-size: 24px !important;
    margin-bottom: 12px !important;
  }
}
#collectionsPage picture img {
  width: 100%;
}
#collectionsPage .ImageWithTextSection {
  display: block;
  text-align: center;
}
#collectionsPage .ImageWithTextSection .textPart ._h2 {
  color: #000;
  letter-spacing: 0.6px;
  line-height: 43px;
  margin-bottom: 12px;
}
#collectionsPage .ImageWithTextSection .textPart ._p {
  color: #000;
  letter-spacing: 0.3px;
  line-height: 26px;
  font-size: 15px;
}
#collectionsPage .ImageWithTextSection .textPart ._btn-link {
  padding: 0;
}
#collectionsPage .ImageWithTextSection .imagePart img {
  width: 100%;
}
#collectionsPage .CategoryItemsSection {
  margin: 97px 0;
}
@media (max-width: 1023px) {
  #collectionsPage .CategoryItemsSection {
    margin: 60px 0;
  }
}
#collectionsPage .CategoryItemsSection .subNavSlidesHolder a ._h4 {
  color: #000;
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 19px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  #collectionsPage
    .CategoryItemsSection
    .subNavSlidesHolder
    a
    ._h4:last-of-type {
    margin-top: 0 !important;
  }
}
@media (max-width: 426px) {
  #collectionsPage .CategoryItemsSection .subNavSlidesHolder a ._h4 {
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 16px;
  }
}
#collectionsPage .CategoryItemsSection ._h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold" !important;
  font-size: 32px !important;
  letter-spacing: 0.6px !important;
  line-height: 43px !important;
  text-align: center;
}
@media (max-width: 426px) {
  #collectionsPage .CategoryItemsSection ._h2 {
    color: #000;
    font-size: 24px !important;
    letter-spacing: 0.3px !important;
    font-family: "Nunito Sans SemiBold";
    line-height: 32px !important;
    text-align: center;
  }
}
@media (max-width: 768px) {
  #collectionsPage ._container-xl {
    padding: 0 0 !important;
  }
}
@media (min-width: 1023px) {
  #collectionsPage .ImageWithTextSection {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #collectionsPage .ImageWithTextSection .imagePart {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 30px;
  }
  #collectionsPage .ImageWithTextSection .textPart {
    position: absolute;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  #collectionsPage .ImageWithTextSection .textPart.styleRight {
    left: 60%;
  }
  #collectionsPage .ImageWithTextSection .textPart.styleLeft {
    left: 7%;
    width: 40%;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1292px) {
  #collectionsPage .ImageWithTextSection .textPart.styleRight ._p {
    width: 98%;
    margin: 0 !important;
  }
  #collectionsPage ._h2 {
    margin: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #collectionsPage .ImageWithTextSection .textPart {
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 83%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #collectionsPage .ImageWithTextSection .textPart {
    margin: 72px 65px;
  }
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
  #collectionsPage .ImageWithTextSection .textPart {
    margin: 80px 40px;
  }
}
@media (max-width: 426px) {
  #collectionsPage .ImageWithTextSection .textPart {
    margin: 80px 40px;
  }
  #collectionsPage .ImageWithTextSection .textPart ._h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 24px;
    letter-spacing: 0.6px;
    line-height: 32px;
    margin-bottom: 12px;
  }
  #collectionsPage .ImageWithTextSection .textPart ._p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
  #collectionsPage .ImageWithTextSection .textPart ._btn-link {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
#education7c .dashList {
  list-style-type: none;
}
#education7c .dashList li::before {
  content: "-";
}
.live-help--online-consultation .bookAppointment {
  height: auto !important;
}
#termsAndConditions h1,
#privacy h1 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 26px;
  letter-spacing: 0.5px;
  line-height: 35px;
  margin-top: 60px;
}
#termsAndConditions h1 span,
#privacy h1 span {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 26px;
  letter-spacing: 0.5px;
  line-height: 35px;
  margin-top: 60px;
}
#termsAndConditions hr,
#privacy hr {
  margin-bottom: 40px;
  border-top: 1px solid #000;
  border-style: dashed;
  width: 100px;
  margin-left: 0;
}
#termsAndConditions .underH1,
#privacy .underH1 {
  border-style: solid;
  width: 100%;
}
#termsAndConditions p,
#termsAndConditions span,
#privacy p,
#privacy span {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
#termsAndConditions a,
#privacy a {
  text-decoration: underline;
}
#termsAndConditions u,
#privacy u {
  text-decoration: none;
  font-weight: 600;
}
#termsAndConditions .link span,
#privacy .link span {
  cursor: pointer;
}
#termsAndConditions .headingNumber,
#privacy .headingNumber {
  counter-reset: item;
}
#termsAndConditions .headingNumber li h1::before,
#privacy .headingNumber li h1::before {
  content: counter(item) ". ";
  counter-increment: item;
}
#termsAndConditions li[data-jump-to],
#privacy li[data-jump-to] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#termsAndConditions .insideNumberHeading,
#privacy .insideNumberHeading {
  counter-reset: item;
}
#termsAndConditions .insideNumberHeading li::before,
#privacy .insideNumberHeading li::before {
  content: counters(item, ".") "";
  counter-increment: item;
  font-weight: 700;
}
#termsAndConditions .listWithDash li::before,
#privacy .listWithDash li::before {
  content: "-";
}
#termsAndConditions .alphaList,
#privacy .alphaList {
  counter-reset: item;
}
#termsAndConditions .alphaList li::before,
#privacy .alphaList li::before {
  content: counter(item, lower-alpha) ") ";
  counter-increment: item;
  font-weight: 700;
}
#termsAndConditions .normalNumber,
#privacy .normalNumber {
  counter-reset: item;
}
#termsAndConditions .normalNumber li:nth-child(n + 3)::before,
#privacy .normalNumber li:nth-child(n + 3)::before {
  content: counter(item) ". ";
  counter-increment: item;
}
#termsAndConditions .numbersWithSign,
#privacy .numbersWithSign {
  counter-reset: custom-item;
}
#termsAndConditions .numbersWithSign li::before,
#privacy .numbersWithSign li::before {
  content: counter(custom-item) ") ";
  counter-increment: custom-item;
}
#termsAndConditions .table77 th,
#privacy .table77 th {
  font-size: 16px;
  font-weight: bolder;
  font-family: "Nunito Sans Light";
  padding: 10px;
  text-align: left;
  vertical-align: middle;
}
#termsAndConditions .table77 td,
#privacy .table77 td {
  font-family: "Nunito Sans Light";
  font-size: 16px;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  padding: 8px 12px;
  height: auto;
  width: auto;
}
.upload-btn-wrapper .btnr {
  border: 1px solid gray;
  color: #000;
  background-color: #eee;
  padding: 5px 10px;
  border-radius: 1px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.upload-btn-wrapper .btnr + span {
  padding: 5px;
  font-weight: normal;
}
.upload-btn-wrapper input[type="file"] {
  font-size: 42px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: auto;
}
body#checkout2017 header {
  border-bottom: none;
  position: relative;
  display: block;
  padding: 0;
  border: 0;
}
body#checkout2017 header .sitenav {
  background: #dadada;
}
body#checkout2017 header .sitenav .coln {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
}
@media (max-width: 768px) {
  body#checkout2017 header .sitenav .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
body#checkout2017 header .sitenav a {
  font-size: 13px;
  line-height: 36px;
  font-weight: 600;
  color: #333;
  margin-right: 10px;
}
body#checkout2017 header .sitenav a:hover {
  color: #000;
  text-shadow: 0 0;
}
body#checkout2017 header .sitenav #live_chat_header:before {
  content: "";
  background-image: url(../icons/Chat_Icon_BLK.svg);
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
body#checkout2017 header .sitenav #headerPhoneNumber:before {
  content: "";
  background-image: url(../icons/Phone_Icon_BLK.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  width: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
body#checkout2017 header .sitenav [data-dropdown] > a {
  line-height: 26px;
  height: 26px;
}
body#checkout2017 header .sitenav #divShowHideLanguage .flag {
  margin-top: -2px;
}
body#checkout2017 header .sitenav .language_container a {
  font-size: 11px;
  line-height: 1.7;
}
body#checkout2017 header .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body#checkout2017 header .header-container #logo img {
  height: 48px;
}
body#checkout2017 header .header-container > span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body#checkout2017 .TopHeader {
  max-width: 1180px;
  margin: auto;
}
body#checkout2017 .HeaderTopBar {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.marketing {
  background: #313032 !important;
}
.marketing #footer {
  display: none;
}
#marketing-landing {
  margin: 0;
  background-color: #313032;
  color: #fff;
}
@media (max-width: 480.98px) {
  #marketing-landing {
    text-align: center;
  }
}
#marketing-landing .main-row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 50px 0;
}
@media (max-width: 1023.98px) {
  #marketing-landing .main-row {
    margin: 45px 0;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}
@media (max-width: 768px) and (min-width: 480px) {
  #marketing-landing .main-row {
    margin: 45px 0 10px 0;
  }
}
@media (max-width: 480.98px) {
  #marketing-landing .main-row {
    height: unset;
    margin: 30px 0 0 0;
  }
}
#marketing-landing .main-row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#marketing-landing .main-row > div > ._container-xl {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media (max-width: 480.98px) {
  #marketing-landing .main-row > div > ._container-xl {
    height: unset;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
@media (max-width: 1023.98px) {
  #marketing-landing .main-row > div {
    z-index: 11;
  }
}
#marketing-landing .main-row .image-area {
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 1023.98px) {
  #marketing-landing .main-row .image-area {
    position: absolute;
    z-index: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 0;
  }
}
@media (max-width: 480.98px) {
  #marketing-landing .main-row .image-area {
    position: relative;
    z-index: 0;
    width: 100%;
    right: 0;
    top: 30%;
  }
}
#marketing-landing .main-row .image-area .yellow-button {
  display: none;
  border: 1px solid #ffc13b;
  padding: 8px 30px;
  border-radius: 4px;
  background-color: #ffc13b;
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  top: 50%;
  left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}
@media (max-width: 480.98px) {
  #marketing-landing .main-row .image-area .yellow-button {
    display: block;
  }
}
#marketing-landing .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#marketing-landing .info .product-info {
  -ms-flex-item-align: center;
  align-self: center;
}
#marketing-landing .info .product-info ._p {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
@media (min-width: 1440px) {
  #marketing-landing .info .product-info ._p {
    width: 60%;
  }
}
@media (max-width: 768px) and (min-width: 480px) {
  #marketing-landing .info .product-info ._p {
    width: 60%;
  }
}
@media (max-width: 480px) {
  #marketing-landing .info .product-info ._p {
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 22px;
  }
}
#marketing-landing .info .product-info ._h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 32px;
  letter-spacing: 0.3px;
  line-height: 43px;
}
@media (max-width: 480px) {
  #marketing-landing .info .product-info ._h1 {
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 32px;
  }
}
#marketing-landing .info .product-info .yellow-button {
  display: block;
  border: 1px solid #ffc13b;
  padding: 8px 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
  background-color: #ffc13b;
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 480.98px) {
  #marketing-landing .info .product-info .yellow-button {
    display: none;
  }
}
#marketing-landing .steps {
  width: 98%;
  height: 35%;
  background-color: rgba(255, 255, 255, 0.1);
  border: rgba(255, 255, 255, 0.1) 0 solid;
  border-radius: 0 150px 150px 0;
}
@media (max-width: 1023.98px) {
  #marketing-landing .steps {
    height: auto;
    padding: 25px 0;
  }
}
@media (max-width: 767px) {
  #marketing-landing .steps {
    width: auto;
  }
}
#marketing-landing .steps.mob {
  display: none;
}
@media (min-width: 1440px) {
  #marketing-landing .steps {
    width: 70%;
  }
}
@media (max-width: 480.98px) {
  #marketing-landing .steps {
    height: auto;
    padding: unset;
    width: 90%;
    display: none;
  }
  #marketing-landing .steps.mob {
    display: block;
    bottom: 22px;
    position: absolute;
    left: -6px;
  }
}
#marketing-landing .steps ._row {
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  width: 100%;
}
#marketing-landing .steps ._p {
  font-family: "Nunito Sans";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-align: center;
}
@media (max-width: 1023.98px) {
  #marketing-landing .steps ._p {
    font-size: 14px;
    line-height: 18px;
  }
}
#marketing-landing .steps .icon {
  margin-bottom: 20px;
  height: 48px;
  width: 50.88px;
}
@media (max-width: 1023.98px) {
  #marketing-landing .steps .icon {
    height: 30px;
    width: 34px;
  }
}
#marketing-landing .steps > ._container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 85%;
  float: right;
  place-content: flex-end;
}
@media (max-width: 1023.98px) {
  #marketing-landing .steps > ._container {
    width: 100%;
  }
}
@media (max-width: 480.98px) {
  #marketing-landing .steps > ._container {
    width: unset;
  }
}
#marketing-landing .reviews {
  display: none;
  padding: 20px 0;
  background-color: #f9f9f9;
  margin: 20px 0 60px 0;
}
@media (max-width: 480px) {
  #marketing-landing .reviews {
    display: block;
  }
}
#marketing-landing .bottomFormMob {
  text-align: left;
  display: none;
  padding: 0 40px;
}
#marketing-landing .bottomFormMob h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 24px;
  letter-spacing: 0.3px;
  line-height: 32px;
}
@media (max-width: 480px) {
  #marketing-landing .bottomFormMob {
    display: block;
  }
}
#marketing-landing .bottomFormMob .formArea label {
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 16px;
}
#marketing-landing .bottomFormMob .formArea .new {
  height: 45px;
  margin-bottom: 10px;
  color: #000;
  background-color: transparent;
  border: 1px solid #a9a9a9;
  text-indent: 10px;
  font-size: 14px;
  font-family: "nunito sans";
  width: 100%;
}
#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 6px 0;
}
#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter label {
  display: inline-block;
  font-family: "Nunito Sans Light";
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 16px;
  margin-top: 7px;
  padding-left: 3px;
}
#marketing-landing
  .bottomFormMob
  .formArea
  #gdprCheckboxHolderFooter
  input[type="checkbox"] {
  display: none;
}
#marketing-landing
  .bottomFormMob
  .formArea
  #gdprCheckboxHolderFooter
  input[type="checkbox"]
  + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0 0.2em;
  float: left;
  margin-left: 18px;
}
#marketing-landing
  .bottomFormMob
  .formArea
  #gdprCheckboxHolderFooter
  input[type="checkbox"]
  + label:before {
  content: "";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1.6em;
  height: 1.69em;
  padding-left: 0.2em;
  padding-bottom: 0.4em;
  margin-right: 0.5em;
  padding-right: 0.1em;
  vertical-align: bottom;
  color: transparent;
  font-size: 9px;
  margin-left: -20px;
}
#marketing-landing
  .bottomFormMob
  .formArea
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:checked
  + label:before {
  background-image: url(/images/shop/icons/full_tick.svg);
  background-color: #000;
  background-position: 50%;
  background-size: 19px;
  background-repeat: no-repeat;
  border-color: #000;
  color: #fff;
}
#marketing-landing
  .bottomFormMob
  .formArea
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:checked:disabled
  + label:before {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}
#marketing-landing
  .bottomFormMob
  .formArea
  #gdprCheckboxHolderFooter
  input[type="checkbox"]:disabled
  + label:before {
  border-color: #aaa;
}
#marketing-landing .bottomFormMob #SubscribeNewsLetterMarketing {
  color: #fff;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #000;
}
#marketing-landing .bottomFormMob #SubscribeNewsLetterMarketing:disabled {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #ccc;
}
#marketing-landing
  .bottomFormMob
  #SubscribeNewsLetterMarketing:not(:disabled):hover {
  color: #000;
  background: #fff;
  border: 1px solid #000;
}
#marketing-landing .errorMessage {
  color: red;
}
#marketing-landing .createSteps {
  background: #fff;
  position: relative;
  color: #000;
  padding: 70px 0;
}
#marketing-landing .createSteps .cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
@media (max-width: 768px) {
  #marketing-landing .createSteps .cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  #marketing-landing .createSteps .cta .text-section {
    margin-left: 23px;
  }
}
#marketing-landing .createSteps .cta h5 {
  font-family: "Nunito Sans SemiBold";
  font-size: 24px;
  letter-spacing: 0.3px;
  line-height: 32px;
}
#marketing-landing .createSteps .cta span {
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
}
#marketing-landing .createSteps .cta a {
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-transform: capitalize;
  text-decoration: underline;
}
#marketing-landing .createSteps .cta a:hover {
  opacity: 0.4;
}
#marketing-landing .createSteps .cta .step1-icon {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  background-image: url("/images/icons/images/nav_set_ring.png");
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #marketing-landing .createSteps .cta .step1-icon {
    display: table;
  }
}
#marketing-landing .createSteps .cta .step2-icon {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  background-image: url("/images/icons/images/nav_c_diamond.png");
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #marketing-landing .createSteps .cta .step2-icon {
    display: table;
  }
}
#marketing-landing .createSteps .cta .step3-icon {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  background-image: url("/images/shop/icons/steps/ring.svg");
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #marketing-landing .createSteps .cta .step3-icon {
    display: table;
  }
}
.calendar77 button {
  border: none;
  outline: none;
}
.calendar77 table,
.calendar77 table th,
.calendar77 table td {
  border: 0;
  box-sizing: content-box;
}
.calendar77 table {
  margin: auto;
  width: 90%;
  cursor: default;
}
.calendar77 thead.visible .calendar77-title {
  height: 50px;
  vertical-align: middle;
}
.calendar77 thead.visible .calendar77-title button {
  height: 100%;
}
.calendar77 thead .calendar77-title {
  height: 50px;
  border: 0;
  text-align: center;
}
.calendar77 thead .calendar77-btn {
  padding: 5px 0;
  background-color: transparent;
  border: 0;
}
@media (max-width: 587px) {
  .calendar77 thead .calendar77-btn {
    padding: 0 8px;
  }
}
.calendar77 thead .calendar77-title-left {
  float: left;
}
.calendar77 thead .calendar77-title-left:disabled {
  opacity: 0;
}
.calendar77 thead .calendar77-title-right {
  float: right;
}
.calendar77 thead .calendar77-nav-left,
.calendar77 thead .calendar77-nav-right {
  border-radius: 10px;
  color: #999;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 10px 8px;
  text-align: center;
  transition: color 0.2s, background-color 0.2s;
  width: 20px;
}
.calendar77 thead .calendar77-nav-left {
  float: left;
}
.calendar77 thead .calendar77-nav-right {
  float: right;
}
.calendar77 thead .calendar77-title-name {
  cursor: pointer;
  padding: 0;
  color: #000;
  font-family: "Nunito Sans";
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 25px;
  text-transform: capitalize;
}
.calendar77 thead .calendar77-nav-left:after {
  content: "<";
}
.calendar77 thead .calendar77-nav-right:after {
  content: ">";
}
.calendar77 tbody {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  display: none;
}
.calendar77 tbody.visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  display: table-row-group;
}
.calendar77 tbody td {
  border-radius: unset;
  display: table-cell;
  font-size: 14px;
  font-weight: lighter;
  text-align: center;
  transition: color 0.1s, background-color 0.2s;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 21px;
  text-align: center;
  padding: 9px 12px;
}
.calendar77 tbody tr:not(.calendar77-week-days) td {
  border: 1px solid #ddd;
}
@media (max-width: 587px) {
  .calendar77 tbody td {
    width: 22px;
    height: 22px;
    line-height: 23px;
  }
}
@media (max-width: 375px) {
  .calendar77 tbody td {
    width: 18px;
    height: 18px;
    line-height: 19px;
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .calendar77 tbody td {
    width: 15px;
    height: 15px;
    font-size: 12px !important;
  }
}
.calendar77 tbody tr:not(.calendar77-week-days) td:not(.calendar77-disabled) {
  cursor: pointer;
}
.calendar77 tbody .calendar77-week-days td {
  font-weight: 800;
  font-size: 15px;
  text-transform: capitalize;
}
.calendar77 tbody td.calendar77-selected {
  background-color: #ffc766 !important;
  font-weight: bolder;
}
.calendar77 tbody td.calendar77-current {
  border-radius: unset;
  color: #000;
}
.calendar77 tbody td.calendar77-disabled {
  background-color: #f2f2f2;
  color: #9a9a9a;
}
.calendar77 tbody td.calendar77-next {
  color: #fff;
  pointer-events: none;
}
.calendar77 tbody td.calendar77-active {
  border: 2px solid #000 !important;
  background-color: #ffc13b;
  border-radius: unset;
  color: #000;
}
.calendar77 ::-moz-selection {
  background: #83d8ff;
}
.calendar77 ::selection {
  background: #83d8ff;
}
#divShowHideLanguage {
  position: relative;
}
#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row {
  margin-bottom: 12px;
}
#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row span {
  margin-top: 0;
  margin-bottom: 6px;
}
#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select {
  height: 24px;
  font-size: 13px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 0;
  white-space: normal;
  height: auto;
  padding-right: 16px;
  appearance: none;
}
#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select::-ms-expand {
  display: none;
}
#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select:focus {
  border: 0;
}
#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select option {
  padding-left: 5px;
}
#divShowHideLanguage .flag {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  background-position: center;
  background-size: 30px;
}
body:not(.defered) #divShowHideLanguage .flag {
  background: none !important;
}
#divShowHideLanguage .lblcode {
  font-family: "Plain Light", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
}
#divShowHideLanguage > ._btn:after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  border: solid;
  border-width: 0 1px 1px 0;
  height: 8px;
  width: 8px;
  margin-left: 3px;
  margin-bottom: 3px;
}
@media (max-width: 1023px) {
  #divShowHideLanguage {
    padding: 16px 0;
    display: inline-block;
    border: 1px solid transparent;
  }
  #divShowHideLanguage > ._btn {
    margin-bottom: -1px;
    z-index: 2;
    position: relative;
    background: #fff;
    border-radius: 0;
  }
  #divShowHideLanguage .dropdown {
    margin-left: 0 !important;
    width: 100%;
    box-sizing: content-box;
    display: block !important;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: all 0.4s;
    box-shadow: none;
    background-color: #fff;
    position: absolute;
    left: -1px;
    z-index: 1;
    transition: none;
  }
  #divShowHideLanguage .language_title {
    font-size: 13px;
    letter-spacing: 1px;
  }
  #divShowHideLanguage.dropdown-open {
    border-color: #000 #000 transparent;
  }
  #divShowHideLanguage.dropdown-open .dropdown {
    max-height: 1000px;
    width: max-content;
    min-width: 247px;
    height: auto;
    border: 1px solid #000;
    transition: none;
  }
}
@media (max-width: 1023px) and (min-width: 375px) {
  #divShowHideLanguage.dropdown-open .dropdown {
    min-width: 292px;
  }
}
@media (max-width: 1023px) {
  #divShowHideLanguage.dropdown-open .dropdown #divLanguageContent {
    padding: 8px 16px;
    transition: none;
  }
}
@media (min-width: 1024px) {
  #divShowHideLanguage {
    margin: 0;
    padding-right: 12px;
  }
  #divShowHideLanguage .icon77-ic_down {
    transform: scale(0.77);
  }
  #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row {
    margin-bottom: 18px;
    position: relative;
  }
  #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row:last-of-type {
    margin-bottom: 0;
  }
  #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row .icon77-ic_down {
    position: absolute;
    right: 10px;
    bottom: 0;
    pointer-events: none;
    transform: scale(0.5);
  }
  #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select {
    text-indent: 0;
    position: relative;
    background: none;
  }
  #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row .language_title {
    text-transform: none;
    font-size: 13px;
    letter-spacing: 1px;
  }
  #divShowHideLanguage .divHeaderItem2Dropdown {
    max-width: 220px;
    padding: 16px;
    background-color: #f5f4f4;
  }
}
.headerVisitShowroom {
  display: inline-block;
  margin-right: 12px;
}
.headerVisitShowroom .showroom-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  cursor: pointer;
}
.headerVisitShowroom .dropdown {
  padding: 40px;
  padding-bottom: 0;
  width: 500px;
  box-sizing: border-box;
  white-space: normal;
}
.headerVisitShowroom #showroomlist {
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: -2px;
  height: 100vh;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 78px 0 50px 0;
}
.headerVisitShowroom #showroomlist .closeShowroomArea {
  position: absolute;
  top: 24px;
  right: 36px;
  cursor: pointer;
}
@media (max-width: 1023.98px) {
  .headerVisitShowroom #showroomlist {
    overflow: auto;
  }
}
@media (min-width: 1024px) {
  .headerVisitShowroom #showroomlist {
    right: 0;
    left: auto;
    padding: 0;
    padding: 78px 0 50px 0;
    background-color: #fff;
    box-shadow: none;
  }
  .headerVisitShowroom #showroomlist:after {
    content: "";
    position: absolute;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    right: 500px;
    top: -60px;
    pointer-events: none;
  }
}
.headerVisitShowroom #showroomlist div.showroom-item {
  padding-left: 32px;
  padding-right: 32px;
}
.headerVisitShowroom #showroomlist div.showroom-item.closest .showroomTitle {
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.headerVisitShowroom
  #showroomlist
  div.showroom-item:not(.closest).open
  .icon77.-down {
  transform: rotate(0deg);
}
.headerVisitShowroom .showroom-item {
  border-bottom: 1px solid #d3d3d3;
}
.headerVisitShowroom .showroom-item:not(.closest) {
  background-color: #f5f5f5;
  padding: 10px 0;
}
@media (max-width: 400px) {
  .headerVisitShowroom .showroom-item .showroom-address {
    width: 100%;
  }
  .headerVisitShowroom .showroom-item .showroom-map {
    width: 100%;
    padding-left: 0;
    padding-top: 12px;
  }
}
.headerVisitShowroom .showroom-item iframe {
  border: 1px solid #000;
  padding: 1px;
}
.headerVisitShowroom .showroom-item h5 {
  cursor: pointer;
}
.headerVisitShowroom .showroom-item .showroom-more-info {
  display: none;
  padding-top: 15px;
}
.headerVisitShowroom .newTag {
  color: #fff;
  font-size: 8px;
  background-color: #000;
  padding: 4px 4px 2px;
  vertical-align: top;
}
.headerVisitShowroom .onlineConsultation {
  background: #ffeec9;
  padding: 20px 32px 25px 32px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .headerVisitShowroom .onlineConsultation {
    padding: 36px 60px;
  }
  .headerVisitShowroom .onlineConsultation ._h3 {
    font-size: 25px;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .headerVisitShowroom .dropdown {
    width: 100%;
    padding: 0;
  }
  .headerVisitShowroom .showroom-item {
    padding: 0 16px;
  }
}
.TopHeader {
  position: relative;
  padding: 15px 12px;
}
@media (min-width: 768px) {
  .TopHeader {
    padding: 25px;
  }
}
@media (max-width: 1023.98px) {
  body.stickyHeader .TopHeader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
  }
}
@media (min-width: 1024px) {
  .TopHeader {
    padding: 22px 32px;
  }
  .TopHeader .localizedLogo img {
    height: 40px;
  }
}
header .TopHeader [data-dropdown] .dropdown.help-dropdown {
  min-width: 200px;
  box-shadow: 0 0 12px -1px rgba(13, 9, 0, 0.1),
    0 1px 4px -1px rgba(13, 9, 0, 0.06);
}
header .TopHeader [data-dropdown] .dropdown.help-dropdown h3,
header .TopHeader [data-dropdown] .dropdown.help-dropdown p {
  font-family: "Domaine Text Light";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
header .TopHeader [data-dropdown] .dropdown.help-dropdown:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: -5px;
  left: 8px;
  transform: rotate(-45deg);
  z-index: 1000;
  background: #fff;
  box-shadow: 3px -3px 7px -2px rgba(13, 9, 0, 0.1);
}
@media (min-width: 1024px) {
  header .TopHeader [data-dropdown] .dropdown.help-dropdown {
    left: 50%;
    transform: translateX(-50%);
  }
  header .TopHeader [data-dropdown] .dropdown.help-dropdown:before {
    left: calc(50% - 10px);
  }
}
.TopHeader .localizedLogo img {
  height: 40px;
}
#currency-popup {
  position: absolute;
  top: 35px;
  left: 5px;
  z-index: 1000;
  text-align: center;
  min-width: 260px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  box-shadow: 0 4px 9px -5px #444;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: visibility 0.4s linear, opacity 0.4s linear;
  visibility: hidden;
  opacity: 0;
}
#currency-popup.hide {
  visibility: hidden;
  opacity: 0;
}
#currency-popup.show {
  visibility: visible;
  opacity: 1;
}
#currency-popup .popup-header {
  margin-top: 4px;
  color: #0d0900;
  font-family: "Domaine Text Light";
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}
#currency-popup .popup-text {
  color: #0d0900;
  width: 180px;
  font-family: "Domaine Text Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}
#currency-popup .popup-icon {
  position: absolute;
  top: 0%;
  right: 0%;
  margin: 8px;
  cursor: pointer;
}
#currency-popup hr {
  width: 100%;
  margin: 16px 0;
}
#currency-popup .popup-button {
  cursor: pointer;
  color: #fff;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.4px;
  line-height: 20px;
  text-align: center;
  background-color: #0d0900;
  border: 1px solid transparent;
  transition: all 0.4s linear;
  padding: 6px 33px;
  width: 100%;
  text-transform: uppercase;
}
#currency-popup .popup-button:hover {
  color: #0d0900;
  border: 1px solid #0d0900;
  background-color: #fff;
}
#currency-popup .popup-close-text {
  margin-top: 16px;
  color: #0d0900;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
}
#currency-popup.nondispatch-country {
  width: calc(100vw - 34px);
}
@media only screen and (min-width: 768px) {
  #currency-popup.nondispatch-country {
    width: 500px;
  }
}
#currency-popup.nondispatch-country .popup-close-btn {
  position: absolute;
  top: 0;
  right: 0;
}
#showroom-popover {
  position: absolute;
  top: 35px;
  right: 5px;
  z-index: 1000;
  text-align: center;
  min-width: 260px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  box-shadow: 0 4px 9px -5px #444;
  padding: 32px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: visibility 0.4s linear, opacity 0.4s linear;
  visibility: hidden;
  opacity: 0;
}
#showroom-popover.hide {
  visibility: hidden;
  opacity: 0;
}
#showroom-popover.show {
  visibility: visible;
  opacity: 1;
}
#showroom-popover .popover-header {
  margin-top: 4px;
  color: #0d0900;
  font-family: "Domaine Text Light";
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}
#showroom-popover .popover-text {
  color: #0d0900;
  width: 180px;
  font-family: "Domaine Text Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}
#showroom-popover .popover-text i {
  font-family: "Domaine Text Italic";
}
#showroom-popover .popover-icon {
  position: absolute;
  top: 0%;
  right: 0%;
  margin: 8px;
  cursor: pointer;
}
#showroom-popover hr {
  width: 100%;
  margin: 16px 0;
}
#showroom-popover .popover-button-underline {
  cursor: pointer;
  color: #0d0900;
  font-family: "Plain Light";
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: underline;
  text-underline-offset: 1px;
  margin-top: 12px;
}
#showroom-popover .popover-button {
  cursor: pointer;
  color: #fff;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.4px;
  line-height: 20px;
  text-align: center;
  background-color: #0d0900;
  border: 1px solid transparent;
  transition: all 0.4s linear;
  padding: 6px 33px;
  text-transform: uppercase;
}
#showroom-popover .popover-button:hover {
  color: #0d0900;
  border: 1px solid #0d0900;
  background-color: #fff;
}
.header-bag {
  position: fixed;
  height: 100%;
  z-index: 1050;
  transition: all 0.4s;
}
@media screen and (max-width: 479.8px) {
  .header-bag {
    width: 100%;
    top: 0;
    right: 0;
  }
  .header-bag:not(.active) {
    top: 100%;
  }
}
@media screen and (min-width: 480px) {
  .header-bag {
    width: 400px;
    top: 0;
    right: 0;
  }
  .header-bag:not(.active) {
    right: -400px;
  }
}
.header-bag:not(.active) {
  visibility: hidden;
}
.header-bag:not(.active) .header-bag-overlay {
  opacity: 0;
  pointer-events: none;
}
.header-bag .header-bag-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  cursor: pointer;
  transition: all 0.4s;
}
.header-bag .header-bag-content {
  background: #fff;
  height: 100%;
}
.header-bag .header-bag-image {
  background-color: #fafafa;
  padding: 16px 5px;
}
.header-bag .header-bag-image img {
  mix-blend-mode: darken;
}
.header-bag .icon77-loading {
  margin: 150px 155px;
}
.header-bag.loading:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.header-bag.loading[data-items="1"] .icon77-loading {
  margin: 92px 155px;
}
.main-nav {
  font-family: "Plain Light", sans-serif;
}
.main-nav a {
  color: #0d0900;
}
.main-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-nav .nav-link {
  display: block;
  color: #0d0900;
  font-size: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.main-nav .icon77 {
  margin-right: 8px;
  margin-top: -3px;
}
.main-nav .menu-title,
.main-nav .submenu-title,
.main-nav .menu-back {
  display: block;
  font-family: inherit;
}
.main-nav .menu-title,
.main-nav .menu-back {
  font-size: 14px;
  line-height: 30px;
}
.main-nav .submenu-title {
  font-size: 12px;
  line-height: 35px;
  margin-bottom: 0;
}
.main-nav .submenu-link {
  display: block;
  line-height: 36px;
  font-size: 14px;
  text-transform: capitalize;
}
.main-nav .submenu-link.link-highlight {
  background-color: #f3ece5;
  padding: 0 16px;
  font-size: 12px;
}
.main-nav .small-submenu-link .submenu-link {
  line-height: 32px;
}
.main-nav .menu-highlight {
  position: relative;
  display: block;
  background-color: #f3ece5;
  padding: 16px 46px 16px 16px;
  color: #0d0900;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
}
.main-nav .menu-highlight:after {
  content: "";
  position: absolute;
  transform: rotate(-45deg);
  border: solid;
  border-width: 0 1px 1px 0;
  height: 8px;
  width: 8px;
  top: 50%;
  margin-top: -6px;
  right: 20px;
}
.main-nav .newTag {
  color: #fff;
  font-size: 7px;
  background-color: #0d0900;
  padding: 4px 6px 2px;
  margin-left: 4px;
  vertical-align: middle;
}
.main-nav .metal-icon {
  width: 40px;
  height: 20px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .main-nav .metal-icon {
    margin-right: 12px;
    width: 20px;
  }
}
.main-nav .metal-icon.rose-gold {
  background-color: #f5c8a9;
}
.main-nav .metal-icon.yellow-gold {
  background-color: #e9d590;
}
.main-nav .metal-icon.white-gold {
  background-color: #efefef;
}
.main-nav .metal-icon.platinum {
  background-color: #c8c8c8;
}
.main-nav .metal-icon.palladium {
  background-color: #e7eaeb;
}
body.stickyHeader header {
  height: 59px;
}
@media (min-width: 768px) {
  body.stickyHeader header {
    height: 67px;
  }
}
@media (min-width: 1024px) {
  body.stickyHeader header {
    height: 110px;
  }
}
@media (min-width: 1024px) {
  body.stickyHeader .main-nav {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #ccc;
  }
}
a.header-phone-icon {
  font-family: "Plain Light", sans-serif;
  color: #0d0900;
  font-size: 12px;
  letter-spacing: 0.4px;
}
.bookAppointment {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .bookAppointment .icon77 {
    display: inline-block;
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .bookAppointment .icon77 {
    margin-right: 0;
  }
}
.bookAppointment .bookAppointment-title {
  margin: auto 10px;
  font-family: "Plain Light", sans-serif;
  color: #0d0900;
  font-size: 13px;
  line-height: initial;
  letter-spacing: 0;
}
@media (max-width: 1023.98px) {
  .NavigationItems {
    position: fixed;
    z-index: 1500;
    width: 100%;
    height: 100%;
    top: 0;
    visibility: hidden;
    transition: visibility 0.4s;
  }
  body.menu .NavigationItems {
    visibility: visible;
  }
  .wrapper-overlay {
    transition: background-color 0.4s;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
  }
  body.menu .wrapper-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
  }
  .main-nav,
  ul.sub-menu {
    height: 100%;
    overflow: auto;
    left: -320px;
    width: 85%;
    max-width: 320px;
    background-color: #fff;
    transition: left 0.5s ease;
    z-index: 10002;
    padding: 0 24px 24px;
  }
}
@media (max-width: 1023.98px) and (min-width: 480px) {
  .main-nav,
  ul.sub-menu {
    max-width: 400px;
    left: -400px;
  }
}
@media (max-width: 1023.98px) {
  .main-nav {
    position: absolute;
  }
  body.menu .main-nav {
    left: 0;
  }
  .main-nav .menu-title,
  .main-nav .menu-back {
    line-height: 42px;
  }
}
@media (max-width: 1023.98px) {
  .sub-menu {
    position: fixed;
    top: 0;
  }
  body.menu .sub-menu.active {
    left: 0;
  }
}
@media (max-width: 1023.98px) {
  .main-nav .menu-title.has-childs:before {
    content: "";
    float: right;
    transform: rotate(-45deg);
    border: solid;
    border-width: 0 1px 1px 0;
    height: 8px;
    width: 8px;
    margin: 17px 15px 0 5px;
  }
  .main-nav li {
    padding: 8px 0;
    border-top: 1px solid #e4e4e4;
  }
  .main-nav li.active .submenu-title.has-childs:after {
    border-width: 1px 0 0 1px;
    margin-top: 15px;
  }
  .main-nav li.active .submenu-link {
    height: 36px;
  }
  .main-nav li.active .submenu-link:last-child {
    height: 41px;
  }
  .main-nav li.active .submenu-link.link-highlight {
    height: 26px;
  }
  .main-nav li.active .submenu-link.link-highlight:first-of-type {
    height: 36px;
  }
  .main-nav li.active .submenu-link.link-highlight:last-of-type {
    height: 36px;
  }
  .main-nav li.-double .submenu-link:nth-child(2n) {
    width: 50%;
    float: left;
  }
  .main-nav li.-double:after {
    content: "";
    clear: both;
    display: block;
  }
  .main-nav .menu-back {
    border-top: 0;
  }
  .main-nav .menu-back:before {
    content: "";
    float: left;
    transform: rotate(135deg);
    border: solid;
    border-width: 0 1px 1px 0;
    height: 8px;
    width: 8px;
    margin: 17px 5px 0 5px;
  }
  .main-nav .submenu-title.has-childs:after {
    content: "";
    float: right;
    transform: rotate(45deg);
    border: solid;
    border-width: 0 1px 1px 0;
    height: 8px;
    width: 8px;
    margin-right: 7px;
    margin-top: 10px;
  }
  .main-nav .submenu-link {
    height: 0;
    overflow: hidden;
    transition: height 0.2s;
  }
  .main-nav .submenu-link.link-highlight {
    line-height: 26px;
  }
  .main-nav .submenu-link.link-highlight:first-of-type {
    line-height: 46px;
  }
}
.main-menu {
  display: flex;
}
@media only screen and (max-width: 1023.8px) {
  .main-menu {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu {
    justify-content: center;
  }
  .main-menu .main-menu-item {
    display: inline-block;
    padding: 0 10px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1440px) {
  .main-menu .main-menu-item {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu .main-menu-item .menu-title {
    font-size: 12px;
    letter-spacing: 0.4px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu .main-menu-item:hover .sub-menu {
    visibility: visible;
    border: 1px solid #f2f2f2;
    border-width: 1px 0;
  }
  html.no-touch .main-menu .main-menu-item:hover .sub-menu {
    transition-delay: 0.3s;
  }
  .main-menu .main-menu-item:hover .sub-menu:after {
    content: "";
  }
  .main-menu .main-menu-item:hover .menu-title {
    position: relative;
  }
  .main-menu .main-menu-item:hover .menu-title:after {
    content: "";
    border-bottom: 2px solid #ffc13b;
    z-index: 1000;
    width: 100%;
    left: 0;
    bottom: -1px;
    position: absolute;
  }
}
@media only screen and (min-width: 1024px) {
  body.stickyHeader .main-menu .main-menu-item .menu-title {
    line-height: 64px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1440px) {
  body.stickyHeader .main-menu .main-menu-item .menu-title {
    padding: 0 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu .sub-menu {
    position: absolute;
    display: flex;
    z-index: 200;
    left: 0;
    width: 100%;
    background: #fff;
    height: 300px;
    padding: 30px calc(50% - 500px) 40px;
    align-content: space-between;
    flex-flow: column wrap;
    visibility: hidden;
  }
  .main-menu .sub-menu li {
    max-width: 250px;
    margin-bottom: 25px;
  }
  .main-menu .sub-menu li.-double .submenu-link {
    width: 50%;
    float: left;
  }
  .main-menu .sub-menu li.-double:after {
    content: "";
    clear: both;
    display: block;
  }
  .main-menu .sub-menu li.-small {
    max-width: 18%;
  }
  .main-menu .sub-menu li.-small .menu-highlight {
    font-size: 11px;
    line-height: 1.8;
    padding-right: 16px;
  }
  .main-menu .sub-menu li.-small .menu-highlight:after {
    content: none;
  }
  .main-menu .sub-menu .submenu-title {
    color: #666;
  }
  .main-menu .sub-menu.-engagement-rings {
    height: 500px;
  }
  .main-menu .sub-menu.-jewellery {
    height: 575px;
  }
  .main-menu .sub-menu.-diamonds {
    height: 495px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-menu .sub-menu:after {
    background-position: center;
    background-repeat: no-repeat;
    order: 13;
    width: 25%;
    height: 100%;
    image-rendering: pixelated;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 300dpi),
  only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 2dppx) {
  .main-menu .sub-menu:after {
    background-size: cover;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-menu .sub-menu.-engagement-rings:after {
    background-image: url("/images/header/Categories/01_NAV_ER_x1.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 300dpi),
  only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 2dppx) {
  .main-menu .sub-menu.-engagement-rings:after {
    background-image: url("/images/header/Categories/01_NAV_ER_x2.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-menu .sub-menu.-wedding-rings:after {
    background-image: url("/images/header/Categories/03_NAV_WED_x1.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 300dpi),
  only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 2dppx) {
  .main-menu .sub-menu.-wedding-rings:after {
    background-image: url("/images/header/Categories/03_NAV_WED_x2.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-menu .sub-menu.-eternity-rings:after {
    background-image: url("/images/header/Categories/02_NAV_ET_x1.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 300dpi),
  only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 2dppx) {
  .main-menu .sub-menu.-eternity-rings:after {
    background-image: url("/images/header/Categories/02_NAV_ET_x2.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-menu .sub-menu.-jewellery:after {
    background-image: url("/images/header/Categories/04_NAV_DJ_x1.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 300dpi),
  only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 2dppx) {
  .main-menu .sub-menu.-jewellery:after {
    background-image: url("/images/header/Categories/04_NAV_DJ_x2.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-menu .sub-menu.-diamonds:after {
    background-image: url("/images/header/Categories/05_NAV_DIA_x1.jpg?v=2");
    background-position-y: top;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 300dpi),
  only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 2dppx) {
  .main-menu .sub-menu.-diamonds:after {
    background-image: url("/images/header/Categories/05_NAV_DIA_x2.jpg?v=2");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-menu .sub-menu.-gemstones:after {
    background-image: url("/images/header/Categories/06_NAV_GEM_x1.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 300dpi),
  only screen and (min-width: 1024px) and (min-width: 1024px) and (min-resolution: 2dppx) {
  .main-menu .sub-menu.-gemstones:after {
    background-image: url("/images/header/Categories/06_NAV_GEM_x2.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-menu .sub-menu.-education:after {
    background-image: url("/images/header/Categories/07_NAV_EDU_x1.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-device-pixel-ratio: 2) {
  .main-menu .sub-menu.-education:after {
    background-image: url("/images/header/Categories/07_NAV_EDU_x2.jpg");
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1440px) {
  .main-menu .sub-menu.-engagement-rings {
    padding-left: calc(50% - 600px);
    padding-right: calc(50% - 600px);
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu .submenu-link.link-highlight {
    line-height: 24px;
  }
  .main-menu .submenu-link.link-highlight:first-of-type {
    padding-top: 10px;
  }
  .main-menu .submenu-link.link-highlight:last-of-type {
    padding-bottom: 10px;
  }
}
header {
  min-height: 60px;
  border-bottom: 1px solid #f2f2f2;
}
header #logo img {
  max-height: 35px;
  width: auto;
  margin: 0 auto;
}
header .navCloseButton {
  display: none;
  position: absolute;
}
header [data-dropdown] {
  cursor: pointer;
  white-space: nowrap;
}
header [data-dropdown] .dropdown {
  cursor: default;
  position: absolute;
  top: 100%;
  background: #fff;
  margin-top: 1px;
}
header [data-dropdown]:not(.-right) .dropdown {
  left: 0;
}
header [data-dropdown].-right .dropdown {
  right: 0;
}
.caret-icon {
  position: relative;
}
.caret-icon:after {
  content: "";
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -10px;
  width: 12px;
  height: 12px;
  transform: rotate(225deg);
  border: solid;
  border-width: 1.5px 0 0 1.5px;
}
.caret-icon.-small:after {
  margin-top: -6px;
  width: 8px;
  height: 8px;
}
.caret-icon.-up:after,
.open .caret-icon:after,
.active .caret-icon:after {
  transform: rotate(45deg);
  margin-top: 0;
}
#vat_increase_banner.last-order-messaging {
  background-color: #f4f0ee !important;
}
#vat_increase_banner div {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 40px;
  background-color: #f5f5f5;
}
@media (max-width: 768px) {
  #vat_increase_banner div {
    height: auto !important;
    flex-direction: column;
    padding: 10px 4px;
  }
}
#vat_increase_banner ._p {
  font-size: 14px;
  color: #000;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 18px;
}
@media (max-width: 768px) {
  #vat_increase_banner ._p {
    margin-bottom: 10px;
  }
}
#vat_increase_banner ._btn-link {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 18px;
  color: #000;
  text-decoration: underline;
  text-transform: capitalize;
  margin-left: 10px;
  font-weight: 700;
  cursor: pointer;
}
#vat_increase_banner ._btn-link:hover {
  opacity: 0.4;
}
#ot-sdk-btn-floating,
#onetrust-close-btn-container {
  display: none !important;
}
#onetrust-banner-sdk:focus {
  outline: 2px solid transparent !important;
}
.cursor-pointer {
  cursor: pointer;
}
.auth-header {
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .auth-header {
    display: none;
  }
}
#auth-popup {
  position: absolute;
  top: 35px;
  z-index: 1000;
  text-align: center;
  align-items: center;
  width: 367px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  box-shadow: 0 4px 9px -5px #444;
  padding: 24px;
  display: flex;
  flex-direction: column;
  transition: visibility 0.4s linear, opacity 0.4s linear;
  visibility: hidden;
  opacity: 0;
}
#auth-popup.logged-in {
  width: 260px;
  text-align: left;
  align-items: flex-start;
  right: 10px;
}
@media (max-width: 768px) {
  #auth-popup {
    width: calc(100vw - 45px) !important;
    right: 0 !important;
  }
}
#auth-popup.hide {
  visibility: hidden;
  opacity: 0;
}
#auth-popup.show {
  visibility: visible;
  opacity: 1;
}
#auth-popup .popup-header {
  margin-top: 4px;
  color: #0d0900;
  font-family: "Domaine Text Light";
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}
#auth-popup .popup-text {
  color: #0d0900;
  width: 100%;
  font-family: "Plain Medium";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  text-align: left;
  margin-bottom: 0;
}
#auth-popup .cta-link {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: underline;
  color: #0d0900;
  font-family: "Plain Medium";
  text-transform: capitalize;
  border: 0;
  background: none;
  padding: 0;
}
#auth-popup ._cta {
  margin-top: 16px;
  width: 100%;
}
#auth-popup .popup-icon {
  position: absolute;
  top: 0%;
  right: 0%;
  margin: 8px;
  cursor: pointer;
}
#auth-popup hr {
  width: 100%;
  margin: 16px 0;
}
#auth-popup .popup-button {
  cursor: pointer;
  color: #fff;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.4px;
  line-height: 20px;
  text-align: center;
  background-color: #0d0900;
  border: 1px solid transparent;
  transition: all 0.4s linear;
  padding: 6px 33px;
  width: 100%;
  text-transform: uppercase;
}
#auth-popup .popup-button:hover {
  color: #0d0900;
  border: 1px solid #0d0900;
  background-color: #fff;
}
#auth-popup .popup-close-text {
  margin-top: 16px;
  color: #0d0900;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
}
#auth-popup.nondispatch-country {
  width: calc(100vw - 34px);
}
@media only screen and (min-width: 768px) {
  #auth-popup.nondispatch-country {
    width: 500px;
  }
}
#auth-popup.nondispatch-country .popup-close-btn {
  position: absolute;
  top: 0;
  right: 0;
}
#auth-popup #formAuthPopup .fieldHolder.floating-label {
  position: relative;
  margin-bottom: 24px;
  height: 44px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
#auth-popup
  #formAuthPopup
  .fieldHolder.floating-label
  .floating-input:focus
  ~ label,
#auth-popup
  #formAuthPopup
  .fieldHolder.floating-label
  .floating-input:not(:placeholder-shown)
  ~ label {
  top: 0;
  transform: translateY(4px);
  color: #666;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
}
#auth-popup #formAuthPopup .fieldHolder.floating-label:focus-within {
  border: 1px solid #666;
}
#auth-popup #formAuthPopup .fieldHolder.floating-label label {
  color: #666;
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  pointer-events: none;
  left: 0;
  padding: 0 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
#auth-popup #formAuthPopup .fieldHolder.floating-label.hasError {
  border: 1px solid #a9201e;
  margin-bottom: 40px;
}
#auth-popup #formAuthPopup .fieldHolder.floating-label.hasError label {
  color: #a9201e !important;
}
#auth-popup #formAuthPopup .fieldHolder.floating-label .errorMessage {
  position: absolute;
  bottom: 0;
  transform: translateY(110%);
  margin: 0;
}
#auth-popup #formAuthPopup .fieldHolder.floating-label .errorMessage span {
  color: #a9201e;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
}
#auth-popup #formAuthPopup .fieldHolder input {
  font-family: "Plain Light";
  color: #0d0900;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  height: 28px;
  border: 0;
  outline: 0;
  bottom: 0;
  position: absolute;
}
#auth-popup #formAuthPopup .fieldHolder input:-webkit-autofill {
  -webkit-background-clip: text;
  background-clip: text;
}
#auth-popup #formAuthPopup .fieldHolder input:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
#auth-popup #formAuthPopup .fieldHolder input::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
}
#auth-popup #formAuthPopup #authPopupButton {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 3.125rem;
  background-color: #0d0900;
  border: 1px solid transparent;
  border-radius: 0;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Plain Light";
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  height: 44px;
  transition: all 0.4s linear;
}
#auth-popup #formAuthPopup #authPopupButton.active {
  background-color: #2ecc71;
}
#auth-popup #formAuthPopup #authPopupButton.active:before {
  width: 100%;
  transition: width 3s linear;
}
#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(1) {
  top: -100%;
  transform: translateY(-50%);
}
#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(2) i {
  animation: loading 500ms linear infinite;
}
#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(3) {
  display: none;
}
#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(4) {
  display: none;
}
#auth-popup #formAuthPopup #authPopupButton.finished {
  background-color: #54d98c;
}
#auth-popup #formAuthPopup #authPopupButton.finished .submit {
  display: none;
}
#auth-popup #formAuthPopup #authPopupButton.finished .loading {
  display: none;
}
#auth-popup #formAuthPopup #authPopupButton.finished .check {
  display: block !important;
  font-size: 24px;
  animation: scale 0.5s linear;
}
#auth-popup #formAuthPopup #authPopupButton.finished .check i {
  transform-origin: center center;
}
#auth-popup #formAuthPopup #authPopupButton.failed {
  background-color: #d95954;
}
#auth-popup #formAuthPopup #authPopupButton.failed:hover {
  color: #fff;
}
#auth-popup #formAuthPopup #authPopupButton.failed .submit {
  display: none;
}
#auth-popup #formAuthPopup #authPopupButton.failed .loading {
  display: none;
}
#auth-popup #formAuthPopup #authPopupButton.failed .check {
  display: none;
}
#auth-popup #formAuthPopup #authPopupButton.failed .error {
  display: flex !important;
  justify-items: center;
  justify-content: center;
}
#auth-popup #formAuthPopup #authPopupButton:hover {
  background-color: #fff;
  border: 1px solid #0d0900;
  color: #0d0900;
}
#auth-popup #formAuthPopup #authPopupButton.finished:hover,
#auth-popup #formAuthPopup #authPopupButton.active:hover {
  background-color: #54d98c;
  border: 1px solid transparent;
  color: unset;
}
#auth-popup #formAuthPopup #authPopupButton.failed:hover {
  background-color: #d95954;
  border: 1px solid transparent;
  color: unset;
}
#auth-popup #formAuthPopup #authPopupButton:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #54d98c;
}
#auth-popup #formAuthPopup #authPopupButton span {
  position: absolute;
  line-height: 0;
}
#auth-popup #formAuthPopup #authPopupButton span i {
  transform-origin: center center;
}
#auth-popup #formAuthPopup #authPopupButton span:nth-of-type(1) {
  top: 50%;
  transform: translateY(-50%);
}
#auth-popup #formAuthPopup #authPopupButton span:nth-of-type(2) {
  top: 100%;
  transform: translateY(0%);
  font-size: 24px;
}
#auth-popup #formAuthPopup #authPopupButton span:nth-of-type(3) {
  display: none;
}
#auth-popup #formAuthPopup #authPopupButton span:nth-of-type(4) {
  display: none;
}
#auth-popup #formAuthPopup .error-message {
  color: #a9201e;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
}
#auth-popup #formAuthPopup ._btn-outline-light {
  background-color: #fff;
  border-color: #0d0900;
  color: #0d0900;
}
#auth-popup #formAuthPopup ._btn-outline-light:hover {
  background-color: #0d0900;
  border-color: #fff;
  color: #fff;
}
#auth-popup #formAuthPopup #togglePassword {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #fff;
  border: 0;
  outline: 0;
  padding: 0 10px;
}
#auth-popup ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#auth-popup ul li {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Plain Light";
}
#auth-popup ul li:hover {
  font-family: "Plain Medium";
}
#auth-popup ul li + li {
  margin-top: 12px;
}
#christmas_ribbon {
  margin: 24px 0;
  display: flex;
  text-align: center;
  justify-content: center;
  background-color: #d6b679;
}
#christmas_ribbon .ribbon-container {
  position: relative;
  max-width: 1372px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 425px) {
  #christmas_ribbon .ribbon-container {
    display: flex;
    justify-content: space-between;
  }
}
#christmas_ribbon p {
  margin: 0;
  font-family: "Plain Light";
  padding: 8px 0;
  font-size: 12px;
  font-weight: bold;
}
@media (max-width: 768px) {
  #christmas_ribbon p {
    max-width: 80%;
  }
}
@media (max-width: 425px) {
  #christmas_ribbon p {
    max-width: 239px;
    margin: 0 10px;
    font-size: 10px;
  }
}
#christmas_ribbon img {
  position: absolute;
  z-index: 100;
  width: 120px;
  right: 80px;
  bottom: -32px;
}
@media (max-width: 1025px) {
  #christmas_ribbon img {
    right: 20px;
    bottom: -32px;
  }
}
@media (max-width: 425px) {
  #christmas_ribbon img {
    width: 105px;
    right: 5px;
    bottom: -14px;
  }
}
@charset "UTF-8";
@media (max-width: 466px) {
  main#mainVideo,
  #RingSizeVideoArea picture img {
    width: 100% !important;
  }
}
@media (min-width: 466px) {
  main#mainVideo,
  #RingSizeVideoArea picture img {
    width: 60%;
  }
}
#RingSizeVideoArea .video-overlay {
  height: 387px;
  position: absolute;
  z-index: 100;
  width: 100%;
}
#RingSizeVideoArea .video-overlay .icon77-play_outline {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 40px;
  cursor: pointer;
}
#RingSizeVideoArea .video-overlay {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(255, 255, 255, 0.537)),
    to(rgba(255, 255, 255, 0.279))
  );
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.537),
    rgba(255, 255, 255, 0.279)
  );
  background-size: cover;
}
@media (max-width: 480px) {
  #RingSizeVideoArea .video-overlay {
    height: 218px;
  }
}
@media (max-width: 480px) {
  #RingSizeVideoArea video {
    height: 218px;
  }
}
main#education2020 {
  padding: 72px 0;
}
main#education2020 .container {
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
main#education2020 ol {
  list-style-type: decimal;
  max-width: 680px;
  margin: auto;
  padding: 0 16px;
}
main#education2020 ol.mb-72 {
  margin-bottom: 72px;
}
main#education2020 ol li {
  text-align: left;
  font-weight: bold;
}
main#education2020 ol li span {
  font-weight: normal;
}
main#education2020 ol p {
  text-align: left;
}
main#education2020 span a,
main#education2020 p a,
main#education2020 .p a {
  text-decoration: underline;
}
main#education2020 section {
  margin-bottom: 72px;
}
@media (min-width: 769px) {
  main#education2020 section {
    margin-bottom: 72px;
  }
}
main#education2020 section:last-of-type {
  padding-bottom: 0;
}
main#education2020 section.remember-section {
  background-color: #fafafa;
  padding: 24px 0;
  text-align: left;
}
main#education2020 section.remember-section h3 {
  font-family: "Playfair Display";
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 27px;
  text-align: center;
}
@media (max-width: 466px) {
  main#education2020 section.remember-section h3 {
    text-align: left;
  }
}
main#education2020 section.remember-section ul {
  list-style: none;
}
main#education2020 section.remember-section ul li {
  text-align: left;
  margin: 0 auto;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
main#education2020 section.remember-section ul.dashed li {
  text-indent: -5px;
}
main#education2020 section.remember-section ul.dashed li:before {
  content: "- ";
  text-indent: -5px;
}
main#education2020 section.remember-section .container {
  max-width: 680px;
  margin: auto;
}
main#education2020 section.useful-links {
  background-color: #f5f5f7;
  padding: 24px 0 96px 0;
}
main#education2020 section.useful-links .container {
  max-width: 680px;
  margin: auto;
}
main#education2020 section.useful-links u,
main#education2020 section.useful-links p {
  text-align: left;
}
main#education2020 section.useful-links hr {
  border-bottom: 1px solid #d7d7d7;
}
main#education2020 section.useful-links div.link {
  width: 49.8%;
  display: inline-block;
}
@media (min-width: 769px) {
  main#education2020 section.useful-links div.link {
    width: 33.3%;
  }
}
main#education2020 section.useful-links div.link p {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  margin-bottom: 12px;
}
main#education2020 section.useful-links div.link a {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.26px;
  line-height: 19px;
  text-decoration: underline;
}
main#education2020 section.useful-links div.link a:after {
  content: " »";
}
main#education2020 section.useful-links a:hover {
  opacity: 0.4;
}
main#education2020 table {
  margin: 48px auto;
  width: 680px;
  table-layout: auto;
}
@media (max-width: 767.98px) {
  main#education2020 table {
    width: 96%;
  }
}
main#education2020 table td,
main#education2020 table th {
  padding: 12px 0;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-align: left;
}
@media (max-width: 767.98px) {
  main#education2020 table td,
  main#education2020 table th {
    font-family: "Nunito Sans Light";
    font-size: 12px;
    letter-spacing: 0.43px;
    line-height: 18px;
    padding-right: 16px;
  }
}
main#education2020 table td:first-of-type,
main#education2020 table th:first-of-type {
  min-width: 210px;
}
@media (max-width: 768.98px) {
  main#education2020 table td:first-of-type,
  main#education2020 table th:first-of-type {
    min-width: 140px;
  }
}
main#education2020 table th:not(:first-of-type) {
  border-bottom: 1px solid #ccc;
}
main#education2020 .tableWrapper {
  overflow: auto;
  height: 350px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
@media (max-width: 466px) {
  main#education2020 .tableWrapper {
    width: auto;
  }
}
main#education2020 table.table_ringsize {
  max-width: unset;
  width: auto;
  margin: auto;
}
main#education2020 table.table_ringsize thead th {
  position: sticky;
  top: 0;
  background-color: #000;
  color: #fff;
  font-family: "Nunito Sans SemiBold";
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: center;
}
main#education2020 table.table_ringsize tbody {
  overflow-y: scroll;
}
main#education2020 table.table_ringsize tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
main#education2020 table.table_ringsize tbody td {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 24px;
  text-align: center;
  padding: 0;
}
main#education2020 section.index {
  background-color: #fafafa;
  padding: 24px 0;
}
main#education2020 section.index li {
  text-align: left;
  margin-bottom: 0;
}
main#education2020 section.index .container {
  max-width: 380px;
  margin: auto;
}
@media (min-width: 768px) {
  main#education2020 section.index .container {
    max-width: 680px;
  }
}
@media (min-width: 769px) {
  main#education2020 section.index {
    padding: 32px 0;
  }
}
main#education2020 section.index h5 {
  color: #000;
  font-family: "Nunito Sans Bold";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
}
@media (min-width: 1023.98px) {
  main#education2020 section.index h5 {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
main#education2020 section.index ul {
  list-style-type: disc;
  list-style-position: inside;
}
main#education2020 section.index ul li {
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  cursor: pointer;
}
@media (min-width: 1023.98px) {
  main#education2020 section.index ul li {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
main#education2020 h1,
main#education2020 h2 {
  font-family: "Playfair Display";
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 33px;
  text-align: center;
  margin: auto;
  margin-bottom: 36px;
}
@media (min-width: 769px) {
  main#education2020 h1,
  main#education2020 h2 {
    font-size: 44px;
    letter-spacing: 1.41px;
    line-height: 60px;
    margin-bottom: 48px;
  }
}
main#education2020 h2 {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  main#education2020 h2 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
  }
}
@media (max-width: 466px) {
  main#education2020 h2 {
    text-align: left;
  }
}
main#education2020.brexit2021 h2 {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media (min-width: 769px) {
  main#education2020.brexit2021 h2 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
  }
}
@media (max-width: 466px) {
  main#education2020.brexit2021 h2 {
    text-align: left;
  }
}
main#education2020 u {
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.36px;
  line-height: 24px;
}
main#education2020.ring-size-guide u {
  margin: 24px 0;
}
main#education2020 p,
main#education2020 li,
main#education2020 .p,
main#education2020 .ul-list {
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 21px;
  text-align: left;
  margin: auto;
  margin-bottom: 24px;
  max-width: 370px;
}
@media (min-width: 768px) {
  main#education2020 p,
  main#education2020 li,
  main#education2020 .p,
  main#education2020 .ul-list {
    max-width: 680px;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
main#education2020 p strong,
main#education2020 li strong,
main#education2020 .p strong,
main#education2020 .ul-list strong {
  font-family: "Nunito Sans SemiBold";
}
@media (min-width: 769px) {
  main#education2020 .ul-list {
    max-width: 630px;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
main#education2020 .ul-list li:before {
  content: "-";
  padding-right: 5px;
}
main#education2020 .sectionTitle p {
  text-align: center;
}
main#education2020 .p li:first-of-type {
  margin-top: 24px;
}
main#education2020 .p li {
  margin-bottom: 0;
}
main#education2020 hr {
  border: none;
  border-bottom: 1px solid #000;
  width: 120px;
  max-width: 100%;
  margin: 24px auto;
}
@media (min-width: 769px) {
  main#education2020 hr {
    margin: 36px auto;
  }
}
main#education2020 hr.fullWidth {
  width: 100%;
}
main#education2020 .faq_question {
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
main#education2020 .faq_text {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
  margin-top: 10px;
}
@media (min-width: 769px) {
  main#education2020 .faq_summary {
    max-width: 680px;
    margin: auto;
  }
}
main#education2020 .faq_summary::-webkit-details-marker {
  display: none;
}
main#education2020 .faq_summary:after {
  display: inline-block;
  width: 15px;
  height: 18px;
  vertical-align: middle;
  content: "";
  background-image: url(~icons/chevron-down.svg);
  background-repeat: no-repeat;
  background-position: center right;
  margin-left: 10px;
}
#education7c.OurPromises .content .main-title {
  color: #000;
  font-family: "Domaine Text Light";
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 52px;
  text-align: center;
  margin-bottom: 16px;
  margin-top: 32px;
}
#education7c.OurPromises .content .main-p {
  color: #000;
  font-family: "Domaine Text Light";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}
#education7c.OurPromises .content hr {
  margin: 48px auto;
  height: 2px;
  width: 200px;
  background-color: #000;
}
#education7c.OurPromises .content .sub-title {
  color: #000;
  font-family: "Domaine Text Light";
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 8px;
}
#education7c.OurPromises .content .sub-p {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 32px;
}
@media (max-width: 480px) {
  #education7c.OurPromises .content .main-title {
    font-size: 32px;
    line-height: 44px;
    margin-top: 10px;
  }
  #education7c.OurPromises .content .main-p {
    color: #000;
    font-family: "Domaine Text Light";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
  }
  #education7c.OurPromises .content hr {
    margin: 32px auto;
  }
  #education7c.OurPromises .content .sub-title {
    font-size: 22px;
    line-height: 28px;
  }
  #education7c.OurPromises .content .sub-p {
    font-size: 14px;
    line-height: 20px;
  }
}
.icon77 {
  background-image: url(/Assets/icons/icon77.png?v=638955624680000000);
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-o-min-device-pixel-ratio: 3/2),
  (min--moz-device-pixel-ratio: 1.5),
  (min-resolution: 1.5dppx),
  (min-device-pixel-ratio: 1.5) {
  .icon77 {
    background-image: url(/Assets/icons/icon77@2x.png?v=638955624680000000);
    background-size: 473px 442px;
  }
}
.icon77-AGS-Horizontal_color_tag {
  background-position: 0 -58px;
  width: 145.5px;
  height: 56px;
}
.icon77-Apple {
  background-position: -321px -94px;
  width: 35px;
  height: 35px;
}
.icon77-Back_to_top {
  background-position: -453px -428px;
  width: 15px;
  height: 9px;
}
.icon77-Coloured {
  background-position: -52px -340px;
  width: 24px;
  height: 24px;
}
.icon77-Em_Ring {
  background-position: -364px -340px;
  width: 24px;
  height: 24px;
}
.icon77-Footer_Assay {
  background-position: 0 -116px;
  width: 100px;
  height: 54px;
}
.icon77-Footer_BSA {
  background-position: -169px 0;
  width: 100px;
  height: 59px;
}
.icon77-Google {
  background-position: -321px -205px;
  width: 35px;
  height: 35px;
}
.icon77-Icon_AmazonPay {
  background-position: -50px -232px;
  width: 50px;
  height: 30px;
}
.icon77-Icon_Amex {
  background-position: -102px -232px;
  width: 50px;
  height: 30px;
}
.icon77-Icon_CB {
  background-position: -154px -232px;
  width: 50px;
  height: 30px;
}
.icon77-Icon_CallUs {
  background-position: -102px -116px;
  width: 50px;
  height: 50px;
}
.icon77-Icon_ChatNow {
  background-position: -154px -116px;
  width: 50px;
  height: 50px;
}
.icon77-Icon_Email {
  background-position: -206px -116px;
  width: 50px;
  height: 50px;
}
.icon77-Icon_Klarna {
  background-position: -206px -232px;
  width: 50px;
  height: 30px;
}
.icon77-Icon_MasterCard {
  background-position: -258px -232px;
  width: 50px;
  height: 30px;
}
.icon77-Icon_NewDeco {
  background-position: 0 -282px;
  width: 50px;
  height: 30px;
}
.icon77-Icon_Paypal {
  background-position: -52px -282px;
  width: 50px;
  height: 30px;
}
.icon77-Icon_Support {
  background-position: 0 -172px;
  width: 58px;
  height: 58px;
}
.icon77-Icon_Visa {
  background-position: -104px -282px;
  width: 50px;
  height: 30px;
}
.icon77-Minus-icon {
  background-position: -453px -222px;
  width: 19px;
  height: 19px;
}
.icon77-Ruby_Ring {
  background-position: -286px -392px;
  width: 24px;
  height: 24px;
}
.icon77-Sapph_Necklace {
  background-position: -364px -392px;
  width: 24px;
  height: 24px;
}
.icon77-Sapph_Ring {
  background-position: -390px -392px;
  width: 24px;
  height: 24px;
}
.icon77-Trustpilot_logo {
  background-position: -169px -61px;
  width: 100px;
  height: 40px;
}
.icon77-advice {
  background-position: -271px 0;
  width: 48px;
  height: 48px;
}
.icon77-arrow-left {
  background-position: -453px -380px;
  width: 18px;
  height: 9px;
}
.icon77-arrow-left_g {
  background-position: -363px -152px;
  width: 35px;
  height: 18px;
}
.icon77-arrow-right {
  background-position: -453px -391px;
  width: 18px;
  height: 9px;
}
.icon77-arrow-right_g {
  background-position: -363px -172px;
  width: 35px;
  height: 18px;
}
.icon77-arrow {
  background-position: -363px -218px;
  width: 24px;
  height: 24px;
}
.icon77-arrow_g {
  background-position: -321px -131px;
  width: 35px;
  height: 35px;
}
.icon77-attachement {
  background-position: -453px -159px;
  width: 19px;
  height: 19px;
}
.icon77-bell {
  background-position: -363px -244px;
  width: 24px;
  height: 24px;
}
.icon77-book_app {
  background-position: -363px -270px;
  width: 24px;
  height: 24px;
}
.icon77-calendar {
  background-position: -363px -296px;
  width: 24px;
  height: 24px;
}
.icon77-carat-down {
  background-position: -390px -192px;
  width: 8px;
  height: 4px;
}
.icon77-carat-down_white {
  background-position: -363px -322px;
  width: 12px;
  height: 6px;
}
.icon77-caret-down {
  background-position: -453px -402px;
  width: 16px;
  height: 10px;
}
.icon77-cert {
  background-position: -271px -50px;
  width: 48px;
  height: 48px;
}
.icon77-chat-black {
  background-position: 0 -340px;
  width: 24px;
  height: 24px;
}
.icon77-chat-sm {
  background-position: -453px -27px;
  width: 20px;
  height: 20px;
}
.icon77-chat {
  background-position: -453px -345px;
  width: 18px;
  height: 17px;
}
.icon77-chevron {
  background-position: -26px -340px;
  width: 24px;
  height: 24px;
}
.icon77-close_white {
  background-position: -453px -285px;
  width: 18px;
  height: 18px;
}
.icon77-crafted {
  background-position: -271px -100px;
  width: 48px;
  height: 48px;
}
.icon77-cupids {
  background-position: -78px -340px;
  width: 24px;
  height: 24px;
}
.icon77-cupidslg {
  background-position: -104px -340px;
  width: 24px;
  height: 24px;
}
.icon77-delivery-box {
  background-position: -130px -340px;
  width: 24px;
  height: 24px;
}
.icon77-dia_triangular {
  background-position: -208px -340px;
  width: 24px;
  height: 24px;
}
.icon77-diamond_round {
  background-position: -156px -340px;
  width: 24px;
  height: 24px;
}
.icon77-diamond_round_yellow {
  background-position: -182px -340px;
  width: 24px;
  height: 24px;
}
.icon77-double_tick {
  background-position: -234px -340px;
  width: 24px;
  height: 24px;
}
.icon77-down_gray {
  background-position: -260px -340px;
  width: 24px;
  height: 24px;
}
.icon77-email-chat {
  background-position: -453px -180px;
  width: 19px;
  height: 19px;
}
.icon77-email {
  background-position: -286px -340px;
  width: 24px;
  height: 24px;
}
.icon77-email:not(.hover-disabled):hover {
  background-position: -312px -340px;
  width: 24px;
  height: 24px;
}
.icon77-emerald_round {
  background-position: -338px -340px;
  width: 24px;
  height: 24px;
}
.icon77-error {
  background-position: 0 -366px;
  width: 24px;
  height: 24px;
}
.icon77-et_channel {
  background-position: -121px -264px;
  width: 68px;
  height: 12px;
}
.icon77-et_claw {
  background-position: -191px -264px;
  width: 68px;
  height: 12px;
}
.icon77-et_designer {
  background-position: -50px -264px;
  width: 69px;
  height: 14px;
}
.icon77-exit {
  background-position: -453px -414px;
  width: 12px;
  height: 12px;
}
.icon77-eye-off {
  background-position: -26px -366px;
  width: 24px;
  height: 24px;
}
.icon77-eye {
  background-position: -52px -366px;
  width: 24px;
  height: 24px;
}
.icon77-facebook-new {
  background-position: -321px -168px;
  width: 35px;
  height: 35px;
}
.icon77-facebook {
  background-position: -78px -366px;
  width: 24px;
  height: 24px;
}
.icon77-gia-logo {
  background-position: 0 0;
  width: 167px;
  height: 56px;
}
.icon77-help-circle-outline {
  background-position: -104px -366px;
  width: 24px;
  height: 24px;
}
.icon77-help {
  background-position: -271px -150px;
  width: 48px;
  height: 48px;
}
.icon77-ic_chat {
  background-position: -130px -366px;
  width: 24px;
  height: 24px;
}
.icon77-ic_down {
  background-position: -453px -71px;
  width: 20px;
  height: 20px;
}
.icon77-ic_left {
  background-position: -453px -93px;
  width: 20px;
  height: 20px;
}
.icon77-ic_right {
  background-position: -453px -115px;
  width: 20px;
  height: 20px;
}
.icon77-icon-email {
  background-position: -453px -364px;
  width: 20px;
  height: 14px;
}
.icon77-icon-phone {
  background-position: -453px -49px;
  width: 20px;
  height: 20px;
}
.icon77-info-circle-solid {
  background-position: -156px -366px;
  width: 24px;
  height: 24px;
}
.icon77-instagram {
  background-position: -182px -366px;
  width: 24px;
  height: 24px;
}
.icon77-jcb {
  background-position: -156px -282px;
  width: 50px;
  height: 30px;
}
.icon77-leave {
  background-position: -453px -201px;
  width: 19px;
  height: 19px;
}
.icon77-linkedin {
  background-position: -208px -366px;
  width: 24px;
  height: 24px;
}
.icon77-loading {
  background-position: -321px -52px;
  width: 40px;
  height: 40px;
}
.icon77-location_alert {
  background-position: -234px -366px;
  width: 24px;
  height: 24px;
}
.icon77-lock {
  background-position: -260px -366px;
  width: 24px;
  height: 24px;
}
.icon77-log-out {
  background-position: -286px -366px;
  width: 24px;
  height: 24px;
}
.icon77-logo-assay-sm {
  background-position: -453px 0;
  width: 20px;
  height: 25px;
}
.icon77-logo-assay {
  background-position: -321px 0;
  width: 40px;
  height: 50px;
}
.icon77-map-marker {
  background-position: -312px -366px;
  width: 24px;
  height: 24px;
}
.icon77-nav-cross {
  background-position: -453px -305px;
  width: 18px;
  height: 18px;
}
.icon77-nav_EAR_drops {
  background-position: -401px -182px;
  width: 24px;
  height: 24px;
}
.icon77-nav_EAR_hoops {
  background-position: -401px -208px;
  width: 24px;
  height: 24px;
}
.icon77-nav_EAR_studs {
  background-position: -401px -234px;
  width: 24px;
  height: 24px;
}
.icon77-nav_ER_diamband {
  background-position: -271px -200px;
  width: 48px;
  height: 24px;
}
.icon77-nav_ER_halo {
  background-position: -260px -282px;
  width: 48px;
  height: 24px;
}
.icon77-nav_ER_solitaire {
  background-position: -310px -282px;
  width: 48px;
  height: 24px;
}
.icon77-nav_ER_trilogy {
  background-position: 0 -314px;
  width: 48px;
  height: 24px;
}
.icon77-nav_ER_vintage {
  background-position: -50px -314px;
  width: 48px;
  height: 24px;
}
.icon77-nav_ET_channel {
  background-position: -100px -314px;
  width: 65px;
  height: 12px;
}
.icon77-nav_ET_claw {
  background-position: -167px -314px;
  width: 65px;
  height: 12px;
}
.icon77-nav_ET_designer {
  background-position: -234px -314px;
  width: 65px;
  height: 12px;
}
.icon77-nav_GEM_emerald {
  background-position: -321px -242px;
  width: 36px;
  height: 29px;
}
.icon77-nav_GEM_ruby {
  background-position: -363px 0;
  width: 36px;
  height: 29px;
}
.icon77-nav_GEM_sapphire {
  background-position: -363px -31px;
  width: 36px;
  height: 29px;
}
.icon77-nav_NECK_initials {
  background-position: -26px -392px;
  width: 24px;
  height: 24px;
}
.icon77-nav_NECK_necklaces {
  background-position: -52px -392px;
  width: 24px;
  height: 24px;
}
.icon77-nav_NECK_pendants {
  background-position: -78px -392px;
  width: 24px;
  height: 24px;
}
.icon77-nav_bag {
  background-position: -338px -366px;
  width: 24px;
  height: 24px;
}
.icon77-nav_bag_full {
  background-position: -364px -366px;
  width: 24px;
  height: 24px;
}
.icon77-nav_c_coldiam {
  background-position: -401px 0;
  width: 24px;
  height: 24px;
}
.icon77-nav_c_diamond {
  background-position: -401px -26px;
  width: 24px;
  height: 24px;
}
.icon77-nav_c_earring {
  background-position: -401px -52px;
  width: 24px;
  height: 24px;
}
.icon77-nav_c_necklaces {
  background-position: -401px -78px;
  width: 24px;
  height: 24px;
}
.icon77-nav_c_ring {
  background-position: -401px -104px;
  width: 24px;
  height: 24px;
}
.icon77-nav_drops {
  background-position: -401px -130px;
  width: 24px;
  height: 24px;
}
.icon77-nav_ear {
  background-position: -401px -156px;
  width: 24px;
  height: 24px;
}
.icon77-nav_emerald {
  background-position: -401px -260px;
  width: 24px;
  height: 24px;
}
.icon77-nav_hoops {
  background-position: -401px -286px;
  width: 24px;
  height: 24px;
}
.icon77-nav_location {
  background-position: -401px -312px;
  width: 24px;
  height: 24px;
}
.icon77-nav_location_full {
  background-position: -401px -338px;
  width: 24px;
  height: 24px;
}
.icon77-nav_menu {
  background-position: -401px -364px;
  width: 24px;
  height: 24px;
}
.icon77-nav_neck {
  background-position: 0 -392px;
  width: 24px;
  height: 24px;
}
.icon77-nav_ruby {
  background-position: -104px -392px;
  width: 24px;
  height: 24px;
}
.icon77-nav_sapphire {
  background-position: -130px -392px;
  width: 24px;
  height: 24px;
}
.icon77-nav_set_ring {
  background-position: -156px -392px;
  width: 24px;
  height: 24px;
}
.icon77-nav_studs {
  background-position: -182px -392px;
  width: 24px;
  height: 24px;
}
.icon77-phone {
  background-position: -208px -392px;
  width: 24px;
  height: 24px;
}
.icon77-pinterest {
  background-position: -234px -392px;
  width: 24px;
  height: 24px;
}
.icon77-play_outline {
  background-position: -60px -172px;
  width: 56px;
  height: 56px;
}
.icon77-plus-512 {
  background-position: -453px -243px;
  width: 19px;
  height: 19px;
}
.icon77-ratings_4half {
  background-position: -118px -172px;
  width: 110px;
  height: 20.5px;
}
.icon77-ratings_5 {
  background-position: -118px -194.5px;
  width: 110px;
  height: 20.5px;
}
.icon77-refresh {
  background-position: -260px -392px;
  width: 24px;
  height: 24px;
}
.icon77-ruby_round {
  background-position: -312px -392px;
  width: 24px;
  height: 24px;
}
.icon77-sapphire_round {
  background-position: -338px -392px;
  width: 24px;
  height: 24px;
}
.icon77-secure {
  background-position: -427px 0;
  width: 24px;
  height: 24px;
}
.icon77-send {
  background-position: -453px -264px;
  width: 19px;
  height: 19px;
}
.icon77-shape_asscher {
  background-position: -427px -26px;
  width: 24px;
  height: 24px;
}
.icon77-shape_cushion {
  background-position: -427px -52px;
  width: 24px;
  height: 24px;
}
.icon77-shape_emerald {
  background-position: -427px -78px;
  width: 24px;
  height: 24px;
}
.icon77-shape_heart {
  background-position: -427px -104px;
  width: 24px;
  height: 24px;
}
.icon77-shape_kite {
  background-position: -427px -130px;
  width: 24px;
  height: 24px;
}
.icon77-shape_marquise {
  background-position: -427px -156px;
  width: 24px;
  height: 24px;
}
.icon77-shape_oldcut {
  background-position: -427px -182px;
  width: 24px;
  height: 24px;
}
.icon77-shape_other {
  background-position: -427px -208px;
  width: 24px;
  height: 24px;
}
.icon77-shape_oval {
  background-position: -427px -234px;
  width: 24px;
  height: 24px;
}
.icon77-shape_pear {
  background-position: -427px -260px;
  width: 24px;
  height: 24px;
}
.icon77-shape_princess {
  background-position: -427px -286px;
  width: 24px;
  height: 24px;
}
.icon77-shape_radiant {
  background-position: -427px -312px;
  width: 24px;
  height: 24px;
}
.icon77-shape_rectangle {
  background-position: -427px -338px;
  width: 24px;
  height: 24px;
}
.icon77-shape_round {
  background-position: -427px -364px;
  width: 24px;
  height: 24px;
}
.icon77-shape_square {
  background-position: -427px -390px;
  width: 24px;
  height: 24px;
}
.icon77-share {
  background-position: -453px -325px;
  width: 18px;
  height: 18px;
}
.icon77-social-X {
  background-position: -26px -418px;
  width: 24px;
  height: 24px;
}
.icon77-social-tiktok-24px {
  background-position: 0 -418px;
  width: 24px;
  height: 24px;
}
.icon77-sourced {
  background-position: 0 -232px;
  width: 48px;
  height: 48px;
}
.icon77-star {
  background-position: -363px -192px;
  width: 25px;
  height: 24px;
}
.icon77-tab-tick {
  background-position: -52px -418px;
  width: 24px;
  height: 24px;
}
.icon77-thumbs {
  background-position: -363px -62px;
  width: 28px;
  height: 28px;
}
.icon77-thumbs:not(.hover-disabled):hover {
  background-position: -363px -92px;
  width: 28px;
  height: 28px;
}
.icon77-thumbs_selected {
  background-position: -363px -122px;
  width: 28px;
  height: 28px;
}
.icon77-twitter {
  background-position: -78px -418px;
  width: 24px;
  height: 24px;
}
.icon77-user {
  background-position: -104px -418px;
  width: 24px;
  height: 24px;
}
.icon77-v12-logo {
  background-position: -208px -282px;
  width: 50px;
  height: 30px;
}
.icon77-whatsapp-sm {
  background-position: -453px -137px;
  width: 20px;
  height: 20px;
}
.icon77-whatsapp {
  background-position: -130px -418px;
  width: 24px;
  height: 24px;
}
.icon77-wheelchair {
  background-position: -156px -418px;
  width: 24px;
  height: 24px;
}
.icon77-youtube {
  background-position: -182px -418px;
  width: 24px;
  height: 24px;
}
.icon77.-right {
  transform: rotate(90deg);
}
.icon77.-down {
  transform: rotate(180deg);
}
.icon77.-left {
  transform: rotate(-90deg);
}
.icon77.flip {
  transform: rotateX(180deg) rotateY(180deg);
}
.icon77.-white {
  filter: invert(1);
}
.icon77.-red {
  filter: invert(25%) sepia(86%) saturate(100);
}
.icon77.-yellow {
  filter: brightness(0) invert(1) sepia(67%) saturate(100);
}
.icon77.-emerald {
  filter: invert(12%) sepia(95%) saturate(4964%) hue-rotate(154deg)
    brightness(95%) contrast(101%);
}
.icon77.-tourmaline {
  filter: invert(41%) sepia(99%) saturate(1434%) hue-rotate(190deg)
    brightness(97%) contrast(90%);
}
#showHideSeoText {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 8px;
  z-index: 9;
}
#showHideSeoText > i {
  -webkit-transition: color 0.5s ease, -webkit-transform 0.5s ease;
  transition: color 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, color 0.5s ease;
  transition: transform 0.5s ease, color 0.5s ease, -webkit-transform 0.5s ease;
}
#showHideSeoText:hover > i,
#showHideSeoText.active > i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#seoTextTop {
  max-height: 0;
  overflow: hidden;
  padding: 0 60px;
  -webkit-transition: max-height 0.5s ease, padding 0.5s ease;
  transition: max-height 0.5s ease, padding 0.5s ease;
}
#seoTextTop h1 {
  font-size: 2.2em;
  margin-bottom: 0.75em;
}
#showHideSeoText.active + #seoTextTop {
  max-height: 500px;
  padding: 30px 60px 20px 60px;
}
@media (max-width: 768px) {
  #showHideSeoText.active + #seoTextTop {
    padding: 10px 6px;
  }
}
@media (max-width: 768px) {
  #showHideSeoText.active + #seoTextTop .h1 {
    font-size: 17px;
  }
}
@media (max-width: 320px) {
  #showHideSeoText.active + #seoTextTop .h1 {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  #showHideSeoText.active + #seoTextTop p {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 320px) {
  #showHideSeoText.active + #seoTextTop p {
    font-size: 13px;
  }
}
#hero {
  position: relative;
}
#hero .HomepageTopBanner {
  margin: 0;
  padding: 0;
  border-width: 0;
  white-space: nowrap;
}
#hero .HomepageTopBanner .singleSlide {
  overflow: hidden;
  position: relative;
  text-align: center;
}
#hero .HomepageTopBanner .singleSlide .singleSlideInner img {
  max-width: 100%;
  height: auto;
}
#hero .HomepageTopBanner .singleSlide .link_btn {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Nunito Sans SemiBold";
  pointer-events: none;
  text-align: center;
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  margin: auto;
  width: 200px;
  height: 45px;
  line-height: 45px;
  max-width: 90%;
  background-color: #fff;
  color: #333;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: normal;
  line-height: 17px;
  text-transform: uppercase;
}
#hero .HomepageTopBanner.christmas .singleSlide .link_btn {
  background-color: #fff;
  border: 1px solid #0e3752;
  color: #0e3752;
}
#hero .newHomepageBanner .slideContent {
  padding-top: 50px;
}
#hero .newHomepageBanner .slideContent.mobilePreCTA {
  position: absolute;
  bottom: 12px;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#hero
  .newHomepageBanner
  .slideContent.mobilePreCTA
  .buttonsHolder
  a._cta-white {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #fff;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 18px;
}
#hero .newHomepageBanner .slideContent .h1 {
  font-family: "Nunito Sans";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.6px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  margin-bottom: 24px;
  max-width: 84%;
}
#hero .newHomepageBanner .slideContent p {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 21px;
  text-align: center;
  max-width: 84%;
  margin: auto;
}
#hero .newHomepageBanner .slideContent .buttonsHolder {
  text-align: center;
  padding: 11px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 0;
}
#hero .newHomepageBanner .slideContent .buttonsHolder a._cta-black {
  width: 220px;
  padding: 0 12px;
}
@media (min-width: 425px) {
  #hero .newHomepageBanner.bespoke .slide img {
    width: 100%;
  }
}
@media (max-width: 425px) {
  #hero .newHomepageBanner.bespoke .slideContent .h1 {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.44px;
    text-align: center;
    margin-bottom: 0;
  }
}
@media (max-width: 425px) {
  #hero .newHomepageBanner.bespoke .slideContent p {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#hero .newHomepageBanner.bespoke .slideContent.mobilePreCTA {
  position: absolute;
  top: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 24px;
}
#hero .newHomepageBanner.bespoke .slideContent.mobilePreCTA .buttonsHolder {
  padding-top: 20px;
}
@media (max-width: 425px) {
  #hero .newHomepageBanner.bespoke .slideContent.mobilePreCTA .buttonsHolder {
    padding: 0;
    margin: 0;
  }
}
#hero
  .newHomepageBanner.bespoke
  .slideContent.mobilePreCTA
  .buttonsHolder
  a._cta-white {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #fff;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  line-height: 18px;
}
#hero
  .newHomepageBanner.bespoke
  .slideContent.mobilePreCTA
  .buttonsHolder
  a._cta-white:hover {
  background: rgba(255, 255, 255, 0.4);
}
#hero .newHomepageBanner.olympia .buttonsHolder a._cta-black,
#hero .newHomepageBanner.olympia .buttonsHolder a._cta-white {
  border-radius: 4px;
}
#hero .newHomepageBanner.olympia .slideContent.mobilePreCTA {
  top: 0;
}
#hero .newHomepageBanner.olympia .slideContent .h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 24px;
  letter-spacing: 0.3px;
  line-height: 32px;
  font-weight: 600;
}
#hero .newHomepageBanner.olympia .slideContent p.pre {
  margin-bottom: 14px;
  font-family: "Playfair Display";
  font-size: 16px;
  letter-spacing: 0.5px;
}
#hero .valentinesHero {
  position: relative;
}
#hero .valentinesHero picture {
  overflow: hidden;
}
#hero .valentinesHero figure picture img {
  width: 100%;
}
#hero .valentinesHero .slide {
  position: static;
  height: 100%;
}
#hero .valentinesHero .slideContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#hero .valentinesHero .slideContent .h1 {
  color: #bb5474;
  font-family: "EB Garamond";
  font-size: 45px;
  line-height: 55px;
  max-width: 561px;
}
#hero .valentinesHero .slideContent .h1 span {
  white-space: nowrap;
}
#hero .valentinesHero .slideContent p {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 23px;
  text-shadow: none;
  max-width: 561px;
}
#hero .valentinesHero .slideContent .buttonsHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  width: 267px;
  max-width: 561px;
}
#hero .valentinesHero .slideContent .buttonsHolder a.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 6px;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  border: 1px solid #bb5474;
  color: #bb5474;
  background-color: transparent;
  height: 45px;
  width: 267px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 769px) {
  #hero .HomepageTopBanner .singleSlide {
    width: 20%;
  }
}
@media (min-width: 769px) {
  #hero .HomepageTopBanner .singleSlide .singleSlideInner {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  #hero .HomepageTopBanner .singleSlide .singleSlideInner:hover {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@media (max-width: 768px) {
  #hero .HomepageTopBanner .singleSlide .link_btn {
    bottom: 30px;
  }
}
@media (max-width: 480px) {
  #hero .HomepageTopBanner .singleSlide .link_btn {
    bottom: 15px;
    width: 190px;
    height: 40px;
  }
}
@media (min-width: 769px) {
  #hero .HomepageTopBanner .singleSlide:hover .link_btn {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #000;
    color: #fff;
  }
}
@media (min-width: 769px) {
  #hero .HomepageTopBanner.christmas .singleSlide:hover .link_btn {
    background-color: #0e3752;
    color: #0e3752;
    color: #fff;
  }
}
@media (max-width: 768.9px) {
  #hero .newHomepageBanner picture {
    display: block;
    position: relative;
  }
}
@media (min-width: 770px) {
  #hero .newHomepageBanner .slideContent.mobilePreCTA {
    display: none;
  }
}
@media (min-width: 769px) {
  #hero .newHomepageBanner .slideContent .buttonsHolder {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
#hero .newHomepageBanner.olympia .slideContent .textshadow {
  text-shadow: 0 0 20px #000;
}
#hero .newHomepageBanner.olympia .slideContent .textshadow.noShadow {
  text-shadow: 0 0 0 transparent;
}
@media (min-width: 769px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow.valentine > div {
    background: rgba(255, 255, 255, 0.8);
    padding: 45px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
#hero .newHomepageBanner.olympia .slideContent .textshadow.valentine .h1 {
  color: #000;
  font-family: "Playfair Display";
  font-size: 32px;
  letter-spacing: 0.6px;
  line-height: 43px;
  font-weight: 400;
}
@media (max-width: 480px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow.valentine .h1 {
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
  }
}
#hero .newHomepageBanner.olympia .slideContent .textshadow.valentine p {
  color: #000;
  font-family: "Nunito Sans";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
  margin-top: 20px !important;
}
@media (max-width: 768px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow.valentine p {
    max-width: 89%;
  }
}
@media (max-width: 480px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow.valentine p {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
    text-align: center;
  }
}
#hero
  .newHomepageBanner.olympia
  .slideContent
  .textshadow.valentine
  .buttonsHolder
  a._cta-black,
#hero
  .newHomepageBanner.olympia
  .slideContent
  .textshadow.valentine
  .buttonsHolder
  .divisor {
  color: #000;
}
#hero .newHomepageBanner.olympia .slideContent .textshadow .h1 {
  text-transform: capitalize;
}
@media (min-width: 770px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow .h1 {
    margin: 0;
  }
}
#hero .newHomepageBanner.olympia .slideContent .textshadow p {
  max-width: 423px;
}
@media (min-width: 769px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow p {
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow p strong {
    font-weight: bold;
  }
}
@media (max-width: 640px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow .buttonsHolder {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
@media (min-width: 769px) {
  #hero .newHomepageBanner.olympia .slideContent .textshadow .buttonsHolder {
    padding: 0 !important;
    margin: 0 !important;
  }
}
#hero .newHomepageBanner.olympia img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #hero .newHomepageBanner.olympia img {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#6c6c6c),
      to(#707070)
    );
    background: linear-gradient(90deg, #6c6c6c 0%, #707070 100%);
  }
}
@media (min-width: 768px) {
  #hero .newHomepageBanner.olympia img {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#404141),
      color-stop(62.27%, #6e6e6e),
      to(#5d5d5d)
    );
    background: linear-gradient(
      90deg,
      #404141 0%,
      #6e6e6e 62.27%,
      #5d5d5d 100%
    );
  }
}
@media (min-width: 1024px) {
  #hero .newHomepageBanner.olympia img {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#404141),
      color-stop(62.85%, #6b6b6b),
      to(#5d5d5d)
    );
    background: linear-gradient(
      90deg,
      #404141 0%,
      #6b6b6b 62.85%,
      #5d5d5d 100%
    );
  }
}
@media (min-width: 1440px) {
  #hero .newHomepageBanner.olympia img {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#404141),
      color-stop(73.97%, #6b6b6b),
      to(#5d5d5d)
    );
    background: linear-gradient(
      90deg,
      #404141 0%,
      #6b6b6b 73.97%,
      #5d5d5d 100%
    );
  }
}
@media (min-width: 1920px) {
  #hero .newHomepageBanner.olympia img {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#404141),
      color-stop(73.97%, #6b6b6b),
      to(#5d5d5d)
    );
    background: linear-gradient(
      90deg,
      #404141 0%,
      #6b6b6b 73.97%,
      #5d5d5d 100%
    );
  }
}
#hero .newHomepageBanner.olympia .bannerDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #hero .newHomepageBanner.olympia .slideContent {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (max-width: 768px) {
  #hero .newHomepageBanner.olympia .slideContent .h1,
  #hero .newHomepageBanner.olympia .slideContent p {
    color: #000 !important;
  }
  #hero .newHomepageBanner.olympia .slideContent .textshadow {
    text-shadow: 0 0 0 transparent;
  }
}
@media (min-width: 481px) {
  #hero .newHomepageBanner.olympia .slideContent .h1 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
    color: #000;
  }
  #hero .newHomepageBanner.olympia .slideContent p {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
    color: #000;
  }
}
@media (min-width: 769px) {
  #hero .newHomepageBanner.olympia .slideContent {
    width: 100%;
  }
  #hero .newHomepageBanner.olympia .slideContent .h1 {
    color: #fff;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
    max-width: 100%;
    text-align: left;
    margin-bottom: 12px;
  }
  #hero .newHomepageBanner.olympia .slideContent p {
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
    max-width: 100%;
    text-align: left;
  }
  #hero .newHomepageBanner.olympia .slideContent p.pre {
    margin-bottom: 14px;
  }
  #hero .newHomepageBanner.olympia .slideContent .buttonsHolder {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 6px;
  }
  #hero .newHomepageBanner.olympia .slideContent .buttonsHolder a._cta-black {
    background-color: transparent;
    border: none;
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: 0.5px;
    text-decoration: underline;
    margin: 0;
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-transform: none;
    width: auto;
  }
  #hero
    .newHomepageBanner.olympia
    .slideContent
    .buttonsHolder
    a._cta-black:hover {
    background-color: transparent;
    opacity: 0.5;
  }
  #hero .newHomepageBanner.olympia .slideContent .buttonsHolder .divisor {
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: 0.5px;
    margin: 0 8px;
    display: block;
  }
}
@media (min-width: 1023.98px) {
  #hero .newHomepageBanner.olympia .slideContent .h1 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
  }
  #hero .newHomepageBanner.olympia .slideContent p {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
@media (min-width: 1439.98px) {
  #hero .newHomepageBanner.olympia .slideContent {
    margin-left: 14%;
    width: 45%;
  }
  #hero .newHomepageBanner.olympia .slideContent .h1 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
  }
  #hero .newHomepageBanner.olympia .slideContent p {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
}
@media (max-width: 480px) {
  #hero .newHomepageBanner.olympia .slideContent p.pre {
    font-size: 14px;
    margin-bottom: 14px;
  }
}
@media (min-width: 640px) {
  #hero .newHomepageBanner .slideContent .buttonsHolder {
    width: 100%;
  }
  #hero .newHomepageBanner .slideContent .buttonsHolder a._cta-black {
    margin: 0 12px;
    margin-top: 0;
  }
}
#hero .newHomepageBanner .slideContent .h1,
#hero .newHomepageBanner .slideContent p {
  color: #fff;
}
#hero .newHomepageBanner .slideContent .buttonsHolder .divisor {
  display: none;
}
@media (min-width: 769px) {
  #hero .newHomepageBanner .slideContent {
    padding-top: 0;
    position: absolute;
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    z-index: 0;
  }
  #hero .newHomepageBanner .slideContent .h1 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 43px;
    max-width: 60%;
    margin: auto;
    margin-bottom: 24px;
  }
  #hero .newHomepageBanner .slideContent p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 26px;
    max-width: 60%;
    margin: auto;
  }
  #hero .newHomepageBanner .slideContent .buttonsHolder a.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 12px;
    margin-top: 24px;
  }
  #hero .newHomepageBanner .slideContent .buttonsHolder a.btn:hover {
    background-color: #000;
    color: #fff;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #hero .newHomepageBanner .slideContent {
    padding-top: 0;
    position: absolute;
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 10%;
  }
  #hero .newHomepageBanner .slideContent .h1,
  #hero .newHomepageBanner .slideContent p {
    max-width: 90%;
  }
}
@media (min-width: 1900px) and (max-width: 1920px) {
  #hero .newHomepageBanner .slide img {
    -o-object-fit: none;
    object-fit: none;
  }
}
@media (max-width: 768px) {
  #hero .valentinesHero .slide {
    left: 0;
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 1260px) and (min-width: 481px) {
  #hero .valentinesHero .slideContent {
    padding-left: 40px;
  }
}
@media (max-width: 321px) {
  #hero .valentinesHero .slideContent {
    padding-left: 32px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #hero .valentinesHero .slideContent .buttonsHolder {
    margin-bottom: 80px;
  }
}
@media (max-width: 480px) {
  #hero .valentinesHero .slideContent {
    padding: 0 20px;
  }
}
@media (max-width: 769px) {
  #hero .valentinesHero .slideContent .h1 {
    font-size: 40px;
    line-height: 46px;
  }
  #hero .valentinesHero .slideContent p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 640px) {
  #hero .valentinesHero .slideContent .h1 {
    font-size: 28px;
    line-height: 32px;
  }
  #hero .valentinesHero .slideContent p {
    font-size: 13px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  #hero .valentinesHero .slideContent .buttonsHolder a.btn:hover {
    background-color: #bb5474;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media (max-width: 640px) and (min-width: 320px) {
  #hero .valentinesHero .slideContent .h1,
  #hero .valentinesHero .slideContent p,
  #hero .valentinesHero .slideContent .buttonsHolder {
    max-width: 50%;
  }
}
@media (max-width: 321px) {
  #hero .valentinesHero .slideContent {
    padding: 0;
  }
  #hero .valentinesHero .slideContent .h1,
  #hero .valentinesHero .slideContent p {
    max-width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  #hero .valentinesHero .slideContent .buttonsHolder {
    display: block;
    max-width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  #hero .valentinesHero .slideContent .buttonsHolder {
    width: 200px;
  }
  #hero .valentinesHero .slideContent .buttonsHolder a.btn {
    width: 200px;
  }
}
@media (max-width: 640px) {
  #hero .valentinesHero .slideContent .buttonsHolder a.btn {
    height: 36px;
  }
}
.HomepagePrimroseCollection {
  padding: 50px 8px;
  text-align: center;
  font-family: "Nunito Sans SemiBold";
}
.HomepagePrimroseCollection .h2 {
  margin: auto;
  max-width: 356px;
  color: #333;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 32px;
  margin-bottom: 15px;
}
.HomepagePrimroseCollection .generic_btn {
  margin: auto;
}
@media (min-width: 480px) {
  .HomepagePrimroseCollection {
    padding: 70px 8px;
  }
  .HomepagePrimroseCollection .h2 {
    max-width: 484px;
    font-size: 28px;
    letter-spacing: 0.87px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .HomepagePrimroseCollection {
    padding: 80px 8px;
  }
  .HomepagePrimroseCollection .h2 {
    max-width: 575px;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 45px;
    margin-bottom: 25px;
  }
}
.HomepageTopTierDiamonds {
  position: relative;
  text-align: center;
}
.HomepageTopTierDiamonds .captionArea {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.HomepageTopTierDiamonds .captionArea .captionAreaInner {
  color: #000;
  text-align: left;
  padding: 0 16px;
}
.HomepageTopTierDiamonds .captionArea .captionAreaInner .h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 43px;
  margin-bottom: 24px;
  max-width: 650px;
}
.HomepageTopTierDiamonds .captionArea .captionAreaInner .h3 {
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  margin: auto;
  max-width: 650px;
}
.HomepageTopTierDiamonds .captionArea .captionAreaInner .p {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
  margin-bottom: 36px;
  max-width: 540px;
}
.HomepageTopTierDiamonds .captionArea .captionAreaInner a {
  width: 216px;
}
.HomepageTopTierDiamonds .captionArea .captionAreaInner a:first-of-type {
  margin-right: 30px;
}
.HomepageTopTierDiamonds .captionArea .captionAreaInner a:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .HomepageTopTierDiamonds .captionArea .captionAreaInner {
    padding-left: 8%;
  }
}
@media (min-width: 1024px) {
  .HomepageTopTierDiamonds .captionArea .captionAreaInner {
    padding-left: 4%;
  }
}
@media (min-width: 1440px) {
  .HomepageTopTierDiamonds .captionArea .captionAreaInner {
    padding-left: 0;
  }
}
@media (max-width: 1440px) {
  .HomepageTopTierDiamonds .captionArea .captionAreaInner .h2 {
    max-width: 560px;
  }
}
@media (max-width: 14404px) {
  .HomepageTopTierDiamonds .captionArea .captionAreaInner .h3 {
    max-width: 560px;
  }
}
@media (max-width: 768px) {
  .HomepageTopTierDiamonds .captionArea {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .HomepageTopTierDiamonds .captionArea .captionAreaInner {
    padding: 0 0 50px 5%;
    max-width: 540px;
  }
  .HomepageTopTierDiamonds .captionArea .captionAreaInner .h2 {
    font-size: 22px;
    letter-spacing: 0.6px;
    line-height: 30px;
  }
  .HomepageTopTierDiamonds .captionArea .captionAreaInner .p {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
@media (max-width: 480px) {
  .HomepageTopTierDiamonds .captionArea {
    position: static;
    padding-top: 48px;
  }
  .HomepageTopTierDiamonds .captionArea .captionAreaInner {
    text-align: center;
    padding: 0 8% 0 8%;
  }
  .HomepageTopTierDiamonds .captionArea .captionAreaInner .h2 {
    font-size: 22px;
    letter-spacing: 0.6px;
    line-height: 30px;
    margin-bottom: 36px;
  }
  .HomepageTopTierDiamonds .captionArea .captionAreaInner .p {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 21px;
    margin-bottom: 36px;
  }
  .HomepageTopTierDiamonds .captionArea .captionAreaInner a {
    margin: auto;
  }
  .HomepageTopTierDiamonds .captionArea .captionAreaInner a:first-of-type {
    margin: auto;
    margin-bottom: 24px;
  }
}
.HomepageShapeSlider {
  padding: 36px 0 0 0;
}
.HomepageShapeSlider .ShapesArea {
  overflow: hidden;
  height: 120px;
  white-space: nowrap;
}
.HomepageShapeSlider .ShapesArea .slick-slide {
  -webkit-transform: scale(0.6) !important;
  transform: scale(0.6) !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.HomepageShapeSlider .ShapesArea .slick-center {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.HomepageShapeSlider .ShapesArea .singleShape {
  margin: 20px auto;
  display: inline-block;
}
.HomepageShapeSlider .ShapesArea .singleShape img {
  margin: auto;
  height: 91.875px;
}
.HomepageShapeSlider .controlsArea {
  text-align: center;
  width: 400px;
  max-width: 90%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.HomepageShapeSlider .controlsArea #shapeSlider_prev,
.HomepageShapeSlider .controlsArea #shapeSlider_next {
  cursor: pointer;
  width: 70px;
}
.HomepageShapeSlider .controlsArea #shapeSlider_shapeName {
  width: 190px;
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 1px;
  color: #333;
}
.HomepageShapeSlider .controlsArea div {
  height: 50px;
  line-height: 50px;
}
.HomepageShapeSlider .shapeDescriptionArea {
  padding-top: 10px;
  margin: auto;
  width: 198px;
  color: #333;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.5px;
  text-align: center;
}
@media (min-width: 480px) {
  .HomepageShapeSlider .ShapesArea {
    height: 310px;
  }
  .HomepageShapeSlider .ShapesArea .singleShape img {
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .HomepageShapeSlider .controlsArea #shapeSlider_prev,
  .HomepageShapeSlider .controlsArea #shapeSlider_next {
    width: 70px;
  }
  .HomepageShapeSlider .controlsArea #shapeSlider_shapeName {
    width: 190px;
    font-size: 18px;
  }
  .HomepageShapeSlider .shapeDescriptionArea {
    width: 198px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.5px;
  }
}
@media (min-width: 769px) {
  .HomepageShapeSlider .ShapesArea {
    height: 240px;
  }
  .HomepageShapeSlider .shapeDescriptionArea {
    min-height: 138px;
  }
  .HomepageShapeSlider .controlsArea #shapeSlider_prev,
  .HomepageShapeSlider .controlsArea #shapeSlider_next {
    width: 70px;
  }
  .HomepageShapeSlider .controlsArea #shapeSlider_shapeName {
    width: 190px;
    font-size: 18px;
  }
  .HomepageShapeSlider .shapeDescriptionArea {
    padding-top: 18px;
    width: 268px;
    font-size: 15px;
    line-height: 23px;
  }
}
@media (max-width: 768px) {
  .HomepageShapeSlider .shapeDescriptionArea {
    min-height: 105px;
    width: 250px;
  }
}
@media (min-width: 1024px) {
  .HomepageShapeSlider .ShapesArea {
    height: 360px;
  }
  .HomepageShapeSlider .ShapesArea .singleShape img {
    height: 360px;
  }
}
@media (max-width: 640px) {
  .HomepageShapeSlider .ShapesArea {
    height: auto;
  }
  .HomepageShapeSlider .ShapesArea .slick-slide {
    -webkit-transform: scale(1.2) !important;
    transform: scale(1.2) !important;
  }
  .HomepageShapeSlider .ShapesArea .slick-center {
    -webkit-transform: scale(1.6) !important;
    transform: scale(1.6) !important;
  }
}
.HomepageDesignYourDream {
  margin-top: 40px;
  margin-bottom: 40px;
}
.HomepageDesignYourDream > ._row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.HomepageDesignYourDream .DesignYourDreamImageArea {
  text-align: center;
}
.HomepageDesignYourDream .DesignYourDreamTextArea .h2,
.HomepageDesignYourDream .DesignYourDreamTextArea .h3 {
  color: #333;
  font-family: "Nunito Sans SemiBold";
  letter-spacing: 1px;
  font-weight: 600;
}
.HomepageDesignYourDream .DesignYourDreamTextArea .h2 {
  font-size: 32px;
  letter-spacing: 0.6px;
  line-height: 43px;
  margin-bottom: 24px;
}
.HomepageDesignYourDream .DesignYourDreamTextArea .h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 14px;
}
#HomePageDiamondTypes .h3 {
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
  color: #000;
  font-weight: 600;
}
@media (max-width: 425px) {
  #HomePageDiamondTypes .h3 {
    font-size: 14px;
    letter-spacing: 0.44px;
  }
}
#HomePageDiamondTypes ._row {
  margin-right: 0;
  margin-left: 0;
  padding: 70px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #HomePageDiamondTypes ._row {
    margin-right: 0;
    margin-left: 0;
  }
  #HomePageDiamondTypes ._row ._col-lg-5 {
    padding-right: 0;
    padding-left: 0;
  }
}
#HomePageDiamondTypes ._btn-link {
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 20px;
  text-decoration: underline;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  cursor: pointer;
  text-transform: capitalize;
}
@media (max-width: 425px) {
  #HomePageDiamondTypes ._btn-link {
    font-size: 14px;
  }
}
#HomePageDiamondTypes ._btn-link:hover {
  opacity: 0.4;
}
#HomePageDiamondTypes .p {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
  padding-bottom: 14px;
  margin: 0 30px;
}
@media (max-width: 425px) {
  #HomePageDiamondTypes .p {
    font-size: 14px;
  }
}
.HomepageDesignYourDream .DesignYourDreamTextArea .p {
  color: #333;
  font-family: "Nunito Sans Light";
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 22px;
  padding-bottom: 14px;
}
@media (max-width: 640px) {
  .HomepageDesignYourDream .DesignYourDreamTextArea {
    padding-top: 40px;
  }
  .HomepageDesignYourDream .DesignYourDreamTextArea .h2,
  .HomepageDesignYourDream .DesignYourDreamTextArea .h3,
  .HomepageDesignYourDream .DesignYourDreamTextArea .p,
  .HomepageDesignYourDream .DesignYourDreamTextArea .buttonArea {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px;
  }
}
@media (min-width: 1031px) {
  .HomepageDesignYourDream .DesignYourDreamTextArea .DesignYourDreamImageArea {
    text-align: left;
  }
}
@media (min-width: 481px) {
  .HomepageDesignYourDream .DesignYourDreamTextArea .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .HomepageDesignYourDream .DesignYourDreamTextArea .h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  .HomepageDesignYourDream .DesignYourDreamTextArea .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .HomepageDesignYourDream .DesignYourDreamTextArea .h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1180px) {
  .HomepageDesignYourDream .DesignYourDreamImageArea {
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .HomepageDesignYourDream .DesignYourDreamTextArea {
    padding-left: 30px;
  }
}
@media (max-width: 480px) {
  .HomepageDesignYourDream {
    padding: 0 10px;
  }
}
.HomepageContactSpecialists {
  padding: 40px 0;
}
.HomepageContactSpecialists .container-fluid {
  max-width: none;
}
.HomepageContactSpecialists .HomepageContactSpecialistsInner {
  padding: 40px 0;
  background-color: #fbf9f6;
  text-align: center;
}
.HomepageContactSpecialists .HomepageContactSpecialistsInner .h2 {
  padding: 0 8px;
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 1px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.HomepageContactSpecialists .HomepageContactSpecialistsInner .p {
  padding: 0 8px;
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.HomepageContactSpecialists .HomepageContactSpecialistsInner .generic_btn {
  margin: auto;
}
.HomepageContactSpecialists.christmas .HomepageContactSpecialistsInner {
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 480px) {
  .HomepageContactSpecialists .HomepageContactSpecialistsInner .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .HomepageContactSpecialists .HomepageContactSpecialistsInner .p {
    font-size: 15px;
    line-height: 23px;
  }
}
@media (min-width: 769px) {
  .HomepageContactSpecialists .HomepageContactSpecialistsInner {
    padding: 70px 0;
  }
  .HomepageContactSpecialists .HomepageContactSpecialistsInner .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .HomepageContactSpecialists .HomepageContactSpecialistsInner .p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .HomepageContactSpecialists .HomepageContactSpecialistsInner {
    margin-left: auto;
    margin-right: auto;
  }
}
.HomepageOnlineConsultationArea {
  margin-top: 40px;
  padding: 48px 15px;
  background-color: #ffeec9;
  text-align: center;
}
.HomepageOnlineConsultationArea .h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.6px;
  line-height: 30px;
  margin-bottom: 24px;
}
.HomepageOnlineConsultationArea p {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 21px;
  margin-bottom: 24px;
}
.HomepageOnlineConsultationArea p:last-of-type {
  margin-bottom: 36px;
}
.HomepageOnlineConsultationArea a {
  width: 100%;
  max-width: 290px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.HomepageOnlineConsultationArea .a {
  width: 100%;
  max-width: 290px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 30px;
}
@media (max-width: 640px) {
  .HomepageOnlineConsultationArea a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .HomepageOnlineConsultationArea .a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    margin-bottom: 24px;
  }
}
@media (min-width: 769px) {
  .HomepageOnlineConsultationArea {
    padding: 70px 15px;
  }
  .HomepageOnlineConsultationArea .h2 {
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 43px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 24px;
  }
  .HomepageOnlineConsultationArea p {
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 26px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 24px;
  }
  .HomepageOnlineConsultationArea p:last-of-type {
    margin-bottom: 36px;
  }
  .HomepageOnlineConsultationArea a,
  .HomepageOnlineConsultationArea .a {
    font-size: 12px;
    letter-spacing: 1px;
  }
}
.HomepagePrimroseVideo {
  max-height: 680px;
  padding-top: 40px;
}
.HomepagePrimroseVideo #PrimroseVideoArea {
  position: relative;
  margin: auto;
  width: 1440px;
  max-width: 100%;
  padding-top: 41.5%;
  overflow: hidden;
  margin: auto;
}
.HomepagePrimroseVideo #PrimroseVideoArea .videoLoader {
  display: none;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.HomepagePrimroseVideo #PrimroseVideoArea picture {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.HomepagePrimroseVideo #PrimroseVideoArea video {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.HomepagePrimroseVideo #PrimroseVideoArea.christmas {
  width: 1180px;
  padding-top: 44.5%;
}
@media (max-width: 768px) {
  .HomepagePrimroseVideo {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 1440px) {
  .HomepagePrimroseVideo #PrimroseVideoArea.noVideo {
    padding-top: 31%;
  }
}
@media (min-width: 1031px) {
  .HomepagePrimroseVideo #PrimroseVideoArea.christmas {
    padding-top: 34.5%;
  }
}
.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomImageArea {
  text-align: center;
}
.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h2,
.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3 {
  color: #333;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  letter-spacing: 1px;
}
.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h2 {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 14px;
}
.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}
.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3:hover {
  text-decoration: underline;
}
.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .p {
  color: #333;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  max-width: 440px;
}
@media (min-width: 480px) {
  .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h2 {
    font-size: 28px;
    letter-spacing: 0.88px;
    line-height: 38px;
  }
  .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3 {
    font-size: 18px;
    letter-spacing: 0.75px;
    line-height: 20px;
  }
  .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 23px;
  }
}
@media (min-width: 769px) {
  .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h2 {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 43px;
  }
  .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1031px) {
  .HomepageShowroomArea
    .HomepageShowroomAreaInner
    .ShowroomTextArea
    .DesignYourDreamImageArea {
    text-align: left;
  }
}
@media (min-width: 481px) {
  .HomepageShowroomArea .HomepageShowroomAreaInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomImageArea {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.HomepageWorkshopArea {
  padding: 40px 6px 40px 6px;
}
.HomepageWorkshopArea .HomepageWorkshopAreaInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea {
  max-width: 440px;
  margin: auto;
  padding-top: 40px;
}
.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .h2 {
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 14px;
}
.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .p {
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  max-width: 440px;
}
.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopImageArea {
  min-width: 50%;
  position: relative;
}
.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopImageArea picture {
  height: 100%;
  display: block;
  max-width: 630px;
}
.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopImageArea video {
  margin: 0;
  width: 100%;
  height: auto;
  display: none;
}
.HomepageWorkshopArea
  .HomepageWorkshopAreaInner
  .WorkshopImageArea
  .videoLoader {
  display: none;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 480px) {
  .HomepageWorkshopArea {
    padding: 40px;
  }
}
@media (min-width: 769px) {
  .HomepageWorkshopArea {
    padding: 40px 40px 80px 40px;
  }
}
@media (max-width: 480px) {
  .HomepageWorkshopArea .HomepageWorkshopAreaInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 480px) {
  .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea {
    padding-left: 40px;
    padding-top: 0;
  }
}
@media (min-width: 769px) {
  .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea {
    padding-left: 40px;
  }
}
@media (min-width: 480px) {
  .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .h2 {
    font-size: 28px;
    letter-spacing: 0.88px;
    line-height: 38px;
  }
  .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 23px;
  }
}
@media (min-width: 769px) {
  .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .h2 {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 43px;
  }
  .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
.HomepageBestSellersSlider {
  position: relative;
  padding: 60px 0;
}
@media (max-width: 768px) {
  .HomepageBestSellersSlider {
    padding: 60px 0 0 0;
  }
}
@media (max-width: 425px) {
  .HomepageBestSellersSlider {
    padding: 40px 0 0 0;
  }
}
.HomepageBestSellersSlider .productSliderSlides {
  width: 100%;
  padding: 0 60px;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 768px) {
  .HomepageBestSellersSlider .productSliderSlides {
    padding: 0;
  }
}
.HomepageBestSellersSlider .productSliderSlides .slide {
  padding: 0 5px;
}
.HomepageBestSellersSlider .productSliderSlides .slide .innerSlide {
  position: relative;
}
.HomepageBestSellersSlider .productSliderSlides .slide .innerSlide .zoomedIn {
  overflow: hidden;
}
.HomepageBestSellersSlider
  .productSliderSlides
  .slide
  .innerSlide
  .zoomedIn
  img {
  -webkit-transform: scale(2.4) translateY(-20px);
  transform: scale(2.4) translateY(-20px);
}
.HomepageBestSellersSlider
  .productSliderSlides
  .slide
  .innerSlide
  .pushDown
  img {
  -webkit-transform: translateY(12%);
  transform: translateY(12%);
}
.HomepageBestSellersSlider .icon77-ic_left,
.HomepageBestSellersSlider .icon77-ic_right {
  position: absolute;
  top: 50%;
  z-index: 9;
  cursor: pointer;
  margin: 10px;
}
.HomepageBestSellersSlider .slick-arrow.slick-disabled {
  opacity: 0;
}
.HomepageBestSellersSlider .icon77-ic_left {
  left: 7.5px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.HomepageBestSellersSlider .icon77-ic_right {
  right: 7.5px;
}
.HomepageBestSellersSlider .h2 {
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 43px;
  margin-bottom: 24px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 426px) {
  .HomepageBestSellersSlider .h2 {
    font-size: 24px;
  }
}
.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider figure {
  display: inline-block;
  overflow: hidden;
}
.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider figure img {
  margin: auto;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.HomepageBestSellersSlider
  .productSliderSlides.BestSellersSlider
  figure
  img:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider .slide {
  text-align: center;
  display: inline-block;
}
.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h3 {
  color: #000;
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.44px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 0;
}
.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h4 {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 24px;
  line-height: 22px;
  margin-bottom: 0;
}
.HomepageBestSellersSlider
  .productSliderSlides.BestSellersSlider
  h4:first-of-type {
  font-family: "Nunito Sans Semibold";
  font-weight: 600;
}
.HomepageBestSellersSlider
  .productSliderSlides.BestSellersSlider
  h4:last-of-type {
  margin-bottom: 5px;
}
.HomepageBestSellersSlider
  .productSliderSlides.BestSellersSlider
  .discountedPrice {
  text-decoration: line-through;
}
.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h5 {
  color: #000;
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.44px;
  line-height: 24px;
  white-space: initial;
}
.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h5 .saving {
  color: #ab0000;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.82px;
  line-height: 24px;
}
.HomepageBestSellersSlider .metals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 25px 0;
}
.HomepageBestSellersSlider .metals > span {
  width: 13px;
  height: 13px;
  border-radius: 17px;
  padding: 1px;
  display: inline-block;
  margin: 0 7px;
  border: 1px solid #fff;
}
.HomepageBestSellersSlider .metals > span.selected {
  -webkit-box-shadow: 0 0 0 1px #979797;
  box-shadow: 0 0 0 1px #979797;
}
.HomepageBestSellersSlider .metals > span.white-gold {
  background-color: #efefef;
}
.HomepageBestSellersSlider .metals > span.yellow-gold {
  background-color: #e9d590;
}
.HomepageBestSellersSlider .metals > span.rose-gold {
  background-color: #f5c8a9;
}
.HomepageBestSellersSlider .metals > span.platinum,
.HomepageBestSellersSlider .metals > span.palladium {
  background-color: #c8c8c8;
}
.HomepageBestSellersSlider.christmas .h2 {
  color: #0e3752;
}
.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h3,
.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h4,
.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h5 {
  color: #0e3752;
  text-align: center;
}
.HomepageBestSellersSlider.christmas
  .productSliderSlides.BestSellersSlider
  h3
  span.savingAmount,
.HomepageBestSellersSlider.christmas
  .productSliderSlides.BestSellersSlider
  h4
  span.savingAmount,
.HomepageBestSellersSlider.christmas
  .productSliderSlides.BestSellersSlider
  h5
  span.savingAmount {
  color: #626262;
}
@media (max-width: 480px) {
  .HomepageBestSellersSlider
    .productSliderSlides
    .slide
    .innerSlide
    .pushDown
    img {
    -webkit-transform: translateY(7%);
    transform: translateY(7%);
  }
}
@media (min-width: 769px) {
  .HomepageBestSellersSlider .slick-arrow:hover {
    cursor: pointer;
    opacity: 0.6;
  }
  .HomepageBestSellersSlider .slick-arrow.slick-disabled:hover {
    cursor: default;
    opacity: 0;
  }
}
@media (min-width: 1031px) {
  .HomepageBestSellersSlider {
    padding: 60px 0;
  }
  .HomepageBestSellersSlider .icon77-ic_left {
    left: 130px;
  }
  .HomepageBestSellersSlider .icon77-ic_right {
    right: 130px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .HomepageTopTierDiamonds {
    text-align: center;
  }
}
.HomepageShowRoomArea {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .HomepageShowRoomArea {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .HomepageShowRoomArea ._col,
  .HomepageShowRoomArea [class*="_col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.HomepageShowRoomArea > ._row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.HomepageShowRoomArea .HomepageShowRoomImageArea {
  text-align: center;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: capitalize;
}
.HomepageHomepageShowRoom .HomepageShowRoomTextArea .h3 {
  color: #333;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  letter-spacing: 1px;
}
.HomepageShowRoomArea {
  margin-top: 40px;
  margin-bottom: 40px;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .lockdown-text {
  font-size: 13px;
  line-height: 17px;
  color: #333;
  font-family: "Nunito Sans Light";
  letter-spacing: 0.5px;
  padding-bottom: 14px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6px;
}
@media (max-width: 768) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .lockdown-text {
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
  font-size: 32px;
  letter-spacing: 0.6px;
  line-height: 43px;
  margin-bottom: 24px;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 14px;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .p {
  color: #333;
  font-family: "Nunito Sans Light";
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 22px;
  padding-bottom: 14px;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea {
  display: inline-grid;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-decoration: underline;
  font-family: "Nunito Sans Bold";
  margin-bottom: 10px;
  text-transform: capitalize;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link:hover {
  opacity: 0.4;
}
.HomepageShowRoomArea._row {
  margin-right: 0;
  margin-left: 0;
}
.HomepageShowRoomArea > ._row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.HomepageShowRoomArea .HomepageShowRoomImageArea {
  text-align: center;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
  color: #333;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 640px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h2,
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h3,
  .HomepageShowRoomArea .HomepageShowRoomTextArea .p,
  .HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px;
  }
}
@media (min-width: 1031px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .HomepageShowRoomImageArea {
    text-align: left;
  }
}
@media (min-width: 481px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 425px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }
  .HomepageShowRoomArea .HomepageShowRoomTextArea p {
    font-size: 12px;
  }
  .HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
    margin-bottom: 24px;
  }
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1180px) {
  .HomepageShowRoomArea .HomepageShowRoomImageArea {
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea {
    padding-left: 30px;
  }
}
@media (max-width: 480px) {
  .HomepageShowRoomArea {
    padding: 0 0;
  }
}
.HomepageHomepageShowRoom .HomepageShowRoomTextArea .h3 {
  color: #333;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  letter-spacing: 1px;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
  font-size: 32px;
  letter-spacing: 0.6px;
  line-height: 43px;
  margin-bottom: 24px;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 14px;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .p {
  color: #333;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
  padding-bottom: 14px;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea {
  display: inline-grid;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-decoration: underline;
  text-transform: capitalize;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  margin-bottom: 10px;
  cursor: pointer;
}
.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link:hover {
  opacity: 0.4;
}
@media (max-width: 640px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h2,
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h3,
  .HomepageShowRoomArea .HomepageShowRoomTextArea .p,
  .HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px;
  }
}
@media (min-width: 1031px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .HomepageShowRoomImageArea {
    text-align: left;
  }
}
@media (min-width: 481px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
    margin-bottom: 24px;
  }
  .HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1180px) {
  .HomepageShowRoomArea .HomepageShowRoomImageArea {
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .HomepageShowRoomArea .HomepageShowRoomTextArea {
    padding-left: 30px;
  }
}
@media (max-width: 480px) {
  .HomepageShowRoomArea {
    padding: 0 0;
  }
}
.OnlineConsulationArea {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .OnlineConsulationArea {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .OnlineConsulationArea ._col,
  .OnlineConsulationArea [class*="_col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.OnlineConsulationArea._row {
  margin-right: 0;
  margin-left: 0;
}
.OnlineConsulationArea > ._row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.OnlineConsulationArea .OnlineConsulationImageArea {
  text-align: center;
}
.OnlineConsulationArea .OnlineConsulationTextArea .h2 {
  color: #333;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: capitalize;
}
.HomepageHomepageShowRoom .OnlineConsulationTextArea .h3 {
  color: #333;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  letter-spacing: 1px;
}
.OnlineConsulationArea .OnlineConsulationTextArea .h2 {
  font-size: 32px;
  letter-spacing: 0.6px;
  line-height: 43px;
  margin-bottom: 24px;
}
.OnlineConsulationArea .OnlineConsulationTextArea .h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 14px;
}
.OnlineConsulationArea .OnlineConsulationTextArea .p {
  color: #333;
  font-family: "Nunito Sans Light";
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 22px;
  padding-bottom: 14px;
}
.OnlineConsulationArea .OnlineConsulationTextArea .buttonArea {
  display: inline-grid;
}
.OnlineConsulationArea .OnlineConsulationTextArea .buttonArea ._btn-link {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-decoration: underline;
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: capitalize;
}
.OnlineConsulationArea .OnlineConsulationTextArea .buttonArea ._btn-link:hover {
  opacity: 0.4;
}
@media (max-width: 640px) {
  .OnlineConsulationArea .OnlineConsulationTextArea .h2,
  .OnlineConsulationArea .OnlineConsulationTextArea .h3,
  .OnlineConsulationArea .OnlineConsulationTextArea .p,
  .OnlineConsulationArea .OnlineConsulationTextArea .buttonArea {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px;
  }
}
@media (min-width: 1031px) {
  .OnlineConsulationArea
    .OnlineConsulationTextArea
    .OnlineConsulationImageArea {
    text-align: left;
  }
}
@media (min-width: 481px) {
  .OnlineConsulationArea .OnlineConsulationTextArea .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .OnlineConsulationArea .OnlineConsulationTextArea .h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 425px) {
  .OnlineConsulationArea .OnlineConsulationTextArea .h2 {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }
  .OnlineConsulationArea .OnlineConsulationTextArea p {
    font-size: 14px;
  }
  .OnlineConsulationArea .OnlineConsulationTextArea .buttonArea ._btn-link {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .OnlineConsulationArea .OnlineConsulationTextArea .h2 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 43px;
    margin-bottom: 24px;
  }
  .OnlineConsulationArea .OnlineConsulationTextArea .h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1180px) {
  .OnlineConsulationArea .OnlineConsulationImageArea {
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .OnlineConsulationArea .OnlineConsulationTextArea {
    padding-left: 30px;
  }
}
@media (max-width: 480px) {
  .OnlineConsulationArea {
    padding: 0 0;
  }
}
#homepage .bannerDesc .lockdown-p {
  display: none;
}
@media (max-width: 768px) {
  #homepage .bannerDesc .lockdown-p {
    display: block;
    padding: 10px 25px;
  }
}
#homepage .lockdown-p {
  background: #f6f6f6;
  padding: 10px 0;
  width: 100%;
  z-index: 111;
  display: block;
}
@media (max-width: 768px) {
  #homepage .lockdown-p {
    display: none;
  }
}
#homepage .lockdown-p p {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 21px;
  text-align: center;
  margin: auto;
}
@media (min-width: 769px) {
  #homepage .lockdown-p p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: auto;
  }
}
#homepage .lockdown-p a {
  background-color: transparent;
  border: none;
  color: #000;
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 0.5px;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-transform: none;
  width: auto;
  cursor: pointer;
}
#Sample_Page {
  background-color: #f8e5dc;
}
#Sample_Page .container {
  padding: 20px 0;
}
#Sample_Page.ChristmasSale2019 {
  padding: 75px 0;
}
@media (max-width: 1031px) {
  #Sample_Page.ChristmasSale2019 {
    padding: 50px 0;
  }
}
@media (max-width: 480px) {
  #Sample_Page.ChristmasSale2019 {
    padding: 0 0 50px 0;
  }
}
#Sample_Page.ChristmasSale2019 .container {
  padding: 0;
}
@media (min-width: 480px) {
  #Sample_Page.ChristmasSale2019 .pageContentArea {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}
@media (min-width: 480px) and (max-width: 1031px) {
  #Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle.topForTablet {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    text-align: center;
    max-width: 800px;
    margin-bottom: 0;
  }
  #Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 0 !important;
  }
  #Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle .pageTopTitle {
    padding-top: 30px;
  }
  #Sample_Page.ChristmasSale2019 .pageContentArea .pageVideo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle {
  padding: 0 10px;
  color: #9e0606;
}
#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle p {
  margin-bottom: 0;
}
#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle p.strong {
  margin-bottom: 40px;
}
#Sample_Page.ChristmasSale2019
  .pageContentArea
  .pageTopTitle
  .formArea
  .fieldHolder.hasError
  .errorMessage {
  margin-bottom: 10px;
}
#Sample_Page.ChristmasSale2019
  .pageContentArea
  .pageTopTitle
  .formArea
  input[type="text"] {
  color: #9e0606 !important;
  border-bottom: 1px solid #9e0606;
}
#Sample_Page.ChristmasSale2019
  .pageContentArea
  .pageTopTitle
  .formArea
  .floating-label
  > label {
  color: #9e0606;
}
#Sample_Page.ChristmasSale2019
  .pageContentArea
  .pageTopTitle
  .formArea
  .maleFemaleHolder
  .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#Sample_Page.ChristmasSale2019
  .pageContentArea
  .pageTopTitle
  .formArea
  .maleFemaleHolder
  .slider:before {
  background-color: #9e0606;
  color: #fff;
}
#Sample_Page.ChristmasSale2019
  .pageContentArea
  .pageTopTitle
  .formArea
  .buttonsHolder
  button {
  background-color: #9e0606;
  color: #fff;
}
#Sample_Page .preFormContent {
  text-align: center;
  max-width: 1000px;
  margin: auto;
  padding: 20px 20px 40px 20px;
}
#Sample_Page .preFormContent .h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 40px;
}
#Sample_Page .preFormContent .p {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
#Sample_Page .pageContentArea .pageTopTitle {
  padding: 0 10px;
}
#Sample_Page .pageContentArea .pageTopTitle .h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 43px;
}
#Sample_Page .pageContentArea .pageTopTitle .p {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
#Sample_Page .pageContentArea .pageTopTitle .line {
  padding-top: 10px;
}
#Sample_Page .pageContentArea .pageTopTitle .p.bold {
  font-family: "Nunito Sans SemiBold";
}
#Sample_Page .pageContentArea .pageTopTitle ul {
  margin-top: 20px;
}
#Sample_Page .pageContentArea .pageTopTitle ul li {
  font-family: "Nunito Sans SemiBold";
  font-size: 21px;
  letter-spacing: 1px;
  line-height: 28px;
  margin-bottom: 6px;
  background-image: url("/images/campaigns/frankfurt-showroom/arrow-active.png");
  background-repeat: no-repeat;
  background-position: left 0 center;
  padding-left: 14px;
  text-decoration: none;
}
@media (min-width: 1031px) {
  #Sample_Page .pageContentArea .pageTopTitle {
    padding: 0 110px;
  }
}
@media (max-width: 1030px) {
  #Sample_Page .pageContentArea .pageTopTitle .h1 {
    font-size: 28px;
    letter-spacing: 0.75px;
    line-height: 38px;
  }
  #Sample_Page .pageContentArea .pageTopTitle .p {
    font-size: 15px;
    line-height: 23px;
  }
  #Sample_Page .pageContentArea .pageTopTitle ul {
    margin-top: 20px;
  }
  #Sample_Page .pageContentArea .pageTopTitle ul li {
    font-size: 18px;
    letter-spacing: 0.75px;
    line-height: 24px;
  }
}
#Sample_Page .pageContentArea .formImageArea {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
#Sample_Page .pageContentArea .formImageArea .imageRibbon {
  text-transform: uppercase;
  font-family: "Nunito Sans SemiBold";
  height: 27px;
  width: 163px;
  color: #333;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 40px;
  background-color: rgba(212, 159, 149, 0.7);
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  letter-spacing: 1px;
}
#Sample_Page .pageContentArea .formArea {
  font-family: "Nunito Sans SemiBold";
  background-color: #f6f6f6;
}
@media (min-width: 1031px) {
  #Sample_Page .pageContentArea .formArea {
    padding: 0 110px;
  }
}
#Sample_Page .pageContentArea .formArea .form {
  padding: 35px;
}
#Sample_Page .pageContentArea .formArea .form.ajaxLoading {
  z-index: 99 !important;
}
#Sample_Page .pageContentArea .formArea .h2 {
  font-family: "Nunito Sans SemiBold";
  font-size: 21px;
  letter-spacing: 1px;
  line-height: 28px;
  margin-bottom: 30px;
}
@media (max-width: 1030px) {
  #Sample_Page .pageContentArea .formArea .h2 {
    font-size: 18px;
    letter-spacing: 0.75px;
    line-height: 24px;
  }
}
#Sample_Page .pageContentArea .formArea p.errorMessage {
  margin-top: -24px;
}
#Sample_Page .pageContentArea .formArea input[type="text"].error {
  border: none !important;
  border-bottom: 1px solid red !important;
}
#Sample_Page .pageContentArea .formArea input[type="text"] {
  color: #000;
  background-color: transparent;
  border: none;
  text-indent: 0;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}
#Sample_Page .pageContentArea .formArea .maleFemaleHolder input[type="radio"] {
  display: none;
}
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .switch {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 40px;
  margin-bottom: 30px;
}
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider .maleText,
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider .femaleText {
  text-align: center;
  line-height: 40px;
}
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider:before {
  position: absolute;
  z-index: 2;
  content: "";
  height: 40px;
  line-height: 40px;
  width: 90px;
  left: 0;
  bottom: 0;
  background-color: #000;
  color: #fff;
  content: attr(data-before);
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#Sample_Page
  .pageContentArea
  .formArea
  .maleFemaleHolder
  input:not(:checked)
  + .slider:before {
  margin-left: 90px;
}
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider.round {
  border-radius: 30px;
}
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider.round:before {
  border-radius: 30px;
}
#Sample_Page .pageContentArea .formArea .buttonsHolder {
  padding-left: 5px;
  padding-right: 5px;
}
#Sample_Page .pageContentArea .formArea .buttonsHolder button {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 26px;
  background-color: #000;
  color: #fff;
  font-family: "Nunito Sans SemiBold";
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
#Sample_Page .pageContentArea .formArea .buttonsHolder .p {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: -0.5px;
  line-height: 16px;
  font-family: "Nunito Sans SemiBold";
}
#Sample_Page .pageContentArea .formArea .buttonsHolder .p a {
  text-decoration: underline;
}
@media (min-width: 481px) {
  #Sample_Page .pageContentArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
@media (min-width: 481px) and (max-width: 1031px) {
  #Sample_Page .pageContentArea .formImageArea {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  #Sample_Page .pageContentArea .formArea {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0 10px;
  }
}
@media (max-width: 480px) {
  #Sample_Page .formImageArea {
    margin-top: 40px;
  }
  #Sample_Page .formArea {
    padding: 0 10px;
  }
  #Sample_Page .formArea .buttonsHolder .p {
    margin-bottom: 0;
  }
  #Sample_Page .formArea input {
    padding-top: 0;
  }
  #Sample_Page .formArea button {
    margin-top: 0;
  }
  #Sample_Page .pageTopTitle {
    margin-bottom: 70px;
    padding: 0 60px;
  }
  #Sample_Page .pageTopTitle .h2 {
    margin-bottom: 0;
  }
  #Sample_Page .pageContentArea .formArea .maleFemaleHolder .switch {
    width: 100%;
  }
  #Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider:before {
    width: 50%;
  }
  #Sample_Page
    .pageContentArea
    .formArea
    .maleFemaleHolder
    input:not(:checked)
    + .slider:before {
    margin-left: 50%;
  }
}
@media (min-width: 481px) {
  #Sample_Page .container {
    padding: 40px 0;
  }
  #Sample_Page .pageContentArea .formImageArea .imageRibbon {
    bottom: 30px;
  }
}
@media (min-width: 1031px) {
  #Sample_Page .container {
    padding: 40px 0;
  }
  #Sample_Page .pageContentArea .formImageArea .imageRibbon {
    bottom: 20px;
  }
}
@media (max-width: 1031px) {
  #Sample_Page .pageContentArea {
    padding: 0 3%;
  }
  #Sample_Page .pageTopTitle {
    max-width: 600px;
    margin: auto;
    margin-bottom: 30px;
  }
}
@media (min-width: 769px) {
  #Sample_Page .pageContentArea .formArea {
    padding-left: 20px;
  }
}
.directions {
  padding: 80px 0;
}
.directions .h2 {
  font-family: "Nunito Sans SemiBold";
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 40px;
}
.directions .p {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
#Sample_Page.LondonSampleSale {
  background-color: #f5f5f5;
}
#Sample_Page.LondonSampleSale .pageContentArea {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
@media (max-width: 1031px) {
  #Sample_Page.LondonSampleSale .pageContentArea {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #Sample_Page.LondonSampleSale .pageContentArea .pageVideo {
    padding: 0;
  }
}
#Sample_Page.LondonSampleSale .pageContentArea #PrimroseVideoArea {
  text-align: center;
}
#Sample_Page.LondonSampleSale .pageContentArea #PrimroseVideoArea video,
#Sample_Page.LondonSampleSale .pageContentArea #PrimroseVideoArea img {
  max-width: 100%;
  height: auto;
}
#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle {
  padding: 0 20px;
}
#Sample_Page.LondonSampleSale
  .pageContentArea
  .pageTopTitle
  .tablet-right-column {
  padding-left: 30px;
}
@media (max-width: 480px) {
  #Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle {
    text-align: center;
  }
}
@media (max-width: 1031px) {
  #Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 60px;
  }
}
#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 42px;
}
#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle p {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle p strong {
  font-family: "Nunito Sans SemiBold";
}
#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle p a {
  text-decoration: underline;
  cursor: pointer;
}
#Sample_Page.LondonSampleSale
  .pageContentArea
  .pageTopTitle
  .fieldHolder.hasError
  .errorMessage {
  font-size: 14px;
}
#Sample_Page.LondonSampleSale
  .pageContentArea
  .pageTopTitle
  .form
  .floating-label {
  padding: 0;
}
#Sample_Page.LondonSampleSale
  .pageContentArea
  .pageTopTitle
  .floating-label
  > label {
  color: #000;
  left: 0;
}
#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle h3 {
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-bottom: 0;
}
#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle .formArea {
  padding: 0;
}
#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle .formArea .form {
  padding: 0;
}
.hero-banner {
  position: relative;
}
.hero-banner .hero-banner--caption {
  position: absolute;
  width: 100%;
  top: 0;
}
.hero-banner picture._d-none + .hero-banner--caption {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .hero-banner picture._d-md-none + .hero-banner--caption {
    position: relative;
  }
  .hero-banner picture._d-md-block + .hero-banner--caption {
    position: absolute;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-banner picture._d-lg-none + .hero-banner--caption {
    position: relative;
  }
  .hero-banner picture._d-lg-block + .hero-banner--caption {
    position: absolute;
  }
}
.hero-banner .hero-banner--image {
  height: auto;
  width: 100%;
}
@media (min-width: 1920px) {
  .hero-banner .hero-banner--image {
    max-width: 100%;
  }
}
@media (min-width: 1004px) and (max-width: 1024px),
  (min-width: 1420px) and (max-width: 1440px),
  (min-width: 1900px) and (max-width: 1920px) {
  .hero-banner.-fit .hero-banner--image {
    -o-object-fit: none;
    object-fit: none;
  }
}
.hero-banner.bottom .hero-banner--caption {
  bottom: 0;
  top: auto;
  -webkit-transform: none;
  transform: none;
}
.hero-banner.left .hero-banner--caption {
  left: 0;
}
.hero-banner.right .hero-banner--caption {
  right: 0;
}
.hero-banner.down .hero-banner--caption {
  position: relative;
}
.hero-banner.middle .hero-banner--caption {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hero-banner.center .hero-banner--caption {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
}
.hero-banner.w40 .hero-banner--caption {
  width: 40%;
}
.hero-banner.w50 .hero-banner--caption {
  width: 50%;
}
.hero-banner.w60 .hero-banner--caption {
  width: 60%;
}
.hero-banner.w100 .hero-banner--caption {
  width: 100%;
}
@media (max-width: 767px) {
  .hero-banner.p-bottom .hero-banner--caption {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    transform: none;
  }
  .hero-banner.p-left .hero-banner--caption {
    left: 0;
  }
  .hero-banner.p-right .hero-banner--caption {
    right: 0;
  }
  .hero-banner.p-down .hero-banner--caption {
    position: relative;
  }
  .hero-banner.p-middle .hero-banner--caption {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hero-banner.p-center .hero-banner--caption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
  }
  .hero-banner.p-w40 .hero-banner--caption {
    width: 40%;
  }
  .hero-banner.p-w50 .hero-banner--caption {
    width: 50%;
  }
  .hero-banner.p-w60 .hero-banner--caption {
    width: 60%;
  }
  .hero-banner.p-w100 .hero-banner--caption {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-banner.t-bottom .hero-banner--caption {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    transform: none;
  }
  .hero-banner.t-left .hero-banner--caption {
    left: 0;
  }
  .hero-banner.t-right .hero-banner--caption {
    right: 0;
  }
  .hero-banner.t-down .hero-banner--caption {
    position: relative;
  }
  .hero-banner.t-middle .hero-banner--caption {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hero-banner.t-center .hero-banner--caption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
  }
  .hero-banner.t-w40 .hero-banner--caption {
    width: 40%;
  }
  .hero-banner.t-w50 .hero-banner--caption {
    width: 50%;
  }
  .hero-banner.t-w60 .hero-banner--caption {
    width: 60%;
  }
  .hero-banner.t-w100 .hero-banner--caption {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .hero-banner.d-bottom .hero-banner--caption {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    transform: none;
  }
  .hero-banner.d-left .hero-banner--caption {
    left: 0;
  }
  .hero-banner.d-right .hero-banner--caption {
    right: 0;
  }
  .hero-banner.d-down .hero-banner--caption {
    position: relative;
  }
  .hero-banner.d-middle .hero-banner--caption {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hero-banner.d-center .hero-banner--caption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
  }
  .hero-banner.d-w40 .hero-banner--caption {
    width: 40%;
  }
  .hero-banner.d-w50 .hero-banner--caption {
    width: 50%;
  }
  .hero-banner.d-w60 .hero-banner--caption {
    width: 60%;
  }
  .hero-banner.d-w100 .hero-banner--caption {
    width: 100%;
  }
}
#PrimroseSignupPage {
  background-color: #f4efec;
}
#PrimroseSignupPage .container {
  padding: 30px 0;
}
#PrimroseSignupPage .pageTopTitle {
  padding: 0 10px;
}
#PrimroseSignupPage .pageTopTitle .h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 44px;
}
#PrimroseSignupPage .pageTopTitle .h2 {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
#PrimroseSignupPage .pageContentArea .pageTopTitle {
  margin-bottom: 40px;
}
#PrimroseSignupPage .pageContentArea .formImageArea {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
#PrimroseSignupPage .pageContentArea .formImageArea .imageRibbon {
  text-transform: uppercase;
  font-family: "Nunito Sans SemiBold";
  height: 27px;
  width: 163px;
  color: #333;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 40px;
  background-color: rgba(212, 159, 149, 0.7);
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  letter-spacing: 1px;
}
#PrimroseSignupPage .pageContentArea .formArea {
  font-family: "Nunito Sans SemiBold";
}
#PrimroseSignupPage .pageContentArea .formArea p.errorMessage {
  margin-top: -24px;
}
#PrimroseSignupPage .pageContentArea .formArea input[type="text"].error {
  border: none !important;
  border-bottom: 1px solid red !important;
}
#PrimroseSignupPage .pageContentArea .formArea input[type="text"] {
  color: #000;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}
#PrimroseSignupPage
  .pageContentArea
  .formArea
  .maleFemaleHolder
  input[type="radio"] {
  display: none;
}
#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .switch {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 40px;
  margin-bottom: 30px;
}
#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#PrimroseSignupPage
  .pageContentArea
  .formArea
  .maleFemaleHolder
  .slider
  .maleText,
#PrimroseSignupPage
  .pageContentArea
  .formArea
  .maleFemaleHolder
  .slider
  .femaleText {
  text-align: center;
  line-height: 40px;
}
#PrimroseSignupPage
  .pageContentArea
  .formArea
  .maleFemaleHolder
  .slider:before {
  position: absolute;
  z-index: 2;
  content: "";
  height: 40px;
  line-height: 40px;
  width: 90px;
  left: 0;
  bottom: 0;
  background-color: #000;
  color: #fff;
  content: attr(data-before);
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#PrimroseSignupPage
  .pageContentArea
  .formArea
  .maleFemaleHolder
  input:not(:checked)
  + .slider:before {
  margin-left: 90px;
}
#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider.round {
  border-radius: 30px;
}
#PrimroseSignupPage
  .pageContentArea
  .formArea
  .maleFemaleHolder
  .slider.round:before {
  border-radius: 30px;
}
#PrimroseSignupPage .pageContentArea .formArea .buttonsHolder {
  padding-left: 5px;
  padding-right: 5px;
}
#PrimroseSignupPage
  .pageContentArea
  .formArea
  .buttonsHolder
  button#Subscribe_Primrose_OffersPage {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 26px;
  background-color: #000;
  color: #fff;
  font-family: "Nunito Sans SemiBold";
}
#PrimroseSignupPage .pageContentArea .formArea .buttonsHolder .p {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: -0.5px;
  line-height: 16px;
  font-family: "Nunito Sans SemiBold";
}
#PrimroseSignupPage .pageContentArea .formArea .buttonsHolder .p a {
  text-decoration: underline;
}
@media (min-width: 481px) {
  #PrimroseSignupPage .pageContentArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
@media (min-width: 481px) and (max-width: 1031px) {
  #PrimroseSignupPage .pageContentArea .formImageArea {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  #PrimroseSignupPage .pageContentArea .formArea {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 20px;
  }
}
@media (max-width: 480px) {
  #PrimroseSignupPage .formImageArea {
    margin-top: 40px;
  }
  #PrimroseSignupPage .formArea {
    padding: 0 30px;
  }
  #PrimroseSignupPage .formArea .buttonsHolder .p {
    margin-bottom: 0;
  }
  #PrimroseSignupPage .formArea input {
    padding-top: 0;
  }
  #PrimroseSignupPage .formArea #Subscribe_Primrose_OffersPage {
    margin-top: 0;
  }
  #PrimroseSignupPage .pageTopTitle {
    margin-bottom: 70px;
    padding: 0 60px;
  }
  #PrimroseSignupPage .pageTopTitle .h2 {
    margin-bottom: 0;
  }
  #PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .switch {
    width: 100%;
  }
  #PrimroseSignupPage
    .pageContentArea
    .formArea
    .maleFemaleHolder
    .slider:before {
    width: 50%;
  }
  #PrimroseSignupPage
    .pageContentArea
    .formArea
    .maleFemaleHolder
    input:not(:checked)
    + .slider:before {
    margin-left: 50%;
  }
}
@media (min-width: 481px) {
  #PrimroseSignupPage .container {
    padding: 50px 0;
  }
  #PrimroseSignupPage .pageContentArea .formArea {
    padding-left: 20px;
  }
  #PrimroseSignupPage .pageContentArea .formImageArea .imageRibbon {
    bottom: 30px;
  }
}
@media (min-width: 1031px) {
  #PrimroseSignupPage .container {
    padding: 70px 0;
  }
  #PrimroseSignupPage .pageContentArea .formArea {
    padding-left: 0;
    padding-right: 40px;
  }
  #PrimroseSignupPage .pageContentArea .formImageArea .imageRibbon {
    bottom: 20px;
  }
}
@media (max-width: 1031px) {
  #PrimroseSignupPage .pageTopTitle {
    text-align: center;
    max-width: 600px;
    margin: auto;
    margin-bottom: 30px;
  }
}
#SignupPageCountdown .countdown .label.alternative {
  display: none !important;
}
#SecretSalePage {
  background-color: #f8e5dc;
}
#SecretSalePage.BF2019 {
  background-color: #fff;
  padding-bottom: 40px;
}
#SecretSalePage.BF2019 .hero .hero-content {
  text-align: center;
  padding: 90px 10px;
  background-color: #fbf9f6;
}
#SecretSalePage.BF2019 .hero .hero-content h1 {
  color: #2c7aa1;
  font-family: "Nunito Sans SemiBold";
  font-size: 36px;
  letter-spacing: 0.8px;
  line-height: 46px;
  max-width: 480px;
  margin: auto;
  margin-bottom: 20px;
}
#SecretSalePage.BF2019 .hero .hero-content.salesPage h1 {
  color: #000;
}
#SecretSalePage.BF2019 .hero .hero-content p {
  font-family: "Nunito Sans Light";
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 26px;
  max-width: 480px;
  margin: auto;
  margin-bottom: 20px;
}
#SecretSalePage.BF2019 .hero .hero-content button {
  height: 45px;
  color: #2c7aa1;
  background-color: transparent;
  border: 1px solid #2c7aa1;
  font-family: "Nunito Sans SemiBold";
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 28px;
}
@media (min-width: 769px) {
  #SecretSalePage.BF2019 .hero .hero-content button:hover {
    background-color: #2c7aa1;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
#SecretSalePage.BF2019 .hero .hero-content .arrowDown {
  cursor: pointer;
  height: 45px;
  width: 45px;
  margin: auto;
  border-radius: 45px;
  border: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#SecretSalePage.BF2019 .hero .hero-content .arrowDown svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#SecretSalePage.BF2019 .hero .hero-content .arrowDown svg polyline {
  stroke: black;
}
#SecretSalePage.BF2019 .hero img {
  width: 100%;
  height: auto;
}
#SecretSalePage.BF2019 .hero.gemstones {
  margin-top: 25px;
  display: inline-block;
}
@media (min-width: 480.01px) {
  #SecretSalePage.BF2019 .hero.gemstones figcaption.diamonds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 47px;
  }
  #SecretSalePage.BF2019
    .hero.gemstones
    figcaption.diamonds
    .p-bottomRightCorner.gem {
    width: 380px;
  }
}
@media (min-width: 480.01px) and (max-width: 769px) {
  #SecretSalePage.BF2019 .hero.gemstones figcaption.diamonds {
    padding: 30px;
  }
  #SecretSalePage.BF2019
    .hero.gemstones
    figcaption.diamonds
    .p-bottomRightCorner.gem {
    width: 260px;
  }
}
#SecretSalePage.BF2019 .container {
  padding: 0;
}
#SecretSalePage.BF2019 .container.bottom-area {
  max-width: 1120px;
}
#SecretSalePage.BF2019 .container-large {
  margin-bottom: 0;
}
#SecretSalePage.BF2019 .caption {
  margin-top: 20px;
  max-width: 90%;
}
#SecretSalePage.BF2019 h3 {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 28px;
  letter-spacing: 0.75px;
  line-height: 38px;
  margin-bottom: 15px;
}
#SecretSalePage.BF2019 p {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-bottom: 15px;
}
#SecretSalePage.BF2019 .link {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
#SecretSalePage.BF2019 .link::after {
  content: "";
  top: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  background-image: url(../icons/arrow-right-buttons.svg);
  background-repeat: no-repeat;
  background-size: auto 95%;
}
@media (max-width: 480px) {
  #SecretSalePage.BF2019 h3 {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 32px;
    max-width: 90%;
  }
  #SecretSalePage.BF2019 p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 24px;
  }
}
#SecretSalePage.BF2019 .hero-bottom {
  margin-top: 70px;
}
@media (max-width: 480px) {
  #SecretSalePage.BF2019 .hero-bottom {
    margin-top: 20px;
  }
}
#SecretSalePage.BF2019 .hero .coln {
  padding: 0;
}
#SecretSalePage.BF2019 .hero .coln.smaller {
  padding: 15px 20px;
}
@media (min-width: 480px) {
  #SecretSalePage.BF2019 .hero .coln.smaller {
    padding: 60px 20px;
  }
}
@media (min-width: 769px) {
  #SecretSalePage.BF2019 .hero .coln.smaller {
    padding: 70px 50px;
  }
}
#SecretSalePage.BF2019 .hero figcaption {
  padding: 0 8%;
  padding-top: 40px;
}
@media (max-width: 380px) {
  #SecretSalePage.BF2019 .hero figcaption {
    padding: 0 5%;
    padding-top: 16px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #SecretSalePage.BF2019 .hero figcaption.diamonds {
    max-width: 300px;
  }
}
#SecretSalePage.BF2019 .hero figcaption p {
  max-width: 90%;
}
@media (min-width: 480px) {
  #SecretSalePage.BF2019 .hero figcaption {
    padding-left: 30px;
    padding-top: 30px;
    width: 380px;
    margin: 0;
  }
}
@media (min-width: 769px) {
  #SecretSalePage.BF2019 .hero figcaption {
    padding-left: 40px;
    padding-top: 40px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #SecretSalePage.BF2019 .hero figcaption {
    padding-left: 20px;
    padding-top: 20px;
    width: 380px;
  }
}
@media (min-width: 481px) and (max-width: 769px) {
  #SecretSalePage.BF2019 .container.bottom-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #SecretSalePage.BF2019 .container.bottom-area a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    display: list-item;
    list-style-type: none;
  }
}
#SecretSalePage.BF2019 .container.bottom-area .coln {
  padding: 10px 16px;
}
#SecretSalePage video {
  max-width: 100%;
}
#SecretSalePage .container {
  padding: 30px 0;
}
#SecretSalePage .pageTopTitle {
  padding: 0 10px;
}
#SecretSalePage .pageTopTitle .h1 {
  font-family: "Nunito Sans SemiBold";
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 44px;
}
#SecretSalePage .pageTopTitle .h2 {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
#SecretSalePage .pageContentArea .pageTopTitle {
  margin-bottom: 40px;
}
#SecretSalePage .pageContentArea .formImageArea {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
#SecretSalePage .pageContentArea .formImageArea .imageRibbon {
  text-transform: uppercase;
  font-family: "Nunito Sans SemiBold";
  height: 27px;
  width: 163px;
  color: #333;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 40px;
  background-color: rgba(212, 159, 149, 0.7);
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  letter-spacing: 1px;
}
#SecretSalePage .pageContentArea .formArea {
  font-family: "Nunito Sans SemiBold";
}
#SecretSalePage .pageContentArea .formArea p.errorMessage {
  margin-top: -24px;
}
#SecretSalePage .pageContentArea .formArea input[type="text"].error {
  border: none !important;
  border-bottom: 1px solid red !important;
}
#SecretSalePage .pageContentArea .formArea input[type="text"] {
  color: #000;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}
#SecretSalePage .pageContentArea .formArea .buttonsHolder {
  padding-left: 5px;
  padding-right: 5px;
}
#SecretSalePage
  .pageContentArea
  .formArea
  .buttonsHolder
  button#SignupSecretSale2019 {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 26px;
  background-color: #000;
  color: #fff;
  font-family: "Nunito Sans SemiBold";
}
#SecretSalePage .pageContentArea .formArea .buttonsHolder .p {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: -0.5px;
  line-height: 16px;
  font-family: "Nunito Sans SemiBold";
}
#SecretSalePage .pageContentArea .formArea .buttonsHolder .p a {
  text-decoration: underline;
}
@media (min-width: 481px) {
  #SecretSalePage .pageContentArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
@media (min-width: 481px) and (max-width: 1031px) {
  #SecretSalePage .pageContentArea .formImageArea {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  #SecretSalePage .pageContentArea .formArea {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 20px;
  }
}
@media (max-width: 480px) {
  #SecretSalePage .formImageArea {
    margin-top: 40px;
  }
  #SecretSalePage .formArea {
    padding: 0 30px;
  }
  #SecretSalePage .formArea .buttonsHolder .p {
    margin-bottom: 0;
  }
  #SecretSalePage .formArea input {
    padding-top: 0;
  }
  #SecretSalePage .formArea #Subscribe_Primrose_OffersPage {
    margin-top: 0;
  }
  #SecretSalePage .pageTopTitle {
    margin-bottom: 70px;
    padding: 0 60px;
  }
  #SecretSalePage .pageTopTitle .h2 {
    margin-bottom: 0;
  }
  #SecretSalePage .pageContentArea .formArea .maleFemaleHolder .switch {
    width: 100%;
  }
  #SecretSalePage .pageContentArea .formArea .maleFemaleHolder .slider:before {
    width: 50%;
  }
  #SecretSalePage
    .pageContentArea
    .formArea
    .maleFemaleHolder
    input:not(:checked)
    + .slider:before {
    margin-left: 50%;
  }
}
@media (min-width: 481px) {
  #SecretSalePage .container {
    padding: 50px 0;
  }
  #SecretSalePage .pageContentArea .formArea {
    padding-left: 20px;
  }
  #SecretSalePage .pageContentArea .formImageArea .imageRibbon {
    bottom: 30px;
  }
}
@media (min-width: 1031px) {
  #SecretSalePage .container {
    padding: 70px 0;
  }
  #SecretSalePage .pageContentArea .formArea {
    padding-left: 0;
    padding-right: 30px;
  }
  #SecretSalePage .pageContentArea .formImageArea .imageRibbon {
    bottom: 20px;
  }
}
@media (max-width: 1031px) {
  #SecretSalePage .pageTopTitle {
    text-align: center;
    max-width: 600px;
    margin: auto;
    margin-bottom: 30px;
  }
}
.alertify-dialog {
  font-family: "Nunito Sans Light";
}
.alertify-dialog p.alertify-message {
  font-size: 17px;
  letter-spacing: 0.5px;
  line-height: 23px;
}
.alertify-dialog .alertify-button {
  height: 45px;
  line-height: 45px;
  padding: 0 26px;
  background-color: #000;
  color: #fff;
  font-family: "Nunito Sans SemiBold";
  border: 1px solid #000;
}
.alertify-dialog #popupDiscountCode {
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 1px;
  font-family: "Nunito Sans Semibold";
}
.alertify-dialog #popupDiscountCode.yellow {
  color: #ffc13a;
}
.alertify-dialog #popupCopyToClipboard {
  font-family: "Nunito Sans";
  color: #fff;
  height: auto;
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  letter-spacing: 0.5px;
  line-height: 23px;
  text-transform: capitalize;
  text-decoration: none;
  background-color: #000;
  padding: 15px 20px;
  margin-top: 20px;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.alertify-dialog #popupCopyToClipboard:hover {
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #000;
}
.stickyMasterTopBar.SummerSaleBlue {
  background-color: #a4d8e4;
}
.newsletterSubscriptionTopbar_ghostElement.summerSale {
  height: 60px;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar {
  background-color: #cde1e4;
  cursor: pointer;
  height: 60px;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent {
  height: 60px;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .SaleEndsIn {
  font-size: 11px;
  margin-top: 6px;
  height: 14px;
  line-height: 14px;
  text-transform: uppercase;
  font-family: "Nunito Sans Bold";
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown {
  height: 30px;
  line-height: 30px;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown
  .timer.days,
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown
  .divisor.day-hour {
  display: inline-block;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown
  .timer.seconds,
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown
  .divisor.min-sec {
  display: none;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown
  .timer {
  display: inline-block;
  position: relative;
  font-size: 20px;
  padding: 0 8px;
  text-align: center;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown
  .timer
  .timerLabel {
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  margin: auto;
  height: 8px;
  line-height: 8px;
  bottom: -6px;
  left: 0;
  font-size: 7px;
  text-align: center;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown
  .divisor {
  display: inline-block;
  font-size: 20px;
  margin: 0;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown.showSecondsHideDays
  .timer.days,
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown.showSecondsHideDays
  .divisor.day-hour {
  display: none;
}
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown.showSecondsHideDays
  .timer.seconds,
.newsletterSubscriptionTopbar_topBarHolder.summerSale
  .stickynewsletterSubscriptionTopbar
  .stickyBarContent
  .contentHolder
  .summerSaleCountdown.showSecondsHideDays
  .divisor.min-sec {
  display: inline-block;
}
body.HasSummerSaleTopBar header {
  top: 60px;
}
body.HasSummerSaleTopBar.HasMasterTopBar header {
  top: 100px;
}
#tempWarning {
  position: relative;
  background-color: #ffb002;
}
#tempWarning > .warningContent {
  padding: 20px;
  overflow: hidden;
  box-sizing: border-box;
}
#tempWarning > .warningContent > .closeTempWarning {
  position: absolute;
  right: 15px;
  top: 5px;
  font-size: 28px;
}
#tempWarning > .warningContent p {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}
#tempWarning > .warningContent a.arrowBtn {
  line-height: 26px;
  margin-top: 7px;
  font-size: 16px;
}
.alignSizesHolder > .alignable {
  vertical-align: top;
}
#gridHolder {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#gridHolder #gridLine > div {
  background-color: red;
  height: 100vh;
  opacity: 0.6;
}
img[src*="loading.gif"] {
  height: 40px;
}
#resizeHolder {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  z-index: 9999;
  padding: 5px;
}
body.iexplorer .startHiddenForIE {
  display: none;
}
body.iexplorer select::-ms-expand {
  display: none;
}
body.iexplorer#shopBag2017
  #itemsHolder
  .item.twoImageTypes
  .imagesHolder
  > figure {
  top: 90%;
  transform: none;
  -ms-transform: none;
}
body.iexplorer #checkoutSteps .form select {
  padding-left: 10px;
}
#___ratingbadge_0 {
  z-index: 16000000 !important;
  transition: margin-bottom 0.5s;
}
@media (min-width: 1031px) {
  .hasStickyFooter #rings #___ratingbadge_0 {
    margin-bottom: 100px !important;
  }
}
body {
  font-family: "Source Sans Pro", sans-serif;
}
html.noScroll,
body.noScroll {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.scp {
  font-family: "Source Sans Pro";
}
.scpSemiBold {
  font-family: "Source Sans Pro";
  font-weight: 600;
}
.scpBold {
  font-family: "Source Sans Pro";
  font-weight: 700;
}
.scpItalic {
  font-family: "Source Sans Pro" !important;
  font-style: italic;
}
.scpLight {
  font-family: "Source Sans Pro";
  font-weight: 300;
}
.scpSemiBoldItalic {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "Caslon Pro";
  src: url("../fonts/casionpro/acaslonpro-regular.woff") format("woff");
  unicode-range: U+0-5FF;
  font-display: swap;
}
.overflow-auto {
  overflow: auto;
}
h1,
.h1 {
  font-size: 4.2em;
  margin-top: 0;
  margin-bottom: 0.75em;
}
h2,
.h2 {
  font-size: 3.2em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.75em;
}
h3,
.h3 {
  font-size: 2.6em;
  font-weight: normal;
  line-height: 115%;
  margin-top: 0;
  margin-bottom: 0.75em;
}
h4,
.h4 {
  font-size: 2em;
  font-weight: normal;
  line-height: 115%;
  margin-top: 0;
  margin-bottom: 0.75em;
}
h5,
.h5 {
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  font-size: 1.65em;
  margin-top: 0;
  margin-bottom: 0.75em;
}
p,
.p {
  font-weight: normal;
  line-height: 130%;
  margin-top: 0;
  margin-bottom: 1.25em;
}
strong,
.strong {
  font-weight: bold;
}
sup {
  vertical-align: super;
  font-size: 0.5em;
}
button:focus {
  outline: none;
}
a,
.a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}
a:focus {
  outline: 0 none;
}
* {
  -webkit-tap-highlight-color: transparent;
  outline: 0 none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #fff url(../icons/CaretDown.png) no-repeat right
    10px center/auto 20%;
  background-color: #fff;
  border: 1px solid #666;
  padding-right: 35px;
}
.firefox select {
  text-indent: 4px;
}
.smallText {
  font-size: 12px;
}
.smallText > a {
  text-decoration: underline;
}
.none {
  display: none !important;
}
.error-message {
  color: red;
  font-size: 14px;
}
.error-message a {
  color: red !important;
  text-decoration: underline;
}
.paypal-text {
  color: #199ddb;
}
.tabs77 .tabTitles77Holder {
  display: table;
  width: 100%;
}
.tabs77 .tabTitle77 {
  display: table-cell;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
.tabs77 .tabTitle77.active {
  color: #ffc13a;
}
.tabs77 .tabTitles77Select {
  margin: 40px auto;
  width: 80%;
  height: 50px;
  display: block;
  font-size: 16px;
}
.tabs77 .tabContent77 {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity 0.5s;
}
.tabs77 .tabContent77.active {
  max-height: none;
  opacity: 1;
}
.table77 {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #ccc;
}
.table77 thead tr {
  background-color: #ccc;
}
.table77 tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
.table77 th {
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
}
.table77 td {
  font-size: 1.2em;
  padding: 10px;
}
.table77 tbody tr td:first-child {
  width: 25%;
  word-break: break-all;
}
.noOverflow {
  overflow: hidden;
}
#livechat-compact-container {
  z-index: 999 !important;
  display: none;
}
:root {
  max-width: 100vw;
}
body {
  font-size: 70%;
}
html {
  font-size: 100%;
}
html,
body {
  -webkit-font-smoothing: antialiased;
}
a[href*="tel:"] {
  white-space: nowrap;
  color: inherit;
}
a[href*="tel:"]:hover {
  cursor: pointer;
}
section,
.container,
.row {
  display: block;
  clear: both;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
footer#footer a > .feefo-badge__image {
  width: 60px;
}
.container {
  max-width: 1180px;
  min-width: 290px;
}
.innerpadding {
  padding: 0 10%;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
img.fakeImage {
  visibility: hidden;
  opacity: 0;
}
.flexBlock {
  display: flex;
  float: left;
}
.flexBlock > * {
  flex: 1 1 auto;
}
.block {
  margin-bottom: 15px;
}
.scriptStyle {
  font-style: italic;
  text-transform: none;
}
.whiteBackground {
  background-color: #fff;
}
.greyBackground {
  background-color: #dadada;
}
.grey57Color {
  color: #575756;
}
.lightYellowColor {
  color: #ffc13a;
}
.yellowColor {
  color: #ffb002;
}
.redColor,
.red {
  color: red;
}
.whiteColor {
  color: #fff;
}
.blackColor {
  color: #000;
}
.yellowLine {
  border: 0 none;
  margin: 0;
  height: 0;
  border-bottom: 6px solid #ffc13a;
  clear: both;
}
.greyBorder {
  border: 1px solid #dadada;
}
.smallMarginTop {
  margin-top: 10px;
}
.noFont {
  font-size: 0;
}
.yellowLine:before,
.yellowLine:after {
  clear: both;
}
.toggler {
  cursor: pointer;
}
.toggleMe {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}
.toggler.active ~ .toggleMe,
.toggleMe.active {
  max-height: 200px;
}
.alertify {
  border-top: 1px solid #ffc13a;
  width: 80%;
  max-width: 900px;
  margin-left: 0;
  transform: translateX(-50%);
  padding: 40px 5%;
  box-sizing: border-box;
  z-index: 100003 !important;
}
.alertify.small-popup {
  max-width: 600px !important;
  padding: 0 !important;
}
.alertify #alertifyConfirmation .socialButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
.alertify #alertifyConfirmation .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  margin: 20px;
}
@media (max-width: 768px) {
  .alertify #alertifyConfirmation .socialButtons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.alertify #alertifyConfirmation .socialButtons a {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  color: #000;
  text-align: center;
  padding: 10px 21px;
  margin: 0 20px;
  border-radius: 5px;
  border: 1px solid #000;
  font-weight: 600;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.alertify #alertifyConfirmation .socialButtons a:hover {
  background-color: #000;
  color: #fff;
}
@media (max-width: 768px) {
  .alertify #alertifyConfirmation .socialButtons a {
    margin: 13px 0;
  }
}
.alertify-cover {
  z-index: 100002 !important;
}
*.loadingError,
*.loadingSuccess,
*.ajaxLoading {
  position: relative;
}
*.loadingError,
*.loadingSuccess {
  background-color: #ccc !important;
  color: #ccc !important;
  pointer-events: none;
}
#image360-reel .reel-preloader,
*.loadingError:before,
*.loadingSuccess:before,
*.ajaxLoading:before {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
#image360-reel .reel-preloader {
  background-color: rgba(255, 255, 255, 0.3);
  width: 100% !important;
}
*.loadingError:before,
*.loadingSuccess:before {
  background-color: transparent;
}
#image360-reel .reel-preloader:after,
*.loadingError:after,
*.loadingSuccess:after,
*.ajaxLoading:after {
  content: "";
  color: #333;
  text-align: center;
  position: absolute;
  width: 36px;
  height: 36px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  font: 36px FontAwesome;
  text-rendering: auto;
  z-index: 101;
  -webkit-font-smoothing: antialiased;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
*.ajaxLoading.noCog:after {
  content: " ";
}
*.loadingError:after,
*.loadingSuccess:after {
  -webkit-font-smoothing: none;
  -webkit-animation: none;
  animation: none;
}
*.loadingError:after {
  content: "";
}
*.loadingSuccess:after {
  content: "";
}
body.ajaxLoading:after {
  position: fixed;
}
.leaders {
  max-width: 37em;
  padding: 0;
  overflow: hidden;
}
.leaders:before {
  float: left;
  width: 0;
  white-space: nowrap;
  content: ".................................................................................................................";
}
.leaders span:first-child {
  padding-right: 0.1em;
  background: #fff;
}
.leaders span + span {
  float: right;
  background: #fff;
}
figure.centeredImage,
figure.centeredImage2 {
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
figure.centeredImage2 > img,
figure.centeredImage2 > a {
  width: 100%;
}
figure.centeredImage > img,
figure.centeredImage > a {
  margin: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  display: block;
}
figure.centeredImage > a > img {
  display: inline-block;
  margin-top: 10px;
}
.centeredContent {
  margin: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
  -moz-transform: perspective(1px) translateY(-50%);
  -ms-transform: perspective(1px) translateY(-50%);
  -o-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
  bottom: unset;
}
@media (min-width: 481px) {
  .tp-centeredContent {
    margin-left: 4%;
    bottom: auto;
    top: 50%;
  }
}
.centeredContent2 {
  margin: auto;
  position: relative;
  margin-top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
  -moz-transform: perspective(1px) translateY(-50%);
  -ms-transform: perspective(1px) translateY(-50%);
  -o-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
}
.quote2 {
  border-bottom: 3px solid #dbdbdb;
  border-top: 3px solid #dbdbdb;
  float: left;
  margin-top: 30px;
  padding: 20px 0 15px 0;
  width: 100%;
}
.quote2 .h1 {
  margin-bottom: 20px;
  font-size: 2.6em;
}
.quote2 h3 {
  font-family: "Nunito Sans Light";
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.6em;
}
.starsHolder > i.fa {
  margin-left: 10px;
  font-size: 24px;
  margin-bottom: 10px;
}
.marginTop {
  margin-top: 15px;
}
#wrapper {
  transition: margin 0.5s ease;
}
.styled-select {
  background-color: #dadada;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  position: relative;
}
.styled-select:after {
  content: "";
  font-family: "FontAwesome";
  color: #222;
  font-size: 36px;
  line-height: 30px;
  position: absolute;
  right: 15px;
  top: 0;
}
.styled-select > select {
  background-color: transparent;
  border: 0 none;
  width: calc(100% + 18px);
  height: 30px;
  text-indent: 3px;
  font-size: 14px;
}
hr.greyLine {
  margin-bottom: 20px;
  border: 0 none;
  border-bottom: 2px solid #ccc;
}
hr.arrowHR {
  margin-top: 0;
  margin-bottom: 20px;
  border: 0 none;
  border-bottom: 1px solid #ccc;
  position: relative;
}
hr.arrowHR:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #fff transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -1px;
  left: 50%;
  margin-left: -15px;
}
hr.arrowHR:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #ccc transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 0;
  left: 50%;
  margin-left: -15px;
}
.form label.fakeCheckbox {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form label.fakeCheckbox input {
  position: absolute;
  left: 0;
  opacity: 0;
}
.form label.fakeCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
  transition: background-color 0.5s, border-color 0.5s;
}
.form label.fakeCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.form label.fakeCheckbox input:checked ~ .checkmark {
  background-color: #ffc13a;
  border-color: #ffc13a;
}
.form label.fakeCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.form label.fakeCheckbox input:checked ~ .checkmark:after {
  display: block;
}
.form label.fakeCheckbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form input[type="text"],
.form input[type="password"],
.form input[type="email"],
.form input[type="file"],
.form select,
.form textarea {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  height: 30px;
  border: 1px solid #ccc;
  text-indent: 10px;
  font-size: 14px;
  font-family: "Source Sans Pro", Arial, sans-serif;
}
.firefox .form select {
  text-indent: 4px;
}
.form textarea {
  resize: none;
  height: 90px;
}
.form .prefixField {
  font-size: 0;
  margin-bottom: 10px;
}
.form input[type="text"].prefix,
.form select.prefix {
  width: 25%;
}
.form .prefixField input[type="text"].prefix,
.form .prefixField select.prefix {
  width: 27%;
  font-size: 14px;
  vertical-align: middle;
  margin-bottom: 0;
  height: 32px;
}
.form input[type="text"].prefix + input,
.form select.prefix + input {
  width: 70%;
  margin-left: 3%;
}
.form .prefixField input[type="text"].prefix + input,
.form .prefixField select.prefix + input {
  font-size: 14px;
  vertical-align: middle;
  margin-bottom: 0;
  height: 30px;
}
.form input[type="file"] {
  height: 30px;
  opacity: 0;
  margin: 0;
}
.form input[type="file"].bigFile {
  height: 90px;
}
.form div.fakeFile {
  background: #fff url(../icons/PlusImage.png) no-repeat scroll
    center center;
  min-height: 90px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  position: relative;
}
.form div.fakeFile img[src=""] {
  display: none;
}
.form div.fakeFile .fakeInput {
  left: 0;
  position: absolute;
  top: 0;
}
.form label {
  display: block;
  font-size: 13px;
}
.form input[type="checkbox"] + label,
.form input[type="radio"] + label {
  display: inline-block;
  vertical-align: middle;
}
.form label.errorLabel,
.form label.errorLabel + .error {
  margin-bottom: 30px;
}
.form label.errorLabel > span {
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  top: 25px;
  width: 45%;
  left: 15px;
  white-space: nowrap;
}
.form .floating-label > input {
  height: 45px;
  padding-top: 10px;
}
.form .floating-label > input:focus ~ label,
.form .floating-label.hasValue > input ~ label,
.form .floating-label > input:-webkit-autofill ~ label,
.form .floating-label > input[placeholder]:not(:placeholder-shown) ~ label {
  top: 4px;
  left: 12px;
  font-size: 11px;
  opacity: 1;
  margin: 0;
}
.form .floating-label > input::placeholder {
  opacity: 0;
}
.form .floating-label > input:-ms-input-placeholder {
  opacity: 0;
}
.form .floating-label > input::-ms-input-placeholder {
  opacity: 0;
}
.form .floating-label {
  position: relative;
}
.form .floating-label > label {
  position: absolute;
  pointer-events: none;
  left: 12px;
  top: 16px;
  transition: 0.2s ease all;
  font-size: 14px;
  color: #999;
}
.form .floating-label.prefixField > input:focus ~ label,
.form .floating-label.prefixField.hasValue > input ~ label {
  left: calc(30% + 12px);
}
.form .floating-label.prefixField > label {
  left: calc(30% + 12px);
}
.form input[type="text"].error,
.form input[type="password"].error,
.form input[type="email"].error,
.form input[type="file"].error,
.form input[type="radio"].error,
.form input[type="checkbox"].error,
.form input[type="radio"].error + div,
.form input[type="checkbox"].error + div,
.form select.error,
.form textarea.error {
  border: 1px solid red !important;
}
.form .fieldHolder.half {
  float: left;
  width: 49%;
  vertical-align: middle;
}
.form .fieldHolder.half + .fieldHolder.half {
  margin-left: 2%;
}
.form input[type="text"].half,
.form input[type="email"].half,
.form input[type="password"].half,
.form select.half {
  width: 49%;
  vertical-align: middle;
}
.form input[type="text"].half ~ .half,
.form input[type="email"].half ~ .half,
.form input[type="password"].half ~ .half,
.form select.half ~ .half {
  width: 49%;
  margin-left: 2%;
  vertical-align: middle;
}
.form .fieldHolder.hasError {
  position: relative;
}
.errorMessage,
.form .fieldHolder.hasError .errorMessage {
  padding: 0;
  color: red;
  font-size: 12px;
  margin-top: 0;
  display: block;
  display: block;
  line-height: 1;
}
.errorMessage {
  text-align: left;
}
.form .fieldHolder.hasError .errorMessage.field50 {
  margin-left: 50%;
}
.form .fieldHolder.hasError .errorMessage.field25 {
  margin-left: 25%;
}
.errorMessageHolder {
  position: relative;
}
.errorMessageHolder > .errorMessage {
  position: absolute;
  width: auto;
  background: red;
  height: auto;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 4px;
  color: #fff;
  box-shadow: 1px 1px 2px #575757;
}
.errorMessageHolder > .errorMessage:after {
  content: "";
  font-family: "FontAwesome";
  bottom: -12px;
  font-size: 20px;
  position: absolute;
  color: red;
  text-shadow: 1px 1px 1px #575757;
}
.errorMessageHolder > .errorMessage > p {
  margin: 0;
  white-space: nowrap;
}
.hand {
  cursor: pointer;
}
.simpleBtn {
  background: none;
  border: 0 none;
  cursor: pointer;
}
.btn {
  -webkit-appearance: none;
  padding: 10px 26px;
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  margin: 10px auto 0;
  background-color: #ffc13a;
  background-position: right center;
  background-repeat: no-repeat;
  border: 0 none;
  text-align: center;
  cursor: pointer;
  max-width: 100%;
  white-space: normal;
}
#btnCalculate {
  padding: 10px 0 !important;
  height: auto;
}
.btn.fullWidth {
  width: 100%;
}
.smallBtn {
  font-size: 14px;
  padding: 4px 20px;
}
.greyBG,
.btn.greyBG {
  background: #dbdbdb;
}
.greyBG:hover,
.btn.greyBG:hover {
  background: #ffc13a;
}
.fifth .btn {
  font-size: 1.1em;
}
.btn.lft {
  margin: 10px 0 0 0 !important;
}
button.disabled,
.btn.disabled {
  pointer-events: none !important;
  position: relative;
  cursor: initial;
}
button.disabled:before,
.btn.disabled:before {
  content: "" !important;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
}
.btn.disabled:after {
  content: "";
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  font: 36px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  z-index: 999;
}
.btn.disabled.noLoading:after {
  content: "";
}
.btnCert {
  background: #efefef;
  background: -moz-linear-gradient(
    top,
    #efefef 0%,
    #efefef 0%,
    #efefef 0%,
    #dedede 100%
  );
  background: -webkit-linear-gradient(
    top,
    #efefef 0%,
    #efefef 0%,
    #efefef 0%,
    #dedede 100%
  );
  background: linear-gradient(
    to bottom,
    #efefef 0%,
    #efefef 0%,
    #efefef 0%,
    #dedede 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#dedede',GradientType=0);
  color: #666 !important;
  font-weight: normal;
  font-size: 14px;
  font-family: Arial;
  text-decoration: none;
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid #ddd;
}
.btnCert > i {
  margin-right: 5px;
}
.giaBtn {
  padding: 0 14px 0 0;
}
a.arrowBtn,
a.arrowBtn:link,
a.arrowBtn:visited,
.arrowBtn {
  background: transparent url(/images/img-2018/Common/arrow.png) no-repeat
    center right 5px/16px auto;
  padding: 2px 26px 6px 0;
  letter-spacing: 2px;
  font-size: 20px;
  color: #ffc13a;
  font-weight: 600;
}
a.arrowBtn.full,
a.arrowBtn.full:link,
a.arrowBtn.full:visited,
.arrowBtn.full {
  border: 1px solid #ffc13a;
  padding: 4px 35px 4px 10px;
}
a.arrowBtn.blackArrowBtn,
a.arrowBtn.blackArrowBtn:link,
a.arrowBtn.blackArrowBtn:visited,
.arrowBtn.blackArrowBtn {
  background: transparent url(/images/img-2018/Common/arrow_black.png) no-repeat
    center right 5px/16px auto;
  color: #000;
}
a.arrowBtn.blackArrowBtn.full,
a.arrowBtn.blackArrowBtn.full:link,
a.arrowBtn.blackArrowBtn.full:visited,
.arrowBtn.blackArrowBtn.full {
  border-color: #000;
}
.bannerLinks {
  white-space: nowrap;
  text-align: center;
}
.bannerLinks .eventBtn {
  background-color: transparent;
  border: 1px solid #ffc13a;
  text-align: left;
  padding-left: 10px;
  color: #fff;
  font-size: 14px;
  padding: 0;
  min-width: 280px;
  font-weight: 600;
}
.headerBannerLinks .btn.eventBtn {
  color: #333;
  border-width: 2px;
  min-width: 120px;
}
.headerBannerLinks p.btn.eventBtn {
  border-color: #02a002;
  height: 26px;
  line-height: 26px;
  min-width: 140px;
  text-align: center;
  margin-top: 10px;
  cursor: default;
}
.headerBannerLinks.bannerLinks p.btn.eventBtn:hover:not(.disabled) {
  border-color: #02a002;
}
.headerBannerLinks .btn.eventBtn > span {
  background: transparent url(/images/img-2018/Common/arrow_grey.png) no-repeat
    center right 10px/12px auto;
  line-height: 5px;
  text-indent: 0;
}
.bannerLinks .btn.eventBtn:hover:not(.disabled) {
  background: transparent;
  border-color: #fff;
}
.headerBannerLinks .btn.eventBtn:hover:not(.disabled) {
  background: transparent;
  border-color: #999;
}
.bannerLinks .eventBtn + .eventBtn {
  margin-left: 3%;
}
.bannerLinks .eventBtn > span {
  background: transparent url(/images/img-2018/Common/arrow.png) no-repeat
    center right 10px/12px auto;
  display: block;
  height: 100%;
  padding: 10px;
  transition: background 0.3s;
}
.bannerLinks .btn.eventBtn:hover:not(.disabled) > span {
  background: transparent url(/images/img-2018/Common/arrow_white.png) no-repeat
    center right 5px/12px auto;
}
.headerBannerLinks .btn.eventBtn:hover:not(.disabled) > span {
  background: transparent url(/images/img-2018/Common/arrow_grey.png) no-repeat
    center right 5px/12px auto;
}
#hero .glissadeLinkHolder {
  margin-bottom: 10px;
}
.glissadeLinkHolder > a {
  font-size: 2em;
  color: #ffc13a;
}
.glissadeLinkHolder > a:after {
  content: "";
  background: url(/images/img-2018/Common/arrow.png) no-repeat center/auto 25px;
  height: 25px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
a.dd {
  display: inline-block;
  padding-right: 16px;
  position: relative;
}
.lt-ie8 a.dd {
  display: inline;
}
a.dd:hover,
a.dd.dropdown-open {
  color: #ccc;
}
.dropdown {
  position: absolute;
  z-index: 9999999;
  display: none;
}
.dropdown .dropdown-menu {
  min-width: 60px;
  max-width: 100px;
  list-style: none;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
  overflow: visible;
  padding: 0;
  margin: 0;
  font-size: 1em !important;
  text-align: left;
}
.dropdown.dropdown-scroll .dropdown-menu {
  max-height: 360px;
  overflow: auto;
}
.dropdown .dropdown-menu LI {
  list-style: none;
  padding: 0 0;
  margin: 0;
  line-height: 18px;
  font-size: 1.4em !important;
}
.dropdown .dropdown-menu LI > A,
.dropdown .dropdown-menu LABEL {
  display: block;
  color: #333;
  text-decoration: none;
  line-height: 18px;
  padding: 5px 8px;
  background: #fff;
  white-space: nowrap;
}
.dropdown .dropdown-menu LI > A:hover,
.dropdown .dropdown-menu LABEL:hover {
  background-color: #ccc;
  color: #fff;
  cursor: pointer;
}
#dropdown-2.dropdown {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #fff;
  border-color: -moz-use-text-color #999 #999;
  border-image: none;
  border-radius: 0;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  margin-left: -9px !important;
  top: 0;
  width: 52.9%;
}
@media (max-width: 769px) {
  #dropdown-2.dropdown {
    left: 21.5% !important;
    top: 110px !important;
    width: 52.9%;
  }
}
@media (max-width: 480px) {
  #dropdown-2.dropdown {
    left: 12% !important;
    width: 69% !important;
  }
}
#dropdown-2 .calculator {
  display: block;
  width: 210px;
  list-style-type: none;
  padding: 10px 0 0;
  border-top: 1px solid #999;
  text-align: left;
  margin: 7px auto;
  position: relative;
}
#dropdown-2 .calculator li {
  line-height: 13px;
  font-size: 11px !important;
  margin: 0 0 5px;
  text-align: right;
  min-height: 20px;
}
#dropdown-2 .calculator li b {
  font-weight: normal;
  display: block;
  float: left;
  text-align: left;
}
#dropdown-2 .calculator li input,
#dropdown-2 .calculator li select {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  padding-top: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
}
#dropdown-2 .calculator li input {
  width: 80px;
  padding: 1px 5px;
}
#dropdown-2 .calculator li select {
  width: auto;
  max-width: 160px;
  font-size: 10px;
  text-indent: 4px;
}
.carrousel_left {
  background: url(/images/img-2018/Common/arrow_706f6f.png) no-repeat scroll
    center center/auto 40px;
  transform: rotate(180deg) !important;
  position: absolute;
  left: 0;
  top: 40%;
  z-index: 9;
  cursor: pointer;
  width: 60px;
  height: 60px;
}
.carrousel_right {
  background: url(/images/img-2018/Common/arrow_706f6f.png) no-repeat scroll
    center center/auto 40px;
  position: absolute;
  right: 0;
  top: 40%;
  z-index: 9;
  cursor: pointer;
  width: 60px;
  height: 60px;
}
.slick-disabled {
  opacity: 0.3 !important;
  cursor: default !important;
}
#rings .slick-disabled {
  display: none !important;
}
#map_canvas {
  height: 300px;
  margin-bottom: 20px;
}
#googleloc #saddr,
#block1 #googleloc #saddr {
  display: block;
  width: 63%;
  margin: 0 3% 10px 0;
  position: relative;
  font-size: 14px;
  border: 1px solid #999;
  background: #fff;
  border-radius: none;
  padding: 6px;
  float: left;
  line-height: 1;
  min-width: 160px;
  box-sizing: border-box;
  height: 30px;
}
.fancybox-inner .g-recaptcha {
  margin-top: 15px;
}
.g-recaptcha > div {
  margin: auto;
}
.smallerCaptcha .g-recaptcha {
  margin-top: 10px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  height: 60px;
}
#gdprCheckboxHolder {
  overflow: hidden;
}
#gdprCheckboxHolder label {
}
#gdprCheckboxHolderFooter {
  padding-left: 0;
  margin: 0;
  text-align: left;
  width: 100%;
}
#gdprCheckboxHolderFooter.form label.fakeCheckbox .checkmark {
  border-color: #222;
  background-color: #fff;
}
#gdprCheckboxHolderFooter.form label.fakeCheckbox input:checked ~ .checkmark {
  border-color: #ffc13a;
  background-color: #ffc13a;
}
.gdprCheckboxHolder > label > a {
  text-decoration: underline;
}
.gdprCheckboxHolder .errorMessage {
  text-align: left;
  padding-left: 35px !important;
  margin-top: 0 !important;
}
.gdprCheckboxHolder.form label.fakeCheckbox {
  padding-top: 0;
  margin-bottom: 0;
}
.gdprCheckboxHolder.form label.fakeCheckbox .checkmark {
  width: 20px;
  height: 20px;
}
.gdprCheckboxHolder.form label.fakeCheckbox .checkmark::after {
  top: 2px;
  left: 6px;
}
.gdprCheckboxHolder.form label.fakeCheckbox input.error + .checkmark {
  border: 1px solid red !important;
}
.gdprCheckboxHolder.form .disclaimer > a {
  text-decoration: underline;
}
#email .email-left label.fakeCheckbox {
  padding-left: 35px;
  width: 100%;
  box-sizing: border-box;
}
.darkOverlay {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.darkOverlay.active {
  opacity: 1;
}
.popperUpperHolder {
  background-clip: content-box;
  background-color: #fff;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  margin: auto;
  padding: 50px 0;
  position: fixed;
  right: 0;
  top: 0;
  height: 80%;
  max-height: 80vh;
  width: 50vw;
  overflow: hidden;
  z-index: 99999;
  transition: all 0.5s ease 0.5s;
}
body.popperUpperFullScreen {
  overflow: hidden;
}
.popperUpperHolder.closing {
  transition: all 0.5s ease;
}
.popperUpperHolder.journal {
  height: 0;
  width: 0;
  transform: rotate(0deg);
}
.popperUpperHolder.journal.active {
  height: 80%;
  transform: rotate(1800deg);
  width: 50vw;
}
.popperUpperHolder.slideDown {
  margin-top: -50%;
}
.popperUpperHolder.slideDown.active {
  margin-top: 5%;
}
.popperUpperHolder.fadeIn {
  opacity: 0;
}
.popperUpperHolder.fadeIn.active {
  opacity: 1;
}
.popperUpperHolder > .popperUpperHeader {
  padding: 20px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.popperUpperHolder > .popperUpperHeader > h3 {
  max-width: 80%;
  margin: 0;
}
.popperUpperHolder .popperUpperContentHolder {
  height: 88%;
  overflow-y: auto;
  padding: 20px;
  box-sizing: border-box;
}
#stickyContactBar {
  position: fixed;
  top: -1px;
  left: 0;
  width: 100%;
  background-color: #dadada;
  height: 60px;
  max-height: 0;
  overflow: hidden;
  z-index: 100003;
  border-bottom: 1px solid #aeaeae;
  transition: max-height 0.5s ease;
}
#stickyContactBar.stickyActive {
  max-height: 60px;
}
#stickyContactBar button,
#stickyContactBar a {
  line-height: 60px;
  color: #333;
  font-size: 16px;
}
#stickyContactBar button {
  margin-left: 5vw;
}
#stickyContactBar a {
  margin-right: 5vw;
}
#stickyContactBar button > img,
#stickyContactBar a > img {
  margin-right: 10px;
  vertical-align: middle;
}
#showHideSeoText {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  padding: 5px 8px;
  z-index: 9;
}
#showHideSeoText > i.fa {
  text-shadow: 0 0 3px #fff;
  transition: transform 0.5s ease, color 0.5s ease;
}
#showHideSeoText:hover > i.fa,
#showHideSeoText.active > i.fa {
  transform: rotate(180deg);
  color: #181f35;
}
#seoTextTop {
  max-height: 0;
  overflow: hidden;
  padding: 0 60px;
  transition: max-height 0.5s ease, padding 0.5s ease;
}
#showHideSeoText.active + #seoTextTop {
  max-height: 500px;
  padding: 30px 60px 20px 60px;
}
#underMenuHolder.stickyActive {
  position: fixed;
  top: 0;
  left: 0;
  max-height: 100px;
  width: 100%;
  background: #fff;
  box-shadow: 4px 2px 10px #666;
  z-index: 999999;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
#underMenuHolder a.closeSticky {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 24px;
  color: #ffc13a;
  pointer-events: none;
  opacity: 0;
  z-index: 9;
  transition: opacity 0.5s ease;
}
#underMenuHolder.stickyActive a.closeSticky {
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}
#clockHolder_badge {
  margin: 10px 0;
}
#clockHolder_badge > h3 {
  font-size: 22px;
  margin-bottom: 5px;
  letter-spacing: 2px;
}
.badge_clock > span,
#clockHolder_badge #BF_clock_badge > span {
  font-size: 23px;
  line-height: 10px;
  width: 12%;
}
.badge_clock > span + span,
#clockHolder_badge #BF_clock_badge > span + span {
  margin-left: 0;
}
.badge_clock > span > span,
#clockHolder_badge #BF_clock_badge > span > span {
  margin-top: 10px;
  font-size: 9px;
}
.badge_clock.almostFinished .days,
.badge_clock .seconds {
  display: none;
}
.badge_clock .days,
.badge_clock.almostFinished .seconds {
  display: inline-block;
}
img.heroBanner {
  width: 100%;
}
.darkOverlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99998;
}
.darkOverlay > * {
  z-index: 99999;
}
.subNavSliderHolder {
  position: relative;
  width: 100%;
}
.subNavSliderHolder .carrousel_left,
.subNavSliderHolder .carrousel_right {
  top: 50%;
}
.subNavSlider {
  margin: 0;
  border-bottom: 1px solid #dadada;
  text-align: center;
  font-size: 14px;
}
.subNavSlider > li {
  list-style: none;
  display: inline-block;
  padding: 20px 0 10px;
  margin-left: 5%;
  text-align: center;
  max-width: 15%;
  cursor: pointer;
  font-size: 1.3em;
}
.subNavSlider > li:first-child {
  margin-left: 0;
}
.subNavSlider > li.active:before {
  border-color: #ccc transparent;
  border-style: solid;
  border-width: 15px 15px 0;
  content: "";
  display: block;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  bottom: -15px;
  width: 0;
  z-index: 1;
}
.subNavSlider > li.active:after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 15px 15px 0;
  content: "";
  display: block;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  bottom: -14px;
  width: 0;
  z-index: 1;
}
.subNavSlider > li.active {
  color: #fecc5b;
  position: relative;
}
.subNavSlider > li.active a {
  color: #fecc5b;
}
.subNavSlider > li img {
  max-width: 100%;
  margin-top: -10px;
  margin-bottom: 5px;
}
.subNavSlidesHolder {
  margin: 20px 0;
}
.subNavSlidesHolder figure {
  height: 350px;
  background-color: #fff;
}
.subNavSlidesHolder figure > a {
  margin-left: 8.33333%;
}
.subNavSlidesHolder figure > a.margin-right {
  margin-right: 8.3333%;
}
.subNavSlidesHolder h2 {
  font-size: 40px;
  text-transform: none;
  margin: 20px 0 15px 0;
}
.subNavSlidesHolder h3 {
  font-family: "Nunito Sans Light";
}
.phraseBannerBlock figcaption .info h2 .subNavSlidesHolder h3 {
  font-size: 17px;
  font-family: "Nunito Sans Light";
  text-transform: none;
  padding: 0 60px;
  box-sizing: border-box;
}
.phraseBannerBlock > div {
  display: table;
  width: 100%;
  height: 120px;
  font-size: 17px;
  border-top: 10px solid #fff;
}
.phraseBannerBlock.imageBottom > div {
  border-top: 0 none;
  border-bottom: 10px solid #fff;
}
.phraseBannerBlock > div > img {
  height: 100px;
  margin-top: 5px;
  margin-right: 5px;
}
.phraseBannerBlock .quoteHolder {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 20px;
  line-height: 19px;
  overflow: hidden;
}
.phraseBannerBlock .quoteSlider .quoteHolder > div {
  overflow: hidden;
  width: 0;
  height: auto;
  max-height: 0;
  transform: translateX(150%);
  transition: transform 0.5s ease;
}
.phraseBannerBlock .quoteSlider .quoteHolder > div.active {
  width: 100%;
  max-height: 100px;
  transform: translateX(0);
}
.phraseBannerBlock .quoteSlider .quoteHolder > div.active.out {
  transform: translateX(-150%);
}
.phraseBannerBlock .quoteHolder h3 {
  margin-bottom: 0;
  font-size: 1.7em;
}
.phraseBannerBlock .quoteHolder h3.h4 {
  font-family: "Nunito Sans Light";
  font-style: italic;
  margin-bottom: 5px;
}
.phraseBannerBlock .quoteHolder q {
  font-size: 18px;
  font-weight: 100;
}
.phraseBannerBlock .quoteHolder > footer > address {
  margin-top: 10px;
  font-style: normal;
}
.phraseBannerBlock .quoteHolder > footer > address > a {
  text-decoration: none;
  font-weight: 400;
  font-style: italic;
}
.phraseBannerBlock.smallImage .quoteHolder {
  height: 210px;
}
.phraseBannerBlock.smallImage .quoteHolder h4 {
  margin-bottom: 10px;
}
.phraseBannerBlock.smallImage .quoteHolder q {
  margin-bottom: 10px;
  display: inline-block;
}
.phraseBannerBlock > figure {
  position: relative;
  max-height: 430px;
  background-color: #222;
}
.phraseBannerBlock > figure img {
  width: 100%;
}
.phraseBannerBlock .homepageShowrooms .slider-for {
  position: absolute;
  top: 0;
  width: 100%;
  filter: grayscale(100%);
}
.phraseBannerBlock .homepageShowrooms .slider-content {
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  padding: 50px 0;
}
.phraseBannerBlock .homepageShowrooms .next,
.phraseBannerBlock .homepageShowrooms .prev {
  background-image: url(/images/img-2018/Common/arrow_white.png);
}
.phraseBannerBlock .homepageShowrooms h3,
.phraseBannerBlock .homepageShowrooms h2,
.phraseBannerBlock .homepageShowrooms p {
  color: #fff;
  text-shadow: 1px 1px 1px #575757;
}
.phraseBannerBlock .homepageShowrooms h3 {
  font-family: "Nunito Sans";
}
.phraseBannerBlock .homepageShowrooms h2 {
  margin: 20px 0;
  font-size: 28px;
}
.phraseBannerBlock .homepageShowrooms p {
  margin: 20px 0;
  padding: 0 70px;
}
.phraseBannerBlock .homepageShowrooms .btn {
  font-size: 15px;
  color: #333;
}
.phraseBannerBlock .homepageShowrooms .slick-dots button {
  border-color: #fff;
}
.phraseBannerBlock .homepageShowrooms .slick-active button {
  background: #fff;
}
.phraseBannerBlock figcaption {
  position: absolute;
  text-align: left;
  bottom: 2%;
}
.phraseBannerBlock figcaption .info {
  margin: 0 0 20px 20px;
}
.phraseBannerBlock figcaption .info h2 {
  font-size: 1.5em;
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #575757;
  margin-bottom: 10px;
}
.phraseBannerBlock figcaption .info h3 {
  color: #fff;
  text-transform: none;
  text-shadow: 1px 1px 1px #575757;
  margin-bottom: 5px;
}
.reveal h5 {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 1em;
}
.reveal h5 a {
  display: block;
  clear: both;
  color: #000;
  background-image: url(../icons/CaretDown.png);
  background-position: 98.75% 16px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ccc;
  padding: 12px 24px 12px 10px !important;
  text-decoration: none;
  margin-bottom: 0;
  line-height: 140%;
}
h4 + .reveal h5 a {
  border-top: 1px solid #ccc;
}
.reveal div {
  display: none;
  padding: 12px 10px;
  border-bottom: 1px solid #ccc;
}
#preFooterHolder {
  width: 100%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 30px;
  overflow: hidden;
  position: relative;
}
#preFooterHolder > a {
  top: 135px;
}
#preFooterSlides figure {
  height: 230px;
}
#preFooterSlides figure > a {
  display: block;
  width: 100%;
  height: 100%;
}
#preFooterSlides .slick-track {
  display: flex;
}
#preFooterSlides .slick-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
#preFooterSlides h3 {
  margin-bottom: 0.1em;
  margin-top: 5px;
  text-transform: none;
  font-size: 1.3em;
}
#preFooterSlides p {
  font-weight: 100;
  margin: auto 0;
}
#preFooterSlides .btn {
  margin-top: 1rem;
}
.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 158px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10000009;
  margin: 0 0 0 9px;
  position: relative;
  text-align: left;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}
.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}
.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980ec;
  color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-size: 14px !important;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-repeat: repeat-x;
  color: #000;
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  border-left-color: #fdf59a;
  border-right-color: #fdf59a;
  border-top-color: #fdf59a;
  border-bottom-color: #fbed50;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-repeat: repeat-x;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  border-left-color: #f3e97a;
  border-right-color: #f3e97a;
  border-top-color: #f3e97a;
  border-bottom-color: #edde34;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-repeat: repeat-x;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(top, #b3b3b3, gray);
  border-left-color: gray;
  border-right-color: gray;
  border-top-color: gray;
  border-bottom-color: #595959;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: gray;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-repeat: repeat-x;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(top, #08c, #04c);
  border-left-color: #04c;
  border-right-color: #04c;
  border-top-color: #04c;
  border-bottom-color: #002a80;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #04c;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #039 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-repeat: repeat-x;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(top, #08c, #04c);
  border-left-color: #04c;
  border-right-color: #04c;
  border-top-color: #04c;
  border-bottom-color: #002a80;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #04c;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #039;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px;
  color: #333;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}
.clockTextboxIcon {
  background: #fff url(../icons/ClockIcon.png) no-repeat 97% 50% !important;
}
.calendarTextboxIcon {
  background: #fff url(../icons/CalendarIcon.png) no-repeat 97%
    50% !important;
}
input.datetimepicker {
  max-width: 300px;
  width: 60%;
  font-size: 1em;
  display: block;
  padding: 8px 1.5%;
  margin: 0 0;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.blackTitleHeader {
  background: #000;
  color: #fff;
  margin-bottom: 35px;
}
.blackTitleHeader h2 {
  text-transform: none;
  margin: 0 auto;
  max-width: 980px;
  width: 94%;
  font-size: 2.4em;
  padding: 17px 0 18px;
  line-height: 1.1em;
  text-align: left;
  letter-spacing: 0;
  color: #fff;
}
#newsletterBox {
  width: 561px;
  height: 561px;
  margin: auto;
  border: 20px solid #ffc13a;
  border: 20px solid rgba(255, 193, 58, 0.5);
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 325px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: -5000px;
  transition: bottom 0.5s ease;
  z-index: 99999;
}
#newsletterBox.active {
  bottom: 0;
}
#newsletterBox .content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#newsletterBox .content h2 {
  font-size: 48px;
  font-weight: 100;
  line-height: 60px;
  text-align: left;
  text-indent: 130px;
  color: #878787;
  margin-top: 20px;
  margin-bottom: 10px;
  letter-spacing: 2px;
}
#newsletterBox .content h2 > span {
  font-size: 125px;
  margin-left: 32px;
  letter-spacing: 5px;
  font-weight: 600;
  display: inline-block;
  margin-top: 8px;
}
#newsletterBox .content ul {
  text-align: left;
  float: right;
  margin-right: 20px;
  width: 55%;
  display: inline-block;
}
#newsletterBox .content ul > li {
  font-size: 20px;
  font-style: italic;
  color: #878787;
  margin-bottom: 20px;
  line-height: 20px;
}
#newsletterBox .content ul > li:before {
  content: "- ";
}
#newsletterBox .content .newsletter {
  float: right;
  margin-right: 45px;
  text-align: left;
}
#newsletterBox.content .newsletter > input[type="text"] {
  height: 30px;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding-left: 5px;
  font-size: 12px;
  font-style: italic;
  border: 1px solid #dadada;
}
#newsletterBox .content .newsletter #txtNewsletterEmailPopup {
  width: 100%;
}
#newsletterBox .newsletter .gender {
  border: 1px solid #878787;
  text-align: center;
}
#newsletterBox .content .newsletter .btn {
  width: 160px;
  font-size: 23px;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 0;
}
#newsletterBox .content .newsletter .disclaimer {
  font-size: 12px;
  float: left;
  text-align: left;
  color: #878787;
  font-style: italic;
}
#newsletterBox #closeBox {
  background-image: url(../icons/Close.png);
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  right: 140px;
  top: 50px;
  position: absolute;
  text-indent: 9999px;
}
.at_flat_counter {
  display: none !important;
}
.productSliderHolder {
  margin-top: 20px;
  padding-top: 10px;
  position: relative;
  overflow: hidden;
}
.productSliderHolder h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  color: #000;
}
.productSliderSlides {
  width: 90%;
  margin: auto;
}
.productSliderSlides figure {
  height: 140px;
}
.productSliderSlides .image1 {
}
.productSliderSlides .slick-slide {
  position: relative;
}
.productSliderSlides .slick-slide:not(:hover) .hover-image {
  opacity: 0;
}
.productSliderSlides .hover-image {
  position: absolute;
  top: 0;
  width: 100%;
  background: #fff;
  height: 100%;
  transition: opacity 0.4s;
}
.productSliderSlides .hover-image figure {
  height: 185px;
}
.productSliderSlides .hover-image .btn {
  background: #000;
  color: #fff;
}
.productSliderSlides figure img[src*="loading.gif"] {
  height: 40px;
}
.productSliderSlides h3,
.productSliderSlides .h3 {
  margin-bottom: 5px;
  font-size: 16px;
  text-transform: none;
}
.productSliderSlides h3.active,
.productSliderSlides .h3.active {
  font-weight: bold;
}
#rings-area #mainslider .slide h3.active + a.link,
#rings-area #mainslider .slide .h3.active + a.link {
  display: block;
  background-color: #ffc13a;
  font-size: 0;
}
#rings-area #mainslider .slide h3.active + a.link:before,
#rings-area #mainslider .slide .h3.active + a.link:before {
  content: attr(data-selected-title);
  color: #222;
  font-size: 14px;
}
.textAndImageBlock {
  margin-top: 40px;
}
.textAndImageBlock > div .centeredContent {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 13px;
}
.textAndImageBlock h3 {
  text-transform: none;
}
.miniToBigSliderHolder {
  margin: 20px 0;
  position: relative;
}
.miniToBigSliderHolder .listGrid {
  display: none;
}
.miniToBigSliderHolder.listView .listGrid {
  display: block;
}
.miniToBigSliderHolder.listView .mainSlideHolder,
.miniToBigSliderHolder.listView .miniSlidesHolder,
.miniToBigSliderHolder.listView .carrousel_left,
.miniToBigSliderHolder.listView .carrousel_right {
  display: none;
}
.miniToBigSliderHolder .mainSlide {
  position: relative;
  background-color: #dadada;
}
.miniToBigSliderHolder .mainSlide .centeredContent {
  left: 0;
  right: 0;
}
.miniToBigSliderHolder figure > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
  cursor: pointer;
}
.miniToBigSliderHolder figure > .overlayInfo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  box-sizing: border-box;
  border: 5px solid #feb100;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.5s;
  z-index: -1;
}
.miniToBigSliderHolder figure > .overlayInfo > .forwardFriend {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-indent: 30px;
}
.miniToBigSliderHolder .listGrid > figure,
.miniToBigSliderHolder .miniSlidesHolder > figure {
  position: relative;
  background-color: #dadada;
  height: 293px;
  margin-bottom: 15px;
  overflow: hidden;
}
.miniToBigSliderHolder .miniSlidesHolder > figure h3,
.miniToBigSliderHolder .listGrid h3 {
  font-size: 1.6em;
}
.miniToBigSliderHolder .viewAll {
  font-size: 18px;
  line-height: 50px;
}
.threeImagesBlock {
  margin-top: 15px;
  margin-bottom: 60px;
}
.threeImagesBlock p {
  width: 80%;
  font-size: 16px;
  margin: 10px 0 0 10%;
}
.threeImagesBlock h3 {
  margin-bottom: 10px;
}
.flexGridBlock {
  width: 100%;
}
.flexGridBlock > * {
  height: 335px;
  margin-bottom: 2px;
}
.flexGridBlock > *.noPadding-right {
  padding-left: 1px;
}
.flexGridBlock > *.noPadding-left {
  padding-right: 1px;
}
.flexGridBlock > div .centeredContent {
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
  font-size: 15px;
}
.flexGridBlock > div .centeredContent p {
  font-size: 1em;
}
.imageTopTextBottom > figcaption {
  margin-top: 10px;
  margin-bottom: 20px;
}
.bottomHero .info {
  max-width: 40%;
}
.bottomHero .info h1,
.bottomHero .info h2 {
  font-size: 3.2em;
}
.bottomHero .info h1,
.bottomHero .info h2,
.bottomHero .info > p {
  color: #fff;
  text-shadow: 1px 1px 1px #575757;
}
.simpleHolder {
  font-size: 14px;
}
#categoriesListHolder #hero {
  margin-bottom: 30px;
}
#categoriesListHolder ul li > article,
#categoriesListHolder ul li > figure {
  position: relative;
  border: 5px solid #ffb002;
  margin-bottom: 15px;
  height: 40vw;
  transition: background-color 0.5s;
}
#awardsCategoriesPage #categoriesListHolder ul li > figure {
  border: 3px solid #ccc;
}
#categoriesListHolder ul li > article a {
  color: #000;
  font-weight: bold;
}
#categoriesListHolder ul li > article > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
}
#categoriesListHolder ul li > figure a {
  display: block;
  height: 100%;
}
#categoriesListHolder ul li > figure img {
  max-width: 90%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#awards #categoriesListHolder ul li > figure img {
  margin-top: -15px;
}
.faqsPage .table-wrapper {
  display: block;
}
.faqsPage .table-wrapper {
  border: none;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0;
  padding-bottom: 16px;
}
.faqsPage table td,
.faqsPage table th {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 14px;
}
.faqsPage table th {
  font-weight: 600;
  background-color: #eee;
  text-align: left;
}
.educationPage {
}
.educationPage .messages {
  line-height: 21px;
}
.educationPage .innerpadding .line h5 {
  font-family: "Nunito Sans" !important;
  font-size: 14px !important;
  letter-spacing: 0;
  line-height: 21px;
}
.educationPage #categoriesListHolder ul li > figure img {
  top: 42%;
}
#categoriesListHolder ul li > figure:hover {
  background-color: rgba(255, 176, 2, 0.95);
}
#categoriesListHolder ul li > article > a:hover {
  background-color: rgba(255, 176, 2, 0.95);
  background-image: none;
}
#categoriesListHolder ul li > article p.catName,
#categoriesListHolder ul li > figure p.catName {
  position: absolute;
  max-width: 80%;
  color: #222;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  opacity: 0;
  transform: translateY(50%);
  transition: bottom 0.5s ease, opacity 0.5s ease;
  z-index: 9;
}
#categoriesListHolder ul li > article p.catName {
  pointer-events: none;
}
#categoriesListHolder ul li > article:hover p.catName,
#categoriesListHolder ul li > figure:hover p.catName {
  bottom: 50%;
  opacity: 1;
  pointer-events: none;
}
#categoriesListHolder ul li > article > a {
  background-image: url(../Symbols/Quotes_Desktop.png),
    url(../Symbols/Quotes_Inv_Desktop.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top 10px left 10px, bottom 10px right 10px;
}
#categoriesListHolder ul li > article .textHolder {
  padding: 0 20px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
#categoriesListHolder ul li > article .textHolder h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
#categoriesListHolder ul li > article .textHolder p {
  margin: 0;
}
#pressCategoriesPage #backToList,
#categoryDetailsPage #backToList {
  background: url(../icons/BackBtn.png) no-repeat center left;
  display: block;
  width: 100px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-indent: 50px;
}
#pressCategoriesPage #backToList:hover,
#categoryDetailsPage #backToList:hover {
  text-decoration: underline;
}
#categoryDetailsPage .slidesHolder {
  margin: 20px 0;
  min-height: 300px;
  background-color: #ddd;
  padding: 20px;
}
#categoryDetailsPage .slidesHolder .slick-slide img {
  display: inline-block;
}
#categoryDetailsPage .slidesHolder figure > figcaption {
  margin-top: 20px;
}
#categoryDetailsPage .slidesHolder h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
#categoryDetailsPage .slidesHolder p {
  font-size: 16px;
  margin-bottom: 5px;
}
#awardsCategoriesPage {
  overflow: hidden;
}
#awardsCategoriesPage h3 {
  margin: 30px 0 40px;
}
#awardsCategoriesPage .textHolder {
  margin-top: 10px;
}
#awardsCategoriesPage #categoriesListHolder ul li > figure img {
  max-height: 65%;
}
#awardsCategoriesPage h3 {
  margin: 30px 0 40px;
}
#awardsCategoriesPage #runnersTab ul li > figure {
  border-color: #dadada;
}
#awardsCategoriesPage #categoriesListHolder ul li > figure:hover {
  background: none;
}
#awardsCategoriesPage #categoriesListHolder ul li > figure figcaption {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(50%);
  padding: 4px;
}
#awardsCategoriesPage #categoriesListHolder ul li > figure figcaption p {
  font-size: 15px;
  margin-bottom: 5px;
}
#step-1 .options .shapes-list,
ul.shapes-list {
  clear: both;
  display: block;
  margin: 0 0;
  overflow: hidden;
  padding: 0 0;
  width: 100%;
}
#step-1 .options .shapes-list li,
ul.shapes-list li {
  display: inline-block;
  list-style: none;
  margin: 0 1px 0 0;
  cursor: pointer;
}
#step-1 .options .shapes-list a,
ul.shapes-list a {
  background-image: url(../icons/DiamondShapes.png);
  background-repeat: no-repeat;
  display: block;
  font-size: 1px;
  height: 44px;
  width: 44px;
  line-height: 1px;
  overflow: hidden;
  text-indent: -9999em;
  border: 0;
}
#floatingMenuOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  margin: auto;
  z-index: 9998;
  width: 100%;
  height: 100%;
}
#floatingMenuHolder {
  position: fixed;
  bottom: 25%;
  right: 15px;
  z-index: 9999;
  text-align: right;
}
#floatingMenu {
  width: 0;
  max-height: 0;
  overflow: hidden;
  background-color: #dadada;
  transition: all 0.5s ease;
}
#floatingMenu.active {
  width: 88vw;
  max-height: 500px;
}
#floatingMenu > nav > a {
  color: #222;
  display: block;
  border-bottom: 1px solid #222;
  padding: 10px 0;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
}
#floatingMenu > nav > a:first-child {
  margin-top: 10px;
  border-top: 1px solid #222;
}
#floatingMenu > button {
  display: block;
  float: right;
  font-size: 14px;
  background-color: transparent;
  border: 0 none;
  color: #222;
  padding: 5px 10px;
}
#bulletsHolder {
  width: 16px;
  height: 40px;
  background-color: rgba(218, 218, 218, 0.7);
  border: 1px solid #fff;
  line-height: 11px;
  padding: 0;
  color: #666;
  font-size: 24px;
}
#bulletsHolder > i {
  display: block;
  font-style: normal;
}
#stickyContactBar.stickyWintersale2018 {
  overflow: hidden;
  max-height: 60px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: box-shadow 1s;
}
#stickyContactBar.stickyWintersale2018.stickyActive {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.stickyWintersale2018_ghostElement {
  width: 100%;
  height: 60px;
}
#stickyContactBar .saleText {
  margin: 0 !important;
}
#stickyContactBar .saleText img {
  height: 98px;
  margin-top: -16px;
  width: auto;
}
#stickyContactBar.stickyWintersale2018 .closeStickyBarWinterSale {
  display: none;
  z-index: 99999;
  cursor: pointer;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 7px;
  right: 7px;
  background: url("/images/campaigns/2018-night-for-you/close.png") no-repeat
    center;
}
#stickyContactBar.stickySampleSale2019 {
  position: relative;
  z-index: 100002;
  max-height: 60px;
  line-height: 60px;
  background-color: #000;
  background-image: url(/images/campaigns/2019-sample-sale/Desktop_SampleSale_StickyBar_1180x70.jpg);
  border-color: #000;
}
#stickyContactBar.stickySampleSale2019 .frame {
  display: inline-block;
}
#stickyContactBar.stickySampleSale2019 h2 {
  color: #fff;
  font-family: "Caslon Pro";
  font-size: 28px;
  line-height: 1;
  vertical-align: text-top;
  display: inline-block;
  margin-bottom: 0;
}
#stickyContactBar.stickySampleSale2019 .ss-register-interest {
  color: #fff;
  border: 1px solid;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.7px !important;
  font-size: 12px;
  line-height: 30px;
  padding: 0 8px;
  display: inline-block;
  margin-right: 0;
}
#stickyContactBar.stickySampleSale2019 .closeStickyBar {
  position: absolute;
  top: 0;
  margin-left: 30px;
  border: 0;
  width: 25px;
  height: 25px;
  background: #fff url(/images/close.png) no-repeat center;
}
@media (max-width: 480px) {
  #stickyContactBar.stickySampleSale2019 .closeStickyBar {
    right: 0;
  }
  #stickyContactBar.stickySampleSale2019 h2 {
    font-size: 21px;
  }
  #stickyContactBar.stickySampleSale2019 .frame {
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-delay: 0s;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  #stickyContactBar.stickySampleSale2019 .frame.frame-2 {
    animation-delay: -2s;
  }
}
@keyframes example {
  50% {
    opacity: 1;
  }
  50.1% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 350px) {
  #stickyContactBar.stickySampleSale2019 h2 {
    font-size: 19px;
  }
}
@media (min-width: 481px) {
  #stickyContactBar.stickySampleSale2019 .frame-1 {
    margin-right: 30px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  #stickyContactBar.stickySampleSale2019 .closeStickyBar {
    right: 0;
  }
}
@media (min-width: 769px) {
  #stickyContactBar.stickySampleSale2019 .frame {
    position: relative;
  }
  #stickyContactBar.stickySampleSale2019 .closeStickyBar {
    left: 100%;
  }
}
.SampleSale2019-phraseBanner {
  position: relative;
}
.SampleSale2019-phraseBanner figure {
  height: 100%;
}
.SampleSale2019-phraseBanner figure img {
  width: 100%;
  height: 100%;
}
.SampleSale2019-phraseBanner figcaption {
  width: 100%;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.SampleSale2019-phraseBanner figcaption h2 {
  color: #fff;
  font-family: "Caslon Pro";
  font-size: 30px;
  margin-bottom: -5px;
  line-height: 1.3;
}
.SampleSale2019-phraseBanner .ss-register-interest {
  display: inline-block;
  color: #fff;
  border: 1px solid;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 40px;
  padding: 0 15px;
}
@media (max-width: 480px) {
  .SampleSale2019-phraseBanner figcaption {
    flex-direction: column;
    justify-content: center;
  }
  .SampleSale2019-phraseBanner figcaption h2 {
    font-size: 21px;
    margin-bottom: 10px;
  }
  .SampleSale2019-phraseBanner figcaption h2 br {
    display: none;
  }
}
#heroClockHolder {
  display: none;
}
.stickyBF18-clock {
  background-color: #243e64 !important;
  border: none !important;
}
.stickyBF18-clock.valentinesPinkStickyBar {
  background-image: linear-gradient(to right, #d05054, #a53444);
}
.stickyBF18-clock #heroClockHolder > div,
.stickyBF18-clock #heroClockHolder > a {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  margin: 0 6px;
}
.stickyBF18-clock #heroClockHolder .early-bf-sale {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.7px;
}
.stickyBF18-clock #heroClockHolder .early-bf-sale > div {
  white-space: normal;
  width: 85px;
  padding: 16px 0;
  line-height: 14px;
  display: table-cell;
  vertical-align: middle;
}
.stickyBF18-clock #heroClockHolder .early-bf-sale.bigSaleText > div {
  text-transform: uppercase;
  font-family: "Caslon Pro";
  font-size: 28px;
  line-height: 60px;
  margin: 0;
  padding: 7px 0 0 0;
}
.stickyBF18-clock #heroClockHolder .bf-now-on {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.7px;
}
.stickyBF18-clock #heroClockHolder .bf-now-on > div {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  line-height: 24px;
  margin-top: 18px;
  font-size: 15px;
}
.WinterSaleShoppingBagCountDownHolder {
  background-color: #243e64;
  margin-bottom: 12px;
  color: #fff;
}
.WinterSaleShoppingBagCountDownHolder.valentinesPinkBackground {
  background-image: linear-gradient(to right, #d05054, #a53444);
}
.WinterSaleShoppingBagCountDownHolder p {
  margin-top: 16px;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}
.WinterSaleShoppingBagCountDownHolder .shopCountdown {
  margin-bottom: 16px;
}
.stickyBF18-clock #heroClockHolder .clockHolder {
  line-height: 60px !important;
}
.cartPhaseHolder .shopCountdownHolder .offer-expires {
  text-transform: uppercase;
  font-weight: 700;
}
.shopCountdownHolder .shopCountdown {
  vertical-align: sub;
}
.cartPhaseHolder .shopCountdownHolder {
  height: 47px;
  line-height: 47px;
  padding: 0 !important;
  padding-left: 16px !important;
  background-color: #243e64 !important;
  color: #fff;
}
.cartPhaseHolder .shopCountdownHolder.valentinesPinkBackground {
  background-image: linear-gradient(to right, #d05054, #a53444);
}
.stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock {
  margin-top: 3px;
  color: #fff;
}
.cartPhaseHolder .shopCountdownHolder span.timer,
.WinterSaleShoppingBagCountDownHolder .shopCountdown span.timer,
.stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock span.timer {
  font-size: 28px;
  font-family: "Caslon Pro" !important;
  padding: 0 !important;
  width: auto !important;
}
#orderItems .itemCost .saleEndsIn {
  margin-top: 26px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
}
#orderItems .itemCost span.timer span,
.cartPhaseHolder .shopCountdownHolder span.timer span,
.WinterSaleShoppingBagCountDownHolder .shopCountdown span.timer span,
.stickyBF18-clock
  #heroClockHolder
  .clockHolder
  #BF2018_heroClock
  span.timer
  span {
  font-size: 14px;
  font-family: "Source Sans Pro";
  text-transform: uppercase;
}
#orderItems .itemCost .shopCountdown span {
  font-weight: normal;
}
.cartPhaseHolder .shopCountdownHolder .shopCountdown .seconds,
.WinterSaleShoppingBagCountDownHolder .shopCountdown .seconds,
#orderItems .itemCost .shopCountdown .seconds {
  display: none;
}
.clockHolder_SpringFlashSale2019
  #heroClock_SpringFlashSale2019.showSecondsHideDays
  .days,
.cartPhaseHolder .shopCountdownHolder .shopCountdown.showSecondsHideDays .days,
.WinterSaleShoppingBagCountDownHolder .shopCountdown.showSecondsHideDays .days,
#orderItems .itemCost .shopCountdown.showSecondsHideDays .days,
.stickyBF18-clock
  #heroClockHolder
  .clockHolder
  #BF2018_heroClock.showSecondsHideDays
  .days {
  display: none;
}
.clockHolder_SpringFlashSale2019
  #heroClock_SpringFlashSale2019.showSecondsHideDays
  .seconds,
.cartPhaseHolder
  .shopCountdownHolder
  .shopCountdown.showSecondsHideDays
  .seconds,
.WinterSaleShoppingBagCountDownHolder
  .shopCountdown.showSecondsHideDays
  .seconds,
#orderItems .itemCost .shopCountdown.showSecondsHideDays .seconds,
.stickyBF18-clock
  #heroClockHolder
  .clockHolder
  #BF2018_heroClock.showSecondsHideDays
  .seconds {
  display: inline-block;
}
.stickyBF18-clock #heroClockHolder a.bf-explore-deals {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.7px !important;
  font-size: 12px;
}
.stickyBF18-clock #heroClockHolder a.bf-explore-deals > div {
  line-height: 30px;
  margin-top: 15px;
  padding: 0 8px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}
#homepage .productSliderHolder,
#winterSale2019 .productSliderHolder {
  margin: 40px 0;
  padding: 0 5%;
}
#homepage .productSliderHolder .WS19Slider,
#winterSale2019 .productSliderHolder .WS19Slider {
  height: 315px;
  max-height: 315px;
  overflow: hidden;
  margin-top: 20px;
}
#homepage .productSliderHolder a.categoryTitle,
#winterSale2019 .productSliderHolder a.categoryTitle {
  color: #000;
  font-size: 36px;
}
#homepage .productSliderHolder .WS19Slider .slide h3,
#winterSale2019 .productSliderHolder .WS19Slider .slide h3 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
}
#homepage .productSliderHolder .WS19Slider .slide h4,
#winterSale2019 .productSliderHolder .WS19Slider .slide h4 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #acacac;
  margin-bottom: 12px;
  letter-spacing: 0.8px;
}
#homepage .productSliderHolder .WS19Slider .slide h5,
#winterSale2019 .productSliderHolder .WS19Slider .slide h5 {
  font-size: 13px;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 6px;
}
#homepage .productSliderHolder .WS19Slider .slide h5 .price,
#winterSale2019 .productSliderHolder .WS19Slider .slide h5 .price {
  font-weight: 600;
  font-size: 24px;
  color: #000;
}
#homepage .productSliderHolder .WS19Slider .slide h6,
#winterSale2019 .productSliderHolder .WS19Slider .slide h6 {
  font-size: 13px;
  color: #000;
}
#homepage .productSliderHolder .WS19Slider .slide h6 .full-price,
#winterSale2019 .productSliderHolder .WS19Slider .slide h6 .full-price {
  color: #000;
  text-decoration: line-through;
}
#homepage .productSliderHolder .WS19Slider .slide h6 .saving,
#winterSale2019 .productSliderHolder .WS19Slider .slide h6 .saving {
  color: #c21807;
  text-transform: capitalize;
  font-weight: 700;
}
#homepage .productSliderHolder .WS19Slider .btn,
#winterSale2019 .productSliderHolder .WS19Slider .btn {
  margin-top: 14px;
  background-color: #000;
  color: #fff;
}
#christmasRibbon {
  position: absolute;
  top: -30px;
  left: 0;
  z-index: 1;
  height: 157px;
}
.chrome #christmasRibbon {
  height: 156px;
}
header .headerVisitShowroom.christmas {
  font-size: 18px;
  visibility: hidden;
}
header .headerVisitShowroom.christmas span {
  background: none;
  text-decoration: underline;
  margin-left: 20px;
  margin-right: -50px;
}
#homepage.hasEvent figure.fig_1 figcaption.christmas {
  left: unset;
  right: 15%;
}
.container.christmas #hero .info h1,
.container.christmas #hero .info p {
  text-shadow: 1px 1px 1px #575757;
  color: #fff;
}
#hero.xmas_hero .slide {
  background-color: #f9f7f8;
}
#hero.xmas_hero .slide .slide_left,
#hero.xmas_hero .slide .slide_right {
  padding: 0;
}
#hero.xmas_hero .slide .slide_right_landing_pages {
  float: right;
}
#hero.xmas_hero .slide .slide_left_landing_pages {
  float: left;
  position: relative;
}
#hero.xmas_hero .slide .slide_right_homepage {
  float: right;
}
#hero.xmas_hero .slide .slide_left_homepage {
  float: left;
  position: relative;
}
.slide_left_landing_pages_inner {
  padding-top: 64%;
}
.slide_left_landing_pages_inner_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#homepage #hero.xmas_hero .info {
  padding-top: 35px;
}
#hero.xmas_hero .info,
#diamondCollection2017 #hero.xmas_hero .info {
  position: initial;
  padding-left: 4%;
  margin: 0;
  max-width: 80%;
}
#homepage #hero.xmas_hero .info {
  position: absolute;
}
#homepage hr.yellowLine.xmas {
  border-bottom: 6px solid #fff;
}
.winter-sale_hero .info .btn {
  background-color: #fff;
}
#hero.eden18 .slick-dots {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-bottom: -5px;
}
#hero.eden18 .slick-dots > li {
  display: inline-block;
}
#hero.eden18 .slick-dots > li > button {
  border-radius: 13px;
  border: none;
  font-size: 0;
  width: 13px;
  height: 13px;
  margin-left: 10px;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: 2px solid #ffc13a;
}
#hero.eden18 .slick-dots > li:first-child > button {
  margin-left: 0;
}
#hero.eden18 .slick-dots > li.slick-active > button {
  background-color: #ffc13a;
  cursor: default;
}
#homepage #hero .bg-gif-slide {
  width: 100%;
}
#homepage #hero .bg-gif-slide picture img {
  width: 100%;
  height: auto;
}
#homepage .bg-pic-box,
#blackFriday .bg-pic-box {
  position: relative;
}
#homepage .bg-pic-box .caption,
#blackFriday .bg-pic-box .caption {
  position: absolute;
  width: 45%;
  height: 100%;
  padding-left: 28px;
  top: 0;
  left: 0;
}
#homepage .bg-pic-box .caption h1,
#blackFriday .bg-pic-box .caption h1 {
  font-size: 25px;
  text-decoration: underline;
  color: #fff;
}
#homepage .bg-pic-box .caption h2,
#blackFriday .bg-pic-box .caption h2 {
  font-size: 25px;
  color: #fff;
}
#homepage .bg-pic-box .caption h3,
#blackFriday .bg-pic-box .caption h3 {
  font-size: 16px;
  color: #fff;
}
#homepage .bg-pic-box .caption .btn,
#blackFriday .bg-pic-box .caption .btn {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
#homepage .bg-pic-right,
#homepage .bg-pic-left,
#blackFriday .bg-pic-right,
#blackFriday .bg-pic-left {
  width: 100%;
  padding-top: 73.5%;
}
#homepage .hero-bottom-images .bg-pic-right.early-bird {
  background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/77d02_early_black_friday_right_image_wedding.jpg");
  background-size: 100% auto;
}
#homepage .hero-bottom-images .bg-pic-left.early-bird {
  background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/77d02_early_black_friday_left_image_engagement.jpg");
  background-size: 100% auto;
}
#homepage .hero-bottom-images .bg-pic-right._P5,
#homepage .hero-bottom-images .bg-pic-right._P6,
#homepage .hero-bottom-images .bg-pic-right._P7,
#homepage .hero-bottom-images .bg-pic-right._PE {
  background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Right_Image-Desktop.jpg");
}
#homepage .hero-bottom-images .bg-pic-left._P5,
#homepage .hero-bottom-images .bg-pic-left._P6,
#homepage .hero-bottom-images .bg-pic-left._P7,
#homepage .hero-bottom-images .bg-pic-left._PE {
  background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Left_Image-Desktop.jpg");
}
#blackFriday .bg-pic-left.early-bird.line1 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/engagement_desktop.jpg");
  background-size: 100% auto;
}
#blackFriday #topBanner {
  position: relative;
  text-align: center;
}
#blackFriday #topBanner .arrow-discount {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
}
#blackFriday #topBanner .arrow-discount img {
  width: 35px;
  height: auto;
  cursor: pointer;
  margin: auto;
}
#blackFriday .bg-pic-left.early-bird.line1._P5,
#blackFriday .bg-pic-left.early-bird.line1._P6,
#blackFriday .bg-pic-left.early-bird.line1._P7 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/engagement_desktop2.png");
}
#blackFriday .bg-pic-right.early-bird.line1 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/wedding_desktop.jpg");
  background-size: 100% auto;
}
#blackFriday .bg-pic-right.early-bird.line1._P5,
#blackFriday .bg-pic-right.early-bird.line1._P6,
#blackFriday .bg-pic-right.early-bird.line1._P7 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/wedding_desktop2.png");
}
#blackFriday .bg-pic-right.early-bird.line1._P5,
#blackFriday .bg-pic-right.early-bird.line1._P6,
#blackFriday .bg-pic-right.early-bird.line1._P7 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/wedding_desktop2.png");
}
#blackFriday .bg-pic-left.early-bird.line2 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_desktop.jpg");
  background-size: 100% auto;
}
#blackFriday .bg-pic-left.early-bird.line2._P5,
#blackFriday .bg-pic-left.early-bird.line2._P6,
#blackFriday .bg-pic-left.early-bird.line2._P7 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_desktop2.png");
}
#blackFriday .bg-pic-right.early-bird.line2 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/earrings_desktop.jpg");
  background-size: 100% auto;
}
#blackFriday .bg-pic-right.early-bird.line2._P5,
#blackFriday .bg-pic-right.early-bird.line2._P6,
#blackFriday .bg-pic-right.early-bird.line2._P7 {
  background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/earrings_desktop2.png");
  background-size: 100% auto;
}
#blackFriday #blackFriday2017Holder .hero-bottom-images .bg-pic-box {
  margin-bottom: 10px;
}
#homepage .productSliderHolder .BF18Slider {
  margin-bottom: 25px;
  height: 240px;
}
#homepage .productSliderHolder .BF18Slider .slick-list {
  height: 240px;
}
#homepage .productSliderHolder .BF18Slider .slide figure .image-for-hover {
  display: none;
}
#homepage .productSliderHolder .BF18Slider .slide h2 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
}
#homepage .productSliderHolder .BF18Slider .slide h3 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #acacac;
  margin-bottom: 16px;
  letter-spacing: 0.8px;
}
#homepage .productSliderHolder .BF18Slider .slide h4 {
  font-size: 13px;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 6px;
}
#homepage .productSliderHolder .BF18Slider .slide h4 .price {
  font-weight: 600;
  font-size: 24px;
  color: #000;
}
#homepage .productSliderHolder .BF18Slider .slide h5 {
  font-size: 13px;
  color: #000;
}
#homepage .productSliderHolder .BF18Slider .slide h5 .full-price {
  color: #000;
  text-decoration: line-through;
}
#homepage .productSliderHolder .BF18Slider .slide h5 .saving {
  color: #c21807;
  text-transform: capitalize;
  font-weight: 700;
}
#blackFriday #blackFriday2017Holder #beatTheRushHolder {
  text-align: center;
  padding: 50px 0;
  color: #000;
}
#blackFriday #blackFriday2017Holder #beatTheRushHolder h1 {
  color: #000;
  font-size: 32px;
}
#blackFriday #blackFriday2017Holder #beatTheRushHolder h3 {
  color: #000;
  font-size: 18px;
  max-width: 360px;
  margin: auto;
}
#shoppingBagHolder #totalHolder .promoCodeReAddBFDiscount {
  line-height: 34px;
  background-image: url("../images/campaigns/black-friday-2018/refresh-arrow.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left;
  padding-left: 18px;
}
#frankfurtShowroomTopBar {
  display: none;
  position: relative;
  height: 52px;
  background-color: #ffb002;
  font-size: 14px;
  letter-spacing: 0.65px;
}
#frankfurtShowroomTopBar .box-table {
  width: 96%;
  margin: auto;
  position: relative;
}
#frankfurtShowroomTopBar .boldText {
  font-weight: 700;
}
#frankfurtShowroomTopBar .closeButton {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-image: url("../images/campaigns/frankfurt-showroom/close.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 5;
  top: 4px;
  right: 4px;
}
#frankfurtShowroomTopBar .nowOpenForMobile {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  line-height: 52px;
  color: #fff;
  z-index: 4;
}
#frankfurtShowroomTopBar .nowOpenForMobile a {
  color: #fff;
}
#frankfurtShowroomTopBar .nowOpen {
  position: absolute;
  left: 0;
  line-height: 52px;
  color: #fff;
  z-index: 4;
}
#frankfurtShowroomTopBar .bookAppointment a {
  line-height: 52px;
  color: #fff;
  cursor: pointer;
  position: absolute;
  right: 0;
  z-index: 4;
}
#frankfurtShowroomTopBar .nowOpenForMobile a .arrowRight,
#frankfurtShowroomTopBar .bookAppointment a .arrowRight {
  width: 8px;
  height: 18px;
  vertical-align: middle;
  margin-left: 8px;
  display: inline-block;
  background-image: url("../images/campaigns/frankfurt-showroom/arrow.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
#hero.frankfurtShowroom figcaption h1,
#hero.frankfurtShowroom figcaption h2,
#hero.frankfurtShowroom figcaption p,
.imageWithCaptionBlock.frankfurtShowroom figcaption h2,
#edenCampaign #hero figcaption h2 {
  color: #000;
  text-shadow: none;
}
#hero.frankfurtShowroom .slick-dots {
  position: absolute;
  bottom: 20px !important;
}
#homepage #hero.frankfurtShowroom .slick-dots > li > button {
  background-color: transparent !important;
  border: 2px solid #ffc13a;
}
#homepage #hero.frankfurtShowroom .slick-dots > li.slick-active > button {
  background-color: #ffc13a !important;
  cursor: default;
}
#hero.frankfurtShowroom .slide figcaption h2 {
  font-size: 26px;
}
#hero.frankfurtShowroom .slide figcaption h3 {
  font-size: 16px;
}
#hero.frankfurtShowroom .slide figcaption a.btn {
  color: #010101;
  font-size: 18px;
}
#hero.frankfurtShowroom .slide figcaption .info {
  width: 260px;
  padding-bottom: 24px;
}
#hero.frankfurtShowroom .slide figcaption a.btn:hover {
  color: #fff;
}
#hero.frankfurtShowroom .slide figcaption h3,
#edenCampaign #hero .slide figcaption h3 {
  color: #000;
  text-shadow: none;
}
#hero.frankfurtShowroom .desktopText a,
#hero.frankfurtShowroom .phoneText a,
#hero.frankfurtShowroom .tabletText a {
  font-weight: 600;
}
.topBadge {
  margin-top: -30px;
  margin-bottom: 20px;
  overflow: hidden;
}
.topBadge img {
  width: 100%;
  min-height: 34px;
}
.topBadge > a {
  overflow: hidden;
}
.topBadge > a > p.preBlackFriday,
.topBadge > a > p {
  color: #fff;
  font-size: 24px;
  line-height: 34px;
  left: 0;
  letter-spacing: 2px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.topBadge > a > p.preBlackFriday {
  width: 96%;
  max-height: 35px;
  overflow: hidden;
}
.topBadge > a > p.preBlackFriday {
  width: 96%;
}
.topBadge > a > p.extended {
  font-size: 20px;
}
.topBadge > a > p span {
  line-height: 26px;
}
.topBadge > a > p span.noClock {
  line-height: 31px;
}
.topBadge > a > p.preBlackFriday span.signup {
  font-weight: 600;
}
.topBadge strong {
  font-weight: 600;
}
.topBadge a.visitShowroom {
  background-color: #e8d3c6;
  width: 100%;
  height: 35px;
  display: block;
  padding-bottom: 9px;
  background-clip: content-box;
}
.topBadge a.visitShowroom p {
  color: #878787;
}
.topBadge a.express {
  width: 100%;
  height: 57px;
  display: block;
  padding-bottom: 9px;
  text-align: center;
  background-size: cover;
}
.topBadge a.express p {
  color: #fff;
  line-height: 57px;
  left: 0;
  letter-spacing: 1px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.topBadge.expressDiscounts a.express p span {
  font-size: 20px;
}
.topBadge.expressDiscounts a.express p span#topClock {
  line-height: 40px;
  font-size: 19px;
}
.topBadge.expressDiscounts a.express p span#topClock > span {
  margin-right: 20px;
  margin-left: 5px;
  font-size: 19px;
}
.topBadge.januarySale a.express {
  background: #ececec;
  height: 30px;
}
.topBadge.januarySale a.express p {
  line-height: 35px;
  font-weight: 300;
  font-size: 6vw;
  width: 95%;
}
.topBadge.januarySale span {
  color: #a80303;
  line-height: 35px;
}
.topBadge.januarySale strong {
}
.tcsapply {
  position: absolute;
  color: #fff;
  left: 5px;
  bottom: 5px;
}
.eventLive > .centeredContent {
  color: #fff;
}
.eventLive > .centeredContent:nth-child(2) {
  right: 0;
}
.eventLive > .centeredContent p {
  font-size: 20px;
  line-height: 38px;
  margin-bottom: 0;
}
.eventLive > .centeredContent h2.h1 {
  font-size: 62px;
  letter-spacing: 5px;
  line-height: 55px;
  margin-bottom: 10px;
}
.eventLive > .centeredContent h2.h1 > strong {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: 3px;
}
.eventLive > .centeredContent h2.h1 > span {
  font-size: 59px;
  letter-spacing: 2px;
}
.eventLive .signupMessage {
  width: 75%;
  margin: auto;
}
.eventLive > .centeredContent .signupMessage p {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 2px;
}
.eventLive > .centeredContent .signupMessage .miniTitle {
  font-size: 19px;
  margin-bottom: 20px;
  font-weight: 600;
}
.eventLive .gender.male {
  color: #0a5bbe !important;
}
.eventLive div.newsletter label > input + div {
  padding: 1px;
}
.eventLive div.newsletter label > input:checked + div {
  padding: 0;
}
.eventLive > .bannerLinks {
  bottom: 0;
  position: absolute;
  text-align: center;
}
.bannerLinks p.smallText {
  font-size: 10px;
  position: relative;
  top: 8px;
  color: #878787;
  text-align: left;
}
.eventLive > .centeredContent p.futuristicFont {
  font-size: 32px;
  margin-bottom: 25px;
  letter-spacing: 2px;
}
.badge_clock > span,
#BF_clock_badge > span,
.eventLive #BF_clock > span {
  display: inline-block;
  width: 20%;
  height: 100%;
  font-size: 70px;
  line-height: 35px;
  letter-spacing: 2px;
}
#clockHolder #BF_clock > span.seconds,
#BF_clock_badge > span.seconds {
  display: none;
}
.badge_clock.finalDay > span.seconds,
#clockHolder #BF_clock.finalDay > span.seconds,
#BF_clock_badge.finalDay > span.seconds {
  display: inline-block;
}
.badge_clock.finalDay > span.days,
#clockHolder #BF_clock.finalDay > span.days,
#BF_clock_badge.finalDay > span.days {
  display: none;
}
.badge_clock > span > span,
#BF_clock_badge > span > span,
.eventLive #BF_clock > span > span {
  font-size: 18px;
}
.badge_clock.finalDay > span > span,
#clockHolder #BF_clock.finalDay > span > span,
#clockHolder_badge #BF_clock_badge.finalDay > span > span {
  letter-spacing: 0;
}
.badge_clock.almostFinished span,
#BF_clock_badge.almostFinished span,
.topBadge #topClock.almostFinished,
.eventLive #BF_clock.almostFinished span {
  color: red !important;
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.4;
  }
}
.hasEvent .eventBtn {
  background-color: transparent;
  border: 1px solid #ffc13a;
  text-align: left;
  padding-left: 10px;
  color: #fff;
  font-size: 14px;
  padding: 0;
  min-width: 280px;
  font-weight: 600;
}
.hasEvent.januarySale .eventBtn {
  border: 1px solid #a80303;
}
.hasEvent .eventBtn > span {
  display: block;
  height: 100%;
  padding: 10px;
  transition: background 0.5s;
}
.hasEvent .eventBtn.noArrow > span {
  background: none;
}
.bannerLinks .btn.eventBtn.noArrow:hover:not(.disabled) > span {
  background: none;
}
.hasEvent .eventLive .eventBtn {
  width: 28%;
}
.hasEvent .eventBtn + .eventBtn {
  margin-left: 5%;
}
#blackFriday .eventLive > .textHolder p {
  font-size: 29px;
  margin-bottom: 0;
}
#blackFriday .eventLive > .textHolder p.smallText {
  font-size: 18px;
  padding: 0 20px;
}
#blackFriday .eventLive > .textHolder p:first-child {
  margin-top: 50px;
  font-size: 32px;
}
#blackFriday .eventLive > .textHolder h2.h1 {
  font-size: 115px;
  line-height: 115px;
  margin-bottom: 0;
}
#blackFriday .eventLive > .textHolder h2.h1 > strong {
  font-size: 105px;
  font-weight: 600;
}
#blackFriday .newsletterHolder {
  padding-bottom: 30px;
  width: 80%;
  margin: auto;
}
#blackFriday .newsletterHolder .newsletter {
  width: 60%;
  margin: 30px auto;
}
#blackFriday .eventLive div.newsletter .submitBtn {
  padding: 4px 26px;
}
#blackFriday .eventLive .signupMessage p {
  font-size: 20px;
  text-transform: uppercase;
}
#blackFriday .eventLive .signupMessage .miniTitle {
  font-size: 30px;
  line-height: normal;
  margin-bottom: 0;
  font-weight: 600;
}
#blackFriday .bannerLinks {
  position: relative;
  margin-bottom: 10px;
}
#blackFriday .bannerLinks {
  padding-top: 40px;
}
#blackFriday .bannerLinks + .bannerLinks {
  padding-top: 0;
  padding-bottom: 30px;
}
#rings-area.noProducts #step-1 {
  display: none;
}
#mobileOptionsMenu .mobileOption {
  padding: 0;
  height: 70px;
  border: 1px solid #dadada;
  background-color: #f6f6f6;
}
#mobileOptionsMenu .mobileOption .title {
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
}
#mobileOptionsMenu .mobileOption .selectedItem {
  font-size: 13px;
  line-height: 16px;
}
#mobileOptionsMenu .mobileOption .title,
#mobileOptionsMenu .mobileOption .selectedItem {
  width: 84%;
  margin: auto;
}
#mobileOptionsMenu .mobileOption .title .arrow {
  position: absolute;
  right: 0;
  top: 4px;
  background: #fff url(../icons/BlackArrowDown.png) no-repeat;
  background-color: transparent;
  width: 10px;
  height: 10px;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#mobileOptionsMenu .mobileOption.active .title .arrow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#mobileOptionsMenu .mobileOption.active {
  background-color: #dadada;
}
.MobileTitleContainer {
  text-align: center;
  margin: 30px 0;
}
.MobileTitleContainer h2,
.MobileTitleContainer .h2 {
  margin: 0;
}
.noDiamondsFoundWrapper {
  width: 100%;
  height: 290px;
  text-align: center;
}
.noDiamondsFoundWrapper img {
  width: 28px;
  height: auto;
  display: block;
  margin: auto;
  margin-bottom: 16px;
}
.noDiamondsFoundWrapper p {
  padding: 0 5%;
  color: #939393;
  margin-bottom: 4px;
  font-size: 1.3em;
}
#finance_container {
  display: none;
  z-index: 9990;
}
#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount,
.discountTextOldPrice {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount {
  color: red;
  display: inline-block;
}
#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount + .vatText,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount + .vatText {
  white-space: nowrap;
}
#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount:after,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount:after,
.discountTextOldPrice:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 25%;
  left: 0;
  border-top: 2px solid red;
}
#shoppingBagHolder #grandTotal {
  position: relative;
}
.checkout2017 #itemsHolder .item .itemTotal > var.hasDiscount {
  margin-top: -20px;
}
#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount:after,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount:after {
  top: 25%;
}
.checkout2017 #itemsHolder .itemPrice.hasDiscount:after {
  font-size: 30px;
}
#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount:before,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount:before {
  content: attr(data-originalprice);
  left: 0;
  color: #000;
  display: block;
}
.discountTextHighlight:before {
  top: 15%;
}
.priceItem .discountTextHighlight {
  font-size: 25px;
  margin-top: 5px;
}
#shopStickyFooter {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #ccc;
  background-color: #fff;
  z-index: 100001;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}
#shopStickyFooter.stickyActive {
  max-height: 90px;
}
#shopStickyFooter .selectionHolder {
  width: 65%;
  float: left;
}
#shopStickyFooter .selectionHolder > div h3.red-selectedTotal,
#shopStickyFooter .selectionHolder > div .h3.red-selectedTotal {
  color: red;
}
#shopStickyFooter .selectionHolder > div {
  float: left;
  margin-top: 25px;
  width: 35%;
  height: 90px;
  box-sizing: border-box;
  padding-left: 20px;
}
#shopStickyFooter .selectionHolder > div h2,
#shopStickyFooter .selectionHolder > div .h2 {
  margin-bottom: 5px;
  color: #aaa;
  font-size: 14px;
  float: left;
  margin-right: 15px;
}
#shopStickyFooter .selectionHolder > div h3,
#shopStickyFooter .selectionHolder > div .h3 {
  margin-bottom: 0;
  color: #404040;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  float: left;
}
#shopStickyFooter .selectionHolder > div .selectionSliders {
  font-size: 16px;
  margin-top: -1px;
  display: inline-block;
}
#shopStickyFooter .selectionHolder > div .selectionSliders:hover {
  color: #ffc13a;
}
#shopStickyFooter .selectionHolder > div.itemSelection.bigOne {
  width: 70%;
}
#shopStickyFooter
  .selectionHolder
  > div.itemSelection.hidden
  + .diamondSelection {
  margin-right: 35%;
}
#shopStickyFooter .selectionHolder > div.diamondSelection br {
  display: none;
}
#shopStickyFooter .selectionHolder > div.diamondSelection strong {
  margin-right: 10px;
  font-weight: normal;
}
#shopStickyFooter .selectionHolder > div.totalSelection {
  width: 30%;
  text-align: right;
  padding-right: 30px;
}
#shopStickyFooter .selectionHolder > div.totalSelection h2,
#shopStickyFooter .selectionHolder > div.totalSelection .h2 {
  float: right;
  margin-right: 0;
}
#shopStickyFooter .buttonsHolder {
  width: 35%;
  float: left;
  height: 90px;
}
#shopStickyFooter .buttonsHolder button {
  width: 50%;
  height: 100%;
  font-size: 14px;
  padding: 5px;
  margin: 0;
  float: left;
  min-width: 100px;
}
#shopStickyFooter .buttonsHolder button.bookAppointment {
  color: #666;
}
#shopStickyFooter .buttonsHolder button.bookAppointment:hover {
  color: #fff;
}
#homepage.hasEvent.januarySale #hero {
  background-color: #ececec;
}
.hasEvent.januarySale #hero .info,
#homepage.hasEvent.januarySale #hero .info {
  margin-left: 3%;
  margin-top: 15px;
  font-weight: 300;
}
.hasEvent.januarySale #hero .info h2,
#homepage.hasEvent.januarySale #hero .info h2 {
  color: #a80303;
  text-shadow: none;
  font-size: 85px;
  margin-bottom: 10px;
}
.hasEvent.januarySale #hero .info h3,
#homepage.hasEvent.januarySale #hero .info h3 {
  color: #a80303;
  text-shadow: none;
  font-size: 90px;
  line-height: 75px;
  margin-bottom: 10px;
}
.hasEvent.januarySale #hero .info h3 > span,
#homepage.hasEvent.januarySale #hero .info h3 > span {
  font-size: 155px;
}
body.chrome .hasEvent.januarySale #hero .info h3 > span,
body.chrome #homepage.hasEvent.januarySale #hero .info h3 > span,
body.safari .hasEvent.januarySale #hero .info h3 > span,
body.safari #homepage.hasEvent.januarySale #hero .info h3 > span {
  margin-left: 3%;
}
.hasEvent.januarySale #hero .info p,
#homepage.hasEvent.januarySale #hero .info p {
  color: #a80303;
  font-size: 30px;
  line-height: 18px;
  text-indent: 5px;
}
#januarySale {
  background-color: #ececec;
}
#januarySale #hero .info {
  bottom: 18%;
  box-sizing: border-box;
  margin: auto;
  padding-right: 30px;
  position: absolute;
  width: 100%;
}
#januarySale #hero .info p {
  padding: 4px 4px 10px 4px;
  background-color: #ececec;
  display: inline-block;
}
#januarySale .bannerLinks {
  margin-bottom: 10px;
}
#januarySale .bannerLinks .eventBtn {
  width: 28%;
  margin-left: 2.5%;
}
#januarySale .bannerLinks .eventBtn + .eventBtn {
  margin-left: 5%;
}
#januarySale .bottomHero {
  border-top: 15px solid #fff;
}
#januarySale .bottomHero .info {
  margin-top: 4%;
  margin-left: 3%;
  width: 50%;
}
#januarySale .bottomHero h2 {
  color: #fff;
  text-shadow: none;
  font-size: 26px;
  font-weight: 600;
}
#januarySale .bottomHero h2 > span {
  font-style: italic;
}
#januarySale .bottomHero p {
  color: #fff;
  text-shadow: none;
  width: 75%;
}
#januarySale .bottomHero p.smallText {
  font-size: 11px;
}
.topBadge.mothers a.express {
  background: #d6bfde;
  height: 30px;
}
.topBadge.mothers a.express > p {
  font-size: 22px;
  line-height: 37px;
  width: 100%;
}
.boxInfoWrap.mothersEvent {
  text-align: left;
  overflow: hidden;
  color: #fff;
  height: 75px;
  border: 0 none;
  padding: 5px;
  width: 98%;
  background-color: #d6bfde;
}
.boxInfoWrap.mothersEvent > .firstText {
  margin-top: 7px;
}
.boxInfoWrap.mothersEvent span {
  font-size: 24px;
}
.boxInfoWrap.mothersEvent .btn {
  padding: 2px 10px;
  background-color: transparent;
  border: 1px solid #ffc13a;
  color: #fff;
  font-size: 20px;
}
#notFoundLeftCol {
  margin: 60px 0 0;
}
#notFoundLeftCol > h2 {
  font-size: 5.2em;
  font-weight: bold;
}
#notFoundLeftCol > h6 {
  font-size: 1.5em;
  line-height: 1.5em;
}
#notFoundRightCol {
  margin: 15px 0 30px;
}
#notFoundRightCol > div {
  background: rgba(0, 0, 0, 0) url(/images/img-2018/Common/NotFound_EngRing.png)
    no-repeat scroll center center/contain;
  height: 300px;
  min-width: 280px;
}
#offersPage figure > p {
  color: #f66f5c;
  font-size: 60px;
  text-align: left;
  margin: 0;
}
#offersPage .text-area ._cta-white {
  color: #000;
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #fff;
}
#offersPage .text-area ._cta-white:hover {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 4px;
}
#offersPage .text-area p {
  color: #000;
  font-family: "Nunito Sans Light";
  font-size: 16px !important;
  letter-spacing: 0.3px;
  line-height: 24px !important;
  text-align: left;
}
#offersPage .saleText {
  display: block;
  text-align: center;
}
#offersPage div > p:first-of-type {
  margin-top: 60px;
  font-size: 18px;
  line-height: 20px;
}
#homepage .homepageArticles .slick-dots,
#homepage #hero .slick-dots {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-top: 30px;
}
#homepage .homepageArticles .slick-dots > li,
#homepage #hero .slick-dots > li {
  display: inline-block;
}
#homepage .homepageArticles .slick-dots > li > button,
#homepage #hero .slick-dots > li > button {
  background: none;
  border-radius: 13px;
  border: none;
  font-size: 0;
  width: 13px;
  height: 13px;
  margin-left: 10px;
  padding: 0;
  cursor: pointer;
  background-color: #ccc;
}
#homepage .homepageArticles .slick-dots > li:first-child > button,
#homepage #hero .slick-dots > li:first-child > button {
  margin-left: 0;
}
#homepage .homepageArticles .slick-dots > li.slick-active > button,
#homepage #hero .slick-dots > li.slick-active > button {
  background-color: #acacac !important;
  cursor: default;
}
#homepage button.btn {
  padding: 8px 26px;
  cursor: pointer;
}
#homepage .subNavSlidesHolder figure {
  min-height: 450px;
}
#homepage .subNavSlider > li {
  padding: 20px 0;
}
#homepage .homepageTestimonialsAndExpertCrafts {
  width: 100%;
  padding: 30px 0;
  display: inline-block;
}
#homepage .hero .expertCraftSlide .craftsmanText h2 {
  margin-bottom: 15px;
}
#homepage .hero .expertCraftSlide .craftsmanText p {
  margin-bottom: 18px;
  font-weight: 400;
}
#homepage .hero .expertCraftSlide .craftsmanText .btn {
  margin: 0;
}
#homepage .homepageArticles {
  height: 100%;
  margin: auto;
  padding: 80px 80px;
}
#homepage .homepageArticles .quoteHolder q {
  font-size: 21px;
  margin-bottom: 20px;
  display: block;
}
#homepage .homepageArticles .quoteHolder a {
  font-size: 18px;
}
#homepage .homepageArticles .quoteHolder .quotes-icon {
  width: 50px;
  height: 50px;
  margin: auto;
  background: url(/images/img-2018/Homepage/Homepage_Quotes.jpg) no-repeat;
}
#homepage .hero .info {
  max-width: 90%;
}
#homepage .hero .info p {
  font-size: 21px;
}
#homepage .hero .info a {
  min-width: 100px;
}
#homepage .hero .info a + a {
  margin-left: 20px;
}
#homepage .homepageArticles .slick-dots > li > button {
  border-color: #ccc;
}
#homepage .homepageArticles .slick-dots > li.slick-active > button {
  background: #ccc;
}
#homepage .homepageAwardsSection {
  padding: 80px 0;
  width: 100%;
  text-align: center;
}
#homepage .homepageAwardsSection .homepageAwardsSectionInner {
  padding: 0 20px;
  max-width: 100%;
  text-align: center;
}
#homepage .homepageAwardsSection .homepageAwardsSectionInner h1 {
  margin: 0;
  font-size: 40px;
}
#homepage .homepageAwardsSection .homepageAwardsSectionInner h2 {
  font-size: 22px;
  margin-bottom: 24px;
  font-style: italic;
}
#homepage .homepageAwardsSection .homepageAwardsSectionInner a,
#homepage .homepageAwardsSection .homepageAwardsSectionInner a:visited {
  color: #4c4c4c;
  text-decoration: underline;
  margin-top: 20px;
  font-size: 18px;
}
#homepage .homepageAwardsSection .homepageAwardsSectionInner a:hover {
  color: #ffc139;
}
#homepage .homepageAwardsSection .homepageAwardsSectionInner .awardsSlider {
  padding: 50px 0;
  overflow: auto;
  text-align: center;
}
#homepage
  .homepageAwardsSection
  .homepageAwardsSectionInner
  .awardsSlider
  #awardsSliderInner {
  max-width: 400px;
  margin: auto;
}
#homepage
  .homepageAwardsSection
  .homepageAwardsSectionInner
  .awardsSlider
  .singleItem {
  position: relative;
  padding: 14px;
  height: auto;
  display: inline-block;
}
#homepage
  .homepageAwardsSection
  .homepageAwardsSectionInner
  .awardsSlider
  .singleItem
  .singleItemInner {
  display: block;
  width: 100%;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
#homepage
  .homepageAwardsSection
  .homepageAwardsSectionInner
  .awardsSlider
  .singleItem
  .singleItemInfo {
  display: none;
}
.visitShowroom h1 {
  margin: 60px 0 35px;
  font-size: 32px;
}
.visitShowroom .onlineConsultation {
  padding-top: 40px;
}
.visitShowroom .onlineConsultation {
  padding-top: 40px;
}
.visitShowroom .onlineConsultation hr {
  margin-top: 60px;
  margin-left: 30px;
  margin-right: 30px;
}
.visitShowroom .onlineConsultation .h1 {
  font-weight: 500;
  font-size: 32px;
}
.visitShowroom .onlineConsultation a,
.visitShowroom .onlineConsultation .a {
  max-width: 90%;
  width: 291px;
  box-sizing: border-box;
  height: 40px;
  line-height: 18px;
  display: inline-flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.visitShowroom .onlineConsultation .a {
  margin-right: 30px;
}
.visitShowroom .onlineConsultation a.black_btn,
.visitShowroom .onlineConsultation .a.black_btn {
  border: 1px solid #000;
}
@media (max-width: 640px) {
  .visitShowroom .onlineConsultation a,
  .visitShowroom .onlineConsultation .a {
    display: flex;
  }
  .visitShowroom .onlineConsultation .a {
    margin: auto;
    margin-bottom: 36px;
  }
}
.visitShowroom .onlineConsultation p.main {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.visitShowroom .onlineConsultation p.main:last-of-type {
  margin-bottom: 48px;
}
.visitShowroom .onlineHours {
  float: right;
}
.visitShowroom .onlineConsultation .textHolder {
  text-align: left;
}
.visitShowroom .onlineConsultation .tabContent77 {
  padding-top: 70px;
  display: inline-block;
  text-align: left;
}
.visitShowroom .tabTitle77 {
  width: 16.6%;
  padding: 30px 0;
}
.visitShowroom .onlineConsultation .newTag {
  color: #000;
  font-family: "Nunito Sans Bold";
  font-size: 10px;
  letter-spacing: 1px;
  background-color: #ffc13a;
  padding: 2px 5px;
  vertical-align: super;
}
@media (max-width: 768px) {
  .visitShowroom .onlineHours {
    float: left;
  }
  .visitShowroom .onlineConsultation .showroomInfoHolder {
    padding-left: 30px;
    padding-right: 30px;
  }
  .visitShowroom .onlineConsultation .textHolder {
    margin-bottom: 0;
    text-align: center;
  }
  .visitShowroom .onlineConsultation .tabContent77 {
    padding-top: 48px;
  }
}
.visitShowroom .tabTitle77 > h2 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.visitShowroom .tabTitle77.active > h2 {
  color: #ffc13a;
}
.visitShowroom .tabTitle77 .new {
  position: absolute;
  margin-top: -4px;
  margin-left: 4px;
  font-size: 12px;
  color: #59585b;
}
.visitShowroom .tabTitle77 > h3 {
  margin: 0;
  font-size: 15px;
}
.visitShowroom h3 {
  margin-bottom: 15px;
  font-size: 18px;
}
.visitShowroom p {
}
.visitShowroom .btn.bookApp {
  margin: 30px 0;
  display: block;
  font-weight: 600;
}
.visitShowroom .tabContent77 .sliderHolder {
  margin-bottom: 60px;
}
.visitShowroom .tabContent77 .textHolder {
  padding: 0 30px;
}
.visitShowroom .tabContent77 .mapHolder {
  margin: 60px 0 10px;
}
.visitShowroom .tabContent77 .showroomInfoHolder h3 {
  font-weight: 600;
}
.visitShowroom .tabContent77 .showroomInfoHolder p {
  margin-bottom: 0;
  line-height: 24px;
  text-transform: capitalize;
}
.visitShowroom .directionsHolder {
  margin-top: 40px;
}
.visitShowroom .directionsHolder > div > a + a {
  margin-left: 10px;
}
#mayfairShowroomPage #showroomslides {
  margin-bottom: 20px;
}
#mayfairShowroomPage article > h1 {
  display: inline-block;
}
#mayfairShowroomPage article > .btn {
  float: right;
  margin: 30px 0 20px;
}
#diamondCollection #hero .info {
  margin-top: 20%;
}
#diamondCollection #hero figcaption {
  bottom: 20%;
  width: 50%;
}
#diamondCollection #hero figcaption h1 {
  color: #fff;
  text-shadow: 1px 1px 1px #575757;
}
#diamondCollection .fig_0 figcaption {
  left: 5%;
  bottom: 5%;
}
#diamondCollection .fig_1 figcaption h2 {
  color: #575757;
}
#diamondCollection .flexBlock > figure .centeredContent h2 {
  text-transform: none;
  margin-bottom: 10px;
  white-space: nowrap;
}
#diamondCollection .flexBlock > figure .centeredContent h2 {
  color: #575757;
}
#diamondCollection .phraseBannerBlock > div {
  height: 131px;
}
#diamondCollection .phraseBannerBlock .info {
  margin-top: 25%;
  margin-left: 5%;
}
#diamondCollection .phraseBannerBlock p {
  color: #fff;
  font-size: 16px;
}
#diamondCollection .flexBlock > figure .centeredContent {
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
  margin-left: 5%;
  margin-top: 36%;
}
#diamondCollection2017 .block {
  margin-bottom: 30px;
}
#diamondCollection2017 .arrowBtn {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
}
#behindCollectionsHolder h2 {
  font-style: italic;
  font-size: 44px;
  color: #444;
  margin-left: -30px;
}
#behindCollectionsHolder h2 > span {
  font-weight: 600;
  font-style: normal;
  font-size: 50px;
  color: #ffc13a;
  display: block;
  margin-left: 120px;
}
#diamondCollection2017 #hero .info {
  max-width: 40%;
}
#diamondCollection2017 #hero .info p,
#diamondCollection2017 p {
  font-weight: 300;
  font-size: 18px;
  color: #333;
}
#diamondCollection2017 .squaredText {
  border: 2px solid #5d5a60;
  padding: 70px;
  text-align: center;
  width: 60%;
  left: 0;
  right: 0;
  min-height: 170px;
}
#diamondCollection2017 .squaredText h2 {
  font-size: 26px;
  font-style: italic;
  color: #444;
  margin-bottom: 10px;
}
#diamondCollection2017 #museCollectionHolder .squaredText {
  border: 2px solid #5d5a60;
}
#diamondCollection2017 #imperoCollectionHolder .squaredText {
  border: 2px solid #5d5a60;
}
#diamondCollection2017 #glissadeCollectionHolder .squaredText {
  border: 2px solid #5d5a60;
}
#diamondCollection2017 #galaxyCollectionHolder .squaredText {
  border: 2px solid #5d5a60;
}
#diamondCollection2017 #monologueCollectionHolder .squaredText {
  border: 2px solid #5d5a60;
}
#diamondCollection2017 #edenCollectionHolder .squaredText {
  border: 2px solid #5d5a60;
}
#behindCollectionsHolder .squaredText {
  border: 0 none;
  padding: 0;
  width: 80%;
}
#behindCollectionsHolder h2 {
  margin-left: -120px;
}
#behindCollectionsHolder h2 > span {
  color: inherit;
  margin-left: 175px;
  letter-spacing: 2px;
}
#looseDiamonds figure.centeredImage > a > img {
  margin-top: 0;
}
#museCollectionPage .imageHolder {
  margin-bottom: 10px;
}
#museCollectionPage #hero figcaption.row br {
  display: block;
}
#museCollectionPage #hero figcaption.row .col {
  left: 3%;
  top: 15%;
}
#museCollectionPage #hero figcaption.row .col h1 {
  font-size: 63px;
  white-space: nowrap;
  letter-spacing: 2px;
  color: #ffe0df;
  text-shadow: none;
}
#museCollectionPage #hero figcaption.row .col p {
  font-size: 30px;
  letter-spacing: 1px;
  margin: 20px 0 31px;
  color: #ffe0df;
  text-shadow: none;
}
#museCollectionPage #hero figcaption.row .col a {
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #595959;
}
#museCollectionPage #hero figcaption.row .col a > img {
  margin-top: 20px;
}
#museCollectionPage h1,
#museCollectionPage h2,
#museCollectionPage h3,
#museCollectionPage p {
  color: #666;
}
#museCollectionPage .textHolder {
  padding: 80px 80px 40px 80px;
}
#museCollectionPage .textHolder h3 {
  margin-bottom: 60px;
}
#museCollectionPage .discoverCollections h3 > a {
  font-size: 18px;
}
#museCollectionPage .centeredContent {
  width: 70%;
  left: 0;
  right: 0;
}
.LP-bottom-text section {
  padding: 15px 0;
}
.LP-bottom-text section:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.LP-bottom-text section h2 .arrowDown {
  width: 15px;
  height: 9px;
  position: absolute;
  z-index: 9;
  right: -16px;
  top: 6px;
  background-image: url(../icons/CaretDown.png);
  background-repeat: no-repeat;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.LP-bottom-text section.active h2 .arrowDown {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.LP-bottom-text section h2 {
  position: relative;
  cursor: pointer;
  max-width: 90%;
  margin: auto;
}
.LP-bottom-text section h2 + * {
  margin-top: 30px;
}
.LP-bottom-text section:not(:first-of-type) > *:not(h2) {
  display: none;
}
.LP-bottom-text ul {
  list-style-type: disc;
  list-style-position: inside;
}
.productSliderHolder .productSliderSlides .slide h5 {
  font-size: 13px;
  color: #000;
}
.productSliderHolder .productSliderSlides .slide h5 .full-price {
  color: #000;
  text-decoration: line-through;
}
.productSliderHolder .productSliderSlides .slide h5 .saving {
  color: #c21807;
  text-transform: capitalize;
  font-weight: 700;
}
#engagementPage.metalSEOPages #hero .info h1,
#engagementPage.metalSEOPages #hero .info p {
  color: #fff;
  text-shadow: 1px 1px 1px #575757;
}
#engagementPage > div.greyBackground {
  padding: 20px 10%;
}
.greyBackground ul {
  list-style-type: disc;
  list-style-position: inside;
}
#glissadePage #hero > hr {
  display: none;
}
#glissadePage #hero h1 {
  font-size: 0;
}
#glissadePage .margins,
#glissadePage .crescendoTextHolder {
  margin: 15px 0;
}
#glissadePage .slider {
  position: relative;
  border: 1px solid #ccc;
  margin: 15px 0;
}
#glissadePage .slider > ul.glissadeGallery {
  padding: 20px;
}
#glissadePage .altoText {
  background: #ffc13a
    url(/images/img-2018/GlissadeLP/GlissadeLP_Quote_Desktop.jpg) no-repeat;
  background-size: cover;
  text-align: center;
  padding: 50px;
  font-size: 18px;
  color: #666;
  font-style: italic;
}
#glissadePage .altoText > p {
  margin: 0;
}
#creditCardPaymentPage #summary {
  background: #dadada;
  padding: 10px 20px;
  box-sizing: border-box;
}
#creditCardPaymentPage #summary .line .coln {
  padding-left: 3px;
  padding-right: 3px;
}
#creditCardPaymentPage .summary {
  margin-bottom: 10px;
  font-size: 15px;
}
#creditCardPaymentPage .summary p:last-of-type {
  margin-bottom: 10px;
}
#creditCardPaymentPage .productsHolder {
  padding: 5%;
}
#shoppingBagPage .cta,
#checkoutPage .cta {
  margin-bottom: 20px;
  max-width: 400px;
  margin: auto;
}
#checkoutPage .cta .sidebarItem {
  margin-bottom: 8px;
}
#shoppingBagPage .cta:first-of-type,
#checkoutPage .cta:first-of-type {
  padding: 10px 0;
  max-width: 100%;
}
#shoppingBagPage .cta > div > span,
#checkoutPage .cta > div > span {
  margin: 10px 0;
  font-size: 15px;
}
#shoppingBagPage .cta > div > span:first-of-type,
#checkoutPage .cta > div > span:first-of-type {
  font-size: 26px;
  line-height: 30px;
  font-style: italic;
}
#shoppingBagPage > div .cta > span:last-of-type,
#checkoutPage > div .cta > span:last-of-type {
  margin: 0 0 20px 0;
}
#checkoutPage .diamondInfo {
  margin-bottom: 10px;
  font-size: 18px;
}
#shoppingBagPage .diamondInfo {
  text-decoration: underline;
}
#shoppingBagPage .diamondInfoTable,
#checkoutPage .diamondInfoTable {
  font-size: 15px;
  max-width: 300px;
  margin-top: 10px;
}
#shoppingBagPage .diamondInfoTable .btn,
#checkoutPage .diamondInfoTable .btn {
  margin-top: 20px;
}
#shoppingBagPage .diamondInfoTable > div.line > div.coln,
#checkoutPage .diamondInfoTable > div.line > div.coln {
  padding: 2px;
}
#shoppingBagPage .cta img,
#checkoutPage .cta img {
  float: left;
}
#shoppingBagPage .discountCodeArea > a {
  text-decoration: underline;
  line-height: 20px;
}
#shoppingBagPage .codeChecker {
  margin-left: 10px;
  overflow: hidden;
  vertical-align: top;
  display: inline-block;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
#shoppingBagPage .codeChecker.active {
  max-height: 60px;
  opacity: 1;
}
#shoppingBagPage .codeChecker input {
  box-sizing: border-box;
  width: 100%;
}
#shoppingBagPage .codeChecker a {
  padding: 5px 10px 7px;
  color: #fff;
  text-transform: uppercase;
  margin: 5px 0;
  background-color: #3c3c3c;
  display: block;
  width: 40px;
  float: right;
  text-align: center;
}
#shoppingBagPage .discountCodeArea label {
  display: block;
  color: red;
}
#shoppingBagPage a.removeItemLink {
  position: absolute;
  right: 5px;
  top: 10px;
}
#checkoutPage .mainContainer {
  margin-top: 20px;
}
#checkoutPage h2 {
  font-size: 30px;
  margin: 0;
}
#checkoutPage .steps h4 {
  background-color: #dadada;
  font-size: 16px;
  margin-bottom: 0;
}
#checkoutPage .section {
  width: 100%;
}
#checkoutPage .steps h4 > div {
  display: inline-block;
  padding-left: 15px;
}
#checkoutPage .steps h4 > div:first-of-type {
  display: inline-block;
  background: #ffc13a;
  padding: 5px;
}
#checkoutPage .steps i.fa {
  margin-right: 15px;
}
#checkoutPage .steps h4.ui-state-active > i.fa {
  transform: rotate(180deg);
}
#checkoutPage .steps h5 {
  margin: 15px 0;
  font-size: 16px;
  font-weight: bold;
}
#checkoutPage .steps .step {
  margin-bottom: 10px;
}
#checkoutPage .steps .step .btn {
  float: right;
  border: 0;
}
#checkoutPage a.underline {
  text-decoration: underline;
}
#checkoutPage .checkboxes input[type="radio"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
}
#checkoutPage #OrderSummaryContainer > .line {
  border-bottom: 1px solid #dadada;
  padding: 15px 0;
  position: relative;
  font-size: 15px;
}
#checkoutPage #OrderSummaryContainer > .line:last-of-type {
  border: 0;
}
#checkoutPage .customerDetails .genderArea {
  display: none;
}
#checkoutPage .customerDetails .btn.smallBtn {
  padding: 0;
  margin-top: 0;
}
#checkoutPage .checkboxes label {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 20px 0 5px;
  font-size: 1.3em;
}
#checkoutPage .mainContainer {
  margin-top: 20px;
}
#checkoutPage .steps h4 > div:first-of-type {
  display: inline-block;
  background: #ffc13a;
  padding: 5px;
}
#checkoutPage .steps h4 > div:last-of-type {
  display: inline-block;
  padding-left: 15px;
}
#checkoutPage .steps .step {
  margin-bottom: 10px;
}
#checkoutPage .steps .step .btn {
  float: right;
  border: 0;
}
#checkoutPage .customerDetails,
#checkoutPage .customerDetails label {
  font-size: 16px;
}
#checkoutPage .customerDetails label span.req {
  color: #ffc13a;
}
#checkoutPage .diamondInfoTable {
  max-width: 240px;
  margin: auto;
}
#checkoutPage .form input[type="text"],
#checkoutPage .form input[type="password"],
#checkoutPage .form input[type="email"],
#checkoutPage .form input[type="file"],
#checkoutPage .form select,
#checkoutPage .form textarea {
  text-indent: 0;
  border-radius: 3px;
  height: 26px;
}
#checkoutPage .cta {
  font-size: 14px;
}
#checkoutPage .cta h4 {
  font-size: 1.7em;
  margin-bottom: 0.5em;
}
#checkoutPage .reveal {
  clear: both;
  display: block;
  border-top: 1px solid #ccc;
  width: 100%;
  text-align: left;
}
#checkoutPage .reveal label.paymenttype {
  font-size: 14px;
  width: 92%;
  padding: 1em 4%;
  clear: both;
  display: block;
  text-align: left;
  line-height: 2em;
}
#checkoutPage .reveal label.financeMessage {
  line-height: 1.2em;
  color: #ee0101;
  padding: 0;
  margin-bottom: 15px;
}
#checkoutPage .reveal div.paymentdetails {
  padding: 1em 0% 1em 4%;
  border: none;
  border-top: 1px solid #ccc;
  background: #f4f6f6;
  display: none;
}
#checkoutPage .reveal div.paymentdetails fieldset > p {
  font-size: 1.6em;
}
#checkoutPage .reveal div.paymentdetails fieldset > p.small {
  font-size: 1em;
}
#checkoutPage .reveal div.paymentdetails fieldset > p > a {
  float: right;
}
#checkoutPage .reveal div.paymentdetails p {
  font-size: 14px;
  margin: 0;
}
#checkoutPage .reveal div.paymentdetails fieldset label {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
#checkoutPage .reveal div.paymentdetails fieldset label span {
  font-weight: bold;
  margin-left: 5px;
}
#validateAddress div.paymentdetails fieldset label {
  display: block;
  font-size: 16px;
  line-height: 30px;
}
#checkoutPage .reveal div.paymentdetails input.btn {
  float: right;
}
#checkoutPage .reveal label.paymenttype img {
  float: right;
  margin: 0 0 0 10px;
  width: 50%;
  max-width: 200px;
}
#checkoutPage .linkToggleAddressFields {
  margin-left: 135px;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  font-style: italic;
  text-decoration: underline;
}
.checkout2017 .weAcceptHolder > p {
  color: #666;
}
.checkout2017 {
  overflow: hidden;
  padding-bottom: 20px;
}
.checkout2017 .cartPhaseHolder {
  overflow: hidden;
  width: 100%;
  margin-bottom: 0;
}
.checkout2017 .cartPhaseHolder li {
  padding: 10px 50px 13px 60px;
  background-color: #ddd;
  background-clip: border-box;
}
.checkout2017 .cartPhaseHolder li.active {
  font-weight: 700;
  z-index: 2;
}
checkout2017 .cartPhaseHolder li.active > p,
.checkout2017 .cartPhaseHolder li.active > h1 {
  font-family: "Nunito Sans Bold";
}
.checkout2017 .cartPhaseHolder li > p,
.checkout2017 .cartPhaseHolder li > h1 {
  font-size: 17px;
  line-height: 17px;
  margin: 0;
  padding-top: 7px;
}
.checkout2017 .cartPhaseHolder li.shoppingBagPhase {
  background: #ddd url(/images/img-2018/Checkout/Phase_ShoppingBag.png)
    no-repeat left 15px center;
}
.checkout2017 .cartPhaseHolder li.checkoutPhase {
  background: #ddd url(/images/img-2018/Checkout/Phase_Checkout.png) no-repeat
    left 15px center;
  box-shadow: 0 2px 10px #aaa;
  z-index: 1;
}
.checkout2017 .cartPhaseHolder li.orderConfirmationPhase {
  background: #ddd url(/images/img-2018/Checkout/Phase_OrderConfirm.png)
    no-repeat left 15px center;
}
.checkout2017 .cartPhaseHolder li.shoppingBagPhase.active {
  background-image: url(/images/img-2018/Checkout/Phase_ShoppingBagSelected.png);
  background-color: #ffc13a;
}
.checkout2017 .cartPhaseHolder li.checkoutPhase.active {
  background-image: url(/images/img-2018/Checkout/Phase_CheckoutSelected.png);
  background-color: #ffc13a;
}
.checkout2017 .cartPhaseHolder li.orderConfirmationPhase.active {
  background-image: url(/images/img-2018/Checkout/Phase_OrderConfirmSelected.png);
  background-color: #ffc13a;
}
.checkout2017 .btnLock.btn {
  background-image: url(/images/img-2018/Checkout/SmallLock.png);
  background-position: left 15px center;
  padding-left: 40px;
  font-weight: 600;
  line-height: 1;
}
.checkout2017 .btnLock.btn:hover {
  background-image: url(/images/img-2018/Checkout/SmallLockSelected.png);
}
.checkout2017 .diamondInformation dt,
.checkout2017 .diamondInformation dd {
  color: #aaa;
  font-size: 13px;
  text-align: left;
}
.checkout2017 .diamondInformation dd {
  margin-bottom: 0;
}
.checkout2017 .smallText {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
}
.checkout2017 .payment-info {
  margin-top: 10px;
  font-style: italic;
  margin-bottom: 15px;
  font-size: 13px;
  font-family: "Nunito Sans SemiBold";
}
.checkout2017 .diamondInfoToggle {
  font-family: "Nunito Sans Bold";
  font-size: 13px;
  font-weight: 600;
  white-space: normal;
}
.checkout2017 .diamondInfoToggle > img {
  max-height: 30px;
  max-width: 30px;
}
.checkout2017 .diamondInfoToggle i.fa {
  color: #000;
  margin-left: 1px;
  vertical-align: middle;
  height: 14px;
  transition: transform 0.5s;
}
.checkout2017 .diamondInfoToggle.active i.fa {
  transform: rotate(180deg);
}
.checkout2017 .diamondInformation dt {
  float: left;
  margin-right: 5px;
  width: 100px;
  font-family: "Nunito Sans SemiBold";
}
.checkout2017 .diamondInformation dd > a {
  text-decoration: underline;
}
.checkout2017 .weAcceptHolder img {
  max-height: 27px;
}
.checkout2017 .weAcceptHolder img.icon-mastercard {
  height: 42px;
}
#shopBag2017 .deliveryInformation .deliveryDate,
#shopBag2017 .deliveryInformation .deliveryDate + dd,
.checkout2017 .includingVAT {
  font-size: 13px;
  color: #aaa;
}
.checkout2017 .price-info-popup {
  position: relative;
  display: inline-block;
}
.checkout2017 .price-info-popup .popup-icon {
  cursor: pointer;
}
.checkout2017 .price-info-popup .inner-popover {
  transform: translate(0, 0);
  background-color: #f3f7ff;
  border: 1px solid #4a90e2;
  color: #000;
  padding: 12px;
  box-sizing: border-box;
  width: 300px;
  cursor: auto;
  position: absolute;
  z-index: 99999;
  bottom: 120%;
  left: -140px;
  display: none;
  transition: transform 0.5s;
}
.checkout2017 .price-info-popup .inner-popover .inner-popover-title {
  position: relative;
  color: #000;
  font-family: Nunito Sans SemiBold;
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-bottom: 12px;
}
.checkout2017
  .price-info-popup
  .inner-popover
  .inner-popover-title
  .closePopover {
  float: right;
  width: 14px;
  height: 14px;
  background-image: url(../icons/exit.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
.checkout2017 .price-info-popup .inner-popover .triangle:before {
  position: absolute;
  content: "";
  left: 50%;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top-color: #4a90e2;
  bottom: -8px;
  margin-left: -8px;
}
.checkout2017 .price-info-popup .inner-popover .triangle:after {
  border-top: 8px solid #f3f7ff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: -8px;
  position: absolute;
  bottom: -7px;
  content: "";
  left: 50%;
}
@media (max-width: 425px) {
  .checkout2017 .price-info-popup .inner-popover {
    transform: translateX(-24%);
    left: 0;
  }
  .checkout2017 .price-info-popup .inner-popover .triangle:before,
  .checkout2017 .price-info-popup .inner-popover .triangle:after {
    left: 27%;
  }
}
#checkoutSteps .form input[type="text"],
#checkoutSteps .form input[type="email"],
#checkoutSteps .form input[type="password"] {
  height: 45px;
  padding-top: 10px;
}
#checkoutSteps .form .floating-label > label {
  top: 16px;
}
#checkoutSteps .form .floating-label > input:focus ~ label,
#checkoutSteps .form .floating-label.hasValue > input ~ label {
  top: 7px;
}
#checkoutSteps .form select {
  height: 45px;
}
.firefox #checkoutSteps .form select {
  text-indent: 3px;
}
#checkoutSteps .form input[type="text"].half,
#checkoutSteps .form input[type="email"].half,
#checkoutSteps .form input[type="password"].half,
#checkoutSteps .form select.half {
  width: 49%;
  vertical-align: middle;
}
#checkoutSteps .form input[type="text"].small,
#checkoutSteps .form input[type="email"].small,
#checkoutSteps .form input[type="password"].small,
#checkoutSteps .form select.small {
  width: 24%;
  vertical-align: middle;
}
#checkoutSteps .form input[type="text"].half ~ .half,
#checkoutSteps .form input[type="email"].half ~ .half,
#checkoutSteps .form input[type="password"].half ~ .half,
#checkoutSteps .form select.half ~ .half {
  width: 49%;
  margin-left: 2%;
  vertical-align: middle;
}
#checkoutSteps .form input[type="text"].small ~ .small,
#checkoutSteps .form input[type="email"].small ~ .small,
#checkoutSteps .form input[type="password"].small ~ .small,
#checkoutSteps .form select.small ~ .small {
  width: 24%;
  margin-left: 2%;
  vertical-align: middle;
}
#checkoutSteps .form .floating-label.prefixField > input:focus ~ label,
#checkoutSteps
  .form
  .floating-label.prefixField
  > input:valid:not(:focus)
  ~ label {
  left: calc(51% + 12px);
}
#checkoutSteps .form .floating-label.prefixField > label {
  left: calc(51% + 12px);
}
#checkoutSteps .form .post-code > input {
  width: 49%;
  vertical-align: middle;
}
#checkoutSteps .step .stepContent.form .post-code > .searchBtn {
  height: 45px;
  vertical-align: middle;
  margin: 0 0 10px 2%;
}
#checkoutSteps .form .post-code > span.manually {
  margin: 10px 0 10px 10px;
  vertical-align: middle;
  font-size: 14px;
}
#checkoutSteps .form .post-code > span.manually > a {
  text-decoration: underline;
}
#checkoutSteps .form .security-code > input {
  min-width: 105px;
  vertical-align: middle;
}
#checkoutSteps .form .security-code > img {
  vertical-align: middle;
  margin: 0 0 10px 2%;
  max-height: 36px;
}
#checkoutSteps .form .expiry-date > label {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  color: #666;
}
#checkoutSteps .form .fieldHolder.hasError {
  position: relative;
}
#checkoutSteps .form .fieldHolder.hasError .errorMessage {
  padding: 0 0 0 10px;
  color: red;
  font-size: 12px;
  margin-top: -7px;
  margin-bottom: 10px;
  text-align: left;
}
#checkoutSteps .form .fieldHolder.hasError .errorMessage.field50 {
  margin-left: 50%;
}
#checkoutSteps .form .fieldHolder.hasError .errorMessage.field25 {
  margin-left: 25%;
}
#checkoutSteps .step {
  position: relative;
  overflow: hidden;
}
#checkoutSteps .step.active {
  margin-bottom: 20px;
  overflow: unset !important;
}
#checkoutSteps .step .stepTitle {
  font-weight: 600;
  font-size: 18px;
  height: 50px;
  margin: 0;
  padding-top: 15px;
  color: #666;
}
#checkoutSteps .step .stepTitle > .stepNumber {
  background-color: #666;
  padding: 1px 8px 4px 9px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  margin-left: 5px;
}
#checkoutSteps .step.active .stepTitle > .stepNumber {
  background-color: #ffc13a;
  color: #000;
}
#checkoutSteps .step .stepTitle > .stepDescription {
  font-style: italic;
  font-weight: 400;
  margin-left: 10px;
  font-family: "Nunito Sans";
}
#checkoutSteps .step .stepResume {
  border-left: 1px solid #ccc;
  padding: 0 5px;
  position: relative;
  margin-top: 0;
  transition: margin 0.5s;
  min-height: 0;
}
#checkoutSteps .step .stepResume > div {
  min-height: 0;
}
#checkoutSteps .step.active .stepResume {
  display: none;
}
#checkoutSteps .step .stepResume p {
  margin: 0;
  line-height: 14px;
  font-size: 12px;
}
#checkoutSteps .step .stepResume p:first-child {
  margin-top: 5px;
}
#checkoutSteps .step .stepResume p:last-child {
  margin-bottom: 5px;
}
#checkoutSteps .step .stepResume .buttonsHolder {
  text-align: right;
}
#checkoutSteps .step .stepResume .buttonsHolder .btn {
  margin-top: 10px;
  margin-right: 15px;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 600;
}
#checkoutSteps .step.active ~ .step .editStep {
  display: none;
}
#checkoutSteps .step i.fa.stepArrow {
  position: absolute;
  top: 15px;
  right: 5px;
  font-size: 24px;
  vertical-align: middle;
  transition: transform 0.5s, color 0.5s;
}
#checkoutSteps .step.active i.fa.stepArrow {
  color: #ffc13a;
  transform: rotate(90deg);
}
#checkoutSteps .step > hr {
  overflow: hidden;
  border: 2px solid #ccc;
  margin: 0;
  width: 100%;
}
#checkoutSteps .step.active > hr {
  border-color: #ffc13a;
  margin-bottom: 15px;
}
#checkoutSteps .step .stepContent {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.8s;
  min-height: 0;
}
#successPage2017 p.subTitle,
#checkoutSteps .step .stepContent .subTitle {
  font-weight: 600;
  margin-bottom: 10px;
  color: #666;
  font-size: 18px;
}
#successPage2017 p.subTitle {
  font-size: 16px;
}
#successPage2017 .create-account {
  border: 1px solid #e4e4e4;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  max-width: 100%;
}
#successPage2017 .subscribe-royal-mail {
  display: block;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  #successPage2017 .create-account {
    padding: 16px;
  }
  #successPage2017 .subscribe-royal-mail,
  #successPage2017 #subscribe-royal-mail-success {
  }
}
#successPage2017 .subscribe-royal-mail span,
#successPage2017 #subscribe-royal-mail-success p {
  font-family: "Plain Light";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
#successPage2017 .subscribe-royal-mail .radio-selector {
  margin-top: 9px;
  padding: 0;
  display: flex;
  flex-direction: column;
}
#successPage2017 .subscribe-royal-mail .radio-selector div {
  display: flex;
  align-items: center;
}
#successPage2017 .subscribe-royal-mail .radio-selector label {
  margin-bottom: 0;
  font-family: "Plain Light";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  margin-left: 8px;
  cursor: pointer;
}
#successPage2017 .subscribe-royal-mail .radio-selector div + div {
  margin-top: 16px;
}
#successPage2017 .subscribe-royal-mail .radio-selector input[type="radio"] {
  accent-color: #0d0900;
  width: 16px;
  height: 16px;
}
#successPage2017 .create-account strong,
#successPage2017 .subscribe-royal-mail strong {
  margin-bottom: 16px;
  font-family: "Plain Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
#successPage2017 .create-account ul,
#successPage2017 .subscribe-royal-mail ul {
  margin: 0;
}
#successPage2017 .create-account ul li,
#successPage2017 .subscribe-royal-mail ul li {
  display: flex;
  align-items: center;
}
#successPage2017 .create-account ul li p,
#successPage2017 .subscribe-royal-mail ul li p {
  font-family: "Plain Light";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
#successPage2017 .create-account ul li i,
#successPage2017 .subscribe-royal-mail ul li i {
  margin-right: 8px;
}
#successPage2017 .create-account ul li + li,
#successPage2017 .subscribe-royal-mail ul li + li {
  margin-top: 8px;
}
#successPage2017 .create-account a,
#successPage2017 .subscribe-royal-mail button {
  display: block;
  padding: 12px 24px;
  color: #fff;
  width: fit-content;
  background: #0d0900;
  margin-top: 24px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #0d0900;
  transition: all 0.3s ease-in-out;
  font-family: "Plain Light";
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}
#successPage2017 .create-account a:disabled,
#successPage2017 .subscribe-royal-mail button:disabled {
  background: #e4e4e4;
  color: #a0a0a0;
  border: 1px solid #e4e4e4;
  cursor: not-allowed;
}
#successPage2017 .create-account a:not(:disabled):hover,
#successPage2017 .subscribe-royal-mail button:not(:disabled):hover {
  background: #fff;
  color: #0d0900;
  border: 1px solid #0d0900;
}
#successPage2017 .subscribe-royal-mail #subscribe-royal-mail-msg.success {
  color: green;
}
#successPage2017 .subscribe-royal-mail #subscribe-royal-mail-msg.error {
  color: red;
}
#successPage2017 #subscribe-royal-mail-success {
  display: none;
}
#successPage2017 #subscribe-royal-mail-success.active {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#successPage2017 #subscribe-royal-mail-success p {
  margin-left: 4px;
}
#successPage2017 #subscribe-royal-mail-success svg {
  width: 24px;
  display: block;
  margin: 0;
}
#checkoutSteps .step.active .stepContent {
  max-height: 1000px;
}
#checkoutSteps .step .stepContent .btn {
  height: 44px;
  vertical-align: top;
}
#checkoutSteps .step .stepContent .klarnaPayButtonParent {
  display: block;
  width: 240px;
  max-width: 100%;
  text-align: left;
  cursor: pointer;
  margin-bottom: 12px;
}
#checkoutSteps .step .stepContent .btn.klarnaPaybutton {
  display: inline-block;
  background-size: contain;
  padding: 0;
  margin-top: 0;
  background-color: transparent;
  margin-right: 8px;
  width: 62px;
  height: 34px;
}
#checkoutSteps .step .stepContent .klarnaPayLabel {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
@media (min-width: 769px) {
  #checkoutSteps
    .step
    .stepContent
    .klarnaPayButtonParent:hover
    .klarnaPayLabel {
    text-decoration: underline;
  }
}
#checkoutSteps .step .stepContent .btn.cancel {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 44px;
}
#paymentRadioHolder > label,
#paymentRadioHolder > input {
  vertical-align: middle;
  margin: 7px 2px 7px;
  font-size: 16px;
  color: #666;
  font-weight: 600;
  display: unset;
}
#paymentRadioHolder > input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
#paymentRadioHolder > label > img {
  max-height: 20px;
}
#financeHolder select {
  margin-top: 10px;
}
#financeHolder label {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
#financeHolder label > span {
  font-weight: 600;
  margin-left: 5px;
}
.checkout2017 #itemsHolder {
  border: 1px solid #ccc;
  background: #fff;
  margin: 15px 0;
  padding: 15px;
}
.checkout2017 #itemsHolder > h2 {
  background: transparent url(/images/img-2018/Checkout/Checklist.png) no-repeat
    left center;
  font-size: 18px;
  padding-left: 30px;
  line-height: 30px;
  height: 30px;
}
.checkout2017 #itemsHolder .item {
  border-bottom: 1px solid #ccc;
  padding: 15px 0 15px;
}
.checkout2017 #itemsHolder .item .itemImagesHolder {
  float: left;
}
.checkout2017 #itemsHolder .item .itemImagesHolder > .itemImage > img {
  max-width: 160px;
}
.checkout2017 #itemsHolder .item.hasTwoImages .itemImagesHolder > .itemImage {
  float: left;
}
.checkout2017 #itemsHolder .item .itemProperties {
  width: 100%;
}
.checkout2017 #itemsHolder .item .itemName {
  font-weight: 600;
  font-size: 18px;
  line-height: 12px;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .checkout2017 #itemsHolder .item .itemName {
    line-height: 20px;
    max-width: 300px;
  }
}
.checkout2017 #itemsHolder .item .itemName > span {
  font-size: 12px;
  font-weight: bold;
}
.checkout2017 #itemsHolder .item .itemTotal {
  font-size: 16px;
  margin: 0;
}
.checkout2017 #itemsHolder .includingVAT {
  line-height: 10px;
}
.checkout2017 #itemsHolder.noVAT .includingVAT {
  display: none;
}
.checkout2017 #itemsHolder .grandTotalHolder > h2 {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout2017 #itemsHolder .grandTotalHolder > h2 > #grandTotal {
  font-size: 24px;
  margin-top: -7px;
}
.checkout2017 #itemsHolder .ringSizeHolder {
  font-size: 12px;
  margin-bottom: 0;
}
.checkout2017 #itemsHolder .ringSizeHolder.engagement {
  font-size: 14px;
  margin-top: 3px;
  margin-bottom: 0;
}
#checkoutPage2017 .diamondInformation {
  margin-left: 34px;
}
#checkoutPage2017 .diamondInformation dt {
  width: 50px;
}
#checkoutPage2017 .diamondInformation dt,
#checkoutPage2017 .diamondInformation dd {
  font-size: 10px;
  line-height: 1.2;
}
#shoppingBag2017.noVAT .includingVAT,
#shoppingBag2017.noVAT #itemsHolder .includingVAT {
  display: none;
}
#shopBag2017 #shoppingBagHolder > div {
  border: 1px solid #ccc;
  background: #fff;
  margin: 15px 0;
  padding: 5px 0 15px;
  float: left;
  width: 100%;
}
#shopBag2017 #shoppingBagHolder > div > hr {
  margin: 0;
}
#shopBag2017 #topTextHolder {
  padding: 0 15px;
}
#shopBag2017 .e-certText {
  color: #666;
  font-weight: 600;
  font-size: 12px;
}
#shopBag2017 #topTextHolder p.congratulations {
  font-size: 20px;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 0;
}
#shopBag2017 #topTextHolder h2 {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
#shopBag2017 #topTextHolder .secureCheckout,
#shopBag2017 #topTextHolder #textItemsInBag {
  display: inline-block;
  float: right;
}
#shopBag2017 #topTextHolder #textItemsInBag {
  margin-bottom: 0;
  margin-top: 15px;
}
#shopBag2017 #itemsHolder {
  margin-top: 0;
  border: 0 none;
  padding: 0 15px;
}
#shopBag2017 #itemsHolder .includingVAT {
  text-align: center;
}
#shopBag2017 #itemsHolder .no-items {
  margin: 15px auto;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
#shopBag2017 #itemsHolder .no-items > p {
  margin-left: 60px;
  line-height: 20px;
}
#shopBag2017 #itemsHolder .item {
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
  padding-top: 15px;
  padding-bottom: 10px;
}
#shopBag2017 #itemsHolder .item .removeItem {
  text-decoration: underline;
  float: right;
  margin-right: 15px;
  margin-top: 10px;
  z-index: 1;
  position: relative;
  transition: color 0.5s;
}
#shopBag2017 #itemsHolder .item .removeItem:hover {
  color: #ffc13a;
}
#shopBag2017 #itemsHolder .item .removeItem > i.fa {
  margin-right: 5px;
  transition: transform 0.5s;
}
#shopBag2017 #itemsHolder .item .removeItem:hover > i.fa {
  transform: rotate(180deg);
}
#shopBag2017 #itemsHolder .item .imagesHolder > figure {
  margin-bottom: 20px;
}
#shopBag2017 #itemsHolder .item .imagesHolder > figure.mainImage > img {
  max-height: 120px;
}
#shopBag2017 #itemsHolder .item .imagesHolder > .diamondImage {
  width: 100%;
}
#shopBag2017 #itemsHolder .item .imagesHolder > .diamondImage > img {
  max-width: 100%;
  max-height: 115px;
}
#shopBag2017 #itemsHolder .item.matchingPairs .imagesHolder > .diamondImage {
  width: 50%;
}
#shopBag2017
  #itemsHolder
  .item.matchingPairs
  .itemInformationHolder
  .diamondInformationHolder {
  min-width: 190px;
  float: left;
}
#shopBag2017
  #itemsHolder
  .item.matchingPairs
  .itemInformationHolder
  .diamondInformationHolder
  + .diamondInformationHolder {
  width: 30%;
  min-width: 90px;
  margin-top: 33px;
}
#shopBag2017 #itemsHolder .item .imageTogglerHolder {
  display: none;
}
#shopBag2017 #itemsHolder .item.twoImageTypes .imageTogglerHolder {
  display: block;
  margin-bottom: 15px;
}
#shopBag2017 #itemsHolder .item .imageTogglerHolder > button {
  width: 47.5%;
  border-radius: 8px;
  background: none;
  border: 1px solid #ccc;
  height: 60px;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
  font-size: 15px;
}
#shopBag2017 #itemsHolder .item .imageTogglerHolder > button + button {
  margin-left: 5%;
}
#shopBag2017
  #itemsHolder
  .item.showSetting
  .imageTogglerHolder
  > button.showSetting {
  border-color: #ffc13a;
}
#shopBag2017
  #itemsHolder
  .item.showDiamonds
  .imageTogglerHolder
  > button.showDiamond {
  border-color: #ffc13a;
}
#shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
  position: relative;
  overflow: hidden;
  height: 230px;
}
#shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure {
  position: absolute;
  top: 60%;
  left: 0;
  transform: translateY(-50%);
  transition: left 0.5s;
}
#shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure > img {
  max-height: 100px;
}
#shopBag2017
  #itemsHolder
  .item.twoImageTypes.showSetting
  .imagesHolder
  > figure.diamondImage {
  left: 150%;
}
#shopBag2017
  #itemsHolder
  .item.twoImageTypes.showDiamonds
  .imagesHolder
  > figure.diamondImage {
  left: 0;
}
#shopBag2017
  #itemsHolder
  .item.twoImageTypes.showDiamonds
  .imagesHolder
  > figure.diamondImage
  + figure.diamondImage {
  left: 50%;
}
#shopBag2017
  #itemsHolder
  .item.twoImageTypes.showDiamonds
  .imagesHolder
  > figure.mainImage {
  left: -100%;
}
#shopBag2017 #itemsHolder .item.twoImageTypes .itemInformationHolder {
  width: 100%;
}
#shopBag2017 #itemsHolder .twoImageTypes .ringSizeHolder {
  bottom: 0;
}
#shopBag2017 #itemsHolder .sizePreSelected {
  font-size: 13px;
}
#shopBag2017 #itemsHolder .sizePreSelected a {
  font-weight: 600;
}
#shopBag2017 #itemsHolder .ringSizeHolder > span {
  font-size: 14px;
  margin-right: 5px;
  font-weight: 600;
}
#shopBag2017 #itemsHolder .item .ringSizeHolder .ringSizeInfo {
  color: #333;
  font-size: 20px;
  vertical-align: top;
  margin-left: 5px;
}
#shopBag2017 #itemsHolder .item .ringSizeHolder > select {
  font-size: 11px;
  padding: 3px 20px 3px 5px;
  text-indent: 0;
}
#shopBag2017 #itemsHolder .item .ringSizeHolder > select.ringSizeCountry {
  margin-right: 4px;
}
#shopBag2017 .itemInformationHolder > h3 {
  font-size: 36px;
  line-height: 36px;
  margin-top: 5px;
  margin-bottom: 0;
}
#shopBag2017 .itemInformationHolder > h3 > span.itemInfo {
  font-size: 16px;
}
#shopBag2017 .itemInformationHolder .diamondInformationHolder {
  margin-top: 20px;
  margin-bottom: 10px;
}
#shopBag2017 .itemInformationHolder .diamondInformationHolder > img {
  max-width: 45px;
  max-height: 32px;
  margin-right: 5px;
}
#shopBag2017
  .item.matchingPairs
  .itemInformationHolder
  .itemPriceHolder
  > div.priceHolder {
  margin-top: 25px;
}
#shopBag2017 #totalHolder .grandTotalholder {
  text-align: center;
}
#shopBag2017 .grandTotalholder > h3 {
  font-size: 24px;
}
#shopBag2017 .deliveryInformation dt {
  margin-right: 5px;
}
#shopBag2017 .deliveryInformation .insuredDelivery,
#shopBag2017 .deliveryInformation .insuredDelivery + dd {
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
  font-family: "Nunito Sans SemiBold";
}
#shopBag2017 .deliveryInformation .orderChristmas {
  font-size: 14px;
  font-style: italic;
  font-family: "Nunito Sans SemiBold";
}
#shopBag2017 .deliveryInformation .deliveryDate,
#shopBag2017 .deliveryInformation .deliveryDate + dd {
  display: inline-block;
  white-space: nowrap;
}
#shopBag2017 .promoCodeToggle {
  margin-top: 20px;
  text-decoration: none;
  font-family: "Nunito Sans SemiBold";
  display: block;
  font-size: 14px;
}
#shopBag2017 .promoCodeHolder {
  margin-top: 10px;
  position: relative;
}
#shopBag2017 .promoCodeHolder .promoCode {
  height: 25px;
  width: 185px;
  vertical-align: middle;
  border: 1px solid #666;
  text-indent: 5px;
  line-height: 24px;
  padding: 0;
}
#shopBag2017 .promoCodeHolder .btn {
  height: 27px;
  vertical-align: middle;
  margin: 0;
}
#shopBag2017 .promoCodeHolder .promoCode.error {
  border-color: red;
}
#shopBag2017 .promoCodeHolder .errorMessage {
  font-size: 12px;
  color: red;
  text-align: left;
  padding: 8px 0;
}
#shopBag2017 .promoCodeHolder .successMessage {
  font-size: 12px;
  color: green;
  text-align: left;
  padding: 8px 0;
}
@media (max-width: 768px) {
  #shopBag2017 .promoCodeHolder .successMessage,
  #shopBag2017 .promoCodeHolder .successMessage {
    text-align: center;
  }
}
#shopBag2017 .promoCodeHolder .clearPromoCode {
  display: none;
  color: red;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  top: 5px;
  left: 165px;
  width: 20px;
}
#shopBag2017 .promoCodeHolder.hasCode .clearPromoCode {
  display: block;
}
#shopBag2017 .grandTotalholder .totalHolder {
  text-align: center;
  display: inline-block;
}
#shopBag2017 .grandTotalholder .totalHolder h3 {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
#shopBag2017 .grandTotalholder .totalHolder h3 > var {
  font-size: 30px;
  white-space: nowrap;
  line-height: 40px;
}
#shopBag2017 .buttonsHolder .btn.continue {
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
}
#shopBag2017 #shoppingBagAside {
  margin: 16px 0;
}
.checkout2017 aside .needHelpHolder > h3 {
  font-size: 18px;
  font-style: italic;
  margin: 0 auto 15px;
}
.checkout2017 aside .needHelpHolder > div {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
.checkout2017 aside .needHelpHolder a.contactus {
  height: 60px;
  display: table-cell;
  width: 25%;
  vertical-align: middle;
}
#shopBag2017 aside a.contactus > img {
  transition: transform 0.5s;
  height: 40px;
}
.checkout2017 aside a.contactus:hover > img {
  transform: scale(1.1);
}
#shopBag2017 aside a.contactus > p {
  margin: 0;
  font-size: 13px;
}
#shopBag2017 #shoppingBagAside #wrappedUp {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 1px;
}
#shopBag2017 #shoppingBagAside #wrappedUp > img {
  margin-bottom: 20px;
}
#shopBag2017 #shoppingBagAside #wrappedUp > h3,
#shopBag2017 #shoppingBagAside #wrappedUp > p {
  margin-right: 20px;
  font-size: 12px;
}
#shopBag2017 #shoppingBagAside #wrappedUp > h3 {
  font-style: italic;
  margin-bottom: 5px;
  font-size: 22px;
}
#shopBag2017 #shoppingBagHolder > div#shopClockHolder {
  background-color: #d5bdb1;
  border: 0 none;
  margin: 0;
  padding: 15px 0;
}
.amazonButtonHolder {
  width: 175px;
  float: left;
}
.paypalButtonHolder {
}
.paypalButtonHolder .paypal-text {
  width: 280px;
}
#checkoutSteps #checkoutStep1 #amazonLoginButton {
  float: left;
  margin-top: 15px;
}
#checkoutSteps #checkoutStep1 #amazonLoginButton #LoginWithAmazon {
  margin-top: 6px;
}
#checkoutSteps
  #checkoutStep1
  .buttonsHolder.hasAmazonBtn
  #checkoutWithPayPalButton,
#checkoutSteps #checkoutStep1 #amazonLoginButton p.or-text {
  margin-top: 15px;
}
#checkoutSteps #checkoutStep1 #checkoutWithPayPalButton {
  float: left;
  margin-top: 6px;
}
#checkoutSteps
  #checkoutStep1
  .buttonsHolder.hasAmazonBtn
  #checkoutWithPayPalButton {
  margin-left: 0;
}
#checkoutSteps #checkoutStep1 .buttonsHolder .continueHolder {
  float: left;
}
#checkoutSteps #checkoutStep1 .buttonsHolder.hasAmazonBtn .continueHolder {
  width: 100%;
}
#checkoutSteps #checkoutStep1 .buttonsHolder .continueHolder .btn {
  float: left;
}
#checkoutSteps
  #checkoutStep1
  .buttonsHolder.hasAmazonBtn
  .continueHolder
  p.or-text {
  display: none;
}
#checkoutSteps #checkoutStep1 .buttonsHolder p.smallText {
  float: left;
  width: 100%;
}
#checkoutSteps .buttonsHolder #payWithAmazon,
#checkoutSteps .step .amazonLogoutButton {
  float: left;
}
#checkoutSteps .step .buttonsHolder p.or-text {
  margin-right: 15px;
}
#checkoutSteps .step .amazonLogoutButton button.logoutFromAmazon {
  font-weight: 600;
  padding-left: 15px;
}
#checkoutSteps .step .amazonLogoutButton button.logoutFromAmazon:before {
  font-family: "FontAwesome";
  content: "";
  margin-right: 10px;
  display: inline-block;
  transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
#checkoutSteps #payWithPaypal,
#checkoutSteps #checkoutStep1 #checkoutWithPaypal {
  text-transform: none;
  background-color: #eee;
  border: #c5c5c5 solid 1px;
  font-family: "Nunito Sans Bold";
  border-radius: 6px;
  font-size: 14px;
  margin: 7px 0;
  text-align: left;
  padding: unset;
  padding-left: 11px;
  padding-right: 100px;
  background-image: url(/images/img-2021/paypal-logo-2.png);
  background-position: right 20px center;
  background-size: 70px auto;
  color: #000;
}
#checkoutSteps .step p.or-text {
  font-style: italic;
  font-weight: bold;
  font-size: 15px;
  text-transform: lowercase;
  padding: 0 5px;
  margin-bottom: 0;
  float: left;
  margin-top: 20px;
  margin-left: 15px;
}
#checkoutSteps #payWithPaypal:hover,
#checkoutSteps #checkoutStep1 #checkoutWithPaypal:hover {
  background-color: #ffc439;
  color: #000;
}
#checkoutSteps #checkoutStep1 a {
  text-decoration: underline;
}
.addressHolder.unitedKingdom .manuallyHolder {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s, opacity 0.5s;
}
.addressHolder.unitedKingdom.showFields .manuallyHolder {
  max-height: 200px;
  opacity: 1;
  overflow: visible;
}
.addressHolder .searchBtn,
.addressHolder .manually,
.addressHolder.unitedStates .regionHolder,
.addressHolder.unitedStates .post-codeSelect,
.addressHolder.unitedKingdom .regionHolder,
.addressHolder.unitedKingdom.showFields .manually,
.addressHolder.showRegion .post-codeSelect,
.addressHolder .stateSelect {
  display: none;
}
.addressHolder.unitedStates .stateSelect,
.addressHolder.unitedKingdom .searchBtn,
.addressHolder.unitedKingdom .manually {
  display: inline-block;
}
#deliveryRadioHolder {
  white-space: nowrap;
  vertical-align: middle;
}
#deliveryRadioHolder input {
  width: 20px;
  height: 20px;
}
#deliveryRadioHolder input,
#deliveryRadioHolder label,
#deliverToCollectMap > i.fa {
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 16px;
  font-size: 16px;
}
#deliveryRadioHolder #deliverToCollectMap > i.fa {
  color: #666;
  font-size: 16px;
}
#confirmRemoveItemHolder,
#whatsappLinkHolder,
#mapOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99998;
}
#confirmRemoveItemHolder > .confirmRemoveHolder,
#whatsappLinkHolder > .whatsappHolder,
#mapPopupHolder {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  background-color: #fff;
  box-shadow: 0 0 50px #666;
  border-radius: 3px;
  width: 40%;
  max-width: calc(90% + 20px);
  min-width: 300px;
  z-index: 99999;
}
#confirmRemoveItemHolder > .confirmRemoveHolder,
#whatsappLinkHolder > .whatsappHolder {
  top: 30%;
  border: 2px solid #ffc13a;
  border-radius: 15px;
  padding: 15px;
}
#confirmRemoveItemHolder > .confirmRemoveHolder a.closeConfirmRemove,
#whatsappLinkHolder > .whatsappHolder .closeWhatsapp,
#mapPopupHolder #closeMap {
  font-size: 24px;
  margin: 10px;
  display: block;
}
#confirmRemoveItemHolder > .confirmRemoveHolder .confirmRemoveText {
  margin-bottom: 0;
}
#whatsappLinkHolder > .whatsappHolder #closeWhatsapp {
  color: #ffc13a;
  margin: 0;
}
#whatsappLinkHolder > .whatsappHolder img.whatsappImage {
  margin: 15px 15px 0;
  float: left;
}
#whatsappLinkHolder > .whatsappHolder p.whatsappText {
  text-align: left;
  margin: 15px 0 5px 60px;
  font-size: 20px;
  font-weight: 300;
  color: #666;
}
#whatsappLinkHolder > .whatsappHolder p.whatsappText > a {
  font-weight: 600;
  margin-left: 15px;
}
#whatsappLinkHolder > .whatsappHolder hr {
  border: 1px solid #ffc13a;
  margin: 0;
}
#mapPopupHolder #mapHolder {
  font-size: 30px;
  margin: 0 10px;
}
#mapPopupHolder #mapAddress {
  margin: 10px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder {
  display: none;
}
#checkoutSteps #checkoutStep3.active #cardTypeHolder {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  margin-left: 15px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder > input {
  visibility: hidden;
  position: absolute;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input + label {
  margin-left: 5px;
  display: inline-block;
  width: 43px;
  height: 28px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#mastercard + label {
  background: transparent url(/images/img-2018/Checkout/CheckoutMasterCard.svg)
    no-repeat center center/50px;
  border: 2px solid transparent;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#visa + label {
  background: transparent url(/images/img-2018/Checkout/CheckoutVisa.png)
    no-repeat center center/45px;
  border: 2px solid transparent;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#amex + label {
  background: transparent url(/images/img-2018/Checkout/CheckoutAmex.png)
    no-repeat center center/40px;
  border: 2px solid transparent;
}
#checkoutSteps
  #checkoutStep3
  #cardTypeHolder
  input#mastercard
  + label[for="mastercard"] {
  height: 32px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#mastercard.active + label {
  background-image: url(/images/img-2018/Checkout/CheckoutMasterCardSelected.svg);
  background-size: 50px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#visa.active + label {
  background-image: url(/images/img-2018/Checkout/CheckoutVisaSelected.png);
  background-size: 45px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#amex.active + label {
  background-image: url(/images/img-2018/Checkout/CheckoutAmexSelected.png);
  background-size: 45px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#mastercard:checked + label {
  background-image: url(/images/img-2018/Checkout/CheckoutMasterCardSelected.svg);
  border-color: #ffc13a;
  background-size: 50px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#visa:checked + label {
  background-image: url(/images/img-2018/Checkout/CheckoutVisaSelected.png);
  border-color: #ffc13a;
  background-size: 45px;
}
#checkoutSteps #checkoutStep3 #cardTypeHolder input#amex:checked + label {
  background-image: url(/images/img-2018/Checkout/CheckoutAmexSelected.png);
  border-color: #ffc13a;
  background-size: 45px;
}
#checkoutSteps #checkoutStep3 #paymentRadioHolder .paymentMethod {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s, opacity 0.5s;
}
#checkoutSteps #checkoutStep3.step.active .stepContent {
  overflow: unset !important;
}
#checkoutSteps #checkoutStep3 #paymentRadioHolder #applePayPrimerPaymentHolder {
  padding: 0 20px;
  position: relative;
}
#paymentRequest #content #primerPaymentContainer {
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  margin: 50px auto;
}
@media (max-width: 767px) {
  #paymentRequest #content #primerPaymentContainer {
    width: 100%;
    padding: 0 20px;
  }
}
.PrimerCheckout .PrimerCheckout__formField:not(:first-of-type) {
  margin-top: 10px !important;
}
.PrimerCheckout .PrimerCheckout__formField input[type="text"] {
  height: unset !important;
}
#checkoutSteps
  #checkoutStep3
  #paymentRadioHolder
  input[type="radio"]:checked
  + label
  + #cardTypeHolder
  + .paymentMethod,
#checkoutSteps
  #checkoutStep3
  #paymentRadioHolder
  input[type="radio"]:checked
  + label
  + .paymentMethod {
  max-height: 300px;
  overflow: visible;
  opacity: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}
#checkoutPage2017.paypalReturn .stepContent p {
  margin: 0;
}
#checkoutPage2017.paypalReturn .stepContent .buttonsHolder {
  float: left;
  width: 100%;
  margin-top: 30px;
}
#checkoutPage2017.paypalReturn .stepContent .buttonsHolder .btn + .btn {
  margin-left: 15px;
}
#successPage2017 {
  border-top: 6px solid #ffc13a;
}
#successPage2017 #contentHolder > hr {
  border: 0 none;
  border-bottom: 1px solid #666;
  margin: 20px 0;
  float: left;
  width: 100%;
}
#successPage2017 p {
  margin-bottom: 0;
  font-size: 14px;
  color: #333;
}
#successPage2017 p.title {
  margin: 15px 0 5px;
  font-size: 16px;
}
#successPage2017 #bankDetails {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  width: 50%;
  padding: 15px;
  margin-top: 5px;
  margin-bottom: 15px;
}
#successPage2017 #bankDetails ~ p {
  margin-bottom: 10px;
}
#successPage2017 #mapHolder {
  margin: 15px 0 10px;
  border: 1px solid #ccc;
}
#successPage2017 .insuranceHolder {
  border: 2px solid #ffc13a;
  padding: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}
#successPage2017 .insuranceHolder h2 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}
#successPage2017 .insuranceHolder .textHolder {
  width: 50%;
  float: left;
}
#successPage2017 .insuranceHolder .textHolder p {
  font-size: 14px;
}
#successPage2017 .insuranceHolder figure {
  width: 45%;
  float: right;
  text-align: center;
}
#successPage2017 .insuranceHolder figure > img {
  max-height: 100px;
}
#successPage2017 .insuranceHolder .copyInsuranceCode {
  margin-bottom: 14px;
  text-decoration: underline;
  cursor: pointer;
}
#successPage2017 .insuranceHolder .insuranceCode.yellow {
  color: #ffc13a;
}
#successPage2017 .promotionHolder {
  outline: 1px solid #ccc;
  outline-offset: -1px;
  position: relative;
}
#successPage2017 .promotionHolder img {
  width: 100%;
}
#successPage2017 .promotionHolder figcaption {
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 70%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#successPage2017 .promotionHolder figcaption p {
  color: #666;
  font-style: italic;
}
#successPage2017 .promotionHolder figcaption p.title {
  font-size: 30px;
  font-style: normal;
}
#successPage2017 .promotionHolder figcaption a {
  font-weight: 600;
}
#failedPage2017 aside .needHelpHolder > h3 {
  margin-top: 30px;
  margin-bottom: 3px;
}
#failedPage2017 a.numberContactUs {
  font-weight: 600;
  text-decoration: underline;
}
#failedPage2017 aside .needHelpHolder > div {
  margin-top: 15px;
  margin-bottom: 0;
}
#failedPage2017 #itemsHolder {
  margin-top: 0;
}
#failedPage2017 #contentHolder h3 {
  color: red;
  font-weight: 700;
  margin-top: 30px;
}
#failedPage2017 #contentHolder p,
#failedPage2017 #contentHolder ul {
  margin-bottom: 15px;
}
#failedPage2017 #contentHolder ul > li {
  font-weight: 600;
}
#contactsPage .contactsHolder .tabs {
  list-style: none;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  width: 100%;
  border-top: 2px solid #dadada;
  border-bottom: 2px solid #dadada;
  padding: 5px 0;
}
#contactsPage .contactsHolder .tabs li {
  width: 25%;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}
#contactsPage .contactsHolder .tabs li a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 7px;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #a0a0a0;
}
#contactsPage .contactsHolder .tabs li.active a,
.no-touch #contacts .tabs li a:hover {
  background: #fff;
  color: #ffc13a !important;
}
#contactsPage .contactsHolder .ico {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
}
#contactsPage .contactsHolder .tabs li a .ico {
  clear: both;
  margin: 0 auto 3px;
  font-size: 200%;
  display: block;
}
#contactsPage .contactsHolder .arrange {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 2px solid #dadada;
  margin: 0 auto 30px;
  overflow: hidden;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  #contactsPage .contactsHolder .arrange {
    padding: 25px;
  }
  #contactsPage .contactsHolder ._form-group {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
  }
  #contactsPage .contactsHolder ._form-group label {
    min-width: 30%;
    flex: 0 0 auto;
  }
  #contactsPage .contactsHolder ._form-group label + * {
    flex: 1 0 70%;
    min-width: 70%;
  }
  #contactsPage .contactsHolder ._form-group textarea._form-control {
    flex: 1 0 100%;
    min-width: 100%;
    height: 80px;
  }
}
#contactsPage .contactsHolder .arrange p {
  margin: 0 0 1em;
  max-width: 100%;
  width: 100%;
}
#contactsPage .contactsHolder > .btn {
  margin-bottom: 20px;
}
#contactsPage #selectedCountryHolder img.flag {
  width: 120px;
  margin-bottom: 40px;
}
#contactsPage #selectedCountryHolder {
}
#contactsPage #selectedCountryHolder dl {
  margin: 10px 0;
}
#contactsPage #selectedCountryHolder > div > p {
  font-size: 14px;
}
#contactsPage #methods > .styled-select {
  margin-bottom: 20px;
}
#contactsPage #googleloc #submit,
#block1 #googleloc #submit {
  border: 0 none;
  margin: 0;
  box-sizing: border-box;
  height: 30px;
}
#contactsPage #googleloc #submit:hover,
#block1 #googleloc #submit:hover {
  background: #666;
  color: #fff;
}
#contactsPage .innerpadding h2 {
  margin: 20px 0 35px;
}
#contactsPage .innerpadding {
  margin: 20px 0 40px;
  overflow: hidden;
}
#contactsPage hr {
  border: 0 none;
  border-top: 1px solid #ccc;
}
#contactsPage .contactsHolder .form > div {
  margin: 5px 0 10px 0;
}
#contactsPage #additionalInfoHolder {
  margin-bottom: 0;
}
#contactsPage .contactsHolder h2 {
  margin-bottom: 15px;
}
#contactsPage #methods ul.tabs {
  border: 0 none;
}
#contactsPage .arrange {
  border: 2px solid #dadada;
}
#contactsPage .countryNameHolder span {
  font-size: 18px;
}
#contactsPage dl dd,
#contactsPage dl dt {
}
#contactsPage dl dt {
  float: left;
}
#contactsPage dl dd {
  text-align: right;
}
#contactsPage dl dt:first-of-type {
  width: 0;
}
#contactsPage dl dd:first-of-type {
  margin: 0 0 10px;
  font-size: 22px;
  width: 100%;
  text-align: center;
}
#contactsPage #countrySelect > option {
  border-bottom: 1px solid #575757;
  padding: 5px 0;
  width: 100%;
  text-indent: 10px;
}
#contactsPage .whatsAppNumber {
  background: url(../icons/Whatsapp.png) no-repeat left center;
  font-size: 24px;
  height: 80px;
  line-height: 80px;
  text-indent: 100px;
}
#contactsPage .halfwidth1 > p:first-child,
#contactsPage .halfwidth2 > p:first-child {
  margin-top: 0;
}
#contactsPage #googleloc {
  width: 100%;
}
#contactsPage .fakeInput {
  left: 0;
  position: absolute;
  top: 0;
}
#contactsPage #emailusImgPreview {
  height: 90px;
  width: 100%;
  background-color: #fff;
}
#contactsPage #emailusImgPreview[src=""] {
  display: none;
}
#careersPage h2 {
  line-height: 30px;
  margin-top: 30px;
}
#careersPage .ukVacancies,
#careersPage .overseasVacancies {
  text-decoration: underline;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}
#careersPage .jobPosition h3 {
  font-size: 20px;
}
#careersPage .jobPosition {
  border: 1px solid transparent;
  overflow: hidden;
  padding: 0 5px;
  max-height: 0;
  transition: all 0.5s;
  color: #575756;
  width: 100%;
  box-sizing: border-box;
  float: left;
}
#careersPage .jobPosition.active {
  border-color: #ccc;
  padding: 5px;
  max-height: 190px;
  margin-bottom: 10px;
  overflow: visible;
}
#careersPage .jobPosition div dl > dt {
  width: 80px;
}
#careersPage .jobPosition div dl > dt,
#careersPage .jobPosition div dl > dd {
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
}
#careersPage .otherApplications > .btn {
  font-size: 12px;
  min-width: 100px;
}
#careersPage .jobPosition div .btn {
  font-size: 12px;
  min-width: 70px;
}
#careersPage .otherApplications {
  line-height: 20px;
  margin-top: 20px;
}
#careersPage .otherApplications > .btn {
  margin-left: 15px;
  margin-top: 0;
  line-height: 20px;
  vertical-align: baseline;
}
#careersPage .btn.greyBG {
  color: #222;
}
#careersPage .btn.greyBG:hover {
  color: #fff;
}
#careersPage .glassdoor-link {
  text-align: center;
  display: block;
  margin: 50px 0;
}
#celebrityPage2018 .top-banner {
  position: relative;
  padding: 40px 40px;
  color: #59585b;
}
#celebrityPage2018 #hero figure.top-banner picture img {
  width: 100%;
}
#celebrityPage2018 .top-banner .banner-picture {
  position: absolute;
  height: 100%;
  right: 80px;
}
#celebrityPage2018 .top-banner .banner-content {
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0;
}
#celebrityPage2018 .top-banner .banner-content h1 {
  font-size: 32px;
}
#celebrityPage2018 .top-banner .banner-content p {
  font-weight: 100;
  font-size: 18px;
}
#celebrityPage2018 .top-banner .banner-content a {
  color: #ffc13a;
}
#celebrityPage2018 .arrow-celebrity-banner {
  cursor: pointer;
  font-size: 20px;
  color: #ffc13a;
  font-weight: 600;
  display: none;
}
#celebrityPage2018 .arrow-celebrity-banner img {
  width: 16px;
  height: auto;
  margin-left: 14px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#celebrityPage2018 .main-content {
  padding: 20px 40px;
}
#celebrityPage2018 .main-content .celeb-tab {
  margin-top: 20px;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-title {
  padding: 6px 0;
  min-height: 40px;
  line-height: 40px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 1180px auto;
  vertical-align: middle;
  cursor: pointer;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .title {
  display: inline-block;
  padding: 0 15px;
  color: #fff;
  font-size: 21px;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .sub-title {
  display: none;
  padding: 0 15px;
  margin-top: -8px;
  margin-bottom: 30px;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 200;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons {
  display: inline-block;
  float: right;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons > div {
  width: 50px;
  display: inline-block;
  text-align: center;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons .seen {
  height: 46px;
  background-image: url(/images/icons-png/unchecked.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-title
  .buttons
  .toggle-tab {
  cursor: pointer;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-title
  .buttons
  .toggle-tab
  .toggle-tab-button {
  width: 16px;
  height: auto;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-title
  .buttons
  .toggle-tab
  .toggle-tab-button.rotate-button {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content {
  padding: 40px 15px;
  overflow: auto;
  display: none;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .heart-page-break {
  background-image: url(/images/campaigns/2018-celebrity-engagement-ring/instagram-proposals/HeartPageBreak.svg);
  background-size: 100% auto;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  margin: 30px auto;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .left-page-break {
  display: inline-block;
  background-image: url(/images/campaigns/2018-celebrity-engagement-ring/matchmaking/LeftPageBreak.svg);
  background-size: 100% auto;
  height: 50px;
  width: 30%;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  margin: 30px auto;
  vertical-align: middle;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .page-break-wrapper {
  text-align: center;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .middle-text-page-break {
  display: inline-block;
  height: 50px;
  width: 30%;
  margin: 30px auto;
  vertical-align: middle;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .middle-text-page-break
  h2 {
  margin-bottom: 5px;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .right-page-break {
  display: inline-block;
  background-image: url(/images/campaigns/2018-celebrity-engagement-ring/matchmaking/RightPageBreak.svg);
  background-size: 100% auto;
  height: 50px;
  width: 30%;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  margin: 30px auto;
  vertical-align: middle;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h1 {
  text-align: center;
  font-size: 42px;
  font-weight: 300;
  color: #59585b;
  margin-bottom: 20px;
  margin-top: 40px;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h2 {
  text-align: center;
  font-size: 32px;
  font-weight: 300;
  color: #59585b;
}
.italic {
  font-style: italic;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h2.scriptStyle {
  margin-top: 20px;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h3 {
  margin: auto;
  max-width: 650px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  color: #59585b;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h3 b {
  font-weight: 600;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .full-image {
  text-align: center;
  max-width: 90%;
  margin: 40px auto;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block-wrapper {
  text-align: center;
}
#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block {
  padding: 15px;
  text-align: center;
  display: inline-block;
  margin: auto;
  margin-top: 20px;
  max-width: 40%;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  img {
  margin: 10px auto;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  h2 {
  font-size: 22px;
  font-weight: 600;
  color: #59585b;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  h3 {
  font-size: 21px;
  font-weight: 300;
  color: #59585b;
  margin-bottom: 8px;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  .cell-box-small {
  width: 160px;
  max-width: 100%;
  height: 34px;
  line-height: 34px;
  margin: 14px auto;
  font-size: 16px;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  .cell-box-medium {
  width: 190px;
  max-width: 100%;
  height: 34px;
  line-height: 34px;
  margin: 14px auto;
  font-size: 16px;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  .cell-box-large {
  width: 220px;
  max-width: 100%;
  height: 34px;
  line-height: 34px;
  margin: 24px auto;
  font-size: 16px;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  .solid-grey {
  border: 2px solid #59585b;
  background-color: #59585b;
  color: #fff;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  .border-grey {
  border: 2px solid #59585b;
  background-color: #fff;
  color: #59585b;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  .solid-yellow {
  border: 2px solid #ffc13a;
  background-color: #ffc13a;
  color: #59585b;
}
#celebrityPage2018
  .main-content
  .celeb-tab
  .celeb-tab-content
  .pic-text-block
  .border-yellow {
  border: 2px solid #ffc13a;
  background-color: #fff;
  color: #59585b;
}
#celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption a {
  cursor: none;
}
#celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption h2 {
  font-weight: 100;
  font-size: 24px;
  font-style: italic;
}
#celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption h2 span {
  font-weight: normal;
}
#celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption .btn {
  padding: 8px 26px 11px;
  pointer-events: none;
}
.cb-toggler {
  display: none;
}
.cb-toggler:checked ~ .cb-toggler--hidden-on-checked {
  display: none;
}
.cb-toggler:not(:checked) ~ .cb-toggler--hidden-on-unchecked {
  display: none;
}
#night-for-you {
  width: 100%;
  max-width: none;
}
#samplePage .disclaimerHolder {
  margin-top: 5px;
}
#samplePage .disclaimerHolder > p {
  font-size: 14px;
  padding-right: 15px;
}
#samplePage .disclaimerHolder > p > a {
  font-weight: bold;
}
#samplePage .form label.fakeCheckbox {
  font-size: 14px;
}
#samplePage .textHolder {
  padding-top: 50px;
  padding-bottom: 50px;
}
#samplePage .formHolder {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #eee;
  overflow: hidden;
}
#samplePage .formHolder h2 {
  font-size: 28px;
  line-height: 34px;
}
#samplePage .formHolder .gdprCheckboxHolder p.errorMessage {
  margin-top: -15px !important;
}
#samplePage .directionsHolder {
  padding-top: 100px;
  padding-bottom: 100px;
}
#samplePage .directionsHolder h2 {
  font-size: 28px;
}
#samplePage .directionsHolder p {
  font-size: 22px;
  line-height: 28px;
}
#samplePage .getDirections {
  margin-top: 20px;
}
#samplePage .getDirections > div:last-child > a {
  display: block;
  margin-top: 22px;
}
.nightForYouCampaign {
  padding-bottom: 100px;
}
.nightForYouCampaign p,
.nightForYouCampaign p h1,
.nightForYouCampaign p .h1,
.nightForYouCampaign p h2,
.nightForYouCampaign p .h2,
.nightForYouCampaign p h3,
.nightForYouCampaign p .h3,
.nightForYouCampaign p input {
  color: #59585b;
}
.nightForYouCampaign .buttonsHolder .btn {
  font-weight: 600;
}
.nightForYouCampaign .textHolder {
  padding: 60px 0 !important;
  margin: auto;
  float: none;
}
.nightForYouCampaign .textHolder h2 {
  font-size: 19px;
  line-height: 28px;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 32px;
}
.nightForYouCampaign .textHolder p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 0;
}
.nightForYouCampaign .slide {
  position: relative;
}
.nightForYouCampaign .slide .slider-description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.nightForYouCampaign .slide .slider-description .buttonsHolder {
  margin-top: 20px;
}
.nightForYouCampaign .slide p {
  color: #fff;
  font-weight: 300;
  font-size: 27px;
  margin: 0;
}
.nightForYouCampaign .slider-description picture {
  display: block;
  margin: 20px 0;
}
.nightForYouCampaign .slider-description picture img {
  width: 316px;
  height: auto;
  max-width: 60%;
}
.nightForYouCampaign .slider-description h1.night-for-you-typography {
  max-width: 90%;
  color: #fff;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 70px;
}
.nightForYouCampaign .formHolder .buttonsHolder .btn {
  width: 346px;
  max-width: 100%;
  display: block;
}
.nightForYouCampaign .formHolder h2,
.nightForYouCampaign .bottom-images-title h2 {
  font-size: 28px;
  line-height: 36px;
}
.nightForYouCampaign .formHolder p {
  font-size: 16px;
  line-height: 24px;
}
.nightForYouCampaign .formHolder #gdprCheckboxSampleHolder {
  margin-top: 28px;
  margin-bottom: 40px;
}
.nightForYouCampaign .form label.fakeCheckbox,
.nightForYouCampaign .formHolder #gdprCheckboxSampleHolder a {
  color: #59585b;
  font-size: 14px;
}
.nightForYouCampaign .form label.fakeCheckbox .checkmark {
  border-radius: 25px;
}
.nightForYouCampaign .formHolder .radio-field {
  padding: 16px 0;
}
.nightForYouCampaign .formHolder .radio-field p.errorMessage {
  text-align: center;
}
.nightForYouCampaign .form .fieldHolder > input[type="radio"] {
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  width: 20px;
  color: red;
}
.nightForYouCampaign .form .fieldHolder > .radio-label {
  margin-bottom: 0;
  position: initial;
  width: auto;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #999;
}
.errorMessage,
.form .radio-field.hasError .errorMessage {
  margin-top: 0;
}
.nightForYouCampaign .bottom-images-title {
  margin: auto;
}
.nightForYouCampaign .bottom-images-title h2 {
  margin-top: 80px;
}
.nightForYouCampaign .bottom-images {
  text-align: center;
  padding: 30px 0 0 0;
  margin: 0 -4px;
}
.nightForYouCampaign .bottom-images img {
  margin: auto;
}
.nightForYouCampaign .bottom-images .slick-dots {
  margin-top: 40px;
}
.nightForYouCampaign .bottom-images .slick-dots > li {
  display: inline-block;
}
.nightForYouCampaign .bottom-images .slick-dots > li > button {
  background: none;
  border-radius: 15px;
  border: 2px solid #a1a1a1;
  font-size: 0;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  padding: 0;
  cursor: pointer;
}
.nightForYouCampaign .bottom-images .slick-dots > li:first-child > button {
  margin-left: 0;
}
.nightForYouCampaign .bottom-images .slick-dots > li.slick-active > button {
  background: #a1a1a1;
  cursor: default;
}
.ghostStickyBar {
  height: 52px;
  width: 100%;
}
.nightForYouStickyBar {
  height: 52px;
  line-height: 52px;
  background-color: #0c2340;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
}
.nightForYouStickyBar .container {
  max-height: 52px;
}
.nightForYouStickyBar .container > div {
  display: inline-block;
}
.nightForYouStickyBar .event-title {
  float: left;
  margin-left: 2%;
  color: #fff;
  font-size: 24px;
}
.nightForYouStickyBar .event-title picture img {
  width: 120px;
  height: auto;
}
.nightForYouStickyBar .event-description {
  float: right;
  margin-right: 5px;
  color: #fff;
  font-size: 16px;
}
.nightForYouStickyBar .event-description .subtitle {
  display: inline-block;
}
.nightForYouStickyBar .event-description .eventlink {
  display: inline-block;
}
.nightForYouStickyBar .event-description a.arrowBtn {
  margin-left: 40px;
  color: #ffc035;
  font-size: 16px;
  font-weight: 400;
  background-size: 10px;
  background: transparent url(/images/img-2018/Common/arrow.png) no-repeat
    center right 12px/10px auto;
}
.nightForYouStickyBar #closeStickyBar {
  z-index: 99999;
  display: none;
  cursor: pointer;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(/images/campaigns/2018-night-for-you/close.png) no-repeat
    center;
}
#reviewsPage h1 {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 20px;
}
#reviewsPage ul#ReviewItemUl {
  width: 90%;
  font-size: 16px;
}
#reviewsPage ul#ReviewItemUl figure {
  text-align: center;
}
#reviewsPage ul#ReviewItemUl > li {
  border-bottom: 1px solid #dbdbdb;
  padding: 10px;
}
#reviewsPage ul#ReviewItemUl > li > div:first-of-type {
  font-style: normal;
}
#reviewsPage ul#ReviewItemUl > li:last-of-type {
  border: 0;
}
#reviewsPage ul#ReviewItemUl > li h3 {
  text-transform: uppercase;
  font-weight: 300;
  margin: 5px 0 5px 0;
  text-align: center;
  font-size: 30px;
}
#reviewsPage ul#ReviewItemUl > li h4 {
  font-weight: 300;
  text-align: center;
  margin: 0 0 5px 0;
  font-size: 16px;
}
#reviewsPage .content {
  padding-left: 7%;
  padding-bottom: 20px;
}
#reviewsPage ul.pagination {
  display: block;
  padding: 0;
  margin: 20px auto;
  overflow: hidden;
  width: 235px;
}
#reviewsPage ul.pagination li {
  display: inline;
}
#reviewsPage ul.pagination li a {
  color: #000;
  float: left;
  padding: 4px 8px;
  margin-right: 2px;
  border: 1px solid #dadada;
  text-decoration: none;
}
#reviewsPage ul.pagination li a.active {
  border: 1px solid #ffc13a;
}
#reviewsPage ul.pagination li a:hover:not(.active) {
  background-color: #ddd;
}
#reviewsPage .loading {
  background-image: url(/images/img-2018/Common/loading.gif);
  background-size: 32px 32px;
}
.shopBadgesCol {
  float: left;
  clear: left;
}
#style-examples {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none;
  position: relative;
}
#style-examples li {
  background: #fff;
  text-align: left;
  padding: 0 100px;
  display: none;
  margin: 0;
}
#style-examples li#liSubcattext_41 {
  padding: 0;
}
#style-examples li#liSubcattext_41 figure {
  position: relative;
}
#style-examples li#liSubcattext_41 figure img {
  float: none;
  margin: 0;
}
#style-examples li#liSubcattext_41 figure > figcaption {
  color: #fff;
  position: absolute;
  z-index: 1;
  bottom: 0%;
  right: 0;
  left: 0;
  width: 90%;
  margin: 5% auto;
}
#style-examples li#liSubcattext_41 figure > figcaption h4,
#style-examples li#liSubcattext_41 figure > figcaption .h4 {
  font-size: 28px;
  margin-top: 0;
  text-shadow: 0 0;
}
#style-examples li#liSubcattext_41 figure > figcaption hr {
  border: 2px solid #fff;
  margin-bottom: 15px;
}
#style-examples li#liSubcattext_41 figure > figcaption p {
  font-size: 14px;
  margin-bottom: 0;
}
#style-examples .left {
  float: left;
  width: 560px;
}
#style-examples h4,
#style-examples .h4 {
  font-weight: 300;
  font-size: 24px;
  margin-top: 40px;
}
#style-examples p {
  font-weight: 300;
  font-size: 15px;
}
#style-examples img {
  float: right;
  margin: 30px 0;
}
#styles .opener {
  cursor: pointer;
  position: absolute;
  right: 5%;
  top: 0;
  height: 25px;
  font-size: 12px;
  z-index: 1;
}
#styles .opener .arrow {
  background: url(../Symbols/OpenerArrow.png) no-repeat 0 -25px;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 8px;
  vertical-align: middle;
}
#styles .opener.opened .arrow {
  background-position: 0 0;
}
#style-examples li p > a {
  font-weight: 600;
}
#styles .filter2 {
  border-bottom: 1px solid #ccc;
  padding: 0 5%;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
#styles .filter2 .list {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#styles .filter2 li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 23px 0 0;
}
#styles .filter2 li.active {
  position: relative;
}
#styles .filter2 a {
  color: #000;
  display: block;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  text-decoration: none;
}
#styles .filter2 li.active > a,
.no-touch #styles .filter2 a:hover,
#step-1 .filter .active {
  color: #ffa200;
}
#styles .filter2 a.short {
  padding: 0 0 0 49px;
  background-size: 40px;
}
#rings-area #noProductsHolder,
#rings-area.noProducts #mainslider,
#rings-area.noProducts #step-2 {
  display: none;
}
#rings-area #step-2 #customerReviewsTab {
  margin-top: 30px;
}
#rings-area.noProducts .quote2 {
  margin-top: 0;
}
#rings-area.noProducts #noProductsHolder {
  display: block;
  overflow: hidden;
  padding: 0 20px 0;
  height: 400px;
}
#rings-area.noProducts #noProductsHolder .textHolder {
  top: 50%;
  transform: translateY(-50%);
}
#rings-area.noProducts #noProductsHolder p {
  font-size: 18px;
}
#rings-area.noProducts #noProductsHolder h2,
#rings-area.noProducts #noProductsHolder .h2 {
  font-size: 54px;
  font-style: italic;
  font-weight: normal;
}
#rings-area.noProducts #noProductsHolder h3,
#rings-area.noProducts #noProductsHolder .h3 {
  font-size: 36px;
}
#rings-area .quote2 {
  border: 0 none;
  padding: 0;
}
#rings-area .quote2 h1 {
  margin-bottom: 20px;
  font-size: 3.6em;
  padding-top: 20px;
  border-top: 3px solid #dbdbdb;
}
#rings-area .quote2 p {
  padding: 0 5%;
}
#rings-area #mainslider {
  min-height: 220px;
  margin-bottom: 20px;
  max-height: 230px;
  transition: max-height 1s;
}
#rings-area #mainslider .slide .link {
  display: none;
  width: 95px;
  padding: 10px 12px 10px 12px;
  color: #fff;
  background-color: #666;
  font-size: 14px;
  margin: 10px auto 0;
  text-transform: uppercase;
}
#rings-area #mainslider .slide:hover .link {
  display: inline-block;
}
#rings-area #mainslider.gridList {
  max-height: 1500px;
}
#rings-area #mainslider.gridList .productSliderSlides .slide {
  float: left;
  width: 25% !important;
  margin: 0;
  padding: 0;
  min-height: 250px;
}
#rings-area #mainslider.gridList > a {
  display: none;
}
#step-1 .options {
  clear: both;
  display: block;
  margin: 0 0 30px;
  overflow: hidden;
  width: 100%;
}
#step-1 .options h4,
#step-1 .options .h4 {
  color: #333;
  font-size: 14pt;
  line-height: 24px;
  padding: 0 0;
}
#step-1 .options .shapes-list,
ul.shapes-list {
  clear: both;
  display: block;
  margin: 0 0;
  overflow: hidden;
  padding: 0 0;
  width: 100%;
}
#step-1 .options .shapes-list li,
ul.shapes-list li {
  display: inline-block;
  list-style: none;
  margin: 0 1px 0 0;
  cursor: pointer;
}
#step-1 .options .shapes-list a,
ul.shapes-list a {
  background-image: url(../icons/DiamondShapes.png);
  background-repeat: no-repeat;
  display: block;
  font-size: 1px;
  height: 44px;
  width: 44px;
  line-height: 1px;
  overflow: hidden;
  text-indent: -9999em;
  border: 0;
}
.no-touch #step-1 .options .shapes-list a:hover {
  background-color: #fecc5b;
}
#step-1 .options .shapes-list .active {
  background-color: #fecc5b;
}
#step-1 .options .shapes-list #shape-1,
ul.shapes-list #sha_1,
ul.shapes-list #sha_gem_4 {
  background-position: 5px 5px;
}
#step-1 .options .shapes-list #shape-2,
ul.shapes-list #sha_2,
ul.shapes-list #sha_gem_3 {
  background-position: -40px 5px;
}
#step-1 .options .shapes-list #shape-3,
ul.shapes-list #sha_3,
ul.shapes-list #sha_ {
  background-position: -84px 5px;
}
#step-1 .options .shapes-list #shape-4,
ul.shapes-list #sha_4,
ul.shapes-list #sha_ {
  background-position: -127px 5px;
}
#step-1 .options .shapes-list #shape-5,
ul.shapes-list #sha_5,
ul.shapes-list #sha_gem_6 {
  background-position: -170px 5px;
}
#step-1 .options .shapes-list #shape-6,
ul.shapes-list #sha_6,
ul.shapes-list #sha_gem_1 {
  background-position: -215px 5px;
}
#step-1 .options .shapes-list #shape-7,
ul.shapes-list #sha_7,
ul.shapes-list #sha_gem_5 {
  background-position: -258px 5px;
}
#step-1 .options .shapes-list #shape-8,
ul.shapes-list #sha_8,
ul.shapes-list #sha_gem_7 {
  background-position: -302px 5px;
}
#step-1 .options .shapes-list #shape-9,
ul.shapes-list #sha_9,
ul.shapes-list #sha_gem_8 {
  background-position: -347px 5px;
}
#step-1 .options .shapes-list #shape-10,
ul.shapes-list #sha_10,
ul.shapes-list #sha_gem_9 {
  background-position: -390px 5px;
}
ul.shapes-list #sha_gem_2 {
  background-position: -428px 5px;
}
#step-1 .options .shapes-list:not(.mengagementShapes) li a.inactive:after,
ul.shapes-list:not(.mengagementShapes) li a.inactive:after {
  opacity: 0.6;
  content: "";
  display: block;
  background-color: #fff;
  height: 100%;
}
#step-1 {
  clear: both;
  display: block;
  overflow: hidden;
  text-align: left;
}
#step-1 .results {
  float: right;
  margin-bottom: 20px;
}
#step-1 .monologueContainer {
  width: 75%;
}
#step-1 .monologueContainer + #Divshapes {
  display: none;
}
#step-1 .monologueInitials {
  margin-top: 40px;
  margin-bottom: 25px;
}
#step-1 .monologueInitials .moveProductSlider {
  font-size: 20px;
  cursor: pointer;
  padding: 5px 3px;
  display: inline-block;
}
#step-1 .monologueInitials .moveProductSlider.active {
  color: #222;
  background-color: #ffb002;
}
#step-1 .monologueInitials .moveProductSlider:hover {
  color: #ffb002;
}
#step-1 .monologueInitials .moveProductSlider:last-of-type {
  margin-right: 60px;
}
#step-1 .h4 {
  color: #333;
  font-size: 14pt;
  line-height: 24px;
}
#step-1 #moveProductSelect,
.monologueInitialsSelect {
  margin: auto;
  height: 26px;
  text-align: center;
  width: 100px;
}
#step-1 #moveProductSelect > option {
  padding: 5px;
  border-bottom: 1px solid #222;
  cursor: pointer;
  font-weight: 600;
}
#step-1 .filter #productCount {
  font-size: 14px;
  background: url(../Symbols/Grid_Small.jpg) no-repeat -26px 0;
  padding-left: 35px;
  height: 26px;
  line-height: 26px;
  cursor: pointer;
  margin-right: 70px;
  display: inline-block;
}
#step-1 .filter #productCount:hover {
  background-position: -26px -26px;
}
#step-1 .options select {
  width: 150px;
  font-size: 14px;
  margin-top: 5px;
}
#step-1 .filter ul li.gridFix {
  margin-right: 70px !important;
}
#step-1 .filter .grids .grid16 {
  background-position: -26px 0;
}
#step-1 .filter .grids a {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background: url(../Symbols/Grid_Small.jpg) no-repeat 0 0;
  font-size: 1px;
  height: 26px;
  line-height: 1px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999em;
  width: 26px;
}
#step-1 .filter .grids .gridFix #productCount {
  float: right;
  text-align: left;
  font-size: 10pt;
  line-height: 10pt;
}
a.linkSelectMetal {
  cursor: pointer;
}
a.linkSelectMetal:hover {
  color: #ffa200;
}
a.linkSelectMetal > div.metalColor {
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  float: left;
  margin-right: 5px;
}
a.linkSelectMetal.active > div.metalColor {
  border: 1px solid #ffa200;
}
#divMetalsGrid div.MetalContainer {
  display: inline-block;
  text-align: left;
}
#divMetalsGrid div.MetalContainer ul.metalsHolder {
  margin: 0 auto 2px auto;
  padding: 0;
  height: 40px;
  text-align: center;
  white-space: nowrap;
}
#divMetalsGrid div.MetalContainer ul.metalsHolder li {
  display: inline-block;
}
#rings-area .metalsHolder.loading {
  position: relative;
}
#rings-area .metalsHolder.loading:after {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;
  position: absolute;
}
#Divshapes #selectedShapeName,
#divMetalsGrid div.MetalContainer span#selectedMetalLabel {
  font-size: 1.5em;
  color: #878787;
}
#Divshapes .shapes-list > li {
  text-align: center;
}
#Divshapes .shapes-list > li > a + span {
  font-size: 12px;
  color: #878787;
  opacity: 0;
  transition: opacity 0.5s;
}
#Divshapes .shapes-list > li:hover > a + span,
#Divshapes .shapes-list > li > a.active + span {
  opacity: 1;
}
#Divshapes {
  display: block;
  padding: 0;
  margin-bottom: 10px;
}
#Divshapes > h4 {
  margin-bottom: 7px;
}
#step-2 {
  clear: both;
  display: block;
  margin-top: 20px;
  text-align: left;
}
#step-2 .two-colls-panel {
  clear: both;
  display: block;
  padding: 0 0 20px 0;
  width: 100%;
}
#step-2 .col-lhs460 {
  float: left;
  width: 48%;
}
#step-2 .col-rhs480 {
  float: right;
  width: 48%;
}
#step-2 .similar-items {
  clear: both;
  display: block;
  overflow: hidden;
  width: 100%;
}
#step-2 .similar-items h3 {
  display: block;
  font-size: 24px;
  line-height: 30px;
  margin: 0;
  padding: 0 0 10px 0;
  text-align: center;
  text-transform: none;
}
#step-2 .similar-items .list {
  clear: both;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
#step-2 .similar-items .list li {
  float: left;
  list-style: none;
  margin: 0;
  min-height: 200px;
  padding: 0 5px 0 10px;
  width: 180px !important;
}
#step-2 .similar-items .list .thumb {
  clear: both;
  display: block;
  min-height: 120px;
  overflow: hidden;
}
#step-2 .similar-items .list img {
  float: left;
}
#step-2 .similar-items .list .txt {
  clear: both;
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
#step-2 .similar-items .list .h-h5 {
  color: #333;
  display: block;
  font-size: 16px;
  line-height: 21px;
  margin: 0;
  padding: 0 0 2px 0;
}
#step-2 .similar-items .list .h-h6 {
  color: #333;
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin: 0;
  padding: 0 0 10px 0;
}
#step-2 .similar-items .list .link {
  clear: both;
  display: block;
  overflow: hidden;
  text-decoration: none;
}
#step-2 .similar-items .list .link:hover .h-h5,
#step-2 .similar-items .list .link:hover .h-h6 {
  color: #ffa200;
}
#step-2 .action-btns {
  display: block;
  padding: 0 0 20px 0;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#step-2 .action-btns .bigbtn {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px;
  display: block;
}
#step-2 .action-btns .bigbtn span {
  background: #ffc13a;
  margin: 0 auto;
  color: #000;
  width: 60%;
  display: block;
  font-size: 16pt;
  height: 40px;
  line-height: 40px;
  padding: 5px 0;
}
#step-2 .action-btns .box {
  background: #fff url(../icons/CaretDown.png) no-repeat right
    10px center;
  cursor: pointer;
  margin: 0 auto;
  border: 1px solid #999;
  min-height: 48px;
  overflow: hidden;
  text-align: center;
  width: 60%;
  padding: 0;
}
#step-2 .action-btns .box h5,
#step-2 .action-btns .box .h5 {
  color: #000;
  display: block;
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  padding: 5px 0 0 0;
  text-transform: uppercase;
}
#step-2 .action-btns .box .link {
  color: #000;
  display: block;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  max-width: 100%;
  border: 0;
}
#step-2 .action-btns .bigbtn span:hover,
#financePopup .bigbtn span:hover {
  background: #666 none repeat scroll 0 0;
  color: #fff;
}
#step-2 .action-btns .bigbtnGrey span,
#financePopup .bigbtnGrey span {
  background: #666 none repeat scroll 0 0 !important;
  color: #fff !important;
}
@media (min-width: 769px) and (max-width: 1030px) {
  #step-2 .action-btns .box h5,
  #step-2 .action-btns .box .h5 {
    font-size: 1.5vw;
  }
  #step-2 .action-btns .box .link label {
    font-size: 1.4vw;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  #step-2 .action-btns .box h5,
  #step-2 .action-btns .box .h5 {
    font-size: 2.2vw;
  }
  #step-2 .action-btns .box .link label {
    font-size: 1.9vw;
  }
}
@media (max-width: 480px) {
  #step-2 .action-btns .financeOptionsText {
    float: none;
  }
  #step-2 .action-btns .box h5,
  #step-2 .action-btns .box .h5 {
    font-size: 4vw;
  }
  #step-2 .action-btns .box .link label {
    font-size: 3.4vw;
  }
}
@media (min-width: 481px) {
  #step-2 .action-btns .financeOptionsLogo {
    display: inline-block;
    line-height: 46px;
    width: 20%;
  }
  #step-2 .action-btns .financeOptionsLogo img {
    max-width: 100%;
  }
  #step-2 .action-btns .financeOptionsText {
    display: inline-block;
    width: 70%;
    float: left;
  }
}
#financePopup .bigbtn {
  font-weight: bold;
  background: #ffa200;
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 60%;
  text-decoration: none;
}
#financePopup .bigbtn span {
  background: #ffc13a;
  clear: both;
  color: #000;
  width: 100%;
  display: block;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
}
#step-2 .action-btns2 {
  float: left;
  display: block;
  overflow: hidden;
  padding: 20px 0 25px 0;
  width: 50%;
}
#step-2 .action-btns2 .btn {
  float: left;
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  margin-bottom: 13px;
}
#step-2 .action-btns2 .btn span {
  background: #ccc;
  clear: both;
  color: #fff;
  width: 100%;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
#step-2 .action-btns2 .btn span:hover {
  background: #666;
  color: #fff;
}
#step-2 .gallery {
  clear: both;
  display: block;
  height: auto;
  overflow: hidden;
  padding: 0 0 30px 0;
  position: relative;
  width: 100%;
  background: #fff;
}
#step-2 .gallery .z-content {
  overflow: visible;
}
#step-2 .gallery .z-auto-g {
  padding: 0;
  margin: 0 10px;
  height: 90px;
  overflow-x: auto;
}
#step-2 .gallery .slider {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 99%;
  height: 388px;
}
#step-2 .gallery .slider li {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100% !important;
  display: block;
  background: #fff;
  position: absolute;
  bottom: 0;
}
#step-2 .gallery .slider li label {
  display: block;
  text-align: center;
  font-size: 0.8em;
}
#step-2 .iframeHolder > iframe {
  width: 350px;
  height: 355px;
  overflow: hidden;
}
#step-2 .galleryImage {
  border: 1px solid #ccc;
  position: relative;
  height: 360px;
  padding: 30px 0;
  overflow: hidden;
}
#step-2 .galleryImage .slick-list {
  overflow: visible;
}
#step-2 .galleryImage #image360-reel {
  z-index: 2;
  position: relative;
  margin-top: -30px !important;
}
#step-2 .galleryImage #image360-reel #image360 {
  max-width: none !important;
}
#step-2 .galleryImage #image360-reel #temp360Text {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#step-2 .galleryImage > #zoom {
  background: url(../icons/MagnifyingGlass.png) no-repeat;
  bottom: 60px;
  height: 40px;
  position: absolute;
  right: 35px;
  width: 40px;
  z-index: 998;
}
#step-2 .galleryImage .productImageLabel {
  position: absolute;
  width: 100%;
  bottom: 5px;
  left: 0;
  font-size: 13px !important;
  display: inline-block;
  margin-top: 8px;
  z-index: 1;
}
#step-2 .galleryImage .product1ctDisclaimer {
  font-size: 13px;
  text-align: center;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 15px;
}
#step-2 .galleryImage .carrousel_left,
#step-2 .galleryImage .carrousel_right {
  width: 30px;
  height: 60px;
  padding: 20px;
}
#step-2 .galleryImage .videoPlayer {
  line-height: 270px;
}
#step-2 .galleryImage video {
  max-width: 100%;
  vertical-align: middle;
}
#galleryImages img {
  position: relative;
  margin: 0 auto;
  max-height: 300px;
  top: 160px;
  padding-bottom: 10px;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: url(../icons/MagnifyingGlass.png), zoom-in;
}
#galleryImages img.imgBig {
  max-height: 300px;
  cursor: default;
}
ul#videoThumbnails li {
  width: 69px;
  height: 69px;
}
.video_bracelet {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_cocktail {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_earrings {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_eng {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_eng:hover {
  background-position: 0 -51px;
}
.video_et {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_neck {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_wedd360 {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_360 {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_wedd {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
#step-2 .tabs-panel {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 0 0 20px 0;
  position: relative;
  width: 100%;
}
#step-2 .tabs-panel .tabs {
  clear: both;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  z-index: 9999;
}
#step-2 .tabs-panel .tabs li {
  float: left;
  font-size: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#step-2 .tabs-panel .tabs a {
  border: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  color: #000;
  display: block;
  font-size: 15px;
  height: 28px;
  line-height: 28px;
  margin: 0;
  overflow: hidden;
  padding: 0 10px;
  text-decoration: none;
}
#step-2 .tabs-panel .tabs a:hover {
  color: #eca248;
}
#step-2 .tabs-panel .tabs .active a {
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  color: #eca248;
}
#step-2 .tabs-panel .tab_container {
  border: 1px solid #ccc;
  clear: both;
  display: block;
  margin: -1px 0 0 0;
  overflow: hidden;
  padding: 20px;
  z-index: 9;
}
#step-2 .tabs-panel .pic {
  float: left;
  width: 220px;
}
#step-2 .tabs-panel .txt {
  float: right;
  padding: 15px 0 0 0;
  width: 185px;
}
#step-2 .tabs-panel h4 {
  display: block;
  font-size: 18px;
  line-height: 32px;
  margin: 0;
  padding: 0 0 5px 0;
}
#step-2 .tabs-panel p {
  display: block;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
#step-2 .social-box {
  clear: both;
  display: block;
  padding: 0 0 10px 0;
  position: relative;
  background: #fff;
}
#step-2 .topBox {
  display: table;
  width: 100%;
}
#step-2 .topBox li {
  display: table-cell;
  vertical-align: top;
}
#step-2 .topBox > li:nth-child(2) {
  padding-top: 5px;
}
#step-2 .topBox li a {
  margin: 0;
}
@media (max-width: 1100px) {
  #step-2 .topBox li a.smallBtn {
    font-size: 12px;
    padding: 4px 8px;
  }
}
#step-2 .social-box .social {
  float: left;
  margin: 10px 0 0 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
#step-2 .social-box .social li {
  color: #666;
  float: left;
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 0 8px 0 0;
}
#step-2 .social-box .social a {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  width: 21px;
  background-color: transparent !important;
  transform: initial;
  text-align: center;
}
#step-2 .social-box .social a:before {
  font-family: "FontAwesome";
  color: #5e5e5e;
  font-size: 20px;
}
#step-2 .social-box .social a:hover:before {
  color: #fecc5b;
}
#step-2 .social-box .social .fb:before,
#step-2
  .social-box
  .social
  li.sharethis
  .addthis_sharing_toolbox
  a.at-svc-facebook:before {
  content: "";
}
#step-2 .social-box .social .twitter:before,
#step-2
  .social-box
  .social
  li.sharethis
  .addthis_sharing_toolbox
  a.at-svc-twitter:before {
  content: "";
}
#step-2 .social-box .social .gplus:before,
#step-2
  .social-box
  .social
  li.sharethis
  .addthis_sharing_toolbox
  a.at-svc-google_plusone_share:before {
  content: "";
}
#step-2 .social-box .social .pintrest:before,
#step-2
  .social-box
  .social
  li.sharethis
  .addthis_sharing_toolbox
  a.at-svc-pinterest_share:before {
  content: "";
}
#step-2 .social-box .social .link-favo:before {
  content: "";
  font-size: 18px;
}
#step-2 .social-box .social li.sharethis {
  margin-left: 0;
  padding-right: 0;
}
#step-2
  .social-box
  .social
  li.sharethis
  .addthis_sharing_toolbox
  a.at-share-btn {
  width: 22px;
  height: 20px;
  float: left;
  cursor: pointer;
  margin: 0 4px 0 0;
}
#step-2 .social-box a:hover {
  color: #000;
  text-decoration: none;
}
#step-2 .at-share-tbx-element .at-share-btn:hover {
  transform: initial;
}
#step-2 .social-box #galleryMetalsHolder {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
#step-2 .social-box a.linkSelectMetal > div.metalColor {
  width: 19px;
  height: 18px;
}
#step-2 .content {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 0 0 25px 0;
  position: relative;
  width: 100%;
}
#step-2 .content .h1 {
  text-transform: none;
  color: #666;
  font-size: 28px;
  line-height: 34px;
  margin: 0;
  padding: 0 0 5px 0;
}
#step-2 .content > h2 {
  display: inline-block;
}
#step-2 .content > div.social-box {
  display: inline-block;
  float: right;
}
#step-2 .content p {
  display: block;
  color: #666;
  margin: 0;
  padding: 0;
}
#step-2 #contentWeddingBandControl {
  margin-bottom: 20px;
}
#step-2 .advice-box {
  border: 1px solid #ccc;
  clear: both;
  display: block;
  min-height: 100px;
  overflow: hidden;
  padding: 3px 0 0 26%;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
#step-2 .advice-box .pic {
  bottom: 0;
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 115px;
}
#step-2 .advice-box img {
  float: left;
}
#step-2 .advice-box h4 {
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  padding: 15px 0 0 0;
}
#step-2 .advice-box p {
  display: block;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
#step-2 .results {
  margin-top: 10px;
}
#step-2 .results .action {
  display: flex;
  justify-content: space-between;
}
#step-2 .results h4 {
  color: #000;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
  margin: 0 30px;
  padding: 0;
  max-width: 145px;
}
#step-2 .results .filterOptions {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px;
}
#step-2 .results .filterOptions:not(:first-child) {
  margin-left: 15px;
}
.orderReviewOuter {
  float: right;
  clear: right;
}
.orderReview {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 30px;
}
.orderReview h3 {
  padding: 5px;
  font-size: 2.4em;
  text-transform: none;
}
.orderReview #orderItems .itemDescription {
  text-align: center;
  font-size: 14px;
  margin: auto;
  width: 80%;
}
.orderReview #orderItems .itemDescription > div {
  width: 50%;
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.orderReview #orderItems .itemDescription > div.centered {
  float: none;
  margin: auto;
}
.orderReview #orderItems .itemDescription #orderInfo_ItemName,
.orderReview #orderItems #orderInfo_DiamondName {
  font-weight: 600;
  line-height: 20px;
}
.orderReview #orderItems .itemDescription .price {
  display: block;
}
.orderReview #orderItems .itemDescription > div.matchingPairs {
  width: 80%;
}
.orderReview #orderItems .itemDescription > div > div.imageWrapper {
  width: 100%;
  height: 120px;
  position: relative;
}
.orderReview
  #orderItems
  .itemDescription
  > div.matchingPairs
  > div.imageWrapper {
  height: auto;
  min-height: 80px;
  margin-top: 20px;
}
.orderReview #orderItems .itemDescription > div > div.imageWrapper > img {
  position: absolute;
  margin: auto;
  bottom: 15px;
  left: 0;
  right: 0;
  max-width: 110px;
  width: auto;
  max-height: 105px;
  height: auto;
}
.orderReview
  #orderItems
  .itemDescription
  > div
  > div.imageWrapper
  > img[src*="loading.gif"] {
  max-height: 40px;
}
.orderReview
  #orderItems
  .itemDescription
  > div.matchingPairs
  > div.imageWrapper
  > img {
  position: relative;
  margin: auto;
  display: inline-block;
}
.orderReview #orderItems .itemDescription > div > label {
  display: block;
  font-size: 1.3em;
}
.orderReview #orderItems .ringSize {
  padding: 20px 0;
  text-align: center;
  font-size: 1.5em;
}
.orderReview #orderItems .itemCost {
  display: block;
  text-align: center;
  font-size: 2.8em;
  padding: 30px 0 35px 0;
  clear: both;
}
.orderReview #orderItems .itemCost > br {
  font-size: 5px;
}
.orderReview #orderItems .itemCost span#vatDesc {
  font-size: 17px;
  display: block;
}
body#rings #shopBadgesHolder {
  display: none;
}
#dropdown-2 {
  position: absolute !important;
}
.parentDivTable {
  display: table;
  width: 100%;
}
.parentDivTableRow {
  display: table-row;
}
.parentDivTableCell {
  display: table-cell;
  border: 1px solid #ccc;
  border-width: 0 0 0 1px;
  width: 1%;
}
#step-2 .noTop {
  border-top: 0 !important;
}
#step-2 .orderReview h2,
#step-2 .orderReview .h2 {
  margin-top: 0;
  text-align: center;
}
#step-2 #columnTitle2 {
  text-align: center;
  display: block;
}
#step-2 #columnTitle2 span {
  display: inline;
}
#step-2 .topBox > li .btn {
  padding: 4px 6px;
}
#contentDiamondOptionsControl .action .link-extra:hover {
  text-decoration: underline;
}
.stars {
  padding-bottom: 5px;
}
#rings-area .infoBoxesShop > h5,
#rings-area .infoBoxesShop > .h5 {
  color: #3c3c3c;
  font-size: 2.3em;
}
#rings-area
  .rings-panel
  .filterControls
  .action-btns-Wrapper
  .action-btns
  #btnAddToShoppingBag {
  display: inline-block;
  width: 60%;
}
#rings-area
  .rings-panel
  .filterControls
  .action-btns-Wrapper
  .action-btns
  #btnAddToShoppingBag
  span {
  width: 100%;
  padding: 5px 0;
}
#ReviewItemUl {
  margin: 0;
  padding-right: 5px;
}
#ReviewItemUl li p {
  font-size: 14px;
  line-height: 22px !important;
}
#ReviewItemUl li {
  padding: 5px 0 25px 5px;
  color: #3c3c3c;
  font-style: italic;
  font-size: 12pt;
}
#ReviewItemUl li a {
  text-align: right;
  display: block;
  text-decoration: underline;
  margin-top: 3px;
}
#reviewsPage .content.reviewRowIncomplete > span.reviewRow,
#ReviewItemUl li.reviewRowIncomplete > span.reviewRow {
  max-height: 140px;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
#reviewsPage .content.reviewRowIncomplete,
#ReviewItemUl li.reviewRowIncomplete {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 20px;
  max-height: 185px;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  position: relative;
  text-align: justify;
}
#reviewsPage .content.reviewRowIncomplete {
  max-height: 165px;
}
#ReviewItemUl li.reviewRowIncomplete {
  width: 100%;
}
#reviewsPage .content.reviewRowIncomplete:after,
#ReviewItemUl li.reviewRowIncomplete:after {
  content: "";
  position: absolute;
  right: 0;
  width: 100%;
  height: 27px;
  bottom: 15px;
  background-color: #fff;
}
body.firefox #reviewsPage .content.reviewRowIncomplete:after,
body.firefox #ReviewItemUl li.reviewRowIncomplete:after {
  bottom: 18px;
}
#reviewsPage .content.reviewRowComplete,
#ReviewItemUl li.reviewRowComplete {
  text-align: justify;
  overflow: visible;
  display: inline-block;
  line-height: auto;
  max-height: auto;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
}
#ReviewItemUl li a.readAll {
  margin-bottom: 30px;
}
.boxInfoWrap {
  text-align: center;
  border: 1px solid #dadada;
  padding: 10px;
  width: 96%;
  margin: 40px auto 10px auto;
  font-size: 15px;
}
.boxInfoWrap .topBox {
  font-size: 2.2em;
}
.boldItalic {
  font-weight: bold;
  font-style: italic;
}
.boxInfoWrap .bottomBox {
  margin-top: 9px;
  font-size: 1.4em;
}
.boxInfoWrap .bottomBox > div {
  display: inline-block;
}
.boxInfoWrap .bottomBox > div.right {
  margin-left: 10px;
}
#freeDeliveryBox__control {
  text-align: center;
  border: 1px solid #dadada;
  padding: 10px;
  width: 100%;
  margin: 10px auto;
  font-size: 15px;
}
#checkoutPage2017 #freeDeliveryBox__control {
  padding: 20px;
}
#freeDeliveryBox__control .BoxTitle {
  font-size: 26px;
  font-weight: 600;
}
#checkoutPage2017 #freeDeliveryBox__control .BoxTitle,
#shoppingBag2017 #freeDeliveryBox__control .BoxTitle {
  font-size: 20px;
  line-height: 1.2;
}
#freeDeliveryBox__control .BoxTitle[data-country="uk"] .non-uk {
  display: none;
}
#freeDeliveryBox__control .BoxTitle[data-country="non-uk"] .uk {
  display: none;
}
#freeDeliveryBox__control .BoxSubtitle {
  margin-top: 12px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0 10px;
}
#freeDeliveryBox__control .BoxSubtitle.hideSubtitle {
  display: none;
}
#shoppingBag2017 #freeDeliveryBox__control {
  margin-top: 10px;
}
#freeDeliveryBox__control .BoxSubtitle .h4 {
  font-size: 20px;
  padding: 0 14px;
}
#checkoutPage2017 #freeDeliveryBox__control .BoxSubtitle .h4,
#shoppingBag2017 #freeDeliveryBox__control .BoxSubtitle .h4 {
  font-size: 16px;
}
#freeDeliveryBox__control .BoxSubtitle .arrowDown {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 7px;
  background: #fff url(../icons/BlackArrowDown.png) no-repeat;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  cursor: pointer;
}
#freeDeliveryBox__control .BoxSubtitle .arrowDown.active {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#freeDeliveryBox__control .BoxAdditionalText {
  margin-top: 30px;
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .h2 {
  font-size: 16px;
  color: inherit;
  text-transform: uppercase;
  font-weight: 600;
}
#checkoutPage2017 #freeDeliveryBox__control .BoxAdditionalText .h2,
#shoppingBag2017 #freeDeliveryBox__control .BoxAdditionalText .h2 {
  font-size: 14px;
  text-transform: none;
}
#checkoutPage2017
  #freeDeliveryBox__control
  .BoxAdditionalText
  .h2::first-letter,
#shoppingBag2017
  #freeDeliveryBox__control
  .BoxAdditionalText
  .h2::first-letter {
  text-transform: uppercase;
}
#freeDeliveryBox__control .BoxAdditionalText .p {
  font-size: 16px;
  margin-bottom: 0;
}
#freeDeliveryBox__control .BoxAdditionalText a {
  text-decoration: underline;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="uk"] .eu {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="uk"] .de {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="uk"] .row {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="eu"] .uk {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="eu"] .de {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="eu"] .row {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="de"] .uk {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="de"] .eu {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="de"] .row {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="row"] .uk {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="row"] .eu {
  display: none;
}
#freeDeliveryBox__control .BoxAdditionalText .p[data-country="row"] .de {
  display: none;
}
#checkoutPage2017 #freeDeliveryBox__control .BoxAdditionalText .p,
#shoppingBag2017 #freeDeliveryBox__control .BoxAdditionalText .p {
  font-size: 14px;
}
#step-2 .tab2-select {
  clear: both;
  display: block;
  margin: 0 0 0 0;
  overflow: hidden;
  padding: 0 0 15px 0;
  width: 100%;
  box-sizing: border-box;
}
#step-2 .tab2-select table {
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
#step-2 .tab2-select table tr {
  height: auto;
  margin: 0;
  padding: 0;
}
#step-2 .tab2-select table td {
  color: #333;
  font-size: 1.1em;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
#step-2 .tab2-select > div > table {
  border: 0;
}
#step-2 .tab2-select > div > table > tbody > tr > td {
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px;
  height: 100%;
}
table.diamond_control_clarity_container td {
  border: 1px solid #ccc;
  border-width: 0 1px 1px 1px;
}
#step-2 .slider-bar {
  clear: both;
  display: block;
  height: 28px;
  margin: 0;
  overflow: hidden;
  padding: 0 86px 0 60px;
  position: relative;
  border-left: 1px solid #ccc;
}
#step-2 .slider-bar .ui-slider-range {
  background: #fc6;
}
#step-2 .slider-bar .ui-slider {
  margin: 7px 0 0 0;
}
#step-2 .slider-bar .noUi-horizontal .noUi-handle {
  margin-left: -10px;
  cursor: pointer;
}
#step-2 .slider-bar .value-lhs {
  display: block;
  left: 0;
  overflow: hidden;
  padding: 0 0 0 6px;
  position: absolute;
  top: 0;
  width: 55px;
}
#step-2 .slider-bar .value-rhs {
  display: block;
  overflow: hidden;
  padding: 0 6px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}
#step-2 .slider-bar .fld-v {
  border: 0;
  margin: 0;
  padding: 0;
  height: 28px;
  line-height: 28px;
  background-color: transparent;
}
#step-2 .slider-bar .value-lhs .fld-v {
  width: 55px;
}
#step-2 .slider-bar .value-rhs .fld-v {
  width: 80px;
  text-align: right;
}
#step-2 .tab-list {
  float: left;
  margin-bottom: 5px;
  margin-top: 10px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
#step-2 .tab-list #when_loading_diamonds {
  height: 45px;
  left: 0;
  right: 0;
  top: 25%;
  bottom: 0;
  position: absolute;
  text-align: center;
  z-index: 9;
}
#step-2 .tab-list .action .compareBtn {
  margin: 0 0 0 10px !important;
  padding: 6px 10px;
  font-size: 14px;
  float: right;
  transition: background-color 0.5s;
}
#step-2 .tab-list .action .compareBtn.inactive {
  background-color: #dbdbdb;
  color: #999;
  pointer-events: none;
}
#thumbActualVideo {
  position: relative;
}
#thumbActualVideo:before {
  content: "";
  font-family: Fontawesome;
  font-size: 60px;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 2px #333;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  transition: color 0.5s ease, text-shadow 0.5s ease;
  font-size: 24px;
  height: 20px;
  z-index: 9;
}
#thumbActualVideo:hover:before {
  color: #666;
  text-shadow: 0 0 0 #333;
}
.btnAddDiamondToJewlery {
  display: none;
}
.csArrow {
  margin-right: 0;
}
.action-btns {
  display: none;
}
#step-2 .action-btns2 .bigbtn {
  width: 98%;
}
#rings-area .acc-heading.h-diamond {
  background: none repeat scroll 0 0 #000;
}
#step-2 .social-box .link-addto {
  text-align: center;
}
#slider-range-1,
#slider-range-2,
#slider-range-3,
#slider-range-4 {
  width: 140%;
}
#slider-range-1,
#slider-range-2,
#slider-range-3,
#slider-range-4 {
  width: 140%;
}
.paging_options select {
  width: 50px;
  height: 23px;
}
#step-2 .tab-list .width1 {
  width: 5%;
}
#step-2 .tab-list .width2 {
  width: 10%;
}
#step-2 .tab-list .width3 {
  width: 10%;
}
#step-2 .tab-list .width4 {
  width: 10%;
}
#step-2 .tab-list .width5 {
  width: 10%;
}
#step-2 .tab-list .width6 {
  width: 10%;
}
#step-2 .tab-list .width7 {
  width: 10%;
}
#step-2 .tab-list .width8 {
  width: 10%;
}
#step-2 .tab-list .width9 {
  width: 5%;
}
.tab-list > table thead > tr {
  display: block;
}
.tab-list > table tbody {
  display: block;
  overflow-x: hidden;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#step-2 .tab-list .action {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 10px 0;
}
#step-2 .action .search {
  position: relative;
  flex: 1;
  border: 1px solid #ccc;
  display: inline-block;
  padding-right: 24px;
  box-sizing: border-box;
  float: left;
}
#step-2 .action .fld {
  border: 0;
  color: #999;
  float: left;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  width: 100%;
}
#step-2 .action .btn-search {
  position: absolute;
  right: 1px;
  background: #fff url(../icons/SearchButton.jpg) no-repeat 2px
    1px;
  height: 24px;
  width: 24px;
  border-left: 1px solid #ccc;
}
#step-2 .tab-list .action .link-compare:hover {
  text-decoration: underline;
}
@media (max-width: 480px) {
  #step-2 .action .search {
    width: 50%;
  }
  #step-2 .action .fld {
    padding: 0 3px;
    font-size: 13px;
  }
}
@media (min-width: 481px) {
  #step-2 .content > div.social-box {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 481px) and (max-width: 1030px) {
  #step-2 .content p.h1 {
    max-width: 60%;
  }
}
@media (max-width: 1030px) {
  #step-2 .action .search {
    float: right;
  }
}
@media (min-width: 1031px) {
  #step-2 .content p.h1 {
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  .checkout2017 .diamondInfoToggle {
    white-space: normal;
  }
}
#step-2 .tab-list .box-popup {
  z-index: 99;
  height: 365px;
  left: -235px;
  overflow: hidden;
  padding: 15px 28px 15px 16px;
  position: absolute;
  top: 0;
  width: 190px;
}
#step-2 .box-popup h4 {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
  padding: 0 0 10px 0;
}
#step-2 .box-popup h5 {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
#step-2 .box-popup p {
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 0 0 8px 0;
}
#step-2 .box-popup .btn {
  font-size: 10px;
  margin: 0;
  width: 100%;
  text-align: center;
  padding: 6px 0;
  margin-bottom: 5px;
}
#step-2 .box-popup .tab {
  clear: both;
  display: block;
  overflow: hidden;
  padding: 0 0 5px;
  text-align: left;
  width: 100%;
}
#step-2 .box-popup .tab table {
  border: 0;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
#step-2 .box-popup .tab table tr {
  height: auto;
  margin: 0;
  padding: 0;
}
#step-2 .box-popup .tab table td {
  border: 0;
  color: #000;
  font-size: 12px;
  height: auto;
  line-height: 16px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#step-2 .box-popup .tab table a {
  color: #000;
}
#step-2 .box-popup .tab table tr:hover td {
  background: none;
  cursor: default;
}
#imageThumbnails li {
  position: relative;
  display: inline-block;
  width: 69px;
  height: 69px;
}
#imageThumbnails li img {
  height: 100%;
  object-fit: cover;
}
#slidethumbs {
  width: 100%;
  float: left;
  margin-top: 3px;
}
#slidethumbs .compare-carat-btn {
  float: right;
  width: 59px;
  height: 59px;
  margin-left: 3px;
  padding: 5px;
  text-align: center;
  background: #dbdbdb;
}
#slidethumbs .compare-carat-btn img {
  width: 30px;
}
#slidethumbs .compare-carat-btn p {
  font-size: 12px;
  margin-top: 1px;
  line-height: 1.2;
  color: #000;
}
#slidethumbs ul#galleryAccordion > li {
  height: auto;
}
#imageThumbnails .centeredContent {
  margin: auto;
  position: absolute;
  z-index: 9;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
  -moz-transform: perspective(1px) translateY(-50%);
  -ms-transform: perspective(1px) translateY(-50%);
  -o-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
  bottom: auto;
}
#galleryAccordion {
  display: flex;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#galleryAccordion > li {
  float: left;
  width: 28px;
  overflow: hidden;
  height: 70px;
}
#galleryAccordion > li {
  width: 100%;
  overflow: visible;
}
#galleryAccordion li:not(:empty) {
  width: auto;
  min-width: 69px;
  max-width: 100%;
}
#galleryAccordion li#video:first-of-type {
  margin-right: 4px;
}
#galleryAccordion > li > h3,
#galleryAccordion > li > .h3 {
  display: none;
}
#galleryAccordion > li > div {
  height: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  transition: max-width 0.5s ease;
}
#galleryAccordion ul.thumbnails {
  white-space: nowrap;
}
#galleryAccordion ul.thumbnails > li {
  border: 1px solid #ccc;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 15px;
  overflow: hidden;
  vertical-align: top;
}
#galleryAccordion ul.thumbnails > li.videoThumb {
  background: #bdbdbd;
}
#galleryAccordion ul.thumbnails > li.videoThumb img {
  object-fit: none;
}
#galleryAccordion ul#videoThumbnails li.thumbnail_selected,
#galleryAccordion ul.thumbnails > li.thumbnail_selected {
  border: 1px solid #ffc13a;
}
#galleryAccordion ul#videoThumbnails li {
  padding: 1px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
#galleryAccordion ul#videoThumbnails li#thumbActualVideo {
  text-align: center;
}
#galleryAccordion ul#videoThumbnails li#thumbActualVideo:before {
  text-align: center;
}
#galleryAccordion ul#videoThumbnails li#thumbActualVideo > img {
  height: 100%;
  object-fit: cover;
}
#galleryAccordion ul.thumbnails > li.view360Thumb {
  position: relative;
  vertical-align: top;
  overflow: hidden;
}
#galleryAccordion ul.thumbnails > li.view360Thumb > div {
  position: absolute;
  top: 0;
  line-height: 70px;
  width: 100%;
  text-align: center;
}
#galleryAccordion ul.thumbnails > li.view360Thumb > img {
  height: 50px;
}
#galleryAccordion ul.thumbnails > li.view360Thumb:before {
  content: "";
  background: url(../Symbols/New360Thumb.png) bottom 2px
    center/69px auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}
#galleryAccordion ul.thumbnails > li.view360Thumb.onect:before {
  background: url(../Symbols/New3601ctThumb.png) bottom 2px
    center/69px auto;
}
#galleryAccordion ul.thumbnailsActualPhoto > li {
  border: 1px solid #ddd;
  display: inline-block;
}
#galleryAccordion ul.thumbnailsActualPhoto {
  padding: 0 0 0 10px;
}
.video_eng {
  display: block;
  width: 50px !important;
  height: 50px !important;
  border: none;
  background-position: top;
  font-size: 16px;
}
.video_eng:hover {
  background-position: 0 -50px;
}
#ROHeader {
  background-color: #dbdbdb;
  padding: 5px 0;
}
#ROHeader > div {
  font-size: 14px;
}
#ROHeader > div > select {
  font-size: 12px;
  width: 25% !important;
}
#ddlCountrySize {
  margin-left: 20px;
  margin-right: 10px;
}
.ROLineContent {
  cursor: pointer;
}
.ROLineContent > figure {
  margin: auto;
  margin-bottom: 10px;
}
.ROLineContent > span.lessColns {
  display: inline-block;
  width: 50px;
}
.ROContentHolder {
  display: table;
  width: 100%;
}
.ROLineHeader,
.ROLineContent {
  vertical-align: middle;
  padding: 5px 0;
  border: 1px solid #dbdbdb;
}
.ROLineHeader {
  box-sizing: border-box;
}
.ROLineContent {
  display: table-cell;
  min-height: 50px;
}
.mashedComponentImage {
  margin-top: 9px !important;
}
.mashedComponentLabel {
  display: inline-block;
  margin-bottom: 9px;
}
.single-tab .ROLine {
  border: 1px solid #dbdbdb;
  border-bottom: 0 none;
  box-sizing: border-box;
}
.last-tab.ROLine {
  border-bottom: 1px solid #dbdbdb;
}
.last-tab .ROLine {
  border: 1px solid #dbdbdb;
  border-top: 0 none;
  box-sizing: border-box;
}
#diamondTableExtraFiltersHolder {
  font-size: 14px;
  margin-left: -4px;
  margin-bottom: 7px;
}
@media (max-width: 425px) {
  #diamondTableExtraFiltersHolder {
    margin-right: 0;
    font-size: 12px;
  }
}
#diamondTableExtraFiltersHolder input {
  vertical-align: middle;
}
.no-touch #step-2 .link-single:hover,
#step-2 .link-single-active {
  background-color: #ffa200;
}
#comparePage .productDescription #forwardToFriendLinkMobile,
#rings-area #forwardToFriendLinkMobile {
  display: none;
}
#rings .arrange {
  display: none;
}
#rings .arrange .arrange-content {
  padding: 20px 10px 0;
}
#rings .arrange .arrange-footer {
  margin: 10px 10px 0;
  padding: 20px;
  border-top: 1px solid;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  color: #000;
}
#rings .arrange h3,
#rings .arrange .h3 {
  color: #000;
  font-size: 32px;
  line-height: 1;
  text-align: center;
}
#rings .arrange .carat-info {
  font-size: 16px;
  font-style: italic;
  text-shadow: 0 0;
}
#rings .arrange p img {
  max-width: 100%;
  margin: 0 auto;
}
#rings .arrange p img.half {
  max-width: 45%;
}
#rings .arrange ul {
  text-align: center;
  margin-bottom: 1.25em;
  list-style: disc;
  list-style-position: inside;
}
#rings #fancybox-loading,
#rings .fancybox-close,
#rings .fancybox-prev span,
#rings .fancybox-next span {
  background-image: url(/images/fancybox/fancybox_sprite_flat.png);
}
#rings .fancybox-inner {
}
#rings .fancybox-close {
  right: 5px;
  top: 5px;
  cursor: pointer;
}
#rings .fancybox-inner .coln {
  padding-top: 40px;
}
#rings .clarity-arrows {
  color: #9d9d9d;
  font-size: 15px;
  text-shadow: 0 0;
  height: 30px;
}
#rings .clarity-arrows .clarity-arrow-left,
#rings .clarity-arrows .clarity-arrow-right {
  border-top: 3px solid;
  position: relative;
  padding: 4px 2px;
}
#rings .clarity-arrows .clarity-arrow-left {
  float: left;
  width: 55%;
  margin-left: 5px;
}
#rings .clarity-arrows .clarity-arrow-right {
  float: right;
  width: 35%;
  text-align: right;
  margin-right: 5px;
}
#rings .clarity-arrows .clarity-arrow-left:before,
#rings .clarity-arrows .clarity-arrow-right:before {
  content: "";
  position: absolute;
  border: solid transparent;
  border-width: 5px 9px;
  top: -6px;
}
#rings .clarity-arrows .clarity-arrow-left:before {
  border-right-color: inherit;
  right: 100%;
}
#rings .clarity-arrows .clarity-arrow-right:before {
  border-left-color: inherit;
  left: 100%;
}
#rings .clarity-preview {
  width: 125px;
  height: 95px;
  margin: 20px auto 30px;
  background-image: url(../images/carat-img/clarity-sprite.jpg);
}
#rings .clarity-preview.clarity-preview-0 {
  background-position: -0 -0;
}
#rings .clarity-preview.clarity-preview-1 {
  background-position: -125px -0;
}
#rings .clarity-preview.clarity-preview-2 {
  background-position: -0 -95px;
}
#rings .clarity-preview.clarity-preview-3 {
  background-position: -125px -95px;
}
#rings .clarity-preview.clarity-preview-4 {
  background-position: -0 -190px;
}
#rings .carat-slider.clarity-slider {
  padding-bottom: 90px;
}
#rings .carat-slider.clarity-slider .noUi-marker {
  display: none;
}
#rings .carat-slider.clarity-slider .noUi-value {
  display: block;
  position: absolute;
  top: 35px;
  transform: translateX(-50%);
  width: 75px;
  font-size: 11px;
  text-align: center;
}
#rings .carat-slider.clarity-slider .noUi-value span {
  display: block;
  line-height: 2;
  color: #8f8f8f;
}
#rings .fluorescence-graph {
  display: table;
  text-align: center;
  margin: 10px auto;
}
#rings .fluorescence-graph > div {
  display: flex;
  margin: 0 -8px;
  align-items: center;
}
#rings .fluorescence-graph span {
  flex: 1;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  padding: 10px;
}
#rings .arrange .shapes-list {
  display: flex;
  flex-wrap: wrap;
}
#rings .shapes-list input {
  display: none;
}
#rings .shapes-list .shape-item {
  position: initial;
  text-align: center;
  margin: 10px 0;
  width: 20%;
}
#rings .shapes-list .shape-item h3,
#rings .shapes-list .shape-item .h3 {
  font-size: 15px;
  margin-bottom: 9px;
  text-shadow: 0 0 0;
}
#rings .shapes-list .shape-item img {
  width: 75px;
}
#rings .shapes-list .shape-item .link-info {
  font-style: italic;
  font-size: 11px;
}
#rings .shapes-list .shape-item:not(:hover) .link-info {
  opacity: 0;
}
#rings .shapes-list .shape-item .link-info::before {
  content: "";
  background-image: url(..../icons/NewMoreInfo.svg);
  display: inline-block;
  width: 17px;
  height: 20px;
  vertical-align: middle;
  margin: -5px 0;
}
#rings .shapes-list .shape-item:not(:hover) .shape {
  opacity: 0;
}
#rings .shapes-list .shape-item .shape {
  background-color: #ffc13a;
  width: 150px;
  display: inline-block;
  font-size: 15px;
  line-height: 37px;
  text-transform: uppercase;
  text-shadow: 0 0;
}
#tempStickyHeader {
  margin-top: -1px;
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s ease;
}
#tempStickyHeader *::after,
#tempStickyHeader *::before {
  box-sizing: border-box;
}
#tempStickyHeader > table {
  width: 100%;
  font-size: 12px;
  display: table !important;
  text-align: center;
}
#tempStickyHeader > table thead {
  background: #dadada;
}
#tempStickyHeader > table,
#tempStickyHeader > table th {
  border: 1px solid #ccc;
}
.seoTextBottom .bottom-row {
  min-height: 150px;
  border: 2px solid #fc0;
  float: left;
  padding: 20px 2.5%;
  margin: 30px 0;
}
.seoTextBottom .bottom-row .newinner {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 30%;
  margin-right: 2%;
}
.seoTextBottom .bottom-row .newinner h3 {
  padding-left: 0;
  font-size: 20px;
  text-transform: capitalize;
}
.seoTextBottom .bottom-row .newinner:nth-child(4) {
  border-bottom: 0 none;
}
.seoTextBottom .bottom-row h2 {
  text-transform: capitalize;
  font-weight: normal;
  padding-bottom: 12px;
  text-transform: capitalize;
}
.seoTextBottom .bottom-row {
  border: 2px solid #ffc13a;
  float: left;
  margin-bottom: 30px;
  min-height: 150px;
  padding: 20px 2.5%;
  text-align: left;
}
.seoTextBottom .bottom-row > h1 {
  color: #000 !important;
  font-size: 28px;
  font-weight: normal;
  text-transform: capitalize;
}
#email {
  display: none;
  float: left;
  padding: 20px;
}
#email .preview {
  float: right;
}
#email .preview .logo {
  margin: 0 7% 20px;
  width: 86%;
}
#email .preview .product {
  border: 1px solid #ccc;
  margin: 0 auto 20px;
  width: 98%;
}
#email label {
  font-size: 12px;
  line-height: 14px;
  vertical-align: top;
  padding: 0;
  margin: 0 0 10px 0;
}
#email .friendInfo,
#emailFriendForm .friendInfo {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
}
#email .friendInfo > legend,
#emailFriendForm .friendInfo > legend {
  font-size: 14px;
  padding: 0 5px;
}
#email .friendInfo .friend + .friend,
#emailFriendForm .friendInfo .friend + .friend {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
#email .friendInfo .friend .removeFriend,
#emailFriendForm .friendInfo .friend .removeFriend {
  display: none;
  background: none;
  border: 0 none;
  color: red;
  float: right;
  transform: translateY(-25%);
  cursor: pointer;
}
#email .friendInfo .friend + .friend .removeFriend,
#emailFriendForm .friendInfo .friend + .friend .removeFriend {
  display: block;
}
#addFriend {
  background: none;
  border: 0 none;
  margin-bottom: 10px;
  float: right;
  cursor: pointer;
}
#addFriend > i.fa {
  vertical-align: middle;
  margin-left: 10px;
  color: #2a8735;
}
#email .email-left label {
  width: 80%;
}
#email .email-left {
  box-sizing: border-box;
  border-right: 1px solid #ffd400;
}
#email input.check {
  width: 14px;
  height: 14px;
  margin-right: 3px;
  font-size: 12px;
  outline: none;
}
#email h2,
#email .h2 {
  font-size: 24px;
  margin-bottom: 16px;
  text-transform: none;
  text-align: left;
  line-height: 1;
  font-weight: normal;
  color: #000;
  padding: 0;
}
#email p {
  font-size: 12px;
  margin-bottom: 14px;
  text-transform: none;
  line-height: 1;
  font-weight: normal;
  color: #000;
  padding: 0;
}
#email small {
  margin: 5px 0 0 10px;
  display: inline-block;
  font-size: 10px;
  text-align: left !important;
}
#email a {
  color: #000;
  text-decoration: underline;
}
#email .btn {
  margin: 20px 0;
  background-position: right center;
  background-repeat: no-repeat;
}
#comparePage {
  padding: 50px 0 100px 0;
}
#comparePage h1 {
  font-size: 32px;
  color: #000;
}
#comparePage .back {
  font-size: 20px;
  text-decoration: underline;
  color: #000;
  display: block;
  margin-top: -48px;
}
#comparePage #newCompareTable {
  text-align: center;
  padding: 76px 0;
}
#comparePage hr {
  margin: 40px auto;
}
#comparePage #newCompareTable .diamondInfoBox .diamondPhoto {
  position: relative;
}
#comparePage #bottomArea .productArea .productPhoto .selectedDiamondHighlight2,
#comparePage
  #newCompareTable
  .diamondInfoBox
  .diamondPhoto
  .selectedDiamondHighlight {
  font-size: 13px;
  padding-bottom: 6px;
  border-bottom: 6px solid #ffb002;
  position: absolute;
  width: 100%;
  bottom: 0;
}
#comparePage
  #newCompareTable
  .diamondInfoBox
  .diamondPhoto
  .selectedDiamondHighlight {
  display: none;
}
#comparePage #newCompareTable .diamondInfo h2 {
  font-size: 16px;
}
#comparePage #newCompareTable .diamondInfo h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
#comparePage #newCompareTable .diamondInfo span.fullPrice {
  display: block;
  color: #aaa;
  text-decoration: line-through;
}
#comparePage #newCompareTable .diamondInfo span.discountedPrice {
  display: block;
  color: red;
}
#comparePage #newCompareTable .diamondInfo span.regularPrice {
  display: block;
  font-size: 20px;
  font-weight: 600;
}
#comparePage #newCompareTable .diamondInfo span.taxInfo {
  display: block;
  font-size: 14px;
}
#comparePage #newCompareTable .diamondPhoto {
  padding-top: 80%;
  border: 1px solid grey;
}
#comparePage #newCompareTable .diamondPhoto .imageHolder,
#comparePage #bottomArea .productArea .productPhoto .imageHolder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#comparePage #newCompareTable .diamondPhoto .imageHolder iframe {
  max-width: 54%;
  max-height: 220px;
  overflow: hidden;
}
#comparePage #newCompareTable .diamondPhoto .imageHolder iframe canvas {
  width: 100px;
  height: 100px;
}
#comparePage #newCompareTable .diamondPhoto img {
  max-width: 70%;
  max-height: 160px;
}
#comparePage #newCompareTable .diamondDetailsBox .diamondDetails {
  width: 70%;
  margin: auto;
}
#comparePage #newCompareTable .diamondDetailsBox .diamondDetails > div {
  display: inline-block;
  text-align: left;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}
#comparePage #newCompareTable .diamondDetailsBox h2 {
  font-size: 17px;
  font-weight: 600;
  text-align: left;
  width: 70%;
  margin: auto;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#comparePage #newCompareTable .diamondDetailsBox .moreDetails {
  display: none;
}
#comparePage #newCompareTable .diamondSelectButton .smallBtn {
  height: 46px;
  width: 225px;
  max-width: 80%;
}
#comparePage #newCompareTable .diamondDetailsBox .diamondMoreDetailsButton {
  padding-top: 28px;
  font-style: italic;
  text-decoration: underline;
  width: 70%;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}
#comparePage #newCompareTable .diamondDetailsBox .readLess {
  display: none;
}
#comparePage #bottomArea .productArea {
  display: none;
  width: 50%;
  padding-right: 36px;
}
#comparePage #bottomArea .productArea .productPhoto {
  padding-top: 70%;
  border: 1px solid #d3d3d3;
  position: relative;
  text-align: center;
}
#comparePage #bottomArea .productArea .productDescription {
  position: relative;
}
#comparePage #bottomArea .productArea .productDescription #step-2 {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}
#comparePage #bottomArea .productArea .productPhoto .imageHolder img {
  max-width: 60%;
}
#comparePage #bottomArea .needHelpArea {
  height: 542px;
  width: 50%;
  background-image: url("../images/img-2018/comparediamonds/comparepage_claritybanner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border: 1px solid #d3d3d3;
  padding: 0;
}
#comparePage #bottomArea .needHelpArea h2 {
  font-size: 33px;
  text-align: center;
  width: 240px;
  margin: auto;
  margin-top: 130px;
}
#comparePage #bottomArea .needHelpArea .helpButtons {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 64px;
}
#comparePage #bottomArea .needHelpArea .helpButtons a {
  display: block;
  width: 225px;
  height: 34px;
  line-height: 34px;
  margin-top: 30px;
  max-width: 90%;
  color: #000;
}
#comparePage #bottomArea .needHelpArea.fullwidth {
  height: 464px;
  width: 100%;
  background-image: url("../images/img-2018/comparediamonds/clarity_banner_fullwidth.jpg");
}
#comparePage #bottomArea .needHelpArea.fullwidth h2 {
  font-size: 33px;
  width: 60%;
  margin-left: 0;
  margin-top: 160px;
}
#comparePage #bottomArea .needHelpArea.fullwidth .helpButtons {
  margin-left: 0;
  text-align: center;
  position: absolute;
  width: 60%;
  bottom: 150px;
}
#comparePage #bottomArea .needHelpArea.fullwidth .helpButtons a {
  display: inline-block;
  width: 200px;
  height: 28px;
  line-height: 28px;
  margin: 0 20px;
  max-width: 24%;
  color: #000;
}
.comparePage_selectPopupContainer {
  padding: 45px 10px 30px 10px;
  text-align: center;
  position: relative;
}
.comparePage_selectPopupContainer h2 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
.comparePage_selectPopupContainer > div p {
  height: 66px;
  font-size: 16px;
  max-width: 200px;
  margin: auto;
}
.comparePage_selectPopupContainer > div input.btn {
  height: 46px;
  width: 205px;
  max-width: 80%;
  border-radius: 0;
  font-size: 16px;
}
.comparePage_selectPopupContainer .continueBrowsingBox {
  border-right: 1px solid #d3d3d3;
  padding: 30px 0;
}
.comparePage_selectPopupContainer .addToBagBox {
  padding: 30px 0;
}
.comparePage_selectPopupContainer .addToBagLoader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#comparePage .compareTableWrapper table {
  margin: 20px 0;
}
#comparePage .compareTableWrapper table thead tr th {
  background-color: #f2f2f2;
  border-left: 1px solid #fff;
  color: #000;
  padding: 6px 2px;
}
#comparePage .compareTableWrapper table td {
  font-size: 13px;
  line-height: 1;
  min-height: 22px;
  min-width: 30px;
  padding: 6px 2px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  height: 40px;
}
#comparePage .compareTableWrapper table tr:nth-child(even) {
  background-color: #fafafa;
}
#comparePage .compareTableWrapper table td .btn {
  margin-top: 0;
}
#comparePage .compareTableWrapper td a.actualphoto {
  position: relative;
}
#comparePage .compareTableWrapper td a.actualphoto > i.fa {
  font-size: 20px;
  color: #444;
}
#comparePage .compareTableWrapper a.actualphoto img.actualImage {
  left: 0;
  max-width: none;
  position: absolute;
  top: 0;
  width: auto;
  max-height: 0;
  opacity: 0;
  transform: translateY(-100%);
  transition: max-height 0.5s, opacity 0.5s;
  z-index: 9999;
}
#comparePage .compareTableWrapper a.actualphoto:hover img.actualImage {
  opacity: 1;
  border: 2px solid #ffc13a;
  max-height: 200px;
}
#comparePage #keyTableHolder {
  background-color: #f2f2f2;
  padding: 10px 20px;
  overflow: hidden;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}
#comparePage #keyTableHolder > table td:first-of-type {
  font-weight: bold;
  text-decoration: underline;
  width: 7%;
}
#comparePage .bottomHero .info {
  width: 80%;
}
#comparePage .bottomHero .info h1 {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-size: 5em;
  margin-bottom: 20px;
}
#comparePage .bottomHero .info p {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-size: 1.6em;
}
.comparePageFancyBox {
  background-color: red;
  height: auto !important;
  margin-top: 10%;
}
.wedding_ring_depth_select {
  margin: 0;
  padding: 5px 0;
  text-align: center;
  width: 33%;
}
.diamond_control_select_bg_selected,
.diamond_control_select_control_bg_selected,
.diamond_filter_control_select_bg_selected {
  background-color: #ffc766;
  text-align: center;
}
.wedding_ring_depth_select .weddingRingDepth {
  background-image: url(../icons/WeddingMashedDepth.jpg);
  margin: 0 auto;
  background-repeat: no-repeat;
  display: block;
  width: 56px;
  height: 57px;
}
.wedding_ring_depth_select .weddingRingLabel {
  color: #333;
}
.wedding_ring_depth_select .weddingRingLabel.selected {
  color: #ffc13a;
}
.wedding_ring_depth_select .weddingRingDepth.Light {
  background-position: -10px -11px;
}
.wedding_ring_depth_select .weddingRingDepth.Light.inactive {
  background-position: -10px -473px;
}
.wedding_ring_depth_select .weddingRingDepth.Light.selected {
  background-position: -10px -242px;
}
.wedding_ring_depth_select .weddingRingDepth.Medium {
  background-position: -10px -88px;
}
.wedding_ring_depth_select .weddingRingDepth.Medium.inactive {
  background-position: -10px -550px;
}
.wedding_ring_depth_select .weddingRingDepth.Medium.selected {
  background-position: -10px -319px;
}
.wedding_ring_depth_select .weddingRingDepth.Heavy {
  background-position: -10px -165px;
}
.wedding_ring_depth_select .weddingRingDepth.Heavy.inactive {
  background-position: -10px -627px;
}
.wedding_ring_depth_select .weddingRingDepth.Heavy.selected {
  background-position: -10px -396px;
}
.weddingRingWidth {
  background-image: url(../icons/WeddingMashedWidth.png);
  background-repeat: no-repeat;
  display: block;
  width: 27px;
  height: 57px;
  margin: 0 auto;
  margin-top: 5px;
}
.weddingRingWidthLabel {
  color: #333;
}
.weddingRingWidthLabel.selected {
  color: #ffc13a;
}
.weddingRingWidth.weddingRing2-5mm {
  background-position: -5px -5px;
}
.weddingRingWidth.weddingRing2-5mm.inactive {
  background-position: -5px -72px;
}
.weddingRingWidth.weddingRing2-5mm.selected {
  background-position: -5px -139px;
}
.weddingRingWidth.weddingRing2mm {
  background-position: -5px -206px;
}
.weddingRingWidth.weddingRing2mm.inactive {
  background-position: -5px -273px;
}
.weddingRingWidth.weddingRing2mm.selected {
  background-position: -5px -340px;
}
.weddingRingWidth.weddingRing3mm {
  background-position: -5px -407px;
}
.weddingRingWidth.weddingRing3mm.inactive {
  background-position: -5px -474px;
}
.weddingRingWidth.weddingRing3mm.selected {
  background-position: -5px -541px;
}
.weddingRingWidth.weddingRing4mm {
  background-position: -5px -608px;
}
.weddingRingWidth.weddingRing4mm.inactive {
  background-position: -5px -675px;
}
.weddingRingWidth.weddingRing4mm.selected {
  background-position: -5px -742px;
}
.weddingRingWidth.weddingRing5mm {
  background-position: -5px -809px;
}
.weddingRingWidth.weddingRing5mm.inactive {
  background-position: -5px -876px;
}
.weddingRingWidth.weddingRing5mm.selected {
  background-position: -5px -943px;
}
.weddingRingWidth.weddingRing6mm {
  background-position: -5px -1010px;
}
.weddingRingWidth.weddingRing6mm.inactive {
  background-position: -5px -1077px;
}
.weddingRingWidth.weddingRing6mm.selected {
  background-position: -5px -1144px;
}
.weddingRingWidth.weddingRing7mm {
  background-position: -5px -1211px;
}
.weddingRingWidth.weddingRing7mm.inactive {
  background-position: -5px -1278px;
}
.weddingRingWidth.weddingRing7mm.selected {
  background-position: -5px -1345px;
}
.weddingRingWidth.weddingRing8mm {
  background-position: -5px -1412px;
}
.weddingRingWidth.weddingRing8mm.inactive {
  background-position: -5px -1479px;
}
.weddingRingWidth.weddingRing8mm.selected {
  background-position: -5px -1546px;
}
.mashedComponentImage {
  background-image: url(../icons/NecklaceMashedComps.png);
  background-repeat: no-repeat;
  display: block;
  width: 39px;
  height: 12px;
}
.mashedComponentImage.Spiga {
  background-position: -10px -42px;
}
.mashedComponentImage.Spiga.selected {
  background-position: -10px -10px;
}
.mashedComponentImage.Trace {
  background-position: -10px -102px;
}
.mashedComponentImage.Trace.selected {
  background-position: -10px -73px;
}
.ringControl:not(.inactive):not(.selected) {
  cursor: pointer;
}
.ROLineContent.ScalaHoopandDrop,
.ROLineContent.ScalaDrops,
.ROLineContent.ScalaDrop,
.ROLineContent.ZeldaHoopandDrop,
.ROLineContent.ZeldaDrops,
.ROLineContent.AlmaHoopandDrop,
.ROLineContent.AlmaDrops,
.ROLineContent.AlmaDrop {
  width: 50%;
  height: 200px;
}
.ROLineContent.ScalaHoopandDrop > figure,
.ROLineContent.ScalaDrops > figure,
.ROLineContent.ScalaDrop > figure,
.ROLineContent.AlmaHoopandDrop > figure,
.ROLineContent.AlmaDrops > figure,
.ROLineContent.AlmaDrop > figure,
.ROLineContent.ZeldaHoopandDrop > figure,
.ROLineContent.ZeldaDrops > figure {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 140px;
  width: 80%;
}
.ROLineContent.ScalaDrops > figure,
.ROLineContent.ScalaDrops > figure.metal_2 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.ScalaDrop > figure,
.ROLineContent.ScalaDrop > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/43521/photo/white-gold/-/big/-/-/-/-/scala-drop);
}
.ROLineContent.ScalaDrops > figure.metal_1 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.ScalaDrop > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/43518/photo/yellow-gold/-/big/-/-/-/-/scala-drop);
}
.ROLineContent.ScalaDrops > figure.metal_3 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.ScalaDrop > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/43524/photo/rose-gold/-/big/-/-/-/-/scala-drop);
}
.ROLineContent.ScalaHoopandDrop > figure,
.ROLineContent.ScalaHoopandDrop > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/39764/photo/white-gold/-/big/-/-/-/-/scala-hoop-and-drop);
}
.ROLineContent.ScalaHoopandDrop > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/39761/photo/yellow-gold/-/big/-/-/-/-/scala-hoop-and-drop);
}
.ROLineContent.ScalaHoopandDrop > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/39767/photo/rose-gold/-/big/-/-/-/-/scala-hoop-and-drop);
}
.ROLineContent.AlmaDrops > figure,
.ROLineContent.AlmaDrop > figure,
.ROLineContent.AlmaDrops > figure.metal_2 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.AlmaDrop > figure.metal_2 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.AlmaDrops > figure.metal_1 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.AlmaDrop > figure.metal_1 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.AlmaDrops > figure.metal_3 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.AlmaDrop > figure.metal_3 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.AlmaHoopandDrop > figure,
.ROLineContent.AlmaHoopandDrop > figure.metal_2 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.AlmaHoopandDrop > figure.metal_1 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.AlmaHoopandDrop > figure.metal_3 {
  background-image: url(../Symbols/NoImageAvailable.png);
}
.ROLineContent.ZeldaDrops > figure,
.ROLineContent.ZeldaDrops > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/41032/photo/white-gold/-/big/-/-/-/-/zelda-drop);
}
.ROLineContent.ZeldaDrops > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/41029/photo/yellow-gold/-/big/-/-/-/-/zelda-drop);
}
.ROLineContent.ZeldaDrops > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/41035/photo/rose-gold/-/big/-/-/-/-/zelda-drop);
}
.ROLineContent.ZeldaHoopandDrop > figure,
.ROLineContent.ZeldaHoopandDrop > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/40799/photo/white-gold/-/big/-/-/-/-/zelda-hoop-and-drop);
}
.ROLineContent.ZeldaHoopandDrop > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/40796/photo/yellow-gold/-/big/-/-/-/-/zelda-hoop-and-drop);
}
.ROLineContent.ZeldaHoopandDrop > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/40802/photo/rose-gold/-/big/-/-/-/-/zelda-hoop-and-drop);
}
.ROLineContent.MuseDuetHoopandDrop,
.ROLineContent.MuseDuetDrops,
.ROLineContent.MuseDuetHoops,
.ROLineContent.NecklaceandDrop,
.ROLineContent.DropOnly,
.ROLineContent.NecklaceOnly {
  width: 33.3333%;
  height: 200px;
}
.ROLineContent.MuseDuetHoopandDrop > figure,
.ROLineContent.MuseDuetDrops > figure,
.ROLineContent.MuseDuetHoops > figure,
.ROLineContent.NecklaceandDrop > figure,
.ROLineContent.DropOnly > figure,
.ROLineContent.NecklaceOnly > figure {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 140px;
  width: 80%;
}
.ROLineContent.MuseDuetHoopandDrop > figure,
.ROLineContent.MuseDuetDrops > figure,
.ROLineContent.MuseDuetHoops > figure,
.ROLineContent.MuseDuetHoopandDrop > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/28889/photo/white-gold/-/big/-/-/-/-/muse-duet-hoop-drop);
}
.ROLineContent.MuseDuetDrops > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/28930/photo/white-gold/-/big/-/-/-/-/muse-duet-drops);
}
.ROLineContent.MuseDuetHoops > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/29000/photo/white-gold/-/big/-/-/-/-/muse-duet-hoop-only);
}
.ROLineContent.MuseDuetHoopandDrop > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/28872/photo/yellow-gold/-/big/-/-/-/-/muse-duet-hoop-drop);
}
.ROLineContent.MuseDuetDrops > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/28926/photo/yellow-gold/-/big/-/-/-/-/muse-duet-drops);
}
.ROLineContent.MuseDuetHoops > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/28986/photo/yellow-gold/-/big/-/-/-/-/muse-duet-hoop-only);
}
.ROLineContent.MuseDuetHoopandDrop > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/28906/photo/rose-gold/-/big/-/-/-/-/muse-duet-hoop-drop);
}
.ROLineContent.MuseDuetDrops > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/28934/photo/rose-gold/-/big/-/-/-/-/muse-duet-drops);
}
.ROLineContent.MuseDuetHoops > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/29014/photo/rose-gold/-/big/-/-/-/-/muse-duet-hoop-only);
}
.ROLineContent.NecklaceandDrop > figure,
.ROLineContent.DropOnly > figure,
.ROLineContent.NecklaceOnly > figure,
.ROLineContent.NecklaceandDrop > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/29170/photo/white-gold/-/big/-/-/-/-/muse-duet-necklace-and-drop);
}
.ROLineContent.DropOnly > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/29215/photo/white-gold/-/big/-/-/-/-/muse-duet-necklace-drop-only);
}
.ROLineContent.NecklaceOnly > figure.metal_2 {
  background-image: url(https://www.77diamonds.com/image/29254/photo/white-gold/-/big/-/-/-/-/muse-duet-necklace-only);
}
.ROLineContent.NecklaceandDrop > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/29154/photo/yellow-gold/-/big/-/-/-/-/muse-duet-necklace-and-drop);
}
.ROLineContent.DropOnly > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/29202/photo/yellow-gold/-/big/-/-/-/-/muse-duet-necklace-drop-only);
}
.ROLineContent.NecklaceOnly > figure.metal_1 {
  background-image: url(https://www.77diamonds.com/image/29241/photo/yellow-gold/-/big/-/-/-/-/muse-duet-necklace-only);
}
.ROLineContent.NecklaceandDrop > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/29186/photo/rose-gold/-/big/-/-/-/-/muse-duet-necklace-and-drop);
}
.ROLineContent.DropOnly > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/29228/photo/rose-gold/-/big/-/-/-/-/muse-duet-necklace-drop-only);
}
.ROLineContent.NecklaceOnly > figure.metal_3 {
  background-image: url(https://www.77diamonds.com/image/29267/photo/rose-gold/-/big/-/-/-/-/muse-duet-necklace-only);
}
.diamond_control_clarity_select span,
.diamond_control_clarity_select div {
  color: #333;
}
.diamond_control_clarity_select span.selected,
.diamond_control_clarity_select div.selected {
  color: #ffa200;
}
.eternityRingType,
.eternityRingSize.Half,
.eternityRingSize.Full {
  background-image: url(../icons/EternityMashedComps.png);
  background-repeat: no-repeat;
  display: block;
  width: 56px;
  height: 57px;
  margin: 0 auto;
}
.eternityRingType.Full,
.eternityRingSize.Full {
  background-position: -5px -5px;
}
.eternityRingType.Full.selected,
.eternityRingSize.Full.selected {
  background-position: -5px -72px;
}
.eternityRingType,
.eternityRingType.Half,
.eternityRingSize.Half {
  background-position: -5px -139px;
}
.eternityRingType.selected,
.eternityRingType.Half.selected,
.eternityRingSize.Half.selected {
  background-position: -5px -206px;
}
.eternityRingSize {
  background-image: url(../icons/EternitySizeComps.png);
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto !important;
}
.eternityRingSize.Grande,
.eternityRingSize.Grande.selected,
.eternityRingSize.Maxi,
.eternityRingSize.Maxi.selected,
.eternityRingSize.Medi,
.eternityRingSize.Medi.selected,
.eternityRingSize.Mini,
.eternityRingSize.Mini.selected {
  width: 27px;
  height: 57px;
  margin-top: 5px !important;
}
.eternityRingSize.Grande {
  background-position: -5px -5px;
}
.eternityRingSize.Grande.selected {
  background-position: -5px -72px;
}
.eternityRingSize.Maxi {
  background-position: -5px -139px;
}
.eternityRingSize.Maxi.selected {
  background-position: -5px -206px;
}
.eternityRingSize.Medi {
  background-position: -5px -273px;
}
.eternityRingSize.Medi.selected {
  background-position: -5px -340px;
}
.eternityRingSize.Mini {
  background-position: -5px -407px;
}
.eternityRingSize.Mini.selected {
  background-position: -5px -474px;
}
.Trace,
.Spiga {
  margin: 0 auto;
}
#educationPage {
  margin-bottom: 10px;
}
#educationPage #hero h1,
#educationPage #hero p {
  color: #000;
  text-shadow: none;
}
#educationPage .sidebarMenu.container {
  margin-bottom: 0;
}
#educationPage #hero figure.slide {
  z-index: -1;
}
#educationPage h2 {
  font-size: 28px;
  color: #575757;
}
#educationPage h2 > span {
  font-size: 18px;
}
#educationPage p {
  font-size: 14px;
  color: #575757;
}
#educationPage .quote2 {
  padding: 20px 15%;
  margin-top: 0;
  margin-bottom: 30px;
}
#educationPage .caratImageHolder,
#educationPage .clarityImageHolder {
  margin-bottom: -30px;
}
#educationPage .colourImageHolder {
  max-width: 768px;
  margin: 20px auto 0;
}
#educationPage .clarityImageHolder {
  width: 60%;
  margin-left: 40%;
}
#educationPage .bottomHero {
  margin-top: 10px;
  margin-bottom: -10px;
}
#educationPage .bottomHero .info {
  width: 45%;
}
#educationPage .bottomHero .info br {
  display: none;
}
#educationPage .bottomHero .info h2 {
  color: #fff;
  text-shadow: 1px 1px 1px #575757;
  font-size: 5em;
  margin-bottom: 20px;
}
#educationPage .bottomHero .info p {
  color: #fff;
  text-shadow: 1px 1px 1px #575757;
  font-size: 18px;
}
.Error {
  border: 1px solid #ee0101 !important;
}
.educationPage .heading {
  position: relative;
  display: block;
  clear: both;
  margin: 0 0 30px;
  border-bottom: 2px solid #ffc13a;
  padding: 25px 0 33px 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 98% 0;
}
.educationPage h1,
.educationPage h4 {
  line-height: 115%;
  font-size: 1.4em;
}
.educationPage h1.pos {
  transform: translateY(67px);
}
.educationPage h2#name {
  transform: translateY(-25px);
}
.educationPage h2,
.educationPage h1#name {
  margin: 20px 0 7px;
  text-transform: none;
  color: #000;
  letter-spacing: 0;
  font-size: 40px;
}
.educationPage article .yellow {
  font-size: 2.4em;
  padding-bottom: 10px;
  border-bottom: 2px solid #222;
  font-weight: bold;
  text-transform: none;
  padding-top: 50px;
  margin-bottom: 1em;
  font-style: normal;
  color: #feb100;
}
.educationPage article h6 {
  font-size: 1.6em;
  padding-bottom: 10px;
  border-bottom: 2px solid #ffc13a;
  text-transform: none;
  padding-top: 65px;
  margin-bottom: 1em;
  font-style: normal;
  font-weight: 400;
}
.educationPage ul,
.educationPage ol {
  margin-left: 30px;
}
.educationPage ul#categoriesListUl {
  margin-left: 0;
}
.educationPage ol {
  list-style: inside decimal;
  margin-bottom: 20px;
}
.educationPage ul {
  list-style: inside disc;
  margin-bottom: 20px;
}
.educationPage p a,
.educationPage ul li a,
.educationPage #steps a {
  text-decoration: underline;
}
.educationPage table.spec {
  margin: 0 auto 30px;
}
.educationPage table.spec tr td:first-of-type {
  border-left: medium none !important;
}
.educationPage table.spec thead tr td {
  background: #333 none repeat scroll 0 0;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  color: #fff;
  line-height: 1;
}
.educationPage table.spec td {
  font-size: 13px;
  min-height: 22px;
  min-width: 30px;
  padding: 6px;
  text-align: left;
}
.education table.spec tr.red td {
  color: #900 !important;
}
.educationPage table.spec tbody tr:nth-of-type(2n + 1) td {
  background: #f3f2f2 none repeat scroll 0 0;
  border-left: 1px solid #fff;
  color: #333;
}
.educationPage .quote,
.educationPage .slideshow {
  background: #ffc13a;
  width: 100%;
  height: auto;
  padding: 0;
  clear: both;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.educationPage .quote .slide,
.educationPage .slideshow .slide {
  height: 90px;
  font-style: italic;
  font-weight: 400;
  font-size: 2.5em;
  width: 90%;
  float: none;
  line-height: 110%;
  padding: 30px 5%;
}
.educationPage .quote .slide small,
.educationPage .slideshow .slide small {
  padding-top: 8px;
  display: block;
  font-size: 60%;
  font-style: normal;
  font-weight: 400;
}
.educationPage .carat_weight_tabs > li {
  display: inline-block;
  margin: 10px;
}
.educationPage ul.carat_weight_tabs {
  display: flex;
  justify-content: space-between;
}
.educationPage ul.carat_weight_tabs li a {
  background: #ffc13a none repeat scroll 0 0;
  border-radius: 100%;
  display: inline;
  padding: 10px;
  font-size: 12px;
}
.educationPage ul.carat_weight_tabs li a.active {
  background: #bb8c8c none repeat scroll 0 0;
}
.educationPage .displaybox > div > .btn {
  font-size: 16px;
  padding: 10px 26px;
}
.educationPage .displaybox > p,
.educationPage .displaybox > div {
  display: inline-block;
  margin: 10px 0;
  vertical-align: middle;
}
.educationPage figure {
  text-align: center;
}
.educationPage figure img {
  margin: 10px auto;
}
.educationPage h2.lineAbove {
  border-top: 2px solid #ffb002;
  padding-top: 10px;
  text-align: center;
  font-style: italic;
  clear: both;
}
.educationPage ul.bottomNav {
  display: table;
  width: 90%;
  margin: 10px auto;
}
.educationPage ul.bottomNav li {
  display: table-cell;
  text-align: center;
  margin-right: 20px;
}
.educationPage ul.bottomNav li > a {
  text-decoration: underline;
  height: 46px;
  line-height: 46px;
  text-indent: 55px;
  display: inline-block;
}
.educationPage ul.bottomNav li.active > a {
  color: #ffb002;
}
.educationPage ul.bottomNav li#liAna > a {
  background: url(/images/img-2018/Education/Education_AnatomyOfADiamond.jpg)
    no-repeat left center/46px 46px;
}
.educationPage ul.bottomNav li#liGrading > a {
  background: url(/images/img-2018/Education/Education_CutGrading.jpg) no-repeat
    left center/46px 46px;
}
.educationPage ul.bottomNav li#liGraDia > a {
  background: url(/images/img-2018/Education/Education_CutGradingAcrossDiamondShapes.jpg)
    no-repeat left center/46px 46px;
}
.educationPage ul.bottomNav li#liPol > a {
  background: url(/images/img-2018/Education/Education_Polishing.jpg) no-repeat
    left center/46px 46px;
}
.educationPage ul.bottomNav li#liHearts > a {
  background: url(/images/img-2018/Education/Education_HeartAndArrow.jpg)
    no-repeat left center/46px 46px;
}
.educationPage ul.bottomNav li#liGrades > a {
  background: url(/images/img-2018/Education/Education_AnatomyOfADiamond.jpg)
    no-repeat left center/46px 46px;
}
.educationPage ul.bottomNav li#liIncl > a {
  background: url(/images/img-2018/Education/Education_DiamondInclusionAndBlemishes.jpg)
    no-repeat left center/46px 46px;
}
.educationPage ul.bottomNav li#liEnha > a {
  background: url(/images/img-2018/Education/Education_ClarityEnhancement.jpg)
    no-repeat left center/46px 46px;
}
.educationPage ul.bottomNav li#liExp > a {
  background: url(/images/img-2018/Education/Education_EyeCleanDiamonds.jpg)
    no-repeat left center/46px 46px;
}
.educationPage ul.bottomNav li#liComp > a {
  background: url(/images/img-2018/Education/Education_CertificateComparisons.jpg)
    no-repeat left center/46px 46px;
}
.educationPage ul.bottomNav li#liGradingLabs > a {
  background: url(/images/img-2018/Education/Education_CertificatesAndLaboratories.jpg)
    no-repeat left center/46px 46px;
}
#educationContour article > div.line > div.displaybox {
  margin-bottom: 40px;
}
#educationContour article > div.line > div.displaybox .inline-left {
  display: block;
  clear: both;
  margin: 0 0 12px 0;
  width: 120px;
}
#educationShapes #shapes {
  margin: -30px auto 30px auto;
  padding: 0;
  position: relative;
  font-size: 0;
}
#educationShapes #shapes li {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  margin-top: -1px;
  margin-right: -1px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 12px;
  padding: 0;
  text-align: center;
  width: 9.19%;
}
#educationShapes #shapes li a {
  border-left: 1px solid #d2d2d2;
  display: block;
  padding: 6px 2.5%;
  text-decoration: none;
  transition: background 0.25s ease 0s;
  width: 95%;
}
#educationShapes #shapes li a:hover {
  background: #eaeaea;
}
#educationShapes #shapes li a.selected {
  background: #d2d2d2 none repeat scroll 0 0;
}
#educationShapes #shapes li a img {
  clear: both;
  display: block;
  margin: 0 auto 5px;
  width: 90%;
}
#mobileGifsHolder > ul {
  margin: 20px 0;
}
#mobileGifsHolder > a.carrousel_left {
  left: -20px;
}
#mobileGifsHolder > a.carrousel_right {
  right: -20px;
}
#looseDiamonds .simpleHolder > h2 {
  margin-top: 20px;
}
#looseDiamonds .simpleHolder figcaption > a {
  font-size: 16px;
}
#taxDuty .box-border {
  margin: auto;
  border: 1px solid #ffc648;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f6f5f2;
}
#taxDuty .form label {
  width: 50%;
  float: left;
  text-align: left;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
}
#taxDuty .form input[type="text"],
#taxDuty .form select {
  width: 50%;
  float: left;
}
#taxDuty .taxAndDuty {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
  border: 1px solid #dcdcdc;
}
#taxDuty .taxAndDuty thead td {
  font-weight: bold;
}
#taxDuty .taxAndDuty td {
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 2px 5px;
}
#usStates {
  display: none;
}
.cd-nav-trigger {
  display: none;
}
.no-touch #cd-vertical-nav {
  position: fixed;
  right: 60px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}
.no-touch #cd-vertical-nav li {
  text-align: right;
  line-height: 1;
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.no-touch #cd-vertical-nav a {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.no-touch #cd-vertical-nav a:after {
  content: "";
  display: table;
  clear: both;
}
.no-touch #cd-vertical-nav a span {
  float: right;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.no-touch #cd-vertical-nav a:hover span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.no-touch #cd-vertical-nav a:hover .cd-label {
  opacity: 1;
}
.no-touch #cd-vertical-nav a.is-selected .cd-dot {
}
.no-touch #cd-vertical-nav .cd-dot {
  position: relative;
  top: 8px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #d5d5d5;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.333);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.no-touch #cd-vertical-nav .cd-label {
  position: relative;
  margin-right: 5px;
  padding: 0.4em 0.5em;
  color: #fff;
  background: #ffc13a;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3333);
  border-radius: 5px;
  font-size: 15px;
  font-size: 1.5em;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.touch .cd-nav-trigger {
  display: block;
  z-index: 100 !important;
  position: fixed;
  bottom: 20px;
  right: 5%;
  height: 40px;
  width: 40px;
  font-size: 0;
  border-radius: 0.25em;
  background: rgba(220, 220, 220, 0.9);
}
.touch .cd-nav-trigger span {
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #333;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.touch .cd-nav-trigger span::before,
.touch .cd-nav-trigger span::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
}
.touch .cd-nav-trigger span::before {
  top: -9px;
}
.touch .cd-nav-trigger span::after {
  bottom: -9px;
}
.touch #cd-vertical-nav {
  position: fixed;
  z-index: 10;
  right: 5%;
  bottom: 20px;
  width: 90%;
  max-width: 400px;
  max-height: 90%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border-radius: 0.25em;
  background-color: rgba(220, 220, 220, 0.9);
}
.touch #cd-vertical-nav li {
  line-height: 1;
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.touch #cd-vertical-nav a {
  display: block;
  padding: 1em;
  font-size: 15px;
  font-size: 1.5em;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid rgba(60, 60, 60, 0.25);
}
.touch #cd-vertical-nav a span:first-child {
  display: none;
}
.touch #cd-vertical-nav a.is-selected span:last-child {
  color: #333;
}
.touch #cd-vertical-nav.open {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger {
  background-color: transparent;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span {
  background-color: rgba(62, 57, 71, 0);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before,
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
  background-color: #333;
  height: 3px;
  width: 20px;
  border-radius: 0;
  left: -8px;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1px;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 0;
}
.touch #cd-vertical-nav li:last-child a {
  border-bottom: none;
}
#buying-guide .cd-section {
  padding: 4% 0;
}
#buying-guide .cd-section:first-of-type {
  padding: 0;
}
#buying-guide .cd-section h1 {
  width: 100%;
  display: block;
  position: relative;
  line-height: 0;
  margin: 0 auto;
  clear: both;
}
#buying-guide .cd-section .introduce-h1 {
  text-align: center;
  font-size: 2.2em;
  margin-bottom: 30px;
  letter-spacing: -0.2mm;
  color: #fdc049;
}
#buying-guide .cd-section h1 img {
  width: 100%;
}
#buying-guide .cd-section h2,
#buying-guide .cd-section h4,
#buying-guide .cd-section dt {
  font-style: italic;
  font-weight: 400;
  color: #fdc049;
  text-transform: none;
}
#buying-guide .cd-section dt {
  font-size: 1.6em;
  margin-bottom: 0.2em;
  line-height: 1;
}
#buying-guide .cd-section h2 {
  font-size: 2.2em;
  margin: 50px auto 1.2em;
  letter-spacing: -0.2mm;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
  max-width: 540px;
}
#buying-guide #finally.cd-section h2 {
  border: none;
  padding: 0;
}
#buying-guide .cd-section.left h2 {
  margin: 0 0 1em;
}
#buying-guide .cd-section h4 {
  font-size: 2.4em;
  margin-bottom: 0;
}
#buying-guide .cd-section p,
#buying-guide .cd-section dd {
  font-style: normal;
  font-weight: 400;
  color: #666;
  font-size: 1.2em;
  line-height: 125%;
}
#buying-guide .cd-section p {
  margin-bottom: 1.2em;
}
#buying-guide .cd-section .col p:last-of-type {
  margin-bottom: 0;
}
#buying-guide .cd-section a {
  color: #fdc049;
  text-decoration: none;
}
#buying-guide .cd-section a:hover {
  color: #333;
  text-decoration: none;
}
#buying-guide .cd-section p.lead {
  font-size: 1.8em;
  text-align: center;
  margin: 0 auto 1.2em;
}
#buying-guide .cd-section .col p.lead:last-of-type {
  margin-bottom: 0;
}
#buying-guide .cd-section p em {
  font-style: italic;
  font-weight: 400;
  color: #fdc049;
}
#buying-guide .img-line {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 auto 4%;
  text-align: center;
}
#buying-guide .img-line::after {
  display: block;
  height: 0;
  content: "";
  border-top: 1px solid #fdc049;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
}
#buying-guide .img-line .small {
  width: 9%;
}
#buying-guide .diamondShape {
  min-height: 250px;
}
#buying-guide .diamondShape img {
  max-width: 120px;
  margin: auto;
}
#buying-guide .diamondShape h3 {
  margin-bottom: 5px;
  font-size: 24px;
}
#engagementRingBuyingGuide .cd-section,
#diamondBuyingGuide .cd-section {
  padding: 0;
}
#engagementRingBuyingGuide .sidebarMenu,
#diamondBuyingGuide .sidebarMenu {
  margin: 0;
}
.lt-ie9 #buying-guide .cd-section .row.half-width-image {
  background: none !important;
}
.lt-ie9 #buying-guide .cd-section .col.half {
  background: #fff;
  padding: 5% 0;
}
.lt-ie9 #buying-guide .cd-section .row .col.half.blank {
  display: none;
}
.lt-ie8 #buying-guide .cd-section .col {
  display: inline;
}
#ringSizes .table_ringsize {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
#ringSizes .table_ringsize thead {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff #fff #e4e2e3;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  display: block;
  position: relative;
  width: 100%;
  padding-right: 17px;
}
#ringSizes .table_ringsize thead td {
  font-weight: bold;
  vertical-align: top;
}
#ringSizes .table_ringsize td {
  padding: 3px 0;
  text-align: center;
  width: 18%;
}
#ringSizes .table_ringsize tbody {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #e4e2e3 #e4e2e3;
  border-image: none;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  display: block;
  height: 250px;
  overflow-y: scroll;
  position: relative;
  width: 100%;
}
#ringSizes .table_ringsize tr {
  display: table;
  width: 100%;
}
#ringSizes .table_ringsize tbody tr:nth-of-type(2n + 1) {
  background: #eee none repeat scroll 0 0;
}
#ringSizes .table_ringsize td.table_ringsize_uk {
  width: 8%;
}
#ringSizes .table_ringsize tbody td {
  white-space: nowrap;
}
.about-info > h5 {
  background: url(../icons/Check.png) no-repeat;
  padding-left: 40px;
  min-height: 25px;
  padding-top: 10px;
  font-weight: bold;
}
.finance-calculator {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  max-width: 400px;
  margin: 50px auto;
}
.finance-calculator #btnCalculatefinance {
  height: auto !important;
}
.finance-calculator label,
.finance-calculator .result {
  display: block;
  width: 50%;
  float: left;
  text-align: left;
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 5px;
  flex: 0 50%;
  margin-top: 0;
  position: relative;
}
.finance-calculator input[type="text"],
.finance-calculator select {
  flex: 0 50%;
  margin-top: 0;
}
.finance-calculator .txtfield.error {
  border: 1px solid red;
}
@media (max-width: 768px) {
  .finance-calculator input[type="text"],
  .finance-calculator select {
    flex: 0 100%;
  }
  .finance-calculator label,
  .finance-calculator .result {
    flex: 0 100%;
  }
  .finance-calculator label {
    margin-bottom: 0;
  }
}
#validatePayment .blackTitleHeader {
  margin-bottom: 0;
}
#validatePayment .blackTitleHeader > h2 {
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
  padding-left: 5%;
}
#validatePayment .summary > p {
  padding: 25px 5%;
  margin-bottom: 0;
}
#validatePayment .summary div.creditCard {
  text-align: right;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#validatePayment .summary .paymentdetails {
  padding: 1em 4%;
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: none;
  clear: both;
  font-size: 15px;
  margin-bottom: 20px;
}
#validatePayment .summary .cvvCodeField input {
  max-width: 90px;
  display: inline-block;
}
#validatePayment .summary #cvvImage {
  margin-left: 4px;
}
#validatePayment .summary fieldset label {
  display: block;
  font-style: normal;
  font-weight: 400;
  position: relative;
  line-height: 2.8em;
  clear: both;
  width: 100%;
  margin: 0 0 10px !important;
}
#validatePayment .summary fieldset div {
  font-style: normal;
  font-weight: 400;
  position: relative;
  line-height: 2.8em;
  clear: both;
  margin: 0 0 10px !important;
}
#validatePayment .summary fieldset label input,
#validatePayment .summary fieldset label select {
  max-width: 300px;
  width: 60%;
  float: right;
  font-size: 1em;
  display: block;
  padding: 8px 1.5%;
  margin: 0 0;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-sizing: content-box;
}
#validatePayment .errorMessage,
.form .fieldHolder.hasError .errorMessage {
  text-align: left;
  margin-top: 4px;
  padding: 0;
}
#validatePayment .errorMessage,
.form .fieldHolder.hasError .errorMessage {
  text-align: left;
  margin-top: 4px;
  padding: 0;
}
#validatePayment .summary fieldset div input,
#validatePayment .summary fieldset div select,
#paymentRequest .summary input,
#paymentRequest .summary select {
  max-width: 300px;
  font-size: 1em;
  display: block;
  padding: 8px 1.5%;
  margin: 0 0;
  border: 1px solid #ccc;
  box-sizing: content-box;
  height: 26px;
}
#validatePayment .summary fieldset div select {
  min-width: 50px;
}
#validatePayment .summary fieldset div select + select {
  margin-right: 10px;
}
#validatePayment .summary fieldset .field_label,
#validatePayment .summary fieldset .field_amount {
  height: 20px;
  line-height: 20px;
}
#validatePayment .summary fieldset .field_amount {
  font-weight: 700;
  font-size: 18px;
}
#validatePayment .summary .payButton input {
  min-width: 200px;
  background-image: url(/images/img-2018/Checkout/SmallLock.png);
  background-position: left 15px center;
  margin-top: 10px;
}
#validatePayment .cardNumberHolder {
  display: inline-block;
  width: auto;
}
#validatePayment .cardNumberHolder input {
  width: 100%;
}
#validatePayment #cardTypeHolder {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  height: 36px;
  padding-left: 10px;
}
#validatePayment #cardTypeHolder > input {
  visibility: hidden;
  position: absolute;
}
#validatePayment #cardTypeHolder input + label {
  margin-left: 6px;
  display: inline-block;
  width: 43px;
  height: 36px;
}
#validatePayment #cardTypeHolder input#mastercard + label {
  background: transparent url(/images/img-2018/Checkout/CheckoutMasterCard.svg)
    no-repeat center center/50px;
  border: 2px solid transparent;
}
#validatePayment #cardTypeHolder input#visa + label {
  background: transparent url(/images/img-2018/Checkout/CheckoutVisa.png)
    no-repeat center center/45px;
  border: 2px solid transparent;
}
#validatePayment #cardTypeHolder input#amex + label {
  background: transparent url(/images/img-2018/Checkout/CheckoutAmex.png)
    no-repeat center center/40px;
  border: 2px solid transparent;
}
#validatePayment #cardTypeHolder input#mastercard.active + label {
  background-image: url(/images/img-2018/Checkout/CheckoutMasterCardSelected.svg);
  background-size: 50px;
}
#validatePayment #cardTypeHolder input#visa.active + label {
  background-image: url(/images/img-2018/Checkout/CheckoutVisaSelected.png);
  background-size: 45px;
}
#validatePayment #cardTypeHolder input#amex.active + label {
  background-image: url(/images/img-2018/Checkout/CheckoutAmexSelected.png);
  background-size: 45px;
}
#validatePayment #cardTypeHolder input#mastercard:checked + label {
  background-image: url(/images/img-2018/Checkout/CheckoutMasterCardSelected.svg);
  border-color: #ffc13a;
  background-size: 50px;
}
#validatePayment #cardTypeHolder input#visa:checked + label {
  background-image: url(/images/img-2018/Checkout/CheckoutVisaSelected.png);
  border-color: #ffc13a;
  background-size: 45px;
}
#validatePayment #cardTypeHolder input#amex:checked + label {
  background-image: url(/images/img-2018/Checkout/CheckoutAmexSelected.png);
  border-color: #ffc13a;
  background-size: 45px;
}
#validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateYear,
#validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateMonth {
  width: 110px;
  display: inline-block;
}
#validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateYear {
  margin-left: 10px;
}
#validatePayment .errorLabel {
  color: #d60000;
  font-weight: bold;
  float: left;
  font-size: 20px;
}
.paymentResultInfo h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.6em;
  line-height: 120%;
  margin-bottom: 0.5em;
  display: block;
  text-transform: none;
}
.paymentResultInfo h2 {
  font-size: 2.2em;
  line-height: 2em;
  margin-bottom: 10px;
}
.paymentResultInfo #summary > div:last-of-type {
  margin-top: 20px;
  margin-bottom: 20px;
}
.paymentResultInfo .summary {
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  display: block;
  clear: both;
  font-size: 1.4em;
  line-height: 120%;
}
.paymentResultInfo .summary .item {
  border-bottom: 1px solid #ccc;
  width: 92%;
  padding: 0 4%;
  display: table;
  clear: both;
  position: relative;
}
.paymentResultInfo .summary .thumb {
  width: 18%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.paymentResultInfo .productsHolder + .productsHolder:before {
  border-bottom: 1px solid #ccc;
  content: "";
  margin: 0 auto 20px;
  width: 90%;
}
.paymentResultInfo .productsHolder > div {
  margin-top: 20px;
  margin-bottom: 20px;
}
.paymentResultInfo .summary .description {
  width: 54%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 1.5% 4% 1.5% 0;
}
.paymentResultInfo .summary .totals {
  width: 92%;
  padding: 1.5% 4% 0;
  display: table;
  background: #f4f6f6;
  clear: both;
  position: relative;
}
.paymentResultInfo .summary .totals .label {
  width: 72%;
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.paymentResultInfo .summary .totals .value {
  width: 28%;
  display: table-cell;
  vertical-align: top;
  text-align: right;
  padding-right: 10%;
}
.paymentResultInfo .purchaseTextContainer {
  padding-bottom: 5px;
  display: none;
}
.paymentResultInfo .benefits dl {
  display: block;
  width: 60%;
  max-width: 300px;
}
.paymentResultInfo .benefits dt {
  font-style: normal;
  font-weight: 700;
  font-size: 1.6em;
  text-transform: uppercase;
}
.paymentResultInfo .benefits dd {
  padding-left: 20px;
  font-size: 1.4em;
  line-height: 130%;
  margin-bottom: 0.5em;
}
.paymentResultInfo .spacedUpandDown {
  margin: 20px 0;
}
#termsAndConditions .num {
  margin-right: 5px;
  font-weight: bold;
}
#termsAndConditions ul {
  margin-bottom: 30px;
}
#termsAndConditions ul ul {
  margin: 5px 0 15px 30px;
}
#termsAndConditions ul ul > li {
  font-size: 16px;
}
#email #lblFwdFriendProdDesc::first-letter {
  text-transform: uppercase;
}
#email.form input,
#email.form textarea {
  text-indent: 0;
  padding-left: 10px;
  padding-right: 10px;
}
#expresspage #hero {
  position: relative;
}
#expresspage #hero picture img {
  width: 100%;
}
#expresspage #filtersHolder {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
#expresspage #filtersHolder > div {
  padding: 0 20px;
}
#expresspage #filtersHolder > div + div {
  border-left: 1px solid #ccc;
}
#expresspage #filtersHolder #finalFiltersHolder .resetAllFiltersBtn,
#expresspage #filtersHolder h2 {
  font-size: 16px;
  font-weight: 600;
  color: #878787;
  margin: 15px 0 0;
}
#expresspage #filtersHolder #finalFiltersHolder .resetAllFiltersBtn {
  position: absolute;
  right: 0;
}
#expresspage #filtersHolder .filterHolder {
  margin-top: 15px;
  float: left;
  width: 100%;
}
#expresspage #filtersHolder .stylesHolder li > h3 {
  margin: 0;
}
#expresspage #filtersHolder .stylesHolder li > h3 button {
  box-sizing: border-box;
  width: 100%;
  background-color: transparent;
  border: 0 none;
  font-size: 14px;
  height: 45px;
  cursor: pointer;
  padding-left: 40%;
  text-align: left;
  color: #878787;
}
#expresspage #filtersHolder .stylesHolder li.inactive {
  pointer-events: none;
  opacity: 0.5;
}
#expresspage #filtersHolder .stylesHolder li.active > h3 button {
  color: #ffc13a;
}
#expresspage #filtersHolder .filterHolder.slider > .noUi-target {
  height: 4px;
  background: #ccc;
  border: 0 none;
  margin: 20px 0;
}
#expresspage
  #filtersHolder
  .filterHolder.slider
  > .noUi-target
  .noUi-background,
#expresspage #filtersHolder .filterHolder.slider > .noUi-target .noUi-connect {
  background: none;
  box-shadow: none;
  border: 0 none;
}
#expresspage #filtersHolder .filterHolder.slider > .noUi-target .noUi-handle {
  background: #fff;
  border: 4px solid #ccc;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  margin-top: -10px;
}
#expresspage
  #filtersHolder
  .filterHolder.slider
  > .noUi-target
  .noUi-handle.noUi-handle-upper {
  right: 25px;
}
#expresspage #filtersHolder .filterHolder.slider .sliderMinInput,
#expresspage #filtersHolder .filterHolder.slider .sliderMaxInput {
  width: 60px;
  margin: 5px;
  border: 1px solid #878787;
  text-indent: 5px;
  color: #878787;
}
#expresspage #filtersHolder .filterHolder.slider .sliderMinLabel,
#expresspage #filtersHolder .filterHolder.slider .sliderMaxLabel {
  color: #878787;
}
#expresspage
  #filtersHolder
  #caratSliderHolder.filterHolder.slider
  .sliderMinInput {
  margin-left: 0;
}
#expresspage
  #filtersHolder
  #priceSliderHolder.filterHolder.slider
  .sliderMinInput,
#expresspage
  #filtersHolder
  #priceSliderHolder.filterHolder.slider
  .sliderMaxInput {
  width: 100px;
}
#expresspage #filtersHolder .filterHolder ul > li {
  float: left;
  line-height: 30px;
  box-sizing: border-box;
}
#expresspage #filtersHolder .filterHolder ul > li > button {
  background: none;
  border: 1px solid #878787;
  color: #878787;
  min-width: 30px;
  height: 30px;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 0;
}
#expresspage #filtersHolder .filterHolder ul > li.inactive {
  pointer-events: none;
  opacity: 0.5;
}
#expresspage #filtersHolder .filterHolder ul > li.active > button {
  color: #ffc13a;
  border-color: #ffc13a;
  z-index: 1;
}
#expresspage button[type="button"]:focus,
#expresspage button[type="button"]:active {
  border: 1px solid #878787;
}
button[type="button"]::-moz-focus-inner {
  border: 0 !important;
}
#expresspage #filtersHolder .filterHolder ul > li + li {
  margin-left: 10px;
}
#expresspage #filtersHolder #clarityFilter.filterHolder ul > li > button {
  min-width: 50px;
}
#expresspage #filtersHolder .filterHolder h3 {
  font-size: 16px;
  color: #878787;
  margin-bottom: 10px;
}
#expresspage #filtersHolder #ringTypeFilterHolder ul li .fakeCheckbox {
  color: #878787;
  margin-right: 10px;
}
#expresspage #filtersHolder #diamondFilters .filterHolder h3 {
  margin-bottom: 0;
}
#expresspage #filtersHolder #ringSizeFilterHolder #ringSizeFilter {
  border: 1px solid #878787;
  color: #878787;
  height: 30px;
  margin-right: 5px;
  vertical-align: middle;
  padding-left: 5px;
}
#expresspage #filtersHolder #ringSizeFilterHolder .ringSizeInfo {
  opacity: 0.4;
}
#expresspage #filtersHolder #ringSizeFilterHolder #metalFilters {
  margin-bottom: 50px;
}
.zoomContainer {
  z-index: 1000;
}
#jewelleryFilterHolder li .buttonFilter,
#styleFilterHolder li:not(.style_all) .buttonFilter {
  background-image: url(/images/img-2018/ExpressPage/Filters2.png);
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: 35%;
  display: block;
}
.jewellery_1 > h3 button.buttonFilter {
  background-position: 0 22.03955%;
}
.jewellery_1:hover > h3 button.buttonFilter,
.jewellery_1.active > h3 button.buttonFilter {
  background-position: 0 20%;
}
.style_1 > h3 button.buttonFilter {
  background-position: 0 22.03955%;
}
.style_1:hover > h3 button.buttonFilter,
.style_1.active > h3 button.buttonFilter {
  background-position: 0 20%;
}
.style_3 > h3 button.buttonFilter {
  background-position: 0 96.069%;
}
.style_3:hover > h3 button.buttonFilter,
.style_3.active > h3 button.buttonFilter {
  background-position: 0 94.005403%;
}
.style_35 > h3 button.buttonFilter {
  background-position: 0 67.37865961%;
}
.style_35:hover > h3 button.buttonFilter,
.style_35.active > h3 button.buttonFilter {
  background-position: 0 65.31506347%;
}
.style_36 > h3 button.buttonFilter {
  background-position: 0 42.69551058%;
}
.style_36:hover > h3 button.buttonFilter,
.style_36.active > h3 button.buttonFilter {
  background-position: 0 40.58991443%;
}
.style_4 > h3 button.buttonFilter {
  background-position: 0 91.98180865%;
}
.style_4:hover > h3 button.buttonFilter,
.style_4.active > h3 button.buttonFilter {
  background-position: 0 89.92180865%;
}
.jewellery_3 > h3 button.buttonFilter {
  background-position: 0 17.98236154%;
}
.jewellery_3:hover > h3 button.buttonFilter,
.jewellery_3.active > h3 button.buttonFilter {
  background-position: 0 15.92876634%;
}
.style_21 > h3 button.buttonFilter {
  background-position: 0 26.15674424%;
}
.style_21:hover > h3 button.buttonFilter,
.style_21.active > h3 button.buttonFilter {
  background-position: 0 24.12314904%;
}
.style_19 > h3 button.buttonFilter {
  background-position: 0 18.03236154%;
}
.style_19:hover > h3 button.buttonFilter,
.style_19.active > h3 button.buttonFilter {
  background-position: 0 15.96876634%;
}
.style_24 > h3 button.buttonFilter {
  background-position: 0 46.73270193%;
}
.style_24:hover > h3 button.buttonFilter,
.style_24.active > h3 button.buttonFilter {
  background-position: 0 44.64200672%;
}
.jewellery_4 > h3 button.buttonFilter {
  background-position: 0 10.04797884%;
}
.jewellery_4:hover > h3 button.buttonFilter,
.jewellery_4.active > h3 button.buttonFilter {
  background-position: 0 8.014382698%;
}
.style_8 > h3 button.buttonFilter {
  background-position: 0 6.010787495%;
}
.style_8:hover > h3 button.buttonFilter,
.style_8.active > h3 button.buttonFilter {
  background-position: 0 4.000191349%;
}
.style_9 > h3 button.buttonFilter {
  background-position: 0 10.04797884%;
}
.style_9:hover > h3 button.buttonFilter,
.style_9.active > h3 button.buttonFilter {
  background-position: 0 8.014382698%;
}
.style_26 > h3 button.buttonFilter {
  background-position: 0 14.06517019%;
}
.style_26:hover > h3 button.buttonFilter,
.style_26.active > h3 button.buttonFilter {
  background-position: 0 12.02157405%;
}
.style_38 > h3 button.buttonFilter {
  background-position: 0 83.84742595%;
}
.style_38:hover > h3 button.buttonFilter,
.style_38.active > h3 button.buttonFilter {
  background-position: 0 81.81982981%;
}
.jewellery_5 > h3 button.buttonFilter {
  background-position: 0 50.95989328%;
}
.jewellery_5:hover > h3 button.buttonFilter,
.jewellery_5.active > h3 button.buttonFilter {
  background-position: 0 48.88629807%;
}
.style_22 > h3 button.buttonFilter {
  background-position: 0 71.42585096%;
}
.style_22:hover > h3 button.buttonFilter,
.style_22.active > h3 button.buttonFilter {
  background-position: 0 69.39225576%;
}
.style_10 > h3 button.buttonFilter {
  background-position: 0 87.8546173%;
}
.style_10:hover > h3 button.buttonFilter,
.style_10.active > h3 button.buttonFilter {
  background-position: 0 85.82102116%;
}
.style_11 > h3 button.buttonFilter {
  background-position: 0 55.19708557%;
}
.style_11:hover > h3 button.buttonFilter,
.style_11.active > h3 button.buttonFilter {
  background-position: 0 53.1348942%;
}
.style_27 > h3 button.buttonFilter {
  background-position: 0 50.98989328%;
}
.style_27:hover > h3 button.buttonFilter,
.style_27.active > h3 button.buttonFilter {
  background-position: 0 48.89929807%;
}
.jewellery_6 > h3 button.buttonFilter {
  background-position: 0 79.58023366%;
}
.jewellery_6:hover > h3 button.buttonFilter,
.jewellery_6.active > h3 button.buttonFilter {
  background-position: 0 77.5063846%;
}
.style_12 > h3 button.buttonFilter {
  background-position: 0 30.25393653%;
}
.style_12:hover > h3 button.buttonFilter,
.style_12.active > h3 button.buttonFilter {
  background-position: 0 28.18034039%;
}
.style_13 > h3 button.buttonFilter {
  background-position: 0 1.403596145%;
}
.style_13:hover > h3 button.buttonFilter,
.style_13.active > h3 button.buttonFilter {
  background-position: 0 -0.65%;
}
.style_32 > h3 button.buttonFilter {
  background-position: 0 34.370213%;
}
.style_32:hover > h3 button.buttonFilter,
.style_32.active > h3 button.buttonFilter {
  background-position: 0 32.312553%;
}
.style_31 > h3 button.buttonFilter {
  background-position: 0 38.49831923%;
}
.style_31:hover > h3 button.buttonFilter,
.style_31.active > h3 button.buttonFilter {
  background-position: 0 36.437872%;
}
.style_40 > h3 button.buttonFilter {
  background-position: 0 58.99427692%;
}
.style_40:hover > h3 button.buttonFilter,
.style_40.active > h3 button.buttonFilter {
  background-position: 0 56.95068077%;
}
.style_43 > h3 button.buttonFilter {
  background-position: 0 63.31146827%;
}
.style_43:hover > h3 button.buttonFilter,
.style_43.active > h3 button.buttonFilter {
  background-position: 0 61.30787212%;
}
.style_44 > h3 button.buttonFilter {
  background-position: 0 75.63304231%;
}
.style_44:hover > h3 button.buttonFilter,
.style_44.active > h3 button.buttonFilter {
  background-position: 0 73.56944711%;
}
.style_45 > h3 button.buttonFilter {
  background-position: 0 99.72766%;
}
.style_45:hover > h3 button.buttonFilter,
.style_45.active > h3 button.buttonFilter {
  background-position: 0 97.84966%;
}
#metalFilter {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 50px;
}
#metalFilter li {
  width: 32px;
  height: 32px;
  border: 1px solid transparent;
  background-image: url(/images/img-2018/ExpressPage/Metals.png);
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
}
#metalFilter li.active {
  border-color: #ffc13a;
}
#metalFilter li.inactive {
  opacity: 0.2;
}
#metalFilter li.metal_all {
  background-position: -20px -20px;
}
#metalFilter li.metal_PLAT {
  background-position: -20px -90px;
}
#metalFilter li.metal_RG {
  background-position: -20px -160px;
}
#metalFilter li.metal_WG {
  background-position: -20px -230px;
}
#metalFilter li.metal_YG {
  background-position: -20px -300px;
}
#expresspage #filtersHolder #metalFilter li {
  position: static;
}
#expresspage #filtersHolder #metalFilter li h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
#expresspage #filtersHolder #metalFilter li.active h3 {
  display: block;
}
#expresspage #resultsHolder {
  margin-top: 20px;
}
#expresspage #resultsHolder #resultsCount {
  margin-top: 10px;
  color: #878787;
}
#expresspage #resultsHolder .sortSelect {
  height: 36px;
  border: 1px solid #ccc;
  padding-left: 5px;
}
#expresspage #itemsList {
  margin-top: 20px;
  overflow: hidden;
  min-height: 35px;
}
#expresspage #itemsList .item {
  height: 400px;
}
#expresspage #itemsList .item .sliderHolder {
  position: relative;
}
#expresspage #itemsList .item figure.slide {
  border: 1px solid #ccc;
  width: 100%;
  height: 250px;
  margin-bottom: 10px;
}
#expresspage #itemsList .item figure.slide:hover {
  border-color: #ffc13a;
}
#expresspage #itemsList .item figure.slide img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  max-height: 100%;
}
#expresspage #itemsList .item figure.slide.is-real-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#expresspage #itemsList .item .itemName {
  font-size: 16px;
  margin-bottom: 10px;
}
#expresspage #itemsList .item .diamondDescription {
  font-size: 16px;
  color: #878787;
  font-weight: 300;
  margin-bottom: 10px;
}
#expresspage #itemsList .item .itemPrice {
  font-size: 22px;
  margin-bottom: 10px;
}
#expresspage .price-popup-holder .item-price,
#expresspage .price-popup-holder .item-price.hasDiscount {
  font-size: 33px;
}
#expresspage .item-price.hasDiscount:after {
  font-size: inherit;
}
#expresspage #itemsList .item .availableSizes {
  font-size: 14px;
  color: #878787;
}
#expresspage #itemsList .item .availableSizes > span:after {
  content: ", ";
}
#expresspage #itemsList .item .availableSizes > span:last-of-type:after {
  content: "";
}
#expresspage #ajaxButtonsHolder {
  margin: 20px auto;
}
#expresspage #ajaxButtonsHolder #loadMore,
#expresspage #ajaxButtonsHolder #toTop {
  height: 60px;
  text-transform: uppercase;
  color: #666;
  vertical-align: top;
  -webkit-appearance: none;
}
#expresspage #ajaxButtonsHolder button#toTop {
  line-height: 15px;
}
#expresspage #ajaxButtonsHolder button > i.fa {
  font-size: 40px;
  line-height: 10px;
}
.zoomWindowContainer {
  z-index: 100000;
}
.zoomWindow {
  z-index: 8;
}
#productInfo {
  border-radius: 10px;
  padding: 20px;
  max-height: 85vh;
}
.productInfoExpressContent {
  position: fixed;
  top: 50%;
  z-index: 1000;
  width: 80%;
  max-width: 960px;
  height: auto;
  overflow: hidden;
  background: #fff;
  margin: 0 auto !important;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#productInfo #containerFlash #player {
  height: auto !important;
  max-width: 100%;
}
#expresspage #productInfo .carrousel_left,
#expresspage #productInfo .carrousel_right {
  top: 25%;
}
#productInfo > .productInfoHolder {
  overflow: auto;
  max-height: 80vh;
}
.btn-close {
  width: 28px;
  height: 28px;
  background: url(../icons/Close.png) no-repeat center
    center/20px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}
#info-table,
#info-table-pair {
  margin-bottom: 30px;
  color: #575757;
  font-size: 13px;
  line-height: 17px;
  display: inline-block;
}
#info-table-pair {
  margin-left: 30px;
}
#info-table td:first-child,
#info-table-pair td:first-child {
  width: 55px;
}
.content .btn {
  display: block;
  width: 100%;
  font-size: 2em;
  box-sizing: border-box;
  padding: 10px 26px;
}
.price-popup-holder .prod-price.hasDiscount:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 50%;
  color: red;
  border-top: 2px solid;
}
.price-popup-holder .prod-price.hasDiscount:before {
  width: 100%;
  top: 50%;
  left: 0;
}
.prod-price.hasDiscount:after {
  display: block;
  color: red;
}
#productInfo .price-popup-holder .prod-price {
  font-weight: bold;
}
#productInfo .price-popup-holder .prod-price.hasDiscount {
  position: relative;
  color: #000;
}
#productInfo .price-popup-holder {
  font-size: 2.5em;
  margin-bottom: 0;
}
#productInfo .price-popup-holder .prod-price.hasDiscount::after {
  top: 25%;
  width: 100%;
}
.SEOshapes .subNavSlider > li img {
  max-height: 45px;
}
.SEOshapes2017 .line,
.shape2017applyMargin {
  margin: 20px 0;
}
.shape2017applyMargin.noTopMargin {
  margin-top: 0;
}
.SEOshapes2017 .line:first-child {
  margin-top: 0;
}
.SEOshapes2017 .firstText {
  padding-top: 40px;
}
.SEOshapes2017 .firstFigure {
  margin-top: 50px;
}
.SEOshapes2017 h1,
.SEOshapes2017 h2 {
  font-size: 3.2em;
  margin-bottom: 15px;
  white-space: nowrap;
}
.SEOshapes2017 hr {
  border-color: #868686;
  border-width: 0 0 1px 0;
}
.SEOshapes2017 .bgShape_1 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_RoundBG.png)
    no-repeat left -60px top -20px / auto 320px;
}
.SEOshapes2017 .bgShape_2 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_PrincessBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .bgShape_3 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_EmeraldBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .bgShape_4 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_AsscherBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .bgShape_5 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_PearBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .bgShape_6 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_RadiantBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .bgShape_7 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_OvalBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .bgShape_8 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_CushionBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .bgShape_9 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_HeartBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .bgShape_10 {
  background: url(/images/img-2018/SEOPages/Shapes/ShapePage_MarquiseBG.png)
    no-repeat left -60px top -20px / auto 300px;
}
.SEOshapes2017 .rightBG {
  background-position: right center;
}
.SEOshapes2017 .videoHolder .iframeHolder,
.SEOshapes2017 .videoHolder > video {
  max-width: 100%;
  margin-top: 20px;
}
.SEOshapes2017 .videoHolder {
  text-align: center;
}
.SEOshapes2017 .videoHolder .iframeHolder {
  display: inline-block;
}
.SEOshapes2017 #productsHolder {
  min-height: 485px;
  overflow: hidden;
  transition: height 0.5s;
}
.SEOshapes2017 #productsHolder.lessThan8 {
  min-height: 250px;
}
.SEOshapes2017 #productsHolder li {
  height: 240px;
}
.SEOshapes2017 #productsHolder li h3 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}
.SEOshapes2017 #productsHolder li p {
  font-size: 16px;
  font-style: italic;
  color: #666;
}
.SEOshapes2017 #productsHolder li a.link {
  opacity: 0;
  background-color: #878787;
  padding: 6px 48px;
  color: #fff;
  transition: opacity 0.5s;
}
.SEOshapes2017 #productsHolder li:hover a.link {
  opacity: 1;
}
.SEOshapes2017 #viewAllButton {
  background-color: #fff;
  border: 0 none;
  font-size: 22px;
  margin: -24px auto 20px;
  color: #868686;
  cursor: pointer;
  display: block;
}
.SEOshapes2017 #viewAllButton:after {
  content: " ";
  display: block;
  margin: -5px auto;
  background: transparent url(/images/img-2018/Common/arrow_706f6f.png)
    no-repeat center center/auto 35px;
  transform: rotate(90deg);
  width: 50px;
  height: 35px;
  transition: transform 0.5s;
}
.SEOshapes2017 #viewAllButton.active:after {
  transform: rotate(270deg);
}
.SEOshapes2017 .designYourRingHolder > p {
  font-size: 20px;
}
.SEOshapes2017 .chooseHolder img.fixedHeight {
  height: 180px;
  margin-bottom: 20px;
}
.SEOshapes2017 .chooseHolder h3 {
  font-style: italic;
  margin-top: 20px;
}
.SEOshapes2017 .chooseHolder p {
  padding: 0 20px;
}
.shape2017greyBG {
  background-color: #f4f4f4;
  float: left;
  width: 100%;
  margin-top: 100px;
}
.shape2017greyBG .quickLinks {
  transform: translateY(-39%);
}
.shape2017greyBG .quickLinks figcaption {
  font-size: 18px;
  font-style: italic;
  color: #666;
  margin-top: 20px;
}
.shape2017greyBG .shapesHolder li > a {
  text-align: center;
  font-size: 18px;
}
.shape2017greyBG .shapesHolder li:hover > a {
  color: #ffc13a;
}
.shape2017greyBG .centeredText {
  font-size: 16px;
}
.shape2017greyBG #shapesList li {
  float: left;
  width: 9%;
  margin-left: 2%;
}
.SEOshapes2017 .centeredContent,
.shape2017greyBG .centeredContent {
  padding: 0 30px;
}
.shape2017greyBG .bottomImgHolder img {
  max-height: 300px;
}
.SEOshapes2017 p a,
.shape2017greyBG a {
  text-decoration: underline;
  color: #000;
}
#springFlashSale2019 .formArea {
  background-color: #dadada;
  padding: 45px 0;
  text-align: center;
}
#springFlashSale2019 .formArea h1 {
  font-size: 35px;
  color: #000;
  font-family: "Caslon Pro";
  margin-bottom: 12px;
}
#springFlashSale2019 .formArea h2 {
  font-size: 22px;
  color: #000;
}
#springFlashSale2019 .formArea .form {
  max-width: 520px;
  margin: auto;
  padding: 12px;
}
#springFlashSale2019 .formArea .form .maleFemaleHolder .buttonsHolder button {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  padding: 0;
  height: 40px;
}
#springFlashSale2019
  .formArea
  .form
  .maleFemaleHolder
  .buttonsHolder:nth-child(1) {
  padding-left: 0;
}
#springFlashSale2019
  .formArea
  .form
  .maleFemaleHolder
  .buttonsHolder:nth-child(2) {
  padding-right: 0;
}
#springFlashSale2019
  .formArea
  .form
  .maleFemaleHolder
  .buttonsHolder
  .button_gender.active {
  border: 1px solid #ffc13a;
}
#springFlashSale2019 .formArea .form .maleFemaleHolder input {
  display: none;
}
#springFlashSale2019 .formArea .form .errorMessage {
  margin-top: -5px;
}
#springFlashSale2019 .formArea .form .maleFemaleHolder .errorMessage {
  display: block;
  position: relative;
  float: left;
  margin-top: 5px;
}
#springFlashSale2019 .formArea .form .buttonsHolder button {
  width: 100%;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}
#springFlashSale2019 .formArea .privacyAgreement {
  margin-top: 12px;
  padding: 0 12px;
  max-width: 480px;
  margin: auto;
  font-size: 12px;
  line-height: 16px;
}
#springFlashSale2019 .formArea .privacyAgreement a {
  text-decoration: underline;
}
#springFlashSale2019 .offersArea {
  padding: 50px 0;
}
#springFlashSale2019 .offersArea a.offerBanners {
  margin-top: 14px;
  display: block;
}
#springFlashSale2019 .offersArea h3 {
  text-align: center;
  color: #000;
  font-family: "Caslon Pro";
  font-size: 45px;
}
#springFlashSale2019 .offersArea figure {
  position: relative;
}
#springFlashSale2019 .offersArea figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 50px;
  pointer-events: none;
  text-align: left;
}
#springFlashSale2019 .offersArea figure figcaption .h2 {
  font-size: 32px;
  line-height: 38px;
  font-family: "Source Sans Pro";
  margin-bottom: 12px;
}
#springFlashSale2019 .offersArea figure figcaption .h3 {
  font-size: 20px;
  line-height: 28px;
}
#springFlashSale2019 .offersArea figure figcaption a.btn {
  background-color: #000;
  color: #fff;
  width: 182px;
  height: 30px;
  line-height: 30px;
}
@media (min-width: 481px) and (max-width: 1030px) {
  #springFlashSale2019 .offersArea figure figcaption {
    padding-left: 20px;
  }
  .clockHolder_SpringFlashSale2019 {
    right: 17%;
  }
}
@media (max-width: 480px) {
  #springFlashSale2019 .offersArea figure figcaption {
    padding-left: 20px;
  }
  #springFlashSale2019 .offersArea figure figcaption .info {
    align-self: flex-end;
    margin-bottom: 30px;
  }
  #springFlashSale2019 .offersArea figure figcaption .h2 {
    font-size: 34px;
    line-height: 38px;
  }
  #springFlashSale2019 .offersArea h3 {
    font-size: 28px;
  }
  #springFlashSale2019 .offersArea figure figcaption .h3 {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 26px;
  }
  #springFlashSale2019 .formArea .form .buttonsHolder button {
    margin-top: 2px;
  }
  #springFlashSale2019
    .formArea
    .form
    .buttonsHolder
    #Subscribe_SpringFlashSale2019_OffersPage {
    margin-top: 12px;
  }
  #springFlashSale2019 .formArea h1 {
    font-size: 22px;
  }
  #springFlashSale2019 .formArea h2 {
    font-size: 14px;
  }
}
#mengagementPage .hero .info {
  width: 47%;
  margin-top: 8%;
}
#mengagementPage .hero .info h1,
#mengagementPage .hero .info p {
  color: #fff;
  text-shadow: none;
  display: inline-block;
}
#mengagementPage #hero .info {
  margin: 5% auto;
  text-align: center;
}
#mengagementPage #hero .info h1 {
  font-weight: 300;
  font-size: 40px;
  margin-bottom: 10px;
}
#mengagementPage #hero .info h1 > strong {
}
#mengagementPage #hero .info p {
  border-top: 4px solid #fff;
  padding: 10px 15px;
}
#imperoLandingPage {
  background-color: #000;
}
#imperoLandingPage p,
#imperoLandingPage h2,
#imperoLandingPage h3 {
  color: #fff;
}
#imperoLandingPage h2,
#imperoLandingPage h3 {
  font-size: 40px;
}
#imperoLandingPage h2 {
  margin: 45px 0 30px 0;
}
#imperoLandingPage h3 {
  margin-bottom: 15px;
}
#imperoLandingPage .marginBottom {
  margin-bottom: 30px;
}
#imperoLandingPage .videoSize {
  max-width: 100%;
}
#imperoLandingPage .decoFrames {
  background-image: url(/images/img-2018/ImperoLP/LeftFrame_Desktop.png),
    url(/images/img-2018/ImperoLP/RightFrame_Desktop.png);
  background-position: left 30px top, right 30px bottom;
  background-repeat: no-repeat;
}
#imperoLandingPage figure figcaption div {
  padding: 20px 70px;
}
.celebrityPage h1 {
  font-size: 4em;
  margin-top: 1em;
  margin-bottom: 0.4em;
}
.celebrityPage a {
  color: #000;
  text-decoration: underline;
}
.celebrityPage article h2 {
  margin: 50px 0 7px 0;
  text-transform: none;
  color: #000;
  letter-spacing: 0;
  font-size: 3.6em;
}
.celebrityPage article h3 {
  font-size: 2.4em;
  padding-bottom: 10px;
  border-bottom: 2px solid #222;
  font-weight: bold;
  text-transform: none;
  margin-top: 50px;
  margin-bottom: 1em;
  font-style: normal;
  color: #feb100;
}
.celebrityPage article > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.celebrityPage article div.centered {
  text-align: center;
}
.celebrityPage article div.centered > img:first-child {
  margin-right: 20px;
}
.celebrityPage .innerDivTexRight,
.celebrityPage .innerDivTexLeft {
  position: relative;
}
.celebrityPage .innerDivTexRight .textHolder,
.celebrityPage .innerDivTexLeft .textHolder {
  position: absolute;
  top: 200px;
}
.celebrityPage .innerDivTexRight .textHolder {
  right: 5px;
}
.celebrityPage .innerDivTexLeft .textHolder {
  left: 10px;
}
.celebrityPage .innerDivTexRight .textHolder h4,
.celebrityPage .innerDivTexLeft .textHolder h4 {
  font-size: 48px;
  color: #ffc13a;
  margin-bottom: 20px;
}
.celebrityPage article img.desktopSpacing {
  margin-bottom: 30px;
}
#gdprPage h1,
#gdprPage h2 {
  font-size: 26px;
  margin-bottom: 30px;
}
#gdprPage .line {
  margin-top: 80px;
}
#gdprPage .mostPopContentHolder .col.info {
  position: absolute;
  width: 40%;
  top: 48%;
  transform: translateY(-50%);
}
#gdprPage .mostPopContentHolder .col.info .btn.arrowBtn {
  white-space: normal;
  text-align: left;
  color: #706f6f;
  text-transform: none;
  background-image: url(/images/img-2018/Common/arrow_706f6f.png);
}
#gdprPage .mostPopContentHolder .col.info .btn.arrowBtn:hover {
  color: #ffc13a;
  background-color: transparent;
  background-image: url(/images/img-2018/Common/arrow.png);
}
#gdprPage .worldTopNews77Holder article .textHolder {
  width: 70%;
  margin: 20px auto;
  background: transparent url(/images/img-2018/GDPRLP/GDPRLP_BlogIcon.png)
    no-repeat top left;
  padding-top: 20px;
  padding-left: 35px;
}
#gdprPage .worldTopNews77Holder article .textHolder h3 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 15px;
}
#gdprPage .worldTopNews77Holder article .textHolder p {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 10px;
}
#gdprPage .worldTopNews77Holder article .textHolder .btn.arrowBtn {
  text-transform: none;
}
#homepageProducts {
  margin: 25px 0;
}
#homepageProducts .slide {
  margin: 25px 0;
  position: relative;
  transition: background-color 0.5s ease;
}
#homepageProducts .slide:hover:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
#homepageProducts .slide h3 {
  font-size: 18px;
}
#homepageProducts .slide h3 > span {
  color: #aaa;
  font-size: 16px;
}
#homepageProducts .slide a.arrowBtn {
  position: absolute;
  opacity: 0;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 130px;
  height: 20px;
  height: 100%;
  line-height: 193px;
  z-index: 2;
  transition: top 0.5s ease, opacity 0.5s ease;
}
#homepageProducts.jan18 .slide a.arrowBtn {
  line-height: 232px;
}
#homepageProducts .slide:hover a.arrowBtn {
  top: 0;
  opacity: 1;
}
#homepageProducts .slide a.arrowBtn:hover:not(.disabled) {
  background-color: transparent;
  color: #ffc13a;
}
#homepage.jan18 .subNavSlidesHolder figcaption > .info h2.jan18grey {
  font-size: 44px;
  margin-bottom: 0;
}
#homepage.jan18 .subNavSlidesHolder figcaption > .info img {
  max-width: 380px;
  margin: 5px auto 15px;
}
.darkOverlay.summer2017 {
  background-color: rgba(0, 0, 0, 0);
}
#newsletterBox.summer2017 {
  width: 800px;
  height: 450px;
  background: #fff
    url(/images/img-2017/Summer/newsletterPopUp/Popimage_812x451.jpg) no-repeat;
  box-shadow: -5px 5px 30px #999;
  border: 0 none;
  border-radius: 0;
}
#newsletterBox.summer2017.imperoCollection {
  background: #fff url(/images/img-2017/Impero/Popimage_812x451.png) no-repeat;
  box-shadow: unset;
}
#newsletterBox.summer2017.imperoCollection .content > div {
  height: 100%;
}
#newsletterBox.summer2017.imperoCollection .content .textHolder {
  position: absolute;
  bottom: 15px;
}
#newsletterBox.summer2017.imperoCollection .content .textHolder h2,
#newsletterBox.summer2017.imperoCollection .content .textHolder {
  color: #fff;
}
#newsletterBox.summer2017.imperoCollection .content .textHolder p {
  padding: 0 15px;
}
#newsletterBox.summer2017 .content h2 {
  color: #000;
  font-size: 72px;
  font-weight: normal;
  text-indent: 0;
  text-align: center;
}
#newsletterBox.summer2017 .content > div,
#newsletterBox:not(.summer2017) .content .newsletter {
  width: 45%;
}
#newsletterBox.summer2017 .content .newsletter {
  margin: 30px 0;
  width: 55%;
}
#newsletterBox:not(.summer2017) .content .newsletter > input[type="text"] {
  width: 45%;
}
#newsletterBox:not(.summer2017)
  .content
  .newsletter
  > input[type="text"]:first-child {
  margin-right: 9%;
}
#newsletterBox.summer2017 .content .newsletter .btn {
  margin-top: 0;
}
#newsletterBox.summer2017 .content input[type="text"],
#newsletterBox.summer2017 .content select {
  height: 40px;
  margin-bottom: 20px;
}
#newsletterBox.summer2017.imperoCollection .content input[type="text"] {
  float: left;
}
#newsletterBox.summer2017.imperoCollection .content #txtNewsletterEmailPopup {
  float: none;
}
#newsletterBox.summer2017 div.newsletter div.genderWrapper {
  display: block;
  margin-bottom: 18px;
  margin-left: -52px;
  font-size: 14px;
}
#newsletterBox.summer2017.imperoCollection .content .newsletter .disclaimer,
#newsletterBox.summer2017.imperoCollection div.newsletter div.genderWrapper {
  color: #fff;
  display: block;
  float: none;
}
#newsletterBox.summer2017.imperoCollection div.newsletter div.dateHolder {
  display: inline-block;
  margin: auto;
}
#newsletterBox.summer2017 div.newsletter div.genderWrapper label:first-of-type {
  margin-left: 5px;
  margin-right: 2%;
}
div.newsletter.summer2017 div.genderWrapper label {
  margin-bottom: 0;
  vertical-align: middle;
}
footer div.newsletter.summer2017 {
  margin-top: -30px;
}
footer div.newsletter.summer2017 > div {
  width: 100%;
}
footer div.newsletter.summer2017 div.genderWrapper {
  vertical-align: middle;
}
footer div.newsletter.summer2017 div.genderWrapper label:first-of-type {
  margin-left: 15px;
}
footer div.newsletter.summer2017 .submitBtn {
  margin-bottom: 10px;
}
#newsletterBox.summer2017 .content .newsletter .disclaimer,
footer div.newsletter.summer2017 .disclaimer {
  font-size: 11px;
  color: #666;
  font-style: normal;
}
#newsletterBox.summer2017 .content .newsletter .disclaimer {
  font-size: 12px;
  margin-top: 40px;
  text-align: center;
}
footer div.newsletter.summer2017 .genderHolder > span {
  vertical-align: middle;
}
footer div.newsletter.summer2017 .dateHolder > input,
#newsletterBox.summer2017 .content .dateHolder > input {
  width: 50px;
  margin-left: 10px;
  text-align: center;
  text-indent: 0;
}
#newsletterBox.summer2017 #closeBox {
  right: -10px;
  top: -10px;
}
#homepage.summer2017 #hero .info h2,
#homepage.summer2017 #hero .info h3 {
  color: #000;
  text-shadow: none;
}
#blackFriday .hero h3,
#blackFriday .hero p {
  color: #fff;
  text-shadow: none;
  letter-spacing: 1px;
}
#blackFriday .hero h3 {
  font-size: 30px;
}
#blackFriday .hero .info {
  width: 40%;
}
#blackFriday .hero + .hero {
  margin-top: 15px;
}
#blackFriday .bannerLinks.blackFriday2017 {
  position: relative;
  margin-bottom: 10px;
}
#blackFriday .bannerLinks.blackFriday2017 {
  padding-top: 0;
}
.bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) {
  font-size: 16px;
  color: #ffc13a;
  min-width: 160px;
}
.bannerLinks.blackFriday2017 .btn.eventBtn:hover:not(.disabled) {
  color: #bbb;
  border-color: #bbb;
}
.bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) > span {
  background: transparent url(../images/img-2017/Spring/Common/arrow.png)
    no-repeat center right 10px/12px auto;
}
.bannerLinks.blackFriday2017 .btn.eventBtn:hover:not(.disabled) > span {
  background: transparent url(../images/img-2017/Spring/Common/arrow_bbb.gif)
    no-repeat center right 5px/12px auto;
}
.bannerLinks.blackFriday2017.readOnly .btn.eventBtn:not(.disabled) {
  color: #000;
  border-color: #02a002;
  text-align: center;
  cursor: default;
  pointer-events: none;
}
.bannerLinks.blackFriday2017.readOnly .btn.eventBtn:hover:not(.disabled) > span,
.bannerLinks.blackFriday2017.readOnly .btn.eventBtn:not(.disabled) > span {
  background: none;
}
#blackFriday .title {
  margin: 25px 0;
}
#blackFriday h2.title {
  margin: 60px 0 40px 0;
}
#blackFriday .HelpGuidanceHolder p {
  margin-bottom: 45px;
}
#blackFriday #topBanner .info {
  width: 90%;
}
#blackFriday
  #topBanner
  .bannerLinks.blackFriday2017
  .btn.eventBtn:not(.disabled) {
  width: 180px;
  text-align: center;
}
#blackFriday
  #topBanner
  .bannerLinks.blackFriday2017
  .btn.eventBtn:not(.disabled)
  > span {
  background: none;
}
#blackFriday #blackFriday2017Holder {
  overflow: hidden;
}
#blackFriday #blackFriday2017Holder > .line {
  margin: 0 -5px;
}
#blackFriday > .blackFriday2017 figure#logoHolder img {
  width: 60%;
  margin: 60px 0;
}
#blackFriday > .blackFriday2017 .textHolder {
  width: 80%;
  margin: auto;
}
#blackFriday > .blackFriday2017 .genderWrapper > .errorMessage {
  margin-top: 2px;
  padding: 0;
}
#blackFriday > .blackFriday2017 div.newsletter div.genderWrapper div.gender {
  width: 34px;
  height: 36px;
  line-height: 33px;
  text-indent: 0;
  text-align: center;
  background: #ccc;
  color: #000 !important;
  border: 1px solid #ccc;
  text-transform: uppercase;
  font-size: 16px;
  box-sizing: border-box;
}
#blackFriday > .blackFriday2017 .newsletterHolder {
  width: 100%;
  background-color: #ddd;
  padding-bottom: 0;
}
#blackFriday > .blackFriday2017 .newsletterHolder > h2 {
  margin-top: 40px;
}
#blackFriday > .blackFriday2017 .newsletterHolder .newsletter {
  width: 50%;
  margin-bottom: 40px;
}
#blackFriday > .blackFriday2017 div.newsletter div.genderWrapper {
  width: 49%;
  white-space: nowrap;
  overflow: hidden;
}
#blackFriday > .blackFriday2017 div.newsletter div.genderWrapper label {
  display: inline-block;
  width: 48%;
  margin: 0;
}
#blackFriday > .blackFriday2017 div.newsletter div.genderWrapper label + label {
  margin-left: 3%;
}
#blackFriday
  > .blackFriday2017
  div.newsletter
  div.genderWrapper
  div.gender:hover {
  background: #666;
  border-color: #666;
}
#blackFriday
  > .blackFriday2017
  div.newsletter
  div.genderWrapper
  input:checked
  + div.gender {
  background: #ffc13a;
  border-color: #ffc13a;
}
#blackFriday > .blackFriday2017 .submitBtn,
#blackFriday > .blackFriday2017 div.newsletter,
#blackFriday > .blackFriday2017 div.newsletter div.genderWrapper div.gender {
  width: 100%;
}
#blackFriday > .blackFriday2017 .submitBtn {
  height: 40px;
  font-weight: 600;
}
#blackFriday .blackFriday2017 .fieldHolder > input {
  height: 36px;
}
#blackFriday .blackFriday2017 .selectionBtn {
  width: 49%;
}
#blackFriday .blackFriday2017 .selectionBtn + .selectionBtn {
  margin-left: 2%;
}
#blackFriday .blackFriday2017 .selectionBtn:hover {
  background-color: #ffc13a;
  cursor: default;
}
#blackFriday .blackFriday2017 .selectionBtn.greyBG:hover {
  background-color: #666;
  border-color: #666;
  cursor: pointer;
}
#blackFriday .blackFriday2017 div.newsletter .message {
  float: left;
  width: 100%;
}
#blackFriday .blackFriday2017 div.newsletter .message.error {
  color: red;
}
#newsletterBox.summer2017.imperoCollection.museCollection {
  background: #fff url(/images/img-2018/MuseCollection/PopupBG.jpg) no-repeat;
  box-shadow: unset;
}
#newsletterBox.summer2017.imperoCollection.museCollection h3,
#newsletterBox.summer2017.imperoCollection.museCollection p,
#newsletterBox.summer2017.imperoCollection.museCollection
  div.newsletter
  div.genderWrapper,
#newsletterBox.summer2017.imperoCollection.museCollection
  .content
  .newsletter
  .disclaimer,
#newsletterBox.summer2017.imperoCollection.museCollection .content select {
  color: #666;
}
#newsletterBox.imperoCollection.museCollection.success .successPart {
  right: 0;
  left: 0;
  margin: auto;
}
#newsletterBox.imperoCollection.museCollection.success .successPart h2 {
  color: #666;
}
#homepage .col.info.museCollection {
  width: 30%;
}
#homepage #hero.museCollection .slick-dots > li > button {
  border-color: #fbd4d1;
}
#homepage #hero.museCollection .slick-dots > li.slick-active > button {
  background-color: #fbd4d1;
}
#hero .slide.ss18 .info {
  left: 0;
  right: 0;
  height: 100%;
  max-width: 95%;
  font-family: "Caslon Pro";
  box-shadow: none;
}
#hero .slide.ss18 figcaption .info h1 {
  text-shadow: none;
  font-size: 36px;
  margin-bottom: 20px;
  color: #fff;
}
#hero .slide.ss18 figcaption .info h2 {
  text-shadow: none;
  font-size: 90px;
  margin-bottom: 14px;
  color: #fff;
}
#hero .slide.ss18 figcaption .info h3 {
  text-shadow: none;
  font-size: 36px;
  color: #fff;
}
#hero .slide.ss18 .sampleDate {
  bottom: 17px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#hero .slide.ss18 .sampleDate > p {
  font-size: 32px;
  line-height: 34px;
  margin: 0;
  color: #59595b;
  white-space: nowrap;
}
#homepage #hero.ss18 figcaption.row br {
  display: block;
}
#underMenuHolder.ss18.stickyActive,
#underMenuHolder.ss18 > .container {
  background-color: #383f49;
  overflow: hidden;
}
#underMenuHolder.ss18 a.closeSticky {
  color: #fff;
}
#underMenuHolder.ss18 > .container p {
  font-weight: 300;
  font-size: 20px;
  margin: 15px 0 15px 30px;
  color: #fff;
}
#underMenuHolder.ss18 > .container p > strong {
  font-weight: 600;
  font-weight: normal;
}
#underMenuHolder.ss18 .visitShowroom .btn.arrowBtn {
  font-weight: 300;
  font-size: 20px;
  text-transform: none;
  margin: 10px 60px 10px 0;
  color: #fff;
  letter-spacing: 0;
  border-width: 2px;
  background-image: url(/images/img-2018/Common/arrow_white.png);
}
#underMenuHolder.ss18 .visitShowroom .arrowBtn {
  font-weight: 300;
  font-size: 20px;
  margin: 15px 60px 10px 0;
  display: inline-block;
  text-transform: uppercase;
}
#underMenuHolder.ss18 .visitShowroom .arrowBtn:hover {
  color: #fff;
}
.springSale18grey {
  color: #fff;
}
a.arrowBtn.springSale18,
a.arrowBtn.springSale18:link,
a.arrowBtn.springSale18:visited,
.arrowBtn.springSale18 {
  text-transform: uppercase;
  color: #fff;
  padding: 6px 35px 6px 6px;
  border: 1px solid #ffc13a;
  font-size: 16px;
  background-image: url(/images/img-2018/Common/arrow_706f6f.png);
  background-size: 14px auto;
  background-position: center right 6px;
  background-color: rgba(255, 193, 58, 0.14);
}
a.arrowBtn.springSale18:hover,
.arrowBtn.springSale18:hover {
  color: #ffc13a;
  background-image: url(/images/img-2018/Common/arrow.png);
}
.badge_clock.springSale18 > span {
  font-size: 18px;
  color: #fff;
}
.badge_clock.springSale18 > span > span {
  font-size: 18px;
  color: #fff;
}
#underMenuHolder.springSale18 {
  margin: 0;
  overflow: hidden;
  height: 60px;
}
#underMenuHolder.springSale18.stickyActive {
  background-color: #d5bdb1;
  box-shadow: 2px 1px 5px #aaa;
}
#underMenuHolder.stickyActive a.closeSticky {
  color: #fff;
}
#underMenuHolder.springSale18 > .container {
  overflow: hidden;
  background-color: #d5bdb1;
  height: 100%;
  box-sizing: border-box;
  padding: 0 60px;
}
#underMenuHolder.springSale18.stickyActive > .container {
  border: 0 none;
}
#underMenuHolder.springSale18 .underMenu {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  float: left;
  width: 100%;
}
#underMenuHolder.springSale18 .underMenu p,
#underMenuHolder.springSale18 .underMenu .clockHolder,
#underMenuHolder.springSale18 .underMenu .clockHolder span {
  color: #fff;
  font-size: 23px;
  margin: 0;
  line-height: 60px;
  white-space: nowrap;
}
#underMenuHolder.springSale18.nonDiamond .underMenu p,
#underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder,
#underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder span {
  font-size: 24px;
}
#underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock {
  display: inline-block;
  text-align: left;
  white-space: nowrap;
  margin-left: 10px;
}
#underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock span {
  font-weight: 300;
}
#underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock > span {
  width: 37%;
  line-height: 0;
}
#underMenuHolder.springSale18
  .underMenu
  .clockHolder
  .badge_clock
  > span.seconds {
  margin-left: -10px;
}
#underMenuHolder.springSale18 .underMenu .arrowBtn.springSale18 {
  line-height: 60px;
}
#homepage.springSale18 .saleLogoHolder {
  margin: 3% 4%;
}
#homepage #hero.springSale18 {
  padding-bottom: 60px;
}
#homepage #hero.springSale18 figure {
  overflow: visible;
}
#homepage #hero.springSale18 figcaption.row > .info {
  width: 65%;
}
#homepage #hero.springSale18 figcaption.row > .info h2 {
  font-size: 32px;
  color: #222;
  letter-spacing: 2px;
  text-shadow: none;
  text-transform: uppercase;
}
#homepage #hero.springSale18 figcaption.row > .info h2 > p {
  font-size: 28px;
  color: #222;
  text-shadow: none;
  margin-top: 5px;
  text-transform: none;
  line-height: 45px;
}
#homepage #hero.springSale18 figcaption.row > .info .springSale18ExtendedSale {
  color: #fff;
  text-shadow: none;
  margin: 0;
}
#homepage #hero.springSale18 figcaption.row > .info .springSale18ExtendedSale {
  font-size: 70px;
  letter-spacing: 13px;
  line-height: 70px;
  padding-left: 10px;
  margin-top: -10px;
}
#homepage #hero.springSale18 .clockHolder {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 24px;
}
#homepage #hero.springSale18 .badge_clock {
  display: inline-block;
  text-align: left;
  white-space: nowrap;
  margin-left: 10px;
}
#homepage #hero.springSale18 .badge_clock span {
  color: #fff;
  font-size: 24px;
}
#homepage #hero.springSale18 .badge_clock > span {
  width: auto;
  line-height: 0;
}
#homepage #hero.springSale18 #heroClockHolder {
  position: absolute;
  width: 100%;
  bottom: -60px;
  left: 0;
  height: 60px;
  background-color: #d5bdb1;
}
#homepageProducts {
  margin: 0;
  border-bottom: 15px solid #d5bdb1;
}
#homepageProducts .slide {
  margin: 25px 0;
  position: relative;
  transition: background-color 0.5s ease;
}
#homepageProducts .slide:hover:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
#homepageProducts .slide h3 {
  font-size: 18px;
}
#homepageProducts .slide h3 > span {
  color: #aaa;
  font-size: 16px;
}
#homepageProducts .slide a.arrowBtn {
  position: absolute;
  opacity: 0;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 130px;
  height: 20px;
  height: 100%;
  line-height: 193px;
  z-index: 2;
  transition: top 0.5s ease, opacity 0.5s ease;
}
#homepageProducts.springSale18 .slide a.arrowBtn {
  line-height: 232px;
}
#homepageProducts .slide:hover a.arrowBtn {
  top: 0;
  opacity: 1;
}
#homepageProducts .slide a.arrowBtn:hover:not(.disabled) {
  background-color: transparent;
  color: #ffc13a;
}
#homepage.springSale18
  .subNavSlidesHolder
  figcaption
  > .info
  h2.springSale18grey {
  font-size: 44px;
  margin-bottom: 0;
}
#homepage.springSale18 .subNavSlidesHolder figcaption > .info img {
  max-width: 380px;
  margin: 5px auto 15px;
}
#engagementPage.springSale18 #hero .info h1 {
  color: #fff;
  text-shadow: none;
}
#engagementPage.springSale18 #hero .info p {
  color: #fff;
  text-shadow: none;
  margin-bottom: 30px;
}
#engagementPage.springSale18 .productSliderSlides h3 span.red {
  color: red;
}
#springSale18ShopBanners {
  margin-bottom: 20px;
}
#tblDepthsContainer .inactive,
#tblWidthsContainer .inactive {
  cursor: default;
}
#shopClockHolder {
  background-color: #e2e2e2;
  padding: 20px;
  height: 105px;
  box-sizing: border-box;
}
#shopClockHolderMob,
#shopClockHolder {
  background-color: #d5bdb1;
  margin: -10px 0 10px 0;
  height: 90px;
}
#shopClockHolderMob p,
#shopClockHolder p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
}
#shopClockHolderMob .textHolder > span,
#shopClockHolder .textHolder > span {
  font-size: 26px;
  color: #fff;
}
#shopClockHolderMob #springSale18_shopClockMob,
#shopClockHolder #springSale18_shopClock {
  display: inline-block;
  margin-left: 10px;
  font-size: 26px;
  color: #fff;
  white-space: nowrap;
}
#shopClockHolderMob #springSale18_shopClockMob span,
#shopClockHolder #springSale18_shopClock span {
  font-size: 26px;
}
#shopClockHolderMob #springSale18_shopClockMob > span,
#shopClockHolder #springSale18_shopClock > span {
  width: 34%;
}
#hero.eden18 figcaption h1,
#hero.eden18 figcaption h2,
#hero.eden18 figcaption p,
#edenCampaign #hero figcaption h2 {
  color: #000;
  text-shadow: none;
}
#hero.eden18 .slick-dots {
  position: absolute;
  bottom: 20px !important;
}
#homepage #hero.eden18 .slick-dots > li > button {
  background-color: transparent !important;
  border: 2px solid #ffc13a;
}
#homepage #hero.eden18 .slick-dots > li.slick-active > button {
  background-color: #ffc13a !important;
  cursor: default;
}
#hero.eden18 .slide figcaption h3,
#edenCampaign #hero .slide figcaption h3 {
  color: #000;
  text-shadow: none;
}
#hero.eden18 .desktopText a,
#hero.eden18 .phoneText a,
#hero.eden18 .tabletText a {
  font-weight: 600;
}
#edenCampaign {
  padding-bottom: 50px;
}
#edenCampaign .eden-blocks,
#edenCampaign .DiscoverEdenProducts {
  padding: 50px 0 0 0;
}
#edenCampaign .eden-blocks .single-block {
  text-align: center;
}
#edenCampaign .eden-blocks .single-block h2 {
  color: #020202;
  font-style: italic;
  padding: 0 20px;
  font-size: 2.9em;
  margin-bottom: 50px;
}
#edenCampaign .eden-blocks .single-block p {
  color: #020202;
  padding: 0 20px;
  font-weight: 100;
  line-height: 28px;
}
#edenCampaign .eden-blocks .single-block .quotemark {
  margin: 40px 20px;
  height: 35px;
  background-repeat: no-repeat;
}
#edenCampaign .eden-blocks .single-block .quoteHolderRight {
  background-position: right;
  background-image: url(/images/campaigns/2018-eden-collection/quotemark_close.png);
}
#edenCampaign .eden-blocks .single-block .quoteHolderLeft {
  background-image: url(/images/campaigns/2018-eden-collection/quotemark_open.png);
  background-position: left;
}
#edenCampaign .eden-blocks .single-block p.italic {
  font-style: italic;
}
#edenCampaign .eden-blocks .single-block img {
  width: 100%;
  height: auto;
}
.DiscoverEdenProducts .productSliderSlides,
.DiscoverEdenProducts h2 {
  padding: 0 20px;
}
.DiscoverEdenProducts .slick-dots {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-top: 50px;
}
.DiscoverEdenProducts .slick-dots > li {
  display: inline-block;
}
.DiscoverEdenProducts .slick-dots > li > button {
  background: none;
  border-radius: 15px;
  border: none;
  background-color: #d3d3d3;
  font-size: 0;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 0;
  cursor: pointer;
}
.DiscoverEdenProducts .slick-dots > li:first-child > button {
  margin-left: 0;
}
.DiscoverEdenProducts .slick-dots > li.slick-active > button {
  background: grey;
  cursor: default;
}
.homepageShowrooms {
}
.homepageShowrooms h3 {
  font-size: 18px;
  color: #383838;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 0;
}
.homepageShowrooms h2 {
  font-size: 26px;
  font-style: italic;
  font-weight: 300;
  color: #000;
  margin-top: 20px;
}
.homepageShowrooms h2 strong {
  font-weight: 500;
}
#paymentRequest .summary-message,
#paymentRequest .paymentdetails {
  margin: 0 auto;
  max-width: 530px;
  width: 94%;
  margin-top: 30px;
  margin-bottom: 30px;
}
#paymentRequest .summary-message {
}
#paymentRequest .summary-message b {
  font-weight: 600;
}
#paymentRequest .paymentdetails {
  font-size: 14px;
}
#paymentRequest .summary input,
#paymentRequest .summary select {
  max-width: 100%;
  box-sizing: border-box;
  height: 45px;
  display: initial;
}
#paymentRequest #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateYear,
#paymentRequest #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateMonth,
#paymentRequest #validatePayment .cc-cvc {
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
#paymentRequest .form .floating-label input {
  padding-top: 13px;
  padding-bottom: 3px;
}
#paymentRequest .form .field_label {
  font-size: 14px;
  color: #666;
}
#paymentRequest .summary .line {
  margin: 0 -5px 10px;
}
#paymentRequest .summary .coln {
}
#paymentRequest .summary #cvvImage {
  height: 35px;
  margin-top: 4px;
}
#paymentRequest .summary .pay-amount {
  font-size: 20px;
  margin-bottom: 20px;
}
#paymentRequest .summary .payButton .btn {
  border: 0;
  font-size: 16px;
  width: auto;
  background-image: url(/images/img-2018/Checkout/SmallLock.png);
  background-position: left 15px center;
  font-weight: 600;
  padding-left: 50px;
}
.homepageShowrooms p {
  color: #383838;
  font-size: 18px;
  margin: 20px 20px;
  font-weight: 300;
}
.homepageShowrooms .next,
.homepageShowrooms .prev {
  background: url(/images/img-2018/Common/arrow_black.png) no-repeat scroll
    center center/auto 20px;
  border: 0;
  width: 40px;
  height: 40px;
}
.homepageShowrooms .prev {
  transform: rotate(180deg) !important;
}
.homepageShowrooms .next {
}
.homepageShowrooms .slider-nav-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}
.homepageShowrooms .slick-dots {
  margin: 0;
}
.homepageShowrooms .slick-dots li {
  display: inline;
  margin: 5px;
  line-height: 11px;
}
.homepageShowrooms .slick-dots button {
  border: 1px solid #353535;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  padding: 0;
  text-indent: -9999px;
  background: none;
  transition: background 0.4s;
}
.homepageShowrooms .slick-active button {
  background: #353535;
}
.homepageShowrooms .btn {
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
}
#paymentRequest .summary-message,
#paymentRequest .paymentdetails {
  margin: 0 auto;
  max-width: 530px;
  width: 94%;
  margin-top: 30px;
  margin-bottom: 30px;
}
#paymentRequest .summary-message {
}
#paymentRequest .summary-message b {
  font-weight: 600;
}
#paymentRequest .paymentdetails {
  font-size: 14px;
}
#paymentRequest .summary input,
#paymentRequest .summary select {
  max-width: 100%;
  box-sizing: border-box;
  height: 45px;
  display: initial;
}
#paymentRequest #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateYear,
#paymentRequest #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateMonth,
#paymentRequest #validatePayment .cc-cvc {
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
#paymentRequest .form .floating-label input {
  padding-top: 13px;
  padding-bottom: 3px;
}
#paymentRequest .form .field_label {
  font-size: 14px;
  color: #666;
}
#paymentRequest .summary .line {
  margin: 0 -5px 10px;
}
#paymentRequest .summary .coln {
}
#paymentRequest .summary #cvvImage {
  height: 35px;
  margin-top: 4px;
}
#paymentRequest .summary .pay-amount {
  font-size: 20px;
  margin-bottom: 20px;
}
#paymentRequest .summary .payButton .btn {
  border: 0;
  font-size: 16px;
  width: auto;
  background-image: url(/images/img-2018/Checkout/SmallLock.png);
  background-position: left 15px center;
  font-weight: 600;
  padding-left: 50px;
}
@media (max-width: 1510px) {
  body #rings #___ratingbadge_0,
  body#rings #mfesecure-ts-image {
    display: none !important;
  }
  body#rings #shopBadgesHolder {
    display: block;
  }
  body#rings #shopBadgesHolder > #orderReviewGoogle {
    position: static !important;
    vertical-align: top !important;
  }
  #shopBadgesHolder .mcafee > img {
    width: 100px;
  }
}
@media (max-width: 768px) {
  #shopBag2017 #itemsHolder .item .itemPriceHolderSmallScreens {
    text-align: center;
  }
  #shopBag2017
    #itemsHolder
    .item
    .itemPriceHolderSmallScreens
    .priceHolder
    .itemPrice {
    margin-bottom: 6px;
  }
  #shopBag2017 .itemInformationHolder > h3 {
    margin-top: 0;
  }
  #shopBag2017 .itemInformationHolder .diamondInformationHolder {
    margin-top: 0;
    padding-left: 20px;
    width: auto;
    white-space: nowrap;
  }
  #shopBag2017
    #itemsHolder
    .item.matchingPairs
    .itemInformationHolder
    .diamondInformationHolder
    + .diamondInformationHolder {
    margin-top: 13px;
  }
  #shopBag2017 #itemsHolder .twoImageTypes .ringSizeHolder,
  #shopBag2017 #itemsHolder .ringSizeHolder {
    text-align: left;
    position: relative;
    bottom: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    white-space: nowrap;
    overflow: visible;
  }
  #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
    height: auto;
  }
  #shopBag2017
    #itemsHolder
    .item
    .itemInformationHolder.itemInformationSmallScreens {
    margin-bottom: 25px;
    max-width: 80%;
  }
  #shopBag2017
    #itemsHolder
    .item
    .itemInformationHolder.itemInformationSmallScreens
    span {
    display: block;
  }
  #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
    min-height: 200px;
  }
  #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure {
    top: 80px;
    transform: none;
  }
  #shopBag2017 #itemsHolder .item .imagesHolder > figure {
    text-align: center;
    position: relative;
    top: 0;
    transform: none;
    display: inline-block;
  }
  #shopBag2017
    #itemsHolder
    .item.matchingPairs
    .imagesHolder
    > .diamondImage
    figcaption,
  #shopBag2017 #itemsHolder .item .imagesHolder > figure figcaption {
    text-align: center;
    font-size: 12px;
  }
  #shopBag2017
    #itemsHolder
    .item.twoImageTypes
    .imagesHolder
    > figure.diamondImage {
    margin-top: 0;
  }
  #shopBag2017
    #itemsHolder
    .item.twoImageTypes
    .imagesHolder
    > figure.diamondImage
    img {
    max-width: 100%;
  }
  #shopBag2017 #itemsHolder .item .ringSizeHolder > select {
    padding: 5px 25px 5px 5px;
    background-position: right 5px center;
  }
  .quote2 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .slide_left_landing_pages_inner {
    padding-top: 104%;
  }
  #homepage #hero.xmas_hero {
    margin-bottom: 10px;
  }
  #homepage #hero.xmas_hero .info {
    padding-top: 30px;
    margin-top: 0;
    padding-left: 30px;
  }
  #hero.xmas_hero .info {
    max-width: 96%;
    padding-left: 18px;
  }
  #diamondCollection2017 #hero.xmas_hero h1 {
    font-style: normal;
    font-size: 30px;
    color: #000;
    margin-left: 0;
  }
  #behindCollectionsHolder #hero.xmas_hero h1 > span,
  #diamondCollection2017 #hero.xmas_hero h1 > span {
    font-size: 30px;
    color: #000;
    display: initial;
    margin-left: 0;
  }
  #diamondCollection2017 #hero.xmas_hero.block {
    margin-bottom: 60px;
  }
  #comparePage #bottomArea .productArea .productDescription #step-2 {
    position: initial;
    margin-bottom: 40px;
  }
  #celebrityPage2018 .top-banner {
    padding: 20px 40px;
  }
  #celebrityPage2018 .top-banner .banner-content {
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  #celebrityPage2018 .top-banner .banner-content h1 {
    font-size: 28px;
  }
  #celebrityPage2018 .top-banner .banner-content p {
    font-size: 18px;
  }
  #celebrityPage2018 .main-content {
    padding: 10px 40px;
  }
  #celebrityPage2018 .main-content .celeb-tab {
    margin-top: 20px;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title {
    padding: 6px 0;
    min-height: 30px;
    line-height: 30px;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .title {
    padding: 0 8px;
    font-size: 17px;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .sub-title {
    padding: 0 8px;
    margin-top: -8px;
    font-size: 16px;
    line-height: 22px;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons > div {
    width: 30px;
    display: inline-block;
    text-align: center;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons .seen {
    height: 30px;
    background-size: 70%;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-title
    .buttons
    .toggle-tab
    .toggle-tab-button {
    width: 12px;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content {
    padding: 40px 0;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .heart-page-break {
    background-image: url(/images/campaigns/2018-celebrity-engagement-ring/instagram-proposals/HeartPageBreakMobile.svg);
    height: 50px;
    margin: 30px auto;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .left-page-break {
    height: 50px;
    width: 30%;
    margin: 30px auto;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .middle-text-page-break {
    height: 50px;
    width: 30%;
    margin: 30px auto;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .middle-text-page-break
    h2 {
    margin-bottom: 5px;
    font-size: 20px;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .right-page-break {
    height: 50px;
    width: 30%;
    margin: 30px auto;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h1 {
    font-size: 34px;
    margin-bottom: 40px;
    margin-top: 0;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    h1:not(:first-child) {
    margin-top: 30px;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h2 {
    font-size: 26px;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h3 {
    max-width: 650px;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .full-image {
    max-width: 90%;
    margin: 40px auto;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block {
    padding: 15px 8px;
    max-width: 40%;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    img {
    margin: 10px auto;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    h2 {
    font-size: 21px;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    h3 {
    font-size: 20px;
    margin-bottom: 8px;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    .cell-box-small {
    width: 130px;
    height: 26px;
    line-height: 26px;
    margin: 6px auto;
    font-size: 15px;
    border-radius: 100px;
    white-space: nowrap;
    overflow: hidden;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    .cell-box-medium {
    width: 160px;
    height: 26px;
    line-height: 26px;
    margin: 6px auto;
    font-size: 15px;
    border-radius: 100px;
    white-space: nowrap;
    overflow: hidden;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    .cell-box-large {
    width: 200px;
    height: 26px;
    line-height: 26px;
    margin: 6px auto;
    font-size: 15px;
    border-radius: 100px;
    white-space: nowrap;
    overflow: hidden;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .subNavSlidesHolder
    figure
    img {
    width: 70%;
    max-width: 250px;
    margin-top: 50px;
    height: auto;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .subNavSlidesHolder
    h3 {
    padding: 30px 8%;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .subNavSliderHolder
    .info
    h2 {
    font-size: 26px;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .subNavSliderHolder
    .carrousel_left,
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .subNavSliderHolder
    .carrousel_right {
    width: 35px;
    height: 35px;
    margin-top: 0;
  }
  #celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption h2 {
    font-weight: 100;
    font-size: 24px;
  }
  #celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption .btn {
  }
  #homepage .hero-bottom-images .bg-pic-box {
    padding: 0 !important;
    margin-top: 6px;
  }
  #homepage .bg-pic-right,
  #homepage .bg-pic-left,
  #blackFriday .bg-pic-right,
  #blackFriday .bg-pic-left {
    width: 100%;
    padding-top: 52%;
  }
  #homepage .hero-bottom-images .bg-pic-right.early-bird {
    background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/77D02_Early Black_Friday_Right_Image_Wedding-Tablet.jpg");
  }
  #homepage .hero-bottom-images .bg-pic-left.early-bird {
    background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/77d02_early_black_friday_left_image_engagement-tablet.jpg");
  }
  #homepage .hero-bottom-images .bg-pic-right._P5,
  #homepage .hero-bottom-images .bg-pic-right._P6,
  #homepage .hero-bottom-images .bg-pic-right._P7,
  #homepage .hero-bottom-images .bg-pic-right._PE {
    background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Right_Image-Tablet.jpg");
  }
  #homepage .hero-bottom-images .bg-pic-left._P5,
  #homepage .hero-bottom-images .bg-pic-left._P6,
  #homepage .hero-bottom-images .bg-pic-left._P7,
  #homepage .hero-bottom-images .bg-pic-left._PE {
    background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Left_Image-Tablet.jpg");
  }
  #blackFriday .bg-pic-left.early-bird.line1 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/engagement_tablet.jpg");
  }
  #blackFriday .bg-pic-left.early-bird.line1._P5,
  #blackFriday .bg-pic-left.early-bird.line1._P6,
  #blackFriday .bg-pic-left.early-bird.line1._P7 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/engagement_tablet2.jpg");
  }
  #blackFriday .bg-pic-right.early-bird.line1 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/wedding_tablet.jpg");
  }
  #blackFriday .bg-pic-right.early-bird.line1._P5,
  #blackFriday .bg-pic-right.early-bird.line1._P6,
  #blackFriday .bg-pic-right.early-bird.line1._P7 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/wedding_tablet2.jpg");
  }
  #blackFriday .bg-pic-left.early-bird.line2 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_tablet.jpg");
  }
  #blackFriday .bg-pic-left.early-bird.line2._P5,
  #blackFriday .bg-pic-left.early-bird.line2._P6,
  #blackFriday .bg-pic-left.early-bird.line2._P7 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_tablet2.jpg");
  }
  #blackFriday .bg-pic-right.early-bird.line2 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/earrings_tablet.jpg");
  }
  #blackFriday .bg-pic-right.early-bird.line2._P5,
  #blackFriday .bg-pic-right.early-bird.line2._P6,
  #blackFriday .bg-pic-right.early-bird.line2._P7 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/earrings_tablet2.jpg");
  }
  #blackFriday #blackFriday2017Holder .hero-bottom-images .bg-pic-box {
    padding: 0 !important;
  }
  #rings .arrange b {
    background-size: 35%;
  }
  .alertify {
    left: 5%;
  }
  .noOverflow {
    overflow: hidden;
    position: fixed;
  }
  .nightForYouStickyBar {
    position: absolute;
  }
  .alertify {
    margin-left: 0%;
  }
  #tempWarning {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
  }
  #tempWarning > .warningContent > div {
    min-height: 50px;
    text-align: center;
    margin-top: 20px;
  }
  html.noScroll,
  body.noScroll {
    overflow: hidden;
    position: fixed;
  }
  .scriptStyle {
  }
  .yellowLine {
    border-width: 4px;
  }
  figure.centeredImage.onlyOnDesktop > img,
  figure.centeredImage.onlyOnDesktop > a {
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .form input.inputBtn {
    width: 70%;
  }
  .form input.inputBtn + input[type="button"] {
    width: 27%;
    height: 27px;
  }
  #newsletterBox {
    width: 70%;
    height: 70%;
    border-radius: 25px;
    background-position: center bottom -100px;
    background-size: 150px;
    padding: 20px;
  }
  #newsletterBox .content h2 {
    text-align: center;
    text-indent: 0;
    margin-top: 0;
  }
  #newsletterBox .content h2 > span {
    line-height: 65px;
    margin: 0;
  }
  #newsletterBox .content ul {
    text-align: left;
    float: none;
    width: auto;
    margin: 0 auto 20px auto;
  }
  #newsletterBox .content ul > li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #newsletterBox .content .newsletter {
    margin-right: 0;
    width: 100%;
    float: none;
  }
  #newsletterBox .content .newsletter .genderWrapper {
    float: left;
  }
  #newsletterBox .content .newsletter .btn {
    float: right;
    font-size: 16px;
    width: 120px;
    margin: 0;
    margin-bottom: 10px;
  }
  #newsletterBox .content .newsletter .disclaimer {
    display: block;
    width: 100%;
    text-align: center;
  }
  #newsletterBox #closeBox {
    top: 10px;
    right: 10px;
  }
  .popperUpperHolder,
  .popperUpperHolder.journal.active {
    width: 90vw;
  }
  #hero,
  .hero {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  #hero .slide,
  .hero .slide {
    left: 50vw;
    margin: 0 0 0 -50vw;
    position: relative;
    width: 100vw;
    overflow: hidden;
  }
  #hero.notCentered .slide {
    left: auto;
    margin: 0;
  }
  #hero.notCentered .slide img.banner {
    width: 100%;
  }
  .landing #hero * {
    text-align: left;
  }
  #hero .slide .info h4,
  .hero .slide .info h4 {
    margin-bottom: 10px;
  }
  .textAndImageBlock > div,
  .textAndImageBlock > figure {
    margin-bottom: 10px;
    padding: 0;
  }
  .subNavSlider {
    font-size: 12px;
  }
  .subNavSlidesHolder figure {
    text-align: center;
    height: auto;
  }
  .subNavSlidesHolder figure > a,
  .subNavSlidesHolder figure img,
  .subNavSlidesHolder figure figcaption {
    position: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
    top: auto;
  }
  .subNavSlidesHolder figure > a,
  .subNavSlidesHolder figure img {
    height: 200px;
    width: auto;
    margin: auto;
    float: none;
  }
  .subNavSlidesHolder h2 {
    font-size: 36px;
  }
  .phraseBannerBlock {
    padding: 0;
  }
  .phraseBannerBlock .quoteHolder {
    margin: 20px;
  }
  .phraseBannerBlock .quoteHolder h5 {
    font-size: 20px;
  }
  .flexBlock {
    display: initial;
  }
  .flexBlock > * {
    padding: 0;
  }
  .textAndImageBlock h3 {
    padding: 0;
  }
  .threeImagesBlock > figure {
    height: auto;
    margin-top: 20px;
  }
  .educationPage ul.bottomNav {
    width: 100%;
  }
  .educationPage ul.bottomNav li {
    display: block;
    margin-bottom: 20px;
    text-align: left;
  }
  .educationPage ul.bottomNav li {
    white-space: normal;
  }
  .imgBlock img {
    min-width: 100%;
  }
  #diamondCollection #hero figcaption {
    width: 80%;
  }
  #diamondCollection .phraseBannerBlock .info {
    margin-top: 0;
  }
  #glissadePage .altoTextHolder {
    margin-top: 15px;
  }
  #glissadePage .altoTextHolder .altoText {
    margin-top: 30px;
    padding: 60px 20px;
  }
  #glissadePage .altoTextHolder picture > img,
  #glissadePage .allegroTextHolder picture > img {
    width: 100%;
  }
  #homepage .homepageTestimonialsAndExpertCrafts .testimonialsContainer {
    padding: 0 8%;
  }
  #homepage #hero .info {
    max-width: 95%;
    margin-left: 0;
  }
  #homepage figure.fig_0 {
    margin-bottom: 10px;
  }
  #contactsPage {
    padding: 0 10px;
    box-sizing: border-box;
  }
  #contactsPage .innerpadding {
    padding: 0 3%;
  }
  #contactsPage #methods > p {
    text-align: center;
  }
  #contactsPage #selectedCountryHolder {
    text-align: center;
    margin-top: 40px;
  }
  #contactsPage #selectedCountryHolder figure > img {
    margin: 0;
  }
  #contactsPage #selectedCountryHolder dl {
    margin: 10px auto;
  }
  #contactsPage #selectedCountryHolder .btn {
    margin-bottom: 10px;
  }
  #contactsPage .whatsAppNumber {
    background: url(../icons/Whatsapp.png) no-repeat left center;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    text-indent: 100px;
  }
  #contactsPage .contactsHolder .addresses > p {
    margin-bottom: 5px;
  }
  #contactsPage .contactsHolder table.double {
    margin-bottom: 15px;
  }
  #contactsPage #googleloc #saddr {
    box-sizing: border-box;
    min-width: unset;
    width: 100%;
  }
  #contactsPage #googleloc #submit {
    width: 100%;
    margin-bottom: 5%;
  }
  #diamondCollection .phraseBannerBlock > figure {
    min-height: 300px;
  }
  #diamondCollection2017 #hero .info p {
    margin-bottom: 1.5vw;
    font-size: 2.2vw;
  }
  #behindCollectionsHolder h2 {
    margin-left: -10vw;
  }
  #behindCollectionsHolder h2 > span {
    font-size: 6.5vw;
    margin-left: 22vw;
  }
  #diamondCollection2017 h2 {
    font-size: 5.5vw;
  }
  #diamondCollection2017 p {
    font-size: 4vw;
    margin-bottom: 10px;
  }
  #diamondCollection2017 .arrowBtn {
    font-size: 4vw;
    background-size: 4vw auto;
  }
  #diamondCollection2017 .squaredText {
    padding: 7vw 12vw;
  }
  #museCollectionPage #hero figcaption.row .col {
    width: 100%;
    left: -18%;
  }
  #museCollectionPage #hero figcaption.row .col h1 {
    font-size: 5.5vw;
  }
  #museCollectionPage #hero figcaption.row .col p {
    font-size: 3vw;
    margin: 4vw 0 5vw;
  }
  #museCollectionPage #hero figcaption.row .col a {
    font-size: 2vw;
  }
  #museCollectionPage #hero figcaption.row .col a > img {
    margin-top: 4vw;
    max-height: 4vw;
  }
  #museCollectionPage .discoverCollections h3 > a {
    font-size: 3vw;
  }
  #museCollectionPage .textHolder {
    padding: 8vw 8vw 4vw 8vw;
  }
  #museCollectionPage .textHolder p {
    font-size: 2.5vw;
  }
  #reviewsPage ul#ReviewItemUl {
    width: 100%;
  }
  .visitShowroom h1 {
    margin-top: 60px;
  }
  .visitShowroom .h1 {
    font-size: 32px;
    font-weight: 500;
  }
  .visitShowroom .showroomInfoHolder {
    padding: 0 15%;
  }
  .visitShowroom .tabContent77 .sliderHolder {
    margin-bottom: 30px;
  }
  .visitShowroom h3 {
    margin-top: 30px;
  }
  .visitShowroom .textHolder {
    margin-bottom: 40px;
  }
  .visitShowroom .btn.bookApp {
    margin-right: auto;
    margin-left: auto;
  }
  #shoppingBagPage .diamondInfoTable > div {
    text-align: left;
  }
  #shoppingBagPage h1 + span {
    display: block;
  }
  #shoppingBagPage .logosHolder > img {
    max-width: 74px;
    min-width: 50px;
    width: 13%;
  }
  #shoppingBagPage .discountCodeArea > a {
    margin-left: 15px;
  }
  #shoppingBagPage .itemsContainer,
  #shoppingBagPage #mainCardArea,
  #shoppingBagPage > .line:first-of-type {
    width: 96%;
    margin: 0 auto;
    margin-top: 5px;
    float: none;
  }
  #shoppingBagPage .diamondInfoTable,
  #checkoutPage .diamondInfoTable {
    margin: 15px auto;
  }
  #shoppingBagPage h1,
  #shoppingBagPage .headerText {
    text-align: left;
  }
  #shoppingBagPage .buttonContainer {
    text-align: center;
  }
  #shoppingBagPage .desktopLeftCol,
  #checkoutPage .desktopLeftCol {
    padding: 0;
  }
  #shoppingBagPage .priceHolder {
    position: static;
  }
  #shoppingBagPage .priceItem,
  #checkoutPage .priceItem {
    position: relative;
    text-align: center;
    top: 0;
    right: 0;
    margin-top: 10px;
  }
  #checkoutPage #billingInfoContainer {
    padding: 15px;
  }
  #checkoutPage #OrderSummaryContainer,
  #checkoutPage #OrderSummaryContainer > .line,
  #checkoutPage #billingInfoContainer > .line:last-of-type {
    text-align: center;
  }
  #checkoutPage #OrderSummaryContainer {
    text-align: center;
  }
  #checkoutPage div.PriceSummary {
    margin-left: -8px;
  }
  #checkoutPage .reveal div.paymentdetails {
    width: 100%;
  }
  #billingInfoContainer .line > div:first-of-type {
    margin-bottom: 5px;
  }
  #checkoutPage .checkboxes > span {
    float: left;
  }
  #checkoutPage .checkboxes > label {
    margin-bottom: 15px;
    line-height: 19px;
  }
  #creditCardPaymentPage .form label.side {
    width: 100%;
  }
  #creditCardPaymentPage .paymentInput.cc-cvc {
    width: 120px;
  }
  #creditCardPaymentPage .cvvTip:after {
    background-size: 100% auto;
    width: 85vw;
    left: -120px;
    height: 40vw;
  }
  body.firefox .checkout2017 {
    padding-right: 16px;
  }
  .checkout2017 .needHelpMobile {
    font-weight: 600;
    font-style: italic;
    text-align: center;
    margin: 10px 0;
  }
  .checkout2017 .needHelpMobile > a {
    font-weight: 400;
  }
  .checkout2017 .buttonsHolder {
    text-align: left;
  }
  .checkout2017 #itemsHolder {
    margin-top: 0;
    background-color: #fafafa;
  }
  .checkout2017 #itemsHolder .itemPrice.hasDiscount:before {
    left: 10%;
  }
  .checkout2017 #itemsHolder .item .itemName {
    float: left;
    margin: 0;
  }
  .checkout2017 #itemsHolder .item .itemName > span {
    margin-left: 5px;
  }
  .checkout2017 #itemsHolder .item .itemTotal > span {
    display: none;
  }
  .checkout2017 #itemsHolder .item .itemTotal > var.hasDiscount {
    margin-top: 0;
  }
  .checkout2017 #itemsHolder .item .itemProperties {
    float: left;
  }
  .checkout2017 #itemsHolder .item .mobileDiamondInfo {
    font-size: 14px;
    margin-bottom: 0;
  }
  #checkoutSteps .step .stepResume .tl-9col {
    display: none;
  }
  #checkoutSteps .step .stepResume .buttonsHolder {
    margin-top: -50px;
    width: 100%;
    float: none;
    margin-left: 15px;
  }
  #checkoutSteps .step .stepResume .buttonsHolder > .editStep {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    opacity: 0;
  }
  #checkoutSteps .step.active .stepResume .buttonsHolder > .editStep {
    display: none;
  }
  #checkoutSteps #checkoutStep3.active #cardTypeHolder {
    margin: 0;
  }
  #shopBag2017 #itemsHolder {
    background-color: #fff;
  }
  #shopBag2017 .itemInformationHolder > h3 {
    font-size: 6vw;
  }
  #shopBag2017 #shoppingBagHolder {
    padding: 0;
  }
  #shopBag2017 #shoppingBagHolder > div {
    margin: 0;
    border: 0 none;
  }
  #shopBag2017 #shoppingBagHolder > div > hr {
    visibility: hidden;
  }
  #shopBag2017 #topTextHolder > div {
    padding: 0;
  }
  #shopBag2017 #topTextHolder h2 {
    font-size: 4vw;
    margin-top: 15px;
    margin-bottom: 0;
    display: block;
  }
  #shopBag2017 #topTextHolder #textItemsInBag {
    font-size: 3vw;
    float: none;
    margin: 0;
  }
  #shopBag2017 #itemsHolder {
    padding: 0 15px;
  }
  #shopBag2017 #itemsHolder .item {
    position: relative;
    padding-top: 15px;
  }
  #shopBag2017 #itemsHolder .no-items {
    display: block;
    float: none;
  }
  #shopBag2017 #itemsHolder .item .removeItem {
    position: absolute;
    top: 24px;
    right: 10px;
    margin: 0;
    z-index: 9;
  }
  #shopBag2017 .itemInformationHolder {
    padding: 0;
    margin: 0;
  }
  #shopBag2017 .itemInformationHolder .itemPriceHolder > div.priceHolder {
    text-align: center;
  }
  #shopBag2017 .itemInformationHolder .itemPriceHolder > div.priceHolder > p {
    margin: 0;
  }
  #shopBag2017 .itemInformationHolder .itemPriceHolder .itemPrice {
    margin-bottom: 5px;
  }
  #shopBag2017 .itemInformationHolder .itemPriceHolder .itemPrice.hasDiscount {
    margin-top: 15px;
  }
  #shopBag2017 .deliveryPromoHolder {
    text-align: center;
  }
  #shopBag2017 .deliveryInformation {
    margin: auto;
  }
  #shopBag2017 .deliveryInformation dt,
  #shopBag2017 .deliveryInformation dd {
    display: inline-block;
    float: none;
  }
  #shopBag2017 .grandTotalholder > h3 {
    font-size: 5vw;
  }
  #shopBag2017 .grandTotalholder > h3 > var {
    line-height: 40px;
  }
  #shopBag2017 .weAcceptHolder {
    text-align: left;
  }
  #shopBag2017 .weAcceptHolder {
    text-align: center;
    padding-top: 16px;
  }
  #shopBag2017 .weAcceptHolder img.mcafee {
    margin: auto;
  }
  #shopBag2017 .buttonsHolder .btn.continue {
    float: none;
    max-width: 290px;
    margin: auto;
    display: block;
    box-sizing: border-box;
  }
  #shopBag2017 #shoppingBagAside {
    margin-top: 10px;
  }
  #shopBag2017 .promoCodeHolder.hasCode .clearPromoCode {
    margin: auto;
    right: 0;
  }
  #shopBag2017 .promoCodeHolder .clearPromoCode {
    left: 90px;
  }
  #checkoutPage2017.paypalReturn .stepContent > div:first-child {
    margin-bottom: 30px;
  }
  #checkoutPage2017.paypalReturn .stepContent .buttonsHolder .btn {
    margin: 0 0 10px 0 !important;
    width: 100%;
  }
  #successPage2017 #bankDetails {
    box-sizing: border-box;
    width: 100%;
  }
  #successPage2017 p.subTitle {
    margin-top: 15px;
    margin-bottom: 5px;
  }
  #successPage2017 .insuranceHolder {
    margin-top: 15px;
  }
  #style-examples li#liSubcattext_41 img {
    float: none;
    margin: 0;
    width: 100%;
  }
  #style-examples li#liSubcattext_41 figure > figcaption {
  }
  #style-examples li#liSubcattext_41 figure > figcaption h4,
  #style-examples li#liSubcattext_41 figure > figcaption .h4 {
  }
  #style-examples li#liSubcattext_41 figure > figcaption p {
  }
  #email.form {
    width: 100%;
    box-sizing: border-box;
  }
  #email.form #rc-imageselect,
  #email.form .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  #step-1 .monologueContainer {
    width: 100%;
  }
  #step-1 .monologueInitials {
    margin-top: 25px;
  }
  #Divshapes #selectedShapeName {
    margin-top: 5px;
  }
  #styles .filter2 li {
    float: none;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 10px 2px;
    display: inline-block;
    vertical-align: top;
  }
  #styles .filter2 li.active:before,
  #styles .filter2 li.active:after {
    border: 0 none;
  }
  #styles .filter2 li.active {
    border: 1px solid #ffa200;
    font-weight: normal;
  }
  #styles .filter2 {
    padding: 0;
  }
  #styles .filter2 a {
    font-size: 12px;
    padding: 5px;
    line-height: 20px;
    text-align: center;
    height: auto;
  }
  #styles .filter2 li.active > a {
    color: #000;
  }
  #styles .filter2 a > span {
    line-height: 12px;
    display: block;
  }
  #styles .filter2 a > span.extraheight {
    height: 22px;
  }
  #styles .filter2 a img {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
  }
  #styles .filter2 .list {
    margin: 25px 0 15px 0;
  }
  #step-1 .options .shapes-list li,
  ul.shapes-list li {
    margin: 0 0 0 6px;
  }
  #step-1 .options .shapes-list a,
  ul.shapes-list a {
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  #step-1 .options .shapes-list a,
  ul.shapes-list span {
    font-size: 12px;
  }
  #step-1 .options h4,
  #step-1 .options h2,
  #step-1 .options .h4,
  #step-1 .options .h2 {
    text-align: center;
  }
  #divMetalsGrid {
    text-align: center;
  }
  #divMetalsGrid > .metalHolder {
    display: inline-block;
    text-align: left;
    width: auto;
  }
  #divMetalsGrid > .metalHolder > h4 {
    padding: 0;
  }
  #rings-area #mainslider .slide .link {
    display: inline-block;
  }
  #step-2 .galleryImage {
    min-height: 100%;
  }
  #step-2 .galleryImage div {
    height: 100%;
    padding-bottom: 100px;
  }
  #step-2 #galleryImages img {
    max-height: none;
  }
  ul#galleryAccordion > li {
    height: auto;
  }
  #step-2 .gallery .z-auto-g {
    height: 70px;
  }
  #rings-area .hiddenFiltersContent {
    display: none;
  }
  #rings-area .DiamondFiltersMobile {
    display: block;
    position: relative;
    text-align: center;
    padding-bottom: 5px;
    overflow: hidden;
  }
  #rings-area .DiamondFiltersMobile #panel1 {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
  }
  #rings-area .DiamondFiltersMobile .diamondFilterSingle {
    min-width: 70px;
    flex: 1;
    font-size: 12pt;
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 4px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: gray;
    text-shadow: 0 0;
  }
  #rings-area .DiamondFiltersMobile .diamondFilterSingle.active {
    background-color: #fecc3b;
    color: #000;
  }
  #rings-area .DiamondFiltersMobile .diamondFilterSingle.selected {
    border-color: #fecc3b;
    color: #000;
  }
  #rings-area .DiamondFiltersMobile .diamondShowMoreLess {
    clear: both;
    font-size: 12pt;
    font-weight: 600;
    text-decoration: underline;
    text-align: right;
    margin: 0 15px 10px;
    cursor: pointer;
  }
  #rings-area .DiamondFiltersMobile .diamondShowMoreLess #hideMoreOptions {
    display: none;
  }
  #rings-area .DiamondFiltersMobile .diamondFilterSetting {
    position: relative;
    display: none;
    width: 100%;
    margin: 25px 0;
  }
  #rings-area #step-2 .results h4 {
    text-align: center;
    width: 100%;
    max-width: initial;
    margin: 20px;
  }
  #rings-area .value-lhs {
    text-align: right;
  }
  #rings-area .value-rhs {
    text-align: left;
  }
  #rings-area #pagingContainer {
    display: none;
  }
  #rings-area.noProducts #noProductsHolder {
    position: relative;
    height: 55vw;
    padding: 0;
  }
  #rings-area #noProductsHolder > div.imageHolder {
    position: absolute;
    top: 0;
    opacity: 0.2;
  }
  #rings-area.noProducts #noProductsHolder .textHolder {
    padding: 0 10vw;
  }
  #rings-area #noProductsHolder .textHolder h2 {
    font-size: 7vw;
  }
  #rings-area #noProductsHolder .textHolder h3 {
    font-size: 4vw;
  }
  #rings-area #noProductsHolder .textHolder p {
    font-size: 2.5vw;
  }
  #ReviewItemUl li.reviewRowIncomplete {
    max-height: 200px;
  }
  .safari #ReviewItemUl li.reviewRowIncomplete,
  .chrome #ReviewItemUl li.reviewRowIncomplete {
    max-height: 185px;
  }
  .ROLineContent.ScalaHoopandDrops > figure,
  .ROLineContent.ScalaDrops > figure,
  .ROLineContent.ScalaDrop > figure,
  .ROLineContent.AlmaHoopandDrop > figure,
  .ROLineContent.AlmaDrops > figure,
  .ROLineContent.AlmaDrop > figure {
    width: 100%;
  }
  #rings .popperUpperHolder {
    opacity: 0;
  }
  #rings .popperUpperHolder.diamondMediaPopup {
    opacity: 1;
    z-index: 100004;
  }
  .diamondMediaPopup {
    width: 100vw;
    height: 100%;
    max-height: 100vh;
    box-sizing: content-box;
  }
  .diamondMediaPopup .actualDiamondHeader {
    position: relative;
    height: 40px;
    z-index: 9;
    background-color: #fff;
  }
  .diamondMediaPopup .actualDiamondHeader a.closePopper {
    color: #ffc13a;
    font-size: 2vw;
    margin: 10px 15px 0 0;
  }
  .diamondMediaPopup .actualDiamondHeader .productImageLabel {
    line-height: 40px;
  }
  .diamondMediaPopup .popperUpperContentHolder {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 80%;
    margin: auto;
    padding: 0;
  }
  .diamondMediaPopup .popperUpperContentHolder > #mediaHolder {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo {
    text-align: left;
    padding: 10px 0;
    margin: 5px 0;
    border-top: 2px solid #ffc13a;
    border-bottom: 2px solid #ffc13a;
  }
  .diamondMediaPopup .popperUpperContentHolder > #mediaHolder iframe {
    height: 355px;
    width: 100%;
  }
  .diamondMediaPopup .popperUpperContentHolder > #mediaHolder img {
    max-height: 355px;
  }
  .diamondMediaPopup
    .popperUpperContentHolder
    > #mediaHolder
    #diamondInfo
    > table {
    margin: auto;
    font-size: 2vw;
  }
  .diamondMediaPopup
    .popperUpperContentHolder
    > #mediaHolder
    #diamondInfo
    > table
    > tbody
    > tr
    > td {
    padding-right: 30px;
  }
  .diamondMediaPopup
    .popperUpperContentHolder
    > #mediaHolder
    #diamondInfo
    > table
    .firstTable
    tr:first-child {
    display: none;
  }
  #expresspage #filtersHolder .stylesHolder li.active {
    border-color: #ffc13a;
    z-index: 1;
  }
  #expresspage #mobileButtonsHolder {
    margin-top: 10px;
    margin-bottom: -1px;
  }
  #expresspage #mobileButtonsHolder > * {
    border: 1px solid #ccc;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    text-align: center;
    text-align-last: center;
    background: #fff;
    font-size: 16px;
    color: #878787;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
  }
  #expresspage #mobileButtonsHolder > .openCloseFilters {
    margin-left: -1px;
  }
  #expresspage #mobileButtonsHolder ~ div {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s;
  }
  #expresspage #mobileButtonsHolder.active + div {
    max-height: 600px;
  }
  #expresspage #mobileButtonsHolder.active + div + div {
    max-height: 800px;
    margin-top: -1px;
  }
  #expresspage #filtersHolder #mobileButtonsHolder.active .openCloseFilters {
    color: #ffc13a;
    border-color: #ffc13a;
    z-index: 1;
  }
  #expresspage
    #filtersHolder
    #mobileButtonsHolder.active
    .openCloseFilters
    > var {
    display: none;
  }
  #expresspage #filtersHolder {
    padding: 0;
    border: 0 none;
  }
  #expresspage #filtersHolder h2 {
    margin: 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
  }
  #expresspage #filtersHolder #jewelleryFilterHolder h2,
  #expresspage #filtersHolder #mobileButtonsHolder.active ~ div h2 {
    border: 1px solid #ccc;
    margin-bottom: -1px;
  }
  #expresspage
    #filtersHolder
    #mobileButtonsHolder.active
    ~ div
    #metalFilters
    h2 {
    margin-bottom: 0;
  }
  #expresspage #filtersHolder h2 ~ .filterHolder {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s, margin 0.5s;
    margin: 0 auto;
    width: 80%;
    float: none;
  }
  #expresspage #filtersHolder #jewelleryFilterHolder h2.active,
  #expresspage #filtersHolder #mobileButtonsHolder.active ~ div h2.active {
    border-color: #ffc13a;
    z-index: 1;
    color: #ffc13a;
    position: relative;
  }
  #expresspage #filtersHolder h2.active ~ .filterHolder {
    max-height: 600px;
    margin: 30px auto;
  }
  #expresspage #filtersHolder > div {
    height: auto;
    padding: 0;
  }
  #expresspage #filtersHolder > div + div {
    border: 0 none;
  }
  #expresspage #filtersHolder .stylesHolder h2 ~ .filterHolder {
    width: 100%;
    margin: 0;
  }
  #expresspage #filtersHolder .stylesHolder > ul > li {
    height: 60px;
    border: 1px solid #ccc;
  }
  #expresspage #filtersHolder .stylesHolder > ul > li:nth-child(even) {
    margin-left: -1px;
  }
  #expresspage #filtersHolder .stylesHolder li > h3 button {
    padding-left: 50%;
    background-size: 25%;
    background-position-x: 25%;
    margin-top: 7px;
  }
  #ringTypeFilterHolder,
  #ringSizeFilterHolder {
    text-align: center;
  }
  #expresspage #filtersHolder #metalFilter {
    padding: 0;
    height: 120px;
    text-align: center;
  }
  #ringTypeFilterHolder ul,
  #expresspage #filtersHolder #metalFilter ul {
    display: inline-block;
    position: relative;
    height: 65px;
  }
  #expresspage #resultsHolder {
    margin-top: 0;
  }
  #expresspage #filtersHolder #clarityFilter.filterHolder ul > li,
  #expresspage #filtersHolder #colourFilter.filterHolder ul > li {
    width: calc((100% / 9) - 5px);
    min-width: 30px;
    text-align: center;
    margin: 5px 0 0 0;
  }
  #expresspage #filtersHolder #clarityFilter.filterHolder ul > li {
    width: calc((100% / 8) - 5px);
    min-width: 50px;
  }
  #expresspage #filtersHolder #colourFilter.filterHolder ul > li + li,
  #expresspage #filtersHolder #clarityFilter.filterHolder ul > li + li {
    margin-left: 5px;
  }
  #expresspage #productInfo #galleryImages img {
    max-height: 245px;
    top: 100px;
    padding-bottom: 0;
  }
  #content #summary {
    background-color: #dadada;
  }
  #content #summary > .item {
    background-color: #fff;
  }
  #mengagementPage #hero {
    margin-bottom: 0;
  }
  #mengagementPage .hero {
    margin-bottom: -15px;
  }
  #mengagementPage #hero .info {
    margin-top: 15%;
  }
  #mengagementPage .hero .info {
    width: 80vw;
    margin: 8% auto;
    text-align: center;
  }
  #mengagementPage #hero .info h1 {
    font-size: 12vw;
  }
  #mengagementPage #hero .info p {
    font-size: 14px;
    border-width: 2px;
  }
  #imperoLandingPage .decoFrames {
    background-image: url(/images/img-2018/ImperoLP/LeftFrame_Mobile.png),
      url(/images/img-2018/ImperoLP/RightFrame_Mobile.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    background-size: 15vw auto, 15vw auto;
  }
  #imperoLandingPage h2,
  #imperoLandingPage h3 {
    font-size: 7vw;
    padding: 0 20px;
  }
  #imperoLandingPage h2 {
    line-height: 9vw;
  }
  #imperoLandingPage figure figcaption div {
    padding: 20px 8vw;
  }
  #diamondNecklaces.christmas #hero .info,
  #diamondEarrings.christmas #hero .info,
  #looseDiamonds.christmas #hero .info {
    bottom: 5%;
    position: absolute;
    width: 85%;
    left: 5%;
  }
  #eternityPage.christmas #hero .info,
  #diamondJewellery.christmas #hero .info,
  #engagementPage.christmas #hero .info {
    margin-top: 5%;
    left: 5%;
    position: absolute;
    width: 50%;
  }
  #weddingPage.christmas #hero .info {
    margin-top: 5%;
    width: 90%;
  }
  .SEOshapes2017 .fakeImage {
    display: none;
  }
  .SEOshapes2017 .centeredContent {
    position: static;
    transform: none;
  }
  .SEOshapes2017 #productsHolder {
    min-height: 680px;
  }
  .SEOshapes2017 .videoSize {
    height: 300px;
  }
  .shape2017greyBG .quickLinks {
    transform: translateY(-10vw);
  }
  .SEOshapes2017 .shapesHolder > h2 {
    width: 80vw;
  }
  .SEOshapes2017 img.fakeImage {
    min-height: 150px;
  }
  .shape2017greyBG #shapesList li {
    width: 31.3333%;
  }
  #categoriesListHolder ul li > article > a {
    background-size: 7vw auto, 7vw auto;
    background-position: top 5px left 5px, bottom 5px right 5px;
  }
  #categoriesListHolder ul li > article .textHolder {
    padding: 0 4vw;
  }
  #categoriesListHolder ul li > article .textHolder h3 {
    font-size: 4.5vw;
    margin-bottom: 1vw;
  }
  #categoriesListHolder ul li > article .textHolder p {
    font-size: 2.5vw;
  }
  #awardsCategoriesPage #toggleOpts {
    margin: 0 0 15px 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 14px;
    padding: 0.5vw;
    width: 30vw;
    text-transform: uppercase;
  }
  #awardsCategoriesPage #winnersTab,
  #awardsCategoriesPage #runnersTab {
    opacity: 0;
    height: 0;
    transition: opacity 0.5s;
  }
  #awardsCategoriesPage #winnersTab.active,
  #awardsCategoriesPage #runnersTab.active {
    opacity: 1;
    height: auto;
  }
  #expresspage.christmas2017 #hero .info h2 {
    font-size: 5vw;
  }
  #expresspage.christmas2017 #hero .info p {
    font-size: 2.5vw;
  }
  #expresspage.christmas2017 #hero .info p.smallText {
    font-size: 1.5vw;
  }
  .celebrityPage .innerDivTexRight .textHolder,
  .celebrityPage .innerDivTexLeft .textHolder {
    position: relative;
    top: 0;
    width: 100%;
  }
  .celebrityPage .innerDivTexRight .textHolder {
    right: 0;
  }
  .celebrityPage .innerDivTexLeft .textHolder {
    left: 0;
  }
  .celebrityPage article .spacing {
    margin-top: 50px;
  }
  .celebrityPage article img.smaller {
    max-width: 100px;
  }
  .glissadeLinkHolder > a {
    font-size: 5vw;
    white-space: nowrap;
  }
  .glissadeLinkHolder > a:after {
    background-size: auto 6vw;
  }
  footer div.newsletter.summer2017 input[type="text"],
  footer div.newsletter.summer2017 select,
  footer div.newsletter.summer2017 div.genderWrapper div.gender,
  footer div.newsletter.summer2017 .submitBtn {
    height: 40px;
  }
  footer div.newsletter.summer2017 input[type="text"],
  footer div.newsletter.summer2017 select,
  footer div.newsletter.summer2017 div.genderWrapper div.gender {
    line-height: 40px;
  }
  #underMenuHolder.springSale18 .underMenu .clockHolder > span:first-child {
    display: block;
  }
  #underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock > span {
    width: 40%;
  }
}
@media (min-width: 769px) {
  figure.imageWithCaptionBlock[class*="-6col"] .p-bottomLeftCorner {
    left: 8%;
  }
  .nightForYouCampaign .bottom-images img {
    width: 98%;
    height: auto;
  }
  #frankfurtShowroomTopBar .bookAppointment a:hover {
    color: #000;
  }
  #frankfurtShowroomTopBar .bookAppointment a:hover .arrowRight {
    background-image: url("../images/campaigns/frankfurt-showroom/arrow-active.png");
  }
  #frankfurtShowroomTopBar .closeButton:hover {
    background-image: url("../images/campaigns/frankfurt-showroom/close-active.png");
  }
  .btn:not(.disabled):hover {
    background-color: #666;
    border-color: #666;
    color: #fff;
  }
  .winter-sale_hero .info .btn:not(.disabled):hover {
    background-color: #000;
  }
  .tooltipHover:not([data-title=""]) {
    position: relative;
    display: inline-block;
  }
  .tooltipHover:not([data-title=""]):after {
    position: absolute;
    max-height: 0;
    white-space: nowrap;
    opacity: 0;
    top: 0;
    left: 0;
    font-size: 12px;
    line-height: 14px;
    background-color: #fff;
    padding: 0 5px;
    border-radius: 3px;
    transform: translateY(-105%);
    z-index: 9;
    overflow: hidden;
    color: #222;
    border: 1px solid transparent;
  }
  .tooltipHover:not([data-title=""]):hover:after {
    content: attr(data-title);
    border-color: #222;
    opacity: 1;
    padding: 5px;
    max-height: 60px;
  }
  #tempWarning > .warningContent a.arrowBtn {
    float: right;
  }
  .subNavSlidesHolder figure figcaption {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .shopColReviews {
    clear: left;
  }
  .orderReviewOuter {
    float: right;
    clear: right;
  }
  #rings-area .titleContainer h2.p-hidden span.scriptStyle,
  #rings-area .titleContainer .h2.p-hidden span.scriptStyle {
    font-size: 48px;
    margin-top: 15px;
    display: inline-block;
    line-height: inherit;
  }
  #rings-area .titleContainer h2.p-hidden span.normalStyle,
  #rings-area .titleContainer .h2.p-hidden span.normalStyle {
    font-size: 19pt;
    padding-left: 105px;
    margin-top: -16px;
    display: block;
    letter-spacing: 0;
    line-height: inherit;
  }
  #rings .arrange .arrange-content {
    padding: 40px 40px 20px;
  }
  #rings .carat-slider.clarity-slider .noUi-value {
    font-size: 13px;
  }
  #step-2 .h2 {
    font-size: 3.5em;
  }
  #step-2 #columnTitle2 {
    text-align: left;
    font-style: italic;
    font-size: 48px;
  }
  #step-2 #columnTitle2 > span:not(.phoneText) {
    display: block;
    font-size: 19pt;
    font-weight: 300;
    margin-top: -10px;
    padding-left: 85px;
  }
  #Divshapes #selectedShapeName {
    width: 75%;
  }
  #styles .filter2 li.active:before {
    border-color: #ccc transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    display: none;
    left: 50px;
    margin-left: -15px;
    position: absolute;
    bottom: -17px;
    width: 0;
    z-index: 1;
  }
  #styles .filter2 li.active:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    display: none;
    left: 50px;
    margin-left: -15px;
    position: absolute;
    bottom: -16px;
    width: 0;
    z-index: 1;
  }
  #styles .filter2 li[data-category="5"].active:before,
  #styles .filter2 li[data-category="5"].active:after {
    left: 25px;
  }
  #styles .filter2 li[data-category="4"].active:before,
  #styles .filter2 li[data-category="4"].active:after {
    left: 22px;
  }
  #styles .filter2 li[data-category="6"].active:before,
  #styles .filter2 li[data-category="6"].active:after {
    left: 20px;
  }
  #styles .filter2 li img {
    max-width: 100px;
    max-height: 44px;
  }
  #styles .filter2 li[data-category="6"] img {
    max-height: 30px;
  }
  #styles .filter2 li a#ancsub_40 img {
    max-width: 70px;
  }
  .ROLine {
    display: table;
    width: 100%;
  }
  .ROLineHeader {
    width: 100%;
  }
  #shoppingBagPage .productsHolder > div,
  #checkoutPage .productsHolder > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
  #shoppingBagPage .productsHolder > div:first-of-type,
  #checkoutPage .productsHolder > div:first-of-type {
    vertical-align: top;
  }
  .checkout2017 #itemsHolder .includingVAT {
    text-align: right;
    margin-bottom: 0;
    font-size: 12px;
  }
  #shopBag2017 #itemsHolder .no-items p {
    margin-top: 10px;
  }
  #shopBag2017 #itemsHolder .item.twoImageTypes > div {
    display: table;
    width: 100%;
  }
  #shopBag2017 #itemsHolder .item .imageTogglerHolder > button + button {
    margin-left: 5%;
  }
  #shopBag2017
    #itemsHolder
    .item.showSetting
    .imageTogglerHolder
    > button.showSetting {
    border-color: #ffc13a;
  }
  #shopBag2017
    #itemsHolder
    .item.showDiamonds
    .imageTogglerHolder
    > button.showDiamond {
    border-color: #ffc13a;
  }
  #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
    position: relative;
    overflow: hidden;
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  #shopBag2017 #itemsHolder .item > div {
    top: -15px;
    position: relative;
    z-index: 0;
  }
  #shopBag2017 .itemInformationHolder {
    min-height: 180px;
  }
  #shopBag2017 .itemInformationHolder .itemPriceHolder {
    text-align: right;
  }
  #shopBag2017 .itemInformationHolder .itemPriceHolder > div.priceHolder {
    text-align: left;
    margin-right: 0;
    display: inline-block;
  }
  #shopBag2017 #totalHolder .grandTotalholder {
    text-align: right;
  }
  #checkoutPage2017 #deliveryRadioHolder > span {
    white-space: nowrap;
  }
  #expresspage #filtersHolder h2 > var {
    display: none;
  }
  #expresspage #filtersHolder .stylesHolder li > h3 button:hover {
    color: #ffc13a;
  }
  .SEOshapes2017 .firstText {
    padding-top: 0;
  }
  .SEOshapes2017 .firstText > img {
    margin-top: 50px;
  }
  .SEOshapes2017 .firstText > .centeredContent {
    margin-top: 25px;
  }
  .SEOshapes2017 .firstText p {
    margin: 0;
  }
  .SEOshapes2017 .videoHolder,
  .SEOshapes2017 .videoSize {
    height: 400px;
  }
  .SEOshapes2017 .videoHolder .iframeHolder,
  .SEOshapes2017 .videoHolder > video {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  #glissadePage .altoText {
    margin-top: -170px;
  }
}
@media (min-width: 481px) {
  .subNavSlidesHolder figure > a.noMargin-left {
    margin-left: 0;
  }
  #style-examples li#liSubcattext_41 figure > figcaption p {
    font-size: 18px;
  }
  #floatingMenuOverlay {
    display: none;
  }
  #floatingMenuHolder {
    display: none;
  }
  #engagementPage.SEOshapes .subNavSlidesHolder figure {
    height: 500px;
  }
  #checkoutSteps
    #checkoutStep1
    .buttonsHolder.hasAmazonBtn
    .continueHolder
    .btn {
    font-size: 16px;
    line-height: 18px;
    height: auto;
    min-height: 50px;
  }
  #rings .arrange .carat-info {
    font-size: 18px;
  }
  #rings .shapes-list .shape-item .shape {
    width: 85px;
    font-size: 10px;
    line-height: 24px;
  }
  .homepageShowrooms {
  }
  .homepageShowrooms h3 {
    margin-top: 40px;
  }
  .homepageShowrooms h2 {
    font-size: 40px;
    margin-top: 40px;
  }
  .homepageShowrooms p {
    margin: 40px 80px;
  }
  .homepageShowrooms .slider-nav-buttons {
    margin: 30px 0;
  }
  .visitShowroom .directionsHolder > div > a + a {
    margin-left: 40px;
  }
}
@media (max-width: 1030px) {
  #hero.xmas_hero .info {
    max-width: 80%;
    padding-left: 18px;
  }
  #homepage .homepageTestimonialsAndExpertCrafts .expertsContainer {
    padding: 0;
  }
  #step-2 .galleryImage .carrousel_left,
  #step-2 .galleryImage .carrousel_right,
  productInfoHolder .galleryImage .carrousel_right {
    z-index: 100002;
  }
  #swipebox-overlay {
    z-index: 100003 !important;
  }
  #edenCampaign .eden-blocks .single-block {
    margin: 40px 0;
    padding: 0 40px;
  }
  #shoppingBagPage .checkoutBtn {
    float: none;
    margin-bottom: 20px;
  }
  #shoppingBagPage {
    width: 95%;
  }
  #careersPage .otherApplications {
    text-align: center;
  }
  #careersPage .otherApplications > .btn {
    display: block;
    margin: 10px auto;
  }
}
@media (max-width: 480px) {
  #styles .filter2 li {
    max-width: 50%;
  }
  #shopBag2017
    #itemsHolder
    .item
    .itemInformationHolder.itemInformationSmallScreens {
    max-width: 72%;
    margin-bottom: 20px;
  }
  #shopBag2017
    .itemInformationHolder.itemInformationSmallScreens
    > h3
    > span.itemInfo {
    line-height: 20px;
  }
  .faqsPage table td {
    font-size: 12px;
  }
  #rings-area.noProducts .mobileMenuSection,
  #rings-area.noProducts #ucTopNav_ {
    margin-top: 0;
  }
  .monologueContainer #Divshapes {
    display: none;
  }
  #step-1 .monologueInitials #moveProductSelect {
    height: 36px;
    background-color: #f6f6f6;
  }
  #rings-area .monologueContainer {
    display: none;
  }
  #step-1 .options h2,
  #step-1 .options .h2 {
    margin-top: 20px;
  }
  .triangule-arrow-down {
    position: relative;
  }
  .triangule-arrow-down:after,
  .triangule-arrow-down:before {
    border-top: 14px solid #fff;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    margin-left: -14px;
    position: absolute;
    bottom: -13px;
    content: "";
    left: 50%;
  }
  .triangule-arrow-down:before {
    border-right: 14px solid transparent;
    border-top: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top-color: #ccc;
    bottom: -14px;
    margin-left: -14px;
    background-color: #fff;
  }
  .mobileMenuSection,
  #Divshapes.mobileMenuSection {
    display: none;
    margin-top: 12px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
  }
  .mobileMenuSection.coln {
    min-height: 0;
  }
  #selectedMetalLabel {
    display: block;
    margin-bottom: 20px;
  }
  #divMetalsGrid > .metalHolder {
    text-align: center;
  }
  .slide_left_landing_pages_inner {
    padding-top: 50%;
  }
  #hero.xmas_hero .info,
  #homepage #hero.xmas_hero .info,
  #diamondCollection2017 #hero.xmas_hero .info {
    max-width: 60%;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 3%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #homepage #hero.xmas_hero .info.p-bottomLeftCorner {
    height: unset;
    top: unset;
    bottom: 10%;
  }
  #hero.xmas_hero .slide_left_landing_pages .info,
  #diamondCollection2017 #hero.xmas_hero .info {
    position: initial;
    max-width: 95%;
  }
  .nightForYouCampaign .bottom-images img {
    width: 92%;
    height: auto;
  }
  .nightForYouCampaign .slider-description h1.night-for-you-typography {
    font-size: 60px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  #hero.eden18 .info {
    margin-bottom: 25px;
  }
  #frankfurtShowroomTopBar .closeButton {
    width: 12px;
  }
  .visitShowroom .directionsHolder {
    margin-top: 40px;
  }
  #celebrityPage2018 .top-banner {
    padding: 20px 30px 0 30px;
  }
  #celebrityPage2018 .main-content {
    padding: 0 10px;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    .cell-box-small {
    font-size: 13px;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    .cell-box-medium {
    font-size: 13px;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    .pic-text-block
    .cell-box-large {
    font-size: 13px;
  }
  #blackFriday #topBanner .arrow-discount {
    bottom: 25px;
  }
  #homepage .hero-bottom-images .bg-pic-box {
    margin-top: 0 !important;
    padding: 0 !important;
  }
  #homepage .hero-bottom-images .bg-pic-box .caption {
    width: 80%;
    padding-left: 16px;
  }
  #homepage .hero-bottom-images .bg-pic-box .caption h1 {
    font-size: 22px;
  }
  #homepage .hero-bottom-images .bg-pic-box .caption h2 {
    font-size: 20px;
  }
  #homepage .hero-bottom-images .bg-pic-box .caption h3 {
    font-size: 16px;
  }
  #homepage .hero-bottom-images .bg-pic-right,
  #homepage .hero-bottom-images .bg-pic-left,
  #blackFriday .hero-bottom-images .bg-pic-right,
  #blackFriday .hero-bottom-images .bg-pic-left {
    padding-top: 73.5%;
  }
  #homepage .hero-bottom-images .bg-pic-right {
    margin-top: 6px;
  }
  #homepage .hero-bottom-images .bg-pic-left {
    padding-right: 0 !important;
    margin-top: 6px;
  }
  #homepage .hero-bottom-images .bg-pic-left.early-bird {
    background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/77d02_early_black_friday_left_image_engagement-mobile.jpg");
  }
  #homepage .hero-bottom-images .bg-pic-right.early-bird {
    background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/77D02_Early_Black_Friday_Right Image_Engagement-Mobile.jpg");
  }
  #homepage .hero-bottom-images .bg-pic-right._P5,
  #homepage .hero-bottom-images .bg-pic-right._P6,
  #homepage .hero-bottom-images .bg-pic-right._P7,
  #homepage .hero-bottom-images .bg-pic-right._PE {
    background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Right_Image-Mobile.jpg");
  }
  #homepage .hero-bottom-images .bg-pic-left._P5,
  #homepage .hero-bottom-images .bg-pic-left._P6,
  #homepage .hero-bottom-images .bg-pic-left._P7,
  #homepage .hero-bottom-images .bg-pic-left._PE {
    background-image: url("../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Left_Image-Mobile.jpg");
  }
  #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line1 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/engagement_mobile.jpg");
  }
  #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line1._P5,
  #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line1._P6,
  #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line1._P7 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/engagement_mobile2.jpg");
  }
  #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line1 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/wedding_mobile.jpg");
  }
  #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line1._P5,
  #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line1._P6,
  #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line1._P7 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/wedding_mobile2.jpg");
  }
  #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line2 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_mobile.jpg");
  }
  #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line2._P5,
  #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line2._P6,
  #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line2._P7 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_mobile2.jpg");
  }
  #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line2 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/earrings_mobile.jpg");
  }
  #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line2._P5,
  #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line2._P6,
  #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line2._P7 {
    background-image: url("../images/campaigns/black-friday-2018/landing-page/boxes/earrings_mobile2.jpg");
  }
  .stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock {
    margin-top: 0;
  }
  .stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock span.timer {
    font-size: 16px;
  }
  .stickyBF18-clock #heroClockHolder > div {
    margin: 0 4px;
  }
  #homepage .bg-pic-box .caption,
  #blackFriday .bg-pic-box .caption {
    width: 54%;
    padding-left: 20px;
  }
  #rings .arrange b {
    background-size: 50%;
  }
  #rings .arrange .shapes-list {
    position: relative;
    margin: 20px 0 60px;
    padding-bottom: 15px;
  }
  #rings .shapes-list .shape-item h3,
  #rings .shapes-list .shape-item .h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    pointer-events: none;
  }
  #rings .shapes-list .shape-item .shape-img img {
    padding: 10px 0;
  }
  #rings .shapes-list .shape-item .shape-model {
    position: absolute;
    bottom: 100%;
    margin-bottom: 30px;
    width: 100%;
    left: 0;
    transition: opacity 0.4s;
  }
  #rings .shapes-list .shape-item input:not(:checked) ~ .shape-model {
    opacity: 0;
  }
  #rings .shapes-list .shape-item input:checked ~ .shape-img img {
    background-color: #ffc13a;
  }
  #rings .shapes-list .shape-item .link-info {
    display: none;
  }
  #rings .shapes-list .shape-item input:not(:checked) ~ h3,
  #rings .shapes-list .shape-item input:not(:checked) ~ .h3 {
    opacity: 0;
  }
  #rings .shapes-list .shape-item .shape {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  #rings .shapes-list .shape-item input:checked ~ h3,
  #rings .shapes-list .shape-item input:checked ~ .h3 {
    opacity: 1;
  }
  #rings .shapes-list .shape-item:not(:hover) .shape {
    display: none;
  }
  #rings .shapes-list .shape-item input:checked ~ .shape {
    display: block;
    opacity: 1;
  }
  .bespokeForm #gdprCheckboxHolder label {
    max-width: 66%;
  }
  .bespokeForm {
    padding-bottom: 75px !important;
  }
  #edenCampaign .eden-blocks .single-block {
    padding: 0 12px;
  }
  figure.imageWithCaptionBlock figcaption h2,
  #hero .info h1,
  .hero .info h1,
  #hero .info h2,
  .hero .info h2 {
    font-size: 7vw;
    margin-bottom: 3vw;
  }
  #vee24LiveHelpTabHTML {
    display: none !important;
  }
  #shopBag2017 #topTextHolder h2 {
    font-size: 5vw;
  }
  #shopBag2017 #topTextHolder #textItemsInBag {
    font-size: 4vw;
  }
  h2,
  .h2 {
    font-size: 2.3em;
  }
  .SubscriptionForm_SpringFlashSale2019 .h2 {
    font-size: 20px;
  }
  .flexBlock {
    display: initial;
  }
  .transformWhite {
    border-color: #fff;
    border-width: 5px;
  }
  figure.centeredImage.notOnPhone > img,
  figure.centeredImage.notOnPhone > a {
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  footer nav > div.mob > h6:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url(../icons/CaretDown.png) no-repeat center
      center;
    transition: transform 0.5s ease;
  }
  footer nav > div.mob.opened > h6:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  footer nav > div.mob > ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    border-bottom: 1px solid #ccc;
    text-indent: 10px;
  }
  footer nav > div.mob.opened > ul {
    max-height: 300px;
  }
  #stickyContactBar button,
  #stickyContactBar a {
    font-size: 3.7vw;
  }
  #stickyContactBar button {
    margin-left: 5vw;
  }
  #stickyContactBar a {
    margin-right: 5vw;
  }
  #stickyContactBar button > img {
    width: 5vw;
    margin-right: 2vw;
    margin-top: -3px;
  }
  #stickyContactBar a > img {
    width: 6vw;
    margin-right: 2vw;
  }
  .landing #hero .info,
  #hero .info,
  .hero .info {
    max-width: 90%;
    font-size: 8px;
  }
  #hero.notCentered .slide img.banner {
    left: auto;
  }
  .subNavSliderHolder .carrousel_left,
  .subNavSliderHolder .carrousel_right {
    top: 20%;
  }
  .phraseBannerBlock {
    padding: 0;
    margin-bottom: 10px;
  }
  .phraseBannerBlock.smallImage .quoteHolder {
    height: 150px;
    padding: 0 10px;
  }
  .phraseBannerBlock.smallImage .quoteHolder h4 {
    margin-bottom: 10px;
  }
  .phraseBannerBlock .quoteSlider .quoteHolder > div {
    height: 100px;
  }
  .phraseBannerBlock figcaption .info {
    font-size: 9px;
  }
  .flexGridBlock > * {
    height: 235px;
    padding: 0;
    margin: 0;
  }
  .simpleTextBlock {
    padding: 0;
    height: 90vw;
  }
  .flexGridBlock > div .centeredContent {
    top: 35%;
  }
  .landing .bottomHero .info {
    width: 60%;
  }
  #categoryDetailsPage .slidesHolder {
    padding: 0;
  }
  #categoryDetailsPage .slick-track {
    -webkit-transform: initial !important;
    -moz-transform: initial !important;
    -ms-transform: initial !important;
    -o-transform: initial !important;
    transform: initial !important;
  }
  #categoryDetailsPage article {
    border-bottom: 10px solid #fff;
    float: none;
    padding: 20px 0;
  }
  #checkoutSteps #checkoutStep1 p.or-text {
    display: block;
    margin: 20px 15px 0 0;
  }
  #checkoutSteps
    #checkoutStep1
    .buttonsHolder.hasAmazonBtn
    #checkoutWithPayPalButton {
    margin-top: 5px;
  }
  #checkoutSteps #checkoutStep1 #amazonLogoutButton,
  #checkoutSteps #checkoutStep1 #checkoutWithPayPalButton {
    margin-left: 0;
    margin-top: 15px;
  }
  #checkoutSteps #checkoutStep1 #amazonLogoutButton p.or-text,
  #checkoutSteps #checkoutStep1 #checkoutWithPayPalButton p.or-text {
    margin-top: 15px;
  }
  #checkoutSteps #checkoutStep1 #checkoutWithPayPalButton .paypalButtonHolder {
    float: left;
  }
  #checkoutSteps #checkoutStep1 #amazonLogoutButton {
    text-align: left;
  }
  #awardsCategoriesPage #categoriesListHolder ul li > figure {
    height: 70vw;
  }
  #awardsCategoriesPage #toggleOpts {
    font-size: 3vw;
  }
  .form .fieldHolder.half {
    width: 100%;
  }
  .form .fieldHolder.half + .half {
    margin-left: 0;
  }
  #home #footerContacts {
    margin-top: 0;
  }
  #homepage .homepageArticles .slick-dots {
    bottom: 2vw;
  }
  #homepage .homepageArticles {
    background-position: top 10vw center;
    height: 60vw;
    padding: 28vw 0 6vw;
    margin-bottom: 6vw;
  }
  #homepage .homepageArticles .quoteHolder q {
    font-size: 4vw;
    margin-bottom: 4.2vw;
  }
  #homepage .homepageArticles .quoteHolder a {
    font-size: 3.3vw;
  }
  #homepage .hero .info {
    width: 80%;
    top: 40%;
  }
  #homepage .hero .info h2 {
    font-size: 8vw;
    margin-bottom: 6vw;
  }
  #homepage .hero .info p {
    font-size: 4vw;
    margin-bottom: 8vw;
  }
  #homepage .hero .info a {
    width: 80%;
    box-sizing: border-box;
  }
  #homepage .hero .info a + a {
    margin-left: 0;
    margin-top: 2vw;
  }
  #diamondCollection .fig_0 .info {
    font-size: 6.5px;
  }
  #diamondCollection .flexBlock > figure .centeredContent {
    margin-left: 5%;
    margin-top: 34%;
    font-size: 7.5px;
  }
  #diamondCollection2017 #hero .info {
    min-width: 90%;
  }
  #diamondCollection2017 #hero .info h1 {
    font-size: 5.5vw;
    margin-bottom: 1.5vw;
  }
  #diamondCollection2017 #hero.xmas_hero .info h1 {
    font-size: 5.5vw;
    margin-bottom: 1.5vw;
  }
  #diamondCollection2017 #hero.xmas_hero .info h1 > span {
    font-size: 5.5vw;
  }
  #diamondCollection2017 #hero .info p {
    margin-bottom: 2.5vw;
    font-size: 3.5vw;
  }
  #diamondCollection2017 #hero .info p:first-of-type {
    margin: 0;
  }
  #diamondCollection2017 img.fakeImage {
    display: none;
  }
  #diamondCollection2017 .centeredContent {
    position: static;
    transform: none;
  }
  #diamondCollection2017 figure figcaption {
    margin-top: 30px;
  }
  #diamondCollection2017 #hero figure figcaption {
    margin-top: 0;
  }
  #diamondCollection2017 #behindCollectionsHolder figure figcaption {
    margin-top: 0;
  }
  #behindCollectionsHolder .squaredText {
    padding: 0;
  }
  #museCollectionPage #tilesHolder img {
    margin-bottom: 10px;
  }
  #museCollectionPage .textHolder {
    padding: 10vw 10vw 5vw 10vw;
  }
  #museCollectionPage .textHolder p {
    font-size: 4vw;
  }
  #museCollectionPage .discoverCollections h3 > a {
    font-size: 5vw;
  }
  #contactsPage #selectedCountryHolder {
  }
  #rings-area
    .rings-panel
    .filterControls
    .action-btns-Wrapper
    .action-btns
    #btnAddToShoppingBag {
    width: 80%;
  }
  #rings-area #mainslider.gridList .productSliderSlides .slide {
    width: 100% !important;
  }
  #step-2 .h2 .phoneText {
    display: inline-block;
  }
  #style-examples .left {
    width: 100%;
  }
  #style-examples li {
    padding: 0 10px;
  }
  #style-examples img {
    display: block;
    float: none;
    margin: 30px auto;
    width: 85%;
  }
  #styles .opener {
    right: 5px;
  }
  #step-1 .options .shapes-list {
    max-width: 270px;
    margin: 0 auto;
  }
  #step-2 .gallery {
    padding-bottom: 10px;
  }
  #step-2 .galleryImage #image360-reel {
    margin-top: 0 !important;
  }
  #step-2 .content p {
    font-size: 14px;
  }
  #step-2 .results h4#lblDiamondsCount {
    font-size: 14px;
  }
  .orderReview #orderItems .itemDescription {
    width: 100%;
  }
  .orderReview #orderItems .itemDescription > div > label {
    font-size: 1em;
  }
  #step-2 .content > div.social-box {
    display: block;
    float: left;
    width: 100%;
  }
  #step-2 .action-btns .bigbtn span,
  #step-2 .action-btns .box,
  #dropdown-2.dropdown {
    width: 80%;
  }
  #rings-area .rings-panel .quote2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    max-height: 165px;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    position: relative;
    text-align: justify !important;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%;
    transition: max-height 0.5s;
  }
  #rings-area .rings-panel .quote2 h2 {
    text-align: center;
    line-height: 28px;
    margin-top: 30px;
  }
  #rings-area .rings-panel .quote2:after {
    content: "Read More";
    cursor: pointer;
    text-decoration: underline;
    position: absolute;
    text-align: right;
    width: 100%;
    height: 25px;
    bottom: 0;
    right: 15px;
    font-size: 14px;
    background-color: #fff;
    z-index: 5;
  }
  #rings-area .rings-panel .quote2.active {
    overflow: visible;
    display: inline-block;
    line-height: auto;
    max-height: 4000px;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
  }
  #rings-area .rings-panel .quote2.active:after {
    content: "View Less";
  }
  #rings-area .rings-panel .quote2 > h1 {
    text-align: center;
    line-height: 1em;
    font-size: 3em;
  }
  #rings-area.noProducts #noProductsHolder {
    height: 65vw;
  }
  #rings-area #noProductsHolder .textHolder h2 {
    font-size: 10vw;
    margin-bottom: 3vw;
  }
  #rings-area #noProductsHolder .textHolder h3 {
    font-size: 5vw;
  }
  #rings-area #noProductsHolder .textHolder p {
    font-size: 4vw;
  }
  #tempStickyHeader > table td {
    padding: 5px;
  }
  .orderReview #orderItems .itemDescription > div.matchingPairs {
    width: 100%;
  }
  #email .email-left {
    border-right: 0 none;
    border-top: 1px solid #ffd400;
    padding-top: 30px;
    margin-top: 30px;
    padding-right: 0;
  }
  #email .preview {
    padding: 0;
  }
  #educationPage .bottomHero .info {
    width: 85%;
  }
  #educationPage .bottomHero .info h2 {
    font-size: 7vw;
  }
  #educationPage .bottomHero .info p {
    font-size: 3.5vw;
  }
  #educationPage #hero .info {
    bottom: 32%;
  }
  .educationPage h1.pos {
    font-size: 5vw;
    transform: translateY(18vw);
  }
  .educationPage h2#name {
    font-size: 9vw;
    margin: 10vw 0 -6.5vw;
    transform: translateY(-8vw);
  }
  #educationPage .bottomHero .info h1 {
    font-size: 3.2em;
  }
  #educationShapes #shapes {
    border: 0 none;
  }
  #educationShapes #shapes li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-top: -1px;
    margin-right: -1px;
    box-sizing: border-box;
    display: block;
    width: 33.3333%;
    float: left;
  }
  #educationShapes #shapes li.phoneLast {
    margin-left: 16.6667%;
  }
  #creditCardPaymentPage .summary .productsHolder {
    max-height: 30px;
    padding: 0 5%;
    border-bottom: 1px solid #dadada;
    overflow: hidden;
    transition: max-height 0.5s, padding 0.5s;
  }
  #creditCardPaymentPage .summary .productsHolder:before {
    content: attr(data-productname) " - " attr(data-productmetal);
    padding: 5px;
  }
  #creditCardPaymentPage .summary #showHideOrder {
    background-color: #ffc13a;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
  }
  #creditCardPaymentPage .summary #showHideOrder span {
    padding: 5px;
    display: inline-block;
  }
  #creditCardPaymentPage .summary #showHideOrder span:before {
    color: #000;
    content: "See my order";
    font-size: 14px;
    padding: 5px;
  }
  #creditCardPaymentPage .summary #showHideOrder i.fa {
    font-size: 25px;
    padding: 0 5px;
    transition: transform 0.5s;
  }
  #creditCardPaymentPage .summary.active .productsHolder {
    max-height: 1000px;
    overflow-y: auto;
    padding: 5%;
  }
  #creditCardPaymentPage .summary.active .productsHolder:before {
    content: "";
  }
  #creditCardPaymentPage .summary.active #showHideOrder span:before {
    content: "Hide my order";
  }
  #creditCardPaymentPage .summary.active #showHideOrder i.fa {
    transform: rotate(180deg);
  }
  #checkoutPage #billingInfoContainer {
    width: 92%;
  }
  .checkout2017 .includingVAT {
    font-size: 4vw;
  }
  .checkout2017 #itemsHolder .item .mobileDiamondInfo > .includingVAT {
    margin-top: 4px;
  }
  #checkoutPage2017 .step .stepTitle {
    font-size: 14px;
  }
  #checkoutPage2017 .step .stepTitle > .stepNumber {
    margin-top: 3px;
    vertical-align: top;
    font-size: 18px;
  }
  #checkoutPage2017 .step .stepTitle > .stepDescription {
    display: block;
    margin-top: -12px;
    margin-left: 45px;
  }
  #checkoutPage2017 #cardPaymentHolder #cardNumber,
  #checkoutPage2017 #cardPaymentHolder #cardSecurityCode {
    width: 43%;
    min-width: 170px;
  }
  #shopBag2017 .weAcceptHolder img {
    height: 20px;
  }
  #shopBag2017 .weAcceptHolder img.icon-mastercard {
    height: 31px;
    max-height: 31px;
  }
  #checkoutPage2017 .buttonsHolder {
    text-align: center;
  }
  #checkoutPage2017 .buttonsHolder .btn.continue,
  #checkoutPage2017 .paymentMethod .btn {
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
  }
  #checkoutPage2017 #paypalHolder {
    text-align: center;
  }
  #checkoutPage2017 .stepContent .buttonsHolder .btn {
    font-size: 12px;
  }
  #careersPage h2 {
    font-size: 10vw;
    line-height: 9vw;
  }
  #careersPage .jobPosition dl {
    text-align: left;
    margin-left: 16%;
  }
  #samplePage h3 {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 13vw;
  }
  #samplePage iframe {
    margin-top: 0;
  }
  #expresspage.christmas2017 #hero .info h2 {
    font-size: 7vw;
  }
  #expresspage.christmas2017 #hero .info p {
    font-size: 5vw;
  }
  #expresspage.christmas2017 #hero .info p.smallText {
    font-size: 3vw;
  }
  #expresspage #filtersHolder #colourFilter.filterHolder ul > li,
  #expresspage #filtersHolder #clarityFilter.filterHolder ul > li {
    width: calc((90% / 5) - 5px);
  }
  #expresspage #filtersHolder #clarityFilter.filterHolder ul > li {
    width: calc((90% / 4) - 5px);
    min-width: 50px;
  }
  #expresspage #filtersHolder #colourFilter.filterHolder ul > li:nth-child(6) {
    margin-left: calc((90% / 10));
  }
  #expresspage #filtersHolder #clarityFilter.filterHolder ul > li:nth-child(5) {
    margin-left: calc((90% / 8));
  }
  #expresspage #productInfo .btnAddToShoppingExpressPopupMobile {
    margin-bottom: 20px;
  }
  #gdprPage .videoHolder iframe {
    width: 90% !important;
    height: 350px !important;
  }
  #gdprPage .worldTopNews77Holder article {
    padding-right: 7vw;
  }
  #gdprPage .worldTopNews77Holder article .textHolder {
    width: 70%;
    margin: 4vw auto;
    padding-top: 3.5vw;
    padding-left: 7vw;
  }
  #gdprPage .worldTopNews77Holder article .textHolder h3 {
    font-size: 6vw;
    margin-bottom: 3vw;
  }
  #gdprPage .worldTopNews77Holder article .textHolder p {
    font-size: 4vw;
    margin-bottom: 3vw;
  }
  .SEOshapes2017 .bgShape_1,
  .SEOshapes2017 .bgShape_2,
  .SEOshapes2017 .bgShape_3,
  .SEOshapes2017 .bgShape_4,
  .SEOshapes2017 .bgShape_5,
  .SEOshapes2017 .bgShape_6,
  .SEOshapes2017 .bgShape_7,
  .SEOshapes2017 .bgShape_8,
  .SEOshapes2017 .bgShape_9,
  .SEOshapes2017 .bgShape_10 {
    background-size: auto 260px;
  }
  .SEOshapes2017 .firstFigure {
    margin: 0;
  }
  .SEOshapes2017 .chooseHolder {
    margin: 15px 0;
  }
  .SEOshapes2017 .chooseHolder img.fixedHeight {
    height: auto;
  }
  .shape2017greyBG .quickLinks figcaption {
    font-size: 3vw;
    margin-top: 10px;
  }
  .SEOshapes2017 h1,
  .SEOshapes2017 h2 {
    font-size: 6vw;
  }
  .SEOshapes2017 p {
    font-size: 4vw;
  }
  .shape2017greyBG .quickLinks > figure {
    padding-left: 3%;
  }
  .shape2017greyBG .quickLinks > figure:first-child {
    margin-left: 12.5%;
  }
  #samplePage #hero .disclaimerHolder {
    bottom: 10vw;
  }
  #samplePage #hero .disclaimerHolder > p {
    font-size: 3vw;
    padding-right: 0;
  }
  #samplePage .textHolder {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  #samplePage .formHolder {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  #samplePage .formHolder h2 {
    font-size: 6vw;
  }
  #samplePage .directionsHolder {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  #samplePage .directionsHolder iframe {
    margin-top: 15vw;
  }
  #samplePage .directionsHolder h2 {
    font-size: calc(14px + 2vw);
  }
  #samplePage .directionsHolder p {
    font-size: calc(10px + 2vw);
    line-height: calc(10px + 2.5vw);
  }
  #samplePage .getDirections {
    margin-top: 4vw;
  }
  #samplePage .getDirections > div:last-child > a {
    margin-top: 4vw;
  }
  #homepage #hero .eventLive.christmas .info {
    margin-top: 5%;
    margin-left: 35%;
  }
  #homepage #hero .eventLive.christmas.christmasTop .info {
    margin-top: 5%;
    margin-left: 25%;
  }
  .topBadge > a > p {
    width: 100%;
    font-size: 3.8vw;
    text-align: center;
  }
  .eventLive .closeSignUp {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 15px;
    height: 15px;
    transition: transform 0.5s;
  }
  .eventLive.active .closeSignUp {
    display: inline-block;
  }
  .eventLive.active .closeSignUp:hover {
    transform: rotate(90deg);
  }
  .eventLive > .centeredContent {
    color: #fff;
    margin-left: -5px;
  }
  .eventLive.preBlackFriday > .centeredContent:nth-child(2) {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    background-clip: border-box;
    right: 0;
    transform: translateY(-50%);
    padding: 0;
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    transition: max-height 0.5s, padding 0.5s;
  }
  .eventLive.active > .centeredContent:nth-child(2) {
    padding-top: 15vw;
    max-height: 400px;
  }
  .eventLive > .centeredContent p {
    font-size: 4vw;
    line-height: 38px;
    margin-bottom: 0;
  }
  .eventLive > .centeredContent h2.h1 {
    font-size: 13vw;
    line-height: 13vw;
  }
  .eventLive.cyberMonday > .centeredContent h2.h1 {
    font-size: 11vw;
    line-height: 11vw;
  }
  .eventLive > .centeredContent h2.h1 > strong {
    font-size: 12vw;
  }
  .eventLive > .centeredContent h2.h1 > span {
    font-size: 12.5vw;
  }
  .eventLive > .centeredContent h2.h1 + p {
    font-size: 3.5vw;
  }
  .eventLive > .centeredContent .signupMessage p {
    font-size: 18px;
    line-height: 24px;
  }
  .eventLive > .centeredContent .signupMessage .miniTitle {
    font-size: 24px;
    line-height: 30px;
  }
  .eventLive.blackFriday > .centeredContent,
  .eventLive.cyberMonday > .centeredContent,
  .eventLive.blackFridayExt > .centeredContent {
    top: 0;
    position: relative;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .eventLive #BF_clock > span {
    font-size: 10vw;
    line-height: 5vw;
    letter-spacing: 2px;
  }
  .eventLive #BF_clock > span > span {
    font-size: 3vw;
  }
  .eventLive > .bannerLinks {
    bottom: 5vw;
  }
  .eventLive > .bannerLinks > a.btn {
    font-size: 14px;
    padding: 4px 20px;
  }
  .eventLive.blackFridayExt > .centeredContent p {
    margin-top: 1vw;
    margin-bottom: 5vw;
  }
  .eventLive.blackFridayExt > .centeredContent p.secondLine {
    margin-bottom: 0;
  }
  .eventLive.blackFridayExt > .centeredContent h2.h1 {
    font-size: 11vw;
    line-height: 2vw;
    margin-bottom: 3vw;
  }
  .eventLive.blackFridayExt > .centeredContent h2.h1 > strong {
    font-size: 16vw;
    line-height: 20vw;
  }
  .eventLive.blackFridayExt > .centeredContent h2.h1 > span {
    font-size: 9.5vw;
  }
  .eventLive.blackFridayExt > .centeredContent h2.h1 + p {
    font-size: 3vw;
    line-height: 5.5vw;
  }
  #blackFriday .eventLive > .textHolder p {
    margin: 20px 0;
    font-size: 7vw;
  }
  #blackFriday .eventLive > .textHolder p:first-child {
    font-size: 7vw;
  }
  #blackFriday .eventLive > .textHolder h2.h1 {
    font-size: 20vw;
    line-height: 20vw;
  }
  #blackFriday .eventLive > .textHolder h2.h1 > strong {
    font-size: 20vw;
  }
  .boxInfoWrap.blackFridayEvent.christmas .firstText > p {
    font-size: 4vw;
  }
  .boxInfoWrap.blackFridayEvent .firstText > span {
    font-size: 5vw;
  }
  .boxInfoWrap.blackFridayEvent .firstText > strong {
    font-size: 7vw;
  }
  #homepage.summer2017 figure.fig_0 figcaption {
    margin-top: 25%;
  }
  #diamondEarrings.summer2017 #hero .info {
    width: 40%;
    margin-top: 13%;
  }
  #looseDiamonds.summer2017 #hero .info {
    margin-bottom: 0;
  }
  #expresspage.summer2017 #hero .info {
    width: 90%;
    bottom: 2%;
  }
  #imperoLandingPage a.arrowBtn,
  #imperoLandingPage a.arrowBtn:link,
  #imperoLandingPage a.arrowBtn:visited,
  #imperoLandingPage .arrowBtn {
    font-size: 5vw;
  }
  .imperoCollection .arrowBtn,
  .imperoCollection a.arrowBtn,
  .imperoCollection a.arrowBtn:link,
  .imperoCollection a.arrowBtn:visited {
    margin-right: 10vw;
    font-size: 4vw;
    background-size: 4vw;
    padding-right: 6vw;
  }
  #imperoLandingPage h2:first-of-type {
    margin-top: 0;
  }
  .bannerLinks {
    white-space: normal;
  }
  #blackFriday > .earlyBird2017 figure#logoHolder img {
    width: 100%;
  }
  #blackFriday > .earlyBird2017 .textHolder {
    width: 90%;
  }
  #blackFriday > .earlyBird2017 div.newsletterHolder {
    width: 80%;
  }
  #blackFriday > .earlyBird2017 div.newsletter div.genderWrapper,
  #blackFriday > .earlyBird2017 .eb_input {
    display: block;
    width: 100%;
    margin: 0 0 15px;
  }
  #blackFriday > .earlyBird2017 div.newsletter > div {
    margin: 0;
  }
  #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere img {
    max-width: 60%;
    margin: 1vw;
  }
  #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere img.finalSale {
    max-width: 90%;
  }
  #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere .btn.eventBtn {
    margin-top: 2vw;
    font-size: 3vw;
    min-width: 130px;
    margin-right: 5px;
  }
  #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere.stickyActive
    .btn.eventBtn {
    margin-right: 40px;
    min-width: 120px;
  }
  #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere
    .btn.eventBtn
    > span {
    height: 2vw;
    line-height: 2vw;
  }
  #underMenuHolder.headerBannerLinks.blackFriday2017.stickyActive
    .btn.eventBtn {
    width: 35vw;
  }
  #clockHolder {
    margin-bottom: 7vw;
  }
  .badge_clock > span,
  #BF_clock_badge > span {
    font-size: 5vw;
    line-height: 2vw;
    margin-bottom: 5px;
  }
  .badge_clock > span > span,
  #BF_clock_badge > span > span {
    font-size: 1.5vw;
    margin-top: 0;
  }
  #homepage #hero.imperoCollection .info #clockHolder > h3 {
    font-size: 5vw;
    margin-bottom: 2vw;
  }
  #clockHolder #BF_clock > span {
    margin-top: 10vw;
    font-size: 15vw;
  }
  #clockHolder #BF_clock > span + span {
    margin-left: 3vw;
  }
  #clockHolder #BF_clock > span > span {
    margin-top: 4vw;
    font-size: 4vw;
  }
  #homepage #hero .bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) {
    font-size: 3vw;
  }
  #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper {
    width: 100%;
    margin-left: 0;
  }
  #blackFriday .hero .info {
    width: 85%;
  }
  #blackFriday .hero h3 {
    font-size: 6vw;
  }
  #blackFriday .bannerLinks.blackFriday2017 .eventBtn,
  #blackFriday .hero p {
    font-size: 4vw;
  }
  #blackFriday .bannerLinks.blackFriday2017 {
    text-align: left;
  }
  #blackFriday .bannerLinks.blackFriday2017 .eventBtn {
    width: auto;
  }
  #blackFriday #topBanner .bannerLinks.blackFriday2017 {
    text-align: center;
  }
  #blackFriday > .blackFriday2017 .newsletterHolder > p {
    font-size: 4vw;
  }
  #blackFriday > .blackFriday2017 .newsletterHolder .newsletter {
    width: 90%;
    margin-bottom: 40px;
  }
  #homepage #hero.museCollection {
    margin-bottom: 10px;
  }
  a.arrowBtn.museCollection,
  a.arrowBtn.museCollection:link,
  a.arrowBtn.museCollection:visited,
  .arrowBtn.museCollection,
  #hero a.arrowBtn.museCollection,
  #hero a.arrowBtn.museCollection:link,
  #hero a.arrowBtn.museCollection:visited,
  #hero .arrowBtn.museCollection {
    font-size: 4vw;
  }
  #samplePage #hero .slide.ss18 .info.centered,
  #homepage #hero .slide.ss18 .info.centered {
    width: 95%;
    margin-top: -2vw;
  }
  #hero .slide.ss18 figcaption .info h1 {
    font-size: 24px;
  }
  #hero .slide.ss18 figcaption .info h2 {
    font-size: 42px;
  }
  #hero .slide.ss18 figcaption .info h3 {
    font-size: 24px;
  }
  #hero .slide.ss18 h2 {
    font-size: 6vw;
    margin-top: 2vw;
  }
  #hero .slide.ss18 h2 img {
    max-width: 74vw;
  }
  #hero .slide.ss18 h3 {
    font-size: 5.4vw;
    margin: 0;
  }
  #hero .slide.ss18 .sampleDate {
    bottom: 2.5vw;
  }
  #hero .slide.ss18 .sampleDate > p {
    font-size: 5vw;
  }
  #underMenuHolder.ss18 > .container p {
    font-size: 4vw;
    margin: 3vw 0 1vw;
    line-height: 4vw;
  }
  #underMenuHolder.ss18 .visitShowroom .btn.arrowBtn {
    font-size: 3vw;
    margin: 5vw 6vw 5vw 0;
    background-size: 3vw;
    letter-spacing: 1px;
  }
  #underMenuHolder.ss18 .visitShowroom .arrowBtn {
    font-size: 4vw;
    margin: 0 0 2vw;
  }
  #underMenuHolder.springSale18 {
    height: 14vw;
  }
  #underMenuHolder.springSale18.stickyActive a.closeSticky {
    font-size: 4vw;
  }
  #underMenuHolder.springSale18 > .container {
    padding: 0 6vw 0 5vw;
  }
  #underMenuHolder.springSale18 .underMenu p,
  #underMenuHolder.springSale18 .underMenu .clockHolder,
  #underMenuHolder.springSale18 .underMenu .clockHolder span {
    font-size: 3.5vw;
    line-height: 5vw;
    white-space: normal;
  }
  #underMenuHolder.springSale18.nonDiamond .underMenu p,
  #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder,
  #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder span {
    font-size: 3.8vw;
    line-height: 5vw;
  }
  #underMenuHolder.springSale18 .underMenu .arrowBtn {
    line-height: 14vw;
    padding: 2vw 8vw 2vw 2vw;
  }
  #homepage .saleLogoHolder {
    width: 40%;
  }
  #homepage #hero.springSale18 figcaption.row > .info h2 {
    font-size: 5vw;
  }
  #homepage #hero.springSale18 figcaption.row > .info h2 > p {
    font-size: 4.5vw;
    margin-top: 4vw;
    line-height: 5vw;
  }
  #shopClockHolderMob #springSale18_shopClockMob > span {
    width: 60px;
  }
  #shopClockHolder p {
    font-size: 3.5vw;
  }
  #shopClockHolder #springSale18_shopClock,
  #shopClockHolder #springSale18_shopClock span,
  #shopClockHolder .textHolder > span {
    font-size: 6vw;
  }
  #shopClockHolderMob {
    height: calc(45px + 15vw);
    margin-top: 4vw;
    padding-top: 5vw;
  }
  #shopClockHolderMob #springSale18_shopClockMob {
    display: block;
    line-height: calc(10px + 5vw);
    font-size: 6vw;
  }
  .phraseBannerBlock .homepageShowrooms .slider-content {
    padding: 25px 0 0;
  }
  .phraseBannerBlock .homepageShowrooms h3 {
    font-size: 16px;
  }
  .phraseBannerBlock .homepageShowrooms h2 {
    margin: 10px 0;
    font-size: 22px;
  }
  .phraseBannerBlock .homepageShowrooms p {
    margin: 10px 0;
    padding: 0 30px;
    font-size: 15px;
  }
  .phraseBannerBlock .homepageShowrooms .slider-nav-buttons {
    margin: 15px 0;
  }
  #step-2 .iframeHolder > iframe {
    margin: 0 -70px;
  }
}
@media (min-width: 481px) and (max-width: 1030px) {
  #styles .filter2 a img {
    max-height: 30px;
    width: auto;
  }
  #hero .slide.ss18 figcaption .info h1 {
    font-size: 32px;
  }
  #hero .slide.ss18 figcaption .info h2 {
    font-size: 52px;
  }
  #hero .slide.ss18 figcaption .info h3 {
    font-size: 32px;
  }
  #homepage #hero.frankfurtShowroom .slide figcaption .info {
    width: 200px;
  }
  #homepage .homepageTestimonialsAndExpertCrafts .btn {
    margin: 0 !important;
  }
  #diamondCollection .flexBlock > figure {
    text-align: center;
  }
  #diamondCollection .flexBlock > figure .centeredContent {
    margin-left: 5%;
    margin-top: 0;
    top: initial;
    bottom: 0;
    font-size: 9px;
    text-align: left;
  }
  #educationShapes #shapes {
    border: 0 none;
  }
  #educationShapes #shapes li {
    width: 25%;
  }
  #educationShapes #shapes li.tabletLast {
    margin-left: 12.5%;
  }
  #rings-area #mainslider.gridList .productSliderSlides .slide {
    width: 33% !important;
  }
  #step-1 .options .shapes-list {
    max-width: 540px;
    margin: 0 auto;
  }
  #checkoutPage .checkboxes {
    margin-left: 30px;
  }
  .SEOshapes2017 h1,
  .SEOshapes2017 h2 {
    font-size: 3.2vw;
  }
  .SEOshapes2017 .centeredContent p {
    font-size: 1.7vw;
  }
  .SEOshapes2017 .videoSize {
    height: 30vw;
    margin-top: 4vw;
  }
  .topBadge > a > p {
    width: 90%;
    font-size: 2.5vw;
  }
  .eventLive > .centeredContent p {
    font-size: 2vw;
  }
  .eventLive > .centeredContent h2.h1 {
    font-size: 7vw;
    line-height: 7vw;
  }
  .eventLive.cyberMonday > .centeredContent h2.h1 {
    font-size: 6vw;
    line-height: 6vw;
  }
  .eventLive > .centeredContent h2.h1 > strong {
    font-size: 7vw;
  }
  .eventLive #BF_clock > span {
    font-size: 7vw;
    line-height: 5vw;
    letter-spacing: 2px;
  }
  .eventLive #BF_clock > span > span {
    font-size: 2vw;
  }
  .eventLive > .bannerLinks {
    bottom: 10vw;
  }
  .topBadge.summer2017 > a > p {
    width: 100%;
  }
  .visitShowroom .directionsHolder {
    padding: 0 15%;
    margin-top: 0;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
    width: 33%;
  }
  #shopBag2017 #itemsHolder .item.twoImageTypes .itemInformationHolder {
    width: 67%;
  }
  #winterSale2019 #hero .info.tp-topLeftCorner {
    top: 5%;
  }
  #homepage .hero .expertCraftSlide .craftsmanText {
    width: 70%;
    margin-top: -10px;
  }
  figure.imageWithCaptionBlock figcaption h2,
  #hero .info h1,
  .hero .info h1,
  #hero .info h2,
  .hero .info h2 {
    font-size: 5vw;
    margin-bottom: 2vw;
  }
  #checkoutPage #billingInfoContainer {
    width: 96%;
  }
  #educationPage .bottomHero .info h2 {
    font-size: 6vw;
  }
  #educationPage .bottomHero .info p {
    font-size: 2.5vw;
  }
  #behindCollectionsHolder h2 > span {
    font-size: 4.5vw;
    margin-left: 15vw;
  }
  #diamondCollection2017 h2 {
    font-size: 3.5vw;
  }
  #diamondCollection2017 p {
    font-size: 2.2vw;
    margin-bottom: 10px;
  }
  #diamondCollection2017 .arrowBtn {
    font-size: 2.2vw;
    background-size: 14px auto;
    padding-right: 20px;
  }
  #diamondCollection2017 .squaredText {
    padding: 2vw 4vw;
    width: 35vw;
  }
  #behindCollectionsHolder .squaredText {
    width: 41vw;
  }
  #expresspage #itemsList .item figure.slide {
    height: 30vw;
  }
  #gdprPage .worldTopNews77Holder article .textHolder {
    width: 50%;
    margin: 4vw auto;
    padding-top: 2.5vw;
    padding-left: 6vw;
  }
  #gdprPage .worldTopNews77Holder article .textHolder h3 {
    font-size: 4vw;
    margin-bottom: 2vw;
  }
  #gdprPage .worldTopNews77Holder article .textHolder p {
    font-size: 3vw;
    margin-bottom: 2vw;
  }
  #samplePage #hero .disclaimerHolder {
    bottom: 7vw;
  }
  #samplePage #hero .disclaimerHolder > p {
    font-size: calc(8px + 1vw);
  }
  #samplePage .textHolder {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  #samplePage .formHolder {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  #samplePage .formHolder h2 {
    font-size: 3.4vw;
  }
  #samplePage .directionsHolder {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  #samplePage .directionsHolder h2 {
    font-size: calc(14px + 2vw);
  }
  #samplePage .directionsHolder p {
    font-size: calc(10px + 2vw);
    line-height: calc(10px + 2.5vw);
  }
  #samplePage .getDirections {
    margin-top: 0;
  }
  #samplePage .getDirections > div > a {
    display: block;
    margin-top: 2vw;
  }
  #samplePage .getDirections > div:last-child > a {
    margin-top: 4vw;
  }
  #blackFriday .hero h3 {
    font-size: 3.5vw;
  }
  #blackFriday .bannerLinks.blackFriday2017 .eventBtn,
  #blackFriday .hero p {
    font-size: 2.2vw;
  }
  #blackFriday .bannerLinks.blackFriday2017 .eventBtn {
    min-width: 10vw;
  }
  #blackFriday #topBanner .bannerLinks.blackFriday2017 .eventBtn {
    width: 30vw;
  }
  #homepage #hero.museCollection {
    margin-bottom: 10px;
  }
  #homepage #hero.museCollection .col.info {
    width: 40%;
  }
  a.arrowBtn.museCollection,
  a.arrowBtn.museCollection:link,
  a.arrowBtn.museCollection:visited,
  .arrowBtn.museCollection,
  #hero a.arrowBtn.museCollection,
  #hero a.arrowBtn.museCollection:link,
  #hero a.arrowBtn.museCollection:visited,
  #hero .arrowBtn.museCollection {
    font-size: 2.5vw;
    white-space: nowrap;
  }
  #samplePage #hero .slide.ss18 .info.centered,
  #homepage #hero .slide.ss18 .info.centered {
    width: 95%;
    margin-top: -2vw;
  }
  #hero .slide.ss18 .info {
    width: 95%;
  }
  #hero .slide.ss18 h2 {
    font-size: 5vw;
  }
  #hero .slide.ss18 h2 img {
    max-width: 63vw;
  }
  #hero .slide.ss18 h3 {
    font-size: 4.5vw;
    margin: 0;
  }
  #hero .slide.ss18 .sampleDate {
    bottom: 1.7vw;
  }
  #hero .slide.ss18 .sampleDate > p {
    font-size: 4vw;
  }
  #underMenuHolder.ss18 > .container p {
    font-size: 3vw;
    margin: 1.5vw 0 0.5vw;
    line-height: 4vw;
  }
  #underMenuHolder.ss18 .visitShowroom .btn.arrowBtn {
    font-size: 2vw;
    margin: 1vw 6vw 1vw 0;
  }
  #underMenuHolder.ss18 .visitShowroom .arrowBtn {
    font-size: 3vw;
    margin: 0 0 1.5vw;
  }
  #underMenuHolder.springSale18 {
    height: 10vw;
  }
  #underMenuHolder.springSale18.stickyActive a.closeSticky {
    font-size: 4vw;
  }
  #underMenuHolder.springSale18 > .container {
    padding: 0 6vw 0 5vw;
  }
  #underMenuHolder.springSale18 .underMenu p,
  #underMenuHolder.springSale18 .underMenu .clockHolder,
  #underMenuHolder.springSale18 .underMenu .clockHolder span {
    font-size: calc(8px + 1.5vw);
    line-height: calc(12px + 2vw);
    white-space: normal;
  }
  #underMenuHolder.springSale18.nonDiamond .underMenu p,
  #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder,
  #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder span {
    font-size: calc(10px + 2vw);
  }
  #underMenuHolder.springSale18 .underMenu .arrowBtn {
    line-height: 14vw;
    padding: 2vw 8vw 2vw 2vw;
  }
  #homepage .saleLogoHolder {
    width: 30%;
  }
  #homepage .homepageArticles .slick-dots {
    bottom: 2vw;
  }
  #homepage .homepageArticles {
    background-position: top 6vw center;
    height: 38vw;
    padding: 16vw 0 2vw;
    margin-bottom: 6vw;
  }
  #homepage .homepageArticles .quoteHolder q {
    font-size: 2.8vw;
    margin-bottom: 3vw;
  }
  #homepage .homepageArticles .quoteHolder a {
    font-size: 2.3vw;
  }
  #homepage .hero .info {
    width: 50%;
  }
  #homepage .hero .info h2 {
    font-size: 4.5vw;
    margin-bottom: 3vw;
  }
  #homepage .hero .info p {
    font-size: 2.5vw;
  }
  #homepage .hero .info a + a {
    margin-left: 2.3vw;
  }
  #shopClockHolderMob {
    height: auto;
    margin-top: 4vw;
    padding: 3vw 0;
  }
}
@media (min-width: 769px) and (max-width: 1030px) {
  #dropdown-2.dropdown {
    width: 71%;
  }
  #step-1 #moveProductSelect2 {
    width: 100px;
  }
  #nav #menu3 .sub-menu {
  }
  #nav #menu3 .sub-menu .main_sub_inner_4th {
  }
  #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(2) {
  }
  #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(3) {
  }
  #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(4) {
  }
  #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(5) {
  }
  #nav #menu3 .sub-menu {
  }
  #menu3 .sub-menu .gradient img {
  }
  #homepage #hero .slick-dots {
    bottom: 0;
  }
  figure.imageWithCaptionBlock figcaption h2,
  #hero .info h1,
  .hero .info h1,
  #hero .info h2,
  .hero .info h2 {
    font-size: 3vw;
    margin-bottom: 1.5vw;
  }
  .subNavSlider > li {
    font-size: 2vw;
  }
  .phraseBannerBlock .quoteHolder q {
    font-size: 1.6vw;
  }
  #preFooterSlides p {
  }
  #homepage .subNavSlider > li {
    font-size: 1.8vw;
  }
  #homepage .phraseBannerBlock .quoteHolder q {
    font-size: 2vw;
  }
  #homepage .homepageArticles {
    width: 80%;
    height: 30vw;
    padding-top: 80px;
    margin-bottom: 40px;
  }
  #homepage .homepageArticles .quoteHolder q {
    font-size: 21px;
    margin-bottom: 2vw;
  }
  #homepage .homepageArticles .quoteHolder a {
    font-size: 1.8vw;
  }
  #homepage .bookAppointmentSlide .info {
    top: 40%;
  }
  #homepage .hero .info {
  }
  #homepage .hero .info p {
    font-size: 2.1vw;
  }
  #homepage .hero .info a + a {
    margin-left: 2vw;
  }
  #diamondJewellery .subNavSlider > li {
    font-size: 1.7vw;
  }
  #diamondCollection2017 p {
    font-size: 2vw;
  }
  #diamondCollection .quoteHolder > h4 {
    font-size: 3vw;
  }
  #diamondCollection2017 #hero.xmas_hero .info h1 {
    font-size: 3vw;
    margin-bottom: 1vw;
  }
  #behindCollectionsHolder #hero.xmas_hero h2 > span {
    font-size: 3vw;
    margin-left: 0;
  }
  #diamondCollection2017 #hero .info p {
    margin-bottom: 1vw;
    font-size: 1.5vw;
  }
  #behindCollectionsHolder h2 > span {
    font-size: 3.5vw;
    margin-left: 20vw;
  }
  #diamondCollection2017 .squaredText {
    padding: 5vw 8vw;
  }
  .miniToBigSliderHolder figure.active > .overlayInfo {
    opacity: 1;
    z-index: 9;
  }
  .miniToBigSliderHolder .miniSlidesHolder > figure {
    height: 22vw;
    margin-bottom: 2vw;
  }
  .miniToBigSliderHolder .mainSlide {
    height: 46vw;
  }
  #glissadePage .crescendoImageHolder {
    margin-bottom: 100px;
  }
  #rings-area
    .rings-panel
    .filterControls
    .action-btns-Wrapper
    .action-btns
    #btnAddToShoppingBag {
    width: 80%;
  }
  #step-2 .action-btns .bigbtn span {
    width: 80%;
  }
  #step-2 .action-btns .box {
    width: 80%;
  }
  #ReviewItemUl li.reviewRowIncomplete {
    max-height: 180px;
  }
  .safari #ReviewItemUl li.reviewRowIncomplete,
  .chrome #ReviewItemUl li.reviewRowIncomplete {
    max-height: 205px;
  }
  #step-2 .results h4 {
    max-width: 12vw;
    margin: 0 2vw;
  }
  #shoppingBagPage .cta,
  #checkoutPage .cta {
    margin-left: 0;
  }
  .checkout2017 .diamondInfoToggle {
    font-size: 12px;
  }
  .checkout2017 .diamondInfoToggle > img {
    max-width: 24px;
  }
  .checkout2017 .diamondInfoToggle i.fa {
    margin-left: 0;
  }
  #checkoutSteps .step .stepTitle {
    font-size: 14px;
  }
  #checkoutSteps .step .stepTitle > .stepNumber {
    margin-top: 3px;
    vertical-align: top;
    font-size: 18px;
  }
  #checkoutSteps .step .stepTitle > .stepDescription {
    display: block;
    margin-top: -12px;
    margin-left: 45px;
  }
  #shopBag2017 #itemsHolder .ringSizeHolder {
    white-space: nowrap;
  }
  #shopBag2017 #itemsHolder .ringSizeHolder > span {
    display: block;
  }
  #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure {
    top: 55%;
  }
  #checkoutSteps .step .stepResume .buttonsHolder .btn {
    font-size: 13px;
  }
  .smallerCaptcha .g-recaptcha {
    transform: translateX(5px) scale(0.65);
    -webkit-transform: translateX(5px) scale(0.65);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  #categoriesListHolder ul li > article,
  #categoriesListHolder ul li > figure {
    height: 23vw;
  }
  .SEOshapes .subNavSlider > li {
    font-size: 1.5vw;
    margin-left: 3%;
  }
  #museCollectionPage #hero figcaption.row .col h1 {
    font-size: 5vw;
  }
  #museCollectionPage #hero figcaption.row .col p {
    font-size: 2.5vw;
    margin: 2vw 0 3vw;
  }
  #museCollectionPage #hero figcaption.row .col a {
    font-size: 2.2vw;
  }
  #museCollectionPage .discoverCollections h3 > a {
    font-size: 1.5vw;
  }
  #info-table,
  #info-table-pair {
    font-size: 0.7vw;
  }
  #expresspage.christmas2017 #hero .info h2 {
    font-size: 3vw;
  }
  #expresspage.christmas2017 #hero .info p {
    font-size: 1.5vw;
  }
  #expresspage.christmas2017 #hero .info p.smallText {
    font-size: 1vw;
  }
  #gdprPage .worldTopNews77Holder article .textHolder h3 {
    font-size: 2.5vw;
    margin-bottom: 1vw;
  }
  #gdprPage .worldTopNews77Holder article .textHolder p {
    font-size: 2vw;
    margin-bottom: 1vw;
  }
  .eventLive > .bannerLinks {
    bottom: 2vw;
    width: 50%;
    right: 0;
  }
  #looseDiamonds.imperoCollection #hero .info,
  #diamondNecklaces.imperoCollection #hero .info {
    width: 40%;
  }
  #homepage #hero.imperoCollection figcaption.row > .info > h2 {
    font-size: 3.6vw;
    white-space: nowrap;
  }
  #rings-area .rings-panel {
    padding: 0 15px;
  }
  #clockHolder {
    margin-bottom: 3.5vw;
  }
  #clockHolder #BF_clock > span {
    margin-top: 2vw;
  }
  #blackFriday .hero .info {
    margin-top: 2%;
  }
  #homepage #hero .bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) {
    min-width: 30vw;
    font-size: 1.5vw;
  }
  #homepage #hero.jan18 figcaption.row > .info h3 {
    font-size: 2vw;
  }
  #homepage #hero.imperoCollection.jan18 figcaption.row > .info > h2 {
    font-size: 3.5vw;
  }
  #homepage #hero.imperoCollection.jan18 figcaption.row > .info img {
    max-width: 35vw;
  }
  #homepage.jan18 .subNavSlidesHolder figcaption > .info h2.jan18grey {
    font-size: 4.3vw;
  }
  #homepage.jan18 .subNavSlidesHolder figcaption > .info h3.jan18grey {
    font-size: 2.1vw;
    padding: 0 5.7vw;
  }
  #homepage.jan18 .subNavSlidesHolder figcaption > .info h3.jan18grey > br {
    display: none;
  }
  #homepage.jan18 .subNavSlidesHolder figcaption > .info img {
    max-width: 37vw;
  }
  #homepage #hero.jan18 figcaption.row > .info .jan18FinalSale {
    font-size: 10vw;
    letter-spacing: 3vw;
    line-height: 7vw;
    padding-left: 2vw;
  }
  #homepage #hero.jan18 figcaption.row > .info .jan18ExtendedSale {
    font-size: 6.5vw;
    letter-spacing: 1vw;
    line-height: 7vw;
    padding-left: 1vw;
  }
  #underMenuHolder.jan18 > .container {
    padding: 0 4vw;
  }
  #underMenuHolder.jan18 .underMenu p,
  #underMenuHolder.jan18 .underMenu .clockHolder,
  #underMenuHolder.jan18 .underMenu .clockHolder span {
    font-size: 2.3vw;
    line-height: 60px;
    white-space: nowrap;
  }
  #shopClockHolder,
  #needItForValentines {
    padding: 2vw;
    height: 10.5vw;
  }
  #needItForValentines p {
    font-size: 2.4vw;
    margin-bottom: 1vw;
  }
  #shopClockHolder {
    height: 9vw;
  }
  #shopClockHolder p {
    font-size: 1.6vw;
    margin-bottom: 0.5vw;
  }
  #shopClockHolder #jan18_shopClock span,
  #shopClockHolder .textHolder > span {
    font-size: 2.4vw;
  }
  #shopClockHolder #jan18_shopClock {
    margin-left: 0.5vw;
    font-size: 2.4vw;
  }
  #shopClockHolder #jan18_shopClock > span {
    width: 5vw;
    margin-left: 0.2vw;
  }
  #hero .slide.ss18 .sampleDate {
    bottom: 1.1vw;
  }
  #hero .slide.ss18 h2 {
    font-size: 3vw;
  }
  #hero .slide.ss18 h2 img {
    max-width: 37vw;
  }
  #hero .slide.ss18 h3 {
    font-size: 2.7vw;
  }
  #underMenuHolder.ss18 > .container p {
    font-size: 1.8vw;
    margin: 1.5vw 0 1.5vw 3vw;
  }
  #underMenuHolder.ss18 .visitShowroom .btn.arrowBtn {
    font-size: 18px;
  }
  #underMenuHolder.ss18 .visitShowroom .arrowBtn {
    font-size: 1.8vw;
    margin: 1.5vw 3vw 1.5vw 0;
  }
  #underMenuHolder.springSale18 {
    height: 6vw;
  }
  #underMenuHolder.springSale18.stickyActive a.closeSticky {
    font-size: 3vw;
    top: 0;
  }
  #underMenuHolder.springSale18 > .container {
    padding: 0 3vw;
  }
  #underMenuHolder.springSale18 .underMenu p,
  #underMenuHolder.springSale18 .underMenu .clockHolder,
  #underMenuHolder.springSale18 .underMenu .clockHolder span {
    font-size: 2.3vw;
    line-height: 8vw;
  }
  #underMenuHolder.springSale18.nonDiamond .underMenu p,
  #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder,
  #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder span {
    font-size: 2.5vw;
  }
  #shopClockHolder #springSale18_shopClock span,
  #shopClockHolder .textHolder > span {
    font-size: 2.4vw;
  }
  #shopClockHolder #springSale18_shopClock {
    margin-left: 0.5vw;
    font-size: 2.4vw;
  }
  #shopClockHolder #springSale18_shopClock > span {
    width: 6vw;
    margin-left: 0.2vw;
  }
  #engagementPage .quote2 div {
    min-height: 182px;
  }
}
@media (min-width: 1031px) {
  #styles .filter2 li.active:before {
    display: block;
  }
  #styles .filter2 li.active:after {
    display: block;
  }
  #homepage .homepageArticles .slick-dots,
  #homepage #hero .slick-dots {
    bottom: 60px;
  }
  #homepage .homepageTestimonialsAndExpertCrafts .craftsmanText {
  }
  #celebrityPage2018 {
    padding: 0;
  }
  #celebrityPage2018 .main-content {
    padding: 40px 0;
  }
  #celebrityPage2018 .top-banner {
    padding: 0;
  }
  #celebrityPage2018 .top-banner .banner-content {
    text-align: left;
    width: 50%;
    height: 100%;
    padding: 0 40px;
  }
  #celebrityPage2018 .top-banner figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 2;
  }
  #celebrityPage2018 .top-banner .banner-content h1 {
    color: #fff;
  }
  #celebrityPage2018 .top-banner .banner-content p {
    color: #fff;
  }
  #celebrityPage2018 .arrow-celebrity-banner {
    display: inline-block;
  }
  #celebrityPage2018 .main-content .celeb-tab {
    margin-top: 0;
  }
  #celebrityPage2018
    .main-content
    .celeb-tab
    .celeb-tab-content
    [ranking]:before {
    content: attr(ranking);
    position: absolute;
    top: 50%;
    font-size: 580px;
    transform: translateY(-52%);
    color: #f9f9f9;
    z-index: -1;
  }
  #edenCampaign .eden-blocks .single-block {
    height: 433px;
  }
  #edenCampaign .eden-blocks .single-block.d-left {
    float: left;
  }
  #edenCampaign .eden-blocks .single-block.d-right {
    float: right;
  }
  .smallerCaptcha .g-recaptcha {
    margin-top: 0;
    transform: translateX(5px) scale(0.65);
    -webkit-transform: translateX(5px) scale(0.65);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .height700 {
    height: 700px;
  }
  .form label.side {
    width: 30%;
    display: inline-block;
  }
  .form label.side + input[type="text"],
  .form label.side + input[type="password"],
  .form label.side + input[type="email"],
  .form label.side + input[type="file"],
  .form label.side + select {
    width: 65%;
    margin-left: 5px;
  }
  .form label.side + input[type="text"].prefix,
  .form label.side + select.prefix {
    width: 25%;
  }
  .form label.side + input[type="text"].prefix + input,
  .form label.side + select.prefix + input {
    width: 38%;
    margin-left: 1%;
  }
  .form label.side + input.inputBtn {
    width: 45%;
  }
  .form label.side + input.inputBtn + input[type="button"] {
    width: 22%;
    height: 26px;
    margin-left: -1px;
  }
  .miniToBigSliderHolder figure:hover > .overlayInfo {
    opacity: 1;
    z-index: 9;
  }
  .miniToBigSliderHolder .mainSlideHolder {
    padding-left: 0;
  }
  .miniToBigSliderHolder .carrousel_left,
  .miniToBigSliderHolder .carrousel_right {
    top: auto;
    bottom: 0;
  }
  .miniToBigSliderHolder .viewAll:hover {
    text-decoration: underline;
  }
  #contacts .styled-select {
    width: 80%;
  }
  #shoppingBagPage .desktopLeftCol,
  #checkoutPage .desktopLeftCol {
    margin-left: 4.5%;
    width: 61.5%;
  }
  #shoppingBagPage .desktopRightCol,
  #checkoutPage .desktopRightCol {
    margin-right: 4.5%;
    width: 28.5%;
  }
  #educationPage #hero {
    margin-bottom: -80px;
  }
  #educationPage .caratImageHolder {
    text-align: right;
    margin-bottom: -50px;
    margin-right: 85px;
  }
  .educationPage ul.bottomNav .desktopText {
    display: inline;
  }
  #contactsPage .contactsHolder .form label.side + input[type="text"],
  #contactsPage .contactsHolder .form label.side + input[type="password"],
  #contactsPage .contactsHolder .form label.side + input[type="email"],
  #contactsPage .contactsHolder .form label.side + input[type="file"],
  #contactsPage .contactsHolder .form label.side + select {
    width: 68%;
  }
  #contactsPage .contactsHolder .form label.side {
    vertical-align: middle;
  }
  #categoriesListHolder ul li > article,
  #categoriesListHolder ul li > figure {
    height: 245px;
  }
  #categoryDetailsPage .slidesHolder figure {
    max-width: 80%;
    margin: auto;
  }
  #engagementPage .quote2 > div {
    height: 210px;
  }
  .SEOshapes2017 .chooseHolder img {
    max-width: 550px;
  }
  #checkoutSteps .form .post-code > span.manually {
    margin-top: 0;
  }
  #expresspage #productInfo #containerFlash {
    height: 410px;
  }
  #expresspage #productInfo #containerFlash #player {
    margin-top: 20%;
    transform: translateY(-20%);
  }
  #expresspage .productInfoExpressContent {
    min-width: 600px;
  }
  #expresspage #filtersHolder .filterHolder ul > li > button:hover {
    color: #ffc13a;
    border-color: #ffc13a;
    z-index: 1;
  }
  .celebrityPage .innerDivTexRight .textHolder {
    right: 0;
    width: 58%;
  }
  #style-examples li#liSubcattext_41 figure > figcaption {
    top: 0;
  }
  #style-examples li#liSubcattext_41 figure > figcaption p {
    width: 40%;
  }
  #careersPage .glassdoor-link {
    margin: 150px 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .carrousel_left,
  .carrousel_right {
    background-image: url(/images/img-2018/Common/arrow_706f6f.png);
    background-size: 20px 40px;
  }
  .wedding_ring_depth_select .weddingRingDepth {
    background-image: url(../icons/Retina/WeddingMashedDepth.png);
    background-size: 66px 570px;
  }
  .wedding_ring_depth_select .weddingRingLabel {
    color: #333;
  }
  .wedding_ring_depth_select .weddingRingLabel.selected {
    color: #ffc13a;
  }
  .wedding_ring_depth_select .weddingRingDepth.Heavy {
    background-position: -5px -6px;
  }
  .wedding_ring_depth_select .weddingRingDepth.Heavy.inactive {
    background-position: -5px -67px;
  }
  .wedding_ring_depth_select .weddingRingDepth.Heavy.selected {
    background-position: -5px -132px;
  }
  .wedding_ring_depth_select .weddingRingDepth.Light {
    background-position: -5px -194px;
  }
  .wedding_ring_depth_select .weddingRingDepth.Light.inactive {
    background-position: -5px -257px;
  }
  .wedding_ring_depth_select .weddingRingDepth.Light.selected {
    background-position: -5px -320px;
  }
  .wedding_ring_depth_select .weddingRingDepth.Medium {
    background-position: -5px -384px;
  }
  .wedding_ring_depth_select .weddingRingDepth.Medium.inactive {
    background-position: -5px -447px;
  }
  .wedding_ring_depth_select .weddingRingDepth.Medium.selected {
    background-position: -5px -510px;
  }
  .weddingRingWidth {
    background-image: url(../icons/Retina/WeddingMashedWidth.png);
    background-size: 48px 1235px;
  }
  .weddingRingWidth.weddingRing2mm {
    background-position: -10px 5px;
  }
  .weddingRingWidth.weddingRing2mm.inactive {
    background-position: -10px -406px;
  }
  .weddingRingWidth.weddingRing2mm.selected {
    background-position: -10px -818px;
  }
  .weddingRingWidth.weddingRing2-5mm {
    background-position: -10px 46px;
  }
  .weddingRingWidth.weddingRing2-5mm.inactive {
    background-position: -10px -457px;
  }
  .weddingRingWidth.weddingRing2-5mm.selected {
    background-position: -10px -869px;
  }
  .weddingRingWidth.weddingRing3mm {
    background-position: -10px -98px;
  }
  .weddingRingWidth.weddingRing3mm.inactive {
    background-position: -10px -509px;
  }
  .weddingRingWidth.weddingRing3mm.selected {
    background-position: -10px -921px;
  }
  .weddingRingWidth.weddingRing4mm {
    background-position: -10px -149px;
  }
  .weddingRingWidth.weddingRing4mm.inactive {
    background-position: -10px -560px;
  }
  .weddingRingWidth.weddingRing4mm.selected {
    background-position: -10px -972px;
  }
  .weddingRingWidth.weddingRing5mm {
    background-position: -10px -201px;
  }
  .weddingRingWidth.weddingRing5mm.inactive {
    background-position: -10px -612px;
  }
  .weddingRingWidth.weddingRing5mm.selected {
    background-position: -10px -1024px;
  }
  .weddingRingWidth.weddingRing6mm {
    background-position: -10px -252px;
  }
  .weddingRingWidth.weddingRing6mm.inactive {
    background-position: -10px -663px;
  }
  .weddingRingWidth.weddingRing6mm.selected {
    background-position: -10px -1075px;
  }
  .weddingRingWidth.weddingRing7mm {
    background-position: -10px -303px;
  }
  .weddingRingWidth.weddingRing7mm.inactive {
    background-position: -10px -715px;
  }
  .weddingRingWidth.weddingRing7mm.selected {
    background-position: -10px -1126px;
  }
  .weddingRingWidth.weddingRing8mm {
    background-position: -10px -355px;
  }
  .weddingRingWidth.weddingRing8mm.inactive {
    background-position: -10px -766px;
  }
  .weddingRingWidth.weddingRing8mm.selected {
    background-position: -10px -1178px;
  }
  .mashedComponentImage {
    background-image: url(../icons/Retina/NecklaceMashedComps.png);
    background-size: 59px 122px;
  }
  .eternityRingType {
    background-image: url(../icons/Retina/EternityMashedComps.png);
    background-size: 76px 462px;
  }
  .eternityRingType.Full {
    background-position: -10px -241px;
  }
  .eternityRingType.Full.inactive {
    background-position: -10px -318px;
  }
  .eternityRingType.Full.selected {
    background-position: -10px -395px;
  }
  .eternityRingType.Half {
    background-position: -10px -9px;
  }
  .eternityRingType.Half.inactive {
    background-position: -10px -86px;
  }
  .eternityRingType.Half.selected {
    background-position: -10px -163px;
  }
  .eternityRingSize {
    background-image: url(../icons/Retina/EternitySizeComps.png);
    background-size: 47px 612px;
  }
  .eternityRingSize.Grande {
    background-position: -10px -10px;
  }
  .eternityRingSize.Grande.selected {
    background-position: -10px -87px;
  }
  .eternityRingSize.Maxi {
    background-position: -10px -163px;
  }
  .eternityRingSize.Maxi.selected {
    background-position: -10px -240px;
  }
  .eternityRingSize.Medi {
    background-position: -10px -316px;
  }
  .eternityRingSize.Medi.selected {
    background-position: -10px -393px;
  }
  .eternityRingSize.Mini {
    background-position: -10px -469px;
  }
  .eternityRingSize.Mini.selected {
    background-position: -10px -546px;
  }
  #galleryAccordion > li > h3.video,
  #galleryAccordion > li > .h3.video {
    background-image: url(../Symbols/Retina/VideoCameraButton.png);
    background-size: 20px auto;
  }
  #step-2 .galleryImage .carrousel_left,
  #step-2 .galleryImage .carrousel_right {
    background-image: url(/images/img-2018/Common/arrow_706f6f.png);
    background-size: 30px 60px;
    z-index: 9;
  }
  #desktopContactBoxes .contact a div.contacts {
    background-size: 32px auto;
    background-image: url(../icons/Retina/FooterIcons.png);
  }
  #desktopContactBoxes .contact a div.envelope {
    background-position: 0 0;
  }
  #desktopContactBoxes .contact a div.telephone {
    background-position: 0 -180px;
  }
  #desktopContactBoxes .contact a div.findUs {
    background-position: 0 -120px;
  }
  #desktopContactBoxes .contact a div.livechat {
    background-position: 0 -60px;
  }
  #desktopContactBoxes .contact a:hover div.envelope {
    background-position: 0 -30px;
  }
  #desktopContactBoxes .contact a:hover div.telephone {
    background-position: 0 -210px;
  }
  #desktopContactBoxes .contact a:hover div.findUs {
    background-position: 0 -150px;
  }
  #desktopContactBoxes .contact a:hover div.livechat {
    background-position: 0 -90px;
  }
}
@media (max-width: 650px) {
  .cartPhaseHolder .shopCountdownHolder span.timer,
  .WinterSaleShoppingBagCountDownHolder .shopCountdown span.timer,
  .stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock span.timer {
    font-size: 22px;
  }
  .shopCountdownHolder .shopCountdown {
    vertical-align: initial;
  }
  .cartPhaseHolder .shopCountdownHolder {
    padding-left: 12px;
  }
  .cartPhaseHolder .shopCountdownHolder span.timer {
    font-size: 16px;
  }
  .nightForYouStickyBar .event-description {
    display: block;
    float: none;
    width: 100%;
    text-align: right;
    position: relative;
  }
  .nightForYouStickyBar .event-description .subtitle {
    margin-left: 6px;
    font-size: 14px;
    float: left;
    white-space: nowrap;
    max-width: 66%;
  }
  .nightForYouStickyBar .event-description .eventlink {
    min-width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
  }
  .nightForYouStickyBar .event-description .eventlink.mobile-eventlink {
    text-align: center;
    width: 100%;
    position: initial;
  }
  .nightForYouStickyBar .event-description a.arrowBtn {
    padding: 0;
    padding-right: 26px;
    margin: 0;
    font-size: 14px;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: 1px;
  }
  .nightForYouStickyBar .container .event-title {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.NewsletterTopbarFormIsOpen #wrapper {
    margin-top: 0 !important;
  }
  body.NewsletterTopbarFormIsOpen header {
    position: static;
    top: 0;
  }
  .stickySpringFlashSale2019 {
    display: block;
  }
  .slide_left_landing_pages_inner {
    padding-top: 50px;
  }
  .designYourRingHolder .chooseHolder {
    min-height: 520px !important;
  }
  .designYourRingHolder .chooseHolder .btn {
    display: block !important;
    max-width: 180px !important;
  }
  .designYourRingHolder .chooseHolder img {
    display: block !important;
    margin: auto !important;
    margin-bottom: 15px !important;
  }
}
@media (max-width: 480px) {
  .cartPhaseHolder .shopCountdown {
    vertical-align: middle;
  }
  .cartPhaseHolder .shopCountdownHolder span.timer {
    font-size: 24px;
  }
}
.hero-banner {
  position: relative;
}
.hero-banner .hero-banner--caption > * {
  pointer-events: all;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  .hero-banner .hero-banner--caption {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
}
.hero-banner .hero-banner--caption {
  position: absolute;
  top: 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  height: 100%;
}
.hero-banner.primrose .hero-banner--caption {
  width: 100%;
}
.hero-banner.primrose .hero-banner--title {
  color: #333;
  font-family: "Nunito Sans SemiBold";
  font-size: 28px;
  letter-spacing: 0.88px;
  line-height: 38px;
  margin-bottom: 12px;
}
.hero-banner.primrose .hero-banner--content {
  color: #333;
  font-family: "Nunito Sans Light";
  font-size: 13px;
  line-height: 1.6em;
  letter-spacing: 0.88px;
  margin-bottom: 20px;
}
.hero-banner.primrose .hero-banner--link {
  text-transform: uppercase;
  color: #333;
  font-family: "Nunito Sans SemiBold";
  font-size: 12px;
  letter-spacing: 1px;
  background-color: #fff;
  height: 45px;
  min-width: 110px;
  width: auto;
  padding: 0 16px;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  line-height: 17px;
  white-space: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hero-banner.primrose .hero-banner--link:hover {
  color: #fff;
  background-color: #333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 481px) and (max-width: 768px) {
  .hero-banner.primrose .hero-banner--caption {
    width: 400px;
    max-width: 60%;
    margin-left: 20px;
    margin-top: 20px;
  }
}
@media (min-width: 769px) {
  .hero-banner.primrose .hero-banner--caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    width: 500px;
    max-width: 50%;
    margin-left: 20px;
  }
}
@media (max-width: 380px) {
  .hero-banner.primrose .hero-banner--image {
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
#hero,
.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hero .slide {
  left: 50vw;
  margin: 0 0 0 -50vw;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hero .slide .info h4 {
  margin-bottom: 10px;
}
.hero figcaption.row {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.hero .info {
  position: absolute;
  background: none;
  border: 0 none;
  max-width: 45%;
  font-size: 9px;
}
.hero .slide img.banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
  display: block;
}
#educationPage .bottomHero .info h2 {
  color: #fff;
  text-shadow: 1px 1px 1px #575757;
  font-size: 5em;
  margin-bottom: 20px;
}
#educationPage .bottomHero .info p {
  color: #fff;
  text-shadow: 1px 1px 1px #575757;
  font-size: 18px;
}
@media (max-width: 480px) {
  #educationPage .bottomHero .info h2 {
    font-size: 7vw;
  }
  #educationPage .bottomHero .info p {
    font-size: 3.5vw;
  }
  .hero .info {
    max-width: 90%;
    font-size: 8px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  #educationPage .bottomHero .info h2 {
    font-size: 6vw;
  }
  #educationPage .bottomHero .info p {
    font-size: 2.5vw;
  }
  #educationPage .bottomHero .info p {
    font-size: 2.5vw;
  }
}
.item-price {
  display: inline-block;
  font-weight: 600;
  font-size: 17px;
  line-height: 1;
}
.item-price.hasDiscount {
  color: #aaa;
  position: relative;
  text-align: right;
  font-size: 16px;
  line-height: 1;
}
.item-price.hasDiscount:before {
  content: "";
  position: absolute;
  top: 0.5em;
  border: 1px solid;
  width: 80%;
  right: 0;
}
.item-price.hasDiscount:after {
  content: attr(data-discountedPrice);
  color: #9e0606;
  display: block;
  font-size: 18px;
}
.item-price.hasDiscount.-center {
  text-align: center;
}
.item-price.hasDiscount.-center:before {
  right: 10%;
}
#shopBag2017 .item-price {
  font-size: 30px;
  margin-bottom: 0;
  white-space: unset;
}
#shopBag2017 .item-price.hasDiscount {
  font-size: 24px;
  text-align: right;
}
@media (max-width: 768px) {
  #shopBag2017 .item-price.hasDiscount {
    margin-top: 0;
  }
  #shopBag2017 .item-price.hasDiscount:before {
    right: initial;
  }
}
#shopBag2017 .item-price.hasDiscount:after {
  font-size: 30px;
}
.checkout2017 .grandTotalHolder .item-price {
  font-size: 24px;
}
.checkout2017 .grandTotalHolder .item-price.hasDiscount {
  font-size: 20px;
}
.checkout2017 .grandTotalHolder .item-price.hasDiscount:after {
  font-size: 24px;
}
.item-price#orderInfo_TotalPrice {
  font-weight: bold;
  font-style: italic;
  font-size: 32px;
}
.item-price#orderInfo_TotalPrice.hasDiscount {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.item-price#orderInfo_TotalPrice.hasDiscount:before {
  width: 100%;
}
.item-price#orderInfo_TotalPrice.hasDiscount:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 32px;
}
.StripeElement {
  box-sizing: border-box;
  padding: 15px 12px;
  width: 100%;
  margin-bottom: 10px;
  height: 45px;
  border: 1px solid #ccc;
  text-indent: 1px;
  font-size: 16px;
  font-family: "Source Sans Pro", Arial, sans-serif;
}
.StripeElement--invalid {
  border-color: #fa755a;
}
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
#cardNumber {
  width: 49.3%;
  vertical-align: middle;
  display: inline-block;
  height: 55px;
}
#cardExpiry {
  width: 25.1%;
  vertical-align: middle;
  margin-right: 10.984px;
  display: inline-block;
  height: 55px;
}
#cardCvc {
  width: 22.3%;
  vertical-align: middle;
  display: inline-block;
  height: 55px;
}
#cvvImage {
  vertical-align: middle;
  margin: 0 0 10px 2%;
  max-height: 36px;
}
@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: "Plain Light", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0d0900;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #0d0900;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #666;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
._h1,
._h2,
._h3,
._h4,
._h5,
._h6 {
  margin-bottom: 0.5rem;
  font-family: "Plain Light", sans-serif;
  font-weight: 500;
  line-height: 1.2;
}
h1,
._h1 {
  font-size: 1.375rem;
}
h2,
._h2 {
  font-size: 1.125rem;
}
h3,
._h3 {
  font-size: 1rem;
}
h4,
._h4 {
  font-size: 0.875rem;
}
h5,
._h5 {
  font-size: 0.75rem;
}
h6,
._h6 {
  font-size: 0.625rem;
}
._lead {
  font-size: 1.25rem;
  font-weight: 300;
}
._display-1 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}
._display-2 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}
._display-3,
._blockquote {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}
._display-4 {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #e4e4e4;
}
small,
._small {
  font-size: 0.875em;
  font-weight: 400;
}
mark,
._mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
._list-unstyled {
  padding-left: 0;
  list-style: none;
}
._list-inline {
  padding-left: 0;
  list-style: none;
}
._list-inline-item {
  display: inline-block;
}
._list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
._initialism {
  font-size: 90%;
  text-transform: uppercase;
}
._blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
._blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}
._blockquote-footer::before {
  content: "— ";
}
._img-fluid {
  max-width: 100%;
  height: auto;
}
._img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  max-width: 100%;
  height: auto;
}
._figure {
  display: inline-block;
}
._figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
._figure-caption {
  font-size: 90%;
  color: #6c757d;
}
._container,
._container-fluid,
._container-xl,
._container-lg,
._container-md,
._container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 480px) {
  ._container-sm,
  ._container {
    max-width: 480px;
  }
}
@media (min-width: 768px) {
  ._container-md,
  ._container-sm,
  ._container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  ._container-lg,
  ._container-md,
  ._container-sm,
  ._container {
    max-width: 1024px;
  }
}
@media (min-width: 1440px) {
  ._container-xl,
  ._container-lg,
  ._container-md,
  ._container-sm,
  ._container {
    max-width: 1440px;
  }
}
._row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
._no-gutters {
  margin-right: 0;
  margin-left: 0;
}
._no-gutters > ._col,
._no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
._col-xxl,
._col-xxl-auto,
._col-xxl-12,
._col-xxl-11,
._col-xxl-10,
._col-xxl-9,
._col-xxl-8,
._col-xxl-7,
._col-xxl-6,
._col-xxl-5,
._col-xxl-4,
._col-xxl-3,
._col-xxl-2,
._col-xxl-1,
._col-xl,
._col-xl-auto,
._col-xl-12,
._col-xl-11,
._col-xl-10,
._col-xl-9,
._col-xl-8,
._col-xl-7,
._col-xl-6,
._col-xl-5,
._col-xl-4,
._col-xl-3,
._col-xl-2,
._col-xl-1,
._col-lg,
._col-lg-auto,
._col-lg-12,
._col-lg-11,
._col-lg-10,
._col-lg-9,
._col-lg-8,
._col-lg-7,
._col-lg-6,
._col-lg-5,
._col-lg-4,
._col-lg-3,
._col-lg-2,
._col-lg-1,
._col-md,
._col-md-auto,
._col-md-12,
._col-md-11,
._col-md-10,
._col-md-9,
._col-md-8,
._col-md-7,
._col-md-6,
._col-md-5,
._col-md-4,
._col-md-3,
._col-md-2,
._col-md-1,
._col-sm,
._col-sm-auto,
._col-sm-12,
._col-sm-11,
._col-sm-10,
._col-sm-9,
._col-sm-8,
._col-sm-7,
._col-sm-6,
._col-sm-5,
._col-sm-4,
._col-sm-3,
._col-sm-2,
._col-sm-1,
._col,
._col-auto,
._col-12,
._col-11,
._col-10,
._col-9,
._col-8,
._col-7,
._col-6,
._col-5,
._col-4,
._col-3,
._col-2,
._col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
._col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
._row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
._row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
._row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
._row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
._row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
._row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
._col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
._col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
._col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
._col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
._col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
._col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
._col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
._col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
._col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
._col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
._col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
._col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
._col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
._order-first {
  order: -1;
}
._order-last {
  order: 13;
}
._order-0 {
  order: 0;
}
._order-1 {
  order: 1;
}
._order-2 {
  order: 2;
}
._order-3 {
  order: 3;
}
._order-4 {
  order: 4;
}
._order-5 {
  order: 5;
}
._order-6 {
  order: 6;
}
._order-7 {
  order: 7;
}
._order-8 {
  order: 8;
}
._order-9 {
  order: 9;
}
._order-10 {
  order: 10;
}
._order-11 {
  order: 11;
}
._order-12 {
  order: 12;
}
._offset-1 {
  margin-left: 8.33333333%;
}
._offset-2 {
  margin-left: 16.66666667%;
}
._offset-3 {
  margin-left: 25%;
}
._offset-4 {
  margin-left: 33.33333333%;
}
._offset-5 {
  margin-left: 41.66666667%;
}
._offset-6 {
  margin-left: 50%;
}
._offset-7 {
  margin-left: 58.33333333%;
}
._offset-8 {
  margin-left: 66.66666667%;
}
._offset-9 {
  margin-left: 75%;
}
._offset-10 {
  margin-left: 83.33333333%;
}
._offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 480px) {
  ._col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  ._row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  ._row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  ._col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  ._col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  ._col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  ._col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  ._col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  ._col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  ._col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  ._col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-sm-first {
    order: -1;
  }
  ._order-sm-last {
    order: 13;
  }
  ._order-sm-0 {
    order: 0;
  }
  ._order-sm-1 {
    order: 1;
  }
  ._order-sm-2 {
    order: 2;
  }
  ._order-sm-3 {
    order: 3;
  }
  ._order-sm-4 {
    order: 4;
  }
  ._order-sm-5 {
    order: 5;
  }
  ._order-sm-6 {
    order: 6;
  }
  ._order-sm-7 {
    order: 7;
  }
  ._order-sm-8 {
    order: 8;
  }
  ._order-sm-9 {
    order: 9;
  }
  ._order-sm-10 {
    order: 10;
  }
  ._order-sm-11 {
    order: 11;
  }
  ._order-sm-12 {
    order: 12;
  }
  ._offset-sm-0 {
    margin-left: 0;
  }
  ._offset-sm-1 {
    margin-left: 8.33333333%;
  }
  ._offset-sm-2 {
    margin-left: 16.66666667%;
  }
  ._offset-sm-3 {
    margin-left: 25%;
  }
  ._offset-sm-4 {
    margin-left: 33.33333333%;
  }
  ._offset-sm-5 {
    margin-left: 41.66666667%;
  }
  ._offset-sm-6 {
    margin-left: 50%;
  }
  ._offset-sm-7 {
    margin-left: 58.33333333%;
  }
  ._offset-sm-8 {
    margin-left: 66.66666667%;
  }
  ._offset-sm-9 {
    margin-left: 75%;
  }
  ._offset-sm-10 {
    margin-left: 83.33333333%;
  }
  ._offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  ._col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  ._row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  ._row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  ._col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  ._col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  ._col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  ._col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  ._col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  ._col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  ._col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  ._col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-md-first {
    order: -1;
  }
  ._order-md-last {
    order: 13;
  }
  ._order-md-0 {
    order: 0;
  }
  ._order-md-1 {
    order: 1;
  }
  ._order-md-2 {
    order: 2;
  }
  ._order-md-3 {
    order: 3;
  }
  ._order-md-4 {
    order: 4;
  }
  ._order-md-5 {
    order: 5;
  }
  ._order-md-6 {
    order: 6;
  }
  ._order-md-7 {
    order: 7;
  }
  ._order-md-8 {
    order: 8;
  }
  ._order-md-9 {
    order: 9;
  }
  ._order-md-10 {
    order: 10;
  }
  ._order-md-11 {
    order: 11;
  }
  ._order-md-12 {
    order: 12;
  }
  ._offset-md-0 {
    margin-left: 0;
  }
  ._offset-md-1 {
    margin-left: 8.33333333%;
  }
  ._offset-md-2 {
    margin-left: 16.66666667%;
  }
  ._offset-md-3 {
    margin-left: 25%;
  }
  ._offset-md-4 {
    margin-left: 33.33333333%;
  }
  ._offset-md-5 {
    margin-left: 41.66666667%;
  }
  ._offset-md-6 {
    margin-left: 50%;
  }
  ._offset-md-7 {
    margin-left: 58.33333333%;
  }
  ._offset-md-8 {
    margin-left: 66.66666667%;
  }
  ._offset-md-9 {
    margin-left: 75%;
  }
  ._offset-md-10 {
    margin-left: 83.33333333%;
  }
  ._offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  ._col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  ._row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  ._row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  ._col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  ._col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  ._col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  ._col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  ._col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  ._col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  ._col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  ._col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-lg-first {
    order: -1;
  }
  ._order-lg-last {
    order: 13;
  }
  ._order-lg-0 {
    order: 0;
  }
  ._order-lg-1 {
    order: 1;
  }
  ._order-lg-2 {
    order: 2;
  }
  ._order-lg-3 {
    order: 3;
  }
  ._order-lg-4 {
    order: 4;
  }
  ._order-lg-5 {
    order: 5;
  }
  ._order-lg-6 {
    order: 6;
  }
  ._order-lg-7 {
    order: 7;
  }
  ._order-lg-8 {
    order: 8;
  }
  ._order-lg-9 {
    order: 9;
  }
  ._order-lg-10 {
    order: 10;
  }
  ._order-lg-11 {
    order: 11;
  }
  ._order-lg-12 {
    order: 12;
  }
  ._offset-lg-0 {
    margin-left: 0;
  }
  ._offset-lg-1 {
    margin-left: 8.33333333%;
  }
  ._offset-lg-2 {
    margin-left: 16.66666667%;
  }
  ._offset-lg-3 {
    margin-left: 25%;
  }
  ._offset-lg-4 {
    margin-left: 33.33333333%;
  }
  ._offset-lg-5 {
    margin-left: 41.66666667%;
  }
  ._offset-lg-6 {
    margin-left: 50%;
  }
  ._offset-lg-7 {
    margin-left: 58.33333333%;
  }
  ._offset-lg-8 {
    margin-left: 66.66666667%;
  }
  ._offset-lg-9 {
    margin-left: 75%;
  }
  ._offset-lg-10 {
    margin-left: 83.33333333%;
  }
  ._offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1440px) {
  ._col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  ._row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  ._row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  ._col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  ._col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  ._col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  ._col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  ._col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  ._col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  ._col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  ._col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-xl-first {
    order: -1;
  }
  ._order-xl-last {
    order: 13;
  }
  ._order-xl-0 {
    order: 0;
  }
  ._order-xl-1 {
    order: 1;
  }
  ._order-xl-2 {
    order: 2;
  }
  ._order-xl-3 {
    order: 3;
  }
  ._order-xl-4 {
    order: 4;
  }
  ._order-xl-5 {
    order: 5;
  }
  ._order-xl-6 {
    order: 6;
  }
  ._order-xl-7 {
    order: 7;
  }
  ._order-xl-8 {
    order: 8;
  }
  ._order-xl-9 {
    order: 9;
  }
  ._order-xl-10 {
    order: 10;
  }
  ._order-xl-11 {
    order: 11;
  }
  ._order-xl-12 {
    order: 12;
  }
  ._offset-xl-0 {
    margin-left: 0;
  }
  ._offset-xl-1 {
    margin-left: 8.33333333%;
  }
  ._offset-xl-2 {
    margin-left: 16.66666667%;
  }
  ._offset-xl-3 {
    margin-left: 25%;
  }
  ._offset-xl-4 {
    margin-left: 33.33333333%;
  }
  ._offset-xl-5 {
    margin-left: 41.66666667%;
  }
  ._offset-xl-6 {
    margin-left: 50%;
  }
  ._offset-xl-7 {
    margin-left: 58.33333333%;
  }
  ._offset-xl-8 {
    margin-left: 66.66666667%;
  }
  ._offset-xl-9 {
    margin-left: 75%;
  }
  ._offset-xl-10 {
    margin-left: 83.33333333%;
  }
  ._offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1920px) {
  ._col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  ._row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._row-cols-xxl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  ._row-cols-xxl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-xxl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  ._col-xxl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  ._col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-xxl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  ._col-xxl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  ._col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-xxl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  ._col-xxl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  ._col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-xxl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  ._col-xxl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  ._col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-xxl-first {
    order: -1;
  }
  ._order-xxl-last {
    order: 13;
  }
  ._order-xxl-0 {
    order: 0;
  }
  ._order-xxl-1 {
    order: 1;
  }
  ._order-xxl-2 {
    order: 2;
  }
  ._order-xxl-3 {
    order: 3;
  }
  ._order-xxl-4 {
    order: 4;
  }
  ._order-xxl-5 {
    order: 5;
  }
  ._order-xxl-6 {
    order: 6;
  }
  ._order-xxl-7 {
    order: 7;
  }
  ._order-xxl-8 {
    order: 8;
  }
  ._order-xxl-9 {
    order: 9;
  }
  ._order-xxl-10 {
    order: 10;
  }
  ._order-xxl-11 {
    order: 11;
  }
  ._order-xxl-12 {
    order: 12;
  }
  ._offset-xxl-0 {
    margin-left: 0;
  }
  ._offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  ._offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  ._offset-xxl-3 {
    margin-left: 25%;
  }
  ._offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  ._offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  ._offset-xxl-6 {
    margin-left: 50%;
  }
  ._offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  ._offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  ._offset-xxl-9 {
    margin-left: 75%;
  }
  ._offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  ._offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
._container-fluid,
._container-sm,
._container-md,
._container-lg,
._container-xl,
._container {
  padding-right: 16px;
  padding-left: 16px;
}
._row:not(._no-gutters) {
  margin-right: -8px;
  margin-left: -8px;
}
._row:not(._no-gutters) > ._col,
._row:not(._no-gutters) > [class*="_col-"] {
  padding-right: 8px;
  padding-left: 8px;
}
@media (min-width: 768px) {
  ._container-fluid,
  ._container-sm,
  ._container-md,
  ._container-lg,
  ._container-xl,
  ._container {
    padding-right: 32px;
    padding-left: 32px;
  }
  ._row:not(._no-gutters) {
    margin-right: -16px;
    margin-left: -16px;
  }
  ._row:not(._no-gutters) > ._col,
  ._row:not(._no-gutters) > [class*="_col-"] {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 1440px) {
  ._container.-small,
  ._container-md.-small,
  ._container-lg.-small,
  ._container-xl.-small {
    max-width: 1204px;
  }
}
@media (max-width: 479.9px) {
  ._d-sm-only-none {
    display: none !important;
  }
}
@media (max-width: 768.9px) {
  ._d-md-only-none {
    display: none !important;
  }
}
._d-show-inline-block-sm {
  display: inline-block;
}
@media (min-width: 480px) and (max-width: 768px) {
  ._d-show-inline-block-sm {
    display: none !important;
  }
}
._form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  ._form-control {
    transition: none;
  }
}
._form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
._form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #8d6100;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(13, 9, 0, 0.25);
}
._form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
._form-control:disabled,
._form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type="date"]._form-control,
input[type="time"]._form-control,
input[type="datetime-local"]._form-control,
input[type="month"]._form-control {
  appearance: none;
}
select._form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select._form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
._form-control-file,
._form-control-range {
  display: block;
  width: 100%;
}
._col-form-label {
  padding-top: calc(0.75rem + 1px);
  padding-bottom: calc(0.75rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
._col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
._col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
._form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.75rem 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #0d0900;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
._form-control-plaintext._form-control-sm,
._form-control-plaintext._form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
._form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 2px;
}
._form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 2px;
}
select._form-control[size],
select._form-control[multiple] {
  height: auto;
}
textarea._form-control {
  height: auto;
}
._form-group {
  margin-bottom: 1rem;
}
._form-text {
  display: block;
  margin-top: 0.25rem;
}
._form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
._form-row > ._col,
._form-row > [class*="col-"] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
._form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
._form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
._form-check-input[disabled] ~ ._form-check-label,
._form-check-input:disabled ~ ._form-check-label {
  color: #666;
}
._form-check-label {
  margin-bottom: 0;
}
._form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
._form-check-inline ._form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
._valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}
._valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 2px;
}
._form-row > ._col > ._valid-tooltip,
._form-row > [class*="col-"] > ._valid-tooltip {
  left: 0.5rem;
}
._was-validated :valid ~ ._valid-feedback,
._was-validated :valid ~ ._valid-tooltip,
._is-valid ~ ._valid-feedback,
._is-valid ~ ._valid-tooltip {
  display: block;
}
._was-validated ._form-control:valid,
._form-control._is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 1.5rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
._was-validated ._form-control:valid:focus,
._form-control._is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
._was-validated select._form-control:valid,
select._form-control._is-valid {
  padding-right: 4rem !important;
  background-position: right 2rem center;
}
._was-validated textarea._form-control:valid,
textarea._form-control._is-valid {
  padding-right: calc(1.5em + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right
    calc(0.375em + 0.375rem);
}
._was-validated ._custom-select:valid,
._custom-select._is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 3.125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
      right 1rem center/8px 10px no-repeat,
    #fff
      url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
      center right 2rem / calc(0.75em + 0.75rem) calc(0.75em + 0.75rem)
      no-repeat;
}
._was-validated ._custom-select:valid:focus,
._custom-select._is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
._was-validated ._form-check-input:valid ~ ._form-check-label,
._form-check-input._is-valid ~ ._form-check-label {
  color: #28a745;
}
._was-validated ._form-check-input:valid ~ ._valid-feedback,
._was-validated ._form-check-input:valid ~ ._valid-tooltip,
._form-check-input._is-valid ~ ._valid-feedback,
._form-check-input._is-valid ~ ._valid-tooltip {
  display: block;
}
._was-validated ._custom-control-input:valid ~ ._custom-control-label,
._custom-control-input._is-valid ~ ._custom-control-label {
  color: #28a745;
}
._was-validated ._custom-control-input:valid ~ ._custom-control-label::before,
._custom-control-input._is-valid ~ ._custom-control-label::before {
  border-color: #28a745;
}
._was-validated
  ._custom-control-input:valid:checked
  ~ ._custom-control-label::before,
._custom-control-input._is-valid:checked ~ ._custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
._was-validated
  ._custom-control-input:valid:focus
  ~ ._custom-control-label::before,
._custom-control-input._is-valid:focus ~ ._custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
._was-validated
  ._custom-control-input:valid:focus:not(:checked)
  ~ ._custom-control-label::before,
._custom-control-input._is-valid:focus:not(:checked)
  ~ ._custom-control-label::before {
  border-color: #28a745;
}
._was-validated ._custom-file-input:valid ~ ._custom-file-label,
._custom-file-input._is-valid ~ ._custom-file-label {
  border-color: #28a745;
}
._was-validated ._custom-file-input:valid:focus ~ ._custom-file-label,
._custom-file-input._is-valid:focus ~ ._custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
._invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
._invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 2px;
}
._form-row > ._col > ._invalid-tooltip,
._form-row > [class*="col-"] > ._invalid-tooltip {
  left: 0.5rem;
}
._was-validated :invalid ~ ._invalid-feedback,
._was-validated :invalid ~ ._invalid-tooltip,
._is-invalid ~ ._invalid-feedback,
._is-invalid ~ ._invalid-tooltip {
  display: block;
}
._was-validated ._form-control:invalid,
._form-control._is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 1.5rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
._was-validated ._form-control:invalid:focus,
._form-control._is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
._was-validated select._form-control:invalid,
select._form-control._is-invalid {
  padding-right: 4rem !important;
  background-position: right 2rem center;
}
._was-validated textarea._form-control:invalid,
textarea._form-control._is-invalid {
  padding-right: calc(1.5em + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right
    calc(0.375em + 0.375rem);
}
._was-validated ._custom-select:invalid,
._custom-select._is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 3.125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
      right 1rem center/8px 10px no-repeat,
    #fff
      url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
      center right 2rem / calc(0.75em + 0.75rem) calc(0.75em + 0.75rem)
      no-repeat;
}
._was-validated ._custom-select:invalid:focus,
._custom-select._is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
._was-validated ._form-check-input:invalid ~ ._form-check-label,
._form-check-input._is-invalid ~ ._form-check-label {
  color: #dc3545;
}
._was-validated ._form-check-input:invalid ~ ._invalid-feedback,
._was-validated ._form-check-input:invalid ~ ._invalid-tooltip,
._form-check-input._is-invalid ~ ._invalid-feedback,
._form-check-input._is-invalid ~ ._invalid-tooltip {
  display: block;
}
._was-validated ._custom-control-input:invalid ~ ._custom-control-label,
._custom-control-input._is-invalid ~ ._custom-control-label {
  color: #dc3545;
}
._was-validated ._custom-control-input:invalid ~ ._custom-control-label::before,
._custom-control-input._is-invalid ~ ._custom-control-label::before {
  border-color: #dc3545;
}
._was-validated
  ._custom-control-input:invalid:checked
  ~ ._custom-control-label::before,
._custom-control-input._is-invalid:checked ~ ._custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
._was-validated
  ._custom-control-input:invalid:focus
  ~ ._custom-control-label::before,
._custom-control-input._is-invalid:focus ~ ._custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
._was-validated
  ._custom-control-input:invalid:focus:not(:checked)
  ~ ._custom-control-label::before,
._custom-control-input._is-invalid:focus:not(:checked)
  ~ ._custom-control-label::before {
  border-color: #dc3545;
}
._was-validated ._custom-file-input:invalid ~ ._custom-file-label,
._custom-file-input._is-invalid ~ ._custom-file-label {
  border-color: #dc3545;
}
._was-validated ._custom-file-input:invalid:focus ~ ._custom-file-label,
._custom-file-input._is-invalid:focus ~ ._custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
._form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
._form-inline ._form-check {
  width: 100%;
}
@media (min-width: 480px) {
  ._form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  ._form-inline ._form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  ._form-inline ._form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  ._form-inline ._form-control-plaintext {
    display: inline-block;
  }
  ._form-inline ._input-group,
  ._form-inline ._custom-select {
    width: auto;
  }
  ._form-inline ._form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  ._form-inline ._form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  ._form-inline ._custom-control {
    align-items: center;
    justify-content: center;
  }
  ._form-inline ._custom-control-label {
    margin-bottom: 0;
  }
}
._btn,
._cta,
._cta-yellow,
._cta-white,
._cta-sale,
._cta-black,
._cta-pink {
  display: inline-block;
  font-weight: 400;
  color: #0d0900;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.75rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 2px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  ._btn,
  ._cta,
  ._cta-yellow,
  ._cta-white,
  ._cta-sale,
  ._cta-black,
  ._cta-pink {
    transition: none;
  }
}
._btn:hover,
._cta:hover,
._cta-yellow:hover,
._cta-white:hover,
._cta-sale:hover,
._cta-black:hover,
._cta-pink:hover {
  color: #0d0900;
  text-decoration: none;
}
._btn:focus,
._cta:focus,
._cta-yellow:focus,
._cta-white:focus,
._cta-sale:focus,
._cta-black:focus,
._cta-pink:focus,
._btn._focus,
._focus._cta,
._focus._cta-yellow,
._focus._cta-white,
._focus._cta-sale,
._focus._cta-black,
._focus._cta-pink {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(13, 9, 0, 0.25);
}
._btn._disabled,
._disabled._cta,
._disabled._cta-yellow,
._disabled._cta-white,
._disabled._cta-sale,
._disabled._cta-black,
._disabled._cta-pink,
._btn:disabled,
._cta:disabled,
._cta-yellow:disabled,
._cta-white:disabled,
._cta-sale:disabled,
._cta-black:disabled,
._cta-pink:disabled {
  opacity: 0.4;
}
._btn:not(:disabled):not(._disabled),
._cta:not(:disabled):not(._disabled),
._cta-yellow:not(:disabled):not(._disabled),
._cta-white:not(:disabled):not(._disabled),
._cta-sale:not(:disabled):not(._disabled),
._cta-black:not(:disabled):not(._disabled),
._cta-pink:not(:disabled):not(._disabled) {
  cursor: pointer;
}
a._btn._disabled,
a._disabled._cta,
a._disabled._cta-yellow,
a._disabled._cta-white,
a._disabled._cta-sale,
a._disabled._cta-black,
a._disabled._cta-pink,
fieldset:disabled a._btn,
fieldset:disabled a._cta,
fieldset:disabled a._cta-yellow,
fieldset:disabled a._cta-white,
fieldset:disabled a._cta-sale,
fieldset:disabled a._cta-black,
fieldset:disabled a._cta-pink {
  pointer-events: none;
}
._btn-primary {
  color: #fff;
  background-color: #0d0900;
  border-color: #0d0900;
}
._btn-primary:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
._btn-primary:focus,
._btn-primary._focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
  box-shadow: 0 0 0 0.2rem rgba(49, 46, 38, 0.5);
}
._btn-primary._disabled,
._btn-primary:disabled {
  color: #fff;
  background-color: #0d0900;
  border-color: #0d0900;
}
._btn-primary:not(:disabled):not(._disabled):active,
._btn-primary:not(:disabled):not(._disabled)._active,
._show > ._btn-primary._dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
._btn-primary:not(:disabled):not(._disabled):active:focus,
._btn-primary:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-primary._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(49, 46, 38, 0.5);
}
._btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
._btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
._btn-secondary:focus,
._btn-secondary._focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
._btn-secondary._disabled,
._btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
._btn-secondary:not(:disabled):not(._disabled):active,
._btn-secondary:not(:disabled):not(._disabled)._active,
._show > ._btn-secondary._dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
._btn-secondary:not(:disabled):not(._disabled):active:focus,
._btn-secondary:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-secondary._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
._btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
._btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
._btn-success:focus,
._btn-success._focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
._btn-success._disabled,
._btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
._btn-success:not(:disabled):not(._disabled):active,
._btn-success:not(:disabled):not(._disabled)._active,
._show > ._btn-success._dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
._btn-success:not(:disabled):not(._disabled):active:focus,
._btn-success:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-success._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
._btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
._btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
._btn-info:focus,
._btn-info._focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
._btn-info._disabled,
._btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
._btn-info:not(:disabled):not(._disabled):active,
._btn-info:not(:disabled):not(._disabled)._active,
._show > ._btn-info._dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
._btn-info:not(:disabled):not(._disabled):active:focus,
._btn-info:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-info._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
._btn-warning,
._cta-yellow {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
._btn-warning:hover,
._cta-yellow:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
._btn-warning:focus,
._cta-yellow:focus,
._btn-warning._focus,
._focus._cta-yellow {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
._btn-warning._disabled,
._disabled._cta-yellow,
._btn-warning:disabled,
._cta-yellow:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
._btn-warning:not(:disabled):not(._disabled):active,
._cta-yellow:not(:disabled):not(._disabled):active,
._btn-warning:not(:disabled):not(._disabled)._active,
._cta-yellow:not(:disabled):not(._disabled)._active,
._show > ._btn-warning._dropdown-toggle,
._show > ._dropdown-toggle._cta-yellow {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
._btn-warning:not(:disabled):not(._disabled):active:focus,
._cta-yellow:not(:disabled):not(._disabled):active:focus,
._btn-warning:not(:disabled):not(._disabled)._active:focus,
._cta-yellow:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-warning._dropdown-toggle:focus,
._show > ._dropdown-toggle._cta-yellow:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
._btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
._btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
._btn-danger:focus,
._btn-danger._focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
._btn-danger._disabled,
._btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
._btn-danger:not(:disabled):not(._disabled):active,
._btn-danger:not(:disabled):not(._disabled)._active,
._show > ._btn-danger._dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
._btn-danger:not(:disabled):not(._disabled):active:focus,
._btn-danger:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-danger._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
._btn-light {
  color: #212529;
  background-color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-light:hover {
  color: #212529;
  background-color: #e3e0e0;
  border-color: #ddd9d9;
}
._btn-light:focus,
._btn-light._focus {
  color: #212529;
  background-color: #e3e0e0;
  border-color: #ddd9d9;
  box-shadow: 0 0 0 0.2rem rgba(213, 213, 214, 0.5);
}
._btn-light._disabled,
._btn-light:disabled {
  color: #212529;
  background-color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-light:not(:disabled):not(._disabled):active,
._btn-light:not(:disabled):not(._disabled)._active,
._show > ._btn-light._dropdown-toggle {
  color: #212529;
  background-color: #ddd9d9;
  border-color: #d7d3d3;
}
._btn-light:not(:disabled):not(._disabled):active:focus,
._btn-light:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-light._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 213, 214, 0.5);
}
._btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
._btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
._btn-dark:focus,
._btn-dark._focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
._btn-dark._disabled,
._btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
._btn-dark:not(:disabled):not(._disabled):active,
._btn-dark:not(:disabled):not(._disabled)._active,
._show > ._btn-dark._dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
._btn-dark:not(:disabled):not(._disabled):active:focus,
._btn-dark:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-dark._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
._btn-black,
._cta-white {
  color: #fff;
  background-color: #0d0900;
  border-color: #0d0900;
}
._btn-black:hover,
._cta-white:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
._btn-black:focus,
._cta-white:focus,
._btn-black._focus,
._focus._cta-white {
  color: #fff;
  background-color: #000;
  border-color: #000;
  box-shadow: 0 0 0 0.2rem rgba(49, 46, 38, 0.5);
}
._btn-black._disabled,
._disabled._cta-white,
._btn-black:disabled,
._cta-white:disabled {
  color: #fff;
  background-color: #0d0900;
  border-color: #0d0900;
}
._btn-black:not(:disabled):not(._disabled):active,
._cta-white:not(:disabled):not(._disabled):active,
._btn-black:not(:disabled):not(._disabled)._active,
._cta-white:not(:disabled):not(._disabled)._active,
._show > ._btn-black._dropdown-toggle,
._show > ._dropdown-toggle._cta-white {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
._btn-black:not(:disabled):not(._disabled):active:focus,
._cta-white:not(:disabled):not(._disabled):active:focus,
._btn-black:not(:disabled):not(._disabled)._active:focus,
._cta-white:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-black._dropdown-toggle:focus,
._show > ._dropdown-toggle._cta-white:focus {
  box-shadow: 0 0 0 0.2rem rgba(49, 46, 38, 0.5);
}
._btn-pink {
  color: #fff;
  background-color: #aa4966;
  border-color: #aa4966;
}
._btn-pink:hover {
  color: #fff;
  background-color: #8f3e56;
  border-color: #863a51;
}
._btn-pink:focus,
._btn-pink._focus {
  color: #fff;
  background-color: #8f3e56;
  border-color: #863a51;
  box-shadow: 0 0 0 0.2rem rgba(183, 100, 125, 0.5);
}
._btn-pink._disabled,
._btn-pink:disabled {
  color: #fff;
  background-color: #aa4966;
  border-color: #aa4966;
}
._btn-pink:not(:disabled):not(._disabled):active,
._btn-pink:not(:disabled):not(._disabled)._active,
._show > ._btn-pink._dropdown-toggle {
  color: #fff;
  background-color: #863a51;
  border-color: #7d364b;
}
._btn-pink:not(:disabled):not(._disabled):active:focus,
._btn-pink:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-pink._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(183, 100, 125, 0.5);
}
._btn-grey {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
._btn-grey:hover {
  color: #fff;
  background-color: #535353;
  border-color: #4d4d4d;
}
._btn-grey:focus,
._btn-grey._focus {
  color: #fff;
  background-color: #535353;
  border-color: #4d4d4d;
  box-shadow: 0 0 0 0.2rem rgba(125, 125, 125, 0.5);
}
._btn-grey._disabled,
._btn-grey:disabled {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
._btn-grey:not(:disabled):not(._disabled):active,
._btn-grey:not(:disabled):not(._disabled)._active,
._show > ._btn-grey._dropdown-toggle {
  color: #fff;
  background-color: #4d4d4d;
  border-color: #464646;
}
._btn-grey:not(:disabled):not(._disabled):active:focus,
._btn-grey:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-grey._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(125, 125, 125, 0.5);
}
._btn-grey2 {
  color: #212529;
  background-color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-grey2:hover {
  color: #212529;
  background-color: #e3e0e0;
  border-color: #ddd9d9;
}
._btn-grey2:focus,
._btn-grey2._focus {
  color: #212529;
  background-color: #e3e0e0;
  border-color: #ddd9d9;
  box-shadow: 0 0 0 0.2rem rgba(213, 213, 214, 0.5);
}
._btn-grey2._disabled,
._btn-grey2:disabled {
  color: #212529;
  background-color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-grey2:not(:disabled):not(._disabled):active,
._btn-grey2:not(:disabled):not(._disabled)._active,
._show > ._btn-grey2._dropdown-toggle {
  color: #212529;
  background-color: #ddd9d9;
  border-color: #d7d3d3;
}
._btn-grey2:not(:disabled):not(._disabled):active:focus,
._btn-grey2:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-grey2._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 213, 214, 0.5);
}
._btn-sale,
._cta-sale {
  color: #fff;
  background-color: #ae131e;
  border-color: #ae131e;
}
._btn-sale:hover,
._cta-sale:hover {
  color: #fff;
  background-color: #8c0f18;
  border-color: #800e16;
}
._btn-sale:focus,
._cta-sale:focus,
._btn-sale._focus,
._focus._cta-sale {
  color: #fff;
  background-color: #8c0f18;
  border-color: #800e16;
  box-shadow: 0 0 0 0.2rem rgba(186, 54, 64, 0.5);
}
._btn-sale._disabled,
._disabled._cta-sale,
._btn-sale:disabled,
._cta-sale:disabled {
  color: #fff;
  background-color: #ae131e;
  border-color: #ae131e;
}
._btn-sale:not(:disabled):not(._disabled):active,
._cta-sale:not(:disabled):not(._disabled):active,
._btn-sale:not(:disabled):not(._disabled)._active,
._cta-sale:not(:disabled):not(._disabled)._active,
._show > ._btn-sale._dropdown-toggle,
._show > ._dropdown-toggle._cta-sale {
  color: #fff;
  background-color: #800e16;
  border-color: #750d14;
}
._btn-sale:not(:disabled):not(._disabled):active:focus,
._cta-sale:not(:disabled):not(._disabled):active:focus,
._btn-sale:not(:disabled):not(._disabled)._active:focus,
._cta-sale:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-sale._dropdown-toggle:focus,
._show > ._dropdown-toggle._cta-sale:focus {
  box-shadow: 0 0 0 0.2rem rgba(186, 54, 64, 0.5);
}
._btn-outline-primary {
  color: #0d0900;
  border-color: #0d0900;
}
._btn-outline-primary:hover {
  color: #fff;
  background-color: #0d0900;
  border-color: #0d0900;
}
._btn-outline-primary:focus,
._btn-outline-primary._focus {
  box-shadow: 0 0 0 0.2rem rgba(13, 9, 0, 0.5);
}
._btn-outline-primary._disabled,
._btn-outline-primary:disabled {
  color: #0d0900;
  background-color: transparent;
}
._btn-outline-primary:not(:disabled):not(._disabled):active,
._btn-outline-primary:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-primary._dropdown-toggle {
  color: #fff;
  background-color: #0d0900;
  border-color: #0d0900;
}
._btn-outline-primary:not(:disabled):not(._disabled):active:focus,
._btn-outline-primary:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-primary._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(13, 9, 0, 0.5);
}
._btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
._btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
._btn-outline-secondary:focus,
._btn-outline-secondary._focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
._btn-outline-secondary._disabled,
._btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
._btn-outline-secondary:not(:disabled):not(._disabled):active,
._btn-outline-secondary:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-secondary._dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
._btn-outline-secondary:not(:disabled):not(._disabled):active:focus,
._btn-outline-secondary:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-secondary._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
._btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
._btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
._btn-outline-success:focus,
._btn-outline-success._focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
._btn-outline-success._disabled,
._btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
._btn-outline-success:not(:disabled):not(._disabled):active,
._btn-outline-success:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-success._dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
._btn-outline-success:not(:disabled):not(._disabled):active:focus,
._btn-outline-success:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-success._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
._btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
._btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
._btn-outline-info:focus,
._btn-outline-info._focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
._btn-outline-info._disabled,
._btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
._btn-outline-info:not(:disabled):not(._disabled):active,
._btn-outline-info:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-info._dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
._btn-outline-info:not(:disabled):not(._disabled):active:focus,
._btn-outline-info:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-info._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
._btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
._btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
._btn-outline-warning:focus,
._btn-outline-warning._focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
._btn-outline-warning._disabled,
._btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
._btn-outline-warning:not(:disabled):not(._disabled):active,
._btn-outline-warning:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-warning._dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
._btn-outline-warning:not(:disabled):not(._disabled):active:focus,
._btn-outline-warning:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-warning._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
._btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
._btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
._btn-outline-danger:focus,
._btn-outline-danger._focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
._btn-outline-danger._disabled,
._btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
._btn-outline-danger:not(:disabled):not(._disabled):active,
._btn-outline-danger:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-danger._dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
._btn-outline-danger:not(:disabled):not(._disabled):active:focus,
._btn-outline-danger:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-danger._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
._btn-outline-light {
  color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-outline-light:hover {
  color: #212529;
  background-color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-outline-light:focus,
._btn-outline-light._focus {
  box-shadow: 0 0 0 0.2rem rgba(245, 244, 244, 0.5);
}
._btn-outline-light._disabled,
._btn-outline-light:disabled {
  color: #f5f4f4;
  background-color: transparent;
}
._btn-outline-light:not(:disabled):not(._disabled):active,
._btn-outline-light:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-light._dropdown-toggle {
  color: #212529;
  background-color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-outline-light:not(:disabled):not(._disabled):active:focus,
._btn-outline-light:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-light._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(245, 244, 244, 0.5);
}
._btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
._btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
._btn-outline-dark:focus,
._btn-outline-dark._focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
._btn-outline-dark._disabled,
._btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
._btn-outline-dark:not(:disabled):not(._disabled):active,
._btn-outline-dark:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-dark._dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
._btn-outline-dark:not(:disabled):not(._disabled):active:focus,
._btn-outline-dark:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-dark._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
._btn-outline-black,
._cta-black {
  color: #0d0900;
  border-color: #0d0900;
}
._btn-outline-black:hover,
._cta-black:hover {
  color: #fff;
  background-color: #0d0900;
  border-color: #0d0900;
}
._btn-outline-black:focus,
._cta-black:focus,
._btn-outline-black._focus,
._focus._cta-black {
  box-shadow: 0 0 0 0.2rem rgba(13, 9, 0, 0.5);
}
._btn-outline-black._disabled,
._disabled._cta-black,
._btn-outline-black:disabled,
._cta-black:disabled {
  color: #0d0900;
  background-color: transparent;
}
._btn-outline-black:not(:disabled):not(._disabled):active,
._cta-black:not(:disabled):not(._disabled):active,
._btn-outline-black:not(:disabled):not(._disabled)._active,
._cta-black:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-black._dropdown-toggle,
._show > ._dropdown-toggle._cta-black {
  color: #fff;
  background-color: #0d0900;
  border-color: #0d0900;
}
._btn-outline-black:not(:disabled):not(._disabled):active:focus,
._cta-black:not(:disabled):not(._disabled):active:focus,
._btn-outline-black:not(:disabled):not(._disabled)._active:focus,
._cta-black:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-black._dropdown-toggle:focus,
._show > ._dropdown-toggle._cta-black:focus {
  box-shadow: 0 0 0 0.2rem rgba(13, 9, 0, 0.5);
}
._btn-outline-pink,
._cta-pink {
  color: #aa4966;
  border-color: #aa4966;
}
._btn-outline-pink:hover,
._cta-pink:hover {
  color: #fff;
  background-color: #aa4966;
  border-color: #aa4966;
}
._btn-outline-pink:focus,
._cta-pink:focus,
._btn-outline-pink._focus,
._focus._cta-pink {
  box-shadow: 0 0 0 0.2rem rgba(170, 73, 102, 0.5);
}
._btn-outline-pink._disabled,
._disabled._cta-pink,
._btn-outline-pink:disabled,
._cta-pink:disabled {
  color: #aa4966;
  background-color: transparent;
}
._btn-outline-pink:not(:disabled):not(._disabled):active,
._cta-pink:not(:disabled):not(._disabled):active,
._btn-outline-pink:not(:disabled):not(._disabled)._active,
._cta-pink:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-pink._dropdown-toggle,
._show > ._dropdown-toggle._cta-pink {
  color: #fff;
  background-color: #aa4966;
  border-color: #aa4966;
}
._btn-outline-pink:not(:disabled):not(._disabled):active:focus,
._cta-pink:not(:disabled):not(._disabled):active:focus,
._btn-outline-pink:not(:disabled):not(._disabled)._active:focus,
._cta-pink:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-pink._dropdown-toggle:focus,
._show > ._dropdown-toggle._cta-pink:focus {
  box-shadow: 0 0 0 0.2rem rgba(170, 73, 102, 0.5);
}
._btn-outline-grey {
  color: #666;
  border-color: #666;
}
._btn-outline-grey:hover {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
._btn-outline-grey:focus,
._btn-outline-grey._focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5);
}
._btn-outline-grey._disabled,
._btn-outline-grey:disabled {
  color: #666;
  background-color: transparent;
}
._btn-outline-grey:not(:disabled):not(._disabled):active,
._btn-outline-grey:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-grey._dropdown-toggle {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
._btn-outline-grey:not(:disabled):not(._disabled):active:focus,
._btn-outline-grey:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-grey._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5);
}
._btn-outline-grey2 {
  color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-outline-grey2:hover {
  color: #212529;
  background-color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-outline-grey2:focus,
._btn-outline-grey2._focus {
  box-shadow: 0 0 0 0.2rem rgba(245, 244, 244, 0.5);
}
._btn-outline-grey2._disabled,
._btn-outline-grey2:disabled {
  color: #f5f4f4;
  background-color: transparent;
}
._btn-outline-grey2:not(:disabled):not(._disabled):active,
._btn-outline-grey2:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-grey2._dropdown-toggle {
  color: #212529;
  background-color: #f5f4f4;
  border-color: #f5f4f4;
}
._btn-outline-grey2:not(:disabled):not(._disabled):active:focus,
._btn-outline-grey2:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-grey2._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(245, 244, 244, 0.5);
}
._btn-outline-sale {
  color: #ae131e;
  border-color: #ae131e;
}
._btn-outline-sale:hover {
  color: #fff;
  background-color: #ae131e;
  border-color: #ae131e;
}
._btn-outline-sale:focus,
._btn-outline-sale._focus {
  box-shadow: 0 0 0 0.2rem rgba(174, 19, 30, 0.5);
}
._btn-outline-sale._disabled,
._btn-outline-sale:disabled {
  color: #ae131e;
  background-color: transparent;
}
._btn-outline-sale:not(:disabled):not(._disabled):active,
._btn-outline-sale:not(:disabled):not(._disabled)._active,
._show > ._btn-outline-sale._dropdown-toggle {
  color: #fff;
  background-color: #ae131e;
  border-color: #ae131e;
}
._btn-outline-sale:not(:disabled):not(._disabled):active:focus,
._btn-outline-sale:not(:disabled):not(._disabled)._active:focus,
._show > ._btn-outline-sale._dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(174, 19, 30, 0.5);
}
._btn-link,
._cta-link {
  font-weight: 400;
  color: #0d0900;
  text-decoration: none;
}
._btn-link:hover,
._cta-link:hover {
  color: #000;
  text-decoration: none;
}
._btn-link:focus,
._cta-link:focus,
._btn-link._focus,
._focus._cta-link {
  text-decoration: none;
}
._btn-link:disabled,
._cta-link:disabled,
._btn-link._disabled,
._disabled._cta-link {
  color: #6c757d;
  pointer-events: none;
}
._btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 2px;
}
._btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 2px;
}
._btn-block {
  display: block;
  width: 100%;
}
._btn-block + ._btn-block {
  margin-top: 0.5rem;
}
input[type="submit"]._btn-block,
input[type="reset"]._btn-block,
input[type="button"]._btn-block {
  width: 100%;
}
._input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
._input-group > ._form-control,
._input-group > ._form-control-plaintext,
._input-group > ._custom-select,
._input-group > ._custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
._input-group > ._form-control + ._form-control,
._input-group > ._form-control + ._custom-select,
._input-group > ._form-control + ._custom-file,
._input-group > ._form-control-plaintext + ._form-control,
._input-group > ._form-control-plaintext + ._custom-select,
._input-group > ._form-control-plaintext + ._custom-file,
._input-group > ._custom-select + ._form-control,
._input-group > ._custom-select + ._custom-select,
._input-group > ._custom-select + ._custom-file,
._input-group > ._custom-file + ._form-control,
._input-group > ._custom-file + ._custom-select,
._input-group > ._custom-file + ._custom-file {
  margin-left: -1px;
}
._input-group > ._form-control:focus,
._input-group > ._custom-select:focus,
._input-group > ._custom-file ._custom-file-input:focus ~ ._custom-file-label {
  z-index: 3;
}
._input-group > ._custom-file ._custom-file-input:focus {
  z-index: 4;
}
._input-group > ._form-control:not(:first-child),
._input-group > ._custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
._input-group > ._custom-file {
  display: flex;
  align-items: center;
}
._input-group > ._custom-file:not(:last-child) ._custom-file-label,
._input-group > ._custom-file:not(:last-child) ._custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._input-group > ._custom-file:not(:first-child) ._custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
._input-group:not(._has-validation) > ._form-control:not(:last-child),
._input-group:not(._has-validation) > ._custom-select:not(:last-child),
._input-group:not(._has-validation)
  > ._custom-file:not(:last-child)
  ._custom-file-label,
._input-group:not(._has-validation)
  > ._custom-file:not(:last-child)
  ._custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._input-group._has-validation > ._form-control:nth-last-child(n + 3),
._input-group._has-validation > ._custom-select:nth-last-child(n + 3),
._input-group._has-validation
  > ._custom-file:nth-last-child(n + 3)
  ._custom-file-label,
._input-group._has-validation
  > ._custom-file:nth-last-child(n + 3)
  ._custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._input-group-prepend,
._input-group-append {
  display: flex;
}
._input-group-prepend ._btn,
._input-group-prepend ._cta,
._input-group-prepend ._cta-yellow,
._input-group-prepend ._cta-white,
._input-group-prepend ._cta-sale,
._input-group-prepend ._cta-black,
._input-group-prepend ._cta-pink,
._input-group-append ._btn,
._input-group-append ._cta,
._input-group-append ._cta-yellow,
._input-group-append ._cta-white,
._input-group-append ._cta-sale,
._input-group-append ._cta-black,
._input-group-append ._cta-pink {
  position: relative;
  z-index: 2;
}
._input-group-prepend ._btn:focus,
._input-group-prepend ._cta:focus,
._input-group-prepend ._cta-yellow:focus,
._input-group-prepend ._cta-white:focus,
._input-group-prepend ._cta-sale:focus,
._input-group-prepend ._cta-black:focus,
._input-group-prepend ._cta-pink:focus,
._input-group-append ._btn:focus,
._input-group-append ._cta:focus,
._input-group-append ._cta-yellow:focus,
._input-group-append ._cta-white:focus,
._input-group-append ._cta-sale:focus,
._input-group-append ._cta-black:focus,
._input-group-append ._cta-pink:focus {
  z-index: 3;
}
._input-group-prepend ._btn + ._btn,
._input-group-prepend ._cta + ._btn,
._input-group-prepend ._cta-yellow + ._btn,
._input-group-prepend ._cta-white + ._btn,
._input-group-prepend ._cta-sale + ._btn,
._input-group-prepend ._cta-black + ._btn,
._input-group-prepend ._cta-pink + ._btn,
._input-group-prepend ._btn + ._cta,
._input-group-prepend ._btn + ._cta-yellow,
._input-group-prepend ._btn + ._cta-white,
._input-group-prepend ._btn + ._cta-sale,
._input-group-prepend ._btn + ._cta-black,
._input-group-prepend ._btn + ._cta-pink,
._input-group-prepend ._cta + ._cta,
._input-group-prepend ._cta-yellow + ._cta,
._input-group-prepend ._cta + ._cta-yellow,
._input-group-prepend ._cta-yellow + ._cta-yellow,
._input-group-prepend ._cta-white + ._cta,
._input-group-prepend ._cta-white + ._cta-yellow,
._input-group-prepend ._cta + ._cta-white,
._input-group-prepend ._cta-yellow + ._cta-white,
._input-group-prepend ._cta-white + ._cta-white,
._input-group-prepend ._cta-sale + ._cta,
._input-group-prepend ._cta-sale + ._cta-yellow,
._input-group-prepend ._cta-sale + ._cta-white,
._input-group-prepend ._cta + ._cta-sale,
._input-group-prepend ._cta-yellow + ._cta-sale,
._input-group-prepend ._cta-white + ._cta-sale,
._input-group-prepend ._cta-sale + ._cta-sale,
._input-group-prepend ._cta-black + ._cta,
._input-group-prepend ._cta-black + ._cta-yellow,
._input-group-prepend ._cta-black + ._cta-white,
._input-group-prepend ._cta-black + ._cta-sale,
._input-group-prepend ._cta + ._cta-black,
._input-group-prepend ._cta-yellow + ._cta-black,
._input-group-prepend ._cta-white + ._cta-black,
._input-group-prepend ._cta-sale + ._cta-black,
._input-group-prepend ._cta-black + ._cta-black,
._input-group-prepend ._cta-pink + ._cta,
._input-group-prepend ._cta-pink + ._cta-yellow,
._input-group-prepend ._cta-pink + ._cta-white,
._input-group-prepend ._cta-pink + ._cta-sale,
._input-group-prepend ._cta-pink + ._cta-black,
._input-group-prepend ._cta + ._cta-pink,
._input-group-prepend ._cta-yellow + ._cta-pink,
._input-group-prepend ._cta-white + ._cta-pink,
._input-group-prepend ._cta-sale + ._cta-pink,
._input-group-prepend ._cta-black + ._cta-pink,
._input-group-prepend ._cta-pink + ._cta-pink,
._input-group-prepend ._btn + ._input-group-text,
._input-group-prepend ._cta + ._input-group-text,
._input-group-prepend ._cta-yellow + ._input-group-text,
._input-group-prepend ._cta-white + ._input-group-text,
._input-group-prepend ._cta-sale + ._input-group-text,
._input-group-prepend ._cta-black + ._input-group-text,
._input-group-prepend ._cta-pink + ._input-group-text,
._input-group-prepend ._input-group-text + ._input-group-text,
._input-group-prepend ._input-group-text + ._btn,
._input-group-prepend ._input-group-text + ._cta,
._input-group-prepend ._input-group-text + ._cta-yellow,
._input-group-prepend ._input-group-text + ._cta-white,
._input-group-prepend ._input-group-text + ._cta-sale,
._input-group-prepend ._input-group-text + ._cta-black,
._input-group-prepend ._input-group-text + ._cta-pink,
._input-group-append ._btn + ._btn,
._input-group-append ._cta + ._btn,
._input-group-append ._cta-yellow + ._btn,
._input-group-append ._cta-white + ._btn,
._input-group-append ._cta-sale + ._btn,
._input-group-append ._cta-black + ._btn,
._input-group-append ._cta-pink + ._btn,
._input-group-append ._btn + ._cta,
._input-group-append ._btn + ._cta-yellow,
._input-group-append ._btn + ._cta-white,
._input-group-append ._btn + ._cta-sale,
._input-group-append ._btn + ._cta-black,
._input-group-append ._btn + ._cta-pink,
._input-group-append ._cta + ._cta,
._input-group-append ._cta-yellow + ._cta,
._input-group-append ._cta + ._cta-yellow,
._input-group-append ._cta-yellow + ._cta-yellow,
._input-group-append ._cta-white + ._cta,
._input-group-append ._cta-white + ._cta-yellow,
._input-group-append ._cta + ._cta-white,
._input-group-append ._cta-yellow + ._cta-white,
._input-group-append ._cta-white + ._cta-white,
._input-group-append ._cta-sale + ._cta,
._input-group-append ._cta-sale + ._cta-yellow,
._input-group-append ._cta-sale + ._cta-white,
._input-group-append ._cta + ._cta-sale,
._input-group-append ._cta-yellow + ._cta-sale,
._input-group-append ._cta-white + ._cta-sale,
._input-group-append ._cta-sale + ._cta-sale,
._input-group-append ._cta-black + ._cta,
._input-group-append ._cta-black + ._cta-yellow,
._input-group-append ._cta-black + ._cta-white,
._input-group-append ._cta-black + ._cta-sale,
._input-group-append ._cta + ._cta-black,
._input-group-append ._cta-yellow + ._cta-black,
._input-group-append ._cta-white + ._cta-black,
._input-group-append ._cta-sale + ._cta-black,
._input-group-append ._cta-black + ._cta-black,
._input-group-append ._cta-pink + ._cta,
._input-group-append ._cta-pink + ._cta-yellow,
._input-group-append ._cta-pink + ._cta-white,
._input-group-append ._cta-pink + ._cta-sale,
._input-group-append ._cta-pink + ._cta-black,
._input-group-append ._cta + ._cta-pink,
._input-group-append ._cta-yellow + ._cta-pink,
._input-group-append ._cta-white + ._cta-pink,
._input-group-append ._cta-sale + ._cta-pink,
._input-group-append ._cta-black + ._cta-pink,
._input-group-append ._cta-pink + ._cta-pink,
._input-group-append ._btn + ._input-group-text,
._input-group-append ._cta + ._input-group-text,
._input-group-append ._cta-yellow + ._input-group-text,
._input-group-append ._cta-white + ._input-group-text,
._input-group-append ._cta-sale + ._input-group-text,
._input-group-append ._cta-black + ._input-group-text,
._input-group-append ._cta-pink + ._input-group-text,
._input-group-append ._input-group-text + ._input-group-text,
._input-group-append ._input-group-text + ._btn,
._input-group-append ._input-group-text + ._cta,
._input-group-append ._input-group-text + ._cta-yellow,
._input-group-append ._input-group-text + ._cta-white,
._input-group-append ._input-group-text + ._cta-sale,
._input-group-append ._input-group-text + ._cta-black,
._input-group-append ._input-group-text + ._cta-pink {
  margin-left: -1px;
}
._input-group-prepend {
  margin-right: -1px;
}
._input-group-append {
  margin-left: -1px;
}
._input-group-text {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
}
._input-group-text input[type="radio"],
._input-group-text input[type="checkbox"] {
  margin-top: 0;
}
._input-group-lg > ._form-control:not(textarea),
._input-group-lg > ._custom-select {
  height: calc(1.5em + 1rem + 2px);
}
._input-group-lg > ._form-control,
._input-group-lg > ._custom-select,
._input-group-lg > ._input-group-prepend > ._input-group-text,
._input-group-lg > ._input-group-append > ._input-group-text,
._input-group-lg > ._input-group-prepend > ._btn,
._input-group-lg > ._input-group-prepend > ._cta,
._input-group-lg > ._input-group-prepend > ._cta-yellow,
._input-group-lg > ._input-group-prepend > ._cta-white,
._input-group-lg > ._input-group-prepend > ._cta-sale,
._input-group-lg > ._input-group-prepend > ._cta-black,
._input-group-lg > ._input-group-prepend > ._cta-pink,
._input-group-lg > ._input-group-append > ._btn,
._input-group-lg > ._input-group-append > ._cta,
._input-group-lg > ._input-group-append > ._cta-yellow,
._input-group-lg > ._input-group-append > ._cta-white,
._input-group-lg > ._input-group-append > ._cta-sale,
._input-group-lg > ._input-group-append > ._cta-black,
._input-group-lg > ._input-group-append > ._cta-pink {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 2px;
}
._input-group-sm > ._form-control:not(textarea),
._input-group-sm > ._custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
._input-group-sm > ._form-control,
._input-group-sm > ._custom-select,
._input-group-sm > ._input-group-prepend > ._input-group-text,
._input-group-sm > ._input-group-append > ._input-group-text,
._input-group-sm > ._input-group-prepend > ._btn,
._input-group-sm > ._input-group-prepend > ._cta,
._input-group-sm > ._input-group-prepend > ._cta-yellow,
._input-group-sm > ._input-group-prepend > ._cta-white,
._input-group-sm > ._input-group-prepend > ._cta-sale,
._input-group-sm > ._input-group-prepend > ._cta-black,
._input-group-sm > ._input-group-prepend > ._cta-pink,
._input-group-sm > ._input-group-append > ._btn,
._input-group-sm > ._input-group-append > ._cta,
._input-group-sm > ._input-group-append > ._cta-yellow,
._input-group-sm > ._input-group-append > ._cta-white,
._input-group-sm > ._input-group-append > ._cta-sale,
._input-group-sm > ._input-group-append > ._cta-black,
._input-group-sm > ._input-group-append > ._cta-pink {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 2px;
}
._input-group-lg > ._custom-select,
._input-group-sm > ._custom-select {
  padding-right: 2rem;
}
._input-group > ._input-group-prepend > ._btn,
._input-group > ._input-group-prepend > ._cta,
._input-group > ._input-group-prepend > ._cta-yellow,
._input-group > ._input-group-prepend > ._cta-white,
._input-group > ._input-group-prepend > ._cta-sale,
._input-group > ._input-group-prepend > ._cta-black,
._input-group > ._input-group-prepend > ._cta-pink,
._input-group > ._input-group-prepend > ._input-group-text,
._input-group:not(._has-validation)
  > ._input-group-append:not(:last-child)
  > ._btn,
._input-group:not(._has-validation)
  > ._input-group-append:not(:last-child)
  > ._cta,
._input-group:not(._has-validation)
  > ._input-group-append:not(:last-child)
  > ._cta-yellow,
._input-group:not(._has-validation)
  > ._input-group-append:not(:last-child)
  > ._cta-white,
._input-group:not(._has-validation)
  > ._input-group-append:not(:last-child)
  > ._cta-sale,
._input-group:not(._has-validation)
  > ._input-group-append:not(:last-child)
  > ._cta-black,
._input-group:not(._has-validation)
  > ._input-group-append:not(:last-child)
  > ._cta-pink,
._input-group:not(._has-validation)
  > ._input-group-append:not(:last-child)
  > ._input-group-text,
._input-group._has-validation
  > ._input-group-append:nth-last-child(n + 3)
  > ._btn,
._input-group._has-validation
  > ._input-group-append:nth-last-child(n + 3)
  > ._cta,
._input-group._has-validation
  > ._input-group-append:nth-last-child(n + 3)
  > ._cta-yellow,
._input-group._has-validation
  > ._input-group-append:nth-last-child(n + 3)
  > ._cta-white,
._input-group._has-validation
  > ._input-group-append:nth-last-child(n + 3)
  > ._cta-sale,
._input-group._has-validation
  > ._input-group-append:nth-last-child(n + 3)
  > ._cta-black,
._input-group._has-validation
  > ._input-group-append:nth-last-child(n + 3)
  > ._cta-pink,
._input-group._has-validation
  > ._input-group-append:nth-last-child(n + 3)
  > ._input-group-text,
._input-group
  > ._input-group-append:last-child
  > ._btn:not(:last-child):not(._dropdown-toggle),
._input-group
  > ._input-group-append:last-child
  > ._cta:not(:last-child):not(._dropdown-toggle),
._input-group
  > ._input-group-append:last-child
  > ._cta-yellow:not(:last-child):not(._dropdown-toggle),
._input-group
  > ._input-group-append:last-child
  > ._cta-white:not(:last-child):not(._dropdown-toggle),
._input-group
  > ._input-group-append:last-child
  > ._cta-sale:not(:last-child):not(._dropdown-toggle),
._input-group
  > ._input-group-append:last-child
  > ._cta-black:not(:last-child):not(._dropdown-toggle),
._input-group
  > ._input-group-append:last-child
  > ._cta-pink:not(:last-child):not(._dropdown-toggle),
._input-group
  > ._input-group-append:last-child
  > ._input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._input-group > ._input-group-append > ._btn,
._input-group > ._input-group-append > ._cta,
._input-group > ._input-group-append > ._cta-yellow,
._input-group > ._input-group-append > ._cta-white,
._input-group > ._input-group-append > ._cta-sale,
._input-group > ._input-group-append > ._cta-black,
._input-group > ._input-group-append > ._cta-pink,
._input-group > ._input-group-append > ._input-group-text,
._input-group > ._input-group-prepend:not(:first-child) > ._btn,
._input-group > ._input-group-prepend:not(:first-child) > ._cta,
._input-group > ._input-group-prepend:not(:first-child) > ._cta-yellow,
._input-group > ._input-group-prepend:not(:first-child) > ._cta-white,
._input-group > ._input-group-prepend:not(:first-child) > ._cta-sale,
._input-group > ._input-group-prepend:not(:first-child) > ._cta-black,
._input-group > ._input-group-prepend:not(:first-child) > ._cta-pink,
._input-group > ._input-group-prepend:not(:first-child) > ._input-group-text,
._input-group > ._input-group-prepend:first-child > ._btn:not(:first-child),
._input-group > ._input-group-prepend:first-child > ._cta:not(:first-child),
._input-group
  > ._input-group-prepend:first-child
  > ._cta-yellow:not(:first-child),
._input-group
  > ._input-group-prepend:first-child
  > ._cta-white:not(:first-child),
._input-group
  > ._input-group-prepend:first-child
  > ._cta-sale:not(:first-child),
._input-group
  > ._input-group-prepend:first-child
  > ._cta-black:not(:first-child),
._input-group
  > ._input-group-prepend:first-child
  > ._cta-pink:not(:first-child),
._input-group
  > ._input-group-prepend:first-child
  > ._input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
._align-baseline {
  vertical-align: baseline !important;
}
._align-top {
  vertical-align: top !important;
}
._align-middle {
  vertical-align: middle !important;
}
._align-bottom {
  vertical-align: bottom !important;
}
._align-text-bottom {
  vertical-align: text-bottom !important;
}
._align-text-top {
  vertical-align: text-top !important;
}
._bg-primary {
  background-color: #0d0900 !important;
}
a._bg-primary:hover,
a._bg-primary:focus,
button._bg-primary:hover,
button._bg-primary:focus {
  background-color: #000 !important;
}
._bg-secondary {
  background-color: #6c757d !important;
}
a._bg-secondary:hover,
a._bg-secondary:focus,
button._bg-secondary:hover,
button._bg-secondary:focus {
  background-color: #545b62 !important;
}
._bg-success {
  background-color: #28a745 !important;
}
a._bg-success:hover,
a._bg-success:focus,
button._bg-success:hover,
button._bg-success:focus {
  background-color: #1e7e34 !important;
}
._bg-info {
  background-color: #17a2b8 !important;
}
a._bg-info:hover,
a._bg-info:focus,
button._bg-info:hover,
button._bg-info:focus {
  background-color: #117a8b !important;
}
._bg-warning {
  background-color: #ffc107 !important;
}
a._bg-warning:hover,
a._bg-warning:focus,
button._bg-warning:hover,
button._bg-warning:focus {
  background-color: #d39e00 !important;
}
._bg-danger {
  background-color: #dc3545 !important;
}
a._bg-danger:hover,
a._bg-danger:focus,
button._bg-danger:hover,
button._bg-danger:focus {
  background-color: #bd2130 !important;
}
._bg-light {
  background-color: #f5f4f4 !important;
}
a._bg-light:hover,
a._bg-light:focus,
button._bg-light:hover,
button._bg-light:focus {
  background-color: #ddd9d9 !important;
}
._bg-dark {
  background-color: #343a40 !important;
}
a._bg-dark:hover,
a._bg-dark:focus,
button._bg-dark:hover,
button._bg-dark:focus {
  background-color: #1d2124 !important;
}
._bg-black {
  background-color: #0d0900 !important;
}
a._bg-black:hover,
a._bg-black:focus,
button._bg-black:hover,
button._bg-black:focus {
  background-color: #000 !important;
}
._bg-pink {
  background-color: #aa4966 !important;
}
a._bg-pink:hover,
a._bg-pink:focus,
button._bg-pink:hover,
button._bg-pink:focus {
  background-color: #863a51 !important;
}
._bg-grey {
  background-color: #666 !important;
}
a._bg-grey:hover,
a._bg-grey:focus,
button._bg-grey:hover,
button._bg-grey:focus {
  background-color: #4d4d4d !important;
}
._bg-grey2 {
  background-color: #f5f4f4 !important;
}
a._bg-grey2:hover,
a._bg-grey2:focus,
button._bg-grey2:hover,
button._bg-grey2:focus {
  background-color: #ddd9d9 !important;
}
._bg-sale {
  background-color: #ae131e !important;
}
a._bg-sale:hover,
a._bg-sale:focus,
button._bg-sale:hover,
button._bg-sale:focus {
  background-color: #800e16 !important;
}
._bg-white {
  background-color: #fff !important;
}
._bg-transparent {
  background-color: transparent !important;
}
._border {
  border: 1px solid #e4e4e4 !important;
}
._border-top {
  border-top: 1px solid #e4e4e4 !important;
}
._border-right {
  border-right: 1px solid #e4e4e4 !important;
}
._border-bottom {
  border-bottom: 1px solid #e4e4e4 !important;
}
._border-left {
  border-left: 1px solid #e4e4e4 !important;
}
._border-0 {
  border: 0 !important;
}
._border-top-0 {
  border-top: 0 !important;
}
._border-right-0 {
  border-right: 0 !important;
}
._border-bottom-0 {
  border-bottom: 0 !important;
}
._border-left-0 {
  border-left: 0 !important;
}
._border-primary {
  border-color: #0d0900 !important;
}
._border-secondary {
  border-color: #6c757d !important;
}
._border-success {
  border-color: #28a745 !important;
}
._border-info {
  border-color: #17a2b8 !important;
}
._border-warning {
  border-color: #ffc107 !important;
}
._border-danger {
  border-color: #dc3545 !important;
}
._border-light {
  border-color: #f5f4f4 !important;
}
._border-dark {
  border-color: #343a40 !important;
}
._border-black {
  border-color: #0d0900 !important;
}
._border-pink {
  border-color: #aa4966 !important;
}
._border-grey {
  border-color: #666 !important;
}
._border-grey2 {
  border-color: #f5f4f4 !important;
}
._border-sale {
  border-color: #ae131e !important;
}
._border-white {
  border-color: #fff !important;
}
._rounded-sm {
  border-radius: 2px !important;
}
._rounded {
  border-radius: 2px !important;
}
._rounded-top {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}
._rounded-right {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
._rounded-bottom {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
._rounded-left {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
._rounded-lg {
  border-radius: 2px !important;
}
._rounded-circle {
  border-radius: 50% !important;
}
._rounded-pill {
  border-radius: 50rem !important;
}
._rounded-0 {
  border-radius: 0 !important;
}
._clearfix::after {
  display: block;
  clear: both;
  content: "";
}
._d-none {
  display: none !important;
}
._d-inline {
  display: inline !important;
}
._d-inline-block {
  display: inline-block !important;
}
._d-block {
  display: block !important;
}
._d-table {
  display: table !important;
}
._d-table-row {
  display: table-row !important;
}
._d-table-cell {
  display: table-cell !important;
}
._d-flex {
  display: flex !important;
}
._d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 480px) {
  ._d-sm-none {
    display: none !important;
  }
  ._d-sm-inline {
    display: inline !important;
  }
  ._d-sm-inline-block {
    display: inline-block !important;
  }
  ._d-sm-block {
    display: block !important;
  }
  ._d-sm-table {
    display: table !important;
  }
  ._d-sm-table-row {
    display: table-row !important;
  }
  ._d-sm-table-cell {
    display: table-cell !important;
  }
  ._d-sm-flex {
    display: flex !important;
  }
  ._d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  ._d-md-none {
    display: none !important;
  }
  ._d-md-inline {
    display: inline !important;
  }
  ._d-md-inline-block {
    display: inline-block !important;
  }
  ._d-md-block {
    display: block !important;
  }
  ._d-md-table {
    display: table !important;
  }
  ._d-md-table-row {
    display: table-row !important;
  }
  ._d-md-table-cell {
    display: table-cell !important;
  }
  ._d-md-flex {
    display: flex !important;
  }
  ._d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  ._d-lg-none {
    display: none !important;
  }
  ._d-lg-inline {
    display: inline !important;
  }
  ._d-lg-inline-block {
    display: inline-block !important;
  }
  ._d-lg-block {
    display: block !important;
  }
  ._d-lg-table {
    display: table !important;
  }
  ._d-lg-table-row {
    display: table-row !important;
  }
  ._d-lg-table-cell {
    display: table-cell !important;
  }
  ._d-lg-flex {
    display: flex !important;
  }
  ._d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  ._d-xl-none {
    display: none !important;
  }
  ._d-xl-inline {
    display: inline !important;
  }
  ._d-xl-inline-block {
    display: inline-block !important;
  }
  ._d-xl-block {
    display: block !important;
  }
  ._d-xl-table {
    display: table !important;
  }
  ._d-xl-table-row {
    display: table-row !important;
  }
  ._d-xl-table-cell {
    display: table-cell !important;
  }
  ._d-xl-flex {
    display: flex !important;
  }
  ._d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1920px) {
  ._d-xxl-none {
    display: none !important;
  }
  ._d-xxl-inline {
    display: inline !important;
  }
  ._d-xxl-inline-block {
    display: inline-block !important;
  }
  ._d-xxl-block {
    display: block !important;
  }
  ._d-xxl-table {
    display: table !important;
  }
  ._d-xxl-table-row {
    display: table-row !important;
  }
  ._d-xxl-table-cell {
    display: table-cell !important;
  }
  ._d-xxl-flex {
    display: flex !important;
  }
  ._d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  ._d-print-none {
    display: none !important;
  }
  ._d-print-inline {
    display: inline !important;
  }
  ._d-print-inline-block {
    display: inline-block !important;
  }
  ._d-print-block {
    display: block !important;
  }
  ._d-print-table {
    display: table !important;
  }
  ._d-print-table-row {
    display: table-row !important;
  }
  ._d-print-table-cell {
    display: table-cell !important;
  }
  ._d-print-flex {
    display: flex !important;
  }
  ._d-print-inline-flex {
    display: inline-flex !important;
  }
}
._embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
._embed-responsive::before {
  display: block;
  content: "";
}
._embed-responsive ._embed-responsive-item,
._embed-responsive iframe,
._embed-responsive embed,
._embed-responsive object,
._embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
._embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}
._embed-responsive-16by9::before {
  padding-top: 56.25%;
}
._embed-responsive-4by3::before {
  padding-top: 75%;
}
._embed-responsive-1by1::before {
  padding-top: 100%;
}
._flex-row {
  flex-direction: row !important;
}
._flex-column {
  flex-direction: column !important;
}
._flex-row-reverse {
  flex-direction: row-reverse !important;
}
._flex-column-reverse {
  flex-direction: column-reverse !important;
}
._flex-wrap {
  flex-wrap: wrap !important;
}
._flex-nowrap {
  flex-wrap: nowrap !important;
}
._flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
._flex-fill {
  flex: 1 1 auto !important;
}
._flex-grow-0 {
  flex-grow: 0 !important;
}
._flex-grow-1 {
  flex-grow: 1 !important;
}
._flex-shrink-0 {
  flex-shrink: 0 !important;
}
._flex-shrink-1 {
  flex-shrink: 1 !important;
}
._justify-content-start {
  justify-content: flex-start !important;
}
._justify-content-end {
  justify-content: flex-end !important;
}
._justify-content-center {
  justify-content: center !important;
}
._justify-content-between {
  justify-content: space-between !important;
}
._justify-content-around {
  justify-content: space-around !important;
}
._align-items-start {
  align-items: flex-start !important;
}
._align-items-end {
  align-items: flex-end !important;
}
._align-items-center {
  align-items: center !important;
}
._align-items-baseline {
  align-items: baseline !important;
}
._align-items-stretch {
  align-items: stretch !important;
}
._align-content-start {
  align-content: flex-start !important;
}
._align-content-end {
  align-content: flex-end !important;
}
._align-content-center {
  align-content: center !important;
}
._align-content-between {
  align-content: space-between !important;
}
._align-content-around {
  align-content: space-around !important;
}
._align-content-stretch {
  align-content: stretch !important;
}
._align-self-auto {
  align-self: auto !important;
}
._align-self-start {
  align-self: flex-start !important;
}
._align-self-end {
  align-self: flex-end !important;
}
._align-self-center {
  align-self: center !important;
}
._align-self-baseline {
  align-self: baseline !important;
}
._align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 480px) {
  ._flex-sm-row {
    flex-direction: row !important;
  }
  ._flex-sm-column {
    flex-direction: column !important;
  }
  ._flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-sm-fill {
    flex: 1 1 auto !important;
  }
  ._flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-sm-start {
    justify-content: flex-start !important;
  }
  ._justify-content-sm-end {
    justify-content: flex-end !important;
  }
  ._justify-content-sm-center {
    justify-content: center !important;
  }
  ._justify-content-sm-between {
    justify-content: space-between !important;
  }
  ._justify-content-sm-around {
    justify-content: space-around !important;
  }
  ._align-items-sm-start {
    align-items: flex-start !important;
  }
  ._align-items-sm-end {
    align-items: flex-end !important;
  }
  ._align-items-sm-center {
    align-items: center !important;
  }
  ._align-items-sm-baseline {
    align-items: baseline !important;
  }
  ._align-items-sm-stretch {
    align-items: stretch !important;
  }
  ._align-content-sm-start {
    align-content: flex-start !important;
  }
  ._align-content-sm-end {
    align-content: flex-end !important;
  }
  ._align-content-sm-center {
    align-content: center !important;
  }
  ._align-content-sm-between {
    align-content: space-between !important;
  }
  ._align-content-sm-around {
    align-content: space-around !important;
  }
  ._align-content-sm-stretch {
    align-content: stretch !important;
  }
  ._align-self-sm-auto {
    align-self: auto !important;
  }
  ._align-self-sm-start {
    align-self: flex-start !important;
  }
  ._align-self-sm-end {
    align-self: flex-end !important;
  }
  ._align-self-sm-center {
    align-self: center !important;
  }
  ._align-self-sm-baseline {
    align-self: baseline !important;
  }
  ._align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  ._flex-md-row {
    flex-direction: row !important;
  }
  ._flex-md-column {
    flex-direction: column !important;
  }
  ._flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-md-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-md-fill {
    flex: 1 1 auto !important;
  }
  ._flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-md-start {
    justify-content: flex-start !important;
  }
  ._justify-content-md-end {
    justify-content: flex-end !important;
  }
  ._justify-content-md-center {
    justify-content: center !important;
  }
  ._justify-content-md-between {
    justify-content: space-between !important;
  }
  ._justify-content-md-around {
    justify-content: space-around !important;
  }
  ._align-items-md-start {
    align-items: flex-start !important;
  }
  ._align-items-md-end {
    align-items: flex-end !important;
  }
  ._align-items-md-center {
    align-items: center !important;
  }
  ._align-items-md-baseline {
    align-items: baseline !important;
  }
  ._align-items-md-stretch {
    align-items: stretch !important;
  }
  ._align-content-md-start {
    align-content: flex-start !important;
  }
  ._align-content-md-end {
    align-content: flex-end !important;
  }
  ._align-content-md-center {
    align-content: center !important;
  }
  ._align-content-md-between {
    align-content: space-between !important;
  }
  ._align-content-md-around {
    align-content: space-around !important;
  }
  ._align-content-md-stretch {
    align-content: stretch !important;
  }
  ._align-self-md-auto {
    align-self: auto !important;
  }
  ._align-self-md-start {
    align-self: flex-start !important;
  }
  ._align-self-md-end {
    align-self: flex-end !important;
  }
  ._align-self-md-center {
    align-self: center !important;
  }
  ._align-self-md-baseline {
    align-self: baseline !important;
  }
  ._align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  ._flex-lg-row {
    flex-direction: row !important;
  }
  ._flex-lg-column {
    flex-direction: column !important;
  }
  ._flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-lg-fill {
    flex: 1 1 auto !important;
  }
  ._flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-lg-start {
    justify-content: flex-start !important;
  }
  ._justify-content-lg-end {
    justify-content: flex-end !important;
  }
  ._justify-content-lg-center {
    justify-content: center !important;
  }
  ._justify-content-lg-between {
    justify-content: space-between !important;
  }
  ._justify-content-lg-around {
    justify-content: space-around !important;
  }
  ._align-items-lg-start {
    align-items: flex-start !important;
  }
  ._align-items-lg-end {
    align-items: flex-end !important;
  }
  ._align-items-lg-center {
    align-items: center !important;
  }
  ._align-items-lg-baseline {
    align-items: baseline !important;
  }
  ._align-items-lg-stretch {
    align-items: stretch !important;
  }
  ._align-content-lg-start {
    align-content: flex-start !important;
  }
  ._align-content-lg-end {
    align-content: flex-end !important;
  }
  ._align-content-lg-center {
    align-content: center !important;
  }
  ._align-content-lg-between {
    align-content: space-between !important;
  }
  ._align-content-lg-around {
    align-content: space-around !important;
  }
  ._align-content-lg-stretch {
    align-content: stretch !important;
  }
  ._align-self-lg-auto {
    align-self: auto !important;
  }
  ._align-self-lg-start {
    align-self: flex-start !important;
  }
  ._align-self-lg-end {
    align-self: flex-end !important;
  }
  ._align-self-lg-center {
    align-self: center !important;
  }
  ._align-self-lg-baseline {
    align-self: baseline !important;
  }
  ._align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  ._flex-xl-row {
    flex-direction: row !important;
  }
  ._flex-xl-column {
    flex-direction: column !important;
  }
  ._flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-xl-fill {
    flex: 1 1 auto !important;
  }
  ._flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-xl-start {
    justify-content: flex-start !important;
  }
  ._justify-content-xl-end {
    justify-content: flex-end !important;
  }
  ._justify-content-xl-center {
    justify-content: center !important;
  }
  ._justify-content-xl-between {
    justify-content: space-between !important;
  }
  ._justify-content-xl-around {
    justify-content: space-around !important;
  }
  ._align-items-xl-start {
    align-items: flex-start !important;
  }
  ._align-items-xl-end {
    align-items: flex-end !important;
  }
  ._align-items-xl-center {
    align-items: center !important;
  }
  ._align-items-xl-baseline {
    align-items: baseline !important;
  }
  ._align-items-xl-stretch {
    align-items: stretch !important;
  }
  ._align-content-xl-start {
    align-content: flex-start !important;
  }
  ._align-content-xl-end {
    align-content: flex-end !important;
  }
  ._align-content-xl-center {
    align-content: center !important;
  }
  ._align-content-xl-between {
    align-content: space-between !important;
  }
  ._align-content-xl-around {
    align-content: space-around !important;
  }
  ._align-content-xl-stretch {
    align-content: stretch !important;
  }
  ._align-self-xl-auto {
    align-self: auto !important;
  }
  ._align-self-xl-start {
    align-self: flex-start !important;
  }
  ._align-self-xl-end {
    align-self: flex-end !important;
  }
  ._align-self-xl-center {
    align-self: center !important;
  }
  ._align-self-xl-baseline {
    align-self: baseline !important;
  }
  ._align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1920px) {
  ._flex-xxl-row {
    flex-direction: row !important;
  }
  ._flex-xxl-column {
    flex-direction: column !important;
  }
  ._flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  ._flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  ._flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  ._flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  ._flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  ._flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  ._flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  ._flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  ._flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  ._flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  ._justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  ._justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  ._justify-content-xxl-center {
    justify-content: center !important;
  }
  ._justify-content-xxl-between {
    justify-content: space-between !important;
  }
  ._justify-content-xxl-around {
    justify-content: space-around !important;
  }
  ._align-items-xxl-start {
    align-items: flex-start !important;
  }
  ._align-items-xxl-end {
    align-items: flex-end !important;
  }
  ._align-items-xxl-center {
    align-items: center !important;
  }
  ._align-items-xxl-baseline {
    align-items: baseline !important;
  }
  ._align-items-xxl-stretch {
    align-items: stretch !important;
  }
  ._align-content-xxl-start {
    align-content: flex-start !important;
  }
  ._align-content-xxl-end {
    align-content: flex-end !important;
  }
  ._align-content-xxl-center {
    align-content: center !important;
  }
  ._align-content-xxl-between {
    align-content: space-between !important;
  }
  ._align-content-xxl-around {
    align-content: space-around !important;
  }
  ._align-content-xxl-stretch {
    align-content: stretch !important;
  }
  ._align-self-xxl-auto {
    align-self: auto !important;
  }
  ._align-self-xxl-start {
    align-self: flex-start !important;
  }
  ._align-self-xxl-end {
    align-self: flex-end !important;
  }
  ._align-self-xxl-center {
    align-self: center !important;
  }
  ._align-self-xxl-baseline {
    align-self: baseline !important;
  }
  ._align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
._float-left {
  float: left !important;
}
._float-right {
  float: right !important;
}
._float-none {
  float: none !important;
}
@media (min-width: 480px) {
  ._float-sm-left {
    float: left !important;
  }
  ._float-sm-right {
    float: right !important;
  }
  ._float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  ._float-md-left {
    float: left !important;
  }
  ._float-md-right {
    float: right !important;
  }
  ._float-md-none {
    float: none !important;
  }
}
@media (min-width: 1024px) {
  ._float-lg-left {
    float: left !important;
  }
  ._float-lg-right {
    float: right !important;
  }
  ._float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1440px) {
  ._float-xl-left {
    float: left !important;
  }
  ._float-xl-right {
    float: right !important;
  }
  ._float-xl-none {
    float: none !important;
  }
}
@media (min-width: 1920px) {
  ._float-xxl-left {
    float: left !important;
  }
  ._float-xxl-right {
    float: right !important;
  }
  ._float-xxl-none {
    float: none !important;
  }
}
._user-select-all {
  user-select: all !important;
}
._user-select-auto {
  user-select: auto !important;
}
._user-select-none {
  user-select: none !important;
}
._overflow-auto {
  overflow: auto !important;
}
._overflow-hidden {
  overflow: hidden !important;
}
._position-static {
  position: static !important;
}
._position-relative {
  position: relative !important;
}
._position-absolute {
  position: absolute !important;
}
._position-fixed {
  position: fixed !important;
}
._position-sticky {
  position: sticky !important;
}
._fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
._fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  ._sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
._sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
._sr-only-focusable:active,
._sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
._shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
._shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
._shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
._shadow-none {
  box-shadow: none !important;
}
._w-25 {
  width: 25% !important;
}
._w-50 {
  width: 50% !important;
}
._w-75 {
  width: 75% !important;
}
._w-100 {
  width: 100% !important;
}
._w-auto {
  width: auto !important;
}
._w-33 {
  width: 33.3333% !important;
}
._w-66 {
  width: 66.6666% !important;
}
._w-90 {
  width: 90% !important;
}
._w-94 {
  width: 94% !important;
}
._h-25 {
  height: 25% !important;
}
._h-50 {
  height: 50% !important;
}
._h-75 {
  height: 75% !important;
}
._h-100 {
  height: 100% !important;
}
._h-auto {
  height: auto !important;
}
._h-33 {
  height: 33.3333% !important;
}
._h-66 {
  height: 66.6666% !important;
}
._h-90 {
  height: 90% !important;
}
._h-94 {
  height: 94% !important;
}
._mw-100 {
  max-width: 100% !important;
}
._mh-100 {
  max-height: 100% !important;
}
._min-vw-100 {
  min-width: 100vw !important;
}
._min-vh-100 {
  min-height: 100vh !important;
}
._vw-100 {
  width: 100vw !important;
}
._vh-100 {
  height: 100vh !important;
}
._m-0 {
  margin: 0 !important;
}
._mt-0,
._my-0 {
  margin-top: 0 !important;
}
._mr-0,
._mx-0 {
  margin-right: 0 !important;
}
._mb-0,
._my-0 {
  margin-bottom: 0 !important;
}
._ml-0,
._mx-0 {
  margin-left: 0 !important;
}
._m-1 {
  margin: 6px !important;
}
._mt-1,
._my-1 {
  margin-top: 6px !important;
}
._mr-1,
._mx-1 {
  margin-right: 6px !important;
}
._mb-1,
._my-1 {
  margin-bottom: 6px !important;
}
._ml-1,
._mx-1 {
  margin-left: 6px !important;
}
._m-2 {
  margin: 12px !important;
}
._mt-2,
._my-2 {
  margin-top: 12px !important;
}
._mr-2,
._mx-2 {
  margin-right: 12px !important;
}
._mb-2,
._my-2 {
  margin-bottom: 12px !important;
}
._ml-2,
._mx-2 {
  margin-left: 12px !important;
}
._m-3 {
  margin: 24px !important;
}
._mt-3,
._my-3 {
  margin-top: 24px !important;
}
._mr-3,
._mx-3 {
  margin-right: 24px !important;
}
._mb-3,
._my-3 {
  margin-bottom: 24px !important;
}
._ml-3,
._mx-3 {
  margin-left: 24px !important;
}
._m-4 {
  margin: 36px !important;
}
._mt-4,
._my-4 {
  margin-top: 36px !important;
}
._mr-4,
._mx-4 {
  margin-right: 36px !important;
}
._mb-4,
._my-4 {
  margin-bottom: 36px !important;
}
._ml-4,
._mx-4 {
  margin-left: 36px !important;
}
._m-5 {
  margin: 48px !important;
}
._mt-5,
._my-5 {
  margin-top: 48px !important;
}
._mr-5,
._mx-5 {
  margin-right: 48px !important;
}
._mb-5,
._my-5 {
  margin-bottom: 48px !important;
}
._ml-5,
._mx-5 {
  margin-left: 48px !important;
}
._m-6 {
  margin: 72px !important;
}
._mt-6,
._my-6 {
  margin-top: 72px !important;
}
._mr-6,
._mx-6 {
  margin-right: 72px !important;
}
._mb-6,
._my-6 {
  margin-bottom: 72px !important;
}
._ml-6,
._mx-6 {
  margin-left: 72px !important;
}
._m-7 {
  margin: 96px !important;
}
._mt-7,
._my-7 {
  margin-top: 96px !important;
}
._mr-7,
._mx-7 {
  margin-right: 96px !important;
}
._mb-7,
._my-7 {
  margin-bottom: 96px !important;
}
._ml-7,
._mx-7 {
  margin-left: 96px !important;
}
._p-0 {
  padding: 0 !important;
}
._pt-0,
._py-0 {
  padding-top: 0 !important;
}
._pr-0,
._px-0 {
  padding-right: 0 !important;
}
._pb-0,
._py-0 {
  padding-bottom: 0 !important;
}
._pl-0,
._px-0 {
  padding-left: 0 !important;
}
._p-1 {
  padding: 6px !important;
}
._pt-1,
._py-1 {
  padding-top: 6px !important;
}
._pr-1,
._px-1 {
  padding-right: 6px !important;
}
._pb-1,
._py-1 {
  padding-bottom: 6px !important;
}
._pl-1,
._px-1 {
  padding-left: 6px !important;
}
._p-2 {
  padding: 12px !important;
}
._pt-2,
._py-2 {
  padding-top: 12px !important;
}
._pr-2,
._px-2 {
  padding-right: 12px !important;
}
._pb-2,
._py-2 {
  padding-bottom: 12px !important;
}
._pl-2,
._px-2 {
  padding-left: 12px !important;
}
._p-3 {
  padding: 24px !important;
}
._pt-3,
._py-3 {
  padding-top: 24px !important;
}
._pr-3,
._px-3 {
  padding-right: 24px !important;
}
._pb-3,
._py-3 {
  padding-bottom: 24px !important;
}
._pl-3,
._px-3 {
  padding-left: 24px !important;
}
._p-4 {
  padding: 36px !important;
}
._pt-4,
._py-4 {
  padding-top: 36px !important;
}
._pr-4,
._px-4 {
  padding-right: 36px !important;
}
._pb-4,
._py-4 {
  padding-bottom: 36px !important;
}
._pl-4,
._px-4 {
  padding-left: 36px !important;
}
._p-5 {
  padding: 48px !important;
}
._pt-5,
._py-5 {
  padding-top: 48px !important;
}
._pr-5,
._px-5 {
  padding-right: 48px !important;
}
._pb-5,
._py-5 {
  padding-bottom: 48px !important;
}
._pl-5,
._px-5 {
  padding-left: 48px !important;
}
._p-6 {
  padding: 72px !important;
}
._pt-6,
._py-6 {
  padding-top: 72px !important;
}
._pr-6,
._px-6 {
  padding-right: 72px !important;
}
._pb-6,
._py-6 {
  padding-bottom: 72px !important;
}
._pl-6,
._px-6 {
  padding-left: 72px !important;
}
._p-7 {
  padding: 96px !important;
}
._pt-7,
._py-7 {
  padding-top: 96px !important;
}
._pr-7,
._px-7 {
  padding-right: 96px !important;
}
._pb-7,
._py-7 {
  padding-bottom: 96px !important;
}
._pl-7,
._px-7 {
  padding-left: 96px !important;
}
._m-n1 {
  margin: -6px !important;
}
._mt-n1,
._my-n1 {
  margin-top: -6px !important;
}
._mr-n1,
._mx-n1 {
  margin-right: -6px !important;
}
._mb-n1,
._my-n1 {
  margin-bottom: -6px !important;
}
._ml-n1,
._mx-n1 {
  margin-left: -6px !important;
}
._m-n2 {
  margin: -12px !important;
}
._mt-n2,
._my-n2 {
  margin-top: -12px !important;
}
._mr-n2,
._mx-n2 {
  margin-right: -12px !important;
}
._mb-n2,
._my-n2 {
  margin-bottom: -12px !important;
}
._ml-n2,
._mx-n2 {
  margin-left: -12px !important;
}
._m-n3 {
  margin: -24px !important;
}
._mt-n3,
._my-n3 {
  margin-top: -24px !important;
}
._mr-n3,
._mx-n3 {
  margin-right: -24px !important;
}
._mb-n3,
._my-n3 {
  margin-bottom: -24px !important;
}
._ml-n3,
._mx-n3 {
  margin-left: -24px !important;
}
._m-n4 {
  margin: -36px !important;
}
._mt-n4,
._my-n4 {
  margin-top: -36px !important;
}
._mr-n4,
._mx-n4 {
  margin-right: -36px !important;
}
._mb-n4,
._my-n4 {
  margin-bottom: -36px !important;
}
._ml-n4,
._mx-n4 {
  margin-left: -36px !important;
}
._m-n5 {
  margin: -48px !important;
}
._mt-n5,
._my-n5 {
  margin-top: -48px !important;
}
._mr-n5,
._mx-n5 {
  margin-right: -48px !important;
}
._mb-n5,
._my-n5 {
  margin-bottom: -48px !important;
}
._ml-n5,
._mx-n5 {
  margin-left: -48px !important;
}
._m-n6 {
  margin: -72px !important;
}
._mt-n6,
._my-n6 {
  margin-top: -72px !important;
}
._mr-n6,
._mx-n6 {
  margin-right: -72px !important;
}
._mb-n6,
._my-n6 {
  margin-bottom: -72px !important;
}
._ml-n6,
._mx-n6 {
  margin-left: -72px !important;
}
._m-n7 {
  margin: -96px !important;
}
._mt-n7,
._my-n7 {
  margin-top: -96px !important;
}
._mr-n7,
._mx-n7 {
  margin-right: -96px !important;
}
._mb-n7,
._my-n7 {
  margin-bottom: -96px !important;
}
._ml-n7,
._mx-n7 {
  margin-left: -96px !important;
}
._m-auto {
  margin: auto !important;
}
._mt-auto,
._my-auto {
  margin-top: auto !important;
}
._mr-auto,
._mx-auto {
  margin-right: auto !important;
}
._mb-auto,
._my-auto {
  margin-bottom: auto !important;
}
._ml-auto,
._mx-auto {
  margin-left: auto !important;
}
@media (min-width: 480px) {
  ._m-sm-0 {
    margin: 0 !important;
  }
  ._mt-sm-0,
  ._my-sm-0 {
    margin-top: 0 !important;
  }
  ._mr-sm-0,
  ._mx-sm-0 {
    margin-right: 0 !important;
  }
  ._mb-sm-0,
  ._my-sm-0 {
    margin-bottom: 0 !important;
  }
  ._ml-sm-0,
  ._mx-sm-0 {
    margin-left: 0 !important;
  }
  ._m-sm-1 {
    margin: 6px !important;
  }
  ._mt-sm-1,
  ._my-sm-1 {
    margin-top: 6px !important;
  }
  ._mr-sm-1,
  ._mx-sm-1 {
    margin-right: 6px !important;
  }
  ._mb-sm-1,
  ._my-sm-1 {
    margin-bottom: 6px !important;
  }
  ._ml-sm-1,
  ._mx-sm-1 {
    margin-left: 6px !important;
  }
  ._m-sm-2 {
    margin: 12px !important;
  }
  ._mt-sm-2,
  ._my-sm-2 {
    margin-top: 12px !important;
  }
  ._mr-sm-2,
  ._mx-sm-2 {
    margin-right: 12px !important;
  }
  ._mb-sm-2,
  ._my-sm-2 {
    margin-bottom: 12px !important;
  }
  ._ml-sm-2,
  ._mx-sm-2 {
    margin-left: 12px !important;
  }
  ._m-sm-3 {
    margin: 24px !important;
  }
  ._mt-sm-3,
  ._my-sm-3 {
    margin-top: 24px !important;
  }
  ._mr-sm-3,
  ._mx-sm-3 {
    margin-right: 24px !important;
  }
  ._mb-sm-3,
  ._my-sm-3 {
    margin-bottom: 24px !important;
  }
  ._ml-sm-3,
  ._mx-sm-3 {
    margin-left: 24px !important;
  }
  ._m-sm-4 {
    margin: 36px !important;
  }
  ._mt-sm-4,
  ._my-sm-4 {
    margin-top: 36px !important;
  }
  ._mr-sm-4,
  ._mx-sm-4 {
    margin-right: 36px !important;
  }
  ._mb-sm-4,
  ._my-sm-4 {
    margin-bottom: 36px !important;
  }
  ._ml-sm-4,
  ._mx-sm-4 {
    margin-left: 36px !important;
  }
  ._m-sm-5 {
    margin: 48px !important;
  }
  ._mt-sm-5,
  ._my-sm-5 {
    margin-top: 48px !important;
  }
  ._mr-sm-5,
  ._mx-sm-5 {
    margin-right: 48px !important;
  }
  ._mb-sm-5,
  ._my-sm-5 {
    margin-bottom: 48px !important;
  }
  ._ml-sm-5,
  ._mx-sm-5 {
    margin-left: 48px !important;
  }
  ._m-sm-6 {
    margin: 72px !important;
  }
  ._mt-sm-6,
  ._my-sm-6 {
    margin-top: 72px !important;
  }
  ._mr-sm-6,
  ._mx-sm-6 {
    margin-right: 72px !important;
  }
  ._mb-sm-6,
  ._my-sm-6 {
    margin-bottom: 72px !important;
  }
  ._ml-sm-6,
  ._mx-sm-6 {
    margin-left: 72px !important;
  }
  ._m-sm-7 {
    margin: 96px !important;
  }
  ._mt-sm-7,
  ._my-sm-7 {
    margin-top: 96px !important;
  }
  ._mr-sm-7,
  ._mx-sm-7 {
    margin-right: 96px !important;
  }
  ._mb-sm-7,
  ._my-sm-7 {
    margin-bottom: 96px !important;
  }
  ._ml-sm-7,
  ._mx-sm-7 {
    margin-left: 96px !important;
  }
  ._p-sm-0 {
    padding: 0 !important;
  }
  ._pt-sm-0,
  ._py-sm-0 {
    padding-top: 0 !important;
  }
  ._pr-sm-0,
  ._px-sm-0 {
    padding-right: 0 !important;
  }
  ._pb-sm-0,
  ._py-sm-0 {
    padding-bottom: 0 !important;
  }
  ._pl-sm-0,
  ._px-sm-0 {
    padding-left: 0 !important;
  }
  ._p-sm-1 {
    padding: 6px !important;
  }
  ._pt-sm-1,
  ._py-sm-1 {
    padding-top: 6px !important;
  }
  ._pr-sm-1,
  ._px-sm-1 {
    padding-right: 6px !important;
  }
  ._pb-sm-1,
  ._py-sm-1 {
    padding-bottom: 6px !important;
  }
  ._pl-sm-1,
  ._px-sm-1 {
    padding-left: 6px !important;
  }
  ._p-sm-2 {
    padding: 12px !important;
  }
  ._pt-sm-2,
  ._py-sm-2 {
    padding-top: 12px !important;
  }
  ._pr-sm-2,
  ._px-sm-2 {
    padding-right: 12px !important;
  }
  ._pb-sm-2,
  ._py-sm-2 {
    padding-bottom: 12px !important;
  }
  ._pl-sm-2,
  ._px-sm-2 {
    padding-left: 12px !important;
  }
  ._p-sm-3 {
    padding: 24px !important;
  }
  ._pt-sm-3,
  ._py-sm-3 {
    padding-top: 24px !important;
  }
  ._pr-sm-3,
  ._px-sm-3 {
    padding-right: 24px !important;
  }
  ._pb-sm-3,
  ._py-sm-3 {
    padding-bottom: 24px !important;
  }
  ._pl-sm-3,
  ._px-sm-3 {
    padding-left: 24px !important;
  }
  ._p-sm-4 {
    padding: 36px !important;
  }
  ._pt-sm-4,
  ._py-sm-4 {
    padding-top: 36px !important;
  }
  ._pr-sm-4,
  ._px-sm-4 {
    padding-right: 36px !important;
  }
  ._pb-sm-4,
  ._py-sm-4 {
    padding-bottom: 36px !important;
  }
  ._pl-sm-4,
  ._px-sm-4 {
    padding-left: 36px !important;
  }
  ._p-sm-5 {
    padding: 48px !important;
  }
  ._pt-sm-5,
  ._py-sm-5 {
    padding-top: 48px !important;
  }
  ._pr-sm-5,
  ._px-sm-5 {
    padding-right: 48px !important;
  }
  ._pb-sm-5,
  ._py-sm-5 {
    padding-bottom: 48px !important;
  }
  ._pl-sm-5,
  ._px-sm-5 {
    padding-left: 48px !important;
  }
  ._p-sm-6 {
    padding: 72px !important;
  }
  ._pt-sm-6,
  ._py-sm-6 {
    padding-top: 72px !important;
  }
  ._pr-sm-6,
  ._px-sm-6 {
    padding-right: 72px !important;
  }
  ._pb-sm-6,
  ._py-sm-6 {
    padding-bottom: 72px !important;
  }
  ._pl-sm-6,
  ._px-sm-6 {
    padding-left: 72px !important;
  }
  ._p-sm-7 {
    padding: 96px !important;
  }
  ._pt-sm-7,
  ._py-sm-7 {
    padding-top: 96px !important;
  }
  ._pr-sm-7,
  ._px-sm-7 {
    padding-right: 96px !important;
  }
  ._pb-sm-7,
  ._py-sm-7 {
    padding-bottom: 96px !important;
  }
  ._pl-sm-7,
  ._px-sm-7 {
    padding-left: 96px !important;
  }
  ._m-sm-n1 {
    margin: -6px !important;
  }
  ._mt-sm-n1,
  ._my-sm-n1 {
    margin-top: -6px !important;
  }
  ._mr-sm-n1,
  ._mx-sm-n1 {
    margin-right: -6px !important;
  }
  ._mb-sm-n1,
  ._my-sm-n1 {
    margin-bottom: -6px !important;
  }
  ._ml-sm-n1,
  ._mx-sm-n1 {
    margin-left: -6px !important;
  }
  ._m-sm-n2 {
    margin: -12px !important;
  }
  ._mt-sm-n2,
  ._my-sm-n2 {
    margin-top: -12px !important;
  }
  ._mr-sm-n2,
  ._mx-sm-n2 {
    margin-right: -12px !important;
  }
  ._mb-sm-n2,
  ._my-sm-n2 {
    margin-bottom: -12px !important;
  }
  ._ml-sm-n2,
  ._mx-sm-n2 {
    margin-left: -12px !important;
  }
  ._m-sm-n3 {
    margin: -24px !important;
  }
  ._mt-sm-n3,
  ._my-sm-n3 {
    margin-top: -24px !important;
  }
  ._mr-sm-n3,
  ._mx-sm-n3 {
    margin-right: -24px !important;
  }
  ._mb-sm-n3,
  ._my-sm-n3 {
    margin-bottom: -24px !important;
  }
  ._ml-sm-n3,
  ._mx-sm-n3 {
    margin-left: -24px !important;
  }
  ._m-sm-n4 {
    margin: -36px !important;
  }
  ._mt-sm-n4,
  ._my-sm-n4 {
    margin-top: -36px !important;
  }
  ._mr-sm-n4,
  ._mx-sm-n4 {
    margin-right: -36px !important;
  }
  ._mb-sm-n4,
  ._my-sm-n4 {
    margin-bottom: -36px !important;
  }
  ._ml-sm-n4,
  ._mx-sm-n4 {
    margin-left: -36px !important;
  }
  ._m-sm-n5 {
    margin: -48px !important;
  }
  ._mt-sm-n5,
  ._my-sm-n5 {
    margin-top: -48px !important;
  }
  ._mr-sm-n5,
  ._mx-sm-n5 {
    margin-right: -48px !important;
  }
  ._mb-sm-n5,
  ._my-sm-n5 {
    margin-bottom: -48px !important;
  }
  ._ml-sm-n5,
  ._mx-sm-n5 {
    margin-left: -48px !important;
  }
  ._m-sm-n6 {
    margin: -72px !important;
  }
  ._mt-sm-n6,
  ._my-sm-n6 {
    margin-top: -72px !important;
  }
  ._mr-sm-n6,
  ._mx-sm-n6 {
    margin-right: -72px !important;
  }
  ._mb-sm-n6,
  ._my-sm-n6 {
    margin-bottom: -72px !important;
  }
  ._ml-sm-n6,
  ._mx-sm-n6 {
    margin-left: -72px !important;
  }
  ._m-sm-n7 {
    margin: -96px !important;
  }
  ._mt-sm-n7,
  ._my-sm-n7 {
    margin-top: -96px !important;
  }
  ._mr-sm-n7,
  ._mx-sm-n7 {
    margin-right: -96px !important;
  }
  ._mb-sm-n7,
  ._my-sm-n7 {
    margin-bottom: -96px !important;
  }
  ._ml-sm-n7,
  ._mx-sm-n7 {
    margin-left: -96px !important;
  }
  ._m-sm-auto {
    margin: auto !important;
  }
  ._mt-sm-auto,
  ._my-sm-auto {
    margin-top: auto !important;
  }
  ._mr-sm-auto,
  ._mx-sm-auto {
    margin-right: auto !important;
  }
  ._mb-sm-auto,
  ._my-sm-auto {
    margin-bottom: auto !important;
  }
  ._ml-sm-auto,
  ._mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  ._m-md-0 {
    margin: 0 !important;
  }
  ._mt-md-0,
  ._my-md-0 {
    margin-top: 0 !important;
  }
  ._mr-md-0,
  ._mx-md-0 {
    margin-right: 0 !important;
  }
  ._mb-md-0,
  ._my-md-0 {
    margin-bottom: 0 !important;
  }
  ._ml-md-0,
  ._mx-md-0 {
    margin-left: 0 !important;
  }
  ._m-md-1 {
    margin: 6px !important;
  }
  ._mt-md-1,
  ._my-md-1 {
    margin-top: 6px !important;
  }
  ._mr-md-1,
  ._mx-md-1 {
    margin-right: 6px !important;
  }
  ._mb-md-1,
  ._my-md-1 {
    margin-bottom: 6px !important;
  }
  ._ml-md-1,
  ._mx-md-1 {
    margin-left: 6px !important;
  }
  ._m-md-2 {
    margin: 12px !important;
  }
  ._mt-md-2,
  ._my-md-2 {
    margin-top: 12px !important;
  }
  ._mr-md-2,
  ._mx-md-2 {
    margin-right: 12px !important;
  }
  ._mb-md-2,
  ._my-md-2 {
    margin-bottom: 12px !important;
  }
  ._ml-md-2,
  ._mx-md-2 {
    margin-left: 12px !important;
  }
  ._m-md-3 {
    margin: 24px !important;
  }
  ._mt-md-3,
  ._my-md-3 {
    margin-top: 24px !important;
  }
  ._mr-md-3,
  ._mx-md-3 {
    margin-right: 24px !important;
  }
  ._mb-md-3,
  ._my-md-3 {
    margin-bottom: 24px !important;
  }
  ._ml-md-3,
  ._mx-md-3 {
    margin-left: 24px !important;
  }
  ._m-md-4 {
    margin: 36px !important;
  }
  ._mt-md-4,
  ._my-md-4 {
    margin-top: 36px !important;
  }
  ._mr-md-4,
  ._mx-md-4 {
    margin-right: 36px !important;
  }
  ._mb-md-4,
  ._my-md-4 {
    margin-bottom: 36px !important;
  }
  ._ml-md-4,
  ._mx-md-4 {
    margin-left: 36px !important;
  }
  ._m-md-5 {
    margin: 48px !important;
  }
  ._mt-md-5,
  ._my-md-5 {
    margin-top: 48px !important;
  }
  ._mr-md-5,
  ._mx-md-5 {
    margin-right: 48px !important;
  }
  ._mb-md-5,
  ._my-md-5 {
    margin-bottom: 48px !important;
  }
  ._ml-md-5,
  ._mx-md-5 {
    margin-left: 48px !important;
  }
  ._m-md-6 {
    margin: 72px !important;
  }
  ._mt-md-6,
  ._my-md-6 {
    margin-top: 72px !important;
  }
  ._mr-md-6,
  ._mx-md-6 {
    margin-right: 72px !important;
  }
  ._mb-md-6,
  ._my-md-6 {
    margin-bottom: 72px !important;
  }
  ._ml-md-6,
  ._mx-md-6 {
    margin-left: 72px !important;
  }
  ._m-md-7 {
    margin: 96px !important;
  }
  ._mt-md-7,
  ._my-md-7 {
    margin-top: 96px !important;
  }
  ._mr-md-7,
  ._mx-md-7 {
    margin-right: 96px !important;
  }
  ._mb-md-7,
  ._my-md-7 {
    margin-bottom: 96px !important;
  }
  ._ml-md-7,
  ._mx-md-7 {
    margin-left: 96px !important;
  }
  ._p-md-0 {
    padding: 0 !important;
  }
  ._pt-md-0,
  ._py-md-0 {
    padding-top: 0 !important;
  }
  ._pr-md-0,
  ._px-md-0 {
    padding-right: 0 !important;
  }
  ._pb-md-0,
  ._py-md-0 {
    padding-bottom: 0 !important;
  }
  ._pl-md-0,
  ._px-md-0 {
    padding-left: 0 !important;
  }
  ._p-md-1 {
    padding: 6px !important;
  }
  ._pt-md-1,
  ._py-md-1 {
    padding-top: 6px !important;
  }
  ._pr-md-1,
  ._px-md-1 {
    padding-right: 6px !important;
  }
  ._pb-md-1,
  ._py-md-1 {
    padding-bottom: 6px !important;
  }
  ._pl-md-1,
  ._px-md-1 {
    padding-left: 6px !important;
  }
  ._p-md-2 {
    padding: 12px !important;
  }
  ._pt-md-2,
  ._py-md-2 {
    padding-top: 12px !important;
  }
  ._pr-md-2,
  ._px-md-2 {
    padding-right: 12px !important;
  }
  ._pb-md-2,
  ._py-md-2 {
    padding-bottom: 12px !important;
  }
  ._pl-md-2,
  ._px-md-2 {
    padding-left: 12px !important;
  }
  ._p-md-3 {
    padding: 24px !important;
  }
  ._pt-md-3,
  ._py-md-3 {
    padding-top: 24px !important;
  }
  ._pr-md-3,
  ._px-md-3 {
    padding-right: 24px !important;
  }
  ._pb-md-3,
  ._py-md-3 {
    padding-bottom: 24px !important;
  }
  ._pl-md-3,
  ._px-md-3 {
    padding-left: 24px !important;
  }
  ._p-md-4 {
    padding: 36px !important;
  }
  ._pt-md-4,
  ._py-md-4 {
    padding-top: 36px !important;
  }
  ._pr-md-4,
  ._px-md-4 {
    padding-right: 36px !important;
  }
  ._pb-md-4,
  ._py-md-4 {
    padding-bottom: 36px !important;
  }
  ._pl-md-4,
  ._px-md-4 {
    padding-left: 36px !important;
  }
  ._p-md-5 {
    padding: 48px !important;
  }
  ._pt-md-5,
  ._py-md-5 {
    padding-top: 48px !important;
  }
  ._pr-md-5,
  ._px-md-5 {
    padding-right: 48px !important;
  }
  ._pb-md-5,
  ._py-md-5 {
    padding-bottom: 48px !important;
  }
  ._pl-md-5,
  ._px-md-5 {
    padding-left: 48px !important;
  }
  ._p-md-6 {
    padding: 72px !important;
  }
  ._pt-md-6,
  ._py-md-6 {
    padding-top: 72px !important;
  }
  ._pr-md-6,
  ._px-md-6 {
    padding-right: 72px !important;
  }
  ._pb-md-6,
  ._py-md-6 {
    padding-bottom: 72px !important;
  }
  ._pl-md-6,
  ._px-md-6 {
    padding-left: 72px !important;
  }
  ._p-md-7 {
    padding: 96px !important;
  }
  ._pt-md-7,
  ._py-md-7 {
    padding-top: 96px !important;
  }
  ._pr-md-7,
  ._px-md-7 {
    padding-right: 96px !important;
  }
  ._pb-md-7,
  ._py-md-7 {
    padding-bottom: 96px !important;
  }
  ._pl-md-7,
  ._px-md-7 {
    padding-left: 96px !important;
  }
  ._m-md-n1 {
    margin: -6px !important;
  }
  ._mt-md-n1,
  ._my-md-n1 {
    margin-top: -6px !important;
  }
  ._mr-md-n1,
  ._mx-md-n1 {
    margin-right: -6px !important;
  }
  ._mb-md-n1,
  ._my-md-n1 {
    margin-bottom: -6px !important;
  }
  ._ml-md-n1,
  ._mx-md-n1 {
    margin-left: -6px !important;
  }
  ._m-md-n2 {
    margin: -12px !important;
  }
  ._mt-md-n2,
  ._my-md-n2 {
    margin-top: -12px !important;
  }
  ._mr-md-n2,
  ._mx-md-n2 {
    margin-right: -12px !important;
  }
  ._mb-md-n2,
  ._my-md-n2 {
    margin-bottom: -12px !important;
  }
  ._ml-md-n2,
  ._mx-md-n2 {
    margin-left: -12px !important;
  }
  ._m-md-n3 {
    margin: -24px !important;
  }
  ._mt-md-n3,
  ._my-md-n3 {
    margin-top: -24px !important;
  }
  ._mr-md-n3,
  ._mx-md-n3 {
    margin-right: -24px !important;
  }
  ._mb-md-n3,
  ._my-md-n3 {
    margin-bottom: -24px !important;
  }
  ._ml-md-n3,
  ._mx-md-n3 {
    margin-left: -24px !important;
  }
  ._m-md-n4 {
    margin: -36px !important;
  }
  ._mt-md-n4,
  ._my-md-n4 {
    margin-top: -36px !important;
  }
  ._mr-md-n4,
  ._mx-md-n4 {
    margin-right: -36px !important;
  }
  ._mb-md-n4,
  ._my-md-n4 {
    margin-bottom: -36px !important;
  }
  ._ml-md-n4,
  ._mx-md-n4 {
    margin-left: -36px !important;
  }
  ._m-md-n5 {
    margin: -48px !important;
  }
  ._mt-md-n5,
  ._my-md-n5 {
    margin-top: -48px !important;
  }
  ._mr-md-n5,
  ._mx-md-n5 {
    margin-right: -48px !important;
  }
  ._mb-md-n5,
  ._my-md-n5 {
    margin-bottom: -48px !important;
  }
  ._ml-md-n5,
  ._mx-md-n5 {
    margin-left: -48px !important;
  }
  ._m-md-n6 {
    margin: -72px !important;
  }
  ._mt-md-n6,
  ._my-md-n6 {
    margin-top: -72px !important;
  }
  ._mr-md-n6,
  ._mx-md-n6 {
    margin-right: -72px !important;
  }
  ._mb-md-n6,
  ._my-md-n6 {
    margin-bottom: -72px !important;
  }
  ._ml-md-n6,
  ._mx-md-n6 {
    margin-left: -72px !important;
  }
  ._m-md-n7 {
    margin: -96px !important;
  }
  ._mt-md-n7,
  ._my-md-n7 {
    margin-top: -96px !important;
  }
  ._mr-md-n7,
  ._mx-md-n7 {
    margin-right: -96px !important;
  }
  ._mb-md-n7,
  ._my-md-n7 {
    margin-bottom: -96px !important;
  }
  ._ml-md-n7,
  ._mx-md-n7 {
    margin-left: -96px !important;
  }
  ._m-md-auto {
    margin: auto !important;
  }
  ._mt-md-auto,
  ._my-md-auto {
    margin-top: auto !important;
  }
  ._mr-md-auto,
  ._mx-md-auto {
    margin-right: auto !important;
  }
  ._mb-md-auto,
  ._my-md-auto {
    margin-bottom: auto !important;
  }
  ._ml-md-auto,
  ._mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  ._m-lg-0 {
    margin: 0 !important;
  }
  ._mt-lg-0,
  ._my-lg-0 {
    margin-top: 0 !important;
  }
  ._mr-lg-0,
  ._mx-lg-0 {
    margin-right: 0 !important;
  }
  ._mb-lg-0,
  ._my-lg-0 {
    margin-bottom: 0 !important;
  }
  ._ml-lg-0,
  ._mx-lg-0 {
    margin-left: 0 !important;
  }
  ._m-lg-1 {
    margin: 6px !important;
  }
  ._mt-lg-1,
  ._my-lg-1 {
    margin-top: 6px !important;
  }
  ._mr-lg-1,
  ._mx-lg-1 {
    margin-right: 6px !important;
  }
  ._mb-lg-1,
  ._my-lg-1 {
    margin-bottom: 6px !important;
  }
  ._ml-lg-1,
  ._mx-lg-1 {
    margin-left: 6px !important;
  }
  ._m-lg-2 {
    margin: 12px !important;
  }
  ._mt-lg-2,
  ._my-lg-2 {
    margin-top: 12px !important;
  }
  ._mr-lg-2,
  ._mx-lg-2 {
    margin-right: 12px !important;
  }
  ._mb-lg-2,
  ._my-lg-2 {
    margin-bottom: 12px !important;
  }
  ._ml-lg-2,
  ._mx-lg-2 {
    margin-left: 12px !important;
  }
  ._m-lg-3 {
    margin: 24px !important;
  }
  ._mt-lg-3,
  ._my-lg-3 {
    margin-top: 24px !important;
  }
  ._mr-lg-3,
  ._mx-lg-3 {
    margin-right: 24px !important;
  }
  ._mb-lg-3,
  ._my-lg-3 {
    margin-bottom: 24px !important;
  }
  ._ml-lg-3,
  ._mx-lg-3 {
    margin-left: 24px !important;
  }
  ._m-lg-4 {
    margin: 36px !important;
  }
  ._mt-lg-4,
  ._my-lg-4 {
    margin-top: 36px !important;
  }
  ._mr-lg-4,
  ._mx-lg-4 {
    margin-right: 36px !important;
  }
  ._mb-lg-4,
  ._my-lg-4 {
    margin-bottom: 36px !important;
  }
  ._ml-lg-4,
  ._mx-lg-4 {
    margin-left: 36px !important;
  }
  ._m-lg-5 {
    margin: 48px !important;
  }
  ._mt-lg-5,
  ._my-lg-5 {
    margin-top: 48px !important;
  }
  ._mr-lg-5,
  ._mx-lg-5 {
    margin-right: 48px !important;
  }
  ._mb-lg-5,
  ._my-lg-5 {
    margin-bottom: 48px !important;
  }
  ._ml-lg-5,
  ._mx-lg-5 {
    margin-left: 48px !important;
  }
  ._m-lg-6 {
    margin: 72px !important;
  }
  ._mt-lg-6,
  ._my-lg-6 {
    margin-top: 72px !important;
  }
  ._mr-lg-6,
  ._mx-lg-6 {
    margin-right: 72px !important;
  }
  ._mb-lg-6,
  ._my-lg-6 {
    margin-bottom: 72px !important;
  }
  ._ml-lg-6,
  ._mx-lg-6 {
    margin-left: 72px !important;
  }
  ._m-lg-7 {
    margin: 96px !important;
  }
  ._mt-lg-7,
  ._my-lg-7 {
    margin-top: 96px !important;
  }
  ._mr-lg-7,
  ._mx-lg-7 {
    margin-right: 96px !important;
  }
  ._mb-lg-7,
  ._my-lg-7 {
    margin-bottom: 96px !important;
  }
  ._ml-lg-7,
  ._mx-lg-7 {
    margin-left: 96px !important;
  }
  ._p-lg-0 {
    padding: 0 !important;
  }
  ._pt-lg-0,
  ._py-lg-0 {
    padding-top: 0 !important;
  }
  ._pr-lg-0,
  ._px-lg-0 {
    padding-right: 0 !important;
  }
  ._pb-lg-0,
  ._py-lg-0 {
    padding-bottom: 0 !important;
  }
  ._pl-lg-0,
  ._px-lg-0 {
    padding-left: 0 !important;
  }
  ._p-lg-1 {
    padding: 6px !important;
  }
  ._pt-lg-1,
  ._py-lg-1 {
    padding-top: 6px !important;
  }
  ._pr-lg-1,
  ._px-lg-1 {
    padding-right: 6px !important;
  }
  ._pb-lg-1,
  ._py-lg-1 {
    padding-bottom: 6px !important;
  }
  ._pl-lg-1,
  ._px-lg-1 {
    padding-left: 6px !important;
  }
  ._p-lg-2 {
    padding: 12px !important;
  }
  ._pt-lg-2,
  ._py-lg-2 {
    padding-top: 12px !important;
  }
  ._pr-lg-2,
  ._px-lg-2 {
    padding-right: 12px !important;
  }
  ._pb-lg-2,
  ._py-lg-2 {
    padding-bottom: 12px !important;
  }
  ._pl-lg-2,
  ._px-lg-2 {
    padding-left: 12px !important;
  }
  ._p-lg-3 {
    padding: 24px !important;
  }
  ._pt-lg-3,
  ._py-lg-3 {
    padding-top: 24px !important;
  }
  ._pr-lg-3,
  ._px-lg-3 {
    padding-right: 24px !important;
  }
  ._pb-lg-3,
  ._py-lg-3 {
    padding-bottom: 24px !important;
  }
  ._pl-lg-3,
  ._px-lg-3 {
    padding-left: 24px !important;
  }
  ._p-lg-4 {
    padding: 36px !important;
  }
  ._pt-lg-4,
  ._py-lg-4 {
    padding-top: 36px !important;
  }
  ._pr-lg-4,
  ._px-lg-4 {
    padding-right: 36px !important;
  }
  ._pb-lg-4,
  ._py-lg-4 {
    padding-bottom: 36px !important;
  }
  ._pl-lg-4,
  ._px-lg-4 {
    padding-left: 36px !important;
  }
  ._p-lg-5 {
    padding: 48px !important;
  }
  ._pt-lg-5,
  ._py-lg-5 {
    padding-top: 48px !important;
  }
  ._pr-lg-5,
  ._px-lg-5 {
    padding-right: 48px !important;
  }
  ._pb-lg-5,
  ._py-lg-5 {
    padding-bottom: 48px !important;
  }
  ._pl-lg-5,
  ._px-lg-5 {
    padding-left: 48px !important;
  }
  ._p-lg-6 {
    padding: 72px !important;
  }
  ._pt-lg-6,
  ._py-lg-6 {
    padding-top: 72px !important;
  }
  ._pr-lg-6,
  ._px-lg-6 {
    padding-right: 72px !important;
  }
  ._pb-lg-6,
  ._py-lg-6 {
    padding-bottom: 72px !important;
  }
  ._pl-lg-6,
  ._px-lg-6 {
    padding-left: 72px !important;
  }
  ._p-lg-7 {
    padding: 96px !important;
  }
  ._pt-lg-7,
  ._py-lg-7 {
    padding-top: 96px !important;
  }
  ._pr-lg-7,
  ._px-lg-7 {
    padding-right: 96px !important;
  }
  ._pb-lg-7,
  ._py-lg-7 {
    padding-bottom: 96px !important;
  }
  ._pl-lg-7,
  ._px-lg-7 {
    padding-left: 96px !important;
  }
  ._m-lg-n1 {
    margin: -6px !important;
  }
  ._mt-lg-n1,
  ._my-lg-n1 {
    margin-top: -6px !important;
  }
  ._mr-lg-n1,
  ._mx-lg-n1 {
    margin-right: -6px !important;
  }
  ._mb-lg-n1,
  ._my-lg-n1 {
    margin-bottom: -6px !important;
  }
  ._ml-lg-n1,
  ._mx-lg-n1 {
    margin-left: -6px !important;
  }
  ._m-lg-n2 {
    margin: -12px !important;
  }
  ._mt-lg-n2,
  ._my-lg-n2 {
    margin-top: -12px !important;
  }
  ._mr-lg-n2,
  ._mx-lg-n2 {
    margin-right: -12px !important;
  }
  ._mb-lg-n2,
  ._my-lg-n2 {
    margin-bottom: -12px !important;
  }
  ._ml-lg-n2,
  ._mx-lg-n2 {
    margin-left: -12px !important;
  }
  ._m-lg-n3 {
    margin: -24px !important;
  }
  ._mt-lg-n3,
  ._my-lg-n3 {
    margin-top: -24px !important;
  }
  ._mr-lg-n3,
  ._mx-lg-n3 {
    margin-right: -24px !important;
  }
  ._mb-lg-n3,
  ._my-lg-n3 {
    margin-bottom: -24px !important;
  }
  ._ml-lg-n3,
  ._mx-lg-n3 {
    margin-left: -24px !important;
  }
  ._m-lg-n4 {
    margin: -36px !important;
  }
  ._mt-lg-n4,
  ._my-lg-n4 {
    margin-top: -36px !important;
  }
  ._mr-lg-n4,
  ._mx-lg-n4 {
    margin-right: -36px !important;
  }
  ._mb-lg-n4,
  ._my-lg-n4 {
    margin-bottom: -36px !important;
  }
  ._ml-lg-n4,
  ._mx-lg-n4 {
    margin-left: -36px !important;
  }
  ._m-lg-n5 {
    margin: -48px !important;
  }
  ._mt-lg-n5,
  ._my-lg-n5 {
    margin-top: -48px !important;
  }
  ._mr-lg-n5,
  ._mx-lg-n5 {
    margin-right: -48px !important;
  }
  ._mb-lg-n5,
  ._my-lg-n5 {
    margin-bottom: -48px !important;
  }
  ._ml-lg-n5,
  ._mx-lg-n5 {
    margin-left: -48px !important;
  }
  ._m-lg-n6 {
    margin: -72px !important;
  }
  ._mt-lg-n6,
  ._my-lg-n6 {
    margin-top: -72px !important;
  }
  ._mr-lg-n6,
  ._mx-lg-n6 {
    margin-right: -72px !important;
  }
  ._mb-lg-n6,
  ._my-lg-n6 {
    margin-bottom: -72px !important;
  }
  ._ml-lg-n6,
  ._mx-lg-n6 {
    margin-left: -72px !important;
  }
  ._m-lg-n7 {
    margin: -96px !important;
  }
  ._mt-lg-n7,
  ._my-lg-n7 {
    margin-top: -96px !important;
  }
  ._mr-lg-n7,
  ._mx-lg-n7 {
    margin-right: -96px !important;
  }
  ._mb-lg-n7,
  ._my-lg-n7 {
    margin-bottom: -96px !important;
  }
  ._ml-lg-n7,
  ._mx-lg-n7 {
    margin-left: -96px !important;
  }
  ._m-lg-auto {
    margin: auto !important;
  }
  ._mt-lg-auto,
  ._my-lg-auto {
    margin-top: auto !important;
  }
  ._mr-lg-auto,
  ._mx-lg-auto {
    margin-right: auto !important;
  }
  ._mb-lg-auto,
  ._my-lg-auto {
    margin-bottom: auto !important;
  }
  ._ml-lg-auto,
  ._mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  ._m-xl-0 {
    margin: 0 !important;
  }
  ._mt-xl-0,
  ._my-xl-0 {
    margin-top: 0 !important;
  }
  ._mr-xl-0,
  ._mx-xl-0 {
    margin-right: 0 !important;
  }
  ._mb-xl-0,
  ._my-xl-0 {
    margin-bottom: 0 !important;
  }
  ._ml-xl-0,
  ._mx-xl-0 {
    margin-left: 0 !important;
  }
  ._m-xl-1 {
    margin: 6px !important;
  }
  ._mt-xl-1,
  ._my-xl-1 {
    margin-top: 6px !important;
  }
  ._mr-xl-1,
  ._mx-xl-1 {
    margin-right: 6px !important;
  }
  ._mb-xl-1,
  ._my-xl-1 {
    margin-bottom: 6px !important;
  }
  ._ml-xl-1,
  ._mx-xl-1 {
    margin-left: 6px !important;
  }
  ._m-xl-2 {
    margin: 12px !important;
  }
  ._mt-xl-2,
  ._my-xl-2 {
    margin-top: 12px !important;
  }
  ._mr-xl-2,
  ._mx-xl-2 {
    margin-right: 12px !important;
  }
  ._mb-xl-2,
  ._my-xl-2 {
    margin-bottom: 12px !important;
  }
  ._ml-xl-2,
  ._mx-xl-2 {
    margin-left: 12px !important;
  }
  ._m-xl-3 {
    margin: 24px !important;
  }
  ._mt-xl-3,
  ._my-xl-3 {
    margin-top: 24px !important;
  }
  ._mr-xl-3,
  ._mx-xl-3 {
    margin-right: 24px !important;
  }
  ._mb-xl-3,
  ._my-xl-3 {
    margin-bottom: 24px !important;
  }
  ._ml-xl-3,
  ._mx-xl-3 {
    margin-left: 24px !important;
  }
  ._m-xl-4 {
    margin: 36px !important;
  }
  ._mt-xl-4,
  ._my-xl-4 {
    margin-top: 36px !important;
  }
  ._mr-xl-4,
  ._mx-xl-4 {
    margin-right: 36px !important;
  }
  ._mb-xl-4,
  ._my-xl-4 {
    margin-bottom: 36px !important;
  }
  ._ml-xl-4,
  ._mx-xl-4 {
    margin-left: 36px !important;
  }
  ._m-xl-5 {
    margin: 48px !important;
  }
  ._mt-xl-5,
  ._my-xl-5 {
    margin-top: 48px !important;
  }
  ._mr-xl-5,
  ._mx-xl-5 {
    margin-right: 48px !important;
  }
  ._mb-xl-5,
  ._my-xl-5 {
    margin-bottom: 48px !important;
  }
  ._ml-xl-5,
  ._mx-xl-5 {
    margin-left: 48px !important;
  }
  ._m-xl-6 {
    margin: 72px !important;
  }
  ._mt-xl-6,
  ._my-xl-6 {
    margin-top: 72px !important;
  }
  ._mr-xl-6,
  ._mx-xl-6 {
    margin-right: 72px !important;
  }
  ._mb-xl-6,
  ._my-xl-6 {
    margin-bottom: 72px !important;
  }
  ._ml-xl-6,
  ._mx-xl-6 {
    margin-left: 72px !important;
  }
  ._m-xl-7 {
    margin: 96px !important;
  }
  ._mt-xl-7,
  ._my-xl-7 {
    margin-top: 96px !important;
  }
  ._mr-xl-7,
  ._mx-xl-7 {
    margin-right: 96px !important;
  }
  ._mb-xl-7,
  ._my-xl-7 {
    margin-bottom: 96px !important;
  }
  ._ml-xl-7,
  ._mx-xl-7 {
    margin-left: 96px !important;
  }
  ._p-xl-0 {
    padding: 0 !important;
  }
  ._pt-xl-0,
  ._py-xl-0 {
    padding-top: 0 !important;
  }
  ._pr-xl-0,
  ._px-xl-0 {
    padding-right: 0 !important;
  }
  ._pb-xl-0,
  ._py-xl-0 {
    padding-bottom: 0 !important;
  }
  ._pl-xl-0,
  ._px-xl-0 {
    padding-left: 0 !important;
  }
  ._p-xl-1 {
    padding: 6px !important;
  }
  ._pt-xl-1,
  ._py-xl-1 {
    padding-top: 6px !important;
  }
  ._pr-xl-1,
  ._px-xl-1 {
    padding-right: 6px !important;
  }
  ._pb-xl-1,
  ._py-xl-1 {
    padding-bottom: 6px !important;
  }
  ._pl-xl-1,
  ._px-xl-1 {
    padding-left: 6px !important;
  }
  ._p-xl-2 {
    padding: 12px !important;
  }
  ._pt-xl-2,
  ._py-xl-2 {
    padding-top: 12px !important;
  }
  ._pr-xl-2,
  ._px-xl-2 {
    padding-right: 12px !important;
  }
  ._pb-xl-2,
  ._py-xl-2 {
    padding-bottom: 12px !important;
  }
  ._pl-xl-2,
  ._px-xl-2 {
    padding-left: 12px !important;
  }
  ._p-xl-3 {
    padding: 24px !important;
  }
  ._pt-xl-3,
  ._py-xl-3 {
    padding-top: 24px !important;
  }
  ._pr-xl-3,
  ._px-xl-3 {
    padding-right: 24px !important;
  }
  ._pb-xl-3,
  ._py-xl-3 {
    padding-bottom: 24px !important;
  }
  ._pl-xl-3,
  ._px-xl-3 {
    padding-left: 24px !important;
  }
  ._p-xl-4 {
    padding: 36px !important;
  }
  ._pt-xl-4,
  ._py-xl-4 {
    padding-top: 36px !important;
  }
  ._pr-xl-4,
  ._px-xl-4 {
    padding-right: 36px !important;
  }
  ._pb-xl-4,
  ._py-xl-4 {
    padding-bottom: 36px !important;
  }
  ._pl-xl-4,
  ._px-xl-4 {
    padding-left: 36px !important;
  }
  ._p-xl-5 {
    padding: 48px !important;
  }
  ._pt-xl-5,
  ._py-xl-5 {
    padding-top: 48px !important;
  }
  ._pr-xl-5,
  ._px-xl-5 {
    padding-right: 48px !important;
  }
  ._pb-xl-5,
  ._py-xl-5 {
    padding-bottom: 48px !important;
  }
  ._pl-xl-5,
  ._px-xl-5 {
    padding-left: 48px !important;
  }
  ._p-xl-6 {
    padding: 72px !important;
  }
  ._pt-xl-6,
  ._py-xl-6 {
    padding-top: 72px !important;
  }
  ._pr-xl-6,
  ._px-xl-6 {
    padding-right: 72px !important;
  }
  ._pb-xl-6,
  ._py-xl-6 {
    padding-bottom: 72px !important;
  }
  ._pl-xl-6,
  ._px-xl-6 {
    padding-left: 72px !important;
  }
  ._p-xl-7 {
    padding: 96px !important;
  }
  ._pt-xl-7,
  ._py-xl-7 {
    padding-top: 96px !important;
  }
  ._pr-xl-7,
  ._px-xl-7 {
    padding-right: 96px !important;
  }
  ._pb-xl-7,
  ._py-xl-7 {
    padding-bottom: 96px !important;
  }
  ._pl-xl-7,
  ._px-xl-7 {
    padding-left: 96px !important;
  }
  ._m-xl-n1 {
    margin: -6px !important;
  }
  ._mt-xl-n1,
  ._my-xl-n1 {
    margin-top: -6px !important;
  }
  ._mr-xl-n1,
  ._mx-xl-n1 {
    margin-right: -6px !important;
  }
  ._mb-xl-n1,
  ._my-xl-n1 {
    margin-bottom: -6px !important;
  }
  ._ml-xl-n1,
  ._mx-xl-n1 {
    margin-left: -6px !important;
  }
  ._m-xl-n2 {
    margin: -12px !important;
  }
  ._mt-xl-n2,
  ._my-xl-n2 {
    margin-top: -12px !important;
  }
  ._mr-xl-n2,
  ._mx-xl-n2 {
    margin-right: -12px !important;
  }
  ._mb-xl-n2,
  ._my-xl-n2 {
    margin-bottom: -12px !important;
  }
  ._ml-xl-n2,
  ._mx-xl-n2 {
    margin-left: -12px !important;
  }
  ._m-xl-n3 {
    margin: -24px !important;
  }
  ._mt-xl-n3,
  ._my-xl-n3 {
    margin-top: -24px !important;
  }
  ._mr-xl-n3,
  ._mx-xl-n3 {
    margin-right: -24px !important;
  }
  ._mb-xl-n3,
  ._my-xl-n3 {
    margin-bottom: -24px !important;
  }
  ._ml-xl-n3,
  ._mx-xl-n3 {
    margin-left: -24px !important;
  }
  ._m-xl-n4 {
    margin: -36px !important;
  }
  ._mt-xl-n4,
  ._my-xl-n4 {
    margin-top: -36px !important;
  }
  ._mr-xl-n4,
  ._mx-xl-n4 {
    margin-right: -36px !important;
  }
  ._mb-xl-n4,
  ._my-xl-n4 {
    margin-bottom: -36px !important;
  }
  ._ml-xl-n4,
  ._mx-xl-n4 {
    margin-left: -36px !important;
  }
  ._m-xl-n5 {
    margin: -48px !important;
  }
  ._mt-xl-n5,
  ._my-xl-n5 {
    margin-top: -48px !important;
  }
  ._mr-xl-n5,
  ._mx-xl-n5 {
    margin-right: -48px !important;
  }
  ._mb-xl-n5,
  ._my-xl-n5 {
    margin-bottom: -48px !important;
  }
  ._ml-xl-n5,
  ._mx-xl-n5 {
    margin-left: -48px !important;
  }
  ._m-xl-n6 {
    margin: -72px !important;
  }
  ._mt-xl-n6,
  ._my-xl-n6 {
    margin-top: -72px !important;
  }
  ._mr-xl-n6,
  ._mx-xl-n6 {
    margin-right: -72px !important;
  }
  ._mb-xl-n6,
  ._my-xl-n6 {
    margin-bottom: -72px !important;
  }
  ._ml-xl-n6,
  ._mx-xl-n6 {
    margin-left: -72px !important;
  }
  ._m-xl-n7 {
    margin: -96px !important;
  }
  ._mt-xl-n7,
  ._my-xl-n7 {
    margin-top: -96px !important;
  }
  ._mr-xl-n7,
  ._mx-xl-n7 {
    margin-right: -96px !important;
  }
  ._mb-xl-n7,
  ._my-xl-n7 {
    margin-bottom: -96px !important;
  }
  ._ml-xl-n7,
  ._mx-xl-n7 {
    margin-left: -96px !important;
  }
  ._m-xl-auto {
    margin: auto !important;
  }
  ._mt-xl-auto,
  ._my-xl-auto {
    margin-top: auto !important;
  }
  ._mr-xl-auto,
  ._mx-xl-auto {
    margin-right: auto !important;
  }
  ._mb-xl-auto,
  ._my-xl-auto {
    margin-bottom: auto !important;
  }
  ._ml-xl-auto,
  ._mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1920px) {
  ._m-xxl-0 {
    margin: 0 !important;
  }
  ._mt-xxl-0,
  ._my-xxl-0 {
    margin-top: 0 !important;
  }
  ._mr-xxl-0,
  ._mx-xxl-0 {
    margin-right: 0 !important;
  }
  ._mb-xxl-0,
  ._my-xxl-0 {
    margin-bottom: 0 !important;
  }
  ._ml-xxl-0,
  ._mx-xxl-0 {
    margin-left: 0 !important;
  }
  ._m-xxl-1 {
    margin: 6px !important;
  }
  ._mt-xxl-1,
  ._my-xxl-1 {
    margin-top: 6px !important;
  }
  ._mr-xxl-1,
  ._mx-xxl-1 {
    margin-right: 6px !important;
  }
  ._mb-xxl-1,
  ._my-xxl-1 {
    margin-bottom: 6px !important;
  }
  ._ml-xxl-1,
  ._mx-xxl-1 {
    margin-left: 6px !important;
  }
  ._m-xxl-2 {
    margin: 12px !important;
  }
  ._mt-xxl-2,
  ._my-xxl-2 {
    margin-top: 12px !important;
  }
  ._mr-xxl-2,
  ._mx-xxl-2 {
    margin-right: 12px !important;
  }
  ._mb-xxl-2,
  ._my-xxl-2 {
    margin-bottom: 12px !important;
  }
  ._ml-xxl-2,
  ._mx-xxl-2 {
    margin-left: 12px !important;
  }
  ._m-xxl-3 {
    margin: 24px !important;
  }
  ._mt-xxl-3,
  ._my-xxl-3 {
    margin-top: 24px !important;
  }
  ._mr-xxl-3,
  ._mx-xxl-3 {
    margin-right: 24px !important;
  }
  ._mb-xxl-3,
  ._my-xxl-3 {
    margin-bottom: 24px !important;
  }
  ._ml-xxl-3,
  ._mx-xxl-3 {
    margin-left: 24px !important;
  }
  ._m-xxl-4 {
    margin: 36px !important;
  }
  ._mt-xxl-4,
  ._my-xxl-4 {
    margin-top: 36px !important;
  }
  ._mr-xxl-4,
  ._mx-xxl-4 {
    margin-right: 36px !important;
  }
  ._mb-xxl-4,
  ._my-xxl-4 {
    margin-bottom: 36px !important;
  }
  ._ml-xxl-4,
  ._mx-xxl-4 {
    margin-left: 36px !important;
  }
  ._m-xxl-5 {
    margin: 48px !important;
  }
  ._mt-xxl-5,
  ._my-xxl-5 {
    margin-top: 48px !important;
  }
  ._mr-xxl-5,
  ._mx-xxl-5 {
    margin-right: 48px !important;
  }
  ._mb-xxl-5,
  ._my-xxl-5 {
    margin-bottom: 48px !important;
  }
  ._ml-xxl-5,
  ._mx-xxl-5 {
    margin-left: 48px !important;
  }
  ._m-xxl-6 {
    margin: 72px !important;
  }
  ._mt-xxl-6,
  ._my-xxl-6 {
    margin-top: 72px !important;
  }
  ._mr-xxl-6,
  ._mx-xxl-6 {
    margin-right: 72px !important;
  }
  ._mb-xxl-6,
  ._my-xxl-6 {
    margin-bottom: 72px !important;
  }
  ._ml-xxl-6,
  ._mx-xxl-6 {
    margin-left: 72px !important;
  }
  ._m-xxl-7 {
    margin: 96px !important;
  }
  ._mt-xxl-7,
  ._my-xxl-7 {
    margin-top: 96px !important;
  }
  ._mr-xxl-7,
  ._mx-xxl-7 {
    margin-right: 96px !important;
  }
  ._mb-xxl-7,
  ._my-xxl-7 {
    margin-bottom: 96px !important;
  }
  ._ml-xxl-7,
  ._mx-xxl-7 {
    margin-left: 96px !important;
  }
  ._p-xxl-0 {
    padding: 0 !important;
  }
  ._pt-xxl-0,
  ._py-xxl-0 {
    padding-top: 0 !important;
  }
  ._pr-xxl-0,
  ._px-xxl-0 {
    padding-right: 0 !important;
  }
  ._pb-xxl-0,
  ._py-xxl-0 {
    padding-bottom: 0 !important;
  }
  ._pl-xxl-0,
  ._px-xxl-0 {
    padding-left: 0 !important;
  }
  ._p-xxl-1 {
    padding: 6px !important;
  }
  ._pt-xxl-1,
  ._py-xxl-1 {
    padding-top: 6px !important;
  }
  ._pr-xxl-1,
  ._px-xxl-1 {
    padding-right: 6px !important;
  }
  ._pb-xxl-1,
  ._py-xxl-1 {
    padding-bottom: 6px !important;
  }
  ._pl-xxl-1,
  ._px-xxl-1 {
    padding-left: 6px !important;
  }
  ._p-xxl-2 {
    padding: 12px !important;
  }
  ._pt-xxl-2,
  ._py-xxl-2 {
    padding-top: 12px !important;
  }
  ._pr-xxl-2,
  ._px-xxl-2 {
    padding-right: 12px !important;
  }
  ._pb-xxl-2,
  ._py-xxl-2 {
    padding-bottom: 12px !important;
  }
  ._pl-xxl-2,
  ._px-xxl-2 {
    padding-left: 12px !important;
  }
  ._p-xxl-3 {
    padding: 24px !important;
  }
  ._pt-xxl-3,
  ._py-xxl-3 {
    padding-top: 24px !important;
  }
  ._pr-xxl-3,
  ._px-xxl-3 {
    padding-right: 24px !important;
  }
  ._pb-xxl-3,
  ._py-xxl-3 {
    padding-bottom: 24px !important;
  }
  ._pl-xxl-3,
  ._px-xxl-3 {
    padding-left: 24px !important;
  }
  ._p-xxl-4 {
    padding: 36px !important;
  }
  ._pt-xxl-4,
  ._py-xxl-4 {
    padding-top: 36px !important;
  }
  ._pr-xxl-4,
  ._px-xxl-4 {
    padding-right: 36px !important;
  }
  ._pb-xxl-4,
  ._py-xxl-4 {
    padding-bottom: 36px !important;
  }
  ._pl-xxl-4,
  ._px-xxl-4 {
    padding-left: 36px !important;
  }
  ._p-xxl-5 {
    padding: 48px !important;
  }
  ._pt-xxl-5,
  ._py-xxl-5 {
    padding-top: 48px !important;
  }
  ._pr-xxl-5,
  ._px-xxl-5 {
    padding-right: 48px !important;
  }
  ._pb-xxl-5,
  ._py-xxl-5 {
    padding-bottom: 48px !important;
  }
  ._pl-xxl-5,
  ._px-xxl-5 {
    padding-left: 48px !important;
  }
  ._p-xxl-6 {
    padding: 72px !important;
  }
  ._pt-xxl-6,
  ._py-xxl-6 {
    padding-top: 72px !important;
  }
  ._pr-xxl-6,
  ._px-xxl-6 {
    padding-right: 72px !important;
  }
  ._pb-xxl-6,
  ._py-xxl-6 {
    padding-bottom: 72px !important;
  }
  ._pl-xxl-6,
  ._px-xxl-6 {
    padding-left: 72px !important;
  }
  ._p-xxl-7 {
    padding: 96px !important;
  }
  ._pt-xxl-7,
  ._py-xxl-7 {
    padding-top: 96px !important;
  }
  ._pr-xxl-7,
  ._px-xxl-7 {
    padding-right: 96px !important;
  }
  ._pb-xxl-7,
  ._py-xxl-7 {
    padding-bottom: 96px !important;
  }
  ._pl-xxl-7,
  ._px-xxl-7 {
    padding-left: 96px !important;
  }
  ._m-xxl-n1 {
    margin: -6px !important;
  }
  ._mt-xxl-n1,
  ._my-xxl-n1 {
    margin-top: -6px !important;
  }
  ._mr-xxl-n1,
  ._mx-xxl-n1 {
    margin-right: -6px !important;
  }
  ._mb-xxl-n1,
  ._my-xxl-n1 {
    margin-bottom: -6px !important;
  }
  ._ml-xxl-n1,
  ._mx-xxl-n1 {
    margin-left: -6px !important;
  }
  ._m-xxl-n2 {
    margin: -12px !important;
  }
  ._mt-xxl-n2,
  ._my-xxl-n2 {
    margin-top: -12px !important;
  }
  ._mr-xxl-n2,
  ._mx-xxl-n2 {
    margin-right: -12px !important;
  }
  ._mb-xxl-n2,
  ._my-xxl-n2 {
    margin-bottom: -12px !important;
  }
  ._ml-xxl-n2,
  ._mx-xxl-n2 {
    margin-left: -12px !important;
  }
  ._m-xxl-n3 {
    margin: -24px !important;
  }
  ._mt-xxl-n3,
  ._my-xxl-n3 {
    margin-top: -24px !important;
  }
  ._mr-xxl-n3,
  ._mx-xxl-n3 {
    margin-right: -24px !important;
  }
  ._mb-xxl-n3,
  ._my-xxl-n3 {
    margin-bottom: -24px !important;
  }
  ._ml-xxl-n3,
  ._mx-xxl-n3 {
    margin-left: -24px !important;
  }
  ._m-xxl-n4 {
    margin: -36px !important;
  }
  ._mt-xxl-n4,
  ._my-xxl-n4 {
    margin-top: -36px !important;
  }
  ._mr-xxl-n4,
  ._mx-xxl-n4 {
    margin-right: -36px !important;
  }
  ._mb-xxl-n4,
  ._my-xxl-n4 {
    margin-bottom: -36px !important;
  }
  ._ml-xxl-n4,
  ._mx-xxl-n4 {
    margin-left: -36px !important;
  }
  ._m-xxl-n5 {
    margin: -48px !important;
  }
  ._mt-xxl-n5,
  ._my-xxl-n5 {
    margin-top: -48px !important;
  }
  ._mr-xxl-n5,
  ._mx-xxl-n5 {
    margin-right: -48px !important;
  }
  ._mb-xxl-n5,
  ._my-xxl-n5 {
    margin-bottom: -48px !important;
  }
  ._ml-xxl-n5,
  ._mx-xxl-n5 {
    margin-left: -48px !important;
  }
  ._m-xxl-n6 {
    margin: -72px !important;
  }
  ._mt-xxl-n6,
  ._my-xxl-n6 {
    margin-top: -72px !important;
  }
  ._mr-xxl-n6,
  ._mx-xxl-n6 {
    margin-right: -72px !important;
  }
  ._mb-xxl-n6,
  ._my-xxl-n6 {
    margin-bottom: -72px !important;
  }
  ._ml-xxl-n6,
  ._mx-xxl-n6 {
    margin-left: -72px !important;
  }
  ._m-xxl-n7 {
    margin: -96px !important;
  }
  ._mt-xxl-n7,
  ._my-xxl-n7 {
    margin-top: -96px !important;
  }
  ._mr-xxl-n7,
  ._mx-xxl-n7 {
    margin-right: -96px !important;
  }
  ._mb-xxl-n7,
  ._my-xxl-n7 {
    margin-bottom: -96px !important;
  }
  ._ml-xxl-n7,
  ._mx-xxl-n7 {
    margin-left: -96px !important;
  }
  ._m-xxl-auto {
    margin: auto !important;
  }
  ._mt-xxl-auto,
  ._my-xxl-auto {
    margin-top: auto !important;
  }
  ._mr-xxl-auto,
  ._mx-xxl-auto {
    margin-right: auto !important;
  }
  ._mb-xxl-auto,
  ._my-xxl-auto {
    margin-bottom: auto !important;
  }
  ._ml-xxl-auto,
  ._mx-xxl-auto {
    margin-left: auto !important;
  }
}
._stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
._text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace !important;
}
._text-justify,
._text-justify-center {
  text-align: justify !important;
}
._text-wrap {
  white-space: normal !important;
}
._text-nowrap {
  white-space: nowrap !important;
}
._text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._text-left {
  text-align: left !important;
}
._text-right {
  text-align: right !important;
}
._text-center {
  text-align: center !important;
}
@media (min-width: 480px) {
  ._text-sm-left {
    text-align: left !important;
  }
  ._text-sm-right {
    text-align: right !important;
  }
  ._text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  ._text-md-left {
    text-align: left !important;
  }
  ._text-md-right {
    text-align: right !important;
  }
  ._text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  ._text-lg-left {
    text-align: left !important;
  }
  ._text-lg-right {
    text-align: right !important;
  }
  ._text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  ._text-xl-left {
    text-align: left !important;
  }
  ._text-xl-right {
    text-align: right !important;
  }
  ._text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1920px) {
  ._text-xxl-left {
    text-align: left !important;
  }
  ._text-xxl-right {
    text-align: right !important;
  }
  ._text-xxl-center {
    text-align: center !important;
  }
}
._text-lowercase {
  text-transform: lowercase !important;
}
._text-uppercase {
  text-transform: uppercase !important;
}
._text-capitalize {
  text-transform: capitalize !important;
}
._font-weight-light {
  font-weight: 300 !important;
}
._font-weight-lighter {
  font-weight: lighter !important;
}
._font-weight-normal {
  font-weight: 400 !important;
}
._font-weight-bold {
  font-weight: 700 !important;
}
._font-weight-bolder {
  font-weight: bolder !important;
}
._font-italic,
._editorial {
  font-style: italic !important;
}
._text-white {
  color: #fff !important;
}
._text-primary {
  color: #0d0900 !important;
}
a._text-primary:hover,
a._text-primary:focus {
  color: #000 !important;
}
._text-secondary {
  color: #6c757d !important;
}
a._text-secondary:hover,
a._text-secondary:focus {
  color: #494f54 !important;
}
._text-success {
  color: #28a745 !important;
}
a._text-success:hover,
a._text-success:focus {
  color: #19692c !important;
}
._text-info {
  color: #17a2b8 !important;
}
a._text-info:hover,
a._text-info:focus {
  color: #0f6674 !important;
}
._text-warning {
  color: #ffc107 !important;
}
a._text-warning:hover,
a._text-warning:focus {
  color: #ba8b00 !important;
}
._text-danger {
  color: #dc3545 !important;
}
a._text-danger:hover,
a._text-danger:focus {
  color: #a71d2a !important;
}
._text-light {
  color: #f5f4f4 !important;
}
a._text-light:hover,
a._text-light:focus {
  color: #d1cccc !important;
}
._text-dark {
  color: #343a40 !important;
}
a._text-dark:hover,
a._text-dark:focus {
  color: #121416 !important;
}
._text-black {
  color: #0d0900 !important;
}
a._text-black:hover,
a._text-black:focus {
  color: #000 !important;
}
._text-pink {
  color: #aa4966 !important;
}
a._text-pink:hover,
a._text-pink:focus {
  color: #743246 !important;
}
._text-grey {
  color: #666 !important;
}
a._text-grey:hover,
a._text-grey:focus {
  color: #404040 !important;
}
._text-grey2 {
  color: #f5f4f4 !important;
}
a._text-grey2:hover,
a._text-grey2:focus {
  color: #d1cccc !important;
}
._text-sale {
  color: #ae131e !important;
}
a._text-sale:hover,
a._text-sale:focus {
  color: #690b12 !important;
}
._text-body {
  color: #0d0900 !important;
}
._text-muted {
  color: #666 !important;
}
._text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
._text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
._text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
._text-decoration-none {
  text-decoration: none !important;
}
._text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
._text-reset {
  color: inherit !important;
}
._visible {
  visibility: visible !important;
}
._invisible {
  visibility: hidden !important;
}
* {
  -webkit-tap-highlight-color: transparent;
  outline: 0 none;
}
._nunitoSemiBold {
  font-family: "Nunito Sans SemiBold", sans-serif;
}
._nunitoBold {
  font-family: "Nunito Sans Bold", sans-serif;
}
._domaine-text,
._display-1,
._display-2,
._display-3,
._blockquote,
._display-3-5,
._display-4,
._display-5,
._editorial,
._display-6 {
  font-family: "Domaine Text Light", serif;
}
._domaine-italic {
  font-family: "Domaine Text Light", serif !important;
  font-style: italic;
}
._plain,
._cta,
._cta-yellow,
._cta-white,
._cta-sale,
._cta-black,
._cta-pink,
._light {
  font-family: "Plain Light", sans-serif !important;
}
._plain-medium {
  font-family: "Plain Medium", sans-serif !important;
}
._underline {
  text-decoration: underline !important;
}
._nunitoLight {
  font-family: "Nunito Sans Light", sans-serif;
}
._h1,
._h2,
._h3,
._h4,
._h5,
._h6 {
  font-family: "Plain Medium", sans-serif;
  margin-bottom: 0;
  letter-spacing: 0.3px;
}
._bold {
  text-shadow: 0 0;
}
._bolder {
  font-weight: 600;
}
._display-3-5 {
  font-size: 30px;
  line-height: 34px;
}
._display-6 {
  font-size: 14px;
  line-height: 18px;
}
._display-1,
._display-2,
._display-3,
._blockquote,
._display-3-5,
._display-4,
._display-5,
._editorial,
._display-6 {
  margin-bottom: 0;
  letter-spacing: 0.3px;
}
._text-justify-center {
  text-align-last: center;
}
._h1 {
  font-size: 1.375rem;
  letter-spacing: 0.6px;
  line-height: 30px;
}
._h2 {
  font-size: 1.125rem;
  line-height: 26px;
}
._h3 {
  font-size: 1rem;
  line-height: 24px;
}
._h4 {
  font-size: 0.875rem;
  line-height: 22px;
}
._h5 {
  font-size: 0.75rem;
  line-height: 20px;
}
._h6 {
  font-size: 0.625rem;
}
._display-1 {
  line-height: 52px;
}
._display-2 {
  line-height: 44px;
}
._display-3,
._blockquote {
  line-height: 32px;
}
._display-4 {
  line-height: 28px;
}
._display-5,
._editorial {
  line-height: 24px;
  font-size: 18px;
}
@media (min-width: 1024px) {
  ._display-1 {
    font-size: 40px;
    line-height: 48px;
  }
  ._display-2 {
    font-size: 40px;
    line-height: 52px;
  }
  ._display-3,
  ._blockquote {
    font-size: 32px;
    line-height: 44px;
  }
  ._display-4 {
    font-size: 24px;
    line-height: 32px;
  }
  ._display-5,
  ._editorial {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1440px) {
  ._display-1 {
    font-size: 48px;
    line-height: 64px;
  }
}
._p {
  font-family: "Plain Light", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 0;
}
._p.-small {
  font-size: 12px;
  line-height: 20px;
}
._p.-xsmall {
  font-size: 10px;
  line-height: 14px;
}
img {
  max-width: 100%;
}
figure {
  margin: 0;
}
iframe {
  border: 0;
}
._cta,
._cta-yellow,
._cta-white,
._cta-sale,
._cta-black,
._cta-pink {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 18px;
  padding: 0 30px;
  border-radius: 0;
  min-height: 44px;
  height: 0;
}
._cta.-rounded,
.-rounded._cta-yellow,
.-rounded._cta-white,
.-rounded._cta-sale,
.-rounded._cta-black,
.-rounded._cta-pink {
  border-radius: 4px;
}
._cta.-small,
.-small._cta-yellow,
.-small._cta-white,
.-small._cta-sale,
.-small._cta-black,
.-small._cta-pink {
  min-height: 30px;
  font-size: 11px;
  padding-top: 1px;
}
a._cta,
a._cta-yellow,
a._cta-white,
a._cta-sale,
a._cta-black,
a._cta-pink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._cta-white:hover:not(._bg-black) {
  background-color: transparent;
  color: #000;
}
._cta-white._bg-black {
  border-color: #fff !important;
}
._cta-yellow:hover {
}
._btn-link.-small,
.-small._cta-link {
  font-size: 12px;
  line-height: 20px;
}
._cta-link {
  display: inline-block;
  letter-spacing: 0.5px;
  text-decoration: underline;
  font-size: 14px;
  text-shadow: 0 0 rgba(0, 0, 0, 0.6);
}
._cta-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}
._cta-link.-small {
  font-size: 12px;
  line-height: 20px;
}
._btn-link,
._cta-link,
._underline {
  text-underline-offset: 2px;
}
button._cta-link {
  padding: 0;
  background: none;
  border: none;
}
._btn:focus,
._cta:focus,
._cta-pink:focus,
._cta-black:focus,
._cta-sale:focus,
._cta-white:focus,
._cta-yellow:focus {
  box-shadow: none;
}
._btn-outline-primary:focus {
  box-shadow: none;
}
._btn-xs {
  font-size: 12px;
  line-height: 20px;
}
._form-group {
  position: relative;
}
._form-group ._btn,
._form-group ._cta,
._form-group ._cta-pink,
._form-group ._cta-black,
._form-group ._cta-sale,
._form-group ._cta-white,
._form-group ._cta-yellow {
  position: absolute;
  right: 0;
  top: 0;
}
._w-94,
._w-90 {
  margin-left: auto;
  margin-right: auto;
}
._blockquote {
  quotes: "‘" "’";
}
._blockquote:before {
  content: open-quote;
}
._blockquote:after {
  content: close-quote;
}
._form-control {
  color: #0d0900;
  text-shadow: 0 0 rgba(0, 0, 0, 0.5);
}
select {
  font-family: sans-serif;
}
._text-uppercase {
  letter-spacing: 1px;
}
#alertify.proposingAtHome {
  height: calc(100vh - 80px);
  border: none;
  overflow: auto;
}
#alertify.proposingAtHome
  article.alertify-inner
  span.home-proposal-contact-experts {
  text-decoration: underline;
  cursor: pointer;
}
#alertify.proposingAtHome article.alertify-inner img {
  margin: 24px auto;
  max-width: 100%;
}
@media (min-width: 769px) {
  #alertify.proposingAtHome article.alertify-inner img {
    margin: 12px auto;
  }
}
#alertify.proposingAtHome article.alertify-inner h2 {
  font-family: "Playfair Display";
  font-size: 25px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 33px;
  text-align: center;
}
@media (min-width: 769px) {
  #alertify.proposingAtHome article.alertify-inner h2 {
    font-size: 45px;
    letter-spacing: 1.41px;
    line-height: 60px;
    text-align: left;
  }
}
#alertify.proposingAtHome article.alertify-inner h4 {
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  text-align: left;
}
@media (min-width: 769px) {
  #alertify.proposingAtHome article.alertify-inner h4 {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
#alertify.proposingAtHome article.alertify-inner p {
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  text-align: left;
}
@media (min-width: 769px) {
  #alertify.proposingAtHome article.alertify-inner p {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 26px;
  }
}
#alertify.proposingAtHome article.alertify-inner span.number,
#alertify.proposingAtHome article.alertify-inner h3 {
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: left;
}
@media (min-width: 769px) {
  #alertify.proposingAtHome article.alertify-inner span.number,
  #alertify.proposingAtHome article.alertify-inner h3 {
    font-size: 27px;
  }
}
#alertify.proposingAtHome article.alertify-inner h3 {
  margin-bottom: 20px;
  margin-top: 28px;
}
@media (min-width: 769px) {
  #alertify.proposingAtHome article.alertify-inner h3 {
    margin-bottom: 24px;
    margin-top: 36px;
  }
}
#alertify.proposingAtHome #alertify-ok {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: none;
  background-image: url("../icons/exit.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#alertify.proposingAtHome::-webkit-scrollbar {
  width: 6px;
}
#alertify.proposingAtHome::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#alertify.proposingAtHome::-webkit-scrollbar-thumb {
  background: #888;
}
#alertify.proposingAtHome::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.proposingAtHome #alertify-cover {
  cursor: pointer;
}
main#proposing-at-home .container {
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
main#proposing-at-home section#articles {
  display: none;
}
main#proposing-at-home span a,
main#proposing-at-home p a {
  text-decoration: underline;
}
main#proposing-at-home h1,
main#proposing-at-home h2 {
  font-family: "Playfair Display";
  font-size: 25px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 33px;
  text-align: center;
  margin: auto;
  margin-bottom: 18px;
}
@media (min-width: 769px) {
  main#proposing-at-home h1,
  main#proposing-at-home h2 {
    font-size: 45px;
    letter-spacing: 1.41px;
    line-height: 60px;
  }
}
main#proposing-at-home p {
  max-width: 370px;
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 21px;
  text-align: center;
  margin: auto;
  margin-bottom: 1.25em;
}
@media (min-width: 769px) {
  main#proposing-at-home p {
    max-width: 680px;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
main#proposing-at-home p.errorMessage {
  text-align: left;
  margin-left: 0;
  max-width: 100%;
}
main#proposing-at-home hr {
  border: none;
  border-bottom: 1px solid #000;
}
@media (max-width: 768px) {
  main#proposing-at-home .expansible-content {
    cursor: pointer;
  }
  main#proposing-at-home
    .expansible-content:not(.expanded)
    > *:not(:first-child):not(.visible) {
    display: none;
  }
  main#proposing-at-home .expansible-content:not(.expanded) > *:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 20px;
  }
}
main#proposing-at-home #hero {
  padding: 78px 0;
  background-color: #f7f2ec;
}
@media (min-width: 769px) {
  main#proposing-at-home #hero {
    padding: 92px 0;
  }
}
main#proposing-at-home #guides {
  padding: 48px 0;
}
main#proposing-at-home #guides .guides-slider {
  position: relative;
}
main#proposing-at-home #guides .guides-slider .carrousel_arrow {
  position: absolute;
  display: inline-block;
  top: 40%;
  z-index: 9;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 40% auto;
  background-image: url("../icons/ic_right.svg");
}
main#proposing-at-home #guides .guides-slider .carrousel_arrow.left {
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  left: 6px;
}
main#proposing-at-home #guides .guides-slider .carrousel_arrow.right {
  right: 6px;
}
main#proposing-at-home #guides .guides-slider .guides-slider-inner {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 75%;
  margin: auto;
  margin-top: 36px;
}
@media (min-width: 769px) {
  main#proposing-at-home #guides .guides-slider .guides-slider-inner {
    margin-top: 52px;
  }
}
main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide {
  padding: 8px;
  margin: auto;
}
main#proposing-at-home
  #guides
  .guides-slider
  .guides-slider-inner
  .slide
  .slide-inner {
  border: 1px solid #000;
  cursor: pointer;
}
@media (min-width: 769px) {
  main#proposing-at-home
    #guides
    .guides-slider
    .guides-slider-inner
    .slide
    .slide-inner {
    border: none;
  }
  main#proposing-at-home
    #guides
    .guides-slider
    .guides-slider-inner
    .slide
    .slide-inner:hover {
    border: 1px solid #000;
  }
}
main#proposing-at-home
  #guides
  .guides-slider
  .guides-slider-inner
  .slide
  .slide-inner
  .slide-image
  .slide-image-inner {
  padding-top: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
main#proposing-at-home
  #guides
  .guides-slider
  .guides-slider-inner
  .slide
  .slide-inner
  .slide-content {
  padding: 6px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 24px;
}
main#proposing-at-home
  #guides
  .guides-slider
  .guides-slider-inner
  .slide
  .slide-inner
  .slide-content
  h3 {
  font-family: "Nunito Sans SemiBold";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
  max-width: 100%;
}
main#proposing-at-home
  #guides
  .guides-slider
  .guides-slider-inner
  .slide
  .slide-inner
  .slide-content
  > span {
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-decoration: underline;
  cursor: pointer;
}
main#proposing-at-home #be-inspired {
  padding: 36px 0;
}
main#proposing-at-home #be-inspired .instagram-slider {
  text-align: center;
  margin-top: 24px;
}
main#proposing-at-home #expert-advice {
  padding: 36px 0;
}
@media (min-width: 769px) {
  main#proposing-at-home #expert-advice h2 {
    margin-bottom: 60px;
  }
}
@media (min-width: 769px) {
  main#proposing-at-home #expert-advice p {
    text-align: left;
  }
}
@media (min-width: 769px) {
  main#proposing-at-home #expert-advice .expert-advice-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
@media (min-width: 769px) {
  main#proposing-at-home #expert-advice .expansible-content {
    max-width: 680px;
    padding-left: 40px;
  }
}
main#proposing-at-home #expert-advice .expert-area {
  text-align: center;
}
main#proposing-at-home #expert-advice .expert-area.desktop {
  display: none;
}
main#proposing-at-home #expert-advice .expert-area img.expert-photo {
  margin: 28px auto;
  max-width: 280px;
}
@media (min-width: 769px) {
  main#proposing-at-home #expert-advice .expert-area img.expert-photo {
    margin: 0 auto 28px auto;
    max-width: 216px;
  }
  main#proposing-at-home #expert-advice .expert-area.mobile {
    display: none;
  }
  main#proposing-at-home #expert-advice .expert-area.desktop {
    display: block;
    max-width: 216px;
  }
}
main#proposing-at-home #expert-advice .expert-area p.expert-name {
  margin-bottom: 6px;
}
main#proposing-at-home #expert-advice .expert-area p.expert-name,
main#proposing-at-home #expert-advice .expert-area p.expert-title {
  font-size: 16px;
}
main#proposing-at-home #expert-advice .expert-area p.expert-title {
  font-size: 16px;
  font-style: italic;
}
main#proposing-at-home #expert-advice .expert-area hr {
  margin: 24px auto;
  max-width: 370px;
  border-color: #000;
}
main#proposing-at-home #expert-advice .home-proposal-form-area {
  margin-top: 36px;
}
@media (min-width: 769px) {
  main#proposing-at-home #expert-advice .home-proposal-form-area {
    max-width: 450px;
  }
}
main#proposing-at-home #expert-advice .home-proposal-form-area p.help-us-plan {
  margin: 48px 0 6px 0;
  text-align: left;
  width: 100%;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  p.help-us-plan
  + hr {
  margin-bottom: 20px;
}
main#proposing-at-home #expert-advice .home-proposal-form-area hr {
  margin: 0;
  margin-bottom: 15px;
  max-width: 100%;
}
main#proposing-at-home #expert-advice .home-proposal-form-area hr:last-of-type {
  margin-top: 32px;
}
main#proposing-at-home #expert-advice .home-proposal-form-area label {
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-bottom: 5px;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  label[for="budget"],
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  label[for="items-to-purchase"] {
  margin-top: 16px;
  margin-bottom: 10px;
}
main#proposing-at-home #expert-advice .home-proposal-form-area input,
main#proposing-at-home #expert-advice .home-proposal-form-area select {
  border: 1px solid #333;
  border-radius: 4px;
  margin-bottom: 15px;
  height: 36px;
  width: 100%;
  font-family: "Nunito Sans Light";
  font-size: 16px;
  letter-spacing: 0.5px;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  select[name="ccode-phone"] {
  width: 30%;
  display: inline-block;
  margin: 0;
  margin-bottom: 15px;
  border-radius: 6px 0 0 6px;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  input[name="telephone"] {
  display: inline-block;
  width: 70%;
  margin: 0;
  margin-bottom: 15px;
  margin-left: -3px;
  border-radius: 0 6px 6px 0;
}
main#proposing-at-home #expert-advice .home-proposal-form-area span.box {
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../icons/empty_tick.svg");
  display: inline-block;
  cursor: pointer;
  margin-right: 12px;
  vertical-align: sub;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  input[type="radio"]:checked
  ~ span.box {
  background-image: url("../icons/full_tick.svg");
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  input[type="radio"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: sub;
  margin-right: 6px;
  margin-right: 24px;
  vertical-align: baseline;
  cursor: pointer;
  display: none;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  opacity: 1;
  display: block;
  background: url("../icons/calendar.svg") no-repeat;
  width: 20px;
  height: 20px;
  border-width: thin;
  cursor: pointer;
}
main#proposing-at-home #expert-advice .home-proposal-form-area span {
  font-family: "Nunito Sans Light";
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 24px;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  .unstyled::-webkit-inner-spin-button {
  display: none;
}
main#proposing-at-home #expert-advice .home-proposal-form-area .unstyled {
  text-indent: 4px;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  .fieldHolder.hasError
  ~ .buttonsHolder
  button {
  border: 1px solid red;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  .fieldHolder.consent
  > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 36px;
  position: relative;
}
main#proposing-at-home
  #expert-advice
  .home-proposal-form-area
  .fieldHolder.consent
  p.errorMessage {
  position: absolute;
  bottom: -24px;
  left: 28px;
  margin: 0;
}
main#proposing-at-home #expert-advice .home-proposal-form-area .btn {
  width: 100%;
  height: 36px;
  color: #fff;
  font-family: "Nunito Sans SemiBold";
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  border-radius: 6px;
  background-color: #000;
  margin: auto;
}
@font-face {
  font-family: "Domaine Text Light";
  src: url("../fonts/domaine-text/DomaineText-Light-AK.eot");
  src: local("Domaine Text Light AK"), local("DomaineText-Light-AK"),
    url("../fonts/domaine-text/DomaineText-Light-AK.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/domaine-text/DomaineText-Light-AK.woff2") format("woff2"),
    url("../fonts/domaine-text/DomaineText-Light-AK.woff") format("woff"),
    url("../fonts/domaine-text/DomaineText-Light-AK.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Domaine Text Light";
  src: url("../fonts/domaine-text/DomaineText-LightItalic-AK.eot");
  src: local("Domaine Text Light Italic AK"),
    local("DomaineText-LightItalic-AK"),
    url("../fonts/domaine-text/DomaineText-LightItalic-AK.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/domaine-text/DomaineText-LightItalic-AK.woff2")
      format("woff2"),
    url("../fonts/domaine-text/DomaineText-LightItalic-AK.woff")
      format("woff"),
    url("../fonts/domaine-text/DomaineText-LightItalic-AK.ttf")
      format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Plain Light";
  src: url("../fonts/plain/Plain-Light-AK.eot");
  src: local("Plain Light AK"), local("Plain-Light-AK"),
    url("../fonts/plain/Plain-Light-AK.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/plain/Plain-Light-AK.woff2") format("woff2"),
    url("../fonts/plain/Plain-Light-AK.woff") format("woff"),
    url("../fonts/plain/Plain-Light-AK.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plain Medium";
  src: url("../fonts/plain/Plain-Medium-AK.eot");
  src: local("Plain Medium AK"), local("Plain-Medium-AK"),
    url("../fonts/plain/Plain-Medium-AK.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/plain/Plain-Medium-AK.woff2") format("woff2"),
    url("../fonts/plain/Plain-Medium-AK.woff") format("woff"),
    url("../fonts/plain/Plain-Medium-AK.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.summer-sale-2020 h2,
.summer-sale-2020 h3,
.summer-sale-2020 #hero .newHomepageBanner.bf .slideContent .h1 {
  font-family: "Domaine Text Light";
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0.67px;
  line-height: 32px;
}
@media screen and (min-width: 768px) {
  .summer-sale-2020 h2,
  .summer-sale-2020 h3,
  .summer-sale-2020 #hero .newHomepageBanner.bf .slideContent .h1 {
    font-size: 32px;
    letter-spacing: 0.6px;
    line-height: 42px;
  }
}
._\37 7clock {
  display: inline-block;
  line-height: 1;
}
._\37 7clock .timeHolder {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}
._\37 7clock .timeHolder > div {
  display: inline-block;
}
._\37 7clock .timeHolder span {
  font-size: 20px;
  width: 12px;
  display: inline-block;
  margin-top: 1px;
}
._\37 7clock .secs {
  display: none;
}
._\37 7clock.ends-today .secs {
  display: inline-block;
}
._\37 7clock.ends-today .days {
  display: none;
}
@media screen and (min-width: 375px) {
  ._\37 7clock .countdown {
    margin: 0 3px;
  }
  ._\37 7clock .countdown .timeHolder {
    margin: 0 3px;
  }
}
@media screen and (min-width: 768px) {
  ._\37 7clock .countdown .timeHolder {
    margin: 0 10px;
  }
}
._\37 7clock .countdown .label {
  vertical-align: super;
  font-size: 12px;
  width: 10px;
}
@media screen and (min-width: 375px) {
  ._\37 7clock .countdown .label {
    margin: 0 4px;
  }
}
._\37 7clock .countdown .label:not(.alternative) {
  display: none;
}
.topbar {
  position: relative;
  overflow: hidden;
  background-color: #ffc13b;
  height: 36px;
  text-align: center;
}
.topbar .topbar-frame {
  line-height: 36px;
  white-space: nowrap;
  color: #0d0900;
  font-family: "Plain Light", sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  text-shadow: 0 0;
}
@media screen and (min-width: 768px) {
  .topbar .topbar-frame {
    font-size: 14px;
  }
}
.topbar .topbar-link {
  font-size: 12px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  border-bottom: 1px solid;
  vertical-align: bottom;
}
.topbar.isblackfriday {
  background-color: #0d0900;
}
.topbar.isblackfriday .topbar-frame {
  color: #fff;
}
@media screen and (max-width: 767.8px) {
  body:not(.defered) .topbar-frame:not(:first-child) {
    display: none;
  }
}
@media screen and (max-width: 767.8px) {
  body.defered .topbar .topbar-frame.-sm {
    position: absolute;
    width: 100%;
    height: 36px;
    left: 0;
    top: 100%;
  }
}
body.defered .topbar .topbar-frame:not(.-sm) {
  position: absolute;
  width: 100%;
  height: 36px;
  left: 0;
  top: 100%;
}
body.defered .topbar .topbar-frame {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
body.defered .topbar .topbar-frame:nth-child(1) {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.defered .topbar .topbar-frame:nth-child(2) {
  -webkit-animation-delay: -8.5s;
  animation-delay: -8.5s;
}
body.defered .topbar .topbar-frame:nth-child(3) {
  -webkit-animation-delay: -16.5s;
  animation-delay: -16.5s;
}
body.defered .topbar .topbar-frame:nth-child(4) {
  -webkit-animation-delay: -24.5s;
  animation-delay: -24.5s;
}
body.defered .topbar[frames="2"] .topbar-frame {
  -webkit-animation-name: frames_2;
  animation-name: frames_2;
  -webkit-animation-duration: 16s;
  animation-duration: 16s;
}
body.defered .topbar[frames="3"] .topbar-frame {
  -webkit-animation-name: frames_3;
  animation-name: frames_3;
  -webkit-animation-duration: 24s;
  animation-duration: 24s;
}
body.defered .topbar[frames="4"] .topbar-frame {
  -webkit-animation-name: frames_4;
  animation-name: frames_4;
  -webkit-animation-duration: 32s;
  animation-duration: 32s;
}
@-webkit-keyframes frames_2 {
  0% {
    top: 100%;
  }
  1% {
    top: 0;
  }
  50% {
    top: 0;
  }
  51% {
    top: -100%;
  }
  100% {
    top: -100%;
  }
}
@keyframes frames_2 {
  0% {
    top: 100%;
  }
  1% {
    top: 0;
  }
  50% {
    top: 0;
  }
  51% {
    top: -100%;
  }
  100% {
    top: -100%;
  }
}
@-webkit-keyframes frames_3 {
  0% {
    top: 100%;
  }
  1% {
    top: 0;
  }
  33% {
    top: 0;
  }
  34% {
    top: -100%;
  }
  100% {
    top: -100%;
  }
}
@keyframes frames_3 {
  0% {
    top: 100%;
  }
  1% {
    top: 0;
  }
  33% {
    top: 0;
  }
  34% {
    top: -100%;
  }
  100% {
    top: -100%;
  }
}
@-webkit-keyframes frames_4 {
  0% {
    top: 100%;
  }
  1% {
    top: 0;
  }
  25% {
    top: 0;
  }
  26% {
    top: -100%;
  }
  100% {
    top: -100%;
  }
}
@keyframes frames_4 {
  0% {
    top: 100%;
  }
  1% {
    top: 0;
  }
  25% {
    top: 0;
  }
  26% {
    top: -100%;
  }
  100% {
    top: -100%;
  }
}
#newsLetterSubscriptionBottomRightFooter {
  text-align: center;
}
#newsLetterSubscriptionBottomRightFooter .titleArea {
  position: relative;
  font-size: 14px;
  border-radius: 24px;
  background-color: #000;
  transition: all 0.4s;
}
body:not(.defered) #newsLetterSubscriptionBottomRightFooter .titleArea {
  display: none;
}
#newsLetterSubscriptionBottomRightFooter .titleArea:hover {
  color: #fff;
}
#newsLetterSubscriptionBottomRightFooter .titleArea.-hidden {
  opacity: 0;
  visibility: hidden;
}
#newsLetterSubscriptionBottomRightFooter .titleArea .expand-button {
  margin-top: -5px;
  margin-left: 8px;
  margin-right: -10px;
}
#newsLetterSubscriptionBottomRightFooter .titleArea .expand-button:not(.flip) {
  transform: rotate(180deg);
}
#newsLetterSubscriptionBottomRightFooter .expandedArea {
  position: relative;
  padding: 25px;
  flex-direction: column;
}
#newsLetterSubscriptionBottomRightFooter .expandedArea ._h4 {
  letter-spacing: 0;
}
#newsLetterSubscriptionBottomRightFooter .expandedArea video {
  object-fit: contain;
  width: 100%;
}
@media (min-width: 768px) {
  #newsLetterSubscriptionBottomRightFooter .expandedArea video {
    margin: 0 -25px;
    width: 400px;
  }
}
#newsLetterSubscriptionBottomRightFooter .expandedArea .terms a {
  text-decoration: underline;
}
#newsLetterSubscriptionBottomRightFooter .close-giveaway {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 15px;
}
@media (max-width: 767.8px) {
  #newsLetterSubscriptionBottomRightFooter .titleArea {
    position: fixed;
    z-index: 550;
    bottom: 16px;
    right: 16px;
  }
  body.hasCookieNotice #newsLetterSubscriptionBottomRightFooter .titleArea {
    bottom: 86px;
  }
  #newsLetterSubscriptionBottomRightFooter .expandedArea {
    border: solid #e5e5e5;
    border-width: 1px 0;
    display: block !important;
  }
  #newsLetterSubscriptionBottomRightFooter .expandedArea ._cta-white {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #newsLetterSubscriptionBottomRightFooter {
    position: fixed;
    bottom: 16px;
    right: 90px;
    z-index: 1040;
  }
  #newsLetterSubscriptionBottomRightFooter .expandedArea {
    position: absolute;
    max-height: 85vh;
    overflow: auto;
    width: 400px;
    bottom: 58px;
    right: -60px;
    display: none;
    background: #fff;
    box-shadow: 0 5px 11px 3px rgba(0, 0, 0, 0.35);
  }
  #newsLetterSubscriptionBottomRightFooter img {
    object-fit: none;
  }
}
@media (max-width: 767.8px) {
  body.hasNewsletterBoxBottomRight .cta-buttons {
    bottom: 80px;
  }
}
@media (max-width: 767.8px) {
  .signup-form .g-recaptcha {
    transform: scale(0.8);
    transform-origin: 0 0;
  }
}
.signup-form .has-countdown {
  box-shadow: 0 10px 16px -3px rgba(13, 9, 0, 0.1),
    0 1px 6px -2px rgba(13, 9, 0, 0.05);
  border-radius: 4px;
}
.signup-form .has-countdown .countdownHolder {
  border-radius: 4px 4px 0 0;
}
.signup-form .has-countdown .form-content {
  padding: 32px;
}
.signup-form .countdownHolder {
  width: 100%;
  display: flex;
  background-color: #0d0900;
  padding: 14px 0;
  justify-content: center;
  align-items: flex-end;
}
.signup-form .countdownHolder h5 {
  color: #fff;
  font-family: "Domaine Text Light";
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
}
.signup-form .countdownHolder .timeHolder span {
  color: #fff;
  font-family: "Domaine Text Light";
  font-size: 32px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: auto;
}
.signup-form .countdownHolder .timeHolder .label {
  display: unset;
  color: #fff;
  font-family: "Domaine Text Light";
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 13px;
  text-transform: uppercase;
}
.signup-form .countdownHolder .timeHolder .label.alternative {
  display: none !important;
}
@media (min-width: 480px) and (max-width: 1440px) {
  .signup-form .countdownHolder .timeHolder .label {
    display: none !important;
  }
  .signup-form .countdownHolder .timeHolder .label.alternative {
    display: unset !important;
  }
}
@media (max-width: 1025px) {
  .signup-form .countdownHolder {
    padding: 8px 0;
  }
  .signup-form .countdownHolder h5 {
    font-size: 14px;
    line-height: 24px;
  }
  .signup-form .countdownHolder .timeHolder span {
    font-size: 24px;
    letter-spacing: 0.6px;
    line-height: 10px;
  }
  .signup-form .countdownHolder .timeHolder .label {
    font-size: 8px;
    line-height: 24px;
  }
}
.signup-form .text-content {
  position: relative;
}
.signup-form .text-content .newsletter-title {
  font-family: "Domaine Text Light";
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 32px;
}
.signup-form .text-content .newsletter-description,
.signup-form .text-content .newsletter-extra-content {
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
}
.signup-form .text-content .newsletter-description::first-letter,
.signup-form .text-content .newsletter-extra-content::first-letter {
  text-transform: capitalize;
}
.signup-form .text-content .newsletter-extra-content {
  margin-top: 24px;
}
.signup-form .text-content .newsletter-extra-content p {
  margin: 0;
}
.signup-form .text-content .newsletter-extra-content p:last-child {
  margin-top: 16px;
}
.signup-form .text-content .newsletter-extra-content p a {
  text-decoration: underline;
  font-family: "Plain Medium";
}
.signup-form .text-content .newsletter-extra-content strong {
  font-family: "Plain Medium";
  margin-bottom: 4px;
}
.signup-form .text-content .newsletter-extra-content strong :last-child {
  margin-top: 16px;
}
.signup-form .fieldHolder.floating-label {
  position: relative;
  height: 44px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.signup-form .fieldHolder.floating-label .floating-input:focus ~ label,
.signup-form
  .fieldHolder.floating-label
  .floating-input:not(:placeholder-shown)
  ~ label {
  top: 0;
  transform: translateY(4px);
  color: #666;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
}
.signup-form .fieldHolder.floating-label:focus-within {
  border: 1px solid #666;
}
.signup-form .fieldHolder.floating-label label {
  color: #666;
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  pointer-events: none;
  left: 0;
  padding: 0 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.signup-form .fieldHolder.floating-label.hasError {
  border: 1px solid #a9201e;
  margin-bottom: 40px;
}
.signup-form .fieldHolder.floating-label.hasError label {
  color: #a9201e !important;
}
.signup-form .fieldHolder.floating-label .errorMessage {
  position: absolute;
  bottom: 0;
  transform: translateY(110%);
  margin: 0;
}
.signup-form .fieldHolder.floating-label .errorMessage span {
  color: #a9201e;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
}
.signup-form .fieldHolder input {
  font-family: "Plain Light";
  color: #0d0900;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  height: 28px;
  border: 0;
  outline: 0;
  bottom: 0;
  position: absolute;
}
.signup-form .fieldHolder input:-webkit-autofill {
  -webkit-background-clip: text;
  background-clip: text;
}
.signup-form .fieldHolder input:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
.signup-form .fieldHolder input::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
}
.signup-form .genderWrapper {
  -webkit-box-shadow: 0 0 0 4px white, 0 0 0 5px #e4e4e4;
  box-shadow: 0 0 0 4px white, 0 0 0 5px #e4e4e4;
  background: #fff;
  margin: 24px auto;
}
.signup-form .genderWrapper input + span {
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  text-align: center;
}
.signup-form .genderWrapper .toggler {
  background-color: #f2f2f2;
  color: #000;
}
.signup-form .genderWrapper .toggler span {
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  text-align: center;
}
.signup-form .genderWrapper .toggler.active {
  background-color: #0d0900;
  color: #fff;
}
.signup-form input[type="radio"] {
  vertical-align: middle;
  margin: -2px 5px 0 0;
  width: 16px;
  height: 16px;
  accent-color: #0d0900;
}
.signup-form .consent-container {
  font-family: "Plain Light";
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.signup-form .consent-container p {
  margin: 0;
}
.signup-form .consent-container .consent-text {
  cursor: pointer;
}
.signup-form .consent-container .more-consent-text {
  visibility: hidden;
}
.signup-form .consent-container a {
  text-decoration: underline;
  color: #666;
}
.signup-form .consent-container.constent-toggle .more-consent-text {
  visibility: unset;
}
.signup-form .consent-container.constent-toggle .down-arrow {
  transform: rotate(180deg);
}
.signup-form .signup-button {
  position: relative;
}
.signup-form .signup-button .loading,
.signup-form .signup-button .check,
.signup-form .signup-button .error {
  display: none;
}
.signup-form .signup-button.active {
  background-color: #2ecc71;
}
.signup-form .signup-button.active:before {
  width: 100%;
  transition: width 3s linear;
}
.signup-form .signup-button.active .loading i {
  animation: loading 500ms linear infinite;
}
.signup-form .signup-button.finished {
  background-color: #54d98c;
}
.signup-form .signup-button.finished .submit {
  display: none;
}
.signup-form .signup-button.finished .loading {
  display: none;
}
.signup-form .signup-button.finished .check {
  display: block !important;
  font-size: 24px;
  animation: scale 0.5s linear;
}
.signup-form .signup-button.finished .check i {
  transform-origin: center center;
}
.signup-form .signup-button.failed {
  background-color: #d95954;
}
.signup-form .signup-button.failed .submit {
  display: none;
}
.signup-form .signup-button.failed .loading {
  display: none;
}
.signup-form .signup-button.failed .check {
  display: none;
}
.signup-form .signup-button.failed .error {
  display: block !important;
  font-size: 24px;
  animation: scale 0.5s linear;
}
.signup-form .signup-button.failed .error i {
  transform-origin: center center;
}
.signup-form .signup-button:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #54d98c;
}
#openSignupSale {
  position: fixed;
  z-index: 550;
  bottom: 16px;
  left: 16px;
  transition: all 0.4s;
}
body.hasCookieNotice #openSignupSale {
  bottom: 86px;
}
#openSignupSale.-hidden {
  opacity: 0;
  visibility: hidden;
}
#NewsletterSignupPage {
  background-color: #fff;
  padding: 64px 0;
}
@media (max-width: 480px) {
  #NewsletterSignupPage .formImageArea {
    margin-top: 24px;
  }
}
#NewsletterSignupPage .sample-sale-animation {
  height: 672px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #0d0900;
  color: #fff;
}
#NewsletterSignupPage .sample-sale-animation h3 {
  font-family: "Domaine Text Light";
  font-style: normal;
  font-weight: 300;
  font-size: 54px;
  line-height: 69px;
  text-transform: uppercase;
}
#NewsletterSignupPage .sample-sale-animation .animated-line {
  margin-top: 29px;
  height: 4px;
  width: 180px;
  background: #fff;
  animation: extend-line 400ms ease-out 5s forwards;
}
@keyframes extend-line {
  0% {
    width: 180px;
  }
  100% {
    width: 280px;
  }
}
@media (max-width: 1024px) {
  #NewsletterSignupPage .sample-sale-animation {
    height: 512px;
  }
  #NewsletterSignupPage .sample-sale-animation h3 {
    font-size: 44px;
    line-height: 56px;
  }
  #NewsletterSignupPage .sample-sale-animation .animated-line {
    height: 2px;
    width: 140px;
    margin-top: 19px;
    animation: extend-line-2 400ms ease-out 5s forwards;
  }
}
@media (max-width: 768px) {
  #NewsletterSignupPage .sample-sale-animation {
    height: 384px;
  }
  #NewsletterSignupPage .sample-sale-animation h3 {
    font-size: 34px;
    line-height: 44px;
  }
  #NewsletterSignupPage .sample-sale-animation .animated-line {
    width: 110px;
    margin-top: 12px;
    animation: extend-line-3 400ms ease-out 5s forwards;
  }
}
@media (max-width: 480px) {
  #NewsletterSignupPage .sample-sale-animation {
    height: 375px;
  }
}
#NewsletterSignupPage #confirmationFormSection {
  display: none;
  color: #0d0900;
  flex-direction: column;
  justify-items: flex-start;
}
#NewsletterSignupPage #confirmationFormSection .confirmation-title {
  font-family: "Domaine Text Light";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 8px;
}
#NewsletterSignupPage #confirmationFormSection p {
  font-family: "Plain Light";
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
}
#NewsletterSignupPage #confirmationFormSection a {
  background-color: #0d0900;
  color: #fff;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 240px;
  height: 44px;
  border: 1px solid transparent;
  transition: all 0.4s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
#NewsletterSignupPage #confirmationFormSection a + a {
  margin-top: 24px;
}
#NewsletterSignupPage #confirmationFormSection a:hover {
  border: 1px solid #0d0900;
  color: #0d0900;
  background-color: #fff;
}
@keyframes extend-line-2 {
  0% {
    width: 140px;
  }
  100% {
    width: 240px;
  }
}
@keyframes extend-line-3 {
  0% {
    width: 140px;
  }
  100% {
    width: 190px;
  }
}
#NewsletterSignupConditions {
  background-color: #fafafa;
  padding: 32px 0;
}
#NewsletterSignupConditions .condition-title {
  font-family: "Plain Medium";
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
}
#NewsletterSignupConditions .condition-desc {
  font-family: "Plain Light";
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0;
}
#NewsletterSignupConditions ol {
  list-style-type: decimal;
}
#NewsletterSignupConditions li {
  margin-bottom: 6px;
  margin-left: 12px;
  font-family: "Plain Light";
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  max-width: 950px;
}
#NewsletterSignupConditions a {
  text-decoration: underline;
}
@media (max-width: 1221px) {
  #NewsletterSignupConditions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1042px) {
  #discountShowcase {
    margin: 40px 150px 0 150px !important;
  }
}
@media (min-width: 768px) {
  #discountShowcase {
    margin: 40px 0 0 0;
  }
}
@media (max-width: 425px) {
  #discountShowcase {
    margin-top: 20px;
  }
}
#discountShowcase a,
#discountShowcase a:hover {
  color: unset;
}
#discountShowcase a:hover .discountItem .product_category {
  opacity: 0.4;
}
#discountShowcase .whiteBG .product_image img {
  border: 1px solid #d3d3d3;
}
#discountShowcase .discountItem .product_category {
  font-family: "Nunito Sans";
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 22px;
  margin-top: 10px;
}
#discountShowcase .discountItem .product_discount_area {
  font-family: "Nunito Sans SemiBold";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 22px;
  color: #adadad;
}
#bfSignupPage {
  position: relative;
}
#bfSignupPage picture img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
#bfSignupPage .text-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#bfSignupPage .text-container .text-content .info {
  display: none;
}
#bfSignupPage .text-container .text-content .logo {
  color: #fff;
  margin-top: 104px;
}
#bfSignupPage .text-container .text-content .logo h1 {
  font-family: "Domaine Text Light";
  font-size: 90px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 118px;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
}
#bfSignupPage .text-container .text-content .logo span {
  font-family: "Domaine Text Light";
  font-size: 44px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 57px;
  text-align: center;
}
#bfSignupPage .text-container .text-content .logo span:first-child {
  margin-left: 84px;
}
#bfSignupPage .text-container .text-content .logo span:last-child {
  float: right;
  margin-right: 82px;
  margin-bottom: 104px;
}
@media (max-width: 1441px) {
  #bfSignupPage .text-container .text-content .logo {
    margin-top: 81px;
  }
  #bfSignupPage .text-container .text-content .logo h1 {
    font-size: 70px;
    line-height: 92px;
  }
  #bfSignupPage .text-container .text-content .logo span {
    font-size: 30px;
    line-height: 39px;
  }
  #bfSignupPage .text-container .text-content .logo span:last-child {
    margin-bottom: 81px;
  }
}
@media (max-width: 1025px) {
  #bfSignupPage .text-container .text-content .logo {
    margin-top: 40px;
  }
  #bfSignupPage .text-container .text-content .logo h1 {
    font-size: 50px;
    line-height: 66px;
  }
  #bfSignupPage .text-container .text-content .logo span {
    font-size: 24px;
    line-height: 32px;
  }
  #bfSignupPage .text-container .text-content .logo span:last-child {
    margin-bottom: 40px;
  }
}
#bfSignupPage .text-container .textHolder.cupid h2,
#bfSignupPage .text-container .textHolder.cupid p {
  color: #0d0900;
}
#bfSignupPage .text-container .textHolder h2 {
  color: #fff;
  font-family: "Domaine Text Light";
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 52px;
}
#bfSignupPage .text-container .textHolder p {
  color: #fff;
  font-family: "Domaine Text Light";
  font-style: italic;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  text-align: left;
}
#bfSignupPage .text-container .countdownHolder {
  width: 100%;
  display: none;
  background-color: #0d0900;
  padding: 14px 0;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 768px) {
  #bfSignupPage .text-container .countdownHolder {
    display: flex;
  }
}
#bfSignupPage .text-container .countdownHolder h5 {
  color: #fff;
  font-family: "Domaine Text Light";
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
}
#bfSignupPage .text-container .countdownHolder .timeHolder span {
  color: #fff;
  font-family: "Domaine Text Light";
  font-size: 32px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: auto;
}
#bfSignupPage .text-container .countdownHolder .timeHolder .label {
  display: unset;
  color: #fff;
  font-family: "Domaine Text Light";
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 13px;
  text-transform: uppercase;
}
#bfSignupPage .text-container .countdownHolder .timeHolder .label.alternative {
  display: none !important;
}
@media (max-width: 1025px) {
  #bfSignupPage .text-container .countdownHolder {
    padding: 8px 0;
  }
  #bfSignupPage .text-container .countdownHolder h5 {
    font-size: 14px;
    line-height: 24px;
  }
  #bfSignupPage .text-container .countdownHolder .timeHolder span {
    font-size: 24px;
    letter-spacing: 0.6px;
    line-height: 10px;
  }
  #bfSignupPage .text-container .countdownHolder .timeHolder .label {
    font-size: 8px;
    line-height: 24px;
  }
}
#bfSignupPage .text-container .formHolder {
  border-radius: 4px;
  background-color: #fff;
  padding: 32px;
}
@media (min-width: 1441px) {
  #bfSignupPage .text-container .formHolder {
    max-width: 500px;
    flex: 0 0 500px;
  }
}
@media (max-width: 1025px) {
  #bfSignupPage .text-container .formHolder {
    padding: 24px;
  }
}
@media (max-width: 769px) {
  #bfSignupPage .text-container .formHolder {
    padding: 0;
  }
}
#bfSignupPage .text-container .formHolder .floating-label {
  position: relative;
  margin-bottom: 24px;
  height: 44px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  background-color: #fff;
}
#bfSignupPage
  .text-container
  .formHolder
  .floating-label
  .floating-input:focus
  ~ label,
#bfSignupPage
  .text-container
  .formHolder
  .floating-label
  .floating-input:not(:placeholder-shown)
  ~ label {
  top: 0;
  transform: translateY(3px);
  color: #666;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
}
#bfSignupPage .text-container .formHolder .floating-label:focus-within {
  border: 1px solid #666;
}
#bfSignupPage .text-container .formHolder .floating-label label {
  color: #666;
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  pointer-events: none;
  left: 0;
  padding: 0 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
#bfSignupPage .text-container .formHolder .floating-label.hasError {
  border: 1px solid #a9201e;
  margin-bottom: 40px;
}
#bfSignupPage .text-container .formHolder .floating-label.hasError label {
  color: #a9201e !important;
}
#bfSignupPage .text-container .formHolder .floating-label .errorMessage {
  position: absolute;
  bottom: 0;
  transform: translateY(110%);
  margin: 0;
}
#bfSignupPage .text-container .formHolder .floating-label .errorMessage span {
  color: #a9201e;
  font-family: "Plain Light";
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
}
#bfSignupPage .text-container .formHolder input[type="text"] {
  font-family: "Plain Light";
  color: #0d0900;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  border: 0;
  outline: 0;
  bottom: 0;
  position: absolute;
  height: calc(1.5em + 0.75rem);
  padding: 3px 0.75rem;
}
#bfSignupPage .text-container .formHolder input[type="text"]:-webkit-autofill {
  -webkit-background-clip: text;
  background-clip: text;
}
#bfSignupPage .text-container .formHolder input[type="text"]:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
#bfSignupPage .text-container .formHolder input[type="text"]::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
}
#bfSignupPage .text-container .formHolder .countdownHolder {
  display: none;
}
#bfSignupPage .text-container .formHolder.hasCountdown {
  padding: 0;
}
#bfSignupPage .text-container .formHolder.hasCountdown .countdownHolder {
  border: 1px solid #fff;
  border-radius: 4px 4px 0 0;
  display: flex;
}
@media (max-width: 768px) {
  #bfSignupPage .text-container .formHolder.hasCountdown .countdownHolder {
    display: none;
  }
}
#bfSignupPage .text-container .formHolder.hasCountdown .formFields {
  padding: 32px;
}
#bfSignupPage .text-container p {
  margin-top: 16px;
  color: #0d0900;
  font-family: "Plain Light";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}
#bfSignupPage .text-container .form {
  margin-top: 48px;
}
#bfSignupPage .text-container .consent-container {
  font-family: "Plain Light";
}
#bfSignupPage .text-container .consent-container .consent-text {
  margin-top: 16px;
  margin-bottom: 12px;
  color: #666;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
#bfSignupPage .text-container .consent-container .more-consent-text {
  display: none;
  color: #666;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}
#bfSignupPage .text-container .consent-container a {
  text-decoration: underline;
}
#bfSignupPage
  .text-container
  .consent-container.constent-toggle
  .more-consent-text {
  display: unset;
}
#bfSignupPage .text-container .consent-container.constent-toggle .down-arrow {
  transform: rotate(180deg);
}
#bfSignupPage .text-container .gender-selection input {
  accent-color: #0d0900;
}
#bfSignupPage .text-container .gender-selection .gender {
  font-family: "Plain Light";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
}
#bfSignupPage .text-container .genderWrapper {
  -webkit-box-shadow: 0 0 0 4px white, 0 0 0 5px #e4e4e4;
  box-shadow: 0 0 0 4px white, 0 0 0 5px #e4e4e4;
  background: #fff;
  margin: 24px auto;
}
#bfSignupPage .text-container .genderWrapper input + span {
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  text-align: center;
}
#bfSignupPage .text-container .genderWrapper .toggler {
  background-color: #f2f2f2;
  color: #000;
}
#bfSignupPage .text-container .genderWrapper .toggler span {
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  text-align: center;
}
#bfSignupPage .text-container .genderWrapper .toggler.active {
  background-color: #0d0900;
  color: #fff;
}
#bfSignupPage .text-container #SignupPageButton {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  background-color: #0d0900;
  border: 1px solid transparent;
  border-radius: 0;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Plain Light";
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  height: 44px;
  transition: all 0.4s linear;
}
#bfSignupPage .text-container #SignupPageButton.active {
  background-color: #2ecc71;
}
#bfSignupPage .text-container #SignupPageButton.active:before {
  width: 100%;
  transition: width 3s linear;
}
#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(1) {
  top: -100%;
  transform: translateY(-50%);
}
#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(2) i {
  animation: loading 500ms linear infinite;
}
#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(3) {
  display: none;
}
#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(4) {
  display: none;
}
#bfSignupPage .text-container #SignupPageButton.finished {
  background-color: #54d98c;
}
#bfSignupPage .text-container #SignupPageButton.finished .submit {
  display: none;
}
#bfSignupPage .text-container #SignupPageButton.finished .loading {
  display: none;
}
#bfSignupPage .text-container #SignupPageButton.finished .check {
  display: block !important;
  font-size: 24px;
  animation: scale 0.5s linear;
}
#bfSignupPage .text-container #SignupPageButton.finished .check i {
  transform-origin: center center;
}
#bfSignupPage .text-container #SignupPageButton.failed {
  background-color: #d95954;
}
#bfSignupPage .text-container #SignupPageButton.failed .submit {
  display: none;
}
#bfSignupPage .text-container #SignupPageButton.failed .loading {
  display: none;
}
#bfSignupPage .text-container #SignupPageButton.failed .check {
  display: none;
}
#bfSignupPage .text-container #SignupPageButton.failed .error {
  display: block !important;
  font-size: 24px;
  animation: scale 0.5s linear;
}
#bfSignupPage .text-container #SignupPageButton.failed .error i {
  transform-origin: center center;
}
#bfSignupPage .text-container #SignupPageButton:hover {
  background-color: #fff;
  border: 1px solid #0d0900;
  color: #0d0900;
}
#bfSignupPage .text-container #SignupPageButton.finished:hover,
#bfSignupPage .text-container #SignupPageButton.active:hover {
  background-color: #54d98c;
  border: 1px solid transparent;
  color: unset;
}
#bfSignupPage .text-container #SignupPageButton.failed:hover {
  background-color: #d95954;
  border: 1px solid transparent;
  color: unset;
}
#bfSignupPage .text-container #SignupPageButton:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #54d98c;
}
#bfSignupPage .text-container #SignupPageButton span {
  position: absolute;
  line-height: 0;
}
#bfSignupPage .text-container #SignupPageButton span i {
  transform-origin: center center;
}
#bfSignupPage .text-container #SignupPageButton span:nth-of-type(1) {
  top: 50%;
  transform: translateY(-50%);
}
#bfSignupPage .text-container #SignupPageButton span:nth-of-type(2) {
  top: 100%;
  transform: translateY(0%);
  font-size: 24px;
}
#bfSignupPage .text-container #SignupPageButton span:nth-of-type(3) {
  display: none;
}
#bfSignupPage .text-container #SignupPageButton span:nth-of-type(4) {
  display: none;
}
@media (max-width: 769px) {
  #bfSignupPage .text-container {
    position: unset;
  }
  #bfSignupPage .text-container .text-content {
    display: none;
  }
  #bfSignupPage .text-container .content {
    flex-direction: column;
  }
  #bfSignupPage .text-container .content .textHolder {
    display: unset;
    margin-top: 32px;
  }
  #bfSignupPage .text-container .content .textHolder h2,
  #bfSignupPage .text-container .content .textHolder p {
    color: #0d0900;
    text-align: center;
  }
  #bfSignupPage .text-container .content .textHolder h2 {
    font-size: 32px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 44px;
  }
  #bfSignupPage .text-container .content .textHolder p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
  }
  #bfSignupPage .text-container .content .textHolder p {
    margin-top: 8px;
  }
}
@media (max-width: 426px) {
  #bfSignupPage .text-container .content .textHolder h2 {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 32px;
  }
  #bfSignupPage .text-container .content .textHolder p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
  }
}
#bfSignupPage .imageHolder {
  position: relative;
}
#bfSignupPage .imageHolder .overlay-black {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
}
@media (max-width: 769px) {
  #bfSignupPage .imageHolder .overlay-black {
    display: none;
  }
}
#bfSignupPage .imageHolder .text-content-sm {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo {
  color: #fff;
}
#bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo h1 {
  font-family: "Domaine Text Light";
  font-size: 50px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 66px;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
}
#bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo span {
  font-family: "Domaine Text Light";
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
}
#bfSignupPage
  .imageHolder
  .text-content-sm
  .text-container-sm
  .logo
  span:first-child {
  margin-left: 47px;
}
#bfSignupPage
  .imageHolder
  .text-content-sm
  .text-container-sm
  .logo
  span:last-child {
  float: right;
  margin-right: 49px;
}
#bfSignupPage .imageHolder .text-content-sm .text-container-sm .info {
  position: absolute;
  bottom: 0;
  left: 0;
}
#bfSignupPage .imageHolder .text-content-sm .text-container-sm .info h2 {
  color: #fff;
  font-family: "Domaine Text Light";
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
}
#bfSignupPage .imageHolder .text-content-sm .text-container-sm .info p {
  color: #fff;
  font-family: "Plain Light";
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding: 0 16px;
}
@media (max-width: 769px) {
  #bfSignupPage .imageHolder .text-content-sm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #bfSignupPage .imageHolder .text-content-sm .text-container-sm .info {
    display: none;
  }
}
@media (max-width: 426px) {
  #bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo {
    top: 32px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  #bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo h1 {
    font-size: 40px;
    line-height: 52px;
  }
  #bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo span {
    font-size: 18px;
    line-height: 28px;
  }
  #bfSignupPage .imageHolder .text-content-sm .text-container-sm .info {
    display: unset !important;
  }
}


#alertifyConfirmation {
  display: none;
}
#alertifyConfirmation .socialButtons {
  display: flex;
  width: 80%;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #alertifyConfirmation .socialButtons {
    flex-direction: column;
    width: 100%;
  }
}
#alertifyConfirmation .socialButtons a {
  flex: 1 1 0;
  flex-basis: 0;
  color: #000;
  text-align: center;
  padding: 10px 20px;
  margin: 0 20px;
  border-radius: 5px;
  border: 1px solid #000;
  font-weight: 600;
  transition: 0.5s ease;
}
#alertifyConfirmation .socialButtons a:hover {
  background-color: #000;
  color: #fff;
}
@media (max-width: 768px) {
  #alertifyConfirmation .socialButtons a {
    margin: 13px 0;
  }
}
#alertify #alertifyConfirmation {
  display: unset !important;
}