@font-face{
  font-family: "PlantinMT";
  src: url('../fonts/PlantinMT-Light.eot') format('eot'),
   url('../fonts/PlantinMT-Light.ttf') format('ttf'),
  url('../fonts/PlantinMT-Light.woff') format('woff'),
  url('../fonts/PlantinMT-Light.woff2') format('woff2');
 }
  
 html , body ,a ,span , p , li , ul{
  font-family: "PlantinMT";

 }

 .g-serif-caps-l1 , .g-popin--dialog .vex-dialog-button, .gem-btn--full
 ,.g-serif-l2, .g-serif-l2-not-underlined,.g-serif-l3,nav .nav-bar > li > p
 ,.mobile-nav-container nav > ul > li > a, .mobile-nav-container nav > ul > li > p,
  .mobile-nav-container nav > ul > li > span.obflink,.g-serif-l1,.ais-infinite-hits--showmore > button,
   .g-popin--dialog .vex-dialog-button, .gem-btn,h1,h2,h3,h4,h5,h6{
  font-family: "PlantinMT" !important;

 }
 a{
  color:inherit !important;
}
@keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-webkit-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-moz-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-o-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
.vex,
.vex *,
.vex :after,
.vex :before {
  box-sizing: border-box;
}
.vex {
  position: fixed;
  overflow: auto;
  z-index: 1111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vex-overlay {
  background: #000;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vex.vex-closing .vex-overlay {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden;
}
.vex-content {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  background: #fff;
}
.vex.vex-closing .vex-content {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden;
}
.vex-close:before {
  font-family: Arial, sans-serif;
  content: "\00D7";
}
.vex-dialog-form {
  margin: 0;
}
.vex-dialog-button {
  -webkit-appearance: none;
  cursor: pointer;
}
.vex-loading-spinner {
  animation: vex-rotation 0.7s linear infinite;
  -webkit-animation: vex-rotation 0.7s linear infinite;
  -moz-animation: vex-rotation 0.7s linear infinite;
  -ms-animation: vex-rotation 0.7s linear infinite;
  -o-animation: vex-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 1112;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2em;
  width: 2em;
  background: #fff;
}
.g-pink-dark {
  color: #d0857e;
}
.g-serif-l1 {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #3b3b3b;
  border-bottom: 2px solid #d0857e;
  margin: 10px 0;
  font-size: 18px;
  line-height: 45px;
  padding: 0;
}
@media (max-width: 374px) {
  .g-serif-l1 {
    font-size: 20px;
    letter-spacing: 0;
  }
}
@media (min-width: 768px) {
  .g-serif-l1 {
    margin: 10px 0 20px;
    font-size: 23px;
    line-height: 50px;
  }
}
@media (min-width: 1200px) {
  .g-serif-l1 {
    font-size: 27px;
    line-height: 65px;
  }
}
.g-serif-l2,
.g-serif-l2-not-underlined {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #3b3b3b;
  border-bottom: 2px solid #d0857e;
  margin: 10px 0;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 45px;
  padding: 0;
}
@media (min-width: 1024px) {
  .g-serif-l2,
  .g-serif-l2-not-underlined {
    font-size: 20px;
    line-height: 55px;
    padding: 0;
  }
}
@media (max-width: 374px) {
  .g-serif-l2,
  .g-serif-l2-not-underlined {
    font-size: 18px;
    line-height: 40px;
  }
}
.g-serif-l2-not-underlined {
  padding: 0 15px;
  border: none;
  margin: 0;
}
.g-serif-l3 {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.6px;
  color: #000;
  margin: 15px 0;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .g-serif-l3 {
    font-size: 15px;
  }
}
.g-serif-l3-light {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.6px;
  color: #3b3b3b;
  margin: 15px 0;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .g-serif-l3-light {
    font-size: 13px;
  }
}
.g-serif-l4 {
  font-weight: 400;
  font-size: 15px;
}
.g-serif-l4,
.g-serif-l4-b {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  text-align: center;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  margin: 10px 0;
  line-height: 18px;
}
.g-serif-l4-b {
  font-weight: 700;
  font-size: 16px;
}
.g-serif-l5 {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  color: #3b3b3b;
  border-bottom: 2px solid #d0857e;
  margin: 10px 0;
  font-size: 20px;
  line-height: 45px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .g-serif-l5 {
    font-size: 20px;
    line-height: 55px;
    padding: 0 25px;
  }
}
@media (max-width: 374px) {
  .g-serif-l5 {
    font-size: 24px;
    line-height: 40px;
  }
}
.g-serif-text {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
.g-serif-text,
.g-serif-text-s {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  margin: 10px 0;
  max-width: 100%;
}
.g-serif-text-s {
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
}
.g-serif-caps-l1 {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  color: #3b3b3b;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin: 15px 0 10px;
  font-size: 13px;
  line-height: 24px;
}
.g-serif-it-l2 {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  letter-spacing: 0.9px;
  font-size: 13px;
  line-height: 22px;
  color: #949494;
}
.g-text-bold,
strong {
  font-weight: 700;
}
.h-center {
  text-align: center !important;
}
.h-right {
  text-align: right !important;
}
.h-left {
  text-align: left !important;
}
.h-normal {
  font-style: normal;
}
.h-italic {
  font-style: italic;
}
.h-justify {
  text-align: justify;
}
.h-no-margin {
  margin: 0 !important;
}
.h-grey-semi-dark {
  color: #949494;
}
.h-underline {
  text-decoration: underline;
}
a,
span.obflink {
  color: inherit;
  text-decoration: none;
}
a:hover,
span.obflink:hover {
  cursor: pointer;
  color: #d0857e;
  text-decoration: underline;
}
.g-popin--dialog a.vex-dialog-button:hover,
.g-popin--dialog span.obflink.vex-dialog-button:hover,
a:hover.gem-a--no-hover,
a:hover.gem-btn,
span.obflink:hover.gem-a--no-hover,
span.obflink:hover.gem-btn {
  color: inherit;
  text-decoration: inherit;
}
.h-pink-dark,
a.g-a-pink,
span.obflink.g-a-pink {
  color: #d0857e;
}
.h-v-bottom {
  vertical-align: bottom;
}
.h-v-top {
  vertical-align: top;
}
img {
  border-style: none;
}
.block {
  margin-bottom: 30px;
}
.associated_gems h3,
.clearfix {
  clear: both;
}
.separator {
  height: 1px;
  width: 100%;
  background-color: #d7d7d7;
  margin: 30px 0;
  text-align: center;
}
.separator svg {
  padding: 5px;
  margin: -31px auto auto;
  width: 50px;
  height: 50px;
  fill: #949494;
  background-color: #fff;
}
.text-separator div {
  height: 1px;
  width: 100%;
  background-color: #d7d7d7;
  margin: 30px 0;
  text-align: center;
}
.text-separator span {
  position: relative;
  top: -45px;
  z-index: 1;
  padding: 0 30px;
  background-color: #fff;
  color: #949494;
  font-weight: 300;
}
.tooltip-label:after {
  display: none;
  content: "";
  width: 24px;
  height: 16px;
  background-image: url(/images/question-new.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 4px;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 5px;
}
@media (min-width: 1200px) {
  .tooltip-label:after {
    display: inline-block;
  }
}
.cms-no-route .main {
  text-align: center;
}
.cms-no-route .cms-links {
  margin-top: 60px;
}
.comparator-and-counter {
  display: none;
  position: fixed;
  right: 40px;
  bottom: 25px;
  z-index: 1;
}
.comparator-and-counter .compare-count {
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 100%;
  background-color: #d0857e;
  font-size: 9px;
  line-height: 11px;
  font-weight: 600;
  color: #000;
  width: 16px;
  height: 16px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 3px;
}
.comparator-and-counter .compare-count.hidden {
  display: none;
}
.comparator-and-counter .compare-count em {
  font-style: normal;
}
img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.g-reveal-img {
  position: relative;
}
.g-reveal-img .hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  z-index: -1;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .g-reveal-img .hidden {
    display: block !important;
    visibility: visible !important;
  }
}
.g-reveal-img:hover .hidden {
  z-index: 2;
  opacity: 1;
}
.g-serif-l2-popin {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  color: #3b3b3b;
  border-bottom: 2px solid #d0857e;
  margin: 10px 0;
  font-size: 13px;
  line-height: 45px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .g-serif-l2-popin {
    line-height: 55px;
    padding: 0 25px;
  }
}
@media (max-width: 374px) {
  .g-serif-l2-popin {
    font-size: 13px;
    line-height: 40px;
  }
}
.alert-popin {
  display: none;
  box-sizing: border-box;
  position: fixed;
  max-height: calc(100vh - 25px);
  overflow: auto;
  bottom: 20px;
  left: 20px;
  max-width: calc(100% - 40px);
  z-index: 999;
  border: 1px solid #d0857e;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .alert-popin {
    max-height: inherit;
    bottom: 50px;
    left: 50px;
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .alert-popin {
    left: 50px;
    max-width: 500px;
  }
}
.alert-popin.popin-image {
  border: 1px solid #d0857e;
}
@media (min-width: 768px) {
  .alert-popin.popin-image {
    max-width: 350px;
  }
}
@media (min-width: 1200px) {
  .alert-popin.popin-image {
    max-width: 350px;
  }
}
.alert-popin.popin-image .alert-popin--content {
  padding: 0 15px;
}
@media (max-width: 767px) {
  .alert-popin.popin-image .alert-popin--content {
    padding: 20px 25px;
  }
}
@media (max-width: 767px) {
  .alert-popin .popin-image-container {
    display: none;
  }
}
.alert-popin .alert-popin--content {
  position: relative;
  padding: 20px 50px;
  background: #fff;
}
@media (max-width: 767px) {
  .alert-popin .alert-popin--content {
    padding: 20px 25px;
  }
}
.alert-popin .alert-popin--icon {
  display: inline !important;
}
.alert-popin .alert-popin--overlay {
  position: fixed;
  background-color: rgba(82, 82, 82, 0.77);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.alert-popin .close-popin-wrapper,
.alert-popin .close-popin-wrapper-shops {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.alert-popin .close-popin-wrapper-shops .close-popin,
.alert-popin .close-popin-wrapper .close-popin {
  width: 15px;
  height: 15px;
}
.g-help-phone {
  margin-top: 20px;
  padding-bottom: 18px;
  border-bottom: 2px solid #d0857e;
}
@media (max-width: 567px) {
  .g-help-mobile {
    border: none;
  }
}
.gem-btn--parenthesis-waiting-list {
  color: #000 !important;
  border-color: #000 !important;
}
.cms-index-index .desktop-nav {
  border: none;
}
#main:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: opacity 0s ease 0.1s, visibility 0s ease 0.1s;
}
#main.overlay:after {
  visibility: visible;
  opacity: 1;
}
nav ul {
  padding: 0;
}
nav li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 5px;
}
nav.desktop-nav {
  text-align: center;
  color: #000;
  margin: 0;
  display: none;
}
@media (min-width: 1200px) {
  nav.desktop-nav {
    display: block;
  }
}
nav .nav-bar {
  max-width: 800px;
  margin: 0 auto;
  overflow: visible;
  display: inline-flex;
}
nav .nav-bar > li {
  width: auto;
  margin: 0;
  padding: 0 15px;
}
nav .nav-bar > li > p {
  cursor: default;
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  letter-spacing: 0.6px;
  font-size: 12px;
  line-height: 19px;
  text-transform: uppercase !important;
  margin: 0;
}
nav .nav-bar .display-on-hover > p {
  transition: color 0.1s;
}
nav .nav-bar .display-on-hover > p a,
nav .nav-bar .display-on-hover > p span.obflink {
  text-decoration: inherit;
}
nav .nav-bar .display-on-hover:hover > p {
  color: #d0857e;
}
nav .nav-bar .display-on-hover:hover .nav-tab {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}
nav .nav-bar .display-on-hover:after {
  position: absolute;
  background-color: #d0857e;
  content: "";
  width: 30px;
  bottom: calc(var(--total-nav-height) / 6);
  opacity: 0;
  height: 0;
  transition: opacity 0s ease 0.1s, visibility 0s ease 0.1s;
}
nav .nav-bar .display-on-hover:hover:after {
  opacity: 1;
  height: 1px;
  background-color: #d0857e;
}
nav .nav-tab {
  z-index: 3;
  display: flex;
  justify-content: center;
  box-sizing: content-box !important;
  width: 100%;
  text-align: left;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  background-color: #fff;
  padding: 30px 0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  transition: opacity 0s ease 0.1s, visibility 0s ease 0.1s;
}
nav .nav-tab .col:not(:last-child) {
  padding-right: 25px;
  margin-right: 25px;
  border-right: 1px solid #3b3b3b;
}
nav .nav-tab .col p {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.6px;
  font-size: 15px;
  line-height: 30px;
  font-size: 17px !important;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 10px;
  white-space: nowrap;
  color: #3b3b3b;
}
@media (min-width: 768px) {
  nav .nav-tab .col p {
    font-size: 15px;
  }
}
nav .nav-tab .col .picture-title {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  letter-spacing: 0.6px;
  font-size: 12px;
  line-height: 19px;
  font-size: 20px;
  line-height: 40px;
  margin: 0 0 10px;
  white-space: nowrap;
}
nav .nav-tab .col ul li a,
nav .nav-tab .col ul li span.obflink {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  letter-spacing: 0.9px;
  margin: 15px 0 10px;
  font-size: 14px;
  line-height: 24px;
}
.g-popin--dialog nav .nav-tab .col ul li a.vex-dialog-button,
nav .nav-tab .col ul li .g-popin--dialog a.vex-dialog-button,
nav .nav-tab .col ul li a.gem-btn {
  font-family: Sackers-Gothic-Medium !important;
  padding: 15px 30px 13px !important;
  margin: 0 10px !important;
}
nav .nav-tab .col ul li a.custom-btn-video {
  font-family: Sackers-Gothic-Medium !important;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  transition: all 0.3s ease;
}
nav .nav-tab .col ul li a.custom-btn-video:hover {
  color: #d0857e !important;
  border-color: #d0857e;
}
#info-banner {
  padding: 3px;
  background-color: #f4e5e2;
}
#g-menu-over * {
  box-sizing: border-box;
  line-height: 18px;
}
#g-menu-over {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  height: 60px;
  width: 100%;
  background: #fff;
  transform: translate3d(0, -2rem, 0);
  transition: transform 0.4s, opacity 0.1s;
  border-bottom: 1px solid #f0f0f0;
}
#g-menu-over .menu-guide-mobile-over li {
  line-height: 40px;
}
#g-menu-over .menu-guide-mobile-over a {
  color: #3b3b3b;
}
#g-menu-over .menu-guide-mobile-over .svg-down {
  fill: #fff;
}
#g-menu-over .svg-down {
  margin-left: 5px;
  width: 12px;
  height: 12px;
  fill: #3b3b3b;
}
#g-menu-over #over-menu-toggle {
  padding: 15px;
  max-width: 110px;
}
#g-menu-over .g-menu-over--title {
  margin-left: 15px;
  font-weight: 700;
}
@media (max-width: 767px) {
  #g-menu-over .g-menu-over--title {
    display: none;
  }
}
#g-menu-over.is-active {
  transform: translateZ(0);
  opacity: 1;
  z-index: 1000;
}
#g-menu-over .g-menu-over--menu a {
  font-size: 14px;
  margin: 0 15px;
}
@media (min-width: 1200px) {
  #g-menu-over .g-menu-over--mobile {
    display: none;
  }
}
#g-menu-over .g-menu-over--mobile .g-menu-over--mobile-title {
  margin: 0;
  text-transform: uppercase;
  font-size: 15px;
}
#g-menu-over .g-menu-over--dropdown-menu,
#g-menu-over .g-menu-over--mobile-menu {
  display: none;
  position: absolute;
  border: 1px solid #f0f0f0;
  top: 60px;
  padding: 0;
  background: #fff;
  z-index: 1;
}
#g-menu-over .g-menu-over--dropdown-menu li,
#g-menu-over .g-menu-over--mobile-menu li {
  list-style: none;
  width: 100%;
}
#g-menu-over .g-menu-over--dropdown-menu li a,
#g-menu-over .g-menu-over--mobile-menu li a {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  padding: 15px;
}
#g-menu-over .gjs-menu-over--display-filter-toggle .g-menu-over--dropdown-menu {
  top: 60px;
  right: -1px;
  padding: 0 15px;
}
@media (max-width: 767px) {
  #g-menu-over
    .gjs-menu-over--display-filter-toggle
    .g-menu-over--dropdown-menu {
    top: 48px;
  }
}
#g-menu-over
  .gjs-menu-over--display-filter-toggle
  .g-menu-over--dropdown-menu
  .svg-editorial,
#g-menu-over
  .gjs-menu-over--display-filter-toggle
  .g-menu-over--dropdown-menu
  .svg-grid {
  width: 20px;
  height: 20px;
  fill: #3b3b3b;
}
@media (max-width: 767px) {
  #g-menu-over .g-menu-over--category-filters {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    justify-content: center;
    align-items: center;
  }
}
#g-menu-over
  .g-menu-over--category-filters
  .g-menu-over--category-filters-toggle,
#g-menu-over
  .g-menu-over--category-filters
  .gjs-menu-over--display-filter-toggle {
  margin: 0 10px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
}
#g-menu-over
  .g-menu-over--category-filters
  .g-menu-over--category-filters-toggle
  .svg-attribute--customizer {
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 5px;
}
#g-menu-over
  .g-menu-over--category-filters
  .gjs-menu-over--display-filter-toggle
  .svg-screen {
  width: 20px;
  height: 20px;
}
@media (min-width: 1024px) {
  #g-menu-over .g-menu-over--category-filters .g-customizer-options-wrapper {
    right: -1px;
    top: 60px;
    border: 1px solid #f0f0f0;
  }
}
@media (max-width: 1023px) {
  #g-menu-over .g-menu-over--category-filters .g-customizer-options-wrapper {
    width: 100vw;
    height: 100vh;
  }
}
#g-menu-over .g-menu-over--category-filters-toggle,
#g-menu-over .g-menu-over--menu a,
#g-menu-over .g-menu-over--title {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
}
@media (min-width: 1024px) {
  #g-menu-over .g-filters-gem_gem .g-customizer-options-wrapper,
  #g-menu-over .g-filters-gem_metal .g-customizer-options-wrapper {
    width: 474px;
  }
}
#g-menu-over .cart-count em,
#g-menu-over .notif-count em {
  display: block;
  margin-top: -4px;
}
.btn-read-more-h {
  font-family: Sackers-Gothic-Medium, Georgia, Cambria, Times New Roman, Times,
    sans-serif;
  color: #000;
  padding-top: 10px;
  letter-spacing: 0.6px;
  font-size: 12px;
  font-weight: 400;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #000;
  line-height: 17px;
}
.btn-read-more-h:hover {
  border-color: #d0857e;
  color: #d0857e !important;
  transition: all 0.3s ease;
}
input::placeholder {
  color: #b7b7b7;
}
.data input,
.data select,
.data textarea,
.field input,
.field select,
.field textarea {
  background-color: #fff;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
  padding: 6px 8px;
  border: 2px solid #f0f0f0;
  margin-left: 0;
  box-sizing: border-box;
  height: 40px;
}
.data input:focus,
.data select:focus,
.data textarea:focus,
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: #000;
}
.data input.error,
.data input.validation-failed,
.data select.error,
.data select.validation-failed,
.data textarea.error,
.data textarea.validation-failed,
.field input.error,
.field input.validation-failed,
.field select.error,
.field select.validation-failed,
.field textarea.error,
.field textarea.validation-failed {
  border-color: #e94b35;
}
.input-icon {
  position: relative;
}
.show-password {
  font-size: 9px;
  text-transform: uppercase;
  position: absolute;
  cursor: pointer;
  display: inline-flex;
  width: 40px;
  height: 40px;
  right: 0;
}
.show-password .eye-hide,
.show-password .eye-visible {
  width: 18px;
  height: 18px;
  padding: 11px;
}
.show-password .eye-hide {
  display: none;
}
.customer-name-prefix .field {
  flex: 1;
}
@media (min-width: 768px) {
  .customer-name-prefix .field:first-child {
    margin-right: 10px;
  }
}
.city-postalcode-country-container .field,
.customer-name-prefix-middlename .field {
  width: 100%;
}
@media (min-width: 1025px) {
  .city-postalcode-country-container .field,
  .customer-name-prefix-middlename .field {
    width: 34%;
  }
  .city-postalcode-country-container .field:first-child,
  .customer-name-prefix-middlename .field:first-child {
    width: 21%;
  }
  .city-postalcode-country-container .field:last-child,
  .customer-name-prefix-middlename .field:last-child {
    width: 40%;
  }
}
.field .select-wrapper,
.field input,
.field select {
  width: 100%;
}
.field .select-wrapper:before {
  right: 8px;
}
.field .select-wrapper select > option:first-child {
  /* color: #b7b7b7; */
  color: initial;
}
.field .js-advice {
  display: none;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.9px;
  color: #3b3b3b;
}
@media (min-width: 769px) {
  .field .js-advice {
    display: block;
    color: #e94b35;
  }
}
.field .checkbox {
  text-align: left;
}
.field .checkbox .c-indicator {
  top: -7px;
}
.buttons-set {
  align-items: center;
  margin-top: 40px;
  justify-content: center;
}
.field.single .input,
.field.single .label {
  display: inline-block;
}
.field .label {
  text-transform: uppercase;
}
.data,
.field {
  margin-bottom: 20px;
  width: inherit;
}
.data label,
.field label {
  display: block;
  margin-bottom: 0.4em;
}
.data textarea,
.field textarea {
  resize: none;
  height: auto;
}
.data.error input,
.data.error select,
.data.error textarea,
.field.error input,
.field.error select,
.field.error textarea {
  border-color: #e94b35;
}
.g-half-fields .field {
  width: 100%;
}
@media (min-width: 768px) {
  .g-half-fields .field {
    width: 48%;
  }
  .g-half-fields .field:first-child {
    padding-right: 0.5em;
  }
}
.data select {
  text-overflow: "";
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select::-ms-expand {
  display: none;
}
.select-wrapper {
  border: 2px solid #f0f0f0;
  position: relative;
  display: inline-block;
}
.select-wrapper:before {
  content: " ";
  position: absolute;
  right: 15px;
  top: 16px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #000;
}
@media (min-width: 768px) {
  .select-wrapper:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
  }
}
.select-wrapper select {
  border: 0;
  -moz-appearance: none;
  height: 36px;
}
.select-wrapper select:not(:focus):invalid {
  color: #b7b7b7;
}
fieldset {
  border: 0;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.c-input {
  position: relative;
  -webkit-overflow-scrolling: touch;
  display: inline;
  padding-left: 30px;
  cursor: pointer;
}
.c-input > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
}
.c-input + .c-input {
  margin-left: 1rem;
}
.c-indicator {
  position: absolute;
  top: -10px;
  left: -10px;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 20px;
  color: #000;
  text-align: center;
  user-select: none;
  box-sizing: border-box;
}
.c-indicator.error:before {
  border: 2px solid #e94b35 !important;
}
.c-indicator:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #f0f0f0;
  position: relative;
  left: 10px;
  top: 10px;
  box-sizing: border-box;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 65%;
}
.c-checkbox,
.c-checkbox-algo {
  display: block;
}
.c-checkbox-algo input,
.c-checkbox input {
  width: 0;
  height: 0;
  max-height: 0;
  max-width: 0;
}
.c-checkbox-algo .c-indicator,
.c-checkbox .c-indicator {
  border-radius: 0;
}
.c-checkbox-algo input:checked ~ .c-indicator:before,
.c-checkbox input:checked ~ .c-indicator:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0xLjQxIDBMMCAxLjQxbC43Mi43MkwyLjUgMy45NC43MiA1LjcyIDAgNi40MWwxLjQxIDEuNDQuNzItLjcyIDEuODEtMS44MSAxLjc4IDEuODEuNjkuNzIgMS40NC0xLjQ0LS43Mi0uNjktMS44MS0xLjc4IDEuODEtMS44MS43Mi0uNzJMNi40MSAwbC0uNjkuNzJMMy45NCAyLjUgMi4xMy43MiAxLjQxIDB6Ii8+PC9zdmc+);
}
.c-checkbox-algo input:indeterminate ~ .c-indicator,
.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: #0074d9;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0wIDN2Mmg4VjNIMHoiLz48L3N2Zz4=);
  box-shadow: none;
}
label.c-checkbox span,
label.c-checkbox strong {
  pointer-events: none;
}
label.c-checkbox span.tooltip-label,
label.c-checkbox strong.tooltip-label {
  pointer-events: auto;
}
.ua-firefox .c-checkbox input:checked ~ .c-indicator:before {
  background-position: 55% 55% !important;
}
.c-radio .c-indicator {
  border-radius: 50%;
}
.c-radio .c-indicator:before {
  background-size: 50%;
  border-radius: 50%;
}
.c-radio input:checked ~ .c-indicator:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik00IDFDMi4zNCAxIDEgMi4zNCAxIDRzMS4zNCAzIDMgMyAzLTEuMzQgMy0zLTEuMzQtMy0zLTN6Ii8+PC9zdmc+);
}
input.validation-failed + .c-indicator:before {
  border-color: #e94b35;
}
.field label em {
  font-style: normal;
}
input + label.newsletter-popin {
  margin-top: 10px;
}
.newsletter-popin {
  text-transform: none !important;
}
.ua-trident .field input {
  height: 38px;
}
.footer-newsletter-form .field:first-child {
  width: 82%;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .footer-newsletter-form .field:first-child {
    width: 87%;
  }
}
.footer-newsletter-form label {
  margin: 0;
  font-size: 16px;
}
.login-form {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .login-form {
    margin: 0;
  }
}
@media (max-width: 374px) {
  .login-form {
    width: 276.5px;
  }
}
.g-input-nl-popin {
  width: 280px;
}
@media (max-width: 359px) {
  .g-input-nl-popin {
    width: 225px;
  }
}
.g-input {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff;
  height: 40px;
  border: 2px solid #f0f0f0;
  padding: 6px 12px;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  margin: 0 0 10px;
  -webkit-appearance: none;
  outline: none;
  border-radius: 2px;
}
.g-input:focus {
  border-color: #949494;
}
.g-input.js-validation-failed {
  border-color: #e94b35 !important;
}
.g-input.g-input--pp {
  margin: 0;
  width: 100%;
  border: 2px solid #f0f0f0;
  background-color: #fbfbfb;
}
.js-was-submitted .g-input:invalid,
.js-was-submitted .input-text:invalid,
.js-was-submitted div.error {
  border-color: #e94b35 !important;
}
.g-label {
  font-size: 14px;
  line-height: 24px;
  max-width: 100%;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  margin: 0 0 10px;
}
.g-text-area {
  resize: none;
  height: 78px;
  width: 100%;
}
@media (min-width: 768px) {
  .g-text-area {
    height: 65px;
  }
}
.g-select {
  border: 2px solid #d7d7d7;
  background: #fff url(/build/gemmyo-theme/images/linked-svg/arrow-down-new.svg)
    right 7px center/13px no-repeat;
  padding-right: 20px;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}
.g-select:focus {
  border-color: #d7d7d7;
}
@media (max-width: 767px) {
  .g-select:focus {
    font-size: 16px;
  }
}
@media (min-width: 414px) {
  .g-select {
    padding-right: 25px;
    background-position-x: right 10px;
  }
}
.g-select--size-wrapper {
  position: relative;
}
.g-select--size {
  cursor: pointer;
  padding-top: 8px;
  padding-left: 45px;
  width: 100%;
  min-width: 225px;
  border-color: #f0f0f0;
  background-color: #fbfbfb;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.g-select--size span {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: inherit;
  text-overflow: ellipsis;
}
.g-select--size:focus {
  border-color: #f0f0f0;
}
.g-select--attribute {
  margin: 0 auto 5px;
  height: 41px;
  width: 100%;
  border-color: #f0f0f0;
  background-color: #fbfbfb;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer;
}
.g-select--attribute:focus {
  border-color: #f0f0f0;
}
@media (min-width: 768px) {
  .g-select--attribute {
    height: 40px;
  }
}
@media (min-width: 376px) and (max-width: 768px) {
  .g-select--attribute {
    font-size: 13px;
  }
}
@media (min-width: 361px) and (max-width: 375px) {
  .g-select--attribute {
    font-size: 12px;
  }
}
@media (max-width: 359px) {
  .g-select--attribute {
    font-size: 12px;
  }
}
@media (min-width: 1024px) {
  .g-select--attribute p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 165px;
  }
}
@media (max-width: 1023px) {
  .g-select--attribute p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 105px;
  }
}
@media (max-width: 767px) {
  .g-select--attribute p {
    max-width: calc(100% - 22px);
  }
}
.g-radio:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
}
.g-radio:not(old) + .g-label {
  display: inline-block;
  margin-left: -2em;
  line-height: 1.5em;
}
.g-radio:not(old) + .g-label > .g-radio__border {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 2px 7px;
  border-radius: 100%;
  background: #fff;
  vertical-align: bottom;
  border: 2px solid #d7d7d7;
}
.g-radio:not(old):checked + .g-label > .g-radio__border > .g-radio__int {
  display: block;
  width: 7px;
  height: 7px;
  margin: 3px;
  border-radius: 1em;
  background: #000;
}
.g-checkbox {
  margin-left: 0;
  text-transform: none !important;
  font-size: 1.3rem !important;
  line-height: 1.8rem !important;
  padding-top: 2px;
  margin-top: 7px;
  margin-bottom: 8px;
}
.g-indicator,
.g-indicator:before {
  width: 21px;
  height: 21px;
  top: 0;
  left: 0;
}
.g-indicator:before {
  border: 2px solid #d7d7d7;
  border-radius: 0.2em;
  background: #fff;
}
.g-checkbox {
  display: none;
}
.g-checkbox:checked + .g-indicator:before {
  background: url(/build/gemmyo-theme/images/linked-svg/checked.svg) #fff !important;
  background-repeat: no-repeat !important;
  background-position: 1px 1px !important;
}
input::-ms-clear {
  display: none;
}
.gjs-validate-input:focus:invalid {
  background-color: #edd6d6;
}
.gjs-error-msg {
  display: none;
}
.gjs-error-msg.js-failed {
  display: block;
}
.ais-infinite-hits--showmore > button,
.g-popin--dialog .vex-dialog-button,
.gem-btn {
  font-family: Sackers-Gothic-Medium;
  font-weight: 100;
  letter-spacing: 0.6px;
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  display: inline-block;
  cursor: pointer;
  text-decoration: none !important;
  box-sizing: border-box;
  padding: 15px 45px;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-image: none;
  -webkit-border-radius: 0;
  border: none;
}
.ais-infinite-hits--showmore > button:focus,
.g-popin--dialog .vex-dialog-button:focus,
.gem-btn:focus {
  outline: 0;
}
.ais-infinite-hits--showmore > button:hover,
.g-popin--dialog .vex-dialog-button:hover,
.gem-btn:hover {
  text-decoration: none !important;
}
@media (max-width: 568px) {
  .ais-infinite-hits--showmore > button,
  .g-popin--dialog .vex-dialog-button,
  .gem-btn {
    padding: 15px 30px;
  }
}
.g-popin--dialog .vex-dialog-button,
.gem-btn--full {
  font-family: Sackers-Gothic-Medium;
  background-color: transparent;
  border: 1px solid #d0857e;
  color: #d0857e;
  line-height: 14px;
}
.g-popin--dialog .vex-dialog-button:hover,
.gem-btn--full:hover {
  background-color: rgba(208, 133, 126, 0.8);
  color: #fff !important;
  border: 1px solid rgba(208, 133, 126, 0.8) !important;
}
.gem-btn--full-out {
  background-color: rgba(208, 133, 126, 0.8);
  border-color: #d0857e;
  color: #000;
}
.gem-btn--full-out:hover {
  background-color: #d0857e;
}
.ais-infinite-hits--showmore > button,
.gem-btn--empty {
  background-color: #d0857e;
  border-color: #d0857e;
  color: #fff !important;
  line-height: 17px;
}
.ais-infinite-hits--showmore > button:hover,
.gem-btn--empty:hover {
  background-color: rgba(208, 133, 126, 0.8);
}
.g-btn--check {
  height: 40px;
  width: 40px;
  padding: 8px;
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  margin-left: 3px;
  outline: none;
  cursor: pointer;
}
.g-btn--check:active {
  border-color: #d7d7d7;
}
.g-btn--product {
  max-width: 325px;
  width: 100%;
}
@media (min-width: 360px) {
  .g-btn--product {
    width: 325px;
  }
}
.alert {
  padding: 12px 12px 12px 40px;
}
.alert.success {
  background: #fbfbfb url(/build/gemmyo-theme/images/linked-svg/success.svg)
    no-repeat 12px 12px;
  background-size: 20px 20px;
}
.alert.error {
  background: #ffd2d2 url(/build/gemmyo-theme/images/linked-svg/error.svg)
    no-repeat 15px 15px;
  background-size: 14px 14px;
}
.alert.info {
  background: #fff3b5 url(/build/gemmyo-theme/images/linked-svg/info.svg)
    no-repeat 15px 15px;
  background-size: 14px 14px;
}
ul.messages {
  list-style-type: none;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  margin: 10px 0;
  max-width: 100%;
}
ul.messages li ul {
  padding: 0;
}
ul.messages li ul li {
  padding: 12px 12px 12px 40px;
}
ul.messages li.error-msg ul {
  list-style-type: none;
}
ul.messages li.error-msg ul li {
  border: 2px solid #d0857e;
  background: #fff url(/build/gemmyo-theme/images/linked-svg/error.svg)
    no-repeat 15px 15px;
  background-size: 14px 14px;
  margin: 0;
}
ul.messages li.success-msg ul {
  list-style-type: none;
}
ul.messages li.success-msg ul li {
  background: #fff url(/build/gemmyo-theme/images/linked-svg/validate-black.svg)
    no-repeat 15px 15px;
  background-size: 14px 14px;
  border: 2px solid #f0f0f0;
}
@media (max-height: 650px) {
  body.vex-open {
    overflow: hidden;
  }
}
.g-popin {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vex-content {
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.2);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 27px;
  position: relative;
  background-color: #fff;
  width: 95%;
  height: auto;
  max-height: 97%;
  max-height: calc(100vh - 100px);
  max-width: 350px;
}
@media (orientation: landscape) {
  .vex-content {
    max-height: calc(100vh - 50px);
  }
}
@media (min-width: 768px) {
  .vex-content {
    max-width: 610px;
  }
}
.vex-content .iti {
  margin-bottom: 20px;
  height: 40px;
}
@media (min-width: 768px) {
  .vex-content .iti {
    margin-bottom: 10px;
  }
}
.vex-content .iti .iti__country-list {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  width: 295px;
}
@media (min-width: 768px) {
  .vex-content .iti .iti__country-list {
    max-width: 215px;
  }
}
.iti-mobile .iti--container {
  z-index: 1200;
}
.vex-overlay {
  background-color: rgba(82, 82, 82, 0.77);
  z-index: 1111;
}
.g-close,
.vex-close {
  cursor: pointer;
}
.g-close:before,
.vex-close:before {
  position: absolute;
  content: "\00D7";
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  height: 40px;
  width: 40px;
  text-align: center;
  top: 1px;
  right: 0;
  color: #000;
}
.g-close--s {
  cursor: pointer;
}
.g-close--s:before {
  position: absolute;
  content: "\00D7";
  font-size: 25px;
  line-height: 29px;
  height: 26px;
  width: 26px;
  top: 0;
  right: -26px;
}
.g-close--s:before,
.g-popin__title {
  font-weight: 400;
  text-align: center;
  color: #000;
}
.g-popin__title {
  border-bottom: 1px solid #d0857e;
  padding-bottom: 10px;
  margin-top: 0;
}
@keyframes popin-spinner-border {
  to {
    transform: rotate(1turn);
  }
}
.adaptable-submit-button .button-validate--spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  vertical-align: bottom;
  border: 2px solid;
  border-right: 0.25em solid transparent;
  border-radius: 50%;
  animation: popin-spinner-border 0.75s linear infinite;
}
.g-btn-popin {
  display: block;
  margin: 20px auto 10px;
}
.g-popin--dialog .vex-content {
  max-width: 345px;
  max-height: 230px;
  padding: 27px 35px;
}
.g-popin--dialog .vex-dialog-message {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  max-width: 100%;
  text-align: center;
  margin: 10px 0 20px;
}
.g-popin--dialog .vex-dialog-button {
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .g-input--email {
    width: 60%;
  }
}
.g-input--phone {
  width: 100%;
}
.g-input--email-nl {
  width: 248px;
}
.g-select--mr {
  margin: 0 auto 10px;
}
@media (min-width: 768px) {
  .g-select--mr {
    width: 52%;
  }
}
.svg--popin {
  display: none;
}
@media (min-width: 768px) {
  .svg--popin {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 100px;
    top: 25px;
  }
}
@media (min-width: 768px) {
  .g-col--zipcode {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .g-col--city {
    width: 33%;
  }
}
@media (min-width: 768px) {
  .g-col--country {
    width: 39%;
  }
}
@media (min-width: 768px) {
  .g-popin--nl .vex-content {
    padding: 0;
    max-width: 766px;
  }
}
.g-row-container.g-popin-nl-right.g-row-container {
  margin: auto;
}
@media (min-width: 768px) {
  .g-row-container.g-popin-nl-right .g-popin-nl-right-content {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  .g-col-nl-left {
    width: 383px;
  }
}
.radio-toolbar {
  margin-bottom: 15px;
}
.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar label:hover {
  cursor: pointer;
}
.radio-toolbar :checked + label,
.radio-toolbar :focus + label {
  border: 2px solid #000;
}
.radio-toolbar label {
  display: inline-block;
  padding: 10px 20px;
  font-size: 13px;
  border: 2px solid #d7d7d7;
  margin: 5px;
  user-select: none;
}
@media (max-width: 767px) {
  .radio-toolbar label {
    margin: 5px;
  }
}
.opentip-container,
.opentip-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.opentip-container {
  position: absolute;
  max-width: 300px;
  z-index: 100;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  pointer-events: none;
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
  -webkit-transform: translateY(-5px) translateX(5px);
  -moz-transform: translateY(-5px) translateX(5px);
  -o-transform: translateY(-5px) translateX(5px);
  -ms-transform: translateY(-5px) translateX(5px);
  transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -o-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
  -webkit-transform: translateY(5px) translateX(5px);
  -moz-transform: translateY(5px) translateX(5px);
  -o-transform: translateY(5px) translateX(5px);
  -ms-transform: translateY(5px) translateX(5px);
  transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
  -webkit-transform: translateY(5px) translateX(-5px);
  -moz-transform: translateY(5px) translateX(-5px);
  -o-transform: translateY(5px) translateX(-5px);
  -ms-transform: translateY(5px) translateX(-5px);
  transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
  -webkit-transform: translateY(-5px) translateX(-5px);
  -moz-transform: translateY(-5px) translateX(-5px);
  -o-transform: translateY(-5px) translateX(-5px);
  -ms-transform: translateY(-5px) translateX(-5px);
  transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
  pointer-events: auto;
}
.opentip-container.ot-hidden {
  display: none;
}
.opentip-container .opentip {
  position: relative;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  padding: 9px 14px;
}
.opentip-container .opentip .header {
  margin: 0;
  padding: 0;
}
.opentip-container .opentip .ot-close {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: -12px;
  left: 60px;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  text-decoration: none;
}
.opentip-container .opentip .ot-close span,
.opentip-container .opentip .ot-loading-indicator {
  display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
  display: block;
  -webkit-animation: otloading 2s linear infinite;
  -moz-animation: otloading 2s linear infinite;
  -o-animation: otloading 2s linear infinite;
  -ms-animation: otloading 2s linear infinite;
  animation: otloading 2s linear infinite;
  text-align: center;
}
.opentip-container.style-alert .opentip,
.opentip-container.style-dark .opentip {
  color: #f8f8f8;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.opentip-container.style-glass .opentip {
  padding: 15px 25px;
  color: #317cc5;
  text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3);
}
.opentip-container.ot-hide-effect-fade {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing,
.opentip-container.ot-show-effect-appear.ot-visible {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@-moz-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-o-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-ms-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.g-hover {
  display: none;
}
@media (min-width: 1200px) {
  .g-hover {
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    z-index: 1;
  }
}
@media (min-width: 1200px) {
  .g-hover-container:hover .g-hover {
    opacity: 1;
    width: 100%;
    height: 100%;
    visibility: visible;
    color: #fff;
    background-color: rgba(107, 101, 100, 0.1);
  }
}
.g-hover-container {
  position: relative;
}
@media (min-width: 1200px) {
  .g-hover-container:hover .g-hover--text {
    color: #fff;
    z-index: 2;
  }
}
.g-overlay {
  position: absolute;
}
.g-overlay .g-serif-caps-l1 {
  color: #000;
}
@media (max-width: 1199px) {
  .g-overlay {
    bottom: 15px;
    left: 20px;
  }
  .g-overlay,
  .g-overlay .g-serif-caps-l1,
  .g-overlay .g-serif-it-l2 {
    color: #fbfbfb;
  }
}
@media (min-width: 1200px) {
  .g-overlay {
    background-color: #fff;
    bottom: 30px;
    left: 30px;
    transition: 0.5s ease;
    opacity: 0;
    padding: 15px 100px;
  }
  .g-overlay-container:hover .g-overlay {
    opacity: 0.8;
  }
}
.g-overlay-container {
  position: relative;
}
.svg-pink {
  fill: #d0857e;
  stroke: #d0857e;
}
.svg-sizer--select {
  position: absolute;
  width: 19px;
  height: 19px;
  top: 10px;
  left: 15px;
  z-index: 1;
}
.svg-compare {
  width: 32px;
}
.svg-compare,
.svg-heart {
  stroke: #d0857e;
  fill: transparent;
}
.svg-heart {
  width: 25px;
  height: 25px;
}
.svg-heart--filled {
  fill: #d0857e;
}
.svg-header {
  width: 20px;
  height: 20px;
}
.svg-social {
  fill: #000;
  width: 16px;
  height: 16px;
}
.svg-footer {
  width: 50px;
  height: 50px;
  margin: 15px;
  fill: #949494;
}
.svg-loading {
  display: block;
  width: 40px;
  height: 40px;
  padding: 6px;
}
.svg-down {
  width: 17px;
  height: 17px;
  fill: #3b3b3b;
  transform: none;
  transition: transform 0.2s;
}
.svg-down--rotate {
  transform: rotate(180deg);
}
.svg-opera {
  fill: #3b3b3b;
}
.gjs-collapsible-header-t {
  position: relative;
}
@media (max-width: 767px) {
  .gjs-collapsible-header-t {
    cursor: pointer;
    margin: 0 auto;
    padding: 15px;
    border-top: 1px solid #d7d7d7;
  }
}
@media (max-width: 767px) {
  .g-collapsible-title-t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .g-collapsible--last-t {
    border-bottom: 1px solid #d7d7d7;
  }
}
@media (max-width: 359px) {
  .gjs-collapsible-body-t {
    width: 245px;
  }
}
@media (max-width: 767px) and (min-width: 360px) {
  .gjs-collapsible-body-t {
    width: 335px;
  }
}
@media (min-width: 769px) {
  .gjs-collapsible-body-t {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .gjs-collapsible-body-t {
    display: none;
    transition: display 1s;
    padding-bottom: 15px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .gjs-collapsible-body-t {
    display: block !important;
  }
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 20px;
  height: 33px;
  background-size: 20px 33px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: auto;
}
.swiper-button-prev {
  background-image: url(/images/prev.svg);
  left: 0;
  right: auto;
}
.swiper-button-next {
  background-image: url(/images/next.svg);
  right: 0;
  left: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  -o-transition: 0.3s opacity;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #000;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: left 0.2s, -webkit-transform 0.2s;
  transition: left 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s left;
  transition: transform 0.2s, left 0.2s;
  transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: right 0.2s, -webkit-transform 0.2s;
  transition: right 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s right;
  transition: transform 0.2s, right 0.2s;
  transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-pagination-bullet:only-child {
  opacity: 0;
}
:root {
  --menu-nav-height: 120px;
  --banner-nav-height: 0px;
  --total-nav-height: calc(var(--menu-nav-height) + var(--banner-nav-height));
}
body.lock-scroll {
  overflow: hidden;
}
@font-face {
  font-family: EB Garamond;
  font-style: normal;
  font-weight: 400;
  src: url(/build/gemmyo-theme/fonts/eb-garamond-v10-latin-regular.woff2)
      format("woff2"),
    url(/build/gemmyo-theme/fonts/eb-garamond-v10-latin-regular.woff)
      format("woff");
}
body,
html {
  margin: 0;
  background-color: #fff;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif !important;
}
body {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body * {
  -webkit-tap-highlight-color: transparent;
}
sup {
  line-height: 0;
}
#main,
.g-header {
  max-width: 1440px;
}
@media (min-width: 1200px) {
  #main,
  .g-header {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
#confirmation-modal {
  display: none;
}
.clear {
  clear: both;
}
section.collection {
  text-align: center;
}
div.is-showroom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  position: fixed;
  left: 0;
  bottom: 0;
  font-size: 10px;
  background-color: #d0857e;
  color: #000;
  z-index: 5;
}
@media (max-width: 767px) {
  .g-page-width {
    max-width: 375px;
  }
}
@media (min-width: 768px) {
  .g-page-width {
    width: 738px;
  }
}
@media (min-width: 1024px) {
  .g-page-width {
    width: 914px;
  }
}
@media (min-width: 1200px) {
  .g-page-width {
    width: auto;
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .g-page-width {
    width: auto;
    max-width: 1440px;
  }
}
@media (min-width: 1200px) {
  .h-limit-d-width {
    width: 1010px !important;
  }
}
@media (min-width: 1440px) {
  .h-limit-d-width {
    width: 1350px !important;
  }
}
.g-row-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  text-align: center;
}
.g-col-container > .g-row-container {
  margin: 0;
}
.g-col-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .g-col-container {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: inherit;
  }
}
.g-col-container-l {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .g-col-container-l {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: inherit;
  }
}
.g-col-container-invert-l {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: inherit;
}
@media (min-width: 1024px) {
  .g-col-container-invert-l {
    display: flex;
    flex-direction: column;
  }
}
.g-col-container-m {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: inherit;
}
.h-grow {
  flex-grow: 1;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .h-grow-for-l {
    flex-grow: 1;
  }
}
.h-no-shrink {
  flex-shrink: 0;
}
.h-flex-end {
  justify-content: flex-end;
}
.h-flex-start {
  justify-content: flex-start;
}
.h-flex-stretch {
  align-items: stretch;
}
.h-flex-nowrap {
  flex-wrap: nowrap;
}
.h-flex-center {
  justify-content: center;
}
.h-align-start {
  align-items: flex-start;
}
.h-align-center {
  align-items: center;
}
.h-align-end {
  align-items: flex-end;
}
.h-space-around {
  justify-content: space-around;
}
.h-space-between {
  justify-content: space-between;
}
.h-align-self-start {
  align-self: flex-start;
}
.h-align-self-end {
  align-self: flex-end;
}
.h-border-left {
  border-left: 2px solid #d0857e;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .h-margin-t-25 {
    margin-top: 25px !important;
  }
}
.h-margin-b-25,
.h-margin-b-custom {
  margin-bottom: 25px !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .h-margin-b-custom {
    margin-bottom: 19px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .h-margin-b-custom {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1201px) and (max-width: 1439px) {
  .h-margin-b-custom {
    margin-bottom: 18px !important;
  }
}
.h-margin-b-50 {
  margin-bottom: 50px !important;
}
@media (max-width: 767px) {
  .h-margin-b-15-mobile {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 767px) {
  .h-margin-t-15-mobile {
    margin-top: 15px !important;
  }
}
@media (max-width: 767px) {
  .h-margin-b-25-mobile {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 768px) {
  .h-margin-b-25-mobile-tablet {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 1023px) {
  .h-margin-b-25-mobile-tablet-2 {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 960px) {
  .h-margin-b-25-mobile-tablet-horizontale {
    margin-bottom: 25px !important;
  }
}
@media (min-width: 768px) {
  .h-margin-b-25-tablet-desktop {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 767px) {
  .h-margin-b-50-mobile {
    margin-bottom: 50px !important;
  }
}
.h-margin-b-100 {
  margin-bottom: 50px !important;
}
@media (min-width: 768px) {
  .h-margin-b-100 {
    margin-bottom: 100px !important;
  }
}
@media (max-width: 767px) {
  .g-mobile-first {
    order: -1 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-tablet-first {
    order: -1 !important;
  }
}
.g-col--full {
  width: 100%;
}
.g-height-full {
  height: 100%;
}
@media (min-width: 768px) {
  .g-col--half-g {
    width: 48.5%;
  }
}
@media (min-width: 768px) {
  .g-col--third {
    width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-col--third.half-tablet {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .g-col--third.half-mobile {
    width: 48%;
  }
}
@media (min-width: 768px) {
  .g-col--two-third {
    width: 62%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-col--two-third.half-tablet {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .g-col--two-third.half-mobile {
    width: 48%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-col--half {
    width: 358px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .g-col--half {
    width: 443px;
  }
}
@media (min-width: 1200px) {
  .g-col--half {
    width: 490px;
  }
}
@media (min-width: 1440px) {
  .g-col--half {
    width: 674px;
  }
}
@media (max-width: 767px) {
  .h-d-from-t {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .h-d-to-t {
    display: none !important;
  }
}
@media (max-width: 567px) {
  .h-d-from-p {
    display: none !important;
  }
}
@media (min-width: 568px) {
  .h-d-to-p {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .h-d-to-th {
    display: none !important;
  }
}
@media (max-width: 959px) {
  .h-d-from-th {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .h-d-for-t {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .h-d-for-t {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .h-h-for-t {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .h-h-for-l {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .h-d-for-tl {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .h-d-for-tl {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .h-h-for-tl {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .h-d-for-tlx {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .h-d-for-tlx {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .h-h-for-tlx {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .h-h-from-t {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .h-d-from-x {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .h-d-to-x {
    display: none !important;
  }
}
@media (max-width: 359px) {
  .h-h-to-s {
    display: none !important;
  }
}
@media (max-width: 374px) {
  .h-h-to-s6 {
    display: none !important;
  }
}
@media (min-width: 375px) {
  .h-d-to-s6 {
    display: none !important;
  }
}
@media (min-width: 414px) {
  .h-d-to-splus {
    display: none !important;
  }
}
@media (max-width: 413px) {
  .h-h-to-splus {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .h-add-p-margin-mobile {
    margin: 10px;
  }
}
@media (max-width: 767px) {
  .h-mobile-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1023px) {
  .h-tablet-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1440px) {
  .h-desktop-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .h-mobile-padding-double-product {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  .h-tablet-padding-double-product {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  .h-d-from-l {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .h-d-to-l {
    display: none !important;
  }
}
@media (max-width: 1439px) {
  .h-d-from-xx {
    display: none !important;
  }
}
.gemhf-input,
.h-hide {
  display: none !important;
}
.h-relative {
  position: relative !important;
}
@media (min-width: 768px) {
  .h-order2-from-t {
    order: 2;
  }
}
@media (min-width: 1024px) {
  .h-order2-from-l {
    order: 2;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .h-order2-to-x {
    order: 2 !important;
  }
}
.h-display-block {
  display: block;
}
#show-price-link,
.show-price {
  display: none;
}
.show-price-link-text {
  color: #d0857e;
  margin: 20px 0 0;
  font-family: Sackers-Gothic-Medium, Georgia, Cambria, Times New Roman, Times,
    sans-serif;
  font-size: 11px;
  text-transform: lowercase;
}
#header {
  width: 100%;
  top: 0;
  z-index: 199;
}
.is-fixed {
  position: fixed;
  overflow-y: hidden;
  width: 100%;
}
.g-header-container {
  transition: background 0.1s, border-color 0.1s, color 0.1s;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: inherit;
}
@media (min-width: 1200px) {
  #homepage-html .g-header-container {
    border-bottom: none;
  }
}
#main {
  margin-top: calc(60px + var(--banner-nav-height));
}
@media (min-width: 1200px) {
  #main {
    margin-top: calc(120px + var(--banner-nav-height));
  }
}
#algolia_instant_selector {
  margin-top: calc(120px + var(--banner-nav-height));
}
@media (min-width: 768px) {
  #algolia_instant_selector {
    margin-top: calc(60px + var(--banner-nav-height));
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #algolia_instant_selector {
    margin-top: calc(180px + var(--banner-nav-height));
  }
}
@media (min-width: 1440px) {
  #algolia_instant_selector {
    margin-top: calc(120px + var(--banner-nav-height));
  }
}
.catalog-product-view #algolia_instant_selector,
.catalog-product-view #main {
  -webkit-text-size-adjust: 100%;
}
@media (min-width: 1024px) {
  .catalog-product-view #algolia_instant_selector,
  .catalog-product-view #main {
    -webkit-text-size-adjust: auto;
  }
}
nav.mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: var(--total-nav-height);
  height: 100%;
  width: 100%;
  max-height: calc(100% - 61px);
  z-index: 99;
  cursor: pointer;
  visibility: hidden;
  transition: visibility 0.3s 0.3s;
}
@media (min-width: 1200px) {
  nav.mobile-nav {
    width: 25%;
  }
}
nav.mobile-nav a {
  text-decoration: none;
}
nav.mobile-nav.is-visible {
  visibility: visible;
  transition: visibility 0s 0s;
}
.mobile-nav-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  text-align: left;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  left: 0;
  transform: translate3d(0, -150%, 0);
}
@media (min-width: 1200px) {
  .mobile-nav-container {
    border-right: 1px solid #000;
  }
}
.is-visible .mobile-nav-container {
  transform: translateZ(0);
  transition-delay: 0s;
}
.mobile-nav-container::-webkit-scrollbar {
  display: none;
}
.mobile-nav-container .shortcuts {
  width: 190px;
  height: 75px;
  margin: 0 auto;
}
.mobile-nav-container .shortcuts a {
  padding: 0 6px;
  max-height: 25px;
}
.mobile-nav-container .shortcuts svg {
  margin: auto;
  height: 20px;
  width: 20px;
}
.mobile-nav-container nav {
  -webkit-overflow-scrolling: touch;
}
.mobile-nav-container nav p {
  color: #000 !important;
}
.mobile-nav-container nav a:hover,
.mobile-nav-container nav span.obflink:hover {
  color: inherit;
  text-decoration: inherit;
}
.mobile-nav-container nav .wrapper-mobile-menu {
  padding: 0;
}
.mobile-nav-container nav .wrapper-mobile-menu ul {
  color: #3b3b3b;
}
.mobile-nav-container nav > ul {
  margin-top: 0;
}
.mobile-nav-container nav > ul > li {
  border-bottom: 1px solid #000;
  position: relative;
  padding: 0;
  margin: 0;
  letter-spacing: 0.07rem;
}
.mobile-nav-container nav > ul > li > a,
.mobile-nav-container nav > ul > li > p,
.mobile-nav-container nav > ul > li > span.obflink {
  width: 100%;
  box-sizing: border-box;
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: #3b3b3b;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 30px;
  font-size: 15px !important;
  padding: 20px 20px 20px 30px;
  margin: 0;
  display: block;
  text-align: left;
}
@media (min-width: 768px) {
  .mobile-nav-container nav > ul > li > a,
  .mobile-nav-container nav > ul > li > p,
  .mobile-nav-container nav > ul > li > span.obflink {
    font-size: 15px;
  }
}
.mobile-nav-container nav > ul > li > a.g-a-pink,
.mobile-nav-container nav > ul > li > p.g-a-pink,
.mobile-nav-container nav > ul > li > span.obflink.g-a-pink {
  color: #d0857e !important;
}
.mobile-nav-container nav > ul > li .state {
  position: absolute;
  width: 13px;
  height: 13px;
  right: 20px;
  top: 30px;
  transition: all 0.5s ease-out;
}
.mobile-nav-container nav > ul > li .state.active {
  transform: rotate(-135deg);
}
.mobile-nav-container nav > ul > li .state-h,
.mobile-nav-container nav > ul > li .state-v {
  position: absolute;
  background: #000;
  height: 1px;
  transition: transform 0.4s;
  width: 13px;
  top: 7px;
}
.mobile-nav-container nav > ul > li .state-v {
  transform: rotate(90deg);
}
.mobile-nav-container nav > ul .menutab {
  height: auto;
  transition: all 0.5s;
  opacity: 1;
}
.mobile-nav-container nav > ul .menutab.collapsed {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.mobile-nav-container nav > ul .menutab.expanded {
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
}
.mobile-nav-container nav > ul .menutab p {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.6px;
  color: #3b3b3b;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 30px;
  font-size: 15px !important;
  margin: 10px 0;
  padding: 0 20px 5px 30px;
}
@media (min-width: 768px) {
  .mobile-nav-container nav > ul .menutab p {
    font-size: 15px;
  }
}
.mobile-nav-container nav > ul .menutab p a {
  width: 100%;
  display: block;
}
.mobile-nav-container nav > ul .menutab ul li {
  padding: 0;
}
.mobile-nav-container nav > ul .menutab ul li a,
.mobile-nav-container nav > ul .menutab ul li span {
  width: 100%;
  display: block;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  letter-spacing: 0.9px;
  font-size: 14px;
  line-height: 24px;
  padding: 6px 10px 6px 50px;
  margin: 0;
  box-sizing: border-box;
}
.mobile-nav-container nav > ul .menutab ul li a:active,
.mobile-nav-container nav > ul .menutab ul li a:hover,
.mobile-nav-container nav > ul .menutab ul li span:active,
.mobile-nav-container nav > ul .menutab ul li span:hover {
  color: #d0857e;
  text-decoration: underline;
}
.mobile-nav-container nav > ul .menutab ul li a:after,
.mobile-nav-container nav > ul .menutab ul li span:after {
  width: 20px;
  position: absolute;
  right: 5px;
  font-size: 23px;
  display: block;
  color: #000;
}
.mobile-nav-container nav > ul .menutab ul:last-child {
  margin-bottom: 20px;
}
.mobile-nav-container nav ul li:first-child .expanded {
  padding-top: 0;
}
.mobile-nav-container .showroom {
  padding-left: 30px;
  color: #d0857e;
}
#header {
  padding: 0;
  position: fixed;
  background-color: #fff;
}
#header * {
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  #header {
    position: relative;
  }
}
.gjs-mobile-search {
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .gjs-mobile-search {
    border-top: 1px solid #f0f0f0;
  }
}
.g-header {
  height: 60px;
  transition: border 0.1s;
}
@media (min-width: 1200px) {
  .g-header {
    height: var(--menu-nav-height);
    border: none;
  }
}
@media (max-width: 1199px) {
  .g-header {
    border-bottom: 1px solid #f0f0f0;
  }
}
.g-header-side {
  width: 75px;
}
@media (min-width: 375px) {
  .g-header-side {
    width: 90px;
  }
}
@media (min-width: 414px) {
  .g-header-side {
    width: 115px;
  }
}
@media (min-width: 768px) {
  .g-header-side {
    width: 280px;
  }
}
@media (min-width: 1024px) {
  .g-header-side {
    width: 340px;
  }
}
@media (min-width: 1200px) {
  .g-header-side {
    width: 195px;
  }
}
@media (min-width: 1440px) {
  .g-header-side {
    width: 324px;
  }
}
.g-header-side.width-auto {
  width: auto;
}
.g-header-picto {
  line-height: 0;
  margin-right: 14px;
}
.g-header-picto.js-header-search {
  width: 20px;
}
.g-header-picto.channel-switcher-container {
  cursor: pointer;
}
.g-header-picto.channel-switcher-container .channel-switcher-text {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  letter-spacing: 0.6px;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase !important;
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .g-header-side-cart-swiss .g-header-picto {
    margin-right: 8px;
  }
}
#mobile-menu-toggle {
  padding: 15px 0 15px 15px;
  max-width: 110px;
}
@media (min-width: 1200px) {
  #mobile-menu-toggle {
    display: none;
  }
}
.svg-header-logo {
  min-width: 126px;
  width: 126px;
  height: 28px;
  display: block;
  margin: auto;
}
@media (min-width: 1024px) {
  .svg-header-logo {
    width: 170px;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .svg-header-logo {
    margin-left: 40px;
  }
}
.cart-count,
.notif-count {
  display: block;
  position: absolute;
  top: -8px;
  right: -4px;
  border-radius: 100%;
  background-color: #d0857e;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  color: #fff;
  width: 16px;
  height: 16px;
  text-align: center;
  padding-top: 3px;
}
.cart-count.hidden,
.notif-count.hidden {
  display: none;
}
.cart-count em,
.notif-count em {
  font-style: normal;
}
.ua-firefox .cart-count,
.ua-firefox .notif-count {
  padding-top: 2px;
}
#mobile-menu-label {
  display: none;
}
@media (min-width: 768px) {
  #mobile-menu-label {
    display: inline-block;
    text-transform: uppercase;
    position: absolute;
    top: 4px;
    left: 24px;
    text-indent: 0;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
  }
}
.svg-menu-mobile {
  width: 20px;
  height: 20px;
  fill: #3b3b3b;
}
.joaillerie-collections-art-deco-avant-propos #main,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos #main,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos #main {
  margin-top: 0;
  max-width: none;
}
.joaillerie-collections-art-deco-avant-propos .nav-tab,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos .nav-tab,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos .nav-tab {
  background-color: #fff !important;
  border-top: 1px solid #f0f0f0 !important;
}
.joaillerie-collections-art-deco-avant-propos .g-header-container,
.joaillerie-collections-art-deco-avant-propos .nav-tab .gem-btn--empty,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos .g-header-container,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  .nav-tab
  .gem-btn--empty,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos .g-header-container,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  .nav-tab
  .gem-btn--empty {
  background-color: #fff !important;
}
.joaillerie-collections-art-deco-avant-propos
  .g-header-container.transparent-menu,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  .g-header-container.transparent-menu,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  .g-header-container.transparent-menu {
  background-color: transparent !important;
}
.joaillerie-collections-art-deco-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  li.display-on-hover,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  li.display-on-hover,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  li.display-on-hover {
  color: #fff !important;
}
.joaillerie-collections-art-deco-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  .nav-tab,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  .nav-tab,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  .nav-tab {
  color: #3b3b3b !important;
}
.joaillerie-collections-art-deco-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  .g-a-pink,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  .g-a-pink,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  .g-a-pink {
  color: #fff !important;
}
.joaillerie-collections-art-deco-avant-propos
  .g-header-container.transparent-menu
  .g-header,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  .g-header-container.transparent-menu
  .g-header,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  .g-header-container.transparent-menu
  .g-header {
  border-bottom: none !important;
}
.joaillerie-collections-art-deco-avant-propos
  .g-header-container.transparent-menu
  svg,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  .g-header-container.transparent-menu
  svg,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  .g-header-container.transparent-menu
  svg {
  fill: #fff !important;
}
.joaillerie-collections-art-deco-avant-propos
  .g-header-container.transparent-menu
  svg.svg-pink,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  .g-header-container.transparent-menu
  svg.svg-pink,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  .g-header-container.transparent-menu
  svg.svg-pink {
  stroke: #fff !important;
}
.joaillerie-collections-art-deco-avant-propos div.channel-switcher-text,
.joaillerie-collections-primarosa-chapitre-ii-avant-propos
  div.channel-switcher-text,
.joaillerie-nos-parentheses-parenthese-de-juin-avant-propos
  div.channel-switcher-text {
  color: #fff !important;
}
.joaillerie-collections-retromilano-avant-propos #main {
  margin-top: 0;
  max-width: none;
}
.joaillerie-collections-retromilano-avant-propos .nav-tab {
  background-color: #f5ede4 !important;
  border-top: 1px solid #fff5ee !important;
}
.joaillerie-collections-retromilano-avant-propos .g-header-container,
.joaillerie-collections-retromilano-avant-propos .nav-tab .gem-btn--empty {
  background-color: #f5ede4 !important;
}
.joaillerie-collections-retromilano-avant-propos
  .g-header-container.transparent-menu {
  background-color: transparent !important;
}
.joaillerie-collections-retromilano-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  .g-a-pink,
.joaillerie-collections-retromilano-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  .nav-tab,
.joaillerie-collections-retromilano-avant-propos
  .g-header-container.transparent-menu
  .desktop-nav
  li.display-on-hover {
  color: #7d3c28 !important;
}
.joaillerie-collections-retromilano-avant-propos
  .g-header-container.transparent-menu
  .g-header {
  border-bottom: none !important;
}
.joaillerie-collections-retromilano-avant-propos
  .g-header-container.transparent-menu
  svg {
  fill: #7d3c28 !important;
}
.joaillerie-collections-retromilano-avant-propos
  .g-header-container.transparent-menu
  svg.svg-pink {
  stroke: #7d3c28 !important;
}
.joaillerie-collections-retromilano-avant-propos
  .g-header-container.transparent-menu
  .channel-switcher-container {
  color: #7d3c28 !important;
}
.notifications {
  display: none;
  cursor: pointer;
}
@media (min-width: 768px) {
  .notifications {
    display: block;
  }
}
.notifications.notifications-mobile {
  margin-top: 15px;
  margin-right: 0;
  display: none;
}
@media (max-width: 767px) {
  .notifications.notifications-mobile {
    display: block;
  }
}
#notifications-content {
  position: absolute;
  width: 475px;
  max-height: 396px;
  right: 0;
  border-radius: 5px;
  overflow: auto;
  -webkit-box-shadow: 4px 4px 10px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 10px 1px rgba(0, 0, 0, 0.25);
  margin-top: calc(var(--menu-nav-height) / 2 - 5px);
}
@media (min-width: 768px) {
  #notifications-content::-webkit-scrollbar {
    width: 3px;
    background-color: #edd6d6;
    border-radius: 5px;
  }
  #notifications-content::-webkit-scrollbar-thumb {
    background: #d0857e;
    border-radius: 5px;
  }
}
#notifications-content div.notification {
  background-color: #fff;
  position: relative;
  display: block;
  height: 99px;
  cursor: pointer;
  transition-duration: 0.1s;
}
#notifications-content div.notification:hover {
  background-color: #edd6d6;
  transition-duration: 0.2s;
}
@media (max-width: 767px) {
  #notifications-content div.notification {
    height: auto;
  }
}
#notifications-content div.notification a {
  display: flex;
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid #d7d7d7;
  overflow: hidden;
  height: inherit;
  align-items: center;
}
#notifications-content div.notification a:hover {
  color: inherit;
}
#notifications-content div.notification a img {
  width: 75px;
  height: 75px;
  border-radius: 5px;
  margin: 10px;
}
#notifications-content div.notification a .notification-content {
  width: calc(100% - 150px);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 80px;
}
@media (max-width: 767px) {
  #notifications-content div.notification a .notification-content {
    overflow: visible;
    -webkit-line-clamp: initial;
    max-height: inherit;
  }
}
#notifications-content div.notification a .not-seen {
  width: 15px;
  height: 15px;
  background-color: #d0857e;
  border-radius: 50px;
  margin: 0 20px;
}
@media (max-width: 767px) {
  #notifications-content {
    position: fixed;
    left: 0;
    width: 100%;
    max-height: calc(100vh - var(--menu-nav-height));
    border-radius: 0;
    margin-top: 18px;
  }
}
footer {
  width: 100%;
  background-color: #f9f1f0;
  padding-top: 100px;
}
#footer-part-2,
.footer-block-1 {
  margin: 0 auto;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  #footer-part-2,
  .footer-block-1 {
    width: 738px;
  }
}
@media (min-width: 1024px) {
  #footer-part-2,
  .footer-block-1 {
    width: 994px;
  }
}
@media (min-width: 1200px) {
  #footer-part-2,
  .footer-block-1 {
    width: 1100px;
  }
}
@media (max-width: 359px) {
  #footer-part-2 .g-collapsible-title-t,
  #footer-part-2 .gjs-collapsible-body-t,
  .footer-block-1 .g-collapsible-title-t,
  .footer-block-1 .gjs-collapsible-body-t {
    width: 245px;
  }
}
@media (max-width: 767px) and (min-width: 360px) {
  #footer-part-2 .g-collapsible-title-t,
  #footer-part-2 .gjs-collapsible-body-t,
  .footer-block-1 .g-collapsible-title-t,
  .footer-block-1 .gjs-collapsible-body-t {
    width: 335px;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  #footer-part-2 nav,
  .footer-block-1 nav {
    width: 500px;
    margin: 0 auto;
  }
  #footer-part-2 nav div:nth-child(2n),
  .footer-block-1 nav div:nth-child(2n) {
    text-align-last: end;
  }
}
.g-footer-box {
  padding: 30px 0;
  box-sizing: border-box;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .g-footer-box {
    padding: 25px 30px;
  }
}
.g-footer-block {
  width: 300px;
}
.g-footer-block .g-serif-text-s {
  text-align: center;
}
@media (max-width: 767px) {
  .g-footer-block {
    margin: 0 auto 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-footer-block {
    width: 240px;
  }
}
@media (min-width: 1200px) {
  .g-footer-block:first-child,
  .g-footer-block:last-child {
    width: 360px;
  }
}
.g-footer__social {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 245px;
}
@media (max-width: 1024px) {
  .g-footer__social {
    margin: 5px auto 0;
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .g-footer__social {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .g-footer__social {
    width: 80%;
  }
}
.svg-logo--f {
  width: 156px;
  height: 28px;
  display: block;
  margin: 0 0 30px;
}
.svg-mono--f {
  width: 186px;
  height: 76px;
  display: block;
  margin: 30px 0 0;
}
.currency-switcher-container {
  margin-bottom: 15px;
}
.currency-switcher-container .currency-switcher-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.currency-switcher-container
  .currency-switcher-list
  .currency-switcher-list-item {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-size: 16px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  padding: 7px;
  background-color: #f9f1f0;
  border-right: 1px solid #d7d7d7;
  box-sizing: border-box;
  border-bottom: 2px solid #fff;
}
.currency-switcher-container
  .currency-switcher-list
  .currency-switcher-list-item
  span {
  display: none;
}
.currency-switcher-container
  .currency-switcher-list
  .currency-switcher-list-item:last-child {
  border-right: none;
}
.currency-switcher-container
  .currency-switcher-list
  .currency-switcher-list-item:hover {
  cursor: pointer;
  background-color: #fbfbfb;
}
.currency-switcher-container
  .currency-switcher-list
  .currency-switcher-list-item.active {
  border-bottom: 2px solid #d0857e;
}
.currency-switcher-container
  .currency-switcher-list
  .currency-switcher-list-item.active
  span {
  display: inline-flex;
}
.footer-block-4 .g-serif-text-s {
  font-family: Sackers-Gothic-Medium, Georgia, Cambria, Times New Roman, Times,
    sans-serif;
  font-size: 9px;
}
.g-push {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .g-push {
    margin: 0 auto 75px;
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .g-push {
    max-width: 1024px;
    margin-bottom: 100px;
  }
}
@media (min-width: 1200px) {
  .g-push {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .g-push {
    max-width: 1440px;
  }
}
.cls-bell {
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 0.45px;
}
body.body-index #main {
  margin-top: 0;
  max-width: none;
}
body.body-index .g-header-container.transparent-menu {
  background-color: transparent;
}
body.body-index
  .g-header-container.transparent-menu
  .desktop-nav
  li.display-on-hover {
  color: #fff !important;
}
body.body-index .g-header-container.transparent-menu .desktop-nav .nav-tab {
  color: #3b3b3b !important;
}
body.body-index
  .g-header-container.transparent-menu
  .desktop-nav-swiss
  li.display-on-hover,
body.body-index .g-header-container.transparent-menu .desktop-nav .g-a-pink {
  color: #fff !important;
}
body.body-index
  .g-header-container.transparent-menu
  .desktop-nav-swiss
  .nav-tab {
  color: #3b3b3b !important;
}
body.body-index
  .g-header-container.transparent-menu
  .desktop-nav-swiss
  .g-a-pink {
  color: #fff !important;
}
body.body-index .g-header-container.transparent-menu .g-header {
  border-bottom: none !important;
}
body.body-index .g-header-container.transparent-menu .cls-account,
body.body-index .g-header-container.transparent-menu .cls-bell,
body.body-index .g-header-container.transparent-menu .cls-cart,
body.body-index .g-header-container.transparent-menu .cls-search {
  fill: #fff !important;
  stroke: #fff !important;
  stroke-miterlimit: 10 !important;
  stroke-width: 1.55px !important;
}
body.body-index .g-header-container.transparent-menu svg {
  fill: #fff !important;
}
body.body-index .g-header-container.transparent-menu svg.svg-pink {
  stroke: #fff !important;
}
body.body-index
  .g-header-container.transparent-menu
  .channel-switcher-container {
  color: #fff !important;
}
body.body-index .g-header-container.transparent-menu .svg-swiss {
  fill: #fff !important;
}
body.body-index .g-header-container.transparent-menu .svg-swiss.svg-pink {
  stroke: #fff !important;
}
.g-col--quarter {
  max-width: 315px;
  max-height: 630px;
}
@media (max-width: 1439px) {
  .g-col--quarter.half-tablet {
    width: 24%;
  }
}
@media (max-width: 768px) {
  .g-col--quarter.full-mobile {
    max-width: none;
    max-height: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mobile-margin {
    margin: 15px auto 0 !important;
  }
}
.svg-logo-collection {
  position: absolute;
  width: 70%;
  bottom: 25px;
}
@media (max-width: 767px) {
  .svg-logo-collection {
    width: 60%;
  }
}
.svg-logo-parenthese {
  position: absolute;
  width: 80%;
  bottom: 17px;
}
@media (max-width: 767px) {
  .svg-logo-parenthese {
    width: 70%;
  }
}
.logo-le-carnet {
  width: 200px;
}
@media (min-width: 769px) {
  .logo-le-carnet {
    width: 300px;
  }
}
@media (min-width: 1441px) {
  .block-slider-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
.block-slider-container .block-slider-container-sub-container {
  max-width: 100%;
}
@media (min-width: 769px) {
  .block-slider-container .block-slider-container-sub-container {
    max-width: 1440px;
    padding: 60px 0;
  }
}
.g-col--half-hp-header {
  width: 50% !important;
}
@media (max-width: 1024px) {
  .g-col--half-hp-header {
    width: 100% !important;
  }
}
.g-col--half-hp {
  width: 50% !important;
}
@media (max-width: 767px) {
  .g-col--half-hp {
    width: 100% !important;
  }
}
.hp-container-title-story {
  position: absolute;
  top: 39%;
  left: 20%;
}
@media (max-width: 360px) {
  .hp-container-title-story {
    left: 10%;
  }
}
@media (max-width: 768px) {
  .hp-container-title-story {
    left: 25%;
  }
}
@media (max-width: 1024px) {
  .hp-container-title-story {
    left: 15%;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .hp-container-title-story {
    left: 15%;
  }
}
.hp-container-title-workshop {
  position: absolute;
  top: 39%;
  left: 10%;
}
.hp-title-story {
  font-size: 60px;
  border-bottom: none;
  color: #fff !important;
}
@media (min-width: 361px) and (max-width: 1439px) {
  .hp-title-story {
    font-size: 40px;
  }
}
.hp-title-workshop {
  font-size: 60px;
  border-bottom: none;
  color: #fff !important;
}
@media (min-width: 361px) and (max-width: 1439px) {
  .hp-title-workshop {
    font-size: 40px;
  }
}
.actu-name {
  font-size: 16px;
}
@media (min-width: 414px) and (max-width: 1024px) {
  .actu-name {
    font-size: 14px;
  }
}
.shop-name {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.shop-name sup {
  font-size: 15px;
  text-transform: lowercase;
}
.titre-manifeste {
  width: 80%;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .titre-manifeste {
    width: 100%;
  }
}
.blockquote-subheader {
  color: #3b3b3b;
  font-weight: 700;
  margin: 0;
  padding-top: 15px;
}
@media (max-width: 414px) {
  .gem-btn-mobile-menu {
    font-size: 12px !important;
    padding: 13px 11px !important;
  }
}
.custom-btn-menu {
  font-family: Sackers-Gothic-Medium, Georgia, Cambria, Times New Roman, Times,
    sans-serif;
  margin-top: 20px;
  padding-bottom: 5px;
  letter-spacing: 0.6px;
  font-size: 14px;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}
.custom-btn-menu:hover {
  color: #d0857e;
}
.custom-btn {
  font-family: Sackers-Gothic-Medium, Georgia, Cambria, Times New Roman, Times,
    sans-serif;
  color: #000;
  padding-bottom: 5px;
  letter-spacing: 0.6px;
  font-size: 14px;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}
.custom-btn:hover {
  color: #d0857e;
}
.border {
  border-bottom: 1px solid #000;
}
.border:hover {
  border-bottom: 1px solid #d0857e;
}
.btn-read-more {
  font-family: Sackers-Gothic-Medium, Georgia, Cambria, Times New Roman, Times,
    sans-serif;
  color: #000;
  padding-top: 10px;
  letter-spacing: 0.6px;
  font-size: 12px;
  font-weight: 400;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  line-height: 17px;
}
.btn-read-more:hover {
  color: #d0857e;
}
.btn-6,
.btn-7 {
  border: none;
  transition: all 0.3s ease;
  background: none;
}
.btn-6:after,
.btn-6:before {
  position: absolute;
  content: " ";
  width: 20%;
  top: 50%;
  height: 1.1px;
  background: #d0857e;
  transition: all 0.3s ease;
}
@media (max-width: 360px) {
  .btn-6:after,
  .btn-6:before {
    width: 10%;
  }
}
.btn-7:after,
.btn-7:before {
  position: absolute;
  content: " ";
  width: 15%;
  top: 50%;
  height: 1.1px;
  background: #d0857e;
  transition: all 0.3s ease;
}
@media (max-width: 360px) {
  .btn-7:after,
  .btn-7:before {
    width: 10%;
  }
}
.btn-6:before,
.btn-7:before {
  left: -15%;
}
@media (max-width: 360px) {
  .btn-6:before,
  .btn-7:before {
    left: -4%;
  }
}
.btn-6:after,
.btn-7:after {
  right: -15%;
}
@media (max-width: 360px) {
  .btn-6:after,
  .btn-7:after {
    right: -4%;
  }
}
.btn-6:hover,
.btn-7:hover {
  color: #d0857e;
}
@media (min-width: 769px) {
  .btn-6:hover,
  .btn-7:hover {
    border-color: #000;
    padding-left: 30px;
    padding-right: 20px;
  }
}
.btn-6:hover:before,
.btn-7:hover:before {
  background: #000;
}
@media (min-width: 769px) {
  .btn-6:hover:before,
  .btn-7:hover:before {
    left: -20%;
  }
}
.btn-6:hover:after,
.btn-7:hover:after {
  background: #000;
}
@media (min-width: 769px) {
  .btn-6:hover:after,
  .btn-7:hover:after {
    right: -30%;
  }
}
.gem-btn-hp {
  border-radius: 0 !important;
  background-color: #d0857e !important;
  border: 1px solid #d0857e;
  color: #fff !important;
}
.gem-btn-hp:hover,
.gem-btn-menu {
  background-color: rgba(208, 133, 126, 0.8) !important;
  color: #fff !important;
}
.gem-btn-menu {
  border: 2px solid rgba(208, 133, 126, 0.8) !important;
  border-radius: 0 !important;
  font-family: Sackers-Gothic-Medium;
}
.gem-btn-menu:hover {
  border: 2px solid #d0857e !important;
  background-color: #d0857e !important;
}
img.packshot-homepage-image {
  width: 300px;
  height: 300px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  img.packshot-homepage-image {
    width: 300px;
    height: 300px;
    object-fit: cover;
  
  }
}
.g-hp-block-inspiration {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  .g-hp-block-inspiration {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .g-hp-block-inspiration {
    width: auto;
    position: relative;
  }
}
@media (min-width: 1024px) {
  .g-hp-block-inspiration {
    height: 140px;
  }
}
@media (min-width: 1200px) {
  .g-hp-block-inspiration {
    margin: 25px auto;
  }
}
.g-hp-block-inspiration-content {
  background-color: #f9f7f4;
  bottom: 60px;
  width: 320px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  .g-hp-block-inspiration-content {
    top: -50%;
    width: 260px;
    padding: 15px 5px 0;
  }
}
@media (min-width: 1024px) {
  .g-hp-block-inspiration-content {
    width: 300px;
    top: -50%;
  }
}
@media (min-width: 1200px) {
  .g-hp-block-inspiration-content {
    width: 400px;
    top: -60%;
  }
}
.titre-inspiration {
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .titre-inspiration {
    font-size: 17px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .titre-inspiration {
    font-size: 21px !important;
  }
}
.haute-jo-container-primarosa {
  background: #fff;
}
@media (min-width: 1441px) {
  .haute-jo-container-primarosa {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
.haute-jo-container-primarosa .haute-jo-container-primarosa-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  .haute-jo-container-primarosa .haute-jo-container-primarosa-sub-container {
    max-width: 1440px;
    padding: 75px 0 0;
  }
}
.g-serif-hp {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1.2px;
  color: #3b3b3b;
  margin: 10px 0;
  font-size: 25px;
  line-height: 45px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .g-serif-hp {
    font-size: 26px;
    line-height: 55px;
    padding: 0 25px;
  }
}
@media (max-width: 374px) {
  .g-serif-hp {
    font-size: 18px;
    line-height: 40px;
  }
}
.titre-hp:after {
  content: "";
  display: block;
  margin: 1.2rem auto;
  width: 2rem;
  border-bottom: 2px solid #d0857e;
}
.collection-swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}
.collection-swiper-container .swiper-pagination-bullets {
  bottom: 0;
}
.collection-swiper-container
  .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background: #3b3b3b !important;
}
.collection-swiper-container .swiper-button-next,
.collection-swiper-container .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-size: 80px 40px;
}
.collection-swiper-container .swiper-button-prev {
  background-image: url(/images/prev.svg);
  left: 0;
  right: auto;
}
.collection-swiper-container .swiper-button-next {
  background-image: url(/images/next.svg);
  right: 0;
  left: auto;
}
.intro-hp {
  line-height: 32px;
  font-size: 19px;
}
@media (max-width: 568px) {
  .intro-hp {
    font-size: 13px;
  }
}
.boutique-swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}
.boutique-swiper-container .swiper-pagination-bullets {
  bottom: 0;
}
.boutique-swiper-container
  .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background: #3b3b3b !important;
}
.boutique-swiper-container .swiper-button-next,
.boutique-swiper-container .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-size: 80px 40px;
}
.boutique-swiper-container .swiper-button-prev {
  background-image: url(/images/prev.svg);
  left: 0;
  right: auto;
}
.boutique-swiper-container .swiper-button-next {
  background-image: url(/images/next.svg);
  right: 0;
  left: auto;
}
.gjs-homepage-swiper-container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.gjs-homepage-swiper-container .swiper-pagination-bullets {
  bottom: 5px;
}
.gjs-homepage-swiper-container
  .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background: #3b3b3b !important;
}
.gjs-homepage-swiper-container .swiper-button-next,
.gjs-homepage-swiper-container .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-size: 80px 40px;
}
.gjs-homepage-swiper-container .swiper-button-prev {
  background-image: url(/images/prev.svg);
  left: 0;
  right: auto;
}
.gjs-homepage-swiper-container .swiper-button-next {
  background-image: url(/images/next.svg);
  right: 0;
  left: auto;
}
.g-full-screen-picture {
  height: 100vh;
  background-position: 50%;
  background-size: cover;
}
@media (min-width: 768px) {
  .g-full-screen-picture .g-full-screen-picture--title-container {
    margin: 20% auto 0;
  }
}
.g-full-screen-picture .g-full-screen-picture--title-container p {
  color: #fff !important;
  line-height: normal;
}
.g-full-screen-picture .g-full-screen-picture--title-container p.small {
  font-size: 15px;
}
@media (max-width: 767px) {
  .g-full-screen-picture .g-full-screen-picture--title-container p.small {
    font-size: 12px;
  }
}
.g-full-screen-picture
  .g-full-screen-picture--title-container
  .g-popin--dialog
  .vex-dialog-button,
.g-full-screen-picture .g-full-screen-picture--title-container .gem-btn,
.g-popin--dialog
  .g-full-screen-picture
  .g-full-screen-picture--title-container
  .vex-dialog-button {
  color: #fff !important;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .g-full-screen-picture
    .g-full-screen-picture--title-container
    .g-popin--dialog
    .vex-dialog-button,
  .g-full-screen-picture .g-full-screen-picture--title-container .gem-btn,
  .g-popin--dialog
    .g-full-screen-picture
    .g-full-screen-picture--title-container
    .vex-dialog-button {
    font-size: 12px;
    padding: 8px 15px 6px;
    border: 1px solid;
  }
}
@media (max-width: 1199px) {
  .g-full-screen-picture
    .g-full-screen-picture--title-container
    .g-popin--dialog
    .vex-dialog-button,
  .g-full-screen-picture .g-full-screen-picture--title-container .gem-btn,
  .g-popin--dialog
    .g-full-screen-picture
    .g-full-screen-picture--title-container
    .vex-dialog-button {
    font-size: 12px;
    padding: 10px 19px 8px;
    border: 1px solid;
  }
}
.container-header {
  width: 100%;
  height: 100%;
  position: relative;
}
.container-header .g-video-title-container-header,
.container-header .g-video-title-container-header-retromilano {
  z-index: 2;
  margin: 0 0 75%;
  max-width: 420px;
}
@media (max-width: 375px) {
  .container-header .g-video-title-container-header,
  .container-header .g-video-title-container-header-retromilano {
    margin: 90% 0 0;
    max-width: 290px !important;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .container-header .g-video-title-container-header,
  .container-header .g-video-title-container-header-retromilano {
    margin: 75% 0 0;
    max-width: 300px !important;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .container-header .g-video-title-container-header,
  .container-header .g-video-title-container-header-retromilano {
    margin: 55% 0 0;
    max-width: 350px !important;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .container-header .g-video-title-container-header,
  .container-header .g-video-title-container-header-retromilano {
    margin: 30% 0 0;
  }
}
@media (min-width: 1200px) {
  .container-header .g-video-title-container-header,
  .container-header .g-video-title-container-header-retromilano {
    margin: 0 0 0 60%;
  }
}
.container-header
  .g-video-title-container-header-retromilano
  .logo-collection-met,
.container-header .g-video-title-container-header .logo-collection-met {
  width: 70%;
}
@media (max-width: 1199px) {
  .container-header
    .g-video-title-container-header-retromilano
    .logo-collection-met,
  .container-header .g-video-title-container-header .logo-collection-met {
    width: 50%;
  }
}
@media (max-width: 568px) {
  .container-header
    .g-video-title-container-header-retromilano
    .logo-collection-met,
  .container-header .g-video-title-container-header .logo-collection-met {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .container-header
    .g-video-title-container-header-retromilano
    img.svg-primarosa-2-logo,
  .container-header .g-video-title-container-header img.svg-primarosa-2-logo {
    width: 65%;
  }
}
.container-header .g-video-title-container-header-retromilano .g-serif-l1,
.container-header .g-video-title-container-header .g-serif-l1 {
  border-bottom: none;
  color: #fff !important;
  margin-bottom: 0 !important;
}
@media (max-width: 414px) {
  .container-header .g-video-title-container-header-retromilano .g-serif-l1,
  .container-header .g-video-title-container-header .g-serif-l1 {
    font-size: 30px;
  }
}
.container-header .g-video-title-container-header-retromilano h1,
.container-header .g-video-title-container-header h1 {
  color: #fff !important;
  border: none;
}
.container-header .g-video-title-container-header-retromilano p,
.container-header .g-video-title-container-header p {
  color: #fff !important;
  line-height: 22px;
}
.container-header .g-video-title-container-header-retromilano p.small,
.container-header .g-video-title-container-header p.small {
  font-size: 15px;
}
@media (max-width: 767px) {
  .container-header .g-video-title-container-header-retromilano p.small,
  .container-header .g-video-title-container-header p.small {
    font-size: 12px;
  }
}
.container-header
  .g-video-title-container-header-retromilano
  .g-popin--dialog
  .vex-dialog-button,
.container-header .g-video-title-container-header-retromilano .gem-btn,
.container-header
  .g-video-title-container-header
  .g-popin--dialog
  .vex-dialog-button,
.container-header .g-video-title-container-header .gem-btn,
.g-popin--dialog
  .container-header
  .g-video-title-container-header-retromilano
  .vex-dialog-button,
.g-popin--dialog
  .container-header
  .g-video-title-container-header
  .vex-dialog-button {
  color: #fff;
  border: 1px solid #fff;
  margin-top: 5px;
}
.container-header
  .g-video-title-container-header-retromilano
  .title-hp-collection-page,
.container-header .g-video-title-container-header .title-hp-collection-page {
  border-bottom: none;
  font-size: 50px;
  letter-spacing: 5px;
  text-transform: uppercase !important;
}
@media (max-width: 414px) {
  .container-header
    .g-video-title-container-header-retromilano
    .title-hp-collection-page,
  .container-header .g-video-title-container-header .title-hp-collection-page {
    font-size: 33px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .container-header
    .g-video-title-container-header-retromilano
    .title-hp-collection-page,
  .container-header .g-video-title-container-header .title-hp-collection-page {
    font-size: 45px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .container-header
    .g-video-title-container-header-retromilano
    .title-hp-collection-page,
  .container-header .g-video-title-container-header .title-hp-collection-page {
    font-size: 50px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .container-header .g-video-title-container-header-retromilano {
    margin: 90% 0 0;
    max-width: 300px !important;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .container-header .g-video-title-container-header-retromilano {
    margin: 70% 0 0;
    max-width: 350px !important;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .container-header .g-video-title-container-header-retromilano {
    margin: 50% 0 0;
  }
}
.container-header .g-video-title-container-header-retromilano p {
  margin-top: 10px;
}
.g-full-screen-picture-header {
  background-image: url(/images/header-lefkos-splus.jpg);
}
@media (min-width: 415px) and (max-width: 1024px) {
  .g-full-screen-picture-header {
    background-image: url(/images/header-lefkos-t.jpg);
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header {
    background-image: url(/images/header-hp-bis-l.jpg);
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header {
    background-image: url(/images/header-hp-bis-x.jpg);
    object-fit: contain;
  }
}
.g-full-screen-picture-header .g-full-screen-picture--title-1-container {
  z-index: 2;
  margin: 0 0 75%;
}
@media (max-width: 375px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-1-container {
    margin: 0 0 70%;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-1-container {
    margin: 0 0 60%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-1-container {
    margin: 0 0 50%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-1-container {
    margin: 0 0 35%;
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-1-container {
    margin: 5% 50% 0 0;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-1-container
  img.svg-everbloom-1-logo {
  margin-bottom: 15px !important;
  width: 70% !important;
}
@media (min-width: 769px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    img.svg-everbloom-1-logo {
    width: 100% !important;
  }
}
.g-full-screen-picture-header .g-full-screen-picture--title-1-container p {
  color: #3b3b3b !important;
}
@media (max-width: 1024px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-1-container p {
    color: #3b3b3b !important;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-1-container
  p.title {
  font-size: 36px;
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    p.title {
    font-size: 40px;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-1-container
  .parenthesis-title-hp {
  color: #6a4530 !important;
  border-bottom: none;
  font-size: 27px !important;
  font-weight: 700;
}
@media (max-width: 414px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .parenthesis-title-hp {
    font-size: 20px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .parenthesis-title-hp {
    font-size: 20px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .parenthesis-title-hp {
    font-size: 27px !important;
    line-height: 45px;
    padding: 0;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-1-container
  .btn-blue {
  color: #3b3b3b !important;
  margin-top: 20px !important;
}
@media (max-width: 768px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .btn-blue {
    color: #3b3b3b !important;
    margin-top: 12px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .btn-blue {
    color: #3b3b3b !important;
    margin-top: 12px !important;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-1-container
  .svg-homepage-header-logo {
  width: 420px;
}
@media (max-width: 1023px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .svg-homepage-header-logo {
    width: 320px;
  }
}
@media (max-width: 767px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .svg-homepage-header-logo {
    width: 250px;
  }
}
@media (max-width: 1024px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .h-d-from-l-hp {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-1-container
    .h-d-to-l-hp {
    display: none !important;
  }
}
.g-full-screen-picture-header .middle-container {
  width: 50%;
  height: 100%;
}
@media (max-width: 1023px) {
  .g-full-screen-picture-header .middle-container {
    width: 100%;
    height: 50%;
  }
}
.g-full-screen-picture-header .g-serif-l1 {
  border-bottom: none;
  margin-bottom: 0 !important;
  font-size: 37px !important;
}
@media (max-width: 414px) {
  .g-full-screen-picture-header .g-serif-l1 {
    font-size: 32px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .g-full-screen-picture-header .g-serif-l1 {
    font-size: 29px !important;
  }
}
.g-full-screen-picture-header .g-popin--dialog .vex-dialog-button,
.g-full-screen-picture-header .gem-btn,
.g-popin--dialog .g-full-screen-picture-header .vex-dialog-button {
  margin-top: 20px;
  font-size: 12px;
  padding: 10px 19px 8px;
  border: 1px solid;
}
@media (max-width: 1024px) {
  .g-full-screen-picture-header .g-popin--dialog .vex-dialog-button,
  .g-full-screen-picture-header .gem-btn,
  .g-popin--dialog .g-full-screen-picture-header .vex-dialog-button {
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid;
  }
}
@media (min-width: 768px) {
  .g-full-screen-picture-slide1 .g-full-screen-picture--title-container {
    margin: 25% auto 0 !important;
  }
}
@media (max-width: 1024px) {
  .g-full-screen-picture-slide1 .g-full-screen-picture--title-container {
    margin: 70% auto 0 !important;
  }
}
.g-full-screen-picture-slide1 .g-popin--dialog .vex-dialog-button,
.g-full-screen-picture-slide1 .gem-btn,
.g-popin--dialog .g-full-screen-picture-slide1 .vex-dialog-button {
  color: #fff !important;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .g-full-screen-picture-slide1 .g-popin--dialog .vex-dialog-button,
  .g-full-screen-picture-slide1 .gem-btn,
  .g-popin--dialog .g-full-screen-picture-slide1 .vex-dialog-button {
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid;
  }
}
.g-full-screen-picture-slide1 {
  background-image: url(/images/fs-primarosa-splus.jpg);
}
@media (min-width: 415px) and (max-width: 1023px) {
  .g-full-screen-picture-slide1 {
    background-image: url(/images/fs-primarosa-t.jpg);
  }
}
@media (min-width: 1024px) {
  .g-full-screen-picture-slide1 {
    background-image: url(/images/fs-primarosa-l.jpg);
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-slide1 {
    background-image: url(/images/fs-primarosa-x.jpg);
  }
}
@media (max-width: 414px) {
  .g-full-screen-picture-slide1 .g-full-screen-picture--title-container {
    margin-top: 80%;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-full-screen-picture-slide1 .g-full-screen-picture--title-container {
    margin: 60% 0 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-slide1 .g-full-screen-picture--title-container {
    margin: 30% 0 0;
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-slide1 .g-full-screen-picture--title-container {
    margin: 25% 0 0;
  }
}
.g-full-screen-picture-slide1 .svg-primarosa-logo {
  margin-top: 25px;
  margin-bottom: 10px;
  width: 60%;
}
@media (min-width: 1025px) {
  .g-full-screen-picture-slide1 .svg-primarosa-logo {
    width: 40%;
  }
}
@media (min-width: 1201px) {
  .g-full-screen-picture-slide1 .svg-primarosa-logo {
    width: 70%;
  }
}
@media (min-width: 1441px) {
  .g-full-screen-picture-slide1 .svg-primarosa-logo {
    margin-top: 0;
    width: 90%;
  }
}
.g-full-screen-picture-slide1 .g-popin--dialog .vex-dialog-button,
.g-full-screen-picture-slide1 .gem-btn,
.g-popin--dialog .g-full-screen-picture-slide1 .vex-dialog-button {
  color: #fff;
  font-size: 12px;
  padding: 10px 19px 8px;
  border: 1px solid;
}
@media (min-width: 768px) {
  .g-full-screen-picture-slide1 .g-popin--dialog .vex-dialog-button,
  .g-full-screen-picture-slide1 .gem-btn,
  .g-popin--dialog .g-full-screen-picture-slide1 .vex-dialog-button {
    margin-top: 10px;
  }
}
@media (max-width: 1024px) {
  .g-full-screen-picture-slide1 .g-popin--dialog .vex-dialog-button,
  .g-full-screen-picture-slide1 .gem-btn,
  .g-popin--dialog .g-full-screen-picture-slide1 .vex-dialog-button {
    font-size: 12px;
    padding: 8px 15px 6px;
    border: 1px solid;
  }
}
.g-full-screen-picture-slide1bis {
  background-image: url(/images/fs-everbloom-chapitre-2-splus.jpg);
}
@media (min-width: 415px) and (max-width: 1023px) {
  .g-full-screen-picture-slide1bis {
    background-image: url(/images/fs-everbloom-chapitre-2-t.jpg);
  }
}
@media (min-width: 1024px) {
  .g-full-screen-picture-slide1bis {
    background-image: url(/images/fs-everbloom-chapitre-2-l.jpg);
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-slide1bis {
    background-image: url(/images/fs-everbloom-chapitre-2-x.jpg);
  }
}
@media (max-width: 414px) {
  .g-full-screen-picture-slide1bis .g-full-screen-picture--title-container {
    margin-top: 80%;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-full-screen-picture-slide1bis .g-full-screen-picture--title-container {
    margin: 60% 0 0;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .g-full-screen-picture-slide1bis .g-full-screen-picture--title-container {
    margin: 40% 0 0;
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .g-full-screen-picture-slide1bis .g-full-screen-picture--title-container {
    margin: 0 50% 25% 0;
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-slide1bis .g-full-screen-picture--title-container {
    margin-top: var(--banner-nav-height);
    margin-right: 40%;
    margin-bottom: 15%;
    margin-left: 0;
  }
}
.g-full-screen-picture-slide1bis
  .g-full-screen-picture--title-container
  p.title {
  font-size: 36px;
}
@media (min-width: 1200px) {
  .g-full-screen-picture-slide1bis
    .g-full-screen-picture--title-container
    p.title {
    font-size: 40px;
  }
}
.g-full-screen-picture-slide1bis
  .g-full-screen-picture--title-container
  .svg-everbloom-logo {
  width: 250px;
}
@media (min-width: 415px) {
  .g-full-screen-picture-slide1bis
    .g-full-screen-picture--title-container
    .svg-everbloom-logo {
    width: 350px;
  }
}
.g-full-screen-picture-slide1bis
  .g-full-screen-picture--title-container
  .g-popin--dialog
  .vex-dialog-button,
.g-full-screen-picture-slide1bis
  .g-full-screen-picture--title-container
  .gem-btn,
.g-popin--dialog
  .g-full-screen-picture-slide1bis
  .g-full-screen-picture--title-container
  .vex-dialog-button {
  color: #fff;
  font-size: 12px;
  padding: 10px 19px 8px;
  border: 1px solid;
}
@media (min-width: 768px) {
  .g-full-screen-picture-slide1bis
    .g-full-screen-picture--title-container
    .g-popin--dialog
    .vex-dialog-button,
  .g-full-screen-picture-slide1bis
    .g-full-screen-picture--title-container
    .gem-btn,
  .g-popin--dialog
    .g-full-screen-picture-slide1bis
    .g-full-screen-picture--title-container
    .vex-dialog-button {
    margin-top: 10px;
  }
}
@media (max-width: 1024px) {
  .g-full-screen-picture-slide1bis
    .g-full-screen-picture--title-container
    .g-popin--dialog
    .vex-dialog-button,
  .g-full-screen-picture-slide1bis
    .g-full-screen-picture--title-container
    .gem-btn,
  .g-popin--dialog
    .g-full-screen-picture-slide1bis
    .g-full-screen-picture--title-container
    .vex-dialog-button {
    font-size: 12px;
    padding: 8px 15px 6px;
    border: 1px solid;
  }
}
.g-full-screen-picture-slide3.lazy-bg-loaded {
  background-image: url(/images/fs-collection-paris-1901.jpg);
}
@media (max-width: 414px) {
  .g-full-screen-picture-slide3.lazy-bg-loaded {
    background-image: url(/images/fs-collection-paris-1901-splus.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-full-screen-picture-slide3.lazy-bg-loaded {
    background-image: url(/images/fs-collection-paris-1901-t.jpg);
  }
}
@media (min-width: 1024px) {
  .g-full-screen-picture-slide3.lazy-bg-loaded {
    background-image: url(/images/fs-collection-paris-1901-l.jpg);
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-slide3.lazy-bg-loaded {
    background-image: url(/images/fs-collection-paris-1901-x.jpg);
  }
}
.g-full-screen-picture-slide3
  .g-full-screen-picture--title-container
  .svg-paris-1901 {
  max-width: 450px;
  margin: 20px auto;
}
.g-full-screen-picture-slide4.lazy-bg-loaded {
  background-image: url(/images/fs-collection-everbloom.jpg);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-full-screen-picture-slide4.lazy-bg-loaded {
    background-image: url(/images/fs-collection-everbloom-t.jpg);
  }
}
@media (min-width: 1024px) {
  .g-full-screen-picture-slide4.lazy-bg-loaded {
    background-image: url(/images/fs-collection-everbloom-l.jpg);
  }
}
.g-full-screen-picture-slide4
  .g-full-screen-picture--title-container
  .svg-everbloom-logo {
  width: 250px;
}
@media (min-width: 415px) {
  .g-full-screen-picture-slide4
    .g-full-screen-picture--title-container
    .svg-everbloom-logo {
    width: 300px;
  }
}
.home-video-container {
  position: relative;
  width: 100% !important;
  height: 100vh;
  overflow: hidden;
}
.home-video-container video#home-video {
  position: absolute;
  top: 0;
  width: inherit;
  height: inherit;
  background: url(https://cdn.gemmyo.com/static/videos/hp/poster-hp-retromilano-t.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  .home-video-container video#home-video {
    background: url(https://cdn.gemmyo.com/static/videos/hp/poster-hp-retromilano-l.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  .home-video-container video#home-video {
    background: url(https://cdn.gemmyo.com/static/videos/hp/poster-hp-retromilano-x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
.home-video-container video#home-video-header {
  position: absolute;
  top: 0;
  width: inherit;
  background: url(/static/videos/hp/poster-hp-retromilano-t.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  .home-video-container video#home-video-header {
    background: url(/static/videos/hp/poster-hp-retromilano-l.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  .home-video-container video#home-video-header {
    background: url(/static/videos/hp/poster-hp-retromilano-x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
.home-video-container .svg-retromantique-logo {
  width: 450px;
}
@media (max-width: 1024px) {
  .home-video-container .svg-retromantique-logo {
    width: 430px;
  }
}
@media (max-width: 767px) {
  .home-video-container .svg-retromantique-logo {
    width: 300px;
  }
}
.home-video-container .g-video-title-container {
  z-index: 2;
  margin: 0 0 75%;
}
@media (max-width: 375px) {
  .home-video-container .g-video-title-container {
    margin: 110% 0 0;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .home-video-container .g-video-title-container {
    margin: 90% 0 0;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .home-video-container .g-video-title-container {
    margin: 70% 0 0;
  }
}
@media (min-width: 769px) and (max-width: 959px) {
  .home-video-container .g-video-title-container {
    margin: 0 0 0 55%;
  }
}
@media (min-width: 961px) {
  .home-video-container .g-video-title-container {
    margin: 0 0 0 65%;
  }
}
.home-video-container .g-video-title-container img.png-homepage-video {
  width: 70%;
}
@media (min-width: 569px) and (max-width: 767px) {
  .home-video-container .g-video-title-container img.png-homepage-video {
    width: 60%;
  }
}
@media (min-width: 769px) {
  .home-video-container .g-video-title-container img.png-homepage-video {
    width: 100%;
  }
}
.home-video-container .g-video-title-container p {
  color: #537b87 !important;
  line-height: 22px;
}
.home-video-container .g-video-title-container p.small {
  font-size: 15px;
}
@media (max-width: 767px) {
  .home-video-container .g-video-title-container p.small {
    font-size: 12px;
  }
}
.home-video-container .g-video-title-container .parenthesis-title-hp {
  color: #537b87;
  border-bottom: none;
  font-size: 27px;
  font-weight: 700;
}
.home-video-container
  .g-video-title-container
  .parenthesis-title-hp.g-serif-l1 {
  margin: 10px 0 15px !important;
}
@media (max-width: 414px) {
  .home-video-container .g-video-title-container .parenthesis-title-hp {
    font-size: 20px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .home-video-container .g-video-title-container .parenthesis-title-hp {
    font-size: 22px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .home-video-container .g-video-title-container .parenthesis-title-hp {
    font-size: 27px;
    line-height: 45px;
    padding: 0;
  }
}
.g-popin--dialog
  .home-video-container
  .g-video-title-container
  .vex-dialog-button,
.home-video-container
  .g-video-title-container
  .g-popin--dialog
  .vex-dialog-button,
.home-video-container .g-video-title-container .gem-btn {
  color: #3b3b3b;
  font-size: 12px;
  padding: 15px 25px;
  border: 1px solid #3b3b3b;
  margin-top: 5px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
@media (max-width: 1024px) {
  .g-popin--dialog
    .home-video-container
    .g-video-title-container
    .vex-dialog-button,
  .home-video-container
    .g-video-title-container
    .g-popin--dialog
    .vex-dialog-button,
  .home-video-container .g-video-title-container .gem-btn {
    font-size: 20px;
    padding: 10px 20px;
    border: 1px solid;
  }
}
.g-joaillerie-complice {
  padding: 20px 0 40px;
}
@media (min-width: 768px) {
  .g-joaillerie-complice {
    width: 680px;
    padding: 0 0 90px;
  }
}
@media (min-width: 1200px) {
  .g-joaillerie-complice {
    width: auto;
  }
}
.svg-parenthese-de-noel-logo {
  margin-top: 25px;
  margin-bottom: 10px;
  width: 70%;
}
@media (min-width: 1025px) {
  .svg-parenthese-de-noel-logo {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  .svg-parenthese-de-noel-logo {
    width: 90%;
    margin-bottom: 20px;
  }
}
@media (min-width: 1441px) {
  .svg-parenthese-de-noel-logo {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
.g-retro2 {
  width: 400px;
}
@media (min-width: 1440px) {
  .g-retro2 {
    width: 490px;
    margin-left: 20px;
  }
}
.g-push-alliances-title {
  margin: 40px 0 50px !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-push-alliances-title {
    margin: 25px auto 50px !important;
  }
}
@media (min-width: 1024px) {
  .g-push-alliances-title {
    margin: 0 22px !important;
  }
}
.g-col--half-hp-header-img,
.g-col--half-hp-header-img-2 {
  width: 100% !important;
}
@media (min-width: 768px) and (max-width: 959px) {
  .g-col--half-hp-header-img,
  .g-col--half-hp-header-img-2 {
    width: 45% !important;
    height: 100vh;
  }
}
@media (min-width: 960px) {
  .g-col--half-hp-header-img,
  .g-col--half-hp-header-img-2 {
    width: 40% !important;
    height: 100vh;
  }
}
@media (min-width: 768px) {
  .g-col--half-hp-header-img-2 img,
  .g-col--half-hp-header-img img {
    display: block;
    margin: auto;
    object-fit: cover;
    height: 100%;
    max-width: 100%;
    width: 100%;
  }
}
.g-col--half-hp-header-img-2 .g-serif-l1,
.g-col--half-hp-header-img .g-serif-l1 {
  border-bottom: none;
  color: #fff !important;
  padding: 0;
  line-height: normal;
}
@media (max-width: 768px) {
  .g-col--half-hp-header-img-2 .g-serif-l1,
  .g-col--half-hp-header-img .g-serif-l1 {
    font-size: 25px;
  }
}
@media (min-width: 769px) {
  .g-col--half-hp-header-img-2 .g-serif-l1,
  .g-col--half-hp-header-img .g-serif-l1 {
    margin-bottom: 0 !important;
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .g-col--half-hp-header-img-2 .g-serif-l1,
  .g-col--half-hp-header-img .g-serif-l1 {
    font-size: 35px;
  }
}
.g-col--half-hp-header-img-2 .title-part-img,
.g-col--half-hp-header-img .title-part-img {
  position: absolute;
  bottom: 45px;
  width: 100%;
}
@media (max-width: 568px) {
  .g-col--half-hp-header-img-2 .title-part-img,
  .g-col--half-hp-header-img .title-part-img {
    bottom: 10%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-col--half-hp-header-img-2 .title-part-img,
  .g-col--half-hp-header-img .title-part-img {
    bottom: 15%;
  }
}
.g-col--half-hp-header-img-2 p,
.g-col--half-hp-header-img p {
  color: #fff !important;
  padding: 0 10px;
}
@media (min-width: 361px) and (max-width: 568px) {
  .g-col--half-hp-header-img-2 p,
  .g-col--half-hp-header-img p {
    width: 80%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-col--half-hp-header-img-2 p,
  .g-col--half-hp-header-img p {
    width: 40%;
  }
}
.g-col--half-hp-header-img-2 .g-popin--dialog .vex-dialog-button,
.g-col--half-hp-header-img-2 .gem-btn,
.g-col--half-hp-header-img .g-popin--dialog .vex-dialog-button,
.g-col--half-hp-header-img .gem-btn,
.g-popin--dialog .g-col--half-hp-header-img-2 .vex-dialog-button,
.g-popin--dialog .g-col--half-hp-header-img .vex-dialog-button {
  color: #fff !important;
  font-size: 12px;
  padding: 10px 19px 8px;
  border: 1px solid;
}
@media (min-width: 768px) {
  .g-col--half-hp-header-img-2 .g-popin--dialog .vex-dialog-button,
  .g-col--half-hp-header-img-2 .gem-btn,
  .g-col--half-hp-header-img .g-popin--dialog .vex-dialog-button,
  .g-col--half-hp-header-img .gem-btn,
  .g-popin--dialog .g-col--half-hp-header-img-2 .vex-dialog-button,
  .g-popin--dialog .g-col--half-hp-header-img .vex-dialog-button {
    margin-top: 10px;
  }
}
@media (max-width: 1024px) {
  .g-col--half-hp-header-img-2 .g-popin--dialog .vex-dialog-button,
  .g-col--half-hp-header-img-2 .gem-btn,
  .g-col--half-hp-header-img .g-popin--dialog .vex-dialog-button,
  .g-col--half-hp-header-img .gem-btn,
  .g-popin--dialog .g-col--half-hp-header-img-2 .vex-dialog-button,
  .g-popin--dialog .g-col--half-hp-header-img .vex-dialog-button {
    font-size: 14px;
    padding: 8px 15px 6px;
    border: 1px solid;
  }
}
.g-col--half-hp-header-img-2 {
  width: 100% !important;
}
@media (min-width: 768px) and (max-width: 959px) {
  .g-col--half-hp-header-img-2 {
    width: 54.9% !important;
    height: 100vh;
  }
}
@media (min-width: 960px) {
  .g-col--half-hp-header-img-2 {
    width: 59.9% !important;
    height: 100vh;
  }
}
@media (max-width: 568px) {
  .g-col--half-hp-header-img-2 .title-part-img {
    bottom: 65%;
  }
}
@media (min-width: 569px) and (max-width: 767px) {
  .g-col--half-hp-header-img-2 .title-part-img {
    bottom: 70%;
  }
}
.g-full-screen-picture-header-bis {
  background-image: url(../../../images/background-saphir-vert-v6-splus.jpg);
  height: 100vh;
}
@media (max-width: 320px) {
  .g-full-screen-picture-header-bis {
    padding-top: 20px;
  }
}
@media (max-width: 768px) {
  .g-full-screen-picture-header-bis {
    background-position: bottom !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header-bis {
    background-image: url(../../../images/background-saphir-vert-v6-t.jpg);
    height: 670px;
    background-position-x: left;
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header-bis {
    background-image: url(../../../images/background-saphir-vert-v6-l.jpg);
    height: 650px;
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header-bis {
    background-image: url(../../../images/background-saphir-vert-v6-x.jpg);
    height: 700px;
  }
}
@media (min-width: 1441px) {
  .g-full-screen-picture-header-bis {
    height: 880px;
  }
}
.g-full-screen-picture-header-bis .g-full-screen-picture--logo-bis-container {
  z-index: 2;
  position: absolute;
}
@media (max-width: 375px) {
  .g-full-screen-picture-header-bis .g-full-screen-picture--logo-bis-container {
    width: 30%;
    right: 8%;
    bottom: 10%;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .g-full-screen-picture-header-bis .g-full-screen-picture--logo-bis-container {
    width: 30%;
    right: 5%;
    bottom: 8%;
  }
}
@media (min-width: 569px) and (max-width: 1024px) {
  .g-full-screen-picture-header-bis .g-full-screen-picture--logo-bis-container {
    right: 10%;
    width: 20%;
    bottom: 8%;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .g-full-screen-picture-header-bis .g-full-screen-picture--logo-bis-container {
    width: 17%;
    bottom: 8%;
    right: 10%;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .g-full-screen-picture-header-bis .g-full-screen-picture--logo-bis-container {
    width: 14%;
    bottom: 7%;
    right: 10%;
  }
}
@media (min-width: 1441px) {
  .g-full-screen-picture-header-bis .g-full-screen-picture--logo-bis-container {
    width: 11%;
    top: 7%;
    right: 10%;
  }
}
.g-full-screen-picture-header-bis .g-full-screen-picture--title-bis-container {
  z-index: 2;
  margin: 0 0 75%;
}
@media (max-width: 375px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 110%;
  }
}
@media (max-width: 320px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 100%;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 100%;
  }
}
@media (width: 414px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 110%;
  }
}
@media (width: 540px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 90%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 75%;
  }
}
@media (width: 768px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 95%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 28% 52%;
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 28% 52%;
  }
}
@media (min-width: 1201px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container {
    margin: 1% 0 29% 52%;
  }
}
.g-full-screen-picture-header-bis
  .g-full-screen-picture--title-bis-container
  img.svg-retromilano-logo {
  width: 70% !important;
  margin-bottom: 5px !important;
}
@media (min-width: 769px) and (max-width: 1199px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    img.svg-retromilano-logo {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    img.svg-retromilano-logo {
    width: 96% !important;
  }
}
.g-full-screen-picture-header-bis
  .g-full-screen-picture--title-bis-container
  p {
  color: #fff !important;
}
@media (max-width: 1024px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    p {
    color: #fff !important;
  }
}
.g-full-screen-picture-header-bis
  .g-full-screen-picture--title-bis-container
  p.title {
  font-size: 36px;
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    p.title {
    font-size: 40px;
  }
}
.g-full-screen-picture-header-bis
  .g-full-screen-picture--title-bis-container
  .parenthesis-title-hp {
  color: #fff !important;
  border-bottom: none;
  font-size: 26px !important;
  padding: 0 25px !important;
  font-weight: 700;
}
@media (max-width: 414px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .parenthesis-title-hp {
    font-size: 18px !important;
    padding: 0 15px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .parenthesis-title-hp {
    font-size: 24px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .parenthesis-title-hp {
    font-size: 24px !important;
    line-height: 65px !important;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 65px !important;
  }
}
.g-full-screen-picture-header-bis
  .g-full-screen-picture--title-bis-container
  .btn-collection {
  border: 1px solid #fff;
  color: #fff !important;
  margin-top: 20px !important;
}
@media (max-width: 768px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .btn-collection {
    color: #fff !important;
    margin-top: 12px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .btn-collection {
    color: #fff !important;
    margin-top: 12px !important;
  }
}
.g-full-screen-picture-header-bis
  .g-full-screen-picture--title-bis-container
  .svg-homepage-header-logo {
  width: 420px;
}
@media (max-width: 1023px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .svg-homepage-header-logo {
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .svg-homepage-header-logo {
    width: 250px;
  }
}
@media screen and (max-width: 1024px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .h-d-from-l-hp {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .g-full-screen-picture-header-bis
    .g-full-screen-picture--title-bis-container
    .h-d-to-l-hp {
    display: none !important;
  }
}
.g-full-screen-picture-header-bis .middle-container {
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .g-full-screen-picture-header-bis .middle-container {
    width: 100%;
    height: 50%;
  }
}
.g-full-screen-picture-header-bis .g-serif-l1 {
  border-bottom: none;
  margin-bottom: 0 !important;
  font-size: 55px !important;
}
@media screen and (max-width: 414px) {
  .g-full-screen-picture-header-bis .g-serif-l1 {
    font-size: 32px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .g-full-screen-picture-header-bis .g-serif-l1 {
    font-size: 29px !important;
  }
}
@media screen and (max-width: 1024px) {
  .g-full-screen-picture-header-bis .g-popin--dialog .vex-dialog-button,
  .g-full-screen-picture-header-bis .gem-btn,
  .g-popin--dialog .g-full-screen-picture-header-bis .vex-dialog-button {
    font-size: 14px;
    padding: 15px 30px 13px;
    border: 1px solid;
  }
}
.g-full-screen-picture-header-ter {
    background-image: url(../images/rdv-creation-lady-poire-2-splus.jpg);
    height: 64vh;
  }
@media screen and (min-width: 1200px) {
    .g-full-screen-picture-header-ter {
      background-image: url(../images/rdv-creation-lady-poire-2-x.jpg);
      height: 700px;
      background-position: 50%;
    }
  }
  @media screen and (min-width: 1025px) {
    .g-full-screen-picture-header-ter {
      background-image: url(../images/rdv-creation-lady-poire-2-l.jpg);
      height: 650px;
      background-position: 50%;
    }
  }
  @media screen and (min-width: 769px) and (max-width: 1024px) {
    .g-full-screen-picture-header-ter {
      background-image: url(../images/rdv-creation-lady-poire-2-t.jpg);
      height: 600px;
      background-position: 50%;
    }
  }

@media screen and (max-width: 320px) {
  .g-full-screen-picture-header-ter {
    padding-top: 20px;
  }
}
@media screen and (max-width: 414px) {
  .g-full-screen-picture-header-ter {
    background-position: top;
  }
}



@media screen and (min-width: 1441px) {
  .g-full-screen-picture-header-ter {
    height: 880px;
    background-position: 50%;
  }
}
.g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
  z-index: 2;
  position: absolute;
}
@media (max-width: 359px) {
  .g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
    width: 28%;
    right: 5%;
    bottom: 3%;
  }
}
@media (min-width: 360px) and (max-width: 568px) {
  .g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
    width: 22%;
    right: 5%;
    bottom: 3%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
    width: 15%;
    bottom: 5%;
    right: 3%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
    width: 15%;
    bottom: 3%;
    right: 38%;
  }
}
@media (min-width: 961px) and (max-width: 1024px) {
  .g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
    width: 15%;
    bottom: 3%;
    right: 38%;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
    width: 15%;
    bottom: 4%;
    right: 36%;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
    width: 13%;
    bottom: 4%;
    right: 35%;
  }
}
@media (min-width: 1441px) {
  .g-full-screen-picture-header-ter .g-full-screen-picture--logo-ter-container {
    width: 10%;
    top: 70%;
    right: 34%;
  }
}
.g-full-screen-picture-header-ter .g-full-screen-picture--title-ter-container {
  z-index: 2;
  margin: 0 NaN;
}
@media (max-width: 375px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container {
    margin: 0 0 50%;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container {
    margin: 0 0 46%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container {
    margin: 0 0 32%;
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container {
    margin: 0 35% 38% 0;
  }
}
@media (min-width: 961px) and (max-width: 1024px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container {
    margin: 0 36% 48% 0;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container {
    margin: 0 36% 38% 0;
  }
}
@media (min-width: 1201px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container {
    margin: 1% 32% 39% 0;
  }
}
.g-full-screen-picture-header-ter
  .g-full-screen-picture--title-ter-container
  img.svg-retromilano-logo {
  width: 70% !important;
  margin-bottom: 5px !important;
}
@media (min-width: 769px) and (max-width: 1199px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    img.svg-retromilano-logo {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    img.svg-retromilano-logo {
    width: 96% !important;
  }
}
.g-full-screen-picture-header-ter
  .g-full-screen-picture--title-ter-container
  p {
  color: #3b3b3b !important;
  font-size: 15px;
}
@media (max-width: 768px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    p {
    color: #3b3b3b !important;
    font-size: 12px;
  }
}
.g-full-screen-picture-header-ter
  .g-full-screen-picture--title-ter-container
  p.title {
  font-size: 36px;
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    p.title {
    font-size: 40px;
  }
}
.g-full-screen-picture-header-ter
  .g-full-screen-picture--title-ter-container
  .parenthesis-title-hp {
  color: #000 !important;
  border-bottom: none;
  font-size: 26px !important;
  padding: 0 25px !important;
  font-weight: 700;
}
@media (max-width: 414px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .parenthesis-title-hp {
    font-size: 14px !important;
    padding: 0 15px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .parenthesis-title-hp {
    font-size: 18px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .parenthesis-title-hp {
    font-size: 23px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .parenthesis-title-hp {
    font-size: 24px !important;
    line-height: 65px !important;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 65px !important;
  }
}
.g-full-screen-picture-header-ter
  .g-full-screen-picture--title-ter-container
  .btn-collection {
  border: 1px solid #3b3b3b;
  color: #3b3b3b !important;
  margin-top: 20px !important;
}
@media (max-width: 768px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .btn-collection {
    color: #3b3b3b !important;
    margin-top: 12px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .btn-collection {
    color: #3b3b3b !important;
    margin-top: 12px !important;
  }
}
.g-full-screen-picture-header-ter
  .g-full-screen-picture--title-ter-container
  .svg-homepage-header-logo {
  width: 420px;
}
@media (max-width: 1023px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .svg-homepage-header-logo {
    width: 320px;
  }
}
@media (max-width: 767px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .svg-homepage-header-logo {
    width: 250px;
  }
}
@media (max-width: 1024px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .h-d-from-l-hp {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header-ter
    .g-full-screen-picture--title-ter-container
    .h-d-to-l-hp {
    display: none !important;
  }
}
.g-full-screen-picture-header-ter .middle-container {
  width: 50%;
  height: 100%;
}
@media (max-width: 1023px) {
  .g-full-screen-picture-header-ter .middle-container {
    width: 100%;
    height: 50%;
  }
}
.g-full-screen-picture-header-ter .g-serif-l1 {
  border-bottom: none;
  margin-bottom: 0 !important;
  font-size: 55px !important;
}
@media (max-width: 414px) {
  .g-full-screen-picture-header-ter .g-serif-l1 {
    font-size: 32px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .g-full-screen-picture-header-ter .g-serif-l1 {
    font-size: 29px !important;
  }
}
@media (max-width: 1024px) {
  .g-full-screen-picture-header-ter .g-popin--dialog .vex-dialog-button,
  .g-full-screen-picture-header-ter .gem-btn,
  .g-popin--dialog .g-full-screen-picture-header-ter .vex-dialog-button {
    font-size: 14px;
    padding: 15px 30px 13px;
    border: 1px solid;
  }
}
.g-full-screen-picture-header-bis-swiss {
  background-image: url(/images/header-bijou-juillet-2022-splus.jpg);
}
@media (min-width: 415px) and (max-width: 1024px) {
  .g-full-screen-picture-header-bis-swiss {
    background-image: url(/images/header-bijou-juillet-2022-t.jpg);
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header-bis-swiss {
    background-image: url(/images/header-bijou-juillet-2022-l.jpg);
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header-bis-swiss {
    background-image: url(/images/header-bijou-juillet-2022-x.jpg);
  }
}
@media (min-width: 1441px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--logo-bis-container {
    bottom: 7%;
  }
}
.g-full-screen-picture-header-bis-swiss
  .g-full-screen-picture--title-bis-container {
  z-index: 2;
  margin: 0 0 75%;
}
@media (max-width: 375px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 100%;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 70%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 45%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 35%;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 25%;
  }
}
@media (min-width: 1441px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container {
    margin: 0 0 15%;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container
    .parenthesis-title-hp {
    font-size: 20px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container
    .parenthesis-title-hp {
    font-size: 22px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .g-full-screen-picture-header-bis-swiss
    .g-full-screen-picture--title-bis-container
    .parenthesis-title-hp {
    font-size: 26px !important;
  }
}
@media (max-width: 767px) {
  .g-serif-hp-manifeste {
    font-size: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-serif-hp-manifeste {
    font-size: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .g-serif-hp-manifeste {
    font-size: 20px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .g-serif-hp-manifeste {
    font-size: 26px !important;
  }
}
.manifest-block {
  max-width: 80%;
  border: 3px solid #fff;
  padding: 20px;
}
@media (max-width: 768px) {
  .manifest-block {
    padding: 20px !important;
  }
}
.js-swiper-hp .g-collection-product,
.js-swiper-hp.swiper-container,
.js-swiper-hp .swiper-slide {
  width: 100%;
}
@media (min-width: 414px) and (max-width: 767px) {
  .js-swiper-hp .g-collection-product,
  .js-swiper-hp.swiper-container,
  .js-swiper-hp .swiper-slide {
    width: 414px;
  }
}
.js-swiper-hp .swiper-pagination.swiper-pagination-bullets {
  bottom: 215px !important;
}
.js-swiper-hp .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 3px;
}
@media (max-width: 768px) {
  .padding-top-hp {
    padding-top: 25px;
  }
}
img.svg-everbloom-1-logo {
  width: 20px;
}
.g-col--half-hp-header-video {
  width: 100% !important;
}
@media (min-width: 769px) and (max-width: 959px) {
  .g-col--half-hp-header-video {
    width: 54.9% !important;
    height: 100vh;
  }
}
@media (min-width: 960px) {
  .g-col--half-hp-header-video {
    width: 59.9% !important;
    height: 100vh;
  }
}
.g-col--half-hp-header-video video {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  .g-col--half-hp-header-video video {
    display: block;
    margin: auto;
    object-fit: cover;
    height: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  .g-col--half-hp-header-video video {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (max-width: 768px) {
  .g-col--half-hp-header-video.margin-bottom-header-hp {
    margin-bottom: 1px;
  }
}
.g-col--half-hp-header-img-3 {
  width: 100% !important;
}
@media (min-width: 768px) and (max-width: 959px) {
  .g-col--half-hp-header-img-3 {
    width: 45% !important;
    height: 100vh;
  }
}
@media (min-width: 960px) {
  .g-col--half-hp-header-img-3 {
    width: 40% !important;
    height: 100vh;
  }
}
@media (max-width: 767px) {
  .g-col--half-hp-header-img-3 {
    margin-bottom: 1px;
  }
}
.g-col--half-hp-header-img-3 img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
@media (min-width: 768px) {
  .g-col--half-hp-header-img-3 img {
    display: block;
    margin: auto;
    object-fit: cover;
    height: 100%;
    max-width: 100%;
    width: 100%;
  }
}
.g-col--half-hp-header-img-3 .g-serif-l1 {
  border-bottom: none;
  color: #fff !important;
  padding: 0;
  line-height: normal;
}
@media (max-width: 768px) {
  .g-col--half-hp-header-img-3 .g-serif-l1 {
    font-size: 25px;
  }
}
@media (min-width: 769px) {
  .g-col--half-hp-header-img-3 .g-serif-l1 {
    margin-bottom: 0 !important;
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .g-col--half-hp-header-img-3 .g-serif-l1 {
    font-size: 35px;
  }
}
.g-col--half-hp-header-img-3 .title-part-img {
  position: absolute;
  bottom: 45px;
  width: 100%;
}
@media (max-width: 568px) {
  .g-col--half-hp-header-img-3 .title-part-img {
    bottom: 0;
  }
}
.g-col--half-hp-header-img-3 p {
  color: #fff !important;
  margin-top: 5px;
}
@media (min-width: 361px) and (max-width: 568px) {
  .g-col--half-hp-header-img-3 p {
    width: 90%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-col--half-hp-header-img-3 p {
    width: 96%;
  }
}
@media (max-width: 359px) {
  .g-col--half-hp-header-img-3 p.g-serif-text {
    font-size: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .g-col--half-hp-header-img-3 p.g-serif-text {
    font-size: 14px !important;
  }
}
.g-col--half-hp-header-img-3 .parenthesis-title-hp {
  color: #fff !important;
  border-bottom: none;
  font-size: 26px !important;
  font-weight: 700;
  margin-bottom: 0 !important;
}
@media (max-width: 414px) {
  .g-col--half-hp-header-img-3 .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-col--half-hp-header-img-3 .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-col--half-hp-header-img-3 .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 45px;
    padding: 0;
  }
}
.g-col--half-hp-header-img-3 .g-popin--dialog .vex-dialog-button,
.g-col--half-hp-header-img-3 .gem-btn,
.g-popin--dialog .g-col--half-hp-header-img-3 .vex-dialog-button {
  color: #fff;
  border: 1px solid #fff;
  margin-top: 15px;
  font-size: 12px !important;
  padding: 15px 30px 13px !important;
}
@media (min-width: 769px) and (max-width: 959px) {
  .g-col--half-hp-header-video-2 {
    width: 54.9% !important;
    height: 100vh;
  }
}
@media (min-width: 960px) {
  .g-col--half-hp-header-video-2 {
    width: 59.9% !important;
    height: 100vh;
  }
}
@media (max-width: 960px) {
  .g-col--half-hp-header-video-2 {
    width: 54.9% !important;
  }
}
@media (max-width: 767px) {
  .g-col--half-hp-header-video-2 {
    width: 100% !important;
  }
}
.g-col--half-hp-header-video-2 video {
  max-width: 100%;
  height: 100vh !important;
  object-fit: cover;
  width: 100%;
  background: url(/static/videos/hp/poster-hp-savoir-faire-t.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  .g-col--half-hp-header-video-2 video {
    display: block;
    margin: auto;
    height: 100%;
    background: url(/static/videos/hp/poster-hp-savoir-faire-l.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  .g-col--half-hp-header-video-2 video {
    background: url(/static/videos/hp/poster-hp-savoir-faire-x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (max-width: 768px) {
  .g-col--half-hp-header-video-2.margin-bottom-header-hp {
    margin-bottom: 1px;
  }
}
.g-video-title-container-header-2 {
  position: absolute;
  bottom: 45px;
  width: 100%;
  margin: 0 0 0 auto !important;
}
@media (max-width: 375px) {
  .g-video-title-container-header-2 {
    margin: 90% 0 0;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .g-video-title-container-header-2 {
    margin: 90% 0 0;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-video-title-container-header-2 {
    margin: 50% 0 0;
    max-width: 350px;
  }
}
@media (min-width: 769px) and (max-width: 959px) {
  .g-video-title-container-header-2 {
    margin: 50% 0 0;
  }
}
@media (min-width: 960px) {
  .g-video-title-container-header-2 {
    margin: 0 0 0 50%;
  }
}
@media (max-width: 768px) {
  .g-video-title-container-header-2 img.svg-primarosa-2-logo {
    width: 65%;
  }
}
.g-video-title-container-header-2 .g-serif-l1 {
  border-bottom: none;
  color: #fff !important;
  margin-bottom: 0 !important;
}
@media (max-width: 414px) {
  .g-video-title-container-header-2 .g-serif-l1 {
    font-size: 30px;
  }
}
.g-video-title-container-header-2 h1 {
  color: #fff !important;
  border: none;
}
.g-video-title-container-header-2 p {
  color: #fff !important;
  margin-top: 10px;
  line-height: 22px;
}
.g-video-title-container-header-2 p.small {
  font-size: 15px;
}
@media (max-width: 767px) {
  .g-video-title-container-header-2 p.small {
    font-size: 12px;
  }
}
.g-popin--dialog .g-video-title-container-header-2 .vex-dialog-button,
.g-video-title-container-header-2 .g-popin--dialog .vex-dialog-button,
.g-video-title-container-header-2 .gem-btn {
  color: #fff;
  border: 1px solid #fff;
  margin-top: 10px;
}
.g-video-title-container-header-2 .title-hp-collection-page {
  border-bottom: none;
  font-size: 50px;
  letter-spacing: 5px;
  text-transform: uppercase !important;
}
@media (max-width: 414px) {
  .g-video-title-container-header-2 .title-hp-collection-page {
    font-size: 33px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-video-title-container-header-2 .title-hp-collection-page {
    font-size: 45px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-video-title-container-header-2 .title-hp-collection-page {
    font-size: 50px;
    line-height: 45px;
    padding: 0;
  }
}
.g-full-screen-picture-header {
  background-image: url(/images/hp-cutoff-splus.jpg);
}
@media (min-width: 415px) and (max-width: 1024px) {
  .g-full-screen-picture-header {
    background-image: url(/images/hp-cutoff-t.jpg);
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header {
    background-image: url(/images/hp-cutoff-l.jpg);
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header {
    background-image: url(/images/hp-cutoff-x.jpg);
    object-fit: contain;
  }
}
.g-full-screen-picture-header .g-full-screen-picture--title-3-container {
  z-index: 2;
  margin: 0 0 75%;
}
@media (max-width: 375px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-3-container {
    margin: 75% 0 70%;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-3-container {
    margin: 67% 0 60%;
  }
}
@media (min-width: 569px) and (max-width: 767px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-3-container {
    margin: 55% 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-3-container {
    margin: 28% 0 35%;
  }
}
@media (max-width: 1199px) and (min-width: 1025px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-3-container {
    margin: 25% 0 0 55%;
  }
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-3-container {
    margin: 10% 0 0 61%;
  }
}
@media (min-width: 1441px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-3-container {
    margin: 10% 0 0 61%;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-3-container
  img.svg-everbloom-1-logo {
  margin-bottom: 15px !important;
  width: 70% !important;
}
@media (min-width: 769px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    img.svg-everbloom-1-logo {
    width: 100% !important;
  }
}
.g-full-screen-picture-header .g-full-screen-picture--title-3-container p {
  color: #3b3b3b !important;
}
@media (max-width: 1024px) {
  .g-full-screen-picture-header .g-full-screen-picture--title-3-container p {
    color: #3b3b3b !important;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-3-container
  p.title {
  font-size: 36px;
}
@media (min-width: 1200px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    p.title {
    font-size: 40px;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-3-container
  .parenthesis-title-hp {
  color: #6a4530 !important;
  border-bottom: none;
  font-size: 50px !important;
  font-weight: 700;
}
@media (max-width: 414px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .parenthesis-title-hp {
    font-size: 26px !important;
    line-height: 45px;
    padding: 0;
  }
}
.g-full-screen-picture-header .g-full-screen-picture--title-3-container p {
  color: #6a4530 !important;
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-3-container
  .btn-blue {
  color: #6a4530 !important;
  margin-top: 20px !important;
}
@media (max-width: 768px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .btn-blue {
    color: #6a4530 !important;
    margin-top: 12px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .btn-blue {
    color: #6a4530 !important;
    margin-top: 12px !important;
  }
}
.g-full-screen-picture-header
  .g-full-screen-picture--title-3-container
  .svg-homepage-header-logo {
  width: 420px;
}
@media (max-width: 1023px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .svg-homepage-header-logo {
    width: 320px;
  }
}
@media (max-width: 767px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .svg-homepage-header-logo {
    width: 250px;
  }
}
@media (max-width: 1024px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .h-d-from-l-hp {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .g-full-screen-picture-header
    .g-full-screen-picture--title-3-container
    .h-d-to-l-hp {
    display: none !important;
  }
}
.g-video-title-container-header {
  z-index: 2;
  margin: 0 0 75%;
  max-width: 420px;
}
@media (max-width: 375px) {
  .g-video-title-container-header {
    margin: 90% 0 0;
    max-width: 290px !important;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  .g-video-title-container-header {
    margin: 90% 0 0;
    max-width: 300px !important;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  .g-video-title-container-header {
    margin: 70% 0 0;
    max-width: 350px !important;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .g-video-title-container-header {
    margin: 50% 0 0;
  }
}
@media (min-width: 1200px) {
  .g-video-title-container-header {
    margin: 0 0 0 60%;
  }
}
@media (max-width: 768px) {
  .g-video-title-container-header img.svg-primarosa-2-logo {
    width: 65%;
  }
}
.g-video-title-container-header .g-serif-l1 {
  border-bottom: none;
  color: #fff !important;
  margin-bottom: 0 !important;
}
@media (max-width: 414px) {
  .g-video-title-container-header .g-serif-l1 {
    font-size: 30px;
  }
}
.g-video-title-container-header h1 {
  color: #fff !important;
  border: none;
}
.g-video-title-container-header p {
  color: #fff !important;
  margin-top: 10px;
  line-height: 22px;
}
.g-video-title-container-header p.small {
  font-size: 15px;
}
@media (max-width: 767px) {
  .g-video-title-container-header p.small {
    font-size: 12px;
  }
}
.g-popin--dialog .g-video-title-container-header .vex-dialog-button,
.g-video-title-container-header .g-popin--dialog .vex-dialog-button,
.g-video-title-container-header .gem-btn {
  color: #fff;
  border: 1px solid #fff;
  margin-top: 5px;
}
.g-video-title-container-header .title-hp-collection-page {
  border-bottom: none;
  font-size: 50px;
  letter-spacing: 5px;
  text-transform: uppercase !important;
}
@media (max-width: 414px) {
  .g-video-title-container-header .title-hp-collection-page {
    font-size: 33px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .g-video-title-container-header .title-hp-collection-page {
    font-size: 45px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .g-video-title-container-header .title-hp-collection-page {
    font-size: 50px;
    line-height: 45px;
    padding: 0;
  }
}
.g-serif-l1-english {
  border-bottom: none;
  margin-bottom: 0 !important;
  font-size: 43px !important;
}
@media (max-width: 414px) {
  .g-serif-l1-english {
    font-size: 32px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .g-serif-l1-english {
    font-size: 29px !important;
  }
}
.parenthesis-title-hp-english {
  color: #6a4530 !important;
  border-bottom: none;
  font-size: 45px !important;
  font-weight: 700;
}
@media (max-width: 414px) {
  .parenthesis-title-hp-english {
    font-size: 26px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .parenthesis-title-hp-english {
    font-size: 30px !important;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .parenthesis-title-hp-english {
    font-size: 45px !important;
    line-height: 45px;
    padding: 0;
  }
}
.amshopby-slider .ui-slider {
  position: relative;
  text-align: left;
}
.amshopby-slider .ui-slider-horizontal {
  width: 120px;
}
@media (max-width: 1023px) {
  .amshopby-slider .ui-slider-horizontal {
    width: 200px;
  }
}
.amshopby-slider .ui-slider-horizontal.ui-corner-all {
  border: 0;
}
.amshopby-slider .ui-slider-horizontal.ui-slider-horizontal {
  height: 10px;
  background-color: #f0f0f0;
  border: 1px solid #d7d7d7;
}
.amshopby-slider .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.amshopby-slider .ui-slider-horizontal .ui-slider-range.ui-widget-header {
  background: #d0857e;
}
.amshopby-slider .ui-slider-horizontal .ui-slider-handle {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 25%;
  -webkit-backface-visibility: hidden;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  top: -8px;
  margin: 0 auto 0 -15px;
  z-index: 2;
  -ms-touch-action: none;
  touch-action: none;
}
@media (min-width: 1025px) {
  .amshopby-slider .ui-slider-horizontal .ui-slider-handle {
    width: 20px;
    height: 20px;
    top: -6px;
  }
}
.amshopby-slider #amount {
  width: 100%;
  text-align: center;
  margin-bottom: 7px;
  border: 0;
  background-color: transparent;
}
.catalog-category-view .g-cat-breadcrumbs {
  display: none;
}
@media (min-width: 768px) {
  .catalog-category-view .g-cat-breadcrumbs {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
  }
}
.catalog-category-view .g-cat-breadcrumbs ul {
  margin: 0;
  padding: 0;
}
.catalog-category-view .g-cat-breadcrumbs ul li {
  list-style-type: none;
  display: inline-block;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  color: #949494;
}
.catalog-category-view .g-cat-breadcrumbs .item:not(:last-child):after {
  font-size: 10px;
  content: "\003E";
  margin: 0;
  overflow: hidden;
  text-align: center;
}
.g-old-cat-w {
  margin: auto;
}
@media (min-width: 568px) {
  .g-old-cat-w {
    max-width: 550px;
  }
}
@media (min-width: 768px) {
  .g-old-cat-w {
    max-width: 750px;
  }
}
@media (min-width: 1024px) {
  .g-old-cat-w {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .g-old-cat-w {
    max-width: 1169px;
  }
}
.g-cat-grid-11 {
  width: 50%;
  height: 275px;
}
@media (min-width: 415px) {
  .g-cat-grid-11 {
    height: 295px;
  }
}
@media (min-width: 768px) {
  .g-cat-grid-11 {
    width: 187px;
    height: 222px;
  }
}
@media (min-width: 1024px) {
  .g-cat-grid-11 {
    width: 242px;
    height: 288px;
  }
}
@media (min-width: 1200px) {
  .g-cat-grid-11 {
    width: 292px;
    height: 351px;
  }
}
.g-cat-grid-21 {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .g-cat-grid-21 {
    width: 374px;
    height: 222px;
  }
}
@media (min-width: 1024px) {
  .g-cat-grid-21 {
    width: 484px;
    height: 288px;
  }
}
@media (min-width: 1200px) {
  .g-cat-grid-21 {
    width: 584px;
    height: 351px;
  }
}
@media (min-width: 768px) {
  .g-cat-grid-11--focus {
    width: 374px;
    height: 444px;
  }
}
@media (min-width: 1024px) {
  .g-cat-grid-11--focus {
    width: 484px;
    height: 576px;
  }
}
@media (min-width: 1200px) {
  .g-cat-grid-11--focus {
    width: 584px;
    height: 702px;
  }
}
.g-grid-push {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-grid-block {
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-left: none;
  margin: 0;
}
.g-grid-block .tag {
  position: absolute;
  z-index: 1;
  margin: 6px;
  height: auto;
  width: 90px;
}
@media (max-width: 414px) {
  .g-grid-block .tag {
    width: 70px;
  }
}
@media (min-width: 1200px) {
  .g-grid-block:hover .tag {
    display: none;
  }
}
@media (min-width: 568px) {
  .g-cat-grid-11--focus.right {
    float: right;
  }
}
.g-cat-text {
  position: absolute;
  width: 100%;
  bottom: 10px;
}
.g-cat-text .g-serif-caps-l1 {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
@media (max-width: 414px) {
  .g-cat-text {
    top: 75%;
    bottom: auto;
  }
  .g-cat-text .g-serif-caps-l1 {
    font-size: 12px;
    padding: 0 4px;
    line-height: 18px;
  }
  .g-cat-text .g-serif-it-l2 {
    font-size: 10px;
    padding: 0 4px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .g-cat-text .g-serif-it-l2 {
    font-size: 11px;
    line-height: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-cat-text .g-serif-caps-l1,
  .g-cat-text .g-serif-it-l2 {
    font-size: 12px;
    line-height: 18px;
  }
  .g-cat-text .g-serif-it-l2 {
    letter-spacing: -0.4px;
  }
}
@media (min-width: 1200px) {
  .g-cat-text {
    bottom: 25px;
  }
}
.g-products-list {
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  border-width: 1px 0 0 1px;
  margin-top: 0;
  margin-bottom: 100px;
}
.g-grid-product {
  position: relative;
}
.g-grid-product div.product-inner {
  box-sizing: border-box;
  padding-bottom: 60px;
  height: 100%;
}

  .g-grid-product div.product-inner img {
    width: 100%;
    padding: 0;
    height: 227px;
    object-fit: cover;
}

@media (max-width: 567px) {
  .g-grid-product div.product-inner img {
    /* padding: 11px 0 0; */
    max-width: 95%;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .g-grid-product div.product-inner img {
    /* padding: 22px; */
  }
}
@media (min-width: 768px) {
  .g-grid-product div.product-inner img {
    /* width: 150px; */
  }
}
@media (min-width: 1024px) {
  .g-grid-product div.product-inner img {
    /* width: 190px; */
    /* padding: 26px; */
  }
}
@media (min-width: 1200px) {
  .g-grid-product div.product-inner img {
    /* width: 227px;
    padding: 32px; */
  }
}
.g-grid-product div.product-inner.product-necklace img {
  width: 87%;
  padding: 0 6.5%;
}
@media (max-width: 568px) {
  .g-grid-product div.product-inner.product-necklace img {
    padding: 35px 6.5%;
  }
}
@media (min-width: 569px) {
  .g-grid-product div.product-inner.product-necklace img {
    top: 0;
  }
}
@media (min-width: 1200px) {
  .g-grid-product:hover .product-inner {
    cursor: hand;
    color: #000;
  }
}
@media (min-width: 768px) {
  .g-grid-product.g-cat-grid-11--focus div.product-inner img {
    width: 227px;
    padding: 0 22px;
  }
}
@media (min-width: 768px) and (min-width: 568px) {
  .g-grid-product.g-cat-grid-11--focus div.product-inner img {
    padding: 22px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .g-grid-product.g-cat-grid-11--focus div.product-inner img {
    width: 373px;
    padding: 0;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .g-grid-product.g-cat-grid-11--focus div.product-inner img {
    width: 455px;
    padding: 14px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .g-grid-product.g-cat-grid-11--focus div.product-inner img {
    width: 525px;
    padding: 29px;
  }
}
.g-pages {
  justify-content: flex-end;
  margin-top: 30px;
  padding: 0;
}
.g-pages li {
  padding: 0 4px;
  list-style-type: none;
}
.g-pages li a {
  text-align: center;
  display: block;
  width: 30px;
  height: 30px;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  max-width: 100%;
  line-height: 31px;
  margin: 10px 2px 10px 0;
  background-color: #fff;
  border: 2px solid #d0857e;
  text-decoration: none;
}
.g-pages li a:last-child {
  margin-right: 0;
}
.g-pages li a:hover {
  background-color: #d0857e;
  color: #000;
  text-decoration: none;
}
.g-pages li.current a {
  background-color: #edd6d6;
}
.g-pages li.current a:hover {
  background-color: #d0857e;
}
.g-pager nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: inherit;
  justify-content: flex-end;
  align-items: center;
  margin: 30px auto 0;
  padding: 0;
  text-align: center;
}
.g-pager nav a,
.g-pager nav span {
  padding: 0 4px;
  width: 30px;
  height: 30px;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  max-width: 100%;
  line-height: 31px;
  margin: 10px 4px;
  background-color: #fff;
  border: 2px solid #d0857e;
  text-decoration: none;
}
.g-pager nav a:last-child,
.g-pager nav span:last-child {
  margin-right: 0;
}
.g-pager nav a:hover,
.g-pager nav span:hover {
  background-color: #d0857e;
  color: #000;
  text-decoration: none;
}
.g-pager nav a.current,
.g-pager nav span.current {
  background-color: #edd6d6;
}
.g-pager nav a.current:hover,
.g-pager nav span.current:hover {
  background-color: #d0857e;
}
.g-pager nav a.disabled,
.g-pager nav span.disabled {
  display: none;
}
.g-pager nav a[rel="next"],
.g-pager nav a[rel="prev"] {
  width: auto;
}
.g-btn--infinitescroll-previous,
.g-infinitescroll-previous-busy {
  margin-bottom: 20px;
}
@media (min-width: 568px) {
  .g-btn--infinitescroll-previous,
  .g-infinitescroll-previous-busy {
    margin-bottom: 30px;
  }
}
.g-btn--infinitescroll,
.g-infinitescroll-busy {
  margin-top: 20px;
}
@media (min-width: 568px) {
  .g-btn--infinitescroll,
  .g-infinitescroll-busy {
    margin-top: 30px;
  }
}
.infinite-scroll-request {
  width: 60px;
  margin: auto;
}
@media (min-width: 768px) {
  .g-new-cat-w {
    width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .g-new-cat-w {
    width: 1024px;
  }
}
@media (min-width: 1200px) {
  .g-new-cat-w {
    width: 1200px;
  }
}
.g-new-cat-w .swiper-pagination.swiper-pagination-bullets {
  bottom: 10px !important;
}
.g-listing-pname {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .g-listing-pname {
    margin: 5px 0 0;
  }
}
.g-listing-product {
  display: block;
  max-width: 414px;
  margin: 0 auto 50px;
}
@media (min-width: 768px) {
  .g-listing-product {
    margin: 0 0 30px;
  }
}
@media (min-width: 1200px) {
  .js-swiper-hp:hover .g-slide1 {
    display: none !important;
  }
  .js-swiper-hp:hover .g-slide2 {
    display: block !important;
  }
}
.g-cat-desc {
  text-align: center;
  max-width: 620px;
  margin: 20px auto 0;
}
.g-cat-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  .g-cat-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .g-cat-header {
    width: auto;
    position: relative;
    height: 140px;
  }
}
@media (min-width: 1024px) {
  .g-cat-header {
    height: 130px;
  }
}
.g-cat-header-fit {
  width: fit-content;
  margin: 0 40px;
}
@media (max-width: 767px) {
  .g-cat-header-fit {
    width: 100%;
    margin: 0;
  }
}
.g-cat-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .g-cat-header-content {
    width: 587px;
    margin: 0 auto;
    top: -75px;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  .g-cat-header-content {
    width: 650px;
  }
}
@media (min-width: 1200px) {
  .g-cat-header-content {
    top: -90px;
  }
}
@media (min-width: 768px) {
  .g-cat-header-wo-desc {
    height: 45px;
  }
}
@media (max-width: 767px) {
  .g-cat-header-wo-desc {
    height: 85px;
  }
}
@media (max-width: 567px) {
  .g-cat-header-wo-desc {
    height: 100px;
  }
}
.g-cat-header-wo-desc-wrap-responsive {
  height: 110px;
}
@media (max-width: 1199px) {
  .g-cat-header-wo-desc-wrap-responsive {
    height: 95px;
  }
}
@media (max-width: 767px) {
  .g-cat-header-wo-desc-wrap-responsive {
    margin: 0;
    height: 145px;
  }
}
.g-cat-hero {
  width: 100%;
  height: fit-content;
}
@media (min-width: 414px) {
  .g-cat-hero {
    width: 414px;
  }
}
@media (min-width: 768px) {
  .g-cat-hero {
    width: 768px;
  }
}
@media (min-width: 1024px) {
  .g-cat-hero {
    width: 1024px;
  }
}
@media (min-width: 1200px) {
  .g-cat-hero {
    width: 1200px;
  }
}
.g-cat-hero-select-cadeaux {
  width: 100%;
  max-width: 1440px;
}
.g-cat-header-motherDay {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  .g-cat-header-motherDay {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .g-cat-header-motherDay {
    width: auto;
    position: relative;
    height: 240px !important;
  }
}
@media (min-width: 1024px) {
  .g-cat-header-motherDay {
    height: 230px !important;
  }
}
.g-lp-hero {
  height: fit-content;
}
.tags-list {
  padding: 0 10px;
  margin: 25px auto;
}
@media (min-width: 1024px) {
  .tags-list {
    max-width: 80%;
  }
}
.tags-list li {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  max-width: 100%;
  margin: 0 10px 15px 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #3b3b3b;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .tags-list li {
    font-size: 16px;
    line-height: normal;
  }
}
.tags-list li a {
  display: inline-block;
  box-sizing: content-box;
  padding: 10px;
}
.tags-list li svg {
  width: 10px;
  height: 10px;
  fill: #3b3b3b;
  margin-left: 5px;
}
.tags-list li.is-active,
.tags-list li:hover {
  border-color: #d0857e;
  border-radius: 20px;
  transition: all 0.3s ease 0s;
  background-color: #d0857e;
}
.tags-list li:focus {
  outline: 0 !important;
}
.unsuccessfulSearch-remove-filters-container {
  margin: auto auto 25px;
  width: 100%;
  height: fit-content;
  flex-direction: row-reverse;
}
@media (min-width: 414px) {
  .unsuccessfulSearch-remove-filters-container {
    width: 414px;
  }
}
@media (min-width: 768px) {
  .unsuccessfulSearch-remove-filters-container {
    width: 768px;
  }
}
@media (min-width: 1024px) {
  .unsuccessfulSearch-remove-filters-container {
    width: 1024px;
  }
}
@media (min-width: 1200px) {
  .unsuccessfulSearch-remove-filters-container {
    width: 1200px;
  }
}
.unsuccessfulSearch-remove-filters-container button {
  margin: 0 10px;
  border: 2px solid #d0857e;
  padding: 5px 20px;
  background-color: #fff;
  border-radius: 3px;
}
.unsuccessfulSearch-remove-filters-container svg {
  margin-right: 20px;
  fill: #d0857e;
  width: 15px;
}
.collection {
  margin: auto;
}
@media (min-width: 768px) {
  .collection {
    width: 738px;
  }
}
@media (min-width: 1024px) {
  .collection {
    width: 918px;
  }
}
@media (min-width: 1200px) {
  .collection {
    width: 1010px;
  }
}
.collection__row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collection__row {
    flex-direction: row;
    align-items: inherit;
  }
}
.collection > .collection__row {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .collection > .collection__row {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .collection__row.collection__row--need-margin {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .collection__row.collection__row--need-margin {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .collection > .collection__row.collection__row--need-margin {
    margin-bottom: 18px;
  }
}
@media (min-width: 1200px) {
  .collection > .collection__row.collection__row--need-margin {
    margin-bottom: 30px;
  }
}
.collection__col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 384px;
}
@media (min-width: 768px) {
  .collection__col {
    margin-bottom: 0;
    max-width: none;
  }
}
.collection__element {
  overflow: hidden;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .collection__element {
    margin-bottom: 0;
  }
}
.collection__col--full {
  width: 100%;
}
@media (min-width: 768px) {
  .collection__col--half {
    width: 360px;
  }
  .collection__col--half:first-child {
    margin-right: 18px;
  }
}
@media (min-width: 1024px) {
  .collection__col--half {
    width: 450px;
  }
}
@media (min-width: 1200px) {
  .collection__col--half {
    width: 490px;
  }
  .collection__col--half:first-child {
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .collection__col--half-small {
    width: 280px;
  }
  .collection__col--half-small:first-child {
    margin-right: 18px;
  }
}
@media (min-width: 1024px) {
  .collection__col--half-small {
    width: 370px;
  }
}
@media (min-width: 1200px) {
  .collection__col--half-small {
    width: 410px;
  }
  .collection__col--half-small:first-child {
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .collection__col--quarter {
    width: 175px;
  }
  .collection__col--quarter:first-child {
    margin-right: 10px;
  }
}
@media (min-width: 1024px) {
  .collection__col--quarter {
    width: 220px;
  }
}
@media (min-width: 1200px) {
  .collection__col--quarter {
    width: 235px;
  }
  .collection__col--quarter:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  .collection__col--third {
    margin-right: 30px;
    width: 172px;
  }
  .collection__col--third:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .collection__col--third {
    width: 232px;
  }
}
@media (min-width: 1200px) {
  .collection__col--third {
    width: 263px;
  }
}
@media (min-width: 768px) {
  .collection__col--third-large {
    margin-right: 10px;
    width: 239px;
  }
  .collection__col--third-large:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .collection__col--third-large {
    width: 299px;
  }
}
@media (min-width: 1200px) {
  .collection__col--third-large {
    margin-right: 20px;
    width: 323px;
  }
  .collection__col--third-large:last-child {
    margin-right: 0;
  }
}
.collection__product {
  padding: 0;
}
@media (min-width: 768px) and (min-width: 768px) {
  .collection__col--half-small .collection__product img {
    height: 145px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .collection__col--half-small .collection__product img {
    height: 175px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .collection__col--half-small .collection__product img {
    height: 200px;
  }
}
@media (min-width: 768px) {
  .collection__col--half .collection__col--full .collection__product img {
    width: 29%;
  }
}
@media (min-width: 1024px) {
  .collection__col--half .collection__col--full .collection__product img {
    width: 41%;
  }
}
@media (max-width: 767px) {
  .collection__product img {
    width: 50%;
  }
}
.collection__product-name {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-size: 13px;
  line-height: 24px;
  margin: 15px 0;
  position: relative;
}
.collection__product-name--two-lines {
  margin: 5px 0 12px;
  line-height: 19px;
}
.collection__header {
  max-width: inherit;
  margin: 10px auto 25px;
}
@media (min-width: 568px) {
  .collection__video-block {
    max-width: 65%;
    margin: auto;
  }
}
.collection__header--video .collection__video {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.collection__header--video .collection__video embed,
.collection__header--video .collection__video iframe,
.collection__header--video .collection__video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.collection__logo {
  margin-top: 30px;
  margin-bottom: 15px;
}
.collection__logo img {
  height: 35px;
}
@media (min-width: 768px) {
  .collection__logo img {
    height: 40px;
  }
}
img.logo-col--lady,
img.logo-col--madame {
  width: auto;
  height: 65px;
}
@media (min-width: 768px) {
  img.logo-col--lady,
  img.logo-col--madame {
    height: 75px;
  }
}
img.logo-col--wanderlust {
  width: auto;
  height: 65px;
}
.collection__title--ariane {
  font-weight: 600;
  letter-spacing: 11px;
}
.collection__order--start {
  order: -1;
}
@media (min-width: 768px) {
  .collection__order--start {
    order: inherit;
  }
}
.collection__order--end {
  order: 99;
}
@media (min-width: 768px) {
  .collection__order--end {
    order: inherit;
  }
}
@media (max-width: 767px) {
  .collection__element--inspi {
    max-width: 375px;
  }
}
@media (min-width: 768px) {
  .collection__element--inspi {
    margin-bottom: auto;
  }
}
.g-video-header {
  width: 100%;
  height: auto;
}
@media (min-width: 414px) {
  .g-video-header {
    width: 384px;
    height: 256px;
  }
}
@media (min-width: 768px) {
  .g-video-header {
    width: 738px;
    height: 300px;
  }
}
@media (min-width: 1024px) {
  .g-video-header {
    width: 914px;
    height: 377px;
  }
}
@media (min-width: 1200px) {
  .g-video-header {
    width: 764px;
    height: 430px;
  }
}
@media (min-width: 768px) {
  #octo {
    width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  #octo {
    width: 1024px;
  }
}
@media (min-width: 1200px) {
  #octo {
    width: 1200px;
  }
}
#octo .swiper-pagination.swiper-pagination-bullets {
  bottom: 10px !important;
}
.g-collection-product {
  display: block;
  max-width: 414px;
  margin: 0 auto 50px;
}
@media (min-width: 768px) {
  .g-collection-product {
    margin: 0 0 20px;
  }
}
.g-video--co {
  width: 100%;
  display: block;
  margin: 0 auto 30px;
}
@media (min-width: 414px) {
  .g-video--co {
    width: 414px;
  }
}
@media (min-width: 768px) {
  .g-video--co {
    width: 600px;
    width: 750px;
  }
}
.g-octo-combi {
  margin: 0;
}
@media (min-width: 768px) {
  .g-octo-combi {
    margin: 10px 0;
  }
}
.g-octo-video-container {
  background-color: #fbfbfb;
  margin-bottom: 50px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .g-octo-video-container {
    padding: 15px 0;
  }
}
@media (min-width: 1024px) {
  .g-octo-video-container {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  .g-octo-video-container {
    padding: 30px 0 15px;
  }
}
@media (min-width: 1200px) {
  .g-octo-limit-d {
    width: 1024px;
    margin: 0 auto;
  }
}
@media (min-width: 1680px) {
  .g-octo-limit-d {
    width: 1200px;
  }
}
.g-octo-limit-small {
  max-width: 620px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .g-octo-limit-small {
    max-width: 800px;
  }
}
.g-octo-img {
  width: 620px;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .g-octo-img {
    width: 800px;
    margin-bottom: 50px;
  }
}
#Padparadscha .g-serif-l1 {
  font-size: 30px;
}
@media (min-width: 414px) {
  #Padparadscha .g-serif-l1 {
    font-size: 35px;
  }
}
#padpa-video {
  outline: 0;
  margin-bottom: 30px;
  max-width: 100%;
}
@media (min-width: 1200px) {
  #padpa-video {
    height: calc(80vh - 120px);
  }
}
#saphir-vert-video {
  position: relative;
  z-index: 2;
  outline: 0;
  margin-bottom: 30px;
  width: 100%;
  max-width: 1220px;
}
@media (min-width: 1200px) {
  #saphir-vert-video {
    width: 85%;
  }
}
@media (min-width: 1200px) {
  .g-product-padpa {
    max-width: 1200px !important;
  }
}
@media (min-width: 1440px) {
  .g-product-padpa {
    max-width: 1440px !important;
  }
}
.g-product-padpa .necklace-included-tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-product-padpa .necklace-included-tablet {
    display: block;
    text-align: center;
    border: none;
    position: relative;
    padding: inherit;
  }
}
.g-padpa-pvideo2 {
  width: 100%;
}
@media (min-width: 414px) {
  .g-padpa-pvideo2 {
    width: 414px;
  }
}
@media (min-width: 768px) {
  .g-padpa-pvideo2 {
    width: 360px;
  }
}
@media (min-width: 1024px) {
  .g-padpa-pvideo2 {
    width: 460px;
  }
}
@media (min-width: 1200px) {
  .g-padpa-pvideo2 {
    width: 550px;
  }
}
.g-padpa-pvideo1 {
  width: 100%;
}
@media (min-width: 414px) {
  .g-padpa-pvideo1 {
    width: 414px;
  }
}
@media (min-width: 768px) {
  .g-padpa-pvideo1 {
    width: 385px;
  }
}
@media (min-width: 1024px) {
  .g-padpa-pvideo1 {
    width: 490px;
  }
}
@media (min-width: 1200px) {
  .g-padpa-pvideo1 {
    width: 380px;
  }
}
@media (min-width: 1440px) {
  .g-padpa-pvideo1 {
    width: 440px;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .g-addtocart-padpa {
    margin-top: 30px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .g-addtocart-lady {
    width: 410px !important;
  }
}
@media (min-width: 1440px) {
  .g-padpa-w {
    width: 1250px;
  }
}
.g-padpa-pack {
  width: 100%;
  max-width: 414px;
}
@media (min-width: 768px) {
  .g-padpa-pack {
    max-width: 470px;
    width: 470px;
    margin: auto 40px;
  }
}
.g-padpa-hl {
  align-content: flex-start;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .g-padpa-hl {
    width: 359px;
    align-content: baseline;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .g-padpa-hl {
    width: 770px;
  }
}
@media (min-width: 1440px) {
  .g-padpa-hl {
    width: 900px;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .g-padpa-pierres {
    max-width: 360px;
  }
}
@media (min-width: 1200px) {
  .g-padpa-pierres {
    max-width: 400px;
  }
}
.g-padpa-text {
  max-width: 497px;
}
@media (max-width: 767px) {
  .g-padpa-text {
    margin: 0 auto !important;
  }
}
@media (min-width: 1200px) {
  .g-padpa-text {
    max-width: 580px;
  }
}
.g-padpa-closing--band {
  box-sizing: border-box;
  padding: 20px 10px;
  background-color: #fbfbfb;
  border-top: 2px solid #d0857e;
  border-bottom: 2px solid #d0857e;
}
@media (min-width: 1024px) {
  .g-padpa-closing--band {
    padding: 50px 10px;
  }
}
@media (max-width: 1023px) {
  .g-padpa-closing--band .g-serif-text-s {
    text-align: center;
  }
}
.g-padpa-closing--band.homepage {
  border: 2px solid #d0857e;
  padding-left: 10px;
  padding-right: 10px;
}
.g-parenthesis-saphir-bleu-gris-closing--band {
  box-sizing: border-box;
  padding: 20px 10px;
  background-color: rgba(191, 212, 213, 0.3);
  border-top: 2px solid #537b87;
  border-bottom: 2px solid #537b87;
}
@media (min-width: 1024px) {
  .g-parenthesis-saphir-bleu-gris-closing--band {
    padding: 50px 10px;
  }
}
@media (max-width: 1023px) {
  .g-parenthesis-saphir-bleu-gris-closing--band .g-serif-text-s {
    text-align: center;
  }
}
.g-parenthesis-saphir-bleu-gris-closing--band.homepage {
  border: 2px solid #d0857e;
  padding-left: 10px;
  padding-right: 10px;
}
.everbloom-avant-propos .full-banner {
  width: 100vw;
  height: calc(100vh - 200px);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  background-image: url(/images/header.jpg);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .everbloom-avant-propos .full-banner {
    background-image: url(/images/header-t.jpg);
  }
}
@media (min-width: 1024px) {
  .everbloom-avant-propos .full-banner {
    background-image: url(/images/header-l.jpg);
  }
}
.everbloom-avant-propos .full-banner .full-banner--title {
  position: relative;
  top: 50px;
  margin: 30px;
}
@media (max-width: 767px) {
  .everbloom-avant-propos .full-banner .full-banner--title {
    top: 75px;
  }
}
.everbloom-avant-propos .full-banner .full-banner--title p {
  color: #fff !important;
  line-height: normal;
}
.everbloom-avant-propos .full-banner .full-banner--title p.fs-40 {
  font-size: 40px;
}
@media (max-width: 767px) {
  .everbloom-avant-propos .full-banner .full-banner--title p.fs-40 {
    font-size: 30px;
  }
}
.everbloom-avant-propos .full-banner .full-banner--title p.fs-20 {
  font-size: 20px;
}
.everbloom-avant-propos .page-title-container {
  margin-top: -100px;
  max-width: 650px;
  background-color: #fff;
  padding: 15px;
}
.everbloom-avant-propos .g-col--third {
  max-width: 420px;
  max-height: 630px;
}
@media (max-width: 767px) {
  .everbloom-avant-propos .g-col--third.half-mobile {
    width: 48%;
  }
}
.everbloom-avant-propos .g-col--half {
  width: 45% !important;
}
@media (max-width: 767px) {
  .everbloom-avant-propos .g-col--half {
    width: 100% !important;
  }
}
.everbloom-avant-propos .g-col--half img {
  width: 100%;
  max-width: 642px;
  max-height: 830px;
}
.everbloom-avant-propos .large-horizontal img {
  width: 90%;
  max-width: 1162px;
  max-height: 704px;
}
@media (max-width: 767px) {
  .everbloom-avant-propos .large-horizontal img {
    width: 100%;
  }
}
.everbloom-avant-propos .text-title {
  text-transform: uppercase;
  font-size: 40px;
  line-height: normal;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .everbloom-avant-propos .text-title {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .everbloom-avant-propos .text-title {
    font-size: 50px;
  }
}
.everbloom-avant-propos .text-quote {
  text-transform: uppercase;
  font-size: 18px;
  line-height: normal;
}
@media (min-width: 1200px) {
  .everbloom-avant-propos .text-quote {
    font-size: 26px;
  }
}
.everbloom-avant-propos .duo-padding {
  height: 300px;
}
@media (min-width: 768px) {
  .everbloom-avant-propos .duo-padding {
    height: 250px;
  }
}
@media (min-width: 1024px) {
  .everbloom-avant-propos .duo-padding {
    height: 420px;
  }
}
#ArtDeco .g-serif-l2,
#ArtDeco .g-serif-l2-not-underlined,
#GemmyoramaInfluence .g-serif-l2,
#GemmyoramaInfluence .g-serif-l2-not-underlined,
#retromantique .g-serif-l2,
#retromantique .g-serif-l2-not-underlined {
  font-size: 18px !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #ArtDeco .g-serif-l2,
  #ArtDeco .g-serif-l2-not-underlined,
  #GemmyoramaInfluence .g-serif-l2,
  #GemmyoramaInfluence .g-serif-l2-not-underlined,
  #retromantique .g-serif-l2,
  #retromantique .g-serif-l2-not-underlined {
    font-size: 17px !important;
  }
}
@media (max-width: 374px) {
  #ArtDeco .g-serif-l2,
  #ArtDeco .g-serif-l2-not-underlined,
  #GemmyoramaInfluence .g-serif-l2,
  #GemmyoramaInfluence .g-serif-l2-not-underlined,
  #retromantique .g-serif-l2,
  #retromantique .g-serif-l2-not-underlined {
    font-size: 13px !important;
  }
}
#ArtDeco .g-retromantique-header-picture,
#GemmyoramaInfluence .g-retromantique-header-picture,
#retromantique .g-retromantique-header-picture {
  width: 100%;
  max-width: 100vw;
}
#ArtDeco .retromantique-collection-video,
#GemmyoramaInfluence .retromantique-collection-video,
#retromantique .retromantique-collection-video {
  outline: none;
  position: relative;
  width: 100%;
}
#ArtDeco .retromantique-video-container,
#GemmyoramaInfluence .retromantique-video-container,
#retromantique .retromantique-video-container {
  position: relative;
}
#ArtDeco .retromantique-video-container video,
#GemmyoramaInfluence .retromantique-video-container video,
#retromantique .retromantique-video-container video {
  width: 100vw;
}
@media (min-width: 1441px) {
  #ArtDeco .retromantique-video-container video,
  #GemmyoramaInfluence .retromantique-video-container video,
  #retromantique .retromantique-video-container video {
    max-width: 1800px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #ArtDeco .h-display-none,
  #GemmyoramaInfluence .h-display-none,
  #retromantique .h-display-none {
    display: none;
  }
}
#ArtDeco .logo-collection-retromantique,
#GemmyoramaInfluence .logo-collection-retromantique,
#retromantique .logo-collection-retromantique {
  max-width: 250px;
  margin: 20px auto;
}
@media (min-width: 768px) {
  #ArtDeco .logo-collection-retromantique,
  #GemmyoramaInfluence .logo-collection-retromantique,
  #retromantique .logo-collection-retromantique {
    max-width: 450px;
  }
}
#ArtDeco .g-serif-caps-l1,
#GemmyoramaInfluence .g-serif-caps-l1,
#retromantique .g-serif-caps-l1 {
  font-size: 17px;
}
@media (max-width: 960px) {
  #ArtDeco .g-serif-caps-l1,
  #GemmyoramaInfluence .g-serif-caps-l1,
  #retromantique .g-serif-caps-l1 {
    font-size: 14px !important;
  }
}
#ArtDeco .width-retromantique,
#GemmyoramaInfluence .width-retromantique,
#retromantique .width-retromantique {
  max-width: 95%;
}
@media (max-width: 767px) {
  #ArtDeco .width-retromantique,
  #GemmyoramaInfluence .width-retromantique,
  #retromantique .width-retromantique {
    max-width: 100%;
  }
}
#ArtDeco .g-retromantique-header,
#GemmyoramaInfluence .g-retromantique-header,
#retromantique .g-retromantique-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #ArtDeco .g-retromantique-header,
  #GemmyoramaInfluence .g-retromantique-header,
  #retromantique .g-retromantique-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #ArtDeco .g-retromantique-header,
  #GemmyoramaInfluence .g-retromantique-header,
  #retromantique .g-retromantique-header {
    width: auto;
    position: relative;
    height: 230px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #ArtDeco .g-retromantique-header,
  #GemmyoramaInfluence .g-retromantique-header,
  #retromantique .g-retromantique-header {
    height: 240px;
  }
}
#ArtDeco .g-retromantique-header-content,
#GemmyoramaInfluence .g-retromantique-header-content,
#retromantique .g-retromantique-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #ArtDeco .g-retromantique-header-content,
  #GemmyoramaInfluence .g-retromantique-header-content,
  #retromantique .g-retromantique-header-content {
    width: 540px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #ArtDeco .g-retromantique-header-content,
  #GemmyoramaInfluence .g-retromantique-header-content,
  #retromantique .g-retromantique-header-content {
    width: 650px;
    top: -35%;
  }
}
@media (min-width: 1200px) {
  #ArtDeco .g-retromantique-header-content,
  #GemmyoramaInfluence .g-retromantique-header-content,
  #retromantique .g-retromantique-header-content {
    width: 650px;
    top: -40%;
  }
}
@media (max-width: 768px) {
  #ArtDeco .h-margin-b-custom,
  #GemmyoramaInfluence .h-margin-b-custom,
  #retromantique .h-margin-b-custom {
    margin-bottom: 50px !important;
  }
}
#ArtDeco img.packshot-retromantique-image-2,
#GemmyoramaInfluence img.packshot-retromantique-image-2,
#retromantique img.packshot-retromantique-image-2 {
  width: 70%;
}
@media (min-width: 768px) {
  #ArtDeco img.packshot-retromantique-image-2,
  #GemmyoramaInfluence img.packshot-retromantique-image-2,
  #retromantique img.packshot-retromantique-image-2 {
    width: 60%;
  }
}
#ArtDeco img.packshot-retromantique-image,
#GemmyoramaInfluence img.packshot-retromantique-image,
#retromantique img.packshot-retromantique-image {
  width: 70%;
}
@media (min-width: 768px) {
  #ArtDeco img.packshot-retromantique-image,
  #GemmyoramaInfluence img.packshot-retromantique-image,
  #retromantique img.packshot-retromantique-image {
    width: 35%;
  }
}
#ArtDeco .h-width-retromantique,
#GemmyoramaInfluence .h-width-retromantique,
#retromantique .h-width-retromantique {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  #ArtDeco .h-width-retromantique,
  #GemmyoramaInfluence .h-width-retromantique,
  #retromantique .h-width-retromantique {
    max-width: 20% !important;
  }
}
#ArtDeco .g-col--half-retromantique,
#GemmyoramaInfluence .g-col--half-retromantique,
#retromantique .g-col--half-retromantique {
  width: 50% !important;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-retromantique,
  #GemmyoramaInfluence .g-col--half-retromantique,
  #retromantique .g-col--half-retromantique {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-retromantique.full-mobile-text,
  #GemmyoramaInfluence .g-col--half-retromantique.full-mobile-text,
  #retromantique .g-col--half-retromantique.full-mobile-text {
    width: 95% !important;
  }
}
#ArtDeco .g-col--half-retromantique video,
#GemmyoramaInfluence .g-col--half-retromantique video,
#retromantique .g-col--half-retromantique video {
  width: 100%;
}
#ArtDeco .g-col--third,
#GemmyoramaInfluence .g-col--third,
#retromantique .g-col--third {
  max-width: 420px;
  max-height: 630px;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third.half-mobile,
  #GemmyoramaInfluence .g-col--third.half-mobile,
  #retromantique .g-col--third.half-mobile {
    width: 48%;
  }
}
#ArtDeco .g-col--third-1,
#GemmyoramaInfluence .g-col--third-1,
#retromantique .g-col--third-1 {
  max-width: 520px;
  max-height: 630px;
}
@media (max-width: 768px) {
  #ArtDeco .g-col--third-1,
  #GemmyoramaInfluence .g-col--third-1,
  #retromantique .g-col--third-1 {
    max-width: 420px;
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #ArtDeco .g-col--third-1,
  #GemmyoramaInfluence .g-col--third-1,
  #retromantique .g-col--third-1 {
    max-width: 450px;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third-1.half-mobile,
  #GemmyoramaInfluence .g-col--third-1.half-mobile,
  #retromantique .g-col--third-1.half-mobile {
    width: 48%;
  }
}
#ArtDeco .g-col--third-2,
#GemmyoramaInfluence .g-col--third-2,
#retromantique .g-col--third-2 {
  max-width: 370px;
  max-height: 630px;
}
@media (max-width: 768px) {
  #ArtDeco .g-col--third-2,
  #GemmyoramaInfluence .g-col--third-2,
  #retromantique .g-col--third-2 {
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third-2.half-mobile,
  #GemmyoramaInfluence .g-col--third-2.half-mobile,
  #retromantique .g-col--third-2.half-mobile {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-1,
  #GemmyoramaInfluence .mobile-order-1,
  #retromantique .mobile-order-1 {
    order: 1;
  }
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-2,
  #GemmyoramaInfluence .mobile-order-2,
  #retromantique .mobile-order-2 {
    order: 2;
  }
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-3,
  #GemmyoramaInfluence .mobile-order-3,
  #retromantique .mobile-order-3 {
    order: 3;
  }
}
#ArtDeco .g-col--half,
#GemmyoramaInfluence .g-col--half,
#retromantique .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half.full-mobile,
  #GemmyoramaInfluence .g-col--half.full-mobile,
  #retromantique .g-col--half.full-mobile {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half.full-mobile-text,
  #GemmyoramaInfluence .g-col--half.full-mobile-text,
  #retromantique .g-col--half.full-mobile-text {
    width: 95% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half.half-mobile,
  #GemmyoramaInfluence .g-col--half.half-mobile,
  #retromantique .g-col--half.half-mobile {
    width: 49% !important;
  }
}
#ArtDeco .g-col--half img.packshot-image,
#GemmyoramaInfluence .g-col--half img.packshot-image,
#retromantique .g-col--half img.packshot-image {
  width: 60%;
}
#ArtDeco .text-quote,
#GemmyoramaInfluence .text-quote,
#retromantique .text-quote {
  text-transform: uppercase;
  font-size: 18px;
  line-height: normal;
}
@media (min-width: 1200px) {
  #ArtDeco .text-quote,
  #GemmyoramaInfluence .text-quote,
  #retromantique .text-quote {
    font-size: 26px;
  }
}
#ArtDeco .haute-jo-container-retromantique,
#GemmyoramaInfluence .haute-jo-container-retromantique,
#retromantique .haute-jo-container-retromantique {
  background: #f1eeef;
}
@media (min-width: 1441px) {
  #ArtDeco .haute-jo-container-retromantique,
  #GemmyoramaInfluence .haute-jo-container-retromantique,
  #retromantique .haute-jo-container-retromantique {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#ArtDeco
  .haute-jo-container-retromantique
  .haute-jo-container-retromantique-sub-container,
#GemmyoramaInfluence
  .haute-jo-container-retromantique
  .haute-jo-container-retromantique-sub-container,
#retromantique
  .haute-jo-container-retromantique
  .haute-jo-container-retromantique-sub-container {
  max-width: 100%;
}
@media (max-width: 768px) {
  #ArtDeco
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container,
  #GemmyoramaInfluence
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container,
  #retromantique
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container {
    padding-top: 50px;
  }
}
@media (min-width: 768px) {
  #ArtDeco
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container,
  #GemmyoramaInfluence
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container,
  #retromantique
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container {
    max-width: 1440px;
    padding-top: 75px;
  }
}
#ArtDeco .img-grid,
#GemmyoramaInfluence .img-grid,
#retromantique .img-grid {
  width: 100%;
  height: auto;
}
#ArtDeco .grid-container-2,
#GemmyoramaInfluence .grid-container-2,
#retromantique .grid-container-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 0fr 0fr 0fr;
  grid-gap: 1em;
}
#ArtDeco .box1,
#GemmyoramaInfluence .box1,
#retromantique .box1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
#ArtDeco .box2,
#GemmyoramaInfluence .box2,
#retromantique .box2 {
  grid-column-start: 3;
  grid-row-start: 1;
}
#ArtDeco .box3,
#GemmyoramaInfluence .box3,
#retromantique .box3 {
  grid-column-start: 3;
  grid-row-start: 2;
}
#ArtDeco .grid-container-3,
#GemmyoramaInfluence .grid-container-3,
#retromantique .grid-container-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 1em;
}
#ArtDeco .box4,
#GemmyoramaInfluence .box4,
#retromantique .box4 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
#ArtDeco .box5,
#GemmyoramaInfluence .box5,
#retromantique .box5 {
  grid-column-start: 1;
  grid-row-start: 2;
}
#ArtDeco .box6,
#GemmyoramaInfluence .box6,
#retromantique .box6 {
  grid-column-start: 2;
  grid-row-start: 2;
}
#paris-1901 .g-paris-1901-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #paris-1901 .g-paris-1901-header-content {
    width: 560px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #paris-1901 .g-paris-1901-header-content {
    width: 650px;
  }
}
@media (min-width: 1200px) {
  #paris-1901 .g-paris-1901-header-content {
    width: 650px;
  }
}
#paris-1901 .g-paris-1901-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #paris-1901 .g-paris-1901-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #paris-1901 .g-paris-1901-header {
    width: auto;
    position: relative;
    height: 230px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #paris-1901 .g-paris-1901-header {
    height: 240px;
  }
}
#paris-1901 .logo-collection-paris-1901 {
  max-width: 250px;
  margin: 20px auto;
}
@media (min-width: 768px) {
  #paris-1901 .logo-collection-paris-1901 {
    max-width: 450px;
  }
}
#paris-1901 .g-col--half-paris-1901 {
  width: 47% !important;
}
@media (max-width: 768px) {
  #paris-1901 .g-col--half-paris-1901 {
    width: 80% !important;
  }
}
#paris-1901 .g-barrette-paris-1901-picture {
  background-image: url(/images/barrette-paris-1901-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1440px;
  height: 100vh;
}
@media (min-width: 360px) {
  #paris-1901 .g-barrette-paris-1901-picture {
    background-image: url(/images/barrette-paris-1901-t.jpg);
    height: 50vh;
  }
}
@media (min-width: 768px) {
  #paris-1901 .g-barrette-paris-1901-picture {
    background-image: url(/images/barrette-paris-1901-l.jpg);
    height: 65vh;
    min-height: 510px;
    background-position: 50%;
  }
}
@media (min-width: 1200px) {
  #paris-1901 .g-barrette-paris-1901-picture {
    background-image: url(/images/barrette-paris-1901-x.jpg);
    height: 100vh;
    background-position: 50%;
  }
}
#paris-1901 div.wrap {
  margin-left: 55%;
  width: 40%;
}
#paris-1901 div.inner {
  height: 97%;
  width: 97%;
  margin: auto;
}
@media (max-width: 768px) {
  #paris-1901 .g-full-screen-picture--title-1-container {
    margin: auto;
    padding: 10%;
  }
}
#paris-1901 img.packshot-paris-1901-image {
  width: 55%;
}
@media (min-width: 768px) {
  #paris-1901 img.packshot-paris-1901-image {
    width: 50%;
  }
}
#paris-1901 .video-encart-parure {
  margin-top: 25px;
  margin-right: 50%;
}
@media (max-width: 768px) {
  #paris-1901 .video-encart-parure {
    margin-right: 0;
  }
}
#paris-1901 .g-paris-1901-header-picture {
  width: 100%;
  max-width: 100vw;
}
#paris-1901 .paris-1901-video-container {
  position: relative;
}
#paris-1901 .paris-1901-video-container video {
  width: 100vw;
}
@media (min-width: 1441px) {
  #paris-1901 .paris-1901-video-container video {
    max-width: 1800px;
  }
}
#paris-1901 .background-drawing {
  width: 100%;
  max-width: 1440px;
}
@media (min-width: 1200px) {
  #paris-1901 .background-drawing {
    height: 100vh;
  }
}
#paris-1901 .background-drawing.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/dessin-tour-eiffel-3-s.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 360px) {
  #paris-1901 .background-drawing.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/dessin-tour-eiffel-3-t.png);
  }
}
@media (min-width: 768px) {
  #paris-1901 .background-drawing.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/dessin-tour-eiffel-3-l.png);
  }
}
@media (min-width: 1200px) {
  #paris-1901 .background-drawing.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/dessin-tour-eiffel-3-x.png);
  }
}
#paris-1901 .background-drawing.background-drawing-2.lazy-bg-loaded {
  background-image: url(/images/dessin-pont-all-s.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 360px) {
  #paris-1901 .background-drawing.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/dessin-pont-all-t.png);
  }
}
@media (min-width: 768px) {
  #paris-1901 .background-drawing.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/dessin-pont-all-l.png);
  }
}
@media (min-width: 1200px) {
  #paris-1901 .background-drawing.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/dessin-pont-all-x.png);
  }
}
#paris-1901 .background-drawing.background-drawing-3.lazy-bg-loaded {
  background-image: url(/images/batiment-parisien-s.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 360px) {
  #paris-1901 .background-drawing.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/batiment-parisien-t.png);
  }
}
@media (min-width: 768px) {
  #paris-1901 .background-drawing.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/batiment-parisien-l.png);
  }
}
@media (min-width: 1200px) {
  #paris-1901 .background-drawing.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/batiment-parisien-x.png);
  }
}
#paris-1901 .background-drawing.background-drawing-4.lazy-bg-loaded {
  background-image: url(/images/dessin-facade-2-s.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 360px) {
  #paris-1901 .background-drawing.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/dessin-facade-2-t.png);
  }
}
@media (min-width: 768px) {
  #paris-1901 .background-drawing.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/dessin-facade-2-l.png);
  }
}
@media (min-width: 1200px) {
  #paris-1901 .background-drawing.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/dessin-facade-2-x.png);
  }
}
@media (min-width: 1441px) {
  #paris-1901 .background-color-bottom-paris-1901 {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
@media (min-width: 768px) {
  #paris-1901 .background-color-bottom-paris-1901 {
    background-image: linear-gradient(0deg, #f1eeef, #f1eeef 50%, #fff 0);
    background-repeat: no-repeat;
  }
}
#paris-1901
  .background-color-bottom-paris-1901
  .background-color-paris-1901-sub-middle {
  max-width: 100%;
}
@media (min-width: 768px) {
  #paris-1901
    .background-color-bottom-paris-1901
    .background-color-paris-1901-sub-middle {
    max-width: 1440px;
  }
}
@media (min-width: 1441px) {
  #paris-1901 .background-color-top-paris-1901 {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
@media (min-width: 768px) {
  #paris-1901 .background-color-top-paris-1901 {
    background-image: linear-gradient(180deg, #f1eeef, #f1eeef 50%, #fff 0);
    background-repeat: no-repeat;
  }
}
#paris-1901
  .background-color-top-paris-1901
  .background-color-paris-1901-sub-middle {
  max-width: 100%;
}
@media (min-width: 768px) {
  #paris-1901
    .background-color-top-paris-1901
    .background-color-paris-1901-sub-middle {
    max-width: 1440px;
  }
}
#paris-1901 .haute-jo-container-paris-1901 {
  background: #f1eeef;
}
@media (min-width: 1441px) {
  #paris-1901 .haute-jo-container-paris-1901 {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#paris-1901
  .haute-jo-container-paris-1901
  .haute-jo-container-paris-1901-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  #paris-1901
    .haute-jo-container-paris-1901
    .haute-jo-container-paris-1901-sub-container {
    max-width: 1440px;
    padding-top: 75px;
  }
}
#paris-1901 .encart-barrette-container-paris-1901 {
  background: #0d0d0d;
}
@media (min-width: 1441px) {
  #paris-1901 .encart-barrette-container-paris-1901 {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#paris-1901
  .encart-barrette-container-paris-1901
  .encart-barrette-container-paris-1901-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  #paris-1901
    .encart-barrette-container-paris-1901
    .encart-barrette-container-paris-1901-sub-container {
    max-width: 1440px;
  }
}
#EverBloom-II video,
#EverBloom video {
  outline: none;
  position: relative;
  width: 100%;
  max-width: 420px;
}
@media (min-width: 768px) {
  #EverBloom-II video,
  #EverBloom video {
    max-width: 668px;
  }
}
@media (min-width: 1024px) {
  #EverBloom-II video,
  #EverBloom video {
    max-width: 924px;
  }
}
@media (min-width: 1200px) {
  #EverBloom-II video,
  #EverBloom video {
    max-width: 1024px;
  }
}
#EverBloom-II .logo-position,
#EverBloom .logo-position {
  position: absolute;
  right: 4%;
}
@media (max-width: 767px) {
  #EverBloom-II .logo-position,
  #EverBloom .logo-position {
    right: 1%;
  }
}
#EverBloom-II .logo-width-redirection,
#EverBloom .logo-width-redirection {
  width: 100%;
}
@media (max-width: 1200px) {
  #EverBloom-II .logo-width-redirection,
  #EverBloom .logo-width-redirection {
    width: 85% !important;
  }
}
#EverBloom-II .logo-chapitre2,
#EverBloom .logo-chapitre2 {
  max-width: 300px;
  margin: 10px auto;
}
@media (max-width: 1023px) {
  #EverBloom-II .logo-chapitre2,
  #EverBloom .logo-chapitre2 {
    max-width: 200px;
  }
}
#EverBloom-II .separation:after,
#EverBloom .separation:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 7rem;
  border: 1px solid #d0857e;
}
section#saphir-vert .g-serif-l1,
section#saphir-vert .g-serif-l2,
section#saphir-vert .g-serif-l2-not-underlined {
  border-bottom-color: #c0cec7;
}
section#saphir-vert .g-serif-l1 {
  padding: 0;
}
section#saphir-vert .gem-btn--empty {
  border-color: #c0cec7;
  background-color: #c0cec7;
}
section#saphir-vert .gem-btn--empty:hover {
  opacity: 0.8;
}
section#saphir-vert .g-pink-dark,
section#saphir-vert a:hover {
  color: #c0cec7;
}
section#saphir-vert .svg-parenthese-aout-logo {
  width: 80%;
}
#bleu-gris .g-saphir-bleu-gris-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #bleu-gris .g-saphir-bleu-gris-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #bleu-gris .g-saphir-bleu-gris-header {
    width: auto;
    position: relative;
    height: 250px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #bleu-gris .g-saphir-bleu-gris-header {
    height: 160px;
  }
}
#bleu-gris .parenthesis-title {
  color: #537b87;
  border-bottom: none;
  font-size: 55px;
}
@media (max-width: 568px) {
  #bleu-gris .parenthesis-title {
    font-size: 30px;
    border-bottom: 2px solid #537b87 !important;
  }
}
@media (min-width: 569px) and (max-width: 767px) {
  #bleu-gris .parenthesis-title {
    font-size: 40px;
    border-bottom: 2px solid #537b87 !important;
  }
}
@media (min-width: 1441px) {
  #bleu-gris .g-fullscreen-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#bleu-gris
  .g-fullscreen-container.g-fullscreen-container-parenthesis-september {
  background-color: #bfd4d5;
}
#bleu-gris
  .g-fullscreen-container.g-fullscreen-container-parenthesis-september
  p:hover {
  color: #537b87;
}
#bleu-gris .g-fullscreen-container .g-fullscreen-sub-container {
  max-width: 1440px;
}
#bleu-gris .g-serif-l1,
#bleu-gris .g-serif-l2,
#bleu-gris .g-serif-l2-not-underlined {
  border-bottom-color: #537b87 !important;
}
#bleu-gris .g-serif-l1 {
  padding: 0;
}
#bleu-gris .gem-btn--empty {
  border-color: #537b87;
  background-color: #537b87;
}
#bleu-gris .gem-btn--empty:hover {
  opacity: 0.8;
}
#bleu-gris .g-pink-dark,
#bleu-gris a:hover {
  color: #537b87;
}
#bleu-gris .g-serif-l3 {
  color: #537b87 !important;
}
#bleu-gris .with-video-footer {
  max-width: 100%;
}
@media (min-width: 769px) {
  #bleu-gris .with-video-footer {
    max-width: 95%;
  }
}
#bleu-gris .co-parenthesis-autumn-video {
  outline: none;
  position: relative;
  width: 100%;
  background: url(/static/videos/poster-saphir-bleu-gris-co-t.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  #bleu-gris .co-parenthesis-autumn-video {
    background: url(/static/videos/poster-saphir-bleu-gris-co-l.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  #bleu-gris .co-parenthesis-autumn-video {
    background: url(/static/videos/poster-saphir-bleu-gris-co-x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
#bleu-gris a:hover {
  color: #537b87;
}
#bleu-gris .g-champagne-header,
#champagne .g-champagne-header,
#gray-spinel .g-champagne-header,
#lavander-spinel .g-champagne-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #bleu-gris .g-champagne-header,
  #champagne .g-champagne-header,
  #gray-spinel .g-champagne-header,
  #lavander-spinel .g-champagne-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #bleu-gris .g-champagne-header,
  #champagne .g-champagne-header,
  #gray-spinel .g-champagne-header,
  #lavander-spinel .g-champagne-header {
    width: auto;
    position: relative;
    height: 250px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #bleu-gris .g-champagne-header,
  #champagne .g-champagne-header,
  #gray-spinel .g-champagne-header,
  #lavander-spinel .g-champagne-header {
    height: 140px;
  }
}
#bleu-gris .g-champagne-header-content,
#champagne .g-champagne-header-content,
#gray-spinel .g-champagne-header-content,
#lavander-spinel .g-champagne-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #bleu-gris .g-champagne-header-content,
  #champagne .g-champagne-header-content,
  #gray-spinel .g-champagne-header-content,
  #lavander-spinel .g-champagne-header-content {
    width: 540px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #bleu-gris .g-champagne-header-content,
  #champagne .g-champagne-header-content,
  #gray-spinel .g-champagne-header-content,
  #lavander-spinel .g-champagne-header-content {
    width: 650px;
    top: -50%;
  }
}
@media (min-width: 1200px) {
  #bleu-gris .g-champagne-header-content,
  #champagne .g-champagne-header-content,
  #gray-spinel .g-champagne-header-content,
  #lavander-spinel .g-champagne-header-content {
    width: 650px;
    top: -80%;
  }
}
@media (min-width: 1441px) {
  #bleu-gris .g-fullscreen-container,
  #champagne .g-fullscreen-container,
  #gray-spinel .g-fullscreen-container,
  #lavander-spinel .g-fullscreen-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#bleu-gris .g-fullscreen-container.g-fullscreen-container-colored-champagne,
#champagne .g-fullscreen-container.g-fullscreen-container-colored-champagne,
#gray-spinel .g-fullscreen-container.g-fullscreen-container-colored-champagne,
#lavander-spinel
  .g-fullscreen-container.g-fullscreen-container-colored-champagne {
  background-color: #e3c7b8;
}
#bleu-gris
  .g-fullscreen-container.g-fullscreen-container-colored-champagne
  p:hover,
#champagne
  .g-fullscreen-container.g-fullscreen-container-colored-champagne
  p:hover,
#gray-spinel
  .g-fullscreen-container.g-fullscreen-container-colored-champagne
  p:hover,
#lavander-spinel
  .g-fullscreen-container.g-fullscreen-container-colored-champagne
  p:hover {
  color: #865b4d;
}
#bleu-gris .g-fullscreen-container .g-fullscreen-sub-container,
#champagne .g-fullscreen-container .g-fullscreen-sub-container,
#gray-spinel .g-fullscreen-container .g-fullscreen-sub-container,
#lavander-spinel .g-fullscreen-container .g-fullscreen-sub-container {
  max-width: 1440px;
}
@media (max-width: 767px) {
  #bleu-gris .mobile-order-1,
  #champagne .mobile-order-1,
  #gray-spinel .mobile-order-1,
  #lavander-spinel .mobile-order-1 {
    order: 1;
  }
}
@media (max-width: 767px) {
  #bleu-gris .mobile-order-2,
  #champagne .mobile-order-2,
  #gray-spinel .mobile-order-2,
  #lavander-spinel .mobile-order-2 {
    order: 2;
  }
}
@media (max-width: 767px) {
  #bleu-gris .mobile-order-3,
  #champagne .mobile-order-3,
  #gray-spinel .mobile-order-3,
  #lavander-spinel .mobile-order-3 {
    order: 3;
  }
}
#bleu-gris img.packshot-champagne-image,
#champagne img.packshot-champagne-image,
#gray-spinel img.packshot-champagne-image,
#lavander-spinel img.packshot-champagne-image {
  width: 80%;
}
@media (min-width: 1024px) {
  #bleu-gris img.packshot-champagne-image,
  #champagne img.packshot-champagne-image,
  #gray-spinel img.packshot-champagne-image,
  #lavander-spinel img.packshot-champagne-image {
    width: 70%;
  }
}
#bleu-gris .g-col--half-champagne,
#champagne .g-col--half-champagne,
#gray-spinel .g-col--half-champagne,
#lavander-spinel .g-col--half-champagne {
  width: 50% !important;
}
@media (max-width: 767px) {
  #bleu-gris .g-col--half-champagne,
  #champagne .g-col--half-champagne,
  #gray-spinel .g-col--half-champagne,
  #lavander-spinel .g-col--half-champagne {
    width: 100% !important;
  }
}
#bleu-gris .g-serif-l1,
#bleu-gris .g-serif-l2,
#bleu-gris .g-serif-l2-not-underlined,
#champagne .g-serif-l1,
#champagne .g-serif-l2,
#champagne .g-serif-l2-not-underlined,
#gray-spinel .g-serif-l1,
#gray-spinel .g-serif-l2,
#gray-spinel .g-serif-l2-not-underlined,
#lavander-spinel .g-serif-l1,
#lavander-spinel .g-serif-l2,
#lavander-spinel .g-serif-l2-not-underlined {
  border-bottom-color: #865b4d;
}
#bleu-gris .g-serif-l1,
#champagne .g-serif-l1,
#gray-spinel .g-serif-l1,
#lavander-spinel .g-serif-l1 {
  padding: 0;
}
#bleu-gris #champagne .gem-btn--empty,
#champagne #champagne .gem-btn--empty,
#gray-spinel #champagne .gem-btn--empty,
#lavander-spinel #champagne .gem-btn--empty {
  border-color: #865b4d;
}
#bleu-gris #bleu-gris .g-pink-dark,
#bleu-gris #bleu-gris a:hover,
#champagne #bleu-gris .g-pink-dark,
#champagne #bleu-gris a:hover,
#gray-spinel #bleu-gris .g-pink-dark,
#gray-spinel #bleu-gris a:hover,
#lavander-spinel #bleu-gris .g-pink-dark,
#lavander-spinel #bleu-gris a:hover {
  color: #865b4d;
}
#bleu-gris .g-serif-l3,
#champagne .g-serif-l3,
#gray-spinel .g-serif-l3,
#lavander-spinel .g-serif-l3 {
  text-transform: uppercase;
  font-size: 21px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #bleu-gris .g-serif-l3,
  #champagne .g-serif-l3,
  #gray-spinel .g-serif-l3,
  #lavander-spinel .g-serif-l3 {
    font-size: 18px;
  }
}
#champagne a:hover {
  color: #865b4d;
}
#lady-joaillerie .g-lady-wedding-redirection-picture {
  background-image: url(/images/redirection-vers-lady-wedding-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1440px;
  height: 100vh;
}
@media (min-width: 360px) {
  #lady-joaillerie .g-lady-wedding-redirection-picture {
    background-image: url(/images/redirection-vers-lady-wedding-t.jpg);
    background-position: 80%;
  }
}
@media (min-width: 768px) {
  #lady-joaillerie .g-lady-wedding-redirection-picture {
    background-image: url(/images/redirection-vers-lady-wedding-l.jpg);
  }
}
@media (min-width: 1200px) {
  #lady-joaillerie .g-lady-wedding-redirection-picture {
    background-image: url(/images/redirection-vers-lady-wedding-x.jpg);
  }
}
#lady-joaillerie .gem-btn--redirection {
  border-color: #d0857e;
  color: #000 !important;
  line-height: 17px;
}
#lady-joaillerie .gem-btn--redirection:hover {
  background-color: #fff;
}
@media (max-width: 768px) {
  #lady-joaillerie .h-d-from-t {
    display: none !important;
  }
}
#lady-joaillerie div.wrap {
  border: 5px solid hsla(0, 0%, 100%, 0.65);
  width: 35%;
  height: 75%;
  margin: 50px;
}
@media (max-width: 567px) {
  #lady-joaillerie div.wrap {
    margin-top: 90%;
    margin-right: auto;
    margin-left: auto;
    width: 70%;
    height: 30%;
  }
}
@media (min-width: 568px) and (max-width: 768px) {
  #lady-joaillerie div.wrap {
    margin-top: 60%;
    margin-right: auto;
    margin-left: auto;
    width: 50%;
    height: 30%;
  }
}
#lady-joaillerie div.inner {
  background: hsla(0, 0%, 100%, 0.65);
  height: 97%;
  width: 97%;
  margin: auto;
}
#lady-joaillerie .g-full-screen-picture--title-1-container {
  margin-top: 13vh;
}
@media (max-width: 768px) {
  #lady-joaillerie .g-full-screen-picture--title-1-container {
    margin: auto;
    padding: 10%;
  }
}
#lady-joaillerie .width-lady-II {
  max-width: 95%;
}
@media (max-width: 767px) {
  #lady-joaillerie .width-lady-II {
    max-width: 100%;
  }
}
#lady-joaillerie .logo-lady-redirection {
  width: 50%;
}
@media (min-width: 768px) {
  #lady-joaillerie .logo-lady-redirection {
    width: 45%;
  }
}
#lady-joaillerie .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #lady-joaillerie .g-col--half {
    width: 100% !important;
  }
}
#lady-joaillerie .g-col--half img.packshot-lady-II-image {
  width: 70%;
}
@media (min-width: 1024px) {
  #lady-joaillerie .g-col--half img.packshot-lady-II-image {
    width: 60%;
  }
}
#lady-joaillerie .g-col--half img.packshot-sv-image {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #lady-joaillerie .g-col--half img.packshot-sv-image {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #lady-joaillerie .g-col--half img.packshot-sv-image {
    width: 68%;
  }
}
#lady-wedding .g-lady-redirection-picture {
  background-image: url(/images/redirection-vers-lady-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1440px;
  height: 100vh;
}
@media (min-width: 360px) {
  #lady-wedding .g-lady-redirection-picture {
    background-image: url(/images/redirection-vers-lady-t.jpg);
    background-position: 80%;
  }
}
@media (min-width: 768px) {
  #lady-wedding .g-lady-redirection-picture {
    background-image: url(/images/redirection-vers-lady-l.jpg);
  }
}
@media (min-width: 1200px) {
  #lady-wedding .g-lady-redirection-picture {
    background-image: url(/images/redirection-vers-lady-x.jpg);
  }
}
#lady-wedding .gem-btn--redirection {
  border-color: #d0857e;
  color: #000 !important;
  line-height: 17px;
}
#lady-wedding .gem-btn--redirection:hover {
  background-color: #fff;
}
@media (max-width: 768px) {
  #lady-wedding .h-d-from-t {
    display: none !important;
  }
}
#lady-wedding div.wrap {
  border: 5px solid hsla(0, 0%, 100%, 0.65);
  width: 35%;
  height: 75%;
  margin: 50px;
}
@media (max-width: 567px) {
  #lady-wedding div.wrap {
    margin-top: 90%;
    margin-right: auto;
    margin-left: auto;
    width: 70%;
    height: 30%;
  }
}
@media (min-width: 568px) and (max-width: 768px) {
  #lady-wedding div.wrap {
    margin-top: 60%;
    margin-right: auto;
    margin-left: auto;
    width: 50%;
    height: 26%;
  }
}
#lady-wedding div.inner {
  background: hsla(0, 0%, 100%, 0.65);
  height: 97%;
  width: 97%;
  margin: auto;
}
#lady-wedding .g-full-screen-picture--title-1-container {
  margin-top: 15vh;
}
@media (max-width: 768px) {
  #lady-wedding .g-full-screen-picture--title-1-container {
    margin: auto;
    padding: 10%;
  }
}
#lady-wedding .logo-lady-redirection {
  width: 50%;
}
@media (min-width: 768px) {
  #lady-wedding .logo-lady-redirection {
    width: 45%;
  }
}
#lady-wedding .g-lady-wedding-header-picture {
  width: 100%;
  max-width: 100vw;
}
#lady-wedding .g-lady-compare-table {
  margin: 15px 0;
  width: 80%;
}
#lady-wedding .g-lady-compare-table table {
  border-collapse: collapse;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#lady-wedding .g-lady-compare-table table td,
#lady-wedding .g-lady-compare-table table th {
  text-align: left;
  padding: 2px 0 2px 5px;
}
#lady-wedding .g-lady-compare-table table thead tr {
  background: #d0857e;
  font-size: 14px;
}
#lady-wedding .g-lady-compare-table table tbody tr {
  cursor: pointer;
  border-bottom: 1px solid #d7d7d7;
}
#lady-wedding .g-lady-compare-table table tbody tr:last-child {
  border: 0;
}
#lady-wedding .lady-wedding-video-container {
  position: relative;
  overflow: hidden;
}
#lady-wedding .lady-wedding-video-container video {
  width: 100vw;
}
#lady-wedding .g-col--half-lady {
  width: 47% !important;
}
@media (max-width: 768px) {
  #lady-wedding .g-col--half-lady {
    width: 80% !important;
  }
}
#lady-wedding .g-col--two-third-diamond {
  max-width: 840px;
  max-height: 630px;
  width: 62%;
}
@media (max-width: 1199px) {
  #lady-wedding .g-col--two-third-diamond {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #lady-wedding .g-col--two-third-diamond {
    width: 100%;
  }
}
#lady-wedding .g-col--third-diamond {
  max-width: 420px;
  max-height: 630px;
}
@media (max-width: 1199px) {
  #lady-wedding .g-col--third-diamond {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #lady-wedding .g-col--third-diamond {
    width: 100%;
  }
}
#lady-wedding .g-col--two-third-diamondsize {
  max-width: 840px;
  max-height: 630px;
  width: 62%;
}
@media (max-width: 1199px) {
  #lady-wedding .g-col--two-third-diamondsize {
    width: 48%;
  }
}
@media (max-width: 1023px) {
  #lady-wedding .g-col--two-third-diamondsize {
    width: 80%;
  }
}
@media (max-width: 767px) {
  #lady-wedding .g-col--two-third-diamondsize {
    width: 100%;
  }
}
#lady-wedding .g-col--third-diamondsize {
  max-width: 420px;
  max-height: 630px;
}
@media (max-width: 1199px) {
  #lady-wedding .g-col--third-diamondsize {
    width: 48%;
  }
}
@media (max-width: 1023px) {
  #lady-wedding .g-col--third-diamondsize {
    width: 80%;
  }
}
@media (max-width: 767px) {
  #lady-wedding .g-col--third-diamondsize {
    width: 100%;
  }
}
#lady-wedding .g-col--two-third-lady {
  max-width: 840px;
  max-height: 630px;
  width: 62%;
}
@media (max-width: 1199px) {
  #lady-wedding .g-col--two-third-lady {
    width: 48%;
  }
}
@media (max-width: 768px) {
  #lady-wedding .g-col--two-third-lady.full-mobile {
    max-width: none;
    max-height: none;
    width: 100%;
  }
}
#lady-wedding .g-col--third-lady {
  max-width: 420px;
  max-height: 630px;
}
@media (max-width: 1023px) {
  #lady-wedding .g-col--third-lady.half-tablet {
    width: 48%;
  }
}
@media (max-width: 768px) {
  #lady-wedding .g-col--third-lady.full-mobile {
    max-width: none;
    max-height: none;
    width: 100%;
  }
}
#lady-wedding .padding-top {
  padding-top: 0;
}
@media (min-width: 768px) {
  #lady-wedding .padding-top {
    padding-top: 50px;
  }
}
#lady-wedding .logo-lady-wedding-redirection {
  width: 25%;
}
@media (min-width: 768px) {
  #lady-wedding .logo-lady-wedding-redirection {
    width: 20%;
  }
}
@media (min-width: 1025px) {
  #lady-wedding .logo-lady-wedding-redirection {
    width: 25%;
  }
}
@media (max-width: 767px) {
  #lady-wedding .g-half-page-text,
  #lady-wedding .styles-container .description {
    width: auto;
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  #lady-wedding .g-half-page-text,
  #lady-wedding .styles-container .description {
    width: 680px;
  }
}
@media (min-width: 1024px) {
  #lady-wedding .g-half-page-text,
  #lady-wedding .styles-container .description {
    width: 440px;
  }
}
@media (min-width: 1200px) {
  #lady-wedding .g-half-page-text,
  #lady-wedding .styles-container .description {
    width: 600px;
  }
}
@media (min-width: 1440px) {
  #lady-wedding .g-half-page-text,
  #lady-wedding .styles-container .description {
    width: 720px;
  }
}
@media (max-width: 767px) {
  #lady-wedding .mobile-margin-lady-wedding {
    margin: 50px auto 0;
  }
}
#lady-wedding .text-quote {
  text-transform: uppercase;
  font-size: 18px;
  line-height: normal;
}
@media (min-width: 1200px) {
  #lady-wedding .text-quote {
    font-size: 26px;
  }
}
#lady-wedding .metal-details-container .picture,
#lady-wedding .shapes-container .picture,
#lady-wedding .styles-container .picture,
#lady-wedding .warranty-container .picture {
  margin: 0;
}
@media (max-width: 767px) {
  #lady-wedding .metal-details-container .picture,
  #lady-wedding .shapes-container .picture,
  #lady-wedding .styles-container .picture,
  #lady-wedding .warranty-container .picture {
    width: auto;
  }
}
@media (min-width: 768px) {
  #lady-wedding .metal-details-container .picture,
  #lady-wedding .shapes-container .picture,
  #lady-wedding .styles-container .picture,
  #lady-wedding .warranty-container .picture {
    width: 550px;
  }
}
@media (min-width: 1024px) {
  #lady-wedding .metal-details-container .picture,
  #lady-wedding .shapes-container .picture,
  #lady-wedding .styles-container .picture,
  #lady-wedding .warranty-container .picture {
    width: 500px;
  }
}
@media (min-width: 1200px) {
  #lady-wedding .metal-details-container .picture,
  #lady-wedding .shapes-container .picture,
  #lady-wedding .styles-container .picture,
  #lady-wedding .warranty-container .picture {
    width: 520px;
  }
}
@media (min-width: 1440px) {
  #lady-wedding .metal-details-container .picture,
  #lady-wedding .shapes-container .picture,
  #lady-wedding .styles-container .picture,
  #lady-wedding .warranty-container .picture {
    width: 550px;
  }
}
#lady-wedding img.packshot-lady-wedding-image {
  width: 55%;
}
@media (min-width: 1024px) {
  #lady-wedding img.packshot-lady-wedding-image {
    width: 50%;
  }
}
#lady-wedding img.packshot-lady-wedding-image-bis {
  width: 80%;
}
@media (min-width: 1024px) {
  #lady-wedding img.packshot-lady-wedding-image-bis {
    width: 70%;
  }
}
#lady-wedding .haute-jo-lady-wedding-container {
  background: #ebddda;
}
@media (min-width: 1441px) {
  #lady-wedding .haute-jo-lady-wedding-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#lady-wedding
  .haute-jo-lady-wedding-container
  .haute-jo-lady-wedding-container-sub-container {
  max-width: 100%;
}
@media (min-width: 769px) {
  #lady-wedding
    .haute-jo-lady-wedding-container
    .haute-jo-lady-wedding-container-sub-container {
    max-width: 1440px;
    padding: 60px 0;
  }
}
#ArtDeco .primarosa-collection-video,
#Gemmyorama .primarosa-collection-video,
#GemmyoramaInfluence .primarosa-collection-video,
#lady-joaillerie .primarosa-collection-video,
#lady-wedding .primarosa-collection-video,
#paris-1901 .primarosa-collection-video,
#PrimaRosa .primarosa-collection-video,
#PrimaRosaChapitreII .primarosa-collection-video {
  outline: none;
  position: relative;
  width: 100%;
}
#ArtDeco .g-primarosa-header,
#Gemmyorama .g-primarosa-header,
#GemmyoramaInfluence .g-primarosa-header,
#lady-joaillerie .g-primarosa-header,
#lady-wedding .g-primarosa-header,
#paris-1901 .g-primarosa-header,
#PrimaRosa .g-primarosa-header,
#PrimaRosaChapitreII .g-primarosa-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #ArtDeco .g-primarosa-header,
  #Gemmyorama .g-primarosa-header,
  #GemmyoramaInfluence .g-primarosa-header,
  #lady-joaillerie .g-primarosa-header,
  #lady-wedding .g-primarosa-header,
  #paris-1901 .g-primarosa-header,
  #PrimaRosa .g-primarosa-header,
  #PrimaRosaChapitreII .g-primarosa-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #ArtDeco .g-primarosa-header,
  #Gemmyorama .g-primarosa-header,
  #GemmyoramaInfluence .g-primarosa-header,
  #lady-joaillerie .g-primarosa-header,
  #lady-wedding .g-primarosa-header,
  #paris-1901 .g-primarosa-header,
  #PrimaRosa .g-primarosa-header,
  #PrimaRosaChapitreII .g-primarosa-header {
    width: auto;
    position: relative;
    height: 230px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #ArtDeco .g-primarosa-header,
  #Gemmyorama .g-primarosa-header,
  #GemmyoramaInfluence .g-primarosa-header,
  #lady-joaillerie .g-primarosa-header,
  #lady-wedding .g-primarosa-header,
  #paris-1901 .g-primarosa-header,
  #PrimaRosa .g-primarosa-header,
  #PrimaRosaChapitreII .g-primarosa-header {
    height: 140px;
  }
}
#ArtDeco .g-primarosa-header-content,
#Gemmyorama .g-primarosa-header-content,
#GemmyoramaInfluence .g-primarosa-header-content,
#lady-joaillerie .g-primarosa-header-content,
#lady-wedding .g-primarosa-header-content,
#paris-1901 .g-primarosa-header-content,
#PrimaRosa .g-primarosa-header-content,
#PrimaRosaChapitreII .g-primarosa-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #ArtDeco .g-primarosa-header-content,
  #Gemmyorama .g-primarosa-header-content,
  #GemmyoramaInfluence .g-primarosa-header-content,
  #lady-joaillerie .g-primarosa-header-content,
  #lady-wedding .g-primarosa-header-content,
  #paris-1901 .g-primarosa-header-content,
  #PrimaRosa .g-primarosa-header-content,
  #PrimaRosaChapitreII .g-primarosa-header-content {
    width: 540px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #ArtDeco .g-primarosa-header-content,
  #Gemmyorama .g-primarosa-header-content,
  #GemmyoramaInfluence .g-primarosa-header-content,
  #lady-joaillerie .g-primarosa-header-content,
  #lady-wedding .g-primarosa-header-content,
  #paris-1901 .g-primarosa-header-content,
  #PrimaRosa .g-primarosa-header-content,
  #PrimaRosaChapitreII .g-primarosa-header-content {
    width: 650px;
    top: -60%;
  }
}
@media (min-width: 1200px) {
  #ArtDeco .g-primarosa-header-content,
  #Gemmyorama .g-primarosa-header-content,
  #GemmyoramaInfluence .g-primarosa-header-content,
  #lady-joaillerie .g-primarosa-header-content,
  #lady-wedding .g-primarosa-header-content,
  #paris-1901 .g-primarosa-header-content,
  #PrimaRosa .g-primarosa-header-content,
  #PrimaRosaChapitreII .g-primarosa-header-content {
    width: 650px;
    top: -80%;
  }
}
#ArtDeco .width-primarosa,
#Gemmyorama .width-primarosa,
#GemmyoramaInfluence .width-primarosa,
#lady-joaillerie .width-primarosa,
#lady-wedding .width-primarosa,
#paris-1901 .width-primarosa,
#PrimaRosa .width-primarosa,
#PrimaRosaChapitreII .width-primarosa {
  max-width: 95%;
}
@media (max-width: 767px) {
  #ArtDeco .width-primarosa,
  #Gemmyorama .width-primarosa,
  #GemmyoramaInfluence .width-primarosa,
  #lady-joaillerie .width-primarosa,
  #lady-wedding .width-primarosa,
  #paris-1901 .width-primarosa,
  #PrimaRosa .width-primarosa,
  #PrimaRosaChapitreII .width-primarosa {
    max-width: 100%;
  }
}
#ArtDeco .haute-jo-container-primarosa,
#Gemmyorama .haute-jo-container-primarosa,
#GemmyoramaInfluence .haute-jo-container-primarosa,
#lady-joaillerie .haute-jo-container-primarosa,
#lady-wedding .haute-jo-container-primarosa,
#paris-1901 .haute-jo-container-primarosa,
#PrimaRosa .haute-jo-container-primarosa,
#PrimaRosaChapitreII .haute-jo-container-primarosa {
  background: #d0a399;
}
@media (min-width: 1441px) {
  #ArtDeco .haute-jo-container-primarosa,
  #Gemmyorama .haute-jo-container-primarosa,
  #GemmyoramaInfluence .haute-jo-container-primarosa,
  #lady-joaillerie .haute-jo-container-primarosa,
  #lady-wedding .haute-jo-container-primarosa,
  #paris-1901 .haute-jo-container-primarosa,
  #PrimaRosa .haute-jo-container-primarosa,
  #PrimaRosaChapitreII .haute-jo-container-primarosa {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#ArtDeco
  .haute-jo-container-primarosa
  .haute-jo-container-primarosa-sub-container,
#Gemmyorama
  .haute-jo-container-primarosa
  .haute-jo-container-primarosa-sub-container,
#GemmyoramaInfluence
  .haute-jo-container-primarosa
  .haute-jo-container-primarosa-sub-container,
#lady-joaillerie
  .haute-jo-container-primarosa
  .haute-jo-container-primarosa-sub-container,
#lady-wedding
  .haute-jo-container-primarosa
  .haute-jo-container-primarosa-sub-container,
#paris-1901
  .haute-jo-container-primarosa
  .haute-jo-container-primarosa-sub-container,
#PrimaRosa
  .haute-jo-container-primarosa
  .haute-jo-container-primarosa-sub-container,
#PrimaRosaChapitreII
  .haute-jo-container-primarosa
  .haute-jo-container-primarosa-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  #ArtDeco
    .haute-jo-container-primarosa
    .haute-jo-container-primarosa-sub-container,
  #Gemmyorama
    .haute-jo-container-primarosa
    .haute-jo-container-primarosa-sub-container,
  #GemmyoramaInfluence
    .haute-jo-container-primarosa
    .haute-jo-container-primarosa-sub-container,
  #lady-joaillerie
    .haute-jo-container-primarosa
    .haute-jo-container-primarosa-sub-container,
  #lady-wedding
    .haute-jo-container-primarosa
    .haute-jo-container-primarosa-sub-container,
  #paris-1901
    .haute-jo-container-primarosa
    .haute-jo-container-primarosa-sub-container,
  #PrimaRosa
    .haute-jo-container-primarosa
    .haute-jo-container-primarosa-sub-container,
  #PrimaRosaChapitreII
    .haute-jo-container-primarosa
    .haute-jo-container-primarosa-sub-container {
    max-width: 1440px;
    padding: 75px 0;
  }
}
#ArtDeco .haute-jo-container-primarosa .g-serif-l2,
#ArtDeco .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#Gemmyorama .haute-jo-container-primarosa .g-serif-l2,
#Gemmyorama .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#GemmyoramaInfluence .haute-jo-container-primarosa .g-serif-l2,
#GemmyoramaInfluence .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#lady-joaillerie .haute-jo-container-primarosa .g-serif-l2,
#lady-joaillerie .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#lady-wedding .haute-jo-container-primarosa .g-serif-l2,
#lady-wedding .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#paris-1901 .haute-jo-container-primarosa .g-serif-l2,
#paris-1901 .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#PrimaRosa .haute-jo-container-primarosa .g-serif-l2,
#PrimaRosa .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#PrimaRosaChapitreII .haute-jo-container-primarosa .g-serif-l2,
#PrimaRosaChapitreII .haute-jo-container-primarosa .g-serif-l2-not-underlined {
  border-bottom: 2px solid #fff;
}
#ArtDeco .haute-jo-container-primarosa .g-cat-subtext,
#ArtDeco .haute-jo-container-primarosa .g-popin--dialog .vex-dialog-button,
#ArtDeco .haute-jo-container-primarosa .g-serif-l2,
#ArtDeco .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#ArtDeco .haute-jo-container-primarosa .g-serif-text,
#ArtDeco .haute-jo-container-primarosa .gem-btn,
#Gemmyorama .haute-jo-container-primarosa .g-cat-subtext,
#Gemmyorama .haute-jo-container-primarosa .g-popin--dialog .vex-dialog-button,
#Gemmyorama .haute-jo-container-primarosa .g-serif-l2,
#Gemmyorama .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#Gemmyorama .haute-jo-container-primarosa .g-serif-text,
#Gemmyorama .haute-jo-container-primarosa .gem-btn,
#GemmyoramaInfluence .haute-jo-container-primarosa .g-cat-subtext,
#GemmyoramaInfluence
  .haute-jo-container-primarosa
  .g-popin--dialog
  .vex-dialog-button,
#GemmyoramaInfluence .haute-jo-container-primarosa .g-serif-l2,
#GemmyoramaInfluence .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#GemmyoramaInfluence .haute-jo-container-primarosa .g-serif-text,
#GemmyoramaInfluence .haute-jo-container-primarosa .gem-btn,
#lady-joaillerie .haute-jo-container-primarosa .g-cat-subtext,
#lady-joaillerie
  .haute-jo-container-primarosa
  .g-popin--dialog
  .vex-dialog-button,
#lady-joaillerie .haute-jo-container-primarosa .g-serif-l2,
#lady-joaillerie .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#lady-joaillerie .haute-jo-container-primarosa .g-serif-text,
#lady-joaillerie .haute-jo-container-primarosa .gem-btn,
#lady-wedding .haute-jo-container-primarosa .g-cat-subtext,
#lady-wedding .haute-jo-container-primarosa .g-popin--dialog .vex-dialog-button,
#lady-wedding .haute-jo-container-primarosa .g-serif-l2,
#lady-wedding .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#lady-wedding .haute-jo-container-primarosa .g-serif-text,
#lady-wedding .haute-jo-container-primarosa .gem-btn,
#paris-1901 .haute-jo-container-primarosa .g-cat-subtext,
#paris-1901 .haute-jo-container-primarosa .g-popin--dialog .vex-dialog-button,
#paris-1901 .haute-jo-container-primarosa .g-serif-l2,
#paris-1901 .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#paris-1901 .haute-jo-container-primarosa .g-serif-text,
#paris-1901 .haute-jo-container-primarosa .gem-btn,
#PrimaRosa .haute-jo-container-primarosa .g-cat-subtext,
#PrimaRosa .haute-jo-container-primarosa .g-popin--dialog .vex-dialog-button,
#PrimaRosa .haute-jo-container-primarosa .g-serif-l2,
#PrimaRosa .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#PrimaRosa .haute-jo-container-primarosa .g-serif-text,
#PrimaRosa .haute-jo-container-primarosa .gem-btn,
#PrimaRosaChapitreII .haute-jo-container-primarosa .g-cat-subtext,
#PrimaRosaChapitreII
  .haute-jo-container-primarosa
  .g-popin--dialog
  .vex-dialog-button,
#PrimaRosaChapitreII .haute-jo-container-primarosa .g-serif-l2,
#PrimaRosaChapitreII .haute-jo-container-primarosa .g-serif-l2-not-underlined,
#PrimaRosaChapitreII .haute-jo-container-primarosa .g-serif-text,
#PrimaRosaChapitreII .haute-jo-container-primarosa .gem-btn,
.g-popin--dialog #ArtDeco .haute-jo-container-primarosa .vex-dialog-button,
.g-popin--dialog #Gemmyorama .haute-jo-container-primarosa .vex-dialog-button,
.g-popin--dialog
  #GemmyoramaInfluence
  .haute-jo-container-primarosa
  .vex-dialog-button,
.g-popin--dialog
  #lady-joaillerie
  .haute-jo-container-primarosa
  .vex-dialog-button,
.g-popin--dialog #lady-wedding .haute-jo-container-primarosa .vex-dialog-button,
.g-popin--dialog #paris-1901 .haute-jo-container-primarosa .vex-dialog-button,
.g-popin--dialog #PrimaRosa .haute-jo-container-primarosa .vex-dialog-button,
.g-popin--dialog
  #PrimaRosaChapitreII
  .haute-jo-container-primarosa
  .vex-dialog-button {
  color: #fff;
}
#ArtDeco .g-row--full-primarosa,
#Gemmyorama .g-row--full-primarosa,
#GemmyoramaInfluence .g-row--full-primarosa,
#lady-joaillerie .g-row--full-primarosa,
#lady-wedding .g-row--full-primarosa,
#paris-1901 .g-row--full-primarosa,
#PrimaRosa .g-row--full-primarosa,
#PrimaRosaChapitreII .g-row--full-primarosa {
  width: 94% !important;
}
@media (max-width: 767px) {
  #ArtDeco .g-row--full-primarosa,
  #Gemmyorama .g-row--full-primarosa,
  #GemmyoramaInfluence .g-row--full-primarosa,
  #lady-joaillerie .g-row--full-primarosa,
  #lady-wedding .g-row--full-primarosa,
  #paris-1901 .g-row--full-primarosa,
  #PrimaRosa .g-row--full-primarosa,
  #PrimaRosaChapitreII .g-row--full-primarosa {
    width: 100% !important;
  }
}
#ArtDeco .g-col--half,
#Gemmyorama .g-col--half,
#GemmyoramaInfluence .g-col--half,
#lady-joaillerie .g-col--half,
#lady-wedding .g-col--half,
#paris-1901 .g-col--half,
#PrimaRosa .g-col--half,
#PrimaRosaChapitreII .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half,
  #Gemmyorama .g-col--half,
  #GemmyoramaInfluence .g-col--half,
  #lady-joaillerie .g-col--half,
  #lady-wedding .g-col--half,
  #paris-1901 .g-col--half,
  #PrimaRosa .g-col--half,
  #PrimaRosaChapitreII .g-col--half {
    width: 100% !important;
  }
}
#ArtDeco .g-col--half img.packshot-primarosa-image,
#Gemmyorama .g-col--half img.packshot-primarosa-image,
#GemmyoramaInfluence .g-col--half img.packshot-primarosa-image,
#lady-joaillerie .g-col--half img.packshot-primarosa-image,
#lady-wedding .g-col--half img.packshot-primarosa-image,
#paris-1901 .g-col--half img.packshot-primarosa-image,
#PrimaRosa .g-col--half img.packshot-primarosa-image,
#PrimaRosaChapitreII .g-col--half img.packshot-primarosa-image {
  width: 80%;
}
@media (min-width: 1024px) {
  #ArtDeco .g-col--half img.packshot-primarosa-image,
  #Gemmyorama .g-col--half img.packshot-primarosa-image,
  #GemmyoramaInfluence .g-col--half img.packshot-primarosa-image,
  #lady-joaillerie .g-col--half img.packshot-primarosa-image,
  #lady-wedding .g-col--half img.packshot-primarosa-image,
  #paris-1901 .g-col--half img.packshot-primarosa-image,
  #PrimaRosa .g-col--half img.packshot-primarosa-image,
  #PrimaRosaChapitreII .g-col--half img.packshot-primarosa-image {
    width: 70%;
  }
}
#ArtDeco .g-col--half img.packshot-primarosa-ii-image,
#Gemmyorama .g-col--half img.packshot-primarosa-ii-image,
#GemmyoramaInfluence .g-col--half img.packshot-primarosa-ii-image,
#lady-joaillerie .g-col--half img.packshot-primarosa-ii-image,
#lady-wedding .g-col--half img.packshot-primarosa-ii-image,
#paris-1901 .g-col--half img.packshot-primarosa-ii-image,
#PrimaRosa .g-col--half img.packshot-primarosa-ii-image,
#PrimaRosaChapitreII .g-col--half img.packshot-primarosa-ii-image {
  width: 70%;
}
@media (max-width: 768px) {
  #ArtDeco .g-col--half img.packshot-primarosa-ii-image,
  #Gemmyorama .g-col--half img.packshot-primarosa-ii-image,
  #GemmyoramaInfluence .g-col--half img.packshot-primarosa-ii-image,
  #lady-joaillerie .g-col--half img.packshot-primarosa-ii-image,
  #lady-wedding .g-col--half img.packshot-primarosa-ii-image,
  #paris-1901 .g-col--half img.packshot-primarosa-ii-image,
  #PrimaRosa .g-col--half img.packshot-primarosa-ii-image,
  #PrimaRosaChapitreII .g-col--half img.packshot-primarosa-ii-image {
    width: 80%;
  }
}
#ArtDeco .g-col--half img.packshot-sv-image,
#Gemmyorama .g-col--half img.packshot-sv-image,
#GemmyoramaInfluence .g-col--half img.packshot-sv-image,
#lady-joaillerie .g-col--half img.packshot-sv-image,
#lady-wedding .g-col--half img.packshot-sv-image,
#paris-1901 .g-col--half img.packshot-sv-image,
#PrimaRosa .g-col--half img.packshot-sv-image,
#PrimaRosaChapitreII .g-col--half img.packshot-sv-image {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #ArtDeco .g-col--half img.packshot-sv-image,
  #Gemmyorama .g-col--half img.packshot-sv-image,
  #GemmyoramaInfluence .g-col--half img.packshot-sv-image,
  #lady-joaillerie .g-col--half img.packshot-sv-image,
  #lady-wedding .g-col--half img.packshot-sv-image,
  #paris-1901 .g-col--half img.packshot-sv-image,
  #PrimaRosa .g-col--half img.packshot-sv-image,
  #PrimaRosaChapitreII .g-col--half img.packshot-sv-image {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #ArtDeco .g-col--half img.packshot-sv-image,
  #Gemmyorama .g-col--half img.packshot-sv-image,
  #GemmyoramaInfluence .g-col--half img.packshot-sv-image,
  #lady-joaillerie .g-col--half img.packshot-sv-image,
  #lady-wedding .g-col--half img.packshot-sv-image,
  #paris-1901 .g-col--half img.packshot-sv-image,
  #PrimaRosa .g-col--half img.packshot-sv-image,
  #PrimaRosaChapitreII .g-col--half img.packshot-sv-image {
    width: 68%;
  }
}
#ArtDeco .g-col--half-primarosa,
#Gemmyorama .g-col--half-primarosa,
#GemmyoramaInfluence .g-col--half-primarosa,
#lady-joaillerie .g-col--half-primarosa,
#lady-wedding .g-col--half-primarosa,
#paris-1901 .g-col--half-primarosa,
#PrimaRosa .g-col--half-primarosa,
#PrimaRosaChapitreII .g-col--half-primarosa {
  width: 50% !important;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-primarosa,
  #Gemmyorama .g-col--half-primarosa,
  #GemmyoramaInfluence .g-col--half-primarosa,
  #lady-joaillerie .g-col--half-primarosa,
  #lady-wedding .g-col--half-primarosa,
  #paris-1901 .g-col--half-primarosa,
  #PrimaRosa .g-col--half-primarosa,
  #PrimaRosaChapitreII .g-col--half-primarosa {
    width: 100% !important;
  }
}
#ArtDeco .g-col--half-primarosa video,
#Gemmyorama .g-col--half-primarosa video,
#GemmyoramaInfluence .g-col--half-primarosa video,
#lady-joaillerie .g-col--half-primarosa video,
#lady-wedding .g-col--half-primarosa video,
#paris-1901 .g-col--half-primarosa video,
#PrimaRosa .g-col--half-primarosa video,
#PrimaRosaChapitreII .g-col--half-primarosa video {
  width: 100%;
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-1,
  #Gemmyorama .mobile-order-1,
  #GemmyoramaInfluence .mobile-order-1,
  #lady-joaillerie .mobile-order-1,
  #lady-wedding .mobile-order-1,
  #paris-1901 .mobile-order-1,
  #PrimaRosa .mobile-order-1,
  #PrimaRosaChapitreII .mobile-order-1 {
    order: 1;
  }
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-2,
  #Gemmyorama .mobile-order-2,
  #GemmyoramaInfluence .mobile-order-2,
  #lady-joaillerie .mobile-order-2,
  #lady-wedding .mobile-order-2,
  #paris-1901 .mobile-order-2,
  #PrimaRosa .mobile-order-2,
  #PrimaRosaChapitreII .mobile-order-2 {
    order: 2;
  }
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-3,
  #Gemmyorama .mobile-order-3,
  #GemmyoramaInfluence .mobile-order-3,
  #lady-joaillerie .mobile-order-3,
  #lady-wedding .mobile-order-3,
  #paris-1901 .mobile-order-3,
  #PrimaRosa .mobile-order-3,
  #PrimaRosaChapitreII .mobile-order-3 {
    order: 3;
  }
}
#nos-collections .g-col--half-collections {
  width: 50% !important;
}
@media (max-width: 767px) {
  #nos-collections .g-col--half-collections {
    width: 100% !important;
  }
}
#nos-collections .collection__title--ariane {
  font-size: 35px;
}
@media (min-width: 768px) {
  #nos-collections .collection__title--ariane {
    font-size: 42px;
  }
}
@media (min-width: 1025px) {
  #nos-collections .collection__title--ariane {
    font-size: 56px;
  }
}
#nos-collections img.logo {
  width: 50%;
}
@media (max-width: 1024px) {
  #nos-collections img.logo.lady-logo {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  #nos-collections img.logo.logo-met {
    width: 30%;
  }
}
#nos-collections img.packshot-lady-image {
  width: 50%;
}
#nos-collections img.packshot-retromilano-image {
  width: 60%;
}
#joaillerie-collections-art-deco-avant-propos-html .g-primarosa-header-content,
#joaillerie-collections-primarosa-avant-propos-html .g-primarosa-header-content,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-primarosa-header-content {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 40%;
  width: 100%;
}
#joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos,
#joaillerie-collections-primarosa-avant-propos-html .g-primarosa-apropos,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-primarosa-apropos {
  width: 90%;
}
@media (min-width: 768px) {
  #joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos,
  #joaillerie-collections-primarosa-avant-propos-html .g-primarosa-apropos,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-primarosa-apropos {
    width: 60%;
  }
}
@media (min-width: 1024px) {
  #joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos,
  #joaillerie-collections-primarosa-avant-propos-html .g-primarosa-apropos,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-primarosa-apropos {
    width: 55%;
  }
}
#joaillerie-collections-art-deco-avant-propos-html .g-logo-primarosa,
#joaillerie-collections-primarosa-avant-propos-html .g-logo-primarosa,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-logo-primarosa {
  width: 200px;
  margin: 10px auto;
}
@media (min-width: 768px) {
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-primarosa,
  #joaillerie-collections-primarosa-avant-propos-html .g-logo-primarosa,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-logo-primarosa {
    width: 250px;
  }
}
@media (min-width: 1024px) {
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-primarosa,
  #joaillerie-collections-primarosa-avant-propos-html .g-logo-primarosa,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-logo-primarosa {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-primarosa,
  #joaillerie-collections-primarosa-avant-propos-html .g-logo-primarosa,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-logo-primarosa {
    width: 500px;
  }
}
#joaillerie-collections-art-deco-avant-propos-html #js-primarosa-video,
#joaillerie-collections-art-deco-avant-propos-html #js-primarosabis-video,
#joaillerie-collections-primarosa-avant-propos-html #js-primarosa-video,
#joaillerie-collections-primarosa-avant-propos-html #js-primarosabis-video,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  #js-primarosa-video,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  #js-primarosabis-video {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #ap-lavande .g-serif-l2,
  #ap-lavande .g-serif-l2-not-underlined,
  #ArtDeco .g-serif-l2,
  #ArtDeco .g-serif-l2-not-underlined,
  #bleu-gris .g-serif-l2,
  #bleu-gris .g-serif-l2-not-underlined,
  #champagne .g-serif-l2,
  #champagne .g-serif-l2-not-underlined,
  #EverBloom-II .g-serif-l2,
  #EverBloom-II .g-serif-l2-not-underlined,
  #EverBloom .g-serif-l2,
  #EverBloom .g-serif-l2-not-underlined,
  #Gemmyorama .g-serif-l2,
  #Gemmyorama .g-serif-l2-not-underlined,
  #GemmyoramaInfluence .g-serif-l2,
  #GemmyoramaInfluence .g-serif-l2-not-underlined,
  #gray-spinel .g-serif-l2,
  #gray-spinel .g-serif-l2-not-underlined,
  #joaillerie-collections-art-deco-avant-propos-html .g-serif-l2,
  #joaillerie-collections-art-deco-avant-propos-html .g-serif-l2-not-underlined,
  #joaillerie-collections-primarosa-avant-propos-html .g-serif-l2,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-serif-l2-not-underlined,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-serif-l2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-serif-l2-not-underlined,
  #lady-joaillerie .g-serif-l2,
  #lady-joaillerie .g-serif-l2-not-underlined,
  #lady-wedding .g-serif-l2,
  #lady-wedding .g-serif-l2-not-underlined,
  #lavander-spinel .g-serif-l2,
  #lavander-spinel .g-serif-l2-not-underlined,
  #met .g-serif-l2,
  #met .g-serif-l2-not-underlined,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l2,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l2-not-underlined,
  #paris-1901 .g-serif-l2,
  #paris-1901 .g-serif-l2-not-underlined,
  #PrimaRosa .g-serif-l2,
  #PrimaRosa .g-serif-l2-not-underlined,
  #PrimaRosaChapitreII .g-serif-l2,
  #PrimaRosaChapitreII .g-serif-l2-not-underlined,
  #rendez-vous-creation .g-serif-l2,
  #rendez-vous-creation .g-serif-l2-not-underlined,
  #retromantique .g-serif-l2,
  #retromantique .g-serif-l2-not-underlined,
  #retromilano-avant-propos .g-serif-l2,
  #retromilano-avant-propos .g-serif-l2-not-underlined,
  #retromilano .g-serif-l2,
  #retromilano .g-serif-l2-not-underlined,
  #saphir-vert .g-serif-l2,
  #saphir-vert .g-serif-l2-not-underlined {
    font-size: 27px;
  }
}
@media (min-width: 375px) and (max-width: 375px) {
  #ap-lavande .g-serif-l2,
  #ap-lavande .g-serif-l2-not-underlined,
  #ArtDeco .g-serif-l2,
  #ArtDeco .g-serif-l2-not-underlined,
  #bleu-gris .g-serif-l2,
  #bleu-gris .g-serif-l2-not-underlined,
  #champagne .g-serif-l2,
  #champagne .g-serif-l2-not-underlined,
  #EverBloom-II .g-serif-l2,
  #EverBloom-II .g-serif-l2-not-underlined,
  #EverBloom .g-serif-l2,
  #EverBloom .g-serif-l2-not-underlined,
  #Gemmyorama .g-serif-l2,
  #Gemmyorama .g-serif-l2-not-underlined,
  #GemmyoramaInfluence .g-serif-l2,
  #GemmyoramaInfluence .g-serif-l2-not-underlined,
  #gray-spinel .g-serif-l2,
  #gray-spinel .g-serif-l2-not-underlined,
  #joaillerie-collections-art-deco-avant-propos-html .g-serif-l2,
  #joaillerie-collections-art-deco-avant-propos-html .g-serif-l2-not-underlined,
  #joaillerie-collections-primarosa-avant-propos-html .g-serif-l2,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-serif-l2-not-underlined,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-serif-l2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-serif-l2-not-underlined,
  #lady-joaillerie .g-serif-l2,
  #lady-joaillerie .g-serif-l2-not-underlined,
  #lady-wedding .g-serif-l2,
  #lady-wedding .g-serif-l2-not-underlined,
  #lavander-spinel .g-serif-l2,
  #lavander-spinel .g-serif-l2-not-underlined,
  #met .g-serif-l2,
  #met .g-serif-l2-not-underlined,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l2,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l2-not-underlined,
  #paris-1901 .g-serif-l2,
  #paris-1901 .g-serif-l2-not-underlined,
  #PrimaRosa .g-serif-l2,
  #PrimaRosa .g-serif-l2-not-underlined,
  #PrimaRosaChapitreII .g-serif-l2,
  #PrimaRosaChapitreII .g-serif-l2-not-underlined,
  #rendez-vous-creation .g-serif-l2,
  #rendez-vous-creation .g-serif-l2-not-underlined,
  #retromantique .g-serif-l2,
  #retromantique .g-serif-l2-not-underlined,
  #retromilano-avant-propos .g-serif-l2,
  #retromilano-avant-propos .g-serif-l2-not-underlined,
  #retromilano .g-serif-l2,
  #retromilano .g-serif-l2-not-underlined,
  #saphir-vert .g-serif-l2,
  #saphir-vert .g-serif-l2-not-underlined {
    font-size: 29px;
  }
}
@media (min-width: 375px) and (max-width: 375px) {
  #ap-lavande .g-serif-l5,
  #ArtDeco .g-serif-l5,
  #bleu-gris .g-serif-l5,
  #champagne .g-serif-l5,
  #EverBloom-II .g-serif-l5,
  #EverBloom .g-serif-l5,
  #Gemmyorama .g-serif-l5,
  #GemmyoramaInfluence .g-serif-l5,
  #gray-spinel .g-serif-l5,
  #joaillerie-collections-art-deco-avant-propos-html .g-serif-l5,
  #joaillerie-collections-primarosa-avant-propos-html .g-serif-l5,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-serif-l5,
  #lady-joaillerie .g-serif-l5,
  #lady-wedding .g-serif-l5,
  #lavander-spinel .g-serif-l5,
  #met .g-serif-l5,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l5,
  #paris-1901 .g-serif-l5,
  #PrimaRosa .g-serif-l5,
  #PrimaRosaChapitreII .g-serif-l5,
  #rendez-vous-creation .g-serif-l5,
  #retromantique .g-serif-l5,
  #retromilano-avant-propos .g-serif-l5,
  #retromilano .g-serif-l5,
  #saphir-vert .g-serif-l5 {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #ap-lavande .g-serif-text.text-s-tablet-v,
  #ArtDeco .g-serif-text.text-s-tablet-v,
  #bleu-gris .g-serif-text.text-s-tablet-v,
  #champagne .g-serif-text.text-s-tablet-v,
  #EverBloom-II .g-serif-text.text-s-tablet-v,
  #EverBloom .g-serif-text.text-s-tablet-v,
  #Gemmyorama .g-serif-text.text-s-tablet-v,
  #GemmyoramaInfluence .g-serif-text.text-s-tablet-v,
  #gray-spinel .g-serif-text.text-s-tablet-v,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-serif-text.text-s-tablet-v,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-serif-text.text-s-tablet-v,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-serif-text.text-s-tablet-v,
  #lady-joaillerie .g-serif-text.text-s-tablet-v,
  #lady-wedding .g-serif-text.text-s-tablet-v,
  #lavander-spinel .g-serif-text.text-s-tablet-v,
  #met .g-serif-text.text-s-tablet-v,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-text.text-s-tablet-v,
  #paris-1901 .g-serif-text.text-s-tablet-v,
  #PrimaRosa .g-serif-text.text-s-tablet-v,
  #PrimaRosaChapitreII .g-serif-text.text-s-tablet-v,
  #rendez-vous-creation .g-serif-text.text-s-tablet-v,
  #retromantique .g-serif-text.text-s-tablet-v,
  #retromilano-avant-propos .g-serif-text.text-s-tablet-v,
  #retromilano .g-serif-text.text-s-tablet-v,
  #saphir-vert .g-serif-text.text-s-tablet-v {
    font-size: 13px;
    line-height: 20px;
  }
}
#ap-lavande .g-header-container,
#ArtDeco .g-header-container,
#bleu-gris .g-header-container,
#champagne .g-header-container,
#EverBloom-II .g-header-container,
#EverBloom .g-header-container,
#Gemmyorama .g-header-container,
#GemmyoramaInfluence .g-header-container,
#gray-spinel .g-header-container,
#joaillerie-collections-art-deco-avant-propos-html .g-header-container,
#joaillerie-collections-primarosa-avant-propos-html .g-header-container,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-header-container,
#lady-joaillerie .g-header-container,
#lady-wedding .g-header-container,
#lavander-spinel .g-header-container,
#met .g-header-container,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-header-container,
#paris-1901 .g-header-container,
#PrimaRosa .g-header-container,
#PrimaRosaChapitreII .g-header-container,
#rendez-vous-creation .g-header-container,
#retromantique .g-header-container,
#retromilano-avant-propos .g-header-container,
#retromilano .g-header-container,
#saphir-vert .g-header-container {
  transition: background 0.1s, border-color 0.1s, color 0.1s;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: inherit;
}
#ap-lavande .large-horizontal img,
#ArtDeco .large-horizontal img,
#bleu-gris .large-horizontal img,
#champagne .large-horizontal img,
#EverBloom-II .large-horizontal img,
#EverBloom .large-horizontal img,
#Gemmyorama .large-horizontal img,
#GemmyoramaInfluence .large-horizontal img,
#gray-spinel .large-horizontal img,
#joaillerie-collections-art-deco-avant-propos-html .large-horizontal img,
#joaillerie-collections-primarosa-avant-propos-html .large-horizontal img,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .large-horizontal
  img,
#lady-joaillerie .large-horizontal img,
#lady-wedding .large-horizontal img,
#lavander-spinel .large-horizontal img,
#met .large-horizontal img,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .large-horizontal
  img,
#paris-1901 .large-horizontal img,
#PrimaRosa .large-horizontal img,
#PrimaRosaChapitreII .large-horizontal img,
#rendez-vous-creation .large-horizontal img,
#retromantique .large-horizontal img,
#retromilano-avant-propos .large-horizontal img,
#retromilano .large-horizontal img,
#saphir-vert .large-horizontal img {
  width: 90%;
  max-width: 1162px;
  max-height: 704px;
}
@media (max-width: 767px) {
  #ap-lavande .large-horizontal img,
  #ArtDeco .large-horizontal img,
  #bleu-gris .large-horizontal img,
  #champagne .large-horizontal img,
  #EverBloom-II .large-horizontal img,
  #EverBloom .large-horizontal img,
  #Gemmyorama .large-horizontal img,
  #GemmyoramaInfluence .large-horizontal img,
  #gray-spinel .large-horizontal img,
  #joaillerie-collections-art-deco-avant-propos-html .large-horizontal img,
  #joaillerie-collections-primarosa-avant-propos-html .large-horizontal img,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .large-horizontal
    img,
  #lady-joaillerie .large-horizontal img,
  #lady-wedding .large-horizontal img,
  #lavander-spinel .large-horizontal img,
  #met .large-horizontal img,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .large-horizontal
    img,
  #paris-1901 .large-horizontal img,
  #PrimaRosa .large-horizontal img,
  #PrimaRosaChapitreII .large-horizontal img,
  #rendez-vous-creation .large-horizontal img,
  #retromantique .large-horizontal img,
  #retromilano-avant-propos .large-horizontal img,
  #retromilano .large-horizontal img,
  #saphir-vert .large-horizontal img {
    width: 100%;
  }
}
#ap-lavande .g-col--third,
#ArtDeco .g-col--third,
#bleu-gris .g-col--third,
#champagne .g-col--third,
#EverBloom-II .g-col--third,
#EverBloom .g-col--third,
#Gemmyorama .g-col--third,
#GemmyoramaInfluence .g-col--third,
#gray-spinel .g-col--third,
#joaillerie-collections-art-deco-avant-propos-html .g-col--third,
#joaillerie-collections-primarosa-avant-propos-html .g-col--third,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-col--third,
#lady-joaillerie .g-col--third,
#lady-wedding .g-col--third,
#lavander-spinel .g-col--third,
#met .g-col--third,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--third,
#paris-1901 .g-col--third,
#PrimaRosa .g-col--third,
#PrimaRosaChapitreII .g-col--third,
#rendez-vous-creation .g-col--third,
#retromantique .g-col--third,
#retromilano-avant-propos .g-col--third,
#retromilano .g-col--third,
#saphir-vert .g-col--third {
  max-width: 420px;
  max-height: 630px;
}
@media (max-width: 767px) {
  #ap-lavande .g-col--third.half-mobile,
  #ArtDeco .g-col--third.half-mobile,
  #bleu-gris .g-col--third.half-mobile,
  #champagne .g-col--third.half-mobile,
  #EverBloom-II .g-col--third.half-mobile,
  #EverBloom .g-col--third.half-mobile,
  #Gemmyorama .g-col--third.half-mobile,
  #GemmyoramaInfluence .g-col--third.half-mobile,
  #gray-spinel .g-col--third.half-mobile,
  #joaillerie-collections-art-deco-avant-propos-html .g-col--third.half-mobile,
  #joaillerie-collections-primarosa-avant-propos-html .g-col--third.half-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--third.half-mobile,
  #lady-joaillerie .g-col--third.half-mobile,
  #lady-wedding .g-col--third.half-mobile,
  #lavander-spinel .g-col--third.half-mobile,
  #met .g-col--third.half-mobile,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--third.half-mobile,
  #paris-1901 .g-col--third.half-mobile,
  #PrimaRosa .g-col--third.half-mobile,
  #PrimaRosaChapitreII .g-col--third.half-mobile,
  #rendez-vous-creation .g-col--third.half-mobile,
  #retromantique .g-col--third.half-mobile,
  #retromilano-avant-propos .g-col--third.half-mobile,
  #retromilano .g-col--third.half-mobile,
  #saphir-vert .g-col--third.half-mobile {
    width: 48%;
  }
}
#ap-lavande .g-col--third.full-mobile,
#ArtDeco .g-col--third.full-mobile,
#bleu-gris .g-col--third.full-mobile,
#champagne .g-col--third.full-mobile,
#EverBloom-II .g-col--third.full-mobile,
#EverBloom .g-col--third.full-mobile,
#Gemmyorama .g-col--third.full-mobile,
#GemmyoramaInfluence .g-col--third.full-mobile,
#gray-spinel .g-col--third.full-mobile,
#joaillerie-collections-art-deco-avant-propos-html .g-col--third.full-mobile,
#joaillerie-collections-primarosa-avant-propos-html .g-col--third.full-mobile,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-col--third.full-mobile,
#lady-joaillerie .g-col--third.full-mobile,
#lady-wedding .g-col--third.full-mobile,
#lavander-spinel .g-col--third.full-mobile,
#met .g-col--third.full-mobile,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--third.full-mobile,
#paris-1901 .g-col--third.full-mobile,
#PrimaRosa .g-col--third.full-mobile,
#PrimaRosaChapitreII .g-col--third.full-mobile,
#rendez-vous-creation .g-col--third.full-mobile,
#retromantique .g-col--third.full-mobile,
#retromilano-avant-propos .g-col--third.full-mobile,
#retromilano .g-col--third.full-mobile,
#saphir-vert .g-col--third.full-mobile {
  max-height: none;
}
#ap-lavande .g-col--two-third,
#ArtDeco .g-col--two-third,
#bleu-gris .g-col--two-third,
#champagne .g-col--two-third,
#EverBloom-II .g-col--two-third,
#EverBloom .g-col--two-third,
#Gemmyorama .g-col--two-third,
#GemmyoramaInfluence .g-col--two-third,
#gray-spinel .g-col--two-third,
#joaillerie-collections-art-deco-avant-propos-html .g-col--two-third,
#joaillerie-collections-primarosa-avant-propos-html .g-col--two-third,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-col--two-third,
#lady-joaillerie .g-col--two-third,
#lady-wedding .g-col--two-third,
#lavander-spinel .g-col--two-third,
#met .g-col--two-third,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--two-third,
#paris-1901 .g-col--two-third,
#PrimaRosa .g-col--two-third,
#PrimaRosaChapitreII .g-col--two-third,
#rendez-vous-creation .g-col--two-third,
#retromantique .g-col--two-third,
#retromilano-avant-propos .g-col--two-third,
#retromilano .g-col--two-third,
#saphir-vert .g-col--two-third {
  max-width: 840px;
  max-height: 630px;
  width: 62%;
}
@media (max-width: 767px) {
  #ap-lavande .g-col--two-third.full-mobile,
  #ArtDeco .g-col--two-third.full-mobile,
  #bleu-gris .g-col--two-third.full-mobile,
  #champagne .g-col--two-third.full-mobile,
  #EverBloom-II .g-col--two-third.full-mobile,
  #EverBloom .g-col--two-third.full-mobile,
  #Gemmyorama .g-col--two-third.full-mobile,
  #GemmyoramaInfluence .g-col--two-third.full-mobile,
  #gray-spinel .g-col--two-third.full-mobile,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--two-third.full-mobile,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--two-third.full-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--two-third.full-mobile,
  #lady-joaillerie .g-col--two-third.full-mobile,
  #lady-wedding .g-col--two-third.full-mobile,
  #lavander-spinel .g-col--two-third.full-mobile,
  #met .g-col--two-third.full-mobile,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--two-third.full-mobile,
  #paris-1901 .g-col--two-third.full-mobile,
  #PrimaRosa .g-col--two-third.full-mobile,
  #PrimaRosaChapitreII .g-col--two-third.full-mobile,
  #rendez-vous-creation .g-col--two-third.full-mobile,
  #retromantique .g-col--two-third.full-mobile,
  #retromilano-avant-propos .g-col--two-third.full-mobile,
  #retromilano .g-col--two-third.full-mobile,
  #saphir-vert .g-col--two-third.full-mobile {
    width: 100%;
  }
}
#ap-lavande .g-col--half,
#ArtDeco .g-col--half,
#bleu-gris .g-col--half,
#champagne .g-col--half,
#EverBloom-II .g-col--half,
#EverBloom .g-col--half,
#Gemmyorama .g-col--half,
#GemmyoramaInfluence .g-col--half,
#gray-spinel .g-col--half,
#joaillerie-collections-art-deco-avant-propos-html .g-col--half,
#joaillerie-collections-primarosa-avant-propos-html .g-col--half,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-col--half,
#lady-joaillerie .g-col--half,
#lady-wedding .g-col--half,
#lavander-spinel .g-col--half,
#met .g-col--half,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--half,
#paris-1901 .g-col--half,
#PrimaRosa .g-col--half,
#PrimaRosaChapitreII .g-col--half,
#rendez-vous-creation .g-col--half,
#retromantique .g-col--half,
#retromilano-avant-propos .g-col--half,
#retromilano .g-col--half,
#saphir-vert .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #ap-lavande .g-col--half,
  #ArtDeco .g-col--half,
  #bleu-gris .g-col--half,
  #champagne .g-col--half,
  #EverBloom-II .g-col--half,
  #EverBloom .g-col--half,
  #Gemmyorama .g-col--half,
  #GemmyoramaInfluence .g-col--half,
  #gray-spinel .g-col--half,
  #joaillerie-collections-art-deco-avant-propos-html .g-col--half,
  #joaillerie-collections-primarosa-avant-propos-html .g-col--half,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-col--half,
  #lady-joaillerie .g-col--half,
  #lady-wedding .g-col--half,
  #lavander-spinel .g-col--half,
  #met .g-col--half,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--half,
  #paris-1901 .g-col--half,
  #PrimaRosa .g-col--half,
  #PrimaRosaChapitreII .g-col--half,
  #rendez-vous-creation .g-col--half,
  #retromantique .g-col--half,
  #retromilano-avant-propos .g-col--half,
  #retromilano .g-col--half,
  #saphir-vert .g-col--half {
    width: 100% !important;
  }
}
#ap-lavande .g-col--half img.packshot-image,
#ArtDeco .g-col--half img.packshot-image,
#bleu-gris .g-col--half img.packshot-image,
#champagne .g-col--half img.packshot-image,
#EverBloom-II .g-col--half img.packshot-image,
#EverBloom .g-col--half img.packshot-image,
#Gemmyorama .g-col--half img.packshot-image,
#GemmyoramaInfluence .g-col--half img.packshot-image,
#gray-spinel .g-col--half img.packshot-image,
#joaillerie-collections-art-deco-avant-propos-html
  .g-col--half
  img.packshot-image,
#joaillerie-collections-primarosa-avant-propos-html
  .g-col--half
  img.packshot-image,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-col--half
  img.packshot-image,
#lady-joaillerie .g-col--half img.packshot-image,
#lady-wedding .g-col--half img.packshot-image,
#lavander-spinel .g-col--half img.packshot-image,
#met .g-col--half img.packshot-image,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--half
  img.packshot-image,
#paris-1901 .g-col--half img.packshot-image,
#PrimaRosa .g-col--half img.packshot-image,
#PrimaRosaChapitreII .g-col--half img.packshot-image,
#rendez-vous-creation .g-col--half img.packshot-image,
#retromantique .g-col--half img.packshot-image,
#retromilano-avant-propos .g-col--half img.packshot-image,
#retromilano .g-col--half img.packshot-image,
#saphir-vert .g-col--half img.packshot-image {
  width: 80%;
}
@media (min-width: 1024px) {
  #ap-lavande .g-col--half img.packshot-image,
  #ArtDeco .g-col--half img.packshot-image,
  #bleu-gris .g-col--half img.packshot-image,
  #champagne .g-col--half img.packshot-image,
  #EverBloom-II .g-col--half img.packshot-image,
  #EverBloom .g-col--half img.packshot-image,
  #Gemmyorama .g-col--half img.packshot-image,
  #GemmyoramaInfluence .g-col--half img.packshot-image,
  #gray-spinel .g-col--half img.packshot-image,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--half
    img.packshot-image,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--half
    img.packshot-image,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--half
    img.packshot-image,
  #lady-joaillerie .g-col--half img.packshot-image,
  #lady-wedding .g-col--half img.packshot-image,
  #lavander-spinel .g-col--half img.packshot-image,
  #met .g-col--half img.packshot-image,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--half
    img.packshot-image,
  #paris-1901 .g-col--half img.packshot-image,
  #PrimaRosa .g-col--half img.packshot-image,
  #PrimaRosaChapitreII .g-col--half img.packshot-image,
  #rendez-vous-creation .g-col--half img.packshot-image,
  #retromantique .g-col--half img.packshot-image,
  #retromilano-avant-propos .g-col--half img.packshot-image,
  #retromilano .g-col--half img.packshot-image,
  #saphir-vert .g-col--half img.packshot-image {
    width: 60%;
  }
}
#ap-lavande .g-col--half img.packshot-sv-image,
#ArtDeco .g-col--half img.packshot-sv-image,
#bleu-gris .g-col--half img.packshot-sv-image,
#champagne .g-col--half img.packshot-sv-image,
#EverBloom-II .g-col--half img.packshot-sv-image,
#EverBloom .g-col--half img.packshot-sv-image,
#Gemmyorama .g-col--half img.packshot-sv-image,
#GemmyoramaInfluence .g-col--half img.packshot-sv-image,
#gray-spinel .g-col--half img.packshot-sv-image,
#joaillerie-collections-art-deco-avant-propos-html
  .g-col--half
  img.packshot-sv-image,
#joaillerie-collections-primarosa-avant-propos-html
  .g-col--half
  img.packshot-sv-image,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-col--half
  img.packshot-sv-image,
#lady-joaillerie .g-col--half img.packshot-sv-image,
#lady-wedding .g-col--half img.packshot-sv-image,
#lavander-spinel .g-col--half img.packshot-sv-image,
#met .g-col--half img.packshot-sv-image,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--half
  img.packshot-sv-image,
#paris-1901 .g-col--half img.packshot-sv-image,
#PrimaRosa .g-col--half img.packshot-sv-image,
#PrimaRosaChapitreII .g-col--half img.packshot-sv-image,
#rendez-vous-creation .g-col--half img.packshot-sv-image,
#retromantique .g-col--half img.packshot-sv-image,
#retromilano-avant-propos .g-col--half img.packshot-sv-image,
#retromilano .g-col--half img.packshot-sv-image,
#saphir-vert .g-col--half img.packshot-sv-image {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #ap-lavande .g-col--half img.packshot-sv-image,
  #ArtDeco .g-col--half img.packshot-sv-image,
  #bleu-gris .g-col--half img.packshot-sv-image,
  #champagne .g-col--half img.packshot-sv-image,
  #EverBloom-II .g-col--half img.packshot-sv-image,
  #EverBloom .g-col--half img.packshot-sv-image,
  #Gemmyorama .g-col--half img.packshot-sv-image,
  #GemmyoramaInfluence .g-col--half img.packshot-sv-image,
  #gray-spinel .g-col--half img.packshot-sv-image,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--half
    img.packshot-sv-image,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--half
    img.packshot-sv-image,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--half
    img.packshot-sv-image,
  #lady-joaillerie .g-col--half img.packshot-sv-image,
  #lady-wedding .g-col--half img.packshot-sv-image,
  #lavander-spinel .g-col--half img.packshot-sv-image,
  #met .g-col--half img.packshot-sv-image,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--half
    img.packshot-sv-image,
  #paris-1901 .g-col--half img.packshot-sv-image,
  #PrimaRosa .g-col--half img.packshot-sv-image,
  #PrimaRosaChapitreII .g-col--half img.packshot-sv-image,
  #rendez-vous-creation .g-col--half img.packshot-sv-image,
  #retromantique .g-col--half img.packshot-sv-image,
  #retromilano-avant-propos .g-col--half img.packshot-sv-image,
  #retromilano .g-col--half img.packshot-sv-image,
  #saphir-vert .g-col--half img.packshot-sv-image {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-col--half img.packshot-sv-image,
  #ArtDeco .g-col--half img.packshot-sv-image,
  #bleu-gris .g-col--half img.packshot-sv-image,
  #champagne .g-col--half img.packshot-sv-image,
  #EverBloom-II .g-col--half img.packshot-sv-image,
  #EverBloom .g-col--half img.packshot-sv-image,
  #Gemmyorama .g-col--half img.packshot-sv-image,
  #GemmyoramaInfluence .g-col--half img.packshot-sv-image,
  #gray-spinel .g-col--half img.packshot-sv-image,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--half
    img.packshot-sv-image,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--half
    img.packshot-sv-image,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--half
    img.packshot-sv-image,
  #lady-joaillerie .g-col--half img.packshot-sv-image,
  #lady-wedding .g-col--half img.packshot-sv-image,
  #lavander-spinel .g-col--half img.packshot-sv-image,
  #met .g-col--half img.packshot-sv-image,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--half
    img.packshot-sv-image,
  #paris-1901 .g-col--half img.packshot-sv-image,
  #PrimaRosa .g-col--half img.packshot-sv-image,
  #PrimaRosaChapitreII .g-col--half img.packshot-sv-image,
  #rendez-vous-creation .g-col--half img.packshot-sv-image,
  #retromantique .g-col--half img.packshot-sv-image,
  #retromilano-avant-propos .g-col--half img.packshot-sv-image,
  #retromilano .g-col--half img.packshot-sv-image,
  #saphir-vert .g-col--half img.packshot-sv-image {
    width: 68%;
  }
}
#ap-lavande .order1-tablet,
#ArtDeco .order1-tablet,
#bleu-gris .order1-tablet,
#champagne .order1-tablet,
#EverBloom-II .order1-tablet,
#EverBloom .order1-tablet,
#Gemmyorama .order1-tablet,
#GemmyoramaInfluence .order1-tablet,
#gray-spinel .order1-tablet,
#joaillerie-collections-art-deco-avant-propos-html .order1-tablet,
#joaillerie-collections-primarosa-avant-propos-html .order1-tablet,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .order1-tablet,
#lady-joaillerie .order1-tablet,
#lady-wedding .order1-tablet,
#lavander-spinel .order1-tablet,
#met .order1-tablet,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .order1-tablet,
#paris-1901 .order1-tablet,
#PrimaRosa .order1-tablet,
#PrimaRosaChapitreII .order1-tablet,
#rendez-vous-creation .order1-tablet,
#retromantique .order1-tablet,
#retromilano-avant-propos .order1-tablet,
#retromilano .order1-tablet,
#saphir-vert .order1-tablet {
  order: 1;
}
@media (min-width: 768px) {
  #ap-lavande .order1-tablet,
  #ArtDeco .order1-tablet,
  #bleu-gris .order1-tablet,
  #champagne .order1-tablet,
  #EverBloom-II .order1-tablet,
  #EverBloom .order1-tablet,
  #Gemmyorama .order1-tablet,
  #GemmyoramaInfluence .order1-tablet,
  #gray-spinel .order1-tablet,
  #joaillerie-collections-art-deco-avant-propos-html .order1-tablet,
  #joaillerie-collections-primarosa-avant-propos-html .order1-tablet,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .order1-tablet,
  #lady-joaillerie .order1-tablet,
  #lady-wedding .order1-tablet,
  #lavander-spinel .order1-tablet,
  #met .order1-tablet,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .order1-tablet,
  #paris-1901 .order1-tablet,
  #PrimaRosa .order1-tablet,
  #PrimaRosaChapitreII .order1-tablet,
  #rendez-vous-creation .order1-tablet,
  #retromantique .order1-tablet,
  #retromilano-avant-propos .order1-tablet,
  #retromilano .order1-tablet,
  #saphir-vert .order1-tablet {
    order: 2;
  }
}
#ap-lavande .order2-tablet,
#ArtDeco .order2-tablet,
#bleu-gris .order2-tablet,
#champagne .order2-tablet,
#EverBloom-II .order2-tablet,
#EverBloom .order2-tablet,
#Gemmyorama .order2-tablet,
#GemmyoramaInfluence .order2-tablet,
#gray-spinel .order2-tablet,
#joaillerie-collections-art-deco-avant-propos-html .order2-tablet,
#joaillerie-collections-primarosa-avant-propos-html .order2-tablet,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .order2-tablet,
#lady-joaillerie .order2-tablet,
#lady-wedding .order2-tablet,
#lavander-spinel .order2-tablet,
#met .order2-tablet,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .order2-tablet,
#paris-1901 .order2-tablet,
#PrimaRosa .order2-tablet,
#PrimaRosaChapitreII .order2-tablet,
#rendez-vous-creation .order2-tablet,
#retromantique .order2-tablet,
#retromilano-avant-propos .order2-tablet,
#retromilano .order2-tablet,
#saphir-vert .order2-tablet {
  order: 2;
}
@media (min-width: 768px) {
  #ap-lavande .order2-tablet,
  #ArtDeco .order2-tablet,
  #bleu-gris .order2-tablet,
  #champagne .order2-tablet,
  #EverBloom-II .order2-tablet,
  #EverBloom .order2-tablet,
  #Gemmyorama .order2-tablet,
  #GemmyoramaInfluence .order2-tablet,
  #gray-spinel .order2-tablet,
  #joaillerie-collections-art-deco-avant-propos-html .order2-tablet,
  #joaillerie-collections-primarosa-avant-propos-html .order2-tablet,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .order2-tablet,
  #lady-joaillerie .order2-tablet,
  #lady-wedding .order2-tablet,
  #lavander-spinel .order2-tablet,
  #met .order2-tablet,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .order2-tablet,
  #paris-1901 .order2-tablet,
  #PrimaRosa .order2-tablet,
  #PrimaRosaChapitreII .order2-tablet,
  #rendez-vous-creation .order2-tablet,
  #retromantique .order2-tablet,
  #retromilano-avant-propos .order2-tablet,
  #retromilano .order2-tablet,
  #saphir-vert .order2-tablet {
    order: 1;
  }
}
#ap-lavande .text-quote,
#ArtDeco .text-quote,
#bleu-gris .text-quote,
#champagne .text-quote,
#EverBloom-II .text-quote,
#EverBloom .text-quote,
#Gemmyorama .text-quote,
#GemmyoramaInfluence .text-quote,
#gray-spinel .text-quote,
#joaillerie-collections-art-deco-avant-propos-html .text-quote,
#joaillerie-collections-primarosa-avant-propos-html .text-quote,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .text-quote,
#lady-joaillerie .text-quote,
#lady-wedding .text-quote,
#lavander-spinel .text-quote,
#met .text-quote,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .text-quote,
#paris-1901 .text-quote,
#PrimaRosa .text-quote,
#PrimaRosaChapitreII .text-quote,
#rendez-vous-creation .text-quote,
#retromantique .text-quote,
#retromilano-avant-propos .text-quote,
#retromilano .text-quote,
#saphir-vert .text-quote {
  text-transform: uppercase;
  font-size: 18px;
  line-height: normal;
}
@media (min-width: 1200px) {
  #ap-lavande .text-quote,
  #ArtDeco .text-quote,
  #bleu-gris .text-quote,
  #champagne .text-quote,
  #EverBloom-II .text-quote,
  #EverBloom .text-quote,
  #Gemmyorama .text-quote,
  #GemmyoramaInfluence .text-quote,
  #gray-spinel .text-quote,
  #joaillerie-collections-art-deco-avant-propos-html .text-quote,
  #joaillerie-collections-primarosa-avant-propos-html .text-quote,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .text-quote,
  #lady-joaillerie .text-quote,
  #lady-wedding .text-quote,
  #lavander-spinel .text-quote,
  #met .text-quote,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .text-quote,
  #paris-1901 .text-quote,
  #PrimaRosa .text-quote,
  #PrimaRosaChapitreII .text-quote,
  #rendez-vous-creation .text-quote,
  #retromantique .text-quote,
  #retromilano-avant-propos .text-quote,
  #retromilano .text-quote,
  #saphir-vert .text-quote {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  #ap-lavande .h-space-between-mobile,
  #ArtDeco .h-space-between-mobile,
  #bleu-gris .h-space-between-mobile,
  #champagne .h-space-between-mobile,
  #EverBloom-II .h-space-between-mobile,
  #EverBloom .h-space-between-mobile,
  #Gemmyorama .h-space-between-mobile,
  #GemmyoramaInfluence .h-space-between-mobile,
  #gray-spinel .h-space-between-mobile,
  #joaillerie-collections-art-deco-avant-propos-html .h-space-between-mobile,
  #joaillerie-collections-primarosa-avant-propos-html .h-space-between-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .h-space-between-mobile,
  #lady-joaillerie .h-space-between-mobile,
  #lady-wedding .h-space-between-mobile,
  #lavander-spinel .h-space-between-mobile,
  #met .h-space-between-mobile,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .h-space-between-mobile,
  #paris-1901 .h-space-between-mobile,
  #PrimaRosa .h-space-between-mobile,
  #PrimaRosaChapitreII .h-space-between-mobile,
  #rendez-vous-creation .h-space-between-mobile,
  #retromantique .h-space-between-mobile,
  #retromilano-avant-propos .h-space-between-mobile,
  #retromilano .h-space-between-mobile,
  #saphir-vert .h-space-between-mobile {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  #ap-lavande .mobile-margin,
  #ArtDeco .mobile-margin,
  #bleu-gris .mobile-margin,
  #champagne .mobile-margin,
  #EverBloom-II .mobile-margin,
  #EverBloom .mobile-margin,
  #Gemmyorama .mobile-margin,
  #GemmyoramaInfluence .mobile-margin,
  #gray-spinel .mobile-margin,
  #joaillerie-collections-art-deco-avant-propos-html .mobile-margin,
  #joaillerie-collections-primarosa-avant-propos-html .mobile-margin,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .mobile-margin,
  #lady-joaillerie .mobile-margin,
  #lady-wedding .mobile-margin,
  #lavander-spinel .mobile-margin,
  #met .mobile-margin,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .mobile-margin,
  #paris-1901 .mobile-margin,
  #PrimaRosa .mobile-margin,
  #PrimaRosaChapitreII .mobile-margin,
  #rendez-vous-creation .mobile-margin,
  #retromantique .mobile-margin,
  #retromilano-avant-propos .mobile-margin,
  #retromilano .mobile-margin,
  #saphir-vert .mobile-margin {
    margin: 15px auto 0;
  }
}
#ap-lavande .g-everbloom-header-picture,
#ArtDeco .g-everbloom-header-picture,
#bleu-gris .g-everbloom-header-picture,
#champagne .g-everbloom-header-picture,
#EverBloom-II .g-everbloom-header-picture,
#EverBloom .g-everbloom-header-picture,
#Gemmyorama .g-everbloom-header-picture,
#GemmyoramaInfluence .g-everbloom-header-picture,
#gray-spinel .g-everbloom-header-picture,
#joaillerie-collections-art-deco-avant-propos-html .g-everbloom-header-picture,
#joaillerie-collections-primarosa-avant-propos-html .g-everbloom-header-picture,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-everbloom-header-picture,
#lady-joaillerie .g-everbloom-header-picture,
#lady-wedding .g-everbloom-header-picture,
#lavander-spinel .g-everbloom-header-picture,
#met .g-everbloom-header-picture,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-everbloom-header-picture,
#paris-1901 .g-everbloom-header-picture,
#PrimaRosa .g-everbloom-header-picture,
#PrimaRosaChapitreII .g-everbloom-header-picture,
#rendez-vous-creation .g-everbloom-header-picture,
#retromantique .g-everbloom-header-picture,
#retromilano-avant-propos .g-everbloom-header-picture,
#retromilano .g-everbloom-header-picture,
#saphir-vert .g-everbloom-header-picture {
  width: 100%;
  max-width: 1440px;
}
#ap-lavande .g-everbloom-header,
#ArtDeco .g-everbloom-header,
#bleu-gris .g-everbloom-header,
#champagne .g-everbloom-header,
#EverBloom-II .g-everbloom-header,
#EverBloom .g-everbloom-header,
#Gemmyorama .g-everbloom-header,
#GemmyoramaInfluence .g-everbloom-header,
#gray-spinel .g-everbloom-header,
#joaillerie-collections-art-deco-avant-propos-html .g-everbloom-header,
#joaillerie-collections-primarosa-avant-propos-html .g-everbloom-header,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-everbloom-header,
#lady-joaillerie .g-everbloom-header,
#lady-wedding .g-everbloom-header,
#lavander-spinel .g-everbloom-header,
#met .g-everbloom-header,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-everbloom-header,
#paris-1901 .g-everbloom-header,
#PrimaRosa .g-everbloom-header,
#PrimaRosaChapitreII .g-everbloom-header,
#rendez-vous-creation .g-everbloom-header,
#retromantique .g-everbloom-header,
#retromilano-avant-propos .g-everbloom-header,
#retromilano .g-everbloom-header,
#saphir-vert .g-everbloom-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #ap-lavande .g-everbloom-header,
  #ArtDeco .g-everbloom-header,
  #bleu-gris .g-everbloom-header,
  #champagne .g-everbloom-header,
  #EverBloom-II .g-everbloom-header,
  #EverBloom .g-everbloom-header,
  #Gemmyorama .g-everbloom-header,
  #GemmyoramaInfluence .g-everbloom-header,
  #gray-spinel .g-everbloom-header,
  #joaillerie-collections-art-deco-avant-propos-html .g-everbloom-header,
  #joaillerie-collections-primarosa-avant-propos-html .g-everbloom-header,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-everbloom-header,
  #lady-joaillerie .g-everbloom-header,
  #lady-wedding .g-everbloom-header,
  #lavander-spinel .g-everbloom-header,
  #met .g-everbloom-header,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-everbloom-header,
  #paris-1901 .g-everbloom-header,
  #PrimaRosa .g-everbloom-header,
  #PrimaRosaChapitreII .g-everbloom-header,
  #rendez-vous-creation .g-everbloom-header,
  #retromantique .g-everbloom-header,
  #retromilano-avant-propos .g-everbloom-header,
  #retromilano .g-everbloom-header,
  #saphir-vert .g-everbloom-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #ap-lavande .g-everbloom-header,
  #ArtDeco .g-everbloom-header,
  #bleu-gris .g-everbloom-header,
  #champagne .g-everbloom-header,
  #EverBloom-II .g-everbloom-header,
  #EverBloom .g-everbloom-header,
  #Gemmyorama .g-everbloom-header,
  #GemmyoramaInfluence .g-everbloom-header,
  #gray-spinel .g-everbloom-header,
  #joaillerie-collections-art-deco-avant-propos-html .g-everbloom-header,
  #joaillerie-collections-primarosa-avant-propos-html .g-everbloom-header,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-everbloom-header,
  #lady-joaillerie .g-everbloom-header,
  #lady-wedding .g-everbloom-header,
  #lavander-spinel .g-everbloom-header,
  #met .g-everbloom-header,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-everbloom-header,
  #paris-1901 .g-everbloom-header,
  #PrimaRosa .g-everbloom-header,
  #PrimaRosaChapitreII .g-everbloom-header,
  #rendez-vous-creation .g-everbloom-header,
  #retromantique .g-everbloom-header,
  #retromilano-avant-propos .g-everbloom-header,
  #retromilano .g-everbloom-header,
  #saphir-vert .g-everbloom-header {
    width: auto;
    position: relative;
    height: 160px;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-everbloom-header,
  #ArtDeco .g-everbloom-header,
  #bleu-gris .g-everbloom-header,
  #champagne .g-everbloom-header,
  #EverBloom-II .g-everbloom-header,
  #EverBloom .g-everbloom-header,
  #Gemmyorama .g-everbloom-header,
  #GemmyoramaInfluence .g-everbloom-header,
  #gray-spinel .g-everbloom-header,
  #joaillerie-collections-art-deco-avant-propos-html .g-everbloom-header,
  #joaillerie-collections-primarosa-avant-propos-html .g-everbloom-header,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-everbloom-header,
  #lady-joaillerie .g-everbloom-header,
  #lady-wedding .g-everbloom-header,
  #lavander-spinel .g-everbloom-header,
  #met .g-everbloom-header,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-everbloom-header,
  #paris-1901 .g-everbloom-header,
  #PrimaRosa .g-everbloom-header,
  #PrimaRosaChapitreII .g-everbloom-header,
  #rendez-vous-creation .g-everbloom-header,
  #retromantique .g-everbloom-header,
  #retromilano-avant-propos .g-everbloom-header,
  #retromilano .g-everbloom-header,
  #saphir-vert .g-everbloom-header {
    height: 140px;
  }
}
#ap-lavande .g-everbloom-header-content,
#ArtDeco .g-everbloom-header-content,
#bleu-gris .g-everbloom-header-content,
#champagne .g-everbloom-header-content,
#EverBloom-II .g-everbloom-header-content,
#EverBloom .g-everbloom-header-content,
#Gemmyorama .g-everbloom-header-content,
#GemmyoramaInfluence .g-everbloom-header-content,
#gray-spinel .g-everbloom-header-content,
#joaillerie-collections-art-deco-avant-propos-html .g-everbloom-header-content,
#joaillerie-collections-primarosa-avant-propos-html .g-everbloom-header-content,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-everbloom-header-content,
#lady-joaillerie .g-everbloom-header-content,
#lady-wedding .g-everbloom-header-content,
#lavander-spinel .g-everbloom-header-content,
#met .g-everbloom-header-content,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-everbloom-header-content,
#paris-1901 .g-everbloom-header-content,
#PrimaRosa .g-everbloom-header-content,
#PrimaRosaChapitreII .g-everbloom-header-content,
#rendez-vous-creation .g-everbloom-header-content,
#retromantique .g-everbloom-header-content,
#retromilano-avant-propos .g-everbloom-header-content,
#retromilano .g-everbloom-header-content,
#saphir-vert .g-everbloom-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #ap-lavande .g-everbloom-header-content,
  #ArtDeco .g-everbloom-header-content,
  #bleu-gris .g-everbloom-header-content,
  #champagne .g-everbloom-header-content,
  #EverBloom-II .g-everbloom-header-content,
  #EverBloom .g-everbloom-header-content,
  #Gemmyorama .g-everbloom-header-content,
  #GemmyoramaInfluence .g-everbloom-header-content,
  #gray-spinel .g-everbloom-header-content,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-everbloom-header-content,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-everbloom-header-content,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-everbloom-header-content,
  #lady-joaillerie .g-everbloom-header-content,
  #lady-wedding .g-everbloom-header-content,
  #lavander-spinel .g-everbloom-header-content,
  #met .g-everbloom-header-content,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-everbloom-header-content,
  #paris-1901 .g-everbloom-header-content,
  #PrimaRosa .g-everbloom-header-content,
  #PrimaRosaChapitreII .g-everbloom-header-content,
  #rendez-vous-creation .g-everbloom-header-content,
  #retromantique .g-everbloom-header-content,
  #retromilano-avant-propos .g-everbloom-header-content,
  #retromilano .g-everbloom-header-content,
  #saphir-vert .g-everbloom-header-content {
    width: 540px;
    margin: 0 auto;
    top: -70%;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-everbloom-header-content,
  #ArtDeco .g-everbloom-header-content,
  #bleu-gris .g-everbloom-header-content,
  #champagne .g-everbloom-header-content,
  #EverBloom-II .g-everbloom-header-content,
  #EverBloom .g-everbloom-header-content,
  #Gemmyorama .g-everbloom-header-content,
  #GemmyoramaInfluence .g-everbloom-header-content,
  #gray-spinel .g-everbloom-header-content,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-everbloom-header-content,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-everbloom-header-content,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-everbloom-header-content,
  #lady-joaillerie .g-everbloom-header-content,
  #lady-wedding .g-everbloom-header-content,
  #lavander-spinel .g-everbloom-header-content,
  #met .g-everbloom-header-content,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-everbloom-header-content,
  #paris-1901 .g-everbloom-header-content,
  #PrimaRosa .g-everbloom-header-content,
  #PrimaRosaChapitreII .g-everbloom-header-content,
  #rendez-vous-creation .g-everbloom-header-content,
  #retromantique .g-everbloom-header-content,
  #retromilano-avant-propos .g-everbloom-header-content,
  #retromilano .g-everbloom-header-content,
  #saphir-vert .g-everbloom-header-content {
    width: 650px;
    top: -100%;
  }
}
@media (min-width: 1441px) {
  #ap-lavande .g-fullscreen-container,
  #ArtDeco .g-fullscreen-container,
  #bleu-gris .g-fullscreen-container,
  #champagne .g-fullscreen-container,
  #EverBloom-II .g-fullscreen-container,
  #EverBloom .g-fullscreen-container,
  #Gemmyorama .g-fullscreen-container,
  #GemmyoramaInfluence .g-fullscreen-container,
  #gray-spinel .g-fullscreen-container,
  #joaillerie-collections-art-deco-avant-propos-html .g-fullscreen-container,
  #joaillerie-collections-primarosa-avant-propos-html .g-fullscreen-container,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-fullscreen-container,
  #lady-joaillerie .g-fullscreen-container,
  #lady-wedding .g-fullscreen-container,
  #lavander-spinel .g-fullscreen-container,
  #met .g-fullscreen-container,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-fullscreen-container,
  #paris-1901 .g-fullscreen-container,
  #PrimaRosa .g-fullscreen-container,
  #PrimaRosaChapitreII .g-fullscreen-container,
  #rendez-vous-creation .g-fullscreen-container,
  #retromantique .g-fullscreen-container,
  #retromilano-avant-propos .g-fullscreen-container,
  #retromilano .g-fullscreen-container,
  #saphir-vert .g-fullscreen-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#ap-lavande .g-fullscreen-container.g-fullscreen-container-colored,
#ArtDeco .g-fullscreen-container.g-fullscreen-container-colored,
#bleu-gris .g-fullscreen-container.g-fullscreen-container-colored,
#champagne .g-fullscreen-container.g-fullscreen-container-colored,
#EverBloom-II .g-fullscreen-container.g-fullscreen-container-colored,
#EverBloom .g-fullscreen-container.g-fullscreen-container-colored,
#Gemmyorama .g-fullscreen-container.g-fullscreen-container-colored,
#GemmyoramaInfluence .g-fullscreen-container.g-fullscreen-container-colored,
#gray-spinel .g-fullscreen-container.g-fullscreen-container-colored,
#joaillerie-collections-art-deco-avant-propos-html
  .g-fullscreen-container.g-fullscreen-container-colored,
#joaillerie-collections-primarosa-avant-propos-html
  .g-fullscreen-container.g-fullscreen-container-colored,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-fullscreen-container.g-fullscreen-container-colored,
#lady-joaillerie .g-fullscreen-container.g-fullscreen-container-colored,
#lady-wedding .g-fullscreen-container.g-fullscreen-container-colored,
#lavander-spinel .g-fullscreen-container.g-fullscreen-container-colored,
#met .g-fullscreen-container.g-fullscreen-container-colored,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-fullscreen-container.g-fullscreen-container-colored,
#paris-1901 .g-fullscreen-container.g-fullscreen-container-colored,
#PrimaRosa .g-fullscreen-container.g-fullscreen-container-colored,
#PrimaRosaChapitreII .g-fullscreen-container.g-fullscreen-container-colored,
#rendez-vous-creation .g-fullscreen-container.g-fullscreen-container-colored,
#retromantique .g-fullscreen-container.g-fullscreen-container-colored,
#retromilano-avant-propos
  .g-fullscreen-container.g-fullscreen-container-colored,
#retromilano .g-fullscreen-container.g-fullscreen-container-colored,
#saphir-vert .g-fullscreen-container.g-fullscreen-container-colored {
  background-color: #dddae8;
}
#ap-lavande .g-fullscreen-container .g-fullscreen-sub-container,
#ArtDeco .g-fullscreen-container .g-fullscreen-sub-container,
#bleu-gris .g-fullscreen-container .g-fullscreen-sub-container,
#champagne .g-fullscreen-container .g-fullscreen-sub-container,
#EverBloom-II .g-fullscreen-container .g-fullscreen-sub-container,
#EverBloom .g-fullscreen-container .g-fullscreen-sub-container,
#Gemmyorama .g-fullscreen-container .g-fullscreen-sub-container,
#GemmyoramaInfluence .g-fullscreen-container .g-fullscreen-sub-container,
#gray-spinel .g-fullscreen-container .g-fullscreen-sub-container,
#joaillerie-collections-art-deco-avant-propos-html
  .g-fullscreen-container
  .g-fullscreen-sub-container,
#joaillerie-collections-primarosa-avant-propos-html
  .g-fullscreen-container
  .g-fullscreen-sub-container,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-fullscreen-container
  .g-fullscreen-sub-container,
#lady-joaillerie .g-fullscreen-container .g-fullscreen-sub-container,
#lady-wedding .g-fullscreen-container .g-fullscreen-sub-container,
#lavander-spinel .g-fullscreen-container .g-fullscreen-sub-container,
#met .g-fullscreen-container .g-fullscreen-sub-container,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-fullscreen-container
  .g-fullscreen-sub-container,
#paris-1901 .g-fullscreen-container .g-fullscreen-sub-container,
#PrimaRosa .g-fullscreen-container .g-fullscreen-sub-container,
#PrimaRosaChapitreII .g-fullscreen-container .g-fullscreen-sub-container,
#rendez-vous-creation .g-fullscreen-container .g-fullscreen-sub-container,
#retromantique .g-fullscreen-container .g-fullscreen-sub-container,
#retromilano-avant-propos .g-fullscreen-container .g-fullscreen-sub-container,
#retromilano .g-fullscreen-container .g-fullscreen-sub-container,
#saphir-vert .g-fullscreen-container .g-fullscreen-sub-container {
  max-width: 1440px;
}
#ap-lavande .g-collection-intro,
#ArtDeco .g-collection-intro,
#bleu-gris .g-collection-intro,
#champagne .g-collection-intro,
#EverBloom-II .g-collection-intro,
#EverBloom .g-collection-intro,
#Gemmyorama .g-collection-intro,
#GemmyoramaInfluence .g-collection-intro,
#gray-spinel .g-collection-intro,
#joaillerie-collections-art-deco-avant-propos-html .g-collection-intro,
#joaillerie-collections-primarosa-avant-propos-html .g-collection-intro,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-collection-intro,
#lady-joaillerie .g-collection-intro,
#lady-wedding .g-collection-intro,
#lavander-spinel .g-collection-intro,
#met .g-collection-intro,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-collection-intro,
#paris-1901 .g-collection-intro,
#PrimaRosa .g-collection-intro,
#PrimaRosaChapitreII .g-collection-intro,
#rendez-vous-creation .g-collection-intro,
#retromantique .g-collection-intro,
#retromilano-avant-propos .g-collection-intro,
#retromilano .g-collection-intro,
#saphir-vert .g-collection-intro {
  max-width: 650px;
}
@media (min-width: 1200px) {
  #ap-lavande .g-collection-intro,
  #ArtDeco .g-collection-intro,
  #bleu-gris .g-collection-intro,
  #champagne .g-collection-intro,
  #EverBloom-II .g-collection-intro,
  #EverBloom .g-collection-intro,
  #Gemmyorama .g-collection-intro,
  #GemmyoramaInfluence .g-collection-intro,
  #gray-spinel .g-collection-intro,
  #joaillerie-collections-art-deco-avant-propos-html .g-collection-intro,
  #joaillerie-collections-primarosa-avant-propos-html .g-collection-intro,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-collection-intro,
  #lady-joaillerie .g-collection-intro,
  #lady-wedding .g-collection-intro,
  #lavander-spinel .g-collection-intro,
  #met .g-collection-intro,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-collection-intro,
  #paris-1901 .g-collection-intro,
  #PrimaRosa .g-collection-intro,
  #PrimaRosaChapitreII .g-collection-intro,
  #rendez-vous-creation .g-collection-intro,
  #retromantique .g-collection-intro,
  #retromilano-avant-propos .g-collection-intro,
  #retromilano .g-collection-intro,
  #saphir-vert .g-collection-intro {
    max-width: 750px;
  }
}
#ap-lavande .g-collection-block-title,
#ArtDeco .g-collection-block-title,
#bleu-gris .g-collection-block-title,
#champagne .g-collection-block-title,
#EverBloom-II .g-collection-block-title,
#EverBloom .g-collection-block-title,
#Gemmyorama .g-collection-block-title,
#GemmyoramaInfluence .g-collection-block-title,
#gray-spinel .g-collection-block-title,
#joaillerie-collections-art-deco-avant-propos-html .g-collection-block-title,
#joaillerie-collections-primarosa-avant-propos-html .g-collection-block-title,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-collection-block-title,
#lady-joaillerie .g-collection-block-title,
#lady-wedding .g-collection-block-title,
#lavander-spinel .g-collection-block-title,
#met .g-collection-block-title,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-collection-block-title,
#paris-1901 .g-collection-block-title,
#PrimaRosa .g-collection-block-title,
#PrimaRosaChapitreII .g-collection-block-title,
#rendez-vous-creation .g-collection-block-title,
#retromantique .g-collection-block-title,
#retromilano-avant-propos .g-collection-block-title,
#retromilano .g-collection-block-title,
#saphir-vert .g-collection-block-title {
  max-width: 420px;
}
#ap-lavande .g-collection-block-description,
#ArtDeco .g-collection-block-description,
#bleu-gris .g-collection-block-description,
#champagne .g-collection-block-description,
#EverBloom-II .g-collection-block-description,
#EverBloom .g-collection-block-description,
#Gemmyorama .g-collection-block-description,
#GemmyoramaInfluence .g-collection-block-description,
#gray-spinel .g-collection-block-description,
#joaillerie-collections-art-deco-avant-propos-html
  .g-collection-block-description,
#joaillerie-collections-primarosa-avant-propos-html
  .g-collection-block-description,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-collection-block-description,
#lady-joaillerie .g-collection-block-description,
#lady-wedding .g-collection-block-description,
#lavander-spinel .g-collection-block-description,
#met .g-collection-block-description,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-collection-block-description,
#paris-1901 .g-collection-block-description,
#PrimaRosa .g-collection-block-description,
#PrimaRosaChapitreII .g-collection-block-description,
#rendez-vous-creation .g-collection-block-description,
#retromantique .g-collection-block-description,
#retromilano-avant-propos .g-collection-block-description,
#retromilano .g-collection-block-description,
#saphir-vert .g-collection-block-description {
  max-width: 94%;
}
#ap-lavande .haute-jo-container,
#ArtDeco .haute-jo-container,
#bleu-gris .haute-jo-container,
#champagne .haute-jo-container,
#EverBloom-II .haute-jo-container,
#EverBloom .haute-jo-container,
#Gemmyorama .haute-jo-container,
#GemmyoramaInfluence .haute-jo-container,
#gray-spinel .haute-jo-container,
#joaillerie-collections-art-deco-avant-propos-html .haute-jo-container,
#joaillerie-collections-primarosa-avant-propos-html .haute-jo-container,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container,
#lady-joaillerie .haute-jo-container,
#lady-wedding .haute-jo-container,
#lavander-spinel .haute-jo-container,
#met .haute-jo-container,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container,
#paris-1901 .haute-jo-container,
#PrimaRosa .haute-jo-container,
#PrimaRosaChapitreII .haute-jo-container,
#rendez-vous-creation .haute-jo-container,
#retromantique .haute-jo-container,
#retromilano-avant-propos .haute-jo-container,
#retromilano .haute-jo-container,
#saphir-vert .haute-jo-container {
  background: #4d6863;
}
@media (min-width: 1441px) {
  #ap-lavande .haute-jo-container,
  #ArtDeco .haute-jo-container,
  #bleu-gris .haute-jo-container,
  #champagne .haute-jo-container,
  #EverBloom-II .haute-jo-container,
  #EverBloom .haute-jo-container,
  #Gemmyorama .haute-jo-container,
  #GemmyoramaInfluence .haute-jo-container,
  #gray-spinel .haute-jo-container,
  #joaillerie-collections-art-deco-avant-propos-html .haute-jo-container,
  #joaillerie-collections-primarosa-avant-propos-html .haute-jo-container,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container,
  #lady-joaillerie .haute-jo-container,
  #lady-wedding .haute-jo-container,
  #lavander-spinel .haute-jo-container,
  #met .haute-jo-container,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container,
  #paris-1901 .haute-jo-container,
  #PrimaRosa .haute-jo-container,
  #PrimaRosaChapitreII .haute-jo-container,
  #rendez-vous-creation .haute-jo-container,
  #retromantique .haute-jo-container,
  #retromilano-avant-propos .haute-jo-container,
  #retromilano .haute-jo-container,
  #saphir-vert .haute-jo-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#ap-lavande .haute-jo-container .haute-jo-container-sub-container,
#ArtDeco .haute-jo-container .haute-jo-container-sub-container,
#bleu-gris .haute-jo-container .haute-jo-container-sub-container,
#champagne .haute-jo-container .haute-jo-container-sub-container,
#EverBloom-II .haute-jo-container .haute-jo-container-sub-container,
#EverBloom .haute-jo-container .haute-jo-container-sub-container,
#Gemmyorama .haute-jo-container .haute-jo-container-sub-container,
#GemmyoramaInfluence .haute-jo-container .haute-jo-container-sub-container,
#gray-spinel .haute-jo-container .haute-jo-container-sub-container,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container
  .haute-jo-container-sub-container,
#joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .haute-jo-container-sub-container,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .haute-jo-container-sub-container,
#lady-joaillerie .haute-jo-container .haute-jo-container-sub-container,
#lady-wedding .haute-jo-container .haute-jo-container-sub-container,
#lavander-spinel .haute-jo-container .haute-jo-container-sub-container,
#met .haute-jo-container .haute-jo-container-sub-container,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .haute-jo-container-sub-container,
#paris-1901 .haute-jo-container .haute-jo-container-sub-container,
#PrimaRosa .haute-jo-container .haute-jo-container-sub-container,
#PrimaRosaChapitreII .haute-jo-container .haute-jo-container-sub-container,
#rendez-vous-creation .haute-jo-container .haute-jo-container-sub-container,
#retromantique .haute-jo-container .haute-jo-container-sub-container,
#retromilano-avant-propos .haute-jo-container .haute-jo-container-sub-container,
#retromilano .haute-jo-container .haute-jo-container-sub-container,
#saphir-vert .haute-jo-container .haute-jo-container-sub-container {
  max-width: 1440px;
}
@media (min-width: 768px) {
  #ap-lavande .haute-jo-container .haute-jo-container-sub-container,
  #ArtDeco .haute-jo-container .haute-jo-container-sub-container,
  #bleu-gris .haute-jo-container .haute-jo-container-sub-container,
  #champagne .haute-jo-container .haute-jo-container-sub-container,
  #EverBloom-II .haute-jo-container .haute-jo-container-sub-container,
  #EverBloom .haute-jo-container .haute-jo-container-sub-container,
  #Gemmyorama .haute-jo-container .haute-jo-container-sub-container,
  #GemmyoramaInfluence .haute-jo-container .haute-jo-container-sub-container,
  #gray-spinel .haute-jo-container .haute-jo-container-sub-container,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container
    .haute-jo-container-sub-container,
  #joaillerie-collections-primarosa-avant-propos-html
    .haute-jo-container
    .haute-jo-container-sub-container,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container
    .haute-jo-container-sub-container,
  #lady-joaillerie .haute-jo-container .haute-jo-container-sub-container,
  #lady-wedding .haute-jo-container .haute-jo-container-sub-container,
  #lavander-spinel .haute-jo-container .haute-jo-container-sub-container,
  #met .haute-jo-container .haute-jo-container-sub-container,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container
    .haute-jo-container-sub-container,
  #paris-1901 .haute-jo-container .haute-jo-container-sub-container,
  #PrimaRosa .haute-jo-container .haute-jo-container-sub-container,
  #PrimaRosaChapitreII .haute-jo-container .haute-jo-container-sub-container,
  #rendez-vous-creation .haute-jo-container .haute-jo-container-sub-container,
  #retromantique .haute-jo-container .haute-jo-container-sub-container,
  #retromilano-avant-propos
    .haute-jo-container
    .haute-jo-container-sub-container,
  #retromilano .haute-jo-container .haute-jo-container-sub-container,
  #saphir-vert .haute-jo-container .haute-jo-container-sub-container {
    padding: 75px 0;
  }
}
#ap-lavande .haute-jo-container .svg-paris-1901-prima,
#ArtDeco .haute-jo-container .svg-paris-1901-prima,
#bleu-gris .haute-jo-container .svg-paris-1901-prima,
#champagne .haute-jo-container .svg-paris-1901-prima,
#EverBloom-II .haute-jo-container .svg-paris-1901-prima,
#EverBloom .haute-jo-container .svg-paris-1901-prima,
#Gemmyorama .haute-jo-container .svg-paris-1901-prima,
#GemmyoramaInfluence .haute-jo-container .svg-paris-1901-prima,
#gray-spinel .haute-jo-container .svg-paris-1901-prima,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container
  .svg-paris-1901-prima,
#joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .svg-paris-1901-prima,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .svg-paris-1901-prima,
#lady-joaillerie .haute-jo-container .svg-paris-1901-prima,
#lady-wedding .haute-jo-container .svg-paris-1901-prima,
#lavander-spinel .haute-jo-container .svg-paris-1901-prima,
#met .haute-jo-container .svg-paris-1901-prima,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .svg-paris-1901-prima,
#paris-1901 .haute-jo-container .svg-paris-1901-prima,
#PrimaRosa .haute-jo-container .svg-paris-1901-prima,
#PrimaRosaChapitreII .haute-jo-container .svg-paris-1901-prima,
#rendez-vous-creation .haute-jo-container .svg-paris-1901-prima,
#retromantique .haute-jo-container .svg-paris-1901-prima,
#retromilano-avant-propos .haute-jo-container .svg-paris-1901-prima,
#retromilano .haute-jo-container .svg-paris-1901-prima,
#saphir-vert .haute-jo-container .svg-paris-1901-prima {
  width: 300px;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  #ap-lavande .haute-jo-container .svg-paris-1901-prima,
  #ArtDeco .haute-jo-container .svg-paris-1901-prima,
  #bleu-gris .haute-jo-container .svg-paris-1901-prima,
  #champagne .haute-jo-container .svg-paris-1901-prima,
  #EverBloom-II .haute-jo-container .svg-paris-1901-prima,
  #EverBloom .haute-jo-container .svg-paris-1901-prima,
  #Gemmyorama .haute-jo-container .svg-paris-1901-prima,
  #GemmyoramaInfluence .haute-jo-container .svg-paris-1901-prima,
  #gray-spinel .haute-jo-container .svg-paris-1901-prima,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container
    .svg-paris-1901-prima,
  #joaillerie-collections-primarosa-avant-propos-html
    .haute-jo-container
    .svg-paris-1901-prima,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container
    .svg-paris-1901-prima,
  #lady-joaillerie .haute-jo-container .svg-paris-1901-prima,
  #lady-wedding .haute-jo-container .svg-paris-1901-prima,
  #lavander-spinel .haute-jo-container .svg-paris-1901-prima,
  #met .haute-jo-container .svg-paris-1901-prima,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container
    .svg-paris-1901-prima,
  #paris-1901 .haute-jo-container .svg-paris-1901-prima,
  #PrimaRosa .haute-jo-container .svg-paris-1901-prima,
  #PrimaRosaChapitreII .haute-jo-container .svg-paris-1901-prima,
  #rendez-vous-creation .haute-jo-container .svg-paris-1901-prima,
  #retromantique .haute-jo-container .svg-paris-1901-prima,
  #retromilano-avant-propos .haute-jo-container .svg-paris-1901-prima,
  #retromilano .haute-jo-container .svg-paris-1901-prima,
  #saphir-vert .haute-jo-container .svg-paris-1901-prima {
    width: 350px;
  }
}
#ap-lavande .haute-jo-container .g-cat-subtext,
#ap-lavande .haute-jo-container .g-popin--dialog .vex-dialog-button,
#ap-lavande .haute-jo-container .g-serif-l2,
#ap-lavande .haute-jo-container .g-serif-l2-not-underlined,
#ap-lavande .haute-jo-container .g-serif-text,
#ap-lavande .haute-jo-container .gem-btn,
#ArtDeco .haute-jo-container .g-cat-subtext,
#ArtDeco .haute-jo-container .g-popin--dialog .vex-dialog-button,
#ArtDeco .haute-jo-container .g-serif-l2,
#ArtDeco .haute-jo-container .g-serif-l2-not-underlined,
#ArtDeco .haute-jo-container .g-serif-text,
#ArtDeco .haute-jo-container .gem-btn,
#bleu-gris .haute-jo-container .g-cat-subtext,
#bleu-gris .haute-jo-container .g-popin--dialog .vex-dialog-button,
#bleu-gris .haute-jo-container .g-serif-l2,
#bleu-gris .haute-jo-container .g-serif-l2-not-underlined,
#bleu-gris .haute-jo-container .g-serif-text,
#bleu-gris .haute-jo-container .gem-btn,
#champagne .haute-jo-container .g-cat-subtext,
#champagne .haute-jo-container .g-popin--dialog .vex-dialog-button,
#champagne .haute-jo-container .g-serif-l2,
#champagne .haute-jo-container .g-serif-l2-not-underlined,
#champagne .haute-jo-container .g-serif-text,
#champagne .haute-jo-container .gem-btn,
#EverBloom-II .haute-jo-container .g-cat-subtext,
#EverBloom-II .haute-jo-container .g-popin--dialog .vex-dialog-button,
#EverBloom-II .haute-jo-container .g-serif-l2,
#EverBloom-II .haute-jo-container .g-serif-l2-not-underlined,
#EverBloom-II .haute-jo-container .g-serif-text,
#EverBloom-II .haute-jo-container .gem-btn,
#EverBloom .haute-jo-container .g-cat-subtext,
#EverBloom .haute-jo-container .g-popin--dialog .vex-dialog-button,
#EverBloom .haute-jo-container .g-serif-l2,
#EverBloom .haute-jo-container .g-serif-l2-not-underlined,
#EverBloom .haute-jo-container .g-serif-text,
#EverBloom .haute-jo-container .gem-btn,
#Gemmyorama .haute-jo-container .g-cat-subtext,
#Gemmyorama .haute-jo-container .g-popin--dialog .vex-dialog-button,
#Gemmyorama .haute-jo-container .g-serif-l2,
#Gemmyorama .haute-jo-container .g-serif-l2-not-underlined,
#Gemmyorama .haute-jo-container .g-serif-text,
#Gemmyorama .haute-jo-container .gem-btn,
#GemmyoramaInfluence .haute-jo-container .g-cat-subtext,
#GemmyoramaInfluence .haute-jo-container .g-popin--dialog .vex-dialog-button,
#GemmyoramaInfluence .haute-jo-container .g-serif-l2,
#GemmyoramaInfluence .haute-jo-container .g-serif-l2-not-underlined,
#GemmyoramaInfluence .haute-jo-container .g-serif-text,
#GemmyoramaInfluence .haute-jo-container .gem-btn,
#gray-spinel .haute-jo-container .g-cat-subtext,
#gray-spinel .haute-jo-container .g-popin--dialog .vex-dialog-button,
#gray-spinel .haute-jo-container .g-serif-l2,
#gray-spinel .haute-jo-container .g-serif-l2-not-underlined,
#gray-spinel .haute-jo-container .g-serif-text,
#gray-spinel .haute-jo-container .gem-btn,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container
  .g-cat-subtext,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container
  .g-popin--dialog
  .vex-dialog-button,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container
  .g-serif-l2,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container
  .g-serif-l2-not-underlined,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container
  .g-serif-text,
#joaillerie-collections-art-deco-avant-propos-html .haute-jo-container .gem-btn,
#joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .g-cat-subtext,
#joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .g-popin--dialog
  .vex-dialog-button,
#joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .g-serif-l2,
#joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .g-serif-l2-not-underlined,
#joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .g-serif-text,
#joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .gem-btn,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .g-cat-subtext,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .g-popin--dialog
  .vex-dialog-button,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .g-serif-l2,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .g-serif-l2-not-underlined,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .g-serif-text,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .gem-btn,
#lady-joaillerie .haute-jo-container .g-cat-subtext,
#lady-joaillerie .haute-jo-container .g-popin--dialog .vex-dialog-button,
#lady-joaillerie .haute-jo-container .g-serif-l2,
#lady-joaillerie .haute-jo-container .g-serif-l2-not-underlined,
#lady-joaillerie .haute-jo-container .g-serif-text,
#lady-joaillerie .haute-jo-container .gem-btn,
#lady-wedding .haute-jo-container .g-cat-subtext,
#lady-wedding .haute-jo-container .g-popin--dialog .vex-dialog-button,
#lady-wedding .haute-jo-container .g-serif-l2,
#lady-wedding .haute-jo-container .g-serif-l2-not-underlined,
#lady-wedding .haute-jo-container .g-serif-text,
#lady-wedding .haute-jo-container .gem-btn,
#lavander-spinel .haute-jo-container .g-cat-subtext,
#lavander-spinel .haute-jo-container .g-popin--dialog .vex-dialog-button,
#lavander-spinel .haute-jo-container .g-serif-l2,
#lavander-spinel .haute-jo-container .g-serif-l2-not-underlined,
#lavander-spinel .haute-jo-container .g-serif-text,
#lavander-spinel .haute-jo-container .gem-btn,
#met .haute-jo-container .g-cat-subtext,
#met .haute-jo-container .g-popin--dialog .vex-dialog-button,
#met .haute-jo-container .g-serif-l2,
#met .haute-jo-container .g-serif-l2-not-underlined,
#met .haute-jo-container .g-serif-text,
#met .haute-jo-container .gem-btn,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .g-cat-subtext,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .g-popin--dialog
  .vex-dialog-button,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .g-serif-l2,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .g-serif-l2-not-underlined,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .g-serif-text,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .gem-btn,
#paris-1901 .haute-jo-container .g-cat-subtext,
#paris-1901 .haute-jo-container .g-popin--dialog .vex-dialog-button,
#paris-1901 .haute-jo-container .g-serif-l2,
#paris-1901 .haute-jo-container .g-serif-l2-not-underlined,
#paris-1901 .haute-jo-container .g-serif-text,
#paris-1901 .haute-jo-container .gem-btn,
#PrimaRosa .haute-jo-container .g-cat-subtext,
#PrimaRosa .haute-jo-container .g-popin--dialog .vex-dialog-button,
#PrimaRosa .haute-jo-container .g-serif-l2,
#PrimaRosa .haute-jo-container .g-serif-l2-not-underlined,
#PrimaRosa .haute-jo-container .g-serif-text,
#PrimaRosa .haute-jo-container .gem-btn,
#PrimaRosaChapitreII .haute-jo-container .g-cat-subtext,
#PrimaRosaChapitreII .haute-jo-container .g-popin--dialog .vex-dialog-button,
#PrimaRosaChapitreII .haute-jo-container .g-serif-l2,
#PrimaRosaChapitreII .haute-jo-container .g-serif-l2-not-underlined,
#PrimaRosaChapitreII .haute-jo-container .g-serif-text,
#PrimaRosaChapitreII .haute-jo-container .gem-btn,
#rendez-vous-creation .haute-jo-container .g-cat-subtext,
#rendez-vous-creation .haute-jo-container .g-popin--dialog .vex-dialog-button,
#rendez-vous-creation .haute-jo-container .g-serif-l2,
#rendez-vous-creation .haute-jo-container .g-serif-l2-not-underlined,
#rendez-vous-creation .haute-jo-container .g-serif-text,
#rendez-vous-creation .haute-jo-container .gem-btn,
#retromantique .haute-jo-container .g-cat-subtext,
#retromantique .haute-jo-container .g-popin--dialog .vex-dialog-button,
#retromantique .haute-jo-container .g-serif-l2,
#retromantique .haute-jo-container .g-serif-l2-not-underlined,
#retromantique .haute-jo-container .g-serif-text,
#retromantique .haute-jo-container .gem-btn,
#retromilano-avant-propos .haute-jo-container .g-cat-subtext,
#retromilano-avant-propos
  .haute-jo-container
  .g-popin--dialog
  .vex-dialog-button,
#retromilano-avant-propos .haute-jo-container .g-serif-l2,
#retromilano-avant-propos .haute-jo-container .g-serif-l2-not-underlined,
#retromilano-avant-propos .haute-jo-container .g-serif-text,
#retromilano-avant-propos .haute-jo-container .gem-btn,
#retromilano .haute-jo-container .g-cat-subtext,
#retromilano .haute-jo-container .g-popin--dialog .vex-dialog-button,
#retromilano .haute-jo-container .g-serif-l2,
#retromilano .haute-jo-container .g-serif-l2-not-underlined,
#retromilano .haute-jo-container .g-serif-text,
#retromilano .haute-jo-container .gem-btn,
#saphir-vert .haute-jo-container .g-cat-subtext,
#saphir-vert .haute-jo-container .g-popin--dialog .vex-dialog-button,
#saphir-vert .haute-jo-container .g-serif-l2,
#saphir-vert .haute-jo-container .g-serif-l2-not-underlined,
#saphir-vert .haute-jo-container .g-serif-text,
#saphir-vert .haute-jo-container .gem-btn,
.g-popin--dialog #ap-lavande .haute-jo-container .vex-dialog-button,
.g-popin--dialog #ArtDeco .haute-jo-container .vex-dialog-button,
.g-popin--dialog #bleu-gris .haute-jo-container .vex-dialog-button,
.g-popin--dialog #champagne .haute-jo-container .vex-dialog-button,
.g-popin--dialog #EverBloom-II .haute-jo-container .vex-dialog-button,
.g-popin--dialog #EverBloom .haute-jo-container .vex-dialog-button,
.g-popin--dialog #Gemmyorama .haute-jo-container .vex-dialog-button,
.g-popin--dialog #GemmyoramaInfluence .haute-jo-container .vex-dialog-button,
.g-popin--dialog #gray-spinel .haute-jo-container .vex-dialog-button,
.g-popin--dialog
  #joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container
  .vex-dialog-button,
.g-popin--dialog
  #joaillerie-collections-primarosa-avant-propos-html
  .haute-jo-container
  .vex-dialog-button,
.g-popin--dialog
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container
  .vex-dialog-button,
.g-popin--dialog #lady-joaillerie .haute-jo-container .vex-dialog-button,
.g-popin--dialog #lady-wedding .haute-jo-container .vex-dialog-button,
.g-popin--dialog #lavander-spinel .haute-jo-container .vex-dialog-button,
.g-popin--dialog #met .haute-jo-container .vex-dialog-button,
.g-popin--dialog
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container
  .vex-dialog-button,
.g-popin--dialog #paris-1901 .haute-jo-container .vex-dialog-button,
.g-popin--dialog #PrimaRosa .haute-jo-container .vex-dialog-button,
.g-popin--dialog #PrimaRosaChapitreII .haute-jo-container .vex-dialog-button,
.g-popin--dialog #rendez-vous-creation .haute-jo-container .vex-dialog-button,
.g-popin--dialog #retromantique .haute-jo-container .vex-dialog-button,
.g-popin--dialog
  #retromilano-avant-propos
  .haute-jo-container
  .vex-dialog-button,
.g-popin--dialog #retromilano .haute-jo-container .vex-dialog-button,
.g-popin--dialog #saphir-vert .haute-jo-container .vex-dialog-button {
  color: #fff;
}
#ap-lavande .h-width-retromantique,
#ArtDeco .h-width-retromantique,
#bleu-gris .h-width-retromantique,
#champagne .h-width-retromantique,
#EverBloom-II .h-width-retromantique,
#EverBloom .h-width-retromantique,
#Gemmyorama .h-width-retromantique,
#GemmyoramaInfluence .h-width-retromantique,
#gray-spinel .h-width-retromantique,
#joaillerie-collections-art-deco-avant-propos-html .h-width-retromantique,
#joaillerie-collections-primarosa-avant-propos-html .h-width-retromantique,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .h-width-retromantique,
#lady-joaillerie .h-width-retromantique,
#lady-wedding .h-width-retromantique,
#lavander-spinel .h-width-retromantique,
#met .h-width-retromantique,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .h-width-retromantique,
#paris-1901 .h-width-retromantique,
#PrimaRosa .h-width-retromantique,
#PrimaRosaChapitreII .h-width-retromantique,
#rendez-vous-creation .h-width-retromantique,
#retromantique .h-width-retromantique,
#retromilano-avant-propos .h-width-retromantique,
#retromilano .h-width-retromantique,
#saphir-vert .h-width-retromantique {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  #ap-lavande .h-width-retromantique,
  #ArtDeco .h-width-retromantique,
  #bleu-gris .h-width-retromantique,
  #champagne .h-width-retromantique,
  #EverBloom-II .h-width-retromantique,
  #EverBloom .h-width-retromantique,
  #Gemmyorama .h-width-retromantique,
  #GemmyoramaInfluence .h-width-retromantique,
  #gray-spinel .h-width-retromantique,
  #joaillerie-collections-art-deco-avant-propos-html .h-width-retromantique,
  #joaillerie-collections-primarosa-avant-propos-html .h-width-retromantique,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .h-width-retromantique,
  #lady-joaillerie .h-width-retromantique,
  #lady-wedding .h-width-retromantique,
  #lavander-spinel .h-width-retromantique,
  #met .h-width-retromantique,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .h-width-retromantique,
  #paris-1901 .h-width-retromantique,
  #PrimaRosa .h-width-retromantique,
  #PrimaRosaChapitreII .h-width-retromantique,
  #rendez-vous-creation .h-width-retromantique,
  #retromantique .h-width-retromantique,
  #retromilano-avant-propos .h-width-retromantique,
  #retromilano .h-width-retromantique,
  #saphir-vert .h-width-retromantique {
    max-width: 20% !important;
  }
}
#ap-lavande .width-retromantique,
#ArtDeco .width-retromantique,
#bleu-gris .width-retromantique,
#champagne .width-retromantique,
#EverBloom-II .width-retromantique,
#EverBloom .width-retromantique,
#Gemmyorama .width-retromantique,
#GemmyoramaInfluence .width-retromantique,
#gray-spinel .width-retromantique,
#joaillerie-collections-art-deco-avant-propos-html .width-retromantique,
#joaillerie-collections-primarosa-avant-propos-html .width-retromantique,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .width-retromantique,
#lady-joaillerie .width-retromantique,
#lady-wedding .width-retromantique,
#lavander-spinel .width-retromantique,
#met .width-retromantique,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .width-retromantique,
#paris-1901 .width-retromantique,
#PrimaRosa .width-retromantique,
#PrimaRosaChapitreII .width-retromantique,
#rendez-vous-creation .width-retromantique,
#retromantique .width-retromantique,
#retromilano-avant-propos .width-retromantique,
#retromilano .width-retromantique,
#saphir-vert .width-retromantique {
  max-width: 95%;
}
@media (max-width: 767px) {
  #ap-lavande .width-retromantique,
  #ArtDeco .width-retromantique,
  #bleu-gris .width-retromantique,
  #champagne .width-retromantique,
  #EverBloom-II .width-retromantique,
  #EverBloom .width-retromantique,
  #Gemmyorama .width-retromantique,
  #GemmyoramaInfluence .width-retromantique,
  #gray-spinel .width-retromantique,
  #joaillerie-collections-art-deco-avant-propos-html .width-retromantique,
  #joaillerie-collections-primarosa-avant-propos-html .width-retromantique,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .width-retromantique,
  #lady-joaillerie .width-retromantique,
  #lady-wedding .width-retromantique,
  #lavander-spinel .width-retromantique,
  #met .width-retromantique,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .width-retromantique,
  #paris-1901 .width-retromantique,
  #PrimaRosa .width-retromantique,
  #PrimaRosaChapitreII .width-retromantique,
  #rendez-vous-creation .width-retromantique,
  #retromantique .width-retromantique,
  #retromilano-avant-propos .width-retromantique,
  #retromilano .width-retromantique,
  #saphir-vert .width-retromantique {
    max-width: 100%;
  }
}
#ap-lavande .g-col--third-1,
#ArtDeco .g-col--third-1,
#bleu-gris .g-col--third-1,
#champagne .g-col--third-1,
#EverBloom-II .g-col--third-1,
#EverBloom .g-col--third-1,
#Gemmyorama .g-col--third-1,
#GemmyoramaInfluence .g-col--third-1,
#gray-spinel .g-col--third-1,
#joaillerie-collections-art-deco-avant-propos-html .g-col--third-1,
#joaillerie-collections-primarosa-avant-propos-html .g-col--third-1,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-col--third-1,
#lady-joaillerie .g-col--third-1,
#lady-wedding .g-col--third-1,
#lavander-spinel .g-col--third-1,
#met .g-col--third-1,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--third-1,
#paris-1901 .g-col--third-1,
#PrimaRosa .g-col--third-1,
#PrimaRosaChapitreII .g-col--third-1,
#rendez-vous-creation .g-col--third-1,
#retromantique .g-col--third-1,
#retromilano-avant-propos .g-col--third-1,
#retromilano .g-col--third-1,
#saphir-vert .g-col--third-1 {
  max-width: 520px;
  max-height: 630px;
}
@media (max-width: 768px) {
  #ap-lavande .g-col--third-1,
  #ArtDeco .g-col--third-1,
  #bleu-gris .g-col--third-1,
  #champagne .g-col--third-1,
  #EverBloom-II .g-col--third-1,
  #EverBloom .g-col--third-1,
  #Gemmyorama .g-col--third-1,
  #GemmyoramaInfluence .g-col--third-1,
  #gray-spinel .g-col--third-1,
  #joaillerie-collections-art-deco-avant-propos-html .g-col--third-1,
  #joaillerie-collections-primarosa-avant-propos-html .g-col--third-1,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--third-1,
  #lady-joaillerie .g-col--third-1,
  #lady-wedding .g-col--third-1,
  #lavander-spinel .g-col--third-1,
  #met .g-col--third-1,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--third-1,
  #paris-1901 .g-col--third-1,
  #PrimaRosa .g-col--third-1,
  #PrimaRosaChapitreII .g-col--third-1,
  #rendez-vous-creation .g-col--third-1,
  #retromantique .g-col--third-1,
  #retromilano-avant-propos .g-col--third-1,
  #retromilano .g-col--third-1,
  #saphir-vert .g-col--third-1 {
    max-width: 420px;
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #ap-lavande .g-col--third-1,
  #ArtDeco .g-col--third-1,
  #bleu-gris .g-col--third-1,
  #champagne .g-col--third-1,
  #EverBloom-II .g-col--third-1,
  #EverBloom .g-col--third-1,
  #Gemmyorama .g-col--third-1,
  #GemmyoramaInfluence .g-col--third-1,
  #gray-spinel .g-col--third-1,
  #joaillerie-collections-art-deco-avant-propos-html .g-col--third-1,
  #joaillerie-collections-primarosa-avant-propos-html .g-col--third-1,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--third-1,
  #lady-joaillerie .g-col--third-1,
  #lady-wedding .g-col--third-1,
  #lavander-spinel .g-col--third-1,
  #met .g-col--third-1,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--third-1,
  #paris-1901 .g-col--third-1,
  #PrimaRosa .g-col--third-1,
  #PrimaRosaChapitreII .g-col--third-1,
  #rendez-vous-creation .g-col--third-1,
  #retromantique .g-col--third-1,
  #retromilano-avant-propos .g-col--third-1,
  #retromilano .g-col--third-1,
  #saphir-vert .g-col--third-1 {
    max-width: 450px;
  }
}
@media (max-width: 767px) {
  #ap-lavande .g-col--third-1.half-mobile,
  #ArtDeco .g-col--third-1.half-mobile,
  #bleu-gris .g-col--third-1.half-mobile,
  #champagne .g-col--third-1.half-mobile,
  #EverBloom-II .g-col--third-1.half-mobile,
  #EverBloom .g-col--third-1.half-mobile,
  #Gemmyorama .g-col--third-1.half-mobile,
  #GemmyoramaInfluence .g-col--third-1.half-mobile,
  #gray-spinel .g-col--third-1.half-mobile,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--third-1.half-mobile,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--third-1.half-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--third-1.half-mobile,
  #lady-joaillerie .g-col--third-1.half-mobile,
  #lady-wedding .g-col--third-1.half-mobile,
  #lavander-spinel .g-col--third-1.half-mobile,
  #met .g-col--third-1.half-mobile,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--third-1.half-mobile,
  #paris-1901 .g-col--third-1.half-mobile,
  #PrimaRosa .g-col--third-1.half-mobile,
  #PrimaRosaChapitreII .g-col--third-1.half-mobile,
  #rendez-vous-creation .g-col--third-1.half-mobile,
  #retromantique .g-col--third-1.half-mobile,
  #retromilano-avant-propos .g-col--third-1.half-mobile,
  #retromilano .g-col--third-1.half-mobile,
  #saphir-vert .g-col--third-1.half-mobile {
    width: 48%;
  }
}
#ap-lavande .g-col--third-2,
#ArtDeco .g-col--third-2,
#bleu-gris .g-col--third-2,
#champagne .g-col--third-2,
#EverBloom-II .g-col--third-2,
#EverBloom .g-col--third-2,
#Gemmyorama .g-col--third-2,
#GemmyoramaInfluence .g-col--third-2,
#gray-spinel .g-col--third-2,
#joaillerie-collections-art-deco-avant-propos-html .g-col--third-2,
#joaillerie-collections-primarosa-avant-propos-html .g-col--third-2,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-col--third-2,
#lady-joaillerie .g-col--third-2,
#lady-wedding .g-col--third-2,
#lavander-spinel .g-col--third-2,
#met .g-col--third-2,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--third-2,
#paris-1901 .g-col--third-2,
#PrimaRosa .g-col--third-2,
#PrimaRosaChapitreII .g-col--third-2,
#rendez-vous-creation .g-col--third-2,
#retromantique .g-col--third-2,
#retromilano-avant-propos .g-col--third-2,
#retromilano .g-col--third-2,
#saphir-vert .g-col--third-2 {
  max-width: 370px;
  max-height: 630px;
}
@media (max-width: 768px) {
  #ap-lavande .g-col--third-2,
  #ArtDeco .g-col--third-2,
  #bleu-gris .g-col--third-2,
  #champagne .g-col--third-2,
  #EverBloom-II .g-col--third-2,
  #EverBloom .g-col--third-2,
  #Gemmyorama .g-col--third-2,
  #GemmyoramaInfluence .g-col--third-2,
  #gray-spinel .g-col--third-2,
  #joaillerie-collections-art-deco-avant-propos-html .g-col--third-2,
  #joaillerie-collections-primarosa-avant-propos-html .g-col--third-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--third-2,
  #lady-joaillerie .g-col--third-2,
  #lady-wedding .g-col--third-2,
  #lavander-spinel .g-col--third-2,
  #met .g-col--third-2,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--third-2,
  #paris-1901 .g-col--third-2,
  #PrimaRosa .g-col--third-2,
  #PrimaRosaChapitreII .g-col--third-2,
  #rendez-vous-creation .g-col--third-2,
  #retromantique .g-col--third-2,
  #retromilano-avant-propos .g-col--third-2,
  #retromilano .g-col--third-2,
  #saphir-vert .g-col--third-2 {
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  #ap-lavande .g-col--third-2.half-mobile,
  #ArtDeco .g-col--third-2.half-mobile,
  #bleu-gris .g-col--third-2.half-mobile,
  #champagne .g-col--third-2.half-mobile,
  #EverBloom-II .g-col--third-2.half-mobile,
  #EverBloom .g-col--third-2.half-mobile,
  #Gemmyorama .g-col--third-2.half-mobile,
  #GemmyoramaInfluence .g-col--third-2.half-mobile,
  #gray-spinel .g-col--third-2.half-mobile,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--third-2.half-mobile,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--third-2.half-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--third-2.half-mobile,
  #lady-joaillerie .g-col--third-2.half-mobile,
  #lady-wedding .g-col--third-2.half-mobile,
  #lavander-spinel .g-col--third-2.half-mobile,
  #met .g-col--third-2.half-mobile,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--third-2.half-mobile,
  #paris-1901 .g-col--third-2.half-mobile,
  #PrimaRosa .g-col--third-2.half-mobile,
  #PrimaRosaChapitreII .g-col--third-2.half-mobile,
  #rendez-vous-creation .g-col--third-2.half-mobile,
  #retromantique .g-col--third-2.half-mobile,
  #retromilano-avant-propos .g-col--third-2.half-mobile,
  #retromilano .g-col--third-2.half-mobile,
  #saphir-vert .g-col--third-2.half-mobile {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #ap-lavande .mobile-order-1,
  #ArtDeco .mobile-order-1,
  #bleu-gris .mobile-order-1,
  #champagne .mobile-order-1,
  #EverBloom-II .mobile-order-1,
  #EverBloom .mobile-order-1,
  #Gemmyorama .mobile-order-1,
  #GemmyoramaInfluence .mobile-order-1,
  #gray-spinel .mobile-order-1,
  #joaillerie-collections-art-deco-avant-propos-html .mobile-order-1,
  #joaillerie-collections-primarosa-avant-propos-html .mobile-order-1,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .mobile-order-1,
  #lady-joaillerie .mobile-order-1,
  #lady-wedding .mobile-order-1,
  #lavander-spinel .mobile-order-1,
  #met .mobile-order-1,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .mobile-order-1,
  #paris-1901 .mobile-order-1,
  #PrimaRosa .mobile-order-1,
  #PrimaRosaChapitreII .mobile-order-1,
  #rendez-vous-creation .mobile-order-1,
  #retromantique .mobile-order-1,
  #retromilano-avant-propos .mobile-order-1,
  #retromilano .mobile-order-1,
  #saphir-vert .mobile-order-1 {
    order: 1;
  }
}
@media (max-width: 767px) {
  #ap-lavande .mobile-order-2,
  #ArtDeco .mobile-order-2,
  #bleu-gris .mobile-order-2,
  #champagne .mobile-order-2,
  #EverBloom-II .mobile-order-2,
  #EverBloom .mobile-order-2,
  #Gemmyorama .mobile-order-2,
  #GemmyoramaInfluence .mobile-order-2,
  #gray-spinel .mobile-order-2,
  #joaillerie-collections-art-deco-avant-propos-html .mobile-order-2,
  #joaillerie-collections-primarosa-avant-propos-html .mobile-order-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .mobile-order-2,
  #lady-joaillerie .mobile-order-2,
  #lady-wedding .mobile-order-2,
  #lavander-spinel .mobile-order-2,
  #met .mobile-order-2,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .mobile-order-2,
  #paris-1901 .mobile-order-2,
  #PrimaRosa .mobile-order-2,
  #PrimaRosaChapitreII .mobile-order-2,
  #rendez-vous-creation .mobile-order-2,
  #retromantique .mobile-order-2,
  #retromilano-avant-propos .mobile-order-2,
  #retromilano .mobile-order-2,
  #saphir-vert .mobile-order-2 {
    order: 2;
  }
}
@media (max-width: 767px) {
  #ap-lavande .mobile-order-3,
  #ArtDeco .mobile-order-3,
  #bleu-gris .mobile-order-3,
  #champagne .mobile-order-3,
  #EverBloom-II .mobile-order-3,
  #EverBloom .mobile-order-3,
  #Gemmyorama .mobile-order-3,
  #GemmyoramaInfluence .mobile-order-3,
  #gray-spinel .mobile-order-3,
  #joaillerie-collections-art-deco-avant-propos-html .mobile-order-3,
  #joaillerie-collections-primarosa-avant-propos-html .mobile-order-3,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .mobile-order-3,
  #lady-joaillerie .mobile-order-3,
  #lady-wedding .mobile-order-3,
  #lavander-spinel .mobile-order-3,
  #met .mobile-order-3,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .mobile-order-3,
  #paris-1901 .mobile-order-3,
  #PrimaRosa .mobile-order-3,
  #PrimaRosaChapitreII .mobile-order-3,
  #rendez-vous-creation .mobile-order-3,
  #retromantique .mobile-order-3,
  #retromilano-avant-propos .mobile-order-3,
  #retromilano .mobile-order-3,
  #saphir-vert .mobile-order-3 {
    order: 3;
  }
}
#ap-lavande .g-col--half-duo,
#ArtDeco .g-col--half-duo,
#bleu-gris .g-col--half-duo,
#champagne .g-col--half-duo,
#EverBloom-II .g-col--half-duo,
#EverBloom .g-col--half-duo,
#Gemmyorama .g-col--half-duo,
#GemmyoramaInfluence .g-col--half-duo,
#gray-spinel .g-col--half-duo,
#joaillerie-collections-art-deco-avant-propos-html .g-col--half-duo,
#joaillerie-collections-primarosa-avant-propos-html .g-col--half-duo,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-col--half-duo,
#lady-joaillerie .g-col--half-duo,
#lady-wedding .g-col--half-duo,
#lavander-spinel .g-col--half-duo,
#met .g-col--half-duo,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--half-duo,
#paris-1901 .g-col--half-duo,
#PrimaRosa .g-col--half-duo,
#PrimaRosaChapitreII .g-col--half-duo,
#rendez-vous-creation .g-col--half-duo,
#retromantique .g-col--half-duo,
#retromilano-avant-propos .g-col--half-duo,
#retromilano .g-col--half-duo,
#saphir-vert .g-col--half-duo {
  width: 47% !important;
}
@media (max-width: 767px) {
  #ap-lavande .g-col--half-duo.full-mobile,
  #ArtDeco .g-col--half-duo.full-mobile,
  #bleu-gris .g-col--half-duo.full-mobile,
  #champagne .g-col--half-duo.full-mobile,
  #EverBloom-II .g-col--half-duo.full-mobile,
  #EverBloom .g-col--half-duo.full-mobile,
  #Gemmyorama .g-col--half-duo.full-mobile,
  #GemmyoramaInfluence .g-col--half-duo.full-mobile,
  #gray-spinel .g-col--half-duo.full-mobile,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--half-duo.full-mobile,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--half-duo.full-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--half-duo.full-mobile,
  #lady-joaillerie .g-col--half-duo.full-mobile,
  #lady-wedding .g-col--half-duo.full-mobile,
  #lavander-spinel .g-col--half-duo.full-mobile,
  #met .g-col--half-duo.full-mobile,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--half-duo.full-mobile,
  #paris-1901 .g-col--half-duo.full-mobile,
  #PrimaRosa .g-col--half-duo.full-mobile,
  #PrimaRosaChapitreII .g-col--half-duo.full-mobile,
  #rendez-vous-creation .g-col--half-duo.full-mobile,
  #retromantique .g-col--half-duo.full-mobile,
  #retromilano-avant-propos .g-col--half-duo.full-mobile,
  #retromilano .g-col--half-duo.full-mobile,
  #saphir-vert .g-col--half-duo.full-mobile {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #ap-lavande .g-col--half-duo.full-mobile-text,
  #ArtDeco .g-col--half-duo.full-mobile-text,
  #bleu-gris .g-col--half-duo.full-mobile-text,
  #champagne .g-col--half-duo.full-mobile-text,
  #EverBloom-II .g-col--half-duo.full-mobile-text,
  #EverBloom .g-col--half-duo.full-mobile-text,
  #Gemmyorama .g-col--half-duo.full-mobile-text,
  #GemmyoramaInfluence .g-col--half-duo.full-mobile-text,
  #gray-spinel .g-col--half-duo.full-mobile-text,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--half-duo.full-mobile-text,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--half-duo.full-mobile-text,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--half-duo.full-mobile-text,
  #lady-joaillerie .g-col--half-duo.full-mobile-text,
  #lady-wedding .g-col--half-duo.full-mobile-text,
  #lavander-spinel .g-col--half-duo.full-mobile-text,
  #met .g-col--half-duo.full-mobile-text,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--half-duo.full-mobile-text,
  #paris-1901 .g-col--half-duo.full-mobile-text,
  #PrimaRosa .g-col--half-duo.full-mobile-text,
  #PrimaRosaChapitreII .g-col--half-duo.full-mobile-text,
  #rendez-vous-creation .g-col--half-duo.full-mobile-text,
  #retromantique .g-col--half-duo.full-mobile-text,
  #retromilano-avant-propos .g-col--half-duo.full-mobile-text,
  #retromilano .g-col--half-duo.full-mobile-text,
  #saphir-vert .g-col--half-duo.full-mobile-text {
    width: 95% !important;
  }
}
@media (max-width: 767px) {
  #ap-lavande .g-col--half-duo.half-mobile,
  #ArtDeco .g-col--half-duo.half-mobile,
  #bleu-gris .g-col--half-duo.half-mobile,
  #champagne .g-col--half-duo.half-mobile,
  #EverBloom-II .g-col--half-duo.half-mobile,
  #EverBloom .g-col--half-duo.half-mobile,
  #Gemmyorama .g-col--half-duo.half-mobile,
  #GemmyoramaInfluence .g-col--half-duo.half-mobile,
  #gray-spinel .g-col--half-duo.half-mobile,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--half-duo.half-mobile,
  #joaillerie-collections-primarosa-avant-propos-html
    .g-col--half-duo.half-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--half-duo.half-mobile,
  #lady-joaillerie .g-col--half-duo.half-mobile,
  #lady-wedding .g-col--half-duo.half-mobile,
  #lavander-spinel .g-col--half-duo.half-mobile,
  #met .g-col--half-duo.half-mobile,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--half-duo.half-mobile,
  #paris-1901 .g-col--half-duo.half-mobile,
  #PrimaRosa .g-col--half-duo.half-mobile,
  #PrimaRosaChapitreII .g-col--half-duo.half-mobile,
  #rendez-vous-creation .g-col--half-duo.half-mobile,
  #retromantique .g-col--half-duo.half-mobile,
  #retromilano-avant-propos .g-col--half-duo.half-mobile,
  #retromilano .g-col--half-duo.half-mobile,
  #saphir-vert .g-col--half-duo.half-mobile {
    width: 49% !important;
  }
}
#ap-lavande .g-col--half-duo img.packshot-image,
#ArtDeco .g-col--half-duo img.packshot-image,
#bleu-gris .g-col--half-duo img.packshot-image,
#champagne .g-col--half-duo img.packshot-image,
#EverBloom-II .g-col--half-duo img.packshot-image,
#EverBloom .g-col--half-duo img.packshot-image,
#Gemmyorama .g-col--half-duo img.packshot-image,
#GemmyoramaInfluence .g-col--half-duo img.packshot-image,
#gray-spinel .g-col--half-duo img.packshot-image,
#joaillerie-collections-art-deco-avant-propos-html
  .g-col--half-duo
  img.packshot-image,
#joaillerie-collections-primarosa-avant-propos-html
  .g-col--half-duo
  img.packshot-image,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-col--half-duo
  img.packshot-image,
#lady-joaillerie .g-col--half-duo img.packshot-image,
#lady-wedding .g-col--half-duo img.packshot-image,
#lavander-spinel .g-col--half-duo img.packshot-image,
#met .g-col--half-duo img.packshot-image,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--half-duo
  img.packshot-image,
#paris-1901 .g-col--half-duo img.packshot-image,
#PrimaRosa .g-col--half-duo img.packshot-image,
#PrimaRosaChapitreII .g-col--half-duo img.packshot-image,
#rendez-vous-creation .g-col--half-duo img.packshot-image,
#retromantique .g-col--half-duo img.packshot-image,
#retromilano-avant-propos .g-col--half-duo img.packshot-image,
#retromilano .g-col--half-duo img.packshot-image,
#saphir-vert .g-col--half-duo img.packshot-image {
  width: 60%;
}
@media (min-width: 768px) {
  #EverBloom-II .white-border img {
    border: 2px solid #fff;
  }
}
@media (max-width: 767px) {
  #EverBloom-II .mobile-order-1 {
    order: 1;
  }
}
@media (max-width: 767px) {
  #EverBloom-II .mobile-order-2 {
    order: 2;
  }
}
@media (max-width: 767px) {
  #EverBloom-II .mobile-order-3 {
    order: 3;
  }
}
#EverBloom-II .logo-chapitre1 {
  max-width: 300px;
  margin: 10px auto;
}
@media (max-width: 1023px) {
  #EverBloom-II .logo-chapitre1 {
    max-width: 250px;
  }
}
#EverBloom-II .logo-position {
  position: absolute;
  right: 3%;
}
@media (max-width: 1199px) {
  #EverBloom-II .logo-position {
    right: 0;
  }
}
@media (max-width: 767px) {
  #EverBloom-II .logo-position {
    bottom: 0;
    right: auto;
  }
}
#everbloomstories .duo-padding {
  height: auto;
}
@media (min-width: 768px) {
  #everbloomstories .duo-padding {
    height: 296px;
  }
}
@media (min-width: 1200px) {
  #everbloomstories .duo-padding {
    height: 327px;
  }
}
@media (min-width: 1440px) {
  #everbloomstories .duo-padding {
    height: 428px;
  }
}
@media (min-width: 768px) {
  #everbloomstories .description {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  #everbloomstories .description {
    width: 80%;
  }
}
#everbloomstories .g-col--half {
  order: 1;
}
#everbloomstories .g-col--half:first-child {
  order: 2;
}
@media (max-width: 767px) {
  #everbloomstories .jewel-text {
    margin: 15px 0;
  }
}
#everbloomstories .footer-photos {
  margin-top: 25px;
  margin-bottom: 100px;
}
@media (min-width: 1200px) {
  #everbloomstories .footer-photos {
    margin-top: 50px;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-retromantique-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-retromantique-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-retromantique-header {
    width: auto;
    position: relative;
    height: 295px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-retromantique-header {
    height: 260px;
  }
}
@media (max-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .h-space-around-mobile {
    justify-content: space-around !important;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--third {
  max-width: 420px;
  max-height: 630px;
}
@media (max-width: 767px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--third.half-mobile {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--third.half-mobile-custom {
    width: 47%;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--third.full-mobile {
  max-height: none;
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-retromantique-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-retromantique-header-content {
    width: 540px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-retromantique-header-content {
    width: 650px;
    top: -35%;
  }
}
@media (min-width: 1200px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-retromantique-header-content {
    width: 650px;
    top: -40%;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .parenthesis-title {
  color: #537b87;
  border-bottom: none;
  font-size: 55px;
}
@media (max-width: 414px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .parenthesis-title {
    font-size: 33px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .parenthesis-title {
    font-size: 45px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .parenthesis-title {
    font-size: 50px;
    line-height: 45px;
    padding: 0;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-serif-l2,
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-serif-l2-not-underlined {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #3b3b3b;
  border-bottom: 2px solid #537b87;
  margin: 10px 0;
  font-size: 30px;
  line-height: 45px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l2,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l2-not-underlined {
    font-size: 34px;
    line-height: 55px;
    padding: 0 25px;
  }
}
@media (max-width: 374px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l2,
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-serif-l2-not-underlined {
    font-size: 24px;
    line-height: 40px;
  }
}
@media (min-width: 1441px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container-parenthesis-autumn.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/background-saphir-bleu-gris-verti-s.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 360px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn.background-drawing-1.lazy-bg-loaded {
    background-image: url(/build/gemmyo-theme/images/cms/parenthese-de-septembre-avant-propos/background-saphir-bleu-gris-verti-t.jpg);
    background-size: 100%;
  }
}
@media (min-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-saphir-bleu-gris-l.jpg);
  }
}
@media (min-width: 1200px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-saphir-bleu-gris-x.jpg);
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container-parenthesis-autumn.background-drawing-2.lazy-bg-loaded {
  background-image: url(/images/background-saphir-bleu-gris-horizontale-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 360px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-saphir-bleu-gris-horizontale-t.jpg);
    background-size: cover;
    background-position-x: right;
  }
}
@media (min-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-saphir-bleu-gris-horizontale-l.jpg);
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-saphir-bleu-gris-horizontale-x.jpg);
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container-parenthesis-autumn
  .haute-jo-container-parenthesis-autumn-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn
    .haute-jo-container-parenthesis-autumn-sub-container {
    max-width: 1440px;
    padding: 0;
  }
}
@media (min-width: 960px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn
    .haute-jo-container-parenthesis-autumn-sub-container {
    max-width: 1440px;
    padding: 80px 0;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .haute-jo-container-parenthesis-autumn
  .haute-jo-container-parenthesis-autumn-sub-container-2 {
  max-width: 100%;
}
@media (min-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .haute-jo-container-parenthesis-autumn
    .haute-jo-container-parenthesis-autumn-sub-container-2 {
    max-width: 1440px;
    padding: 0;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .width-parenthesis-autumn {
  max-width: 95%;
}
@media (max-width: 568px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .width-parenthesis-autumn {
    max-width: 100%;
    padding-top: 70px;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .width-parenthesis-autumn {
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
@media (min-width: 769px) and (max-width: 959px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .width-parenthesis-autumn {
    max-width: 100%;
    padding-top: 45px;
    padding-bottom: 15px;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .width-parenthesis-autumn
  img {
  max-width: 85% !important;
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .width-parenthesis-autumn-2 {
  max-width: 95%;
}
@media (max-width: 767px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .width-parenthesis-autumn-2 {
    max-width: 100%;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .padding-custom-1 {
  padding-top: 50px;
}
@media (max-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .padding-custom-1 {
    padding-top: 0;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .padding-custom-2 {
  padding-top: 200px;
}
@media (max-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .padding-custom-2 {
    padding-top: 150px;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .g-col--half.full-mobile {
    width: 100% !important;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .img-grid {
  display: block;
  max-width: 100%;
  height: auto;
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0.5% 1%;
  grid-template-areas: "video photo-1" "video photo-2";
  width: 100%;
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos .video {
  grid-area: video;
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .photo-1 {
  grid-area: photo-1;
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .photo-2 {
  grid-area: photo-2;
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .text-parenthesis-autumn {
  font-weight: 700;
  line-height: 85px !important;
  color: #fff;
  max-width: 150px;
  position: absolute;
  padding: 10px;
}
@media (max-width: 768px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .text-parenthesis-autumn {
    font-size: 30px;
    max-width: 350px;
    line-height: 65px !important;
    bottom: 65%;
  }
}
@media (min-width: 769px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .text-parenthesis-autumn {
    max-width: 460px;
    font-size: 30px;
    bottom: 45%;
  }
}
@media (min-width: 1025px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .text-parenthesis-autumn {
    max-width: 550px;
    font-size: 45px;
    bottom: 60%;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .with-video-footer {
  max-width: 100%;
}
@media (min-width: 769px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .with-video-footer {
    max-width: 95%;
  }
}
#nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
  .ap-parenthesis-autumn-video {
  outline: none;
  position: relative;
  width: 100%;
  background: url(/static/videos/poster-saphir-bleu-gris-ap-vagues-t.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .ap-parenthesis-autumn-video {
    background: url(/static/videos/poster-saphir-bleu-gris-ap-vagues-l.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  #nos-parentheses-parenthese-de-septembre-saphir-bleu-gris-avant-propos
    .ap-parenthesis-autumn-video {
    background: url(/images/poster-saphir-bleu-gris-ap-vagues-x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
#retromantique-avant-propos .titre-retromantique:after {
  content: "";
  display: block;
  width: 6rem;
  border-bottom: 2px solid #1d1d1b;
}
#retromantique-avant-propos .g-retromantique-footer-picture {
  background-image: url(/images/plage.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  max-width: 1440px;
  height: 100vh;
}
@media (min-width: 360px) {
  #retromantique-avant-propos .g-retromantique-footer-picture {
    background-image: url(/images/plage-t.jpg);
    background-size: 100%;
  }
}
@media (min-width: 768px) {
  #retromantique-avant-propos .g-retromantique-footer-picture {
    background-image: url(/images/plage-l.jpg);
  }
}
@media (min-width: 1200px) {
  #retromantique-avant-propos .g-retromantique-footer-picture {
    background-image: url(/images/plage-x.jpg);
  }
}
#retromantique-avant-propos .retromantique-collection-video {
  outline: none;
  position: relative;
  width: 100%;
}
#retromantique-avant-propos .g-col--half-retromantique {
  width: 45% !important;
}
@media (max-width: 767px) {
  #retromantique-avant-propos .g-col--half-retromantique.half-mobile-block-1 {
    width: 55% !important;
  }
}
#retromantique-avant-propos
  .g-col--half-retromantique.half-mobile-block-1.mobile-block-1 {
  bottom: 150px;
}
@media (max-width: 767px) {
  #retromantique-avant-propos
    .g-col--half-retromantique.half-mobile-block-1.mobile-block-1 {
    bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  #retromantique-avant-propos .g-col--half-retromantique.half-mobile-block-2 {
    width: 40% !important;
  }
}
#retromantique-avant-propos
  .g-col--half-retromantique.half-mobile-block-2.mobile-block-2 {
  bottom: 0;
}
@media (max-width: 414px) {
  #retromantique-avant-propos
    .g-col--half-retromantique.half-mobile-block-2.mobile-block-2 {
    bottom: 60px !important;
  }
}
@media (min-width: 415px) and (max-width: 567px) {
  #retromantique-avant-propos
    .g-col--half-retromantique.half-mobile-block-2.mobile-block-2 {
    bottom: 80px !important;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  #retromantique-avant-propos
    .g-col--half-retromantique.half-mobile-block-2.mobile-block-2 {
    bottom: 110px !important;
  }
}
#retromantique-avant-propos .g-col--half-retromantique-2 {
  width: 47%;
}
@media (max-width: 767px) {
  #retromantique-avant-propos .g-col--half-retromantique-2.full-mobile {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  #retromantique-avant-propos .custom-margin-1 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1201px) {
  #retromantique-avant-propos .custom-margin-2 {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  #retromantique-avant-propos .mobile-position-1 {
    left: 2.5em;
    top: 2em;
  }
}
@media (max-width: 767px) {
  #retromantique-avant-propos .mobile-position-2 {
    right: 2.5em;
    bottom: 2em;
  }
}
#retromantique-avant-propos .g-col--half-retromantique-3 {
  width: 45% !important;
}
@media (max-width: 767px) {
  #retromantique-avant-propos .g-col--half-retromantique-3.half-mobile-3 {
    width: 50% !important;
  }
}
#retromantique-avant-propos .g-serif-text {
  text-align: start !important;
}
@media (max-width: 568px) {
  #retromantique-avant-propos .g-serif-text.with-mobile {
    max-width: 190px;
  }
}
@media (min-width: 569px) and (max-width: 767px) {
  #retromantique-avant-propos .g-serif-text.with-mobile {
    max-width: 245px;
  }
}
#retromantique-avant-propos .g-retromantique-header-picture {
  width: 100%;
  max-width: 100vw;
}
#retromantique-avant-propos .retromantique-video-container {
  position: relative;
}
#retromantique-avant-propos .retromantique-video-container video {
  width: 100vw;
}
@media (min-width: 1441px) {
  #retromantique-avant-propos .retromantique-video-container video {
    max-width: 1800px;
  }
}
#retromantique-avant-propos .logo-collection-retromantique {
  max-width: 250px;
  margin-left: 0 !important;
}
@media (min-width: 768px) {
  #retromantique-avant-propos .logo-collection-retromantique {
    max-width: 500px;
  }
}
#retromantique-avant-propos .logo-collection-retromantique-2 {
  max-width: 250px;
  margin-right: 0 !important;
}
@media (min-width: 768px) {
  #retromantique-avant-propos .logo-collection-retromantique-2 {
    max-width: 450px;
  }
}
#retromantique-avant-propos .text-collection-retromantique {
  max-width: 150px;
  position: absolute;
  width: 70%;
  bottom: 45%;
  right: 10%;
  padding: 10px;
}
@media (min-width: 415px) {
  #retromantique-avant-propos .text-collection-retromantique {
    max-width: 190px;
  }
}
@media (min-width: 569px) {
  #retromantique-avant-propos .text-collection-retromantique {
    max-width: 250px;
  }
}
@media (min-width: 769px) {
  #retromantique-avant-propos .text-collection-retromantique {
    max-width: 300px;
  }
}
@media (min-width: 961px) {
  #retromantique-avant-propos .text-collection-retromantique {
    max-width: 350px;
  }
}
@media (min-width: 1025px) {
  #retromantique-avant-propos .text-collection-retromantique {
    max-width: 380px;
  }
}
@media (min-width: 1201px) {
  #retromantique-avant-propos .text-collection-retromantique {
    max-width: 400px;
  }
}
#retromantique-avant-propos .img-grid {
  width: 100%;
  height: auto;
}
#retromantique-avant-propos .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 0.7em;
}
@media (min-width: 768px) {
  #retromantique-avant-propos .grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5em;
  }
}
#retromantique-avant-propos .grid-container-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 0fr 0fr 0fr;
  grid-gap: 1em;
}
@media (min-width: 768px) {
  #retromantique-avant-propos .grid-container-2 {
    grid-template-columns: repeat(4, 1fr);
  }
}
#retromantique-avant-propos .box1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
#retromantique-avant-propos .box2 {
  grid-column-start: 3;
  grid-row-start: 1;
}
#retromantique-avant-propos .box3 {
  grid-column-start: 4;
  grid-row-start: 1;
}
#retromantique-avant-propos .box4 {
  grid-column-start: 3;
  grid-row-start: 2;
}
#retromantique-avant-propos .box5 {
  grid-column-start: 4;
  grid-row-start: 2;
}
#retromantique-avant-propos .width-retromantique {
  max-width: 95%;
}
@media (max-width: 767px) {
  #retromantique-avant-propos .width-retromantique {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  #retromantique-avant-propos .mobile-order-1 {
    order: 1;
  }
}
@media (max-width: 767px) {
  #retromantique-avant-propos .mobile-order-2 {
    order: 2;
  }
}
@media (min-width: 1441px) {
  #retromantique-avant-propos .haute-jo-container-retromantique {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#retromantique-avant-propos
  .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/background-retromantique-1-v2-s.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 360px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-1-v2-t.jpg);
    background-size: cover;
    background-position-x: right;
  }
}
@media (min-width: 768px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-1-v2-l.jpg);
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-1-v2-x.jpg);
  }
}
#retromantique-avant-propos
  .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
  background-image: url(/images/background-retromantique-2-v2-s.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 360px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-2-v2-t.jpg);
    background-size: cover;
    background-position-x: right;
  }
}
@media (min-width: 768px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-2-v2-l.jpg);
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-2-v2-x.jpg);
  }
}
#retromantique-avant-propos
  .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
  background-image: url(/images/background-retromantique-3-v2-s.jpg);
  background-repeat: no-repeat;
  background-size: 100% 85%;
  background-position-y: center;
  background-position-x: right;
}
@media (min-width: 360px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-3-v2-t.jpg);
    background-size: 100% 80%;
    background-position-y: center;
    background-position-x: right;
  }
}
@media (min-width: 768px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-3-v2-l.jpg);
    background-size: 100% 90%;
    background-position: 50%;
  }
}
@media (min-width: 1200px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-3-v2-x.jpg);
    background-size: 100% 90%;
    background-position: 50%;
  }
}
#retromantique-avant-propos
  .haute-jo-container-retromantique
  .haute-jo-container-retromantique-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container {
    max-width: 1440px;
    padding-top: 75px;
  }
}
#retromantique-avant-propos
  .haute-jo-container-retromantique
  .haute-jo-container-retromantique-sub-container-2 {
  max-width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container-2 {
    max-width: 1440px;
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
#retromantique-avant-propos
  .haute-jo-container-retromantique
  .haute-jo-container-retromantique-sub-container-3 {
  max-width: 100%;
}
@media (min-width: 768px) {
  #retromantique-avant-propos
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container-3 {
    max-width: 80%;
  }
}
#retromantique-avant-propos .h-form-subscribe-newsletter {
  margin-top: -90px;
  display: grid;
}
@media (max-width: 768px) {
  #retromantique-avant-propos .h-form-subscribe-newsletter {
    margin-top: -40px;
  }
}
#retromantique-avant-propos .h-form-subscribe-newsletter .g-serif-text {
  text-align: center !important;
}
#joaillerie-collections-paris-1901-avant-propos-html .countdown {
  text-align: center;
}
#joaillerie-collections-paris-1901-avant-propos-html .countdown ul {
  margin: 0;
  padding: 0;
}
#joaillerie-collections-paris-1901-avant-propos-html .countdown ul li {
  display: inline-block;
  font-size: 12px;
  list-style-type: none;
  padding: 10px;
  text-transform: uppercase;
}
#joaillerie-collections-paris-1901-avant-propos-html .countdown ul li span {
  display: block;
  font-size: 40px;
}
#joaillerie-collections-paris-1901-avant-propos-html
  .g-paris-1901-header-picture {
  width: 100%;
  max-width: 1440px;
}
#joaillerie-collections-paris-1901-avant-propos-html .g-paris-1901-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #joaillerie-collections-paris-1901-avant-propos-html .g-paris-1901-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #joaillerie-collections-paris-1901-avant-propos-html .g-paris-1901-header {
    width: auto;
    position: relative;
    height: 175px;
  }
}
@media (min-width: 1024px) {
  #joaillerie-collections-paris-1901-avant-propos-html .g-paris-1901-header {
    height: 225px;
  }
}
#joaillerie-collections-paris-1901-avant-propos-html
  .g-paris-1901-header
  .g-paris-1901-header-content {
  position: relative;
  max-width: 650px;
  background-color: #fff;
  padding: 10px 30px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  #joaillerie-collections-paris-1901-avant-propos-html
    .g-paris-1901-header
    .g-paris-1901-header-content {
    width: 540px;
    margin: 0 auto;
    top: -70%;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #joaillerie-collections-paris-1901-avant-propos-html
    .g-paris-1901-header
    .g-paris-1901-header-content {
    width: 650px;
    top: -70px;
  }
}
#joaillerie-collections-paris-1901-avant-propos-html
  .g-popin--dialog
  .vex-dialog-button,
#joaillerie-collections-paris-1901-avant-propos-html .gem-btn,
.g-popin--dialog
  #joaillerie-collections-paris-1901-avant-propos-html
  .vex-dialog-button {
  margin-top: 30px;
}
#joaillerie-collections-paris-1901-avant-propos-html .svg-paris-1901 {
  margin: 10px 0;
  width: 300px;
}
@media (min-width: 768px) {
  #joaillerie-collections-paris-1901-avant-propos-html .svg-paris-1901 {
    width: 500px;
  }
}
#joaillerie-collections-paris-1901-avant-propos-html .g-col--third {
  max-width: 500px;
  max-height: 640px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #joaillerie-collections-paris-1901-avant-propos-html
    .g-col--third.half-tablet {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #joaillerie-collections-paris-1901-avant-propos-html
    .g-col--third.half-mobile {
    width: 48%;
  }
}
#joaillerie-collections-paris-1901-avant-propos-html .g-col--two-third {
  max-width: 840px;
  max-height: 640px;
  width: 62%;
}
@media (max-width: 767px) {
  #joaillerie-collections-paris-1901-avant-propos-html
    .g-col--two-third:not(.half-mobile) {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #joaillerie-collections-paris-1901-avant-propos-html
    .g-col--two-third.half-tablet {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #joaillerie-collections-paris-1901-avant-propos-html
    .g-col--two-third.half-mobile {
    width: 48%;
  }
}
#joaillerie-collections-paris-1901-avant-propos-html .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #joaillerie-collections-paris-1901-avant-propos-html
    .g-col--half.full-mobile {
    width: 100% !important;
  }
}
#joaillerie-collections-paris-1901-avant-propos-html
  .g-col--half
  img.packshot-image {
  width: 60%;
}
#joaillerie-collections-paris-1901-avant-propos-html .order1-tablet {
  order: 1;
}
@media (min-width: 768px) {
  #joaillerie-collections-paris-1901-avant-propos-html .order1-tablet {
    order: 2;
  }
}
#joaillerie-collections-paris-1901-avant-propos-html .order2-tablet {
  order: 2;
}
@media (min-width: 768px) {
  #joaillerie-collections-paris-1901-avant-propos-html .order2-tablet {
    order: 1;
  }
}
@media (max-width: 1199px) {
  #retromilano-avant-propos .g-header {
    border-bottom: 1px solid #fff5ee;
  }
}
#retromilano-avant-propos .mobile-nav-container,
#retromilano-avant-propos .mobile-nav-container .gem-btn--empty {
  background-color: #f5ede4 !important;
}
#retromilano-avant-propos .g-full-screen-picture-collection {
  height: 90vh;
  background-position: 50%;
  background-size: cover;
}
#retromilano-avant-propos .g-full-screen-background-collection {
  background-image: url(/images/header-ap-retromilano-2-splus.jpg);
}
@media (min-width: 415px) and (max-width: 1024px) {
  #retromilano-avant-propos .g-full-screen-background-collection {
    background-image: url(/images/header-ap-retromilano-2-t.jpg);
  }
}
@media (min-width: 1025px) {
  #retromilano-avant-propos .g-full-screen-background-collection {
    background-image: url(/images/header-ap-retromilano-l.jpg);
  }
}
@media (min-width: 1200px) {
  #retromilano-avant-propos .g-full-screen-background-collection {
    background-image: url(/images/header-ap-retromilano-x.jpg);
  }
}
#retromilano-avant-propos .g-retromilano-header-picture {
  width: 100%;
  height: 100%;
  position: relative;
}
#retromilano-avant-propos .g-retromilano-ap-header-content {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 36%;
  width: 40%;
}
@media (max-width: 568px) {
  #retromilano-avant-propos .g-retromilano-ap-header-content {
    top: 43%;
    width: 65%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  #retromilano-avant-propos .g-retromilano-ap-header-content {
    top: 38%;
    width: 50%;
  }
}
#retromilano-avant-propos .haute-jo-container-ap-retromilano {
  background: #f5ede4;
}
@media (min-width: 1441px) {
  #retromilano-avant-propos .haute-jo-container-ap-retromilano {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#retromilano-avant-propos
  .haute-jo-container-ap-retromilano
  .haute-jo-container-ap-retromilano-sub-container {
  max-width: 100%;
  padding: 50px 0 0;
}
@media (min-width: 769px) {
  #retromilano-avant-propos
    .haute-jo-container-ap-retromilano
    .haute-jo-container-ap-retromilano-sub-container {
    max-width: 1440px;
  }
}
#retromilano-avant-propos
  .haute-jo-container-ap-retromilano
  .haute-jo-container-ap-retromilano-sub-container-2 {
  max-width: 100%;
  padding-top: 25px !important;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  #retromilano-avant-propos
    .haute-jo-container-ap-retromilano
    .haute-jo-container-ap-retromilano-sub-container-2 {
    max-width: 1440px;
    padding-bottom: 50px;
  }
}
#retromilano-avant-propos
  .haute-jo-container-ap-retromilano
  .haute-jo-container-ap-retromilano-sub-container-3 {
  max-width: 100%;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  #retromilano-avant-propos
    .haute-jo-container-ap-retromilano
    .haute-jo-container-ap-retromilano-sub-container-3 {
    max-width: 1440px;
    padding-bottom: 50px;
  }
}
#retromilano-avant-propos
  .haute-jo-container-ap-retromilano.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/background-toscane-block-1-verti-s.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 360px) {
  #retromilano-avant-propos
    .haute-jo-container-ap-retromilano.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toscane-block-1-verti-t.png);
    background-size: 100%;
  }
}
@media (min-width: 768px) {
  #retromilano-avant-propos
    .haute-jo-container-ap-retromilano.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toscane-block-1-l.png);
    background-size: 110%;
  }
}
@media (min-width: 1200px) {
  #retromilano-avant-propos
    .haute-jo-container-ap-retromilano.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toscane-block-1-x.png);
    background-size: 110%;
  }
}
@media (min-width: 1441px) {
  #retromilano-avant-propos
    .haute-jo-container-ap-retromilano.background-drawing-1.lazy-bg-loaded {
    background-size: 90%;
  }
}
#retromilano-avant-propos .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #retromilano-avant-propos .g-col--half.full-mobile {
    max-width: none;
    max-height: none;
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #retromilano-avant-propos .g-col--half.custom-mobile {
    max-width: none;
    max-height: none;
    width: 95% !important;
    padding-left: 15px;
  }
}
#retromilano-avant-propos .custom-width {
  width: 65%;
}
#retromilano-avant-propos .g-col--half-custom {
  width: 45% !important;
}
@media (max-width: 767px) {
  #retromilano-avant-propos .g-col--half-custom.full-mobile {
    max-width: none;
    max-height: none;
    width: 100% !important;
  }
}
#retromilano-avant-propos .g-col--half-custom-2 {
  width: 50% !important;
}
@media (max-width: 767px) {
  #retromilano-avant-propos .g-col--half-custom-2.full-mobile {
    max-width: none;
    max-height: none;
    width: 100% !important;
  }
}
#retromilano-avant-propos .g-col--third {
  width: 30% !important;
}
@media (max-width: 767px) {
  #retromilano-avant-propos .g-col--third.half-mobile {
    padding-top: 15px;
    width: 48% !important;
  }
}
@media (max-width: 767px) {
  #retromilano-avant-propos .g-col--third.half-mobile-custom {
    width: 47% !important;
  }
}
@media (max-width: 767px) {
  #retromilano-avant-propos .g-col--third.full-mobile {
    width: 95% !important;
    padding: 0 15px;
  }
}
#retromilano-avant-propos .g-col--third-2 {
  width: 35% !important;
}
@media (max-width: 767px) {
  #retromilano-avant-propos .g-col--third-2.half-mobile-custom {
    width: 47% !important;
  }
}
@media (max-width: 767px) {
  #retromilano-avant-propos .mobile-order-1 {
    order: 1;
  }
}
@media (max-width: 767px) {
  #retromilano-avant-propos .mobile-order-2 {
    order: 2;
  }
}
@media (max-width: 767px) {
  #retromilano-avant-propos .mobile-order-3 {
    order: 3;
  }
}
#retromilano-avant-propos .width-parenthesis-autumn {
  max-width: 100%;
}
@media (max-width: 568px) {
  #retromilano-avant-propos .width-parenthesis-autumn {
    max-width: 100%;
    padding-top: 20px;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  #retromilano-avant-propos .width-parenthesis-autumn {
    max-width: 100%;
    padding-bottom: 20px;
  }
}
@media (min-width: 769px) and (max-width: 959px) {
  #retromilano-avant-propos .width-parenthesis-autumn {
    max-width: 100%;
    padding-top: 45px;
    padding-bottom: 15px;
  }
}
#retromilano-avant-propos .width-parenthesis-autumn img {
  max-width: 100% !important;
}
@media (max-width: 767px) {
  #retromilano-avant-propos .padding-custom {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  #retromilano-avant-propos .padding-custom {
    padding-bottom: 160px;
  }
}
@media (min-width: 769px) {
  #retromilano-avant-propos .padding-custom {
    padding-bottom: 260px;
  }
}
@media (max-width: 767px) {
  #retromilano-avant-propos .padding-custom-2 {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  #retromilano-avant-propos .padding-custom-2 {
    padding-bottom: 55px;
  }
}
@media (min-width: 769px) {
  #retromilano-avant-propos .padding-custom-2 {
    padding-bottom: 155px;
  }
}
#retromilano-avant-propos .width-retromantique {
  max-width: 80%;
}
@media (max-width: 767px) {
  #retromilano-avant-propos .width-retromantique {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #retromilano-avant-propos .width-retromantique {
    max-width: 95%;
  }
}
@media (max-width: 767px) {
  #retromilano-avant-propos .mobile-margin {
    margin: 0 auto 15px;
  }
}
#retromilano-avant-propos .text-rdv-retromilano {
  font-weight: 700;
  line-height: 85px !important;
  color: #fff;
  max-width: 150px;
  position: absolute;
  padding: 10px;
}
@media (max-width: 768px) {
  #retromilano-avant-propos .text-rdv-retromilano {
    max-width: 300px;
    line-height: 65px !important;
    bottom: 65%;
  }
}
@media (min-width: 769px) {
  #retromilano-avant-propos .text-rdv-retromilano {
    max-width: 400px;
    bottom: 55%;
  }
}
@media (min-width: 1024px) {
  #retromilano-avant-propos .text-rdv-retromilano {
    max-width: 430px;
    bottom: 60%;
  }
}
#ArtDeco #main,
#Gemmyorama #main,
#GemmyoramaInfluence #main,
#met #main,
#retromilano #main {
  margin-top: calc(60px + var(--banner-nav-height));
}
#ArtDeco .gem-btn--retromilano,
#Gemmyorama .gem-btn--retromilano,
#GemmyoramaInfluence .gem-btn--retromilano,
#met .gem-btn--retromilano,
#retromilano .gem-btn--retromilano {
  border-color: #7d3c28 !important;
}
#ArtDeco .g-serif-l2,
#ArtDeco .g-serif-l2-not-underlined,
#Gemmyorama .g-serif-l2,
#Gemmyorama .g-serif-l2-not-underlined,
#GemmyoramaInfluence .g-serif-l2,
#GemmyoramaInfluence .g-serif-l2-not-underlined,
#met .g-serif-l2,
#met .g-serif-l2-not-underlined,
#retromilano .g-serif-l2,
#retromilano .g-serif-l2-not-underlined {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #3b3b3b;
  border-bottom: none;
  margin: 10px 0;
  line-height: 45px;
  font-size: 23px;
}
@media (max-width: 374px) {
  #ArtDeco .g-serif-l2,
  #ArtDeco .g-serif-l2-not-underlined,
  #Gemmyorama .g-serif-l2,
  #Gemmyorama .g-serif-l2-not-underlined,
  #GemmyoramaInfluence .g-serif-l2,
  #GemmyoramaInfluence .g-serif-l2-not-underlined,
  #met .g-serif-l2,
  #met .g-serif-l2-not-underlined,
  #retromilano .g-serif-l2,
  #retromilano .g-serif-l2-not-underlined {
    font-size: 23px;
    line-height: 40px;
  }
}
@media (min-width: 375px) and (max-width: 1023px) {
  #ArtDeco .g-serif-l2,
  #ArtDeco .g-serif-l2-not-underlined,
  #Gemmyorama .g-serif-l2,
  #Gemmyorama .g-serif-l2-not-underlined,
  #GemmyoramaInfluence .g-serif-l2,
  #GemmyoramaInfluence .g-serif-l2-not-underlined,
  #met .g-serif-l2,
  #met .g-serif-l2-not-underlined,
  #retromilano .g-serif-l2,
  #retromilano .g-serif-l2-not-underlined {
    font-size: 20px !important;
    padding: 0 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  #ArtDeco .g-serif-l2,
  #ArtDeco .g-serif-l2-not-underlined,
  #Gemmyorama .g-serif-l2,
  #Gemmyorama .g-serif-l2-not-underlined,
  #GemmyoramaInfluence .g-serif-l2,
  #GemmyoramaInfluence .g-serif-l2-not-underlined,
  #met .g-serif-l2,
  #met .g-serif-l2-not-underlined,
  #retromilano .g-serif-l2,
  #retromilano .g-serif-l2-not-underlined {
    font-size: 21px !important;
    line-height: 55px;
    padding: 0 5px !important;
  }
}
@media (min-width: 1201px) and (max-width: 1439px) {
  #ArtDeco .g-serif-l2,
  #ArtDeco .g-serif-l2-not-underlined,
  #Gemmyorama .g-serif-l2,
  #Gemmyorama .g-serif-l2-not-underlined,
  #GemmyoramaInfluence .g-serif-l2,
  #GemmyoramaInfluence .g-serif-l2-not-underlined,
  #met .g-serif-l2,
  #met .g-serif-l2-not-underlined,
  #retromilano .g-serif-l2,
  #retromilano .g-serif-l2-not-underlined {
    font-size: 21px !important;
    line-height: 55px;
    padding: 0 9px !important;
  }
}
#ArtDeco .title-retromilano,
#Gemmyorama .title-retromilano,
#GemmyoramaInfluence .title-retromilano,
#met .title-retromilano,
#retromilano .title-retromilano {
  font-family: Torreta, Perpetua, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #7d3c28;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  #ArtDeco .title-retromilano,
  #Gemmyorama .title-retromilano,
  #GemmyoramaInfluence .title-retromilano,
  #met .title-retromilano,
  #retromilano .title-retromilano {
    font-size: 20px !important;
  }
}
#ArtDeco .title-retromilano:after,
#Gemmyorama .title-retromilano:after,
#GemmyoramaInfluence .title-retromilano:after,
#met .title-retromilano:after,
#retromilano .title-retromilano:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 2rem;
  border-bottom: 2px solid #7d3c28;
}
#ArtDeco .title-retromilano-history,
#Gemmyorama .title-retromilano-history,
#GemmyoramaInfluence .title-retromilano-history,
#met .title-retromilano-history,
#retromilano .title-retromilano-history {
  font-family: Torreta !important;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #fff;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #ArtDeco .title-retromilano-history,
  #Gemmyorama .title-retromilano-history,
  #GemmyoramaInfluence .title-retromilano-history,
  #met .title-retromilano-history,
  #retromilano .title-retromilano-history {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .title-retromilano-history,
  #Gemmyorama .title-retromilano-history,
  #GemmyoramaInfluence .title-retromilano-history,
  #met .title-retromilano-history,
  #retromilano .title-retromilano-history {
    font-size: 20px !important;
  }
}
#ArtDeco .title-retromilano-history:after,
#Gemmyorama .title-retromilano-history:after,
#GemmyoramaInfluence .title-retromilano-history:after,
#met .title-retromilano-history:after,
#retromilano .title-retromilano-history:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 2rem;
  border-bottom: 2px solid #fff;
}
#ArtDeco .g-retromilano-header-picture,
#Gemmyorama .g-retromilano-header-picture,
#GemmyoramaInfluence .g-retromilano-header-picture,
#met .g-retromilano-header-picture,
#retromilano .g-retromilano-header-picture {
  width: 100%;
  max-width: 100vw;
}
@media (min-width: 769px) {
  #ArtDeco .g-retromilano-header-picture,
  #Gemmyorama .g-retromilano-header-picture,
  #GemmyoramaInfluence .g-retromilano-header-picture,
  #met .g-retromilano-header-picture,
  #retromilano .g-retromilano-header-picture {
    width: 95%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .h-d-between-t-x,
  #Gemmyorama .h-d-between-t-x,
  #GemmyoramaInfluence .h-d-between-t-x,
  #met .h-d-between-t-x,
  #retromilano .h-d-between-t-x {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .h-margin-between-t-x,
  #Gemmyorama .h-margin-between-t-x,
  #GemmyoramaInfluence .h-margin-between-t-x,
  #met .h-margin-between-t-x,
  #retromilano .h-margin-between-t-x {
    margin-bottom: 25px !important;
  }
}
@media (min-width: 360px) and (max-width: 768px) {
  #ArtDeco .margin-duo-pavee,
  #Gemmyorama .margin-duo-pavee,
  #GemmyoramaInfluence .margin-duo-pavee,
  #met .margin-duo-pavee,
  #retromilano .margin-duo-pavee {
    margin: 9px 0 !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .h-d-before-after-t-x,
  #Gemmyorama .h-d-before-after-t-x,
  #GemmyoramaInfluence .h-d-before-after-t-x,
  #met .h-d-before-after-t-x,
  #retromilano .h-d-before-after-t-x {
    display: none;
  }
}
@media (min-width: 1200px) {
  #ArtDeco .h-d-before-after-t-x,
  #Gemmyorama .h-d-before-after-t-x,
  #GemmyoramaInfluence .h-d-before-after-t-x,
  #met .h-d-before-after-t-x,
  #retromilano .h-d-before-after-t-x {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  #ArtDeco .h-d-to-t-x,
  #Gemmyorama .h-d-to-t-x,
  #GemmyoramaInfluence .h-d-to-t-x,
  #met .h-d-to-t-x,
  #retromilano .h-d-to-t-x {
    display: none;
  }
}
#ArtDeco .retromilano-video-container,
#Gemmyorama .retromilano-video-container,
#GemmyoramaInfluence .retromilano-video-container,
#met .retromilano-video-container,
#retromilano .retromilano-video-container {
  position: relative;
}
#ArtDeco .retromilano-video-container video,
#Gemmyorama .retromilano-video-container video,
#GemmyoramaInfluence .retromilano-video-container video,
#met .retromilano-video-container video,
#retromilano .retromilano-video-container video {
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  #ArtDeco .retromilano-video-container video,
  #Gemmyorama .retromilano-video-container video,
  #GemmyoramaInfluence .retromilano-video-container video,
  #met .retromilano-video-container video,
  #retromilano .retromilano-video-container video {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  #ArtDeco .retromilano-video-container video,
  #Gemmyorama .retromilano-video-container video,
  #GemmyoramaInfluence .retromilano-video-container video,
  #met .retromilano-video-container video,
  #retromilano .retromilano-video-container video {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1441px) {
  #ArtDeco .retromilano-video-container video,
  #Gemmyorama .retromilano-video-container video,
  #GemmyoramaInfluence .retromilano-video-container video,
  #met .retromilano-video-container video,
  #retromilano .retromilano-video-container video {
    max-width: 1800px;
  }
}
#ArtDeco .g-retromilano-header-content,
#Gemmyorama .g-retromilano-header-content,
#GemmyoramaInfluence .g-retromilano-header-content,
#met .g-retromilano-header-content,
#retromilano .g-retromilano-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #ArtDeco .g-retromilano-header-content,
  #Gemmyorama .g-retromilano-header-content,
  #GemmyoramaInfluence .g-retromilano-header-content,
  #met .g-retromilano-header-content,
  #retromilano .g-retromilano-header-content {
    width: 560px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #ArtDeco .g-retromilano-header-content,
  #Gemmyorama .g-retromilano-header-content,
  #GemmyoramaInfluence .g-retromilano-header-content,
  #met .g-retromilano-header-content,
  #retromilano .g-retromilano-header-content {
    width: 650px;
  }
}
@media (min-width: 1200px) {
  #ArtDeco .g-retromilano-header-content,
  #Gemmyorama .g-retromilano-header-content,
  #GemmyoramaInfluence .g-retromilano-header-content,
  #met .g-retromilano-header-content,
  #retromilano .g-retromilano-header-content {
    width: 650px;
  }
}
#ArtDeco .custom-width-retromilano,
#Gemmyorama .custom-width-retromilano,
#GemmyoramaInfluence .custom-width-retromilano,
#met .custom-width-retromilano,
#retromilano .custom-width-retromilano {
  width: 100%;
}
@media (min-width: 768px) {
  #ArtDeco .custom-width-retromilano,
  #Gemmyorama .custom-width-retromilano,
  #GemmyoramaInfluence .custom-width-retromilano,
  #met .custom-width-retromilano,
  #retromilano .custom-width-retromilano {
    width: 90%;
  }
}
#ArtDeco .custom-width-retromilano-bis,
#Gemmyorama .custom-width-retromilano-bis,
#GemmyoramaInfluence .custom-width-retromilano-bis,
#met .custom-width-retromilano-bis,
#retromilano .custom-width-retromilano-bis {
  width: 100%;
}
@media (min-width: 768px) {
  #ArtDeco .custom-width-retromilano-bis,
  #Gemmyorama .custom-width-retromilano-bis,
  #GemmyoramaInfluence .custom-width-retromilano-bis,
  #met .custom-width-retromilano-bis,
  #retromilano .custom-width-retromilano-bis {
    width: 95%;
  }
}
#ArtDeco .custom-width-retromilano-2,
#Gemmyorama .custom-width-retromilano-2,
#GemmyoramaInfluence .custom-width-retromilano-2,
#met .custom-width-retromilano-2,
#retromilano .custom-width-retromilano-2 {
  width: 98%;
}
#ArtDeco .g-retromilano-header,
#Gemmyorama .g-retromilano-header,
#GemmyoramaInfluence .g-retromilano-header,
#met .g-retromilano-header,
#retromilano .g-retromilano-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #ArtDeco .g-retromilano-header,
  #Gemmyorama .g-retromilano-header,
  #GemmyoramaInfluence .g-retromilano-header,
  #met .g-retromilano-header,
  #retromilano .g-retromilano-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #ArtDeco .g-retromilano-header,
  #Gemmyorama .g-retromilano-header,
  #GemmyoramaInfluence .g-retromilano-header,
  #met .g-retromilano-header,
  #retromilano .g-retromilano-header {
    width: auto;
    position: relative;
    height: 270px;
    margin: 10px auto 25px;
  }
}
@media (min-width: 1024px) {
  #ArtDeco .g-retromilano-header,
  #Gemmyorama .g-retromilano-header,
  #GemmyoramaInfluence .g-retromilano-header,
  #met .g-retromilano-header,
  #retromilano .g-retromilano-header {
    height: 290px;
  }
}
#ArtDeco .logo-collection-retromilano,
#Gemmyorama .logo-collection-retromilano,
#GemmyoramaInfluence .logo-collection-retromilano,
#met .logo-collection-retromilano,
#retromilano .logo-collection-retromilano {
  max-width: 250px;
  margin: 10px auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #ArtDeco .logo-collection-retromilano,
  #Gemmyorama .logo-collection-retromilano,
  #GemmyoramaInfluence .logo-collection-retromilano,
  #met .logo-collection-retromilano,
  #retromilano .logo-collection-retromilano {
    max-width: 370px;
  }
}
@media (min-width: 1024px) {
  #ArtDeco .logo-collection-retromilano,
  #Gemmyorama .logo-collection-retromilano,
  #GemmyoramaInfluence .logo-collection-retromilano,
  #met .logo-collection-retromilano,
  #retromilano .logo-collection-retromilano {
    max-width: 450px;
  }
}
@media (min-width: 1441px) {
  #ArtDeco .haute-jo-container-retromilano,
  #Gemmyorama .haute-jo-container-retromilano,
  #GemmyoramaInfluence .haute-jo-container-retromilano,
  #met .haute-jo-container-retromilano,
  #retromilano .haute-jo-container-retromilano {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#ArtDeco .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
#Gemmyorama .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
#GemmyoramaInfluence
  .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
#met .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
#retromilano
  .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded {
  background-image: url(/images/background-retromantique-1-v2-s.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 360px) {
  #ArtDeco .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #Gemmyorama
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #GemmyoramaInfluence
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #met .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #retromilano
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-retromantique-1-v2-t.jpg);
    background-size: cover;
    background-position-x: right;
  }
}
@media (min-width: 768px) {
  #ArtDeco .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #Gemmyorama
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #GemmyoramaInfluence
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #met .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #retromilano
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/map-firenze-x.jpg);
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  #ArtDeco .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #Gemmyorama
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #GemmyoramaInfluence
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #met .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded,
  #retromilano
    .haute-jo-container-retromilano.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/map-firenze-x.jpg);
    background-size: contain;
  }
}
#ArtDeco
  .haute-jo-container-retromilano
  .haute-jo-container-retromilano-sub-container,
#Gemmyorama
  .haute-jo-container-retromilano
  .haute-jo-container-retromilano-sub-container,
#GemmyoramaInfluence
  .haute-jo-container-retromilano
  .haute-jo-container-retromilano-sub-container,
#met
  .haute-jo-container-retromilano
  .haute-jo-container-retromilano-sub-container,
#retromilano
  .haute-jo-container-retromilano
  .haute-jo-container-retromilano-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  #ArtDeco
    .haute-jo-container-retromilano
    .haute-jo-container-retromilano-sub-container,
  #Gemmyorama
    .haute-jo-container-retromilano
    .haute-jo-container-retromilano-sub-container,
  #GemmyoramaInfluence
    .haute-jo-container-retromilano
    .haute-jo-container-retromilano-sub-container,
  #met
    .haute-jo-container-retromilano
    .haute-jo-container-retromilano-sub-container,
  #retromilano
    .haute-jo-container-retromilano
    .haute-jo-container-retromilano-sub-container {
    max-width: 1440px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#ArtDeco .background-drawing-1.lazy-bg-loaded,
#Gemmyorama .background-drawing-1.lazy-bg-loaded,
#GemmyoramaInfluence .background-drawing-1.lazy-bg-loaded,
#met .background-drawing-1.lazy-bg-loaded,
#retromilano .background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/background-inspiration-retromilano-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 360px) {
  #ArtDeco .background-drawing-1.lazy-bg-loaded,
  #Gemmyorama .background-drawing-1.lazy-bg-loaded,
  #GemmyoramaInfluence .background-drawing-1.lazy-bg-loaded,
  #met .background-drawing-1.lazy-bg-loaded,
  #retromilano .background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-inspiration-retromilano-t.jpg);
  }
}
@media (min-width: 768px) {
  #ArtDeco .background-drawing-1.lazy-bg-loaded,
  #Gemmyorama .background-drawing-1.lazy-bg-loaded,
  #GemmyoramaInfluence .background-drawing-1.lazy-bg-loaded,
  #met .background-drawing-1.lazy-bg-loaded,
  #retromilano .background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-inspiration-retromilano-l.jpg);
  }
}
@media (min-width: 1200px) {
  #ArtDeco .background-drawing-1.lazy-bg-loaded,
  #Gemmyorama .background-drawing-1.lazy-bg-loaded,
  #GemmyoramaInfluence .background-drawing-1.lazy-bg-loaded,
  #met .background-drawing-1.lazy-bg-loaded,
  #retromilano .background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-inspiration-retromilano-x.jpg);
    background-size: cover;
  }
}
#ArtDeco .g-col--half,
#Gemmyorama .g-col--half,
#GemmyoramaInfluence .g-col--half,
#met .g-col--half,
#retromilano .g-col--half {
  width: 48% !important;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half.half-mobile,
  #Gemmyorama .g-col--half.half-mobile,
  #GemmyoramaInfluence .g-col--half.half-mobile,
  #met .g-col--half.half-mobile,
  #retromilano .g-col--half.half-mobile {
    width: 49% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half.full-mobile,
  #Gemmyorama .g-col--half.full-mobile,
  #GemmyoramaInfluence .g-col--half.full-mobile,
  #met .g-col--half.full-mobile,
  #retromilano .g-col--half.full-mobile {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half.full-mobile-history,
  #Gemmyorama .g-col--half.full-mobile-history,
  #GemmyoramaInfluence .g-col--half.full-mobile-history,
  #met .g-col--half.full-mobile-history,
  #retromilano .g-col--half.full-mobile-history {
    width: 90% !important;
    margin-top: 20px;
  }
}
#ArtDeco .g-col--half-retromilano-img,
#Gemmyorama .g-col--half-retromilano-img,
#GemmyoramaInfluence .g-col--half-retromilano-img,
#met .g-col--half-retromilano-img,
#retromilano .g-col--half-retromilano-img {
  width: 55% !important;
}
@media (min-width: 768px) and (max-width: 959px) {
  #ArtDeco .g-col--half-retromilano-img,
  #Gemmyorama .g-col--half-retromilano-img,
  #GemmyoramaInfluence .g-col--half-retromilano-img,
  #met .g-col--half-retromilano-img,
  #retromilano .g-col--half-retromilano-img {
    width: 56% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-retromilano-img.full-mobile,
  #Gemmyorama .g-col--half-retromilano-img.full-mobile,
  #GemmyoramaInfluence .g-col--half-retromilano-img.full-mobile,
  #met .g-col--half-retromilano-img.full-mobile,
  #retromilano .g-col--half-retromilano-img.full-mobile {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-retromilano-img.full-mobile-history,
  #Gemmyorama .g-col--half-retromilano-img.full-mobile-history,
  #GemmyoramaInfluence .g-col--half-retromilano-img.full-mobile-history,
  #met .g-col--half-retromilano-img.full-mobile-history,
  #retromilano .g-col--half-retromilano-img.full-mobile-history {
    width: 90% !important;
    margin-top: 20px;
  }
}
#ArtDeco .g-col--half-retromilano-text,
#Gemmyorama .g-col--half-retromilano-text,
#GemmyoramaInfluence .g-col--half-retromilano-text,
#met .g-col--half-retromilano-text,
#retromilano .g-col--half-retromilano-text {
  width: 40% !important;
}
@media (min-width: 768px) and (max-width: 959px) {
  #ArtDeco .g-col--half-retromilano-text,
  #Gemmyorama .g-col--half-retromilano-text,
  #GemmyoramaInfluence .g-col--half-retromilano-text,
  #met .g-col--half-retromilano-text,
  #retromilano .g-col--half-retromilano-text {
    width: 42% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-retromilano-text.full-mobile,
  #Gemmyorama .g-col--half-retromilano-text.full-mobile,
  #GemmyoramaInfluence .g-col--half-retromilano-text.full-mobile,
  #met .g-col--half-retromilano-text.full-mobile,
  #retromilano .g-col--half-retromilano-text.full-mobile {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-retromilano-text.full-mobile-history,
  #Gemmyorama .g-col--half-retromilano-text.full-mobile-history,
  #GemmyoramaInfluence .g-col--half-retromilano-text.full-mobile-history,
  #met .g-col--half-retromilano-text.full-mobile-history,
  #retromilano .g-col--half-retromilano-text.full-mobile-history {
    width: 90% !important;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  #ArtDeco .h-d-from-t-retromilano,
  #Gemmyorama .h-d-from-t-retromilano,
  #GemmyoramaInfluence .h-d-from-t-retromilano,
  #met .h-d-from-t-retromilano,
  #retromilano .h-d-from-t-retromilano {
    display: none !important;
  }
}
@media (min-width: 769px) {
  #ArtDeco .h-d-to-t-retromilano,
  #Gemmyorama .h-d-to-t-retromilano,
  #GemmyoramaInfluence .h-d-to-t-retromilano,
  #met .h-d-to-t-retromilano,
  #retromilano .h-d-to-t-retromilano {
    display: none !important;
  }
}
#ArtDeco .g-col--half-inspiration.block-1,
#Gemmyorama .g-col--half-inspiration.block-1,
#GemmyoramaInfluence .g-col--half-inspiration.block-1,
#met .g-col--half-inspiration.block-1,
#retromilano .g-col--half-inspiration.block-1 {
  width: 45% !important;
}
@media (max-width: 1199px) {
  #ArtDeco .g-col--half-inspiration.block-1,
  #Gemmyorama .g-col--half-inspiration.block-1,
  #GemmyoramaInfluence .g-col--half-inspiration.block-1,
  #met .g-col--half-inspiration.block-1,
  #retromilano .g-col--half-inspiration.block-1 {
    width: 48% !important;
  }
}
#ArtDeco .g-col--half-inspiration.block-2,
#Gemmyorama .g-col--half-inspiration.block-2,
#GemmyoramaInfluence .g-col--half-inspiration.block-2,
#met .g-col--half-inspiration.block-2,
#retromilano .g-col--half-inspiration.block-2 {
  width: 50% !important;
}
@media (max-width: 1199px) {
  #ArtDeco .g-col--half-inspiration.block-2,
  #Gemmyorama .g-col--half-inspiration.block-2,
  #GemmyoramaInfluence .g-col--half-inspiration.block-2,
  #met .g-col--half-inspiration.block-2,
  #retromilano .g-col--half-inspiration.block-2 {
    width: 48% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-inspiration.half-mobile,
  #Gemmyorama .g-col--half-inspiration.half-mobile,
  #GemmyoramaInfluence .g-col--half-inspiration.half-mobile,
  #met .g-col--half-inspiration.half-mobile,
  #retromilano .g-col--half-inspiration.half-mobile {
    width: 49% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-inspiration.full-mobile-inspiration,
  #Gemmyorama .g-col--half-inspiration.full-mobile-inspiration,
  #GemmyoramaInfluence .g-col--half-inspiration.full-mobile-inspiration,
  #met .g-col--half-inspiration.full-mobile-inspiration,
  #retromilano .g-col--half-inspiration.full-mobile-inspiration {
    width: 90% !important;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-inspiration.full-mobile,
  #Gemmyorama .g-col--half-inspiration.full-mobile,
  #GemmyoramaInfluence .g-col--half-inspiration.full-mobile,
  #met .g-col--half-inspiration.full-mobile,
  #retromilano .g-col--half-inspiration.full-mobile {
    width: 100% !important;
  }
}
#ArtDeco .g-col--third,
#Gemmyorama .g-col--third,
#GemmyoramaInfluence .g-col--third,
#met .g-col--third,
#retromilano .g-col--third {
  width: 30%;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third.half-mobile,
  #Gemmyorama .g-col--third.half-mobile,
  #GemmyoramaInfluence .g-col--third.half-mobile,
  #met .g-col--third.half-mobile,
  #retromilano .g-col--third.half-mobile {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third.full-mobile,
  #Gemmyorama .g-col--third.full-mobile,
  #GemmyoramaInfluence .g-col--third.full-mobile,
  #met .g-col--third.full-mobile,
  #retromilano .g-col--third.full-mobile {
    width: 100%;
  }
}
#ArtDeco .g-col--third-1,
#Gemmyorama .g-col--third-1,
#GemmyoramaInfluence .g-col--third-1,
#met .g-col--third-1,
#retromilano .g-col--third-1 {
  max-width: 520px;
  max-height: 630px;
}
@media (max-width: 768px) {
  #ArtDeco .g-col--third-1,
  #Gemmyorama .g-col--third-1,
  #GemmyoramaInfluence .g-col--third-1,
  #met .g-col--third-1,
  #retromilano .g-col--third-1 {
    max-width: 420px;
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  #ArtDeco .g-col--third-1,
  #Gemmyorama .g-col--third-1,
  #GemmyoramaInfluence .g-col--third-1,
  #met .g-col--third-1,
  #retromilano .g-col--third-1 {
    max-width: 450px;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third-1.half-mobile,
  #Gemmyorama .g-col--third-1.half-mobile,
  #GemmyoramaInfluence .g-col--third-1.half-mobile,
  #met .g-col--third-1.half-mobile,
  #retromilano .g-col--third-1.half-mobile {
    width: 48%;
  }
}
#ArtDeco .g-col--third-2,
#Gemmyorama .g-col--third-2,
#GemmyoramaInfluence .g-col--third-2,
#met .g-col--third-2,
#retromilano .g-col--third-2 {
  width: 33%;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third-2.half-mobile,
  #Gemmyorama .g-col--third-2.half-mobile,
  #GemmyoramaInfluence .g-col--third-2.half-mobile,
  #met .g-col--third-2.half-mobile,
  #retromilano .g-col--third-2.half-mobile {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third-2.full-mobile,
  #Gemmyorama .g-col--third-2.full-mobile,
  #GemmyoramaInfluence .g-col--third-2.full-mobile,
  #met .g-col--third-2.full-mobile,
  #retromilano .g-col--third-2.full-mobile {
    width: 100%;
  }
}
#ArtDeco .g-col--third-3,
#Gemmyorama .g-col--third-3,
#GemmyoramaInfluence .g-col--third-3,
#met .g-col--third-3,
#retromilano .g-col--third-3 {
  max-width: 370px;
  max-height: 630px;
}
@media (max-width: 768px) {
  #ArtDeco .g-col--third-3,
  #Gemmyorama .g-col--third-3,
  #GemmyoramaInfluence .g-col--third-3,
  #met .g-col--third-3,
  #retromilano .g-col--third-3 {
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third-3.half-mobile,
  #Gemmyorama .g-col--third-3.half-mobile,
  #GemmyoramaInfluence .g-col--third-3.half-mobile,
  #met .g-col--third-3.half-mobile,
  #retromilano .g-col--third-3.half-mobile {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-1,
  #Gemmyorama .mobile-order-1,
  #GemmyoramaInfluence .mobile-order-1,
  #met .mobile-order-1,
  #retromilano .mobile-order-1 {
    order: 1;
  }
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-2,
  #Gemmyorama .mobile-order-2,
  #GemmyoramaInfluence .mobile-order-2,
  #met .mobile-order-2,
  #retromilano .mobile-order-2 {
    order: 2;
  }
}
@media (max-width: 767px) {
  #ArtDeco .mobile-order-3,
  #Gemmyorama .mobile-order-3,
  #GemmyoramaInfluence .mobile-order-3,
  #met .mobile-order-3,
  #retromilano .mobile-order-3 {
    order: 3;
  }
}
#ArtDeco img.packshot-retromilano-image,
#Gemmyorama img.packshot-retromilano-image,
#GemmyoramaInfluence img.packshot-retromilano-image,
#met img.packshot-retromilano-image,
#retromilano img.packshot-retromilano-image {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #ArtDeco img.packshot-retromilano-image,
  #Gemmyorama img.packshot-retromilano-image,
  #GemmyoramaInfluence img.packshot-retromilano-image,
  #met img.packshot-retromilano-image,
  #retromilano img.packshot-retromilano-image {
    width: 70% !important;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  #ArtDeco img.packshot-retromilano-image,
  #Gemmyorama img.packshot-retromilano-image,
  #GemmyoramaInfluence img.packshot-retromilano-image,
  #met img.packshot-retromilano-image,
  #retromilano img.packshot-retromilano-image {
    width: 80% !important;
  }
}
#ArtDeco .h-width-retromilano,
#Gemmyorama .h-width-retromilano,
#GemmyoramaInfluence .h-width-retromilano,
#met .h-width-retromilano,
#retromilano .h-width-retromilano {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  #ArtDeco .h-width-retromilano,
  #Gemmyorama .h-width-retromilano,
  #GemmyoramaInfluence .h-width-retromilano,
  #met .h-width-retromilano,
  #retromilano .h-width-retromilano {
    max-width: 20% !important;
  }
}
#ArtDeco .img-grid,
#Gemmyorama .img-grid,
#GemmyoramaInfluence .img-grid,
#met .img-grid,
#retromilano .img-grid {
  display: block;
  max-width: 100%;
  height: auto;
}
#ArtDeco .container,
#Gemmyorama .container,
#GemmyoramaInfluence .container,
#met .container,
#retromilano .container {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "text-1 photo-2 photo-3";
  width: 100%;
}
@media (max-width: 767px) {
  #ArtDeco .container,
  #Gemmyorama .container,
  #GemmyoramaInfluence .container,
  #met .container,
  #retromilano .container {
    grid-template-columns: 1.2fr 1fr;
    grid-template-rows: 0.5fr 0.5fr;
    grid-template-areas: "photo-2 photo-3" "text-1 text-1";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .container,
  #Gemmyorama .container,
  #GemmyoramaInfluence .container,
  #met .container,
  #retromilano .container {
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-rows: 1fr;
  }
}
#ArtDeco .text-1,
#Gemmyorama .text-1,
#GemmyoramaInfluence .text-1,
#met .text-1,
#retromilano .text-1 {
  grid-area: text-1;
}
#ArtDeco .photo-2,
#Gemmyorama .photo-2,
#GemmyoramaInfluence .photo-2,
#met .photo-2,
#retromilano .photo-2 {
  grid-area: photo-2;
}
#ArtDeco .photo-3,
#Gemmyorama .photo-3,
#GemmyoramaInfluence .photo-3,
#met .photo-3,
#retromilano .photo-3 {
  grid-area: photo-3;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .photo-3,
  #Gemmyorama .photo-3,
  #GemmyoramaInfluence .photo-3,
  #met .photo-3,
  #retromilano .photo-3 {
    width: 0;
  }
}
#ArtDeco .g-col--full-custom,
#Gemmyorama .g-col--full-custom,
#GemmyoramaInfluence .g-col--full-custom,
#met .g-col--full-custom,
#retromilano .g-col--full-custom {
  width: 90%;
}
#gray-spinel .g-col--half,
#lavander-spinel .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #gray-spinel .g-col--half,
  #lavander-spinel .g-col--half {
    width: 100% !important;
  }
}
#gray-spinel .g-col--half img.packshot-spinelle-gris-image,
#lavander-spinel .g-col--half img.packshot-spinelle-gris-image {
  width: 70%;
}
@media (min-width: 1024px) {
  #gray-spinel .g-col--half img.packshot-spinelle-gris-image,
  #lavander-spinel .g-col--half img.packshot-spinelle-gris-image {
    width: 60% !important;
  }
}
#gray-spinel .g-col--half img.packshot-sv-image,
#lavander-spinel .g-col--half img.packshot-sv-image {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #gray-spinel .g-col--half img.packshot-sv-image,
  #lavander-spinel .g-col--half img.packshot-sv-image {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #gray-spinel .g-col--half img.packshot-sv-image,
  #lavander-spinel .g-col--half img.packshot-sv-image {
    width: 68%;
  }
}
#gray-spinel .g-spinelle-gris-header,
#lavander-spinel .g-spinelle-gris-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #gray-spinel .g-spinelle-gris-header,
  #lavander-spinel .g-spinelle-gris-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #gray-spinel .g-spinelle-gris-header,
  #lavander-spinel .g-spinelle-gris-header {
    width: auto;
    position: relative;
    height: 250px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #gray-spinel .g-spinelle-gris-header,
  #lavander-spinel .g-spinelle-gris-header {
    height: 160px;
  }
}
#gray-spinel .parenthesis-title,
#lavander-spinel .parenthesis-title {
  color: #746a72;
  border-bottom: none;
  font-size: 55px;
}
@media (max-width: 568px) {
  #gray-spinel .parenthesis-title,
  #lavander-spinel .parenthesis-title {
    font-size: 30px;
    border-bottom: 2px solid #746a72 !important;
  }
}
@media (min-width: 569px) and (max-width: 767px) {
  #gray-spinel .parenthesis-title,
  #lavander-spinel .parenthesis-title {
    font-size: 40px;
    border-bottom: 2px solid #746a72 !important;
  }
}
@media (min-width: 1441px) {
  #gray-spinel .g-fullscreen-container,
  #lavander-spinel .g-fullscreen-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#gray-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-december,
#lavander-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-december {
  background-color: #746a72;
}
#gray-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-december
  p,
#lavander-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-december
  p {
  color: #fff;
}
#gray-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-december
  p:hover,
#lavander-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-december
  p:hover {
  color: #4c444a;
}
#gray-spinel .g-fullscreen-container .g-fullscreen-sub-container,
#lavander-spinel .g-fullscreen-container .g-fullscreen-sub-container {
  max-width: 1440px;
}
@media (min-width: 768px) {
  #gray-spinel .g-fullscreen-container .g-fullscreen-sub-container,
  #lavander-spinel .g-fullscreen-container .g-fullscreen-sub-container {
    margin-top: 50px !important;
  }
}
#gray-spinel .g-serif-l1,
#gray-spinel .g-serif-l2,
#gray-spinel .g-serif-l2-not-underlined,
#lavander-spinel .g-serif-l1,
#lavander-spinel .g-serif-l2,
#lavander-spinel .g-serif-l2-not-underlined {
  padding: 0;
  border-bottom-color: #746a72 !important;
}
#gray-spinel .gem-btn--empty,
#lavander-spinel .gem-btn--empty {
  border-color: #746a72;
  background-color: #746a72;
}
#gray-spinel .gem-btn--empty:hover,
#lavander-spinel .gem-btn--empty:hover {
  opacity: 0.8;
}
#gray-spinel .g-pink-dark,
#gray-spinel a:hover,
#lavander-spinel .g-pink-dark,
#lavander-spinel a:hover {
  color: #746a72;
}
#gray-spinel .g-serif-l3,
#lavander-spinel .g-serif-l3 {
  color: #746a72 !important;
}
#gray-spinel .img-grid,
#lavander-spinel .img-grid {
  display: block;
  max-width: 100%;
  height: auto;
}
#gray-spinel .container,
#lavander-spinel .container {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "photo-1 photo-2 photo-3";
  width: 100%;
}
@media (max-width: 767px) {
  #gray-spinel .container,
  #lavander-spinel .container {
    grid-template-columns: 1fr 1.2fr;
    grid-template-rows: 0.5fr 0.5fr;
    grid-template-areas: "photo-1 photo-2" "photo-3 photo-3";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #gray-spinel .container,
  #lavander-spinel .container {
    grid-template-columns: 1fr 1.2fr;
    grid-template-rows: 1fr;
  }
}
#gray-spinel .photo-1,
#lavander-spinel .photo-1 {
  grid-area: photo-1;
}
#gray-spinel .photo-2,
#lavander-spinel .photo-2 {
  grid-area: photo-2;
}
#gray-spinel .photo-3,
#lavander-spinel .photo-3 {
  grid-area: photo-3;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #gray-spinel .photo-3,
  #lavander-spinel .photo-3 {
    width: 0;
  }
}
@media (min-width: 1441px) {
  #gray-spinel .haute-jo-container-spinelle-gris,
  #lavander-spinel .haute-jo-container-spinelle-gris {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#gray-spinel
  .haute-jo-container-spinelle-gris.background-drawing-spinelle-gris.lazy-bg-loaded,
#lavander-spinel
  .haute-jo-container-spinelle-gris.background-drawing-spinelle-gris.lazy-bg-loaded {
  background-image: url(/images/background-spinelle-gris-haute-joaillerie-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  #gray-spinel
    .haute-jo-container-spinelle-gris.background-drawing-spinelle-gris.lazy-bg-loaded,
  #lavander-spinel
    .haute-jo-container-spinelle-gris.background-drawing-spinelle-gris.lazy-bg-loaded {
    background-image: url(/images/background-spinelle-gris-haute-joaillerie-t.jpg);
  }
}
@media (min-width: 1024px) {
  #gray-spinel
    .haute-jo-container-spinelle-gris.background-drawing-spinelle-gris.lazy-bg-loaded,
  #lavander-spinel
    .haute-jo-container-spinelle-gris.background-drawing-spinelle-gris.lazy-bg-loaded {
    background-image: url(/images/background-spinelle-gris-haute-joaillerie-l.jpg);
  }
}
@media (min-width: 1200px) {
  #gray-spinel
    .haute-jo-container-spinelle-gris.background-drawing-spinelle-gris.lazy-bg-loaded,
  #lavander-spinel
    .haute-jo-container-spinelle-gris.background-drawing-spinelle-gris.lazy-bg-loaded {
    background-image: url(/images/background-spinelle-gris-haute-joaillerie-x.jpg);
  }
}
#gray-spinel
  .haute-jo-container-spinelle-gris
  .haute-jo-container-spinelle-gris-sub-container,
#lavander-spinel
  .haute-jo-container-spinelle-gris
  .haute-jo-container-spinelle-gris-sub-container {
  max-width: 100%;
  padding-top: 0;
}
@media (min-width: 768px) {
  #gray-spinel
    .haute-jo-container-spinelle-gris
    .haute-jo-container-spinelle-gris-sub-container,
  #lavander-spinel
    .haute-jo-container-spinelle-gris
    .haute-jo-container-spinelle-gris-sub-container {
    max-width: 1440px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#gray-spinel
  .haute-jo-container-spinelle-gris
  .haute-jo-container-spinelle-gris-sub-container
  .g-popin--dialog
  .vex-dialog-button,
#gray-spinel
  .haute-jo-container-spinelle-gris
  .haute-jo-container-spinelle-gris-sub-container
  .gem-btn,
#lavander-spinel
  .haute-jo-container-spinelle-gris
  .haute-jo-container-spinelle-gris-sub-container
  .g-popin--dialog
  .vex-dialog-button,
#lavander-spinel
  .haute-jo-container-spinelle-gris
  .haute-jo-container-spinelle-gris-sub-container
  .gem-btn,
.g-popin--dialog
  #gray-spinel
  .haute-jo-container-spinelle-gris
  .haute-jo-container-spinelle-gris-sub-container
  .vex-dialog-button,
.g-popin--dialog
  #lavander-spinel
  .haute-jo-container-spinelle-gris
  .haute-jo-container-spinelle-gris-sub-container
  .vex-dialog-button {
  border: 2px solid #95898f !important;
  margin-top: 5px;
}
#rendez-vous-creation .bague-rond {
  display: grid;
  grid-template-columns: 1fr 0.9fr 0.9fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "text-2 photo-1 photo-3 text-4";
  gap: 1em;
}
@media (max-width: 1199px) {
  #rendez-vous-creation .bague-rond {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "photo-1 photo-3" "text-2 text-4";
  }
}
@media (max-width: 767px) {
  #rendez-vous-creation .bague-rond {
    grid-template-columns: 1fr;
    gap: 25px;
    grid-template-areas: "photo-1" "text-2" "photo-3" "text-4";
  }
}
#rendez-vous-creation .bague-rond .photo-1 {
  grid-area: photo-1;
}
#rendez-vous-creation .bague-rond .text-2 {
  grid-area: text-2;
}
#rendez-vous-creation .bague-rond .photo-3 {
  grid-area: photo-3;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #rendez-vous-creation .bague-rond .photo-3 {
    width: auto;
  }
}
#rendez-vous-creation .bague-rond .text-4 {
  grid-area: text-4;
}
#rendez-vous-creation .bague-rond .packshot-bague-rond-container {
  height: 100%;
  align-items: center;
  display: flex;
}
#rendez-vous-creation
  .bague-rond
  .packshot-bague-rond-container
  .packshot-bague-rond {
  justify-content: space-between;
  height: 95%;
}
@media (min-width: 1441px) {
  #rendez-vous-creation
    .bague-rond
    .packshot-bague-rond-container
    .packshot-bague-rond {
    height: 85%;
  }
}
@media (max-width: 1199px) {
  #rendez-vous-creation
    .bague-rond
    .packshot-bague-rond-container
    .packshot-bague-rond {
    height: 100%;
  }
}
@media (max-width: 767px) {
  #rendez-vous-creation
    .bague-rond
    .packshot-bague-rond-container
    .packshot-bague-rond {
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #rendez-vous-creation
    .bague-rond
    .packshot-bague-rond-container
    .packshot-bague-rond
    .bague-rond-special {
    height: 100%;
    justify-content: space-between;
  }
}
#rendez-vous-creation .packshot-lady-poire {
  width: 45%;
}
@media (max-width: 414px) {
  #rendez-vous-creation .packshot-lady-poire {
    width: 60%;
  }
}
#rendez-vous-creation .lefkos {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  grid-template-areas: "text-1 photo-2 text-3";
}
@media (max-width: 767px) {
  #rendez-vous-creation .lefkos {
    grid-template-columns: 1fr;
    grid-template-areas: "photo-2" "text-1" "text-3";
  }
}
#rendez-vous-creation .lefkos .text-1 {
  grid-area: text-1;
}
#rendez-vous-creation .lefkos .photo-2 {
  grid-area: photo-2;
}
#rendez-vous-creation .lefkos .text-3 {
  grid-area: text-3;
}
@media (min-width: 768px) {
  #rendez-vous-creation .lefkos img {
    width: 80% !important;
  }
}
#rendez-vous-creation .width-creation {
  max-width: 95%;
}
@media (max-width: 767px) {
  #rendez-vous-creation .width-creation {
    max-width: 90%;
  }
}
#rendez-vous-creation .width-creation-m {
  width: 47%;
}
@media (max-width: 1023px) {
  #rendez-vous-creation .width-creation-m {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #rendez-vous-creation .h-order2-to-x-l {
    order: 2 !important;
  }
}
#rendez-vous-creation .container-header {
  width: 100%;
  height: 100%;
  position: relative;
}
#rendez-vous-creation .g-full-screen-picture--title-container-titre {
  position: absolute;
  z-index: 2;
}
@media (max-width: 414px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-titre {
    top: 56%;
  }
}
@media (min-width: 415px) and (max-width: 767px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-titre {
    top: 56%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-titre {
    top: 36%;
  }
}
@media (min-width: 1200px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-titre {
    top: 40%;
  }
}
#rendez-vous-creation .title-header-creation {
  font-family: Torreta, Perpetua, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #3b3b3b;
  border-bottom: none;
  font-size: 45px !important;
  text-transform: uppercase;
  line-height: 60px !important;
}
@media (max-width: 375px) {
  #rendez-vous-creation .title-header-creation {
    font-size: 25px !important;
    line-height: 42px !important;
  }
}
@media (min-width: 376px) and (max-width: 768px) {
  #rendez-vous-creation .title-header-creation {
    font-size: 27px !important;
    line-height: 45px !important;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  #rendez-vous-creation .title-header-creation {
    font-size: 30px !important;
    line-height: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #rendez-vous-creation .title-header-creation {
    font-size: 35px !important;
    line-height: 50px !important;
  }
}
#rendez-vous-creation .g-full-screen-picture--title-container-logo {
  position: absolute;
  z-index: 2;
}
@media (max-width: 375px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-logo {
    top: 10%;
    right: 60%;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-logo {
    top: 10%;
    right: 60%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-logo {
    top: 10%;
    right: 60%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-logo {
    top: 9%;
    right: 60%;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-logo {
    top: 10%;
    right: 60%;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-logo {
    top: 9%;
    right: 60%;
  }
}
@media (min-width: 1441px) {
  #rendez-vous-creation .g-full-screen-picture--title-container-logo {
    top: 19%;
    right: 60%;
    width: 25%;
  }
}
#rendez-vous-creation
  .g-full-screen-picture--title-container-logo
  img.svg-logo-creation {
  width: 70% !important;
  margin-bottom: 5px !important;
}
@media (max-width: 375px) {
  #rendez-vous-creation
    .g-full-screen-picture--title-container-logo
    img.svg-logo-creation {
    width: 65% !important;
  }
}
@media (min-width: 376px) and (max-width: 568px) {
  #rendez-vous-creation
    .g-full-screen-picture--title-container-logo
    img.svg-logo-creation {
    width: 61% !important;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  #rendez-vous-creation
    .g-full-screen-picture--title-container-logo
    img.svg-logo-creation {
    width: 40% !important;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  #rendez-vous-creation
    .g-full-screen-picture--title-container-logo
    img.svg-logo-creation {
    width: 30% !important;
  }
}
@media (min-width: 1200px) {
  #rendez-vous-creation
    .g-full-screen-picture--title-container-logo
    img.svg-logo-creation {
    width: 30% !important;
  }
}
#rendez-vous-creation .g-rdv-creation-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #rendez-vous-creation .g-rdv-creation-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation .g-rdv-creation-header {
    width: auto;
    position: relative;
    height: 230px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #rendez-vous-creation .g-rdv-creation-header {
    height: 240px;
  }
}
#rendez-vous-creation .title-month-creation {
  font-family: Torreta, Perpetua, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #3b3b3b;
  border-bottom: none;
  font-size: 70px !important;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  #rendez-vous-creation .title-month-creation {
    font-size: 40px !important;
  }
}
#rendez-vous-creation .right {
  justify-content: end;
  -webkit-justify-content: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
#rendez-vous-creation .left {
  justify-content: start;
  -webkit-justify-content: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
#rendez-vous-creation .align-right {
  text-align: end;
  -webkit-justify-content: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
#rendez-vous-creation .align-left {
  text-align: start;
  -webkit-justify-content: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
#rendez-vous-creation .title-rdv-creation {
  padding: 0 !important;
}
@media (max-width: 414px) {
  #rendez-vous-creation .title-rdv-creation {
    font-size: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  #rendez-vous-creation .title-rdv-creation {
    font-size: 23px !important;
  }
}
@media (min-width: 961px) and (max-width: 1199px) {
  #rendez-vous-creation .title-rdv-creation {
    font-size: 33px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  #rendez-vous-creation .title-rdv-creation {
    font-size: 35px !important;
  }
}
#rendez-vous-creation .title-rdv-creation:after {
  content: "";
  display: block;
  margin: 1.2rem auto;
  width: 2rem;
  border-bottom: 2px solid #d0857e;
}
#rendez-vous-creation .title-rdv-creation-bis {
  padding: 0 !important;
}
@media (max-width: 414px) {
  #rendez-vous-creation .title-rdv-creation-bis {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  #rendez-vous-creation .title-rdv-creation-bis {
    font-size: 17px !important;
  }
}
@media (min-width: 961px) and (max-width: 1199px) {
  #rendez-vous-creation .title-rdv-creation-bis {
    font-size: 14px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  #rendez-vous-creation .title-rdv-creation-bis {
    font-size: 18px !important;
  }
}
#rendez-vous-creation .title-rdv-creation-bis:after {
  content: "";
  display: block;
  margin: 1.2rem auto;
  width: 2rem;
  border-bottom: 2px solid #d0857e;
}
#rendez-vous-creation .gem-btn--empty-creation {
  background-image: url(/images/button-5.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  border: none;
  opacity: 0.8;
  padding: 20px 60px !important;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  #rendez-vous-creation .gem-btn--empty-creation {
    padding: 20px 35px !important;
  }
}
@media (max-width: 768px) {
  #rendez-vous-creation
    .gem-btn--empty-creation.gem-btn--empty-creation-mobile {
    padding: 20px 35px !important;
  }
}
#rendez-vous-creation .gem-btn--empty-creation:hover {
  opacity: 1;
}
#rendez-vous-creation .g-col--half-visual {
  width: 55% !important;
}
@media (max-width: 1199px) {
  #rendez-vous-creation .g-col--half-visual {
    width: 47% !important;
  }
}
@media (max-width: 767px) {
  #rendez-vous-creation .g-col--half-visual.full-mobile {
    width: 100% !important;
  }
}
#rendez-vous-creation .g-col--half-text {
  width: 45%;
}
@media (max-width: 1199px) {
  #rendez-vous-creation .g-col--half-text {
    width: 47% !important;
  }
}
@media (max-width: 767px) {
  #rendez-vous-creation .g-col--half-text.full-mobile {
    width: 100% !important;
  }
}
#rendez-vous-creation .g-col--half-creation {
  width: 70%;
  padding: 15px;
}
@media (max-width: 767px) {
  #rendez-vous-creation .g-col--half-creation {
    width: 90%;
  }
}
#rendez-vous-creation img.svg-logo-creation-more {
  width: 18%;
}
@media (max-width: 767px) {
  #rendez-vous-creation img.svg-logo-creation-more {
    width: 27%;
  }
}
#rendez-vous-creation .inner-creation-block {
  padding: 15px;
}
@media (max-width: 1023px) {
  #rendez-vous-creation .inner-creation-block {
    padding: 7px;
  }
}
#rendez-vous-creation .block-more {
  font-size: 29px;
}
@media (max-width: 1023px) {
  #rendez-vous-creation .block-more {
    font-size: 21px !important;
  }
}
#rendez-vous-creation .custom-width-retromilano-bis {
  width: 100%;
}
@media (min-width: 768px) {
  #rendez-vous-creation .custom-width-retromilano-bis {
    width: 95%;
  }
}
#rendez-vous-creation .img-grid {
  display: block;
  max-width: 100%;
  height: auto;
}
#rendez-vous-creation .container {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "photo-2 text-1 photo-3";
  width: 100%;
}
@media (max-width: 767px) {
  #rendez-vous-creation .container {
    grid-template-columns: 1fr;
    grid-template-rows: 0.5fr 0.5fr;
    grid-template-areas: "photo-2" "text-1" "photo-4";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #rendez-vous-creation .container {
    grid-template-columns: 1fr 1.2fr;
    grid-template-rows: 1fr;
    grid-template-areas: "photo-2 text-1";
  }
}
#rendez-vous-creation .text-1 {
  grid-area: text-1;
}
#rendez-vous-creation .photo-2 {
  grid-area: photo-2;
}
@media (max-width: 767px) {
  #rendez-vous-creation .photo-2 {
    padding: 0 20px;
  }
}
#rendez-vous-creation .photo-3 {
  grid-area: photo-3;
}
@media (max-width: 767px) {
  #rendez-vous-creation .photo-3 {
    padding: 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #rendez-vous-creation .photo-3 {
    width: 0;
  }
}
#rendez-vous-creation .photo-4 {
  grid-area: photo-4;
}
@media (max-width: 767px) {
  #rendez-vous-creation .photo-4 {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation .haute-jo-container-retromantique {
    max-width: 1440px;
  }
}
#rendez-vous-creation
  .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/background-crea-1-splus.png);
  background-repeat: no-repeat;
  background-size: 25%;
  background-position-y: 55%;
  background-position-x: 100%;
}
@media (min-width: 415px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: 51%;
    background-position-x: 100%;
    background-size: 32%;
  }
}
@media (min-width: 568px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 100%;
    background-size: 21%;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-crea-1-t.png);
    background-size: 80%;
    background-position: 100% 0;
  }
}
@media (min-width: 1024px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-crea-1-l.png);
    background-size: 70%;
    background-position: 100% 0;
  }
}
@media (min-width: 1200px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-crea-1-x.png);
    background-position: 100% 0;
    background-size: 60%;
  }
}
#rendez-vous-creation
  .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
  background-image: url(/images/background-crea-2ter-splus.png);
  background-repeat: no-repeat;
  background-size: 25%;
  background-position-y: bottom;
  background-position-x: left;
}
@media (min-width: 415px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
    background-size: 31%;
    background-position-y: bottom;
    background-position-x: left;
  }
}
@media (min-width: 568px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    background-size: 21%;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-crea-2-t.png);
    background-size: 65%;
    background-position-x: inherit;
    background-position-y: top;
  }
}
@media (min-width: 1024px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-crea-2-l.png);
    background-size: 60%;
    background-position-x: inherit;
    background-position-y: top;
  }
}
@media (min-width: 1200px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-crea-2-x.png);
    background-position-x: inherit;
    background-position-y: top;
    background-size: 65%;
  }
}
#rendez-vous-creation
  .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
  background-image: url(/images/background-tache-1.jpg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position-y: bottom;
  background-position-x: left;
}
@media (min-width: 415px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
    background-size: 60%;
    background-position-y: bottom;
    background-position-x: left;
  }
}
@media (min-width: 568px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    background-size: 38%;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-tache-1-t.jpg);
    background-size: 70%;
    background-position-y: 0;
    background-position-x: inherit;
  }
}
@media (min-width: 1024px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-tache-1-l.jpg);
    background-size: 70%;
    background-position-y: 0;
    background-position-x: inherit;
  }
}
@media (min-width: 1200px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-tache-1-x.jpg);
    background-position-x: inherit;
    background-size: 70%;
  }
}
#rendez-vous-creation
  .haute-jo-container-retromantique.background-drawing-4.lazy-bg-loaded {
  background-image: url(/images/background-tache-2.jpg);
  background-repeat: no-repeat;
  background-size: 45%;
  background-position-y: bottom;
  background-position-x: right;
}
@media (min-width: 415px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-4.lazy-bg-loaded {
    background-size: 52%;
    background-position-y: bottom;
    background-position-x: right;
  }
}
@media (min-width: 568px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-4.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    background-size: 35%;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/background-tache-2-t.jpg);
    background-size: 60%;
    background-position-y: top;
    background-position-x: right;
  }
}
@media (min-width: 1024px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/background-tache-2-l.jpg);
    background-size: 60%;
    background-position-y: top;
    background-position-x: right;
  }
}
@media (min-width: 1200px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/background-tache-2-x.jpg);
    background-position-y: top;
    background-position-x: right;
    background-size: 60%;
  }
}
#rendez-vous-creation
  .haute-jo-container-retromantique.background-drawing-5.lazy-bg-loaded {
  background-image: url(/images/background-tache-3.jpg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position-y: bottom;
  background-position-x: right;
}
@media (min-width: 415px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-5.lazy-bg-loaded {
    background-size: 52%;
    background-position-y: bottom;
    background-position-x: right;
  }
}
@media (min-width: 568px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-5.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    background-size: 35%;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-tache-3-t.jpg);
    background-size: 65%;
    background-position-y: top;
    background-position-x: right;
  }
}
@media (min-width: 1024px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-tache-3-l.jpg);
    background-size: 65%;
    background-position-y: top;
    background-position-x: right;
  }
}
@media (min-width: 1200px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-tache-3-x.jpg);
    background-position-x: right;
    background-size: 65%;
  }
}
#rendez-vous-creation
  .haute-jo-container-retromantique.background-drawing-6.lazy-bg-loaded {
  background-image: url(/images/background-tache-4-splus.jpg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position-y: bottom;
  background-position-x: left;
}
@media (min-width: 415px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-6.lazy-bg-loaded {
    background-size: 52%;
    background-position-y: bottom;
    background-position-x: left;
  }
}
@media (min-width: 568px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-6.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    background-size: 35%;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-6.lazy-bg-loaded {
    background-image: url(/images/background-tache-4-t.jpg);
    background-size: 60%;
    background-position-y: top;
    background-position-x: left;
  }
}
@media (min-width: 1024px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-6.lazy-bg-loaded {
    background-image: url(/images/background-tache-4-l.jpg);
    background-size: 60%;
    background-position-y: top;
    background-position-x: left;
  }
}
@media (min-width: 1200px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-6.lazy-bg-loaded {
    background-image: url(/images/background-tache-4-x.jpg);
    background-position-y: top;
    background-position-x: left;
    background-size: 60%;
  }
}
#rendez-vous-creation
  .haute-jo-container-retromantique.background-drawing-7.lazy-bg-loaded {
  background-image: url(/images/background-tache-5-splus.jpg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position-y: bottom;
  background-position-x: right;
}
@media (min-width: 415px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-7.lazy-bg-loaded {
    background-size: 52%;
    background-position-y: bottom;
    background-position-x: right;
  }
}
@media (min-width: 568px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-7.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    background-size: 35%;
  }
}
@media (min-width: 768px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-7.lazy-bg-loaded {
    background-image: url(/images/background-tache-5-t.jpg);
    background-size: 60%;
    background-position-y: top;
    background-position-x: left;
  }
}
@media (min-width: 1024px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-7.lazy-bg-loaded {
    background-image: url(/images/background-tache-5-l.jpg);
    background-size: 60%;
    background-position-y: top;
    background-position-x: left;
  }
}
@media (min-width: 1201px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique.background-drawing-7.lazy-bg-loaded {
    background-image: url(/images/background-tache-5-x.jpg);
    background-position-y: top;
    background-position-x: right;
    background-size: 60%;
  }
}
#rendez-vous-creation
  .haute-jo-container-retromantique
  .haute-jo-container-retromantique-sub-container {
  max-width: 100%;
  padding-top: 50px;
}
@media (max-width: 959px) {
  #rendez-vous-creation
    .haute-jo-container-retromantique
    .haute-jo-container-retromantique-sub-container {
    padding-top: 30px;
  }
}
#PrimaRosa .logo-chapitre2 {
  max-width: 300px;
  margin: 10px auto;
}
@media (max-width: 767px) {
  #PrimaRosa .logo-chapitre2 {
    max-width: 250px;
  }
}
@media (min-width: 360px) {
  #PrimaRosa .g-primarosa-header-content img {
    margin: 20px auto;
  }
}
@media (min-width: 768px) {
  #PrimaRosa .g-primarosa-header-content img {
    margin: 15px auto;
  }
}
@media (min-width: 1200px) {
  #PrimaRosa .g-primarosa-header-content img {
    margin: 20px auto;
  }
}
#PrimaRosaChapitreII .g-popin--dialog .vex-dialog-button,
#PrimaRosaChapitreII .gem-btn,
.g-popin--dialog #PrimaRosaChapitreII .vex-dialog-button {
  border-color: #ae7450;
  background-color: #ae7450;
  color: #fff !important;
}
#PrimaRosaChapitreII .g-popin--dialog .vex-dialog-button :hover,
#PrimaRosaChapitreII .gem-btn :hover,
.g-popin--dialog #PrimaRosaChapitreII .vex-dialog-button :hover {
  background-color: #ae7450;
  opacity: 0.8;
}
#PrimaRosaChapitreII .g-serif-l2,
#PrimaRosaChapitreII .g-serif-l2-not-underlined {
  border-bottom: none;
}
#PrimaRosaChapitreII .g-primarosa-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #PrimaRosaChapitreII .g-primarosa-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #PrimaRosaChapitreII .g-primarosa-header {
    height: 270px !important;
  }
}
@media (min-width: 1024px) {
  #PrimaRosaChapitreII .g-primarosa-header {
    height: 170px !important;
  }
}
#PrimaRosaChapitreII .haute-jo-container-primarosa-ii {
  max-width: 1440px;
  background: #fdf4ed;
}
@media (max-width: 768px) {
  #PrimaRosaChapitreII
    .haute-jo-container-primarosa-ii
    .haute-jo-container-primarosa-sub-container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #PrimaRosaChapitreII
    .haute-jo-container-primarosa-ii
    .haute-jo-container-primarosa-sub-container {
    padding: 75px 0;
  }
}
#PrimaRosaChapitreII .haute-jo-container-primarosa-ii .g-serif-l2,
#PrimaRosaChapitreII
  .haute-jo-container-primarosa-ii
  .g-serif-l2-not-underlined {
  border-bottom: none;
}
#PrimaRosaChapitreII .haute-jo-container-primarosa-ii .g-cat-subtext,
#PrimaRosaChapitreII
  .haute-jo-container-primarosa-ii
  .g-popin--dialog
  .vex-dialog-button,
#PrimaRosaChapitreII .haute-jo-container-primarosa-ii .g-serif-l2,
#PrimaRosaChapitreII
  .haute-jo-container-primarosa-ii
  .g-serif-l2-not-underlined,
#PrimaRosaChapitreII .haute-jo-container-primarosa-ii .g-serif-text,
#PrimaRosaChapitreII .haute-jo-container-primarosa-ii .gem-btn,
.g-popin--dialog
  #PrimaRosaChapitreII
  .haute-jo-container-primarosa-ii
  .vex-dialog-button {
  color: #000;
}
#PrimaRosaChapitreII .haute-jo-container-primarosa-ii .h-grey-semi-dark {
  color: #949494;
}
#PrimaRosaChapitreII .h-space-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  #PrimaRosaChapitreII .g-primarosa-ii-header-content {
    width: 675px;
    top: -50%;
  }
}
@media (min-width: 1200px) {
  #PrimaRosaChapitreII .g-primarosa-ii-header-content {
    width: 675px;
    top: -80%;
  }
}
@media (min-width: 768px) {
  #PrimaRosaChapitreII .g-primarosa-ii-header-content {
    width: 565px;
  }
}
@media (min-width: 360px) {
  #PrimaRosaChapitreII .g-primarosa-ii-header-content img {
    margin: 20px auto;
  }
}
@media (min-width: 768px) {
  #PrimaRosaChapitreII .g-primarosa-ii-header-content img {
    margin: 15px auto;
  }
}
@media (min-width: 1200px) {
  #PrimaRosaChapitreII .g-primarosa-ii-header-content img {
    margin: 20px auto;
  }
}
#PrimaRosaChapitreII .g-col--full-custom {
  width: 90%;
}
@media (max-width: 768px) {
  #PrimaRosaChapitreII .g-col--full-custom {
    width: 100%;
  }
}
#PrimaRosaChapitreII .g-col--full-custom-t {
  width: 90%;
}
@media (max-width: 767px) {
  #PrimaRosaChapitreII .g-col--full-custom-t {
    width: 100%;
  }
}
#PrimaRosaChapitreII .g-col--full-custom-t-block-1 {
  width: 80%;
}
@media (max-width: 767px) {
  #PrimaRosaChapitreII .g-col--full-custom-t-block-1 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #PrimaRosaChapitreII .g-col--full-custom-t-block-1 {
    width: 90%;
  }
}
#PrimaRosaChapitreII .g-col--full-custom-end {
  width: 95%;
}
#PrimaRosaChapitreII .logo-chapitre1 {
  max-width: 300px;
  margin: 10px auto;
}
@media (max-width: 767px) {
  #PrimaRosaChapitreII .logo-chapitre1 {
    max-width: 250px;
  }
}
#PrimaRosaChapitreII .width-50-desktop-100-mobile {
  width: 50%;
}
@media (max-width: 767px) {
  #PrimaRosaChapitreII .width-50-desktop-100-mobile {
    width: 100%;
  }
}
#PrimaRosaChapitreII .toggle-margin {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  #PrimaRosaChapitreII .toggle-margin {
    margin-bottom: 100px;
  }
}
#PrimaRosaChapitreII .g-quotation-mark {
  color: #ae7450;
}
#PrimaRosaChapitreII .title-primarosa-chap-2:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 2rem;
  border-bottom: 2px solid #ae7450;
}
#PrimaRosaChapitreII .title-primarosa-chap-2 {
  font-size: 17px !important;
}
@media (max-width: 1024px) {
  #PrimaRosaChapitreII .title-primarosa-chap-2 {
    font-size: 17px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  #PrimaRosaChapitreII .title-primarosa-chap-2 {
    font-size: 17px !important;
  }
}
@media (min-width: 1200px) {
  #PrimaRosaChapitreII .title-primarosa-chap-2 {
    font-size: 17px !important;
  }
}
@media (max-width: 1200px) {
  #PrimaRosaChapitreII .title-primarosa-chap-2 span {
    display: none;
  }
}
#PrimaRosaChapitreII .haute-jo {
  background-color: #d7b9a8 !important;
}
#PrimaRosaChapitreII .haute-jo .g-serif-l2,
#PrimaRosaChapitreII .haute-jo .g-serif-l2-not-underlined,
#PrimaRosaChapitreII .haute-jo .g-serif-text {
  color: #5c251a;
}
#PrimaRosaChapitreII .haute-jo .g-serif-l2,
#PrimaRosaChapitreII .haute-jo .g-serif-l2-not-underlined {
  border-bottom: none;
}
#PrimaRosaChapitreII .img-container-100 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin: 0 -50vw;
}
#PrimaRosaChapitreII .img-container-100 img {
  width: 100vw;
}
#PrimaRosaChapitreII .mobile-margin {
  margin-top: 0 !important;
}
#PrimaRosaChapitreII .width-primarosa-ii-80 {
  width: 80%;
}
@media (max-width: 1024px) {
  #PrimaRosaChapitreII .width-primarosa-ii-80 {
    width: 90%;
  }
}
#PrimaRosaChapitreII .h-width-primarosa-ii {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  #PrimaRosaChapitreII .h-width-primarosa-ii {
    max-width: 20% !important;
  }
}
#PrimaRosaChapitreII .h-width-primarosa-ii-triptych {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  #PrimaRosaChapitreII .h-width-primarosa-ii-triptych {
    max-width: 25% !important;
  }
}
@media (max-width: 767px) {
  #PrimaRosaChapitreII .width-primarosa-ii-mobile {
    max-width: 95%;
  }
}
@media (max-width: 768px) {
  #PrimaRosaChapitreII .p-inspiration-histoire-mobile {
    max-width: 95%;
    margin: 25px auto;
  }
}
@media (max-width: 768px) {
  #PrimaRosaChapitreII .text-quote {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #PrimaRosaChapitreII .rose-du-desert-mobile {
    max-width: 80%;
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  #PrimaRosaChapitreII .h-margin-b-50-mobile {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  #PrimaRosaChapitreII .h-margin-t-25-mobile {
    margin-top: 25px;
  }
}
#PrimaRosaChapitreII .g-col--half img.packshot-primarosa-ii-special-l {
  width: 55%;
}
@media (max-width: 1024px) {
  #PrimaRosaChapitreII .g-col--half img.packshot-primarosa-ii-special-b {
    width: 100%;
  }
}
#PrimaRosaChapitreII .g-col--half img.packshot-primarosa-ii-95 {
  width: 95%;
}
@media (max-width: 1200px) {
  #PrimaRosaChapitreII .g-col--third-1 {
    max-width: 400px;
  }
}
@media (max-width: 1024px) {
  #PrimaRosaChapitreII .g-col--third-1 {
    max-width: 340px;
  }
}
@media (max-width: 767px) {
  #PrimaRosaChapitreII .g-col--third-1 {
    max-width: 420px;
  }
}
@media (max-width: 1199px) {
  #ap-lavande .g-header,
  #joaillerie-collections-art-deco-avant-propos-html .g-header,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .g-header {
    border-bottom: 1px solid #f0f0f0;
  }
}
#ap-lavande .mobile-nav-container,
#ap-lavande .mobile-nav-container .gem-btn--empty,
#joaillerie-collections-art-deco-avant-propos-html .mobile-nav-container,
#joaillerie-collections-art-deco-avant-propos-html
  .mobile-nav-container
  .gem-btn--empty,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .mobile-nav-container,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .mobile-nav-container
  .gem-btn--empty {
  background-color: #fff !important;
}
#ap-lavande .g-full-screen-picture-collection,
#joaillerie-collections-art-deco-avant-propos-html
  .g-full-screen-picture-collection,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-full-screen-picture-collection {
  height: 90vh;
  background-position: 50%;
  background-size: cover;
}
#ap-lavande .g-full-screen-background-collection,
#joaillerie-collections-art-deco-avant-propos-html
  .g-full-screen-background-collection,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-full-screen-background-collection {
  background-image: url(/images/header-primarosa-2.jpg);
}
@media (min-width: 415px) and (max-width: 1024px) {
  #ap-lavande .g-full-screen-background-collection,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-full-screen-background-collection,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-full-screen-background-collection {
    background-image: url(/images/header-primarosa-2-2-t.jpg);
  }
}
@media (min-width: 1025px) {
  #ap-lavande .g-full-screen-background-collection,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-full-screen-background-collection,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-full-screen-background-collection {
    background-image: url(/images/header-primarosa-2-2-l.jpg);
  }
}
@media (min-width: 1200px) {
  #ap-lavande .g-full-screen-background-collection,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-full-screen-background-collection,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-full-screen-background-collection {
    background-image: url(/images/header-primarosa-2-2-x.jpg);
  }
}
#ap-lavande .g-primarosa-2-header-picture,
#joaillerie-collections-art-deco-avant-propos-html
  .g-primarosa-2-header-picture,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-primarosa-2-header-picture {
  width: 100%;
  height: 100%;
  position: relative;
}
#ap-lavande .g-primarosa-2-ap-header-content,
#joaillerie-collections-art-deco-avant-propos-html
  .g-primarosa-2-ap-header-content,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-primarosa-2-ap-header-content {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 41%;
  width: 40%;
}
@media (max-width: 568px) {
  #ap-lavande .g-primarosa-2-ap-header-content,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-primarosa-2-ap-header-content,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-primarosa-2-ap-header-content {
    width: 65%;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  #ap-lavande .g-primarosa-2-ap-header-content,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-primarosa-2-ap-header-content,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-primarosa-2-ap-header-content {
    width: 50%;
  }
}
#ap-lavande .g-logo-primarosa-2,
#joaillerie-collections-art-deco-avant-propos-html .g-logo-primarosa-2,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-logo-primarosa-2 {
  width: 200px;
  margin: 10px auto;
}
@media (min-width: 768px) {
  #ap-lavande .g-logo-primarosa-2,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-primarosa-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-logo-primarosa-2 {
    width: 250px;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-logo-primarosa-2,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-primarosa-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-logo-primarosa-2 {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  #ap-lavande .g-logo-primarosa-2,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-primarosa-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-logo-primarosa-2 {
    width: 425px;
  }
}
#ap-lavande .large-horizontal-primarosa-2,
#joaillerie-collections-art-deco-avant-propos-html
  .large-horizontal-primarosa-2,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .large-horizontal-primarosa-2 {
  width: 90%;
  max-width: 1440px;
}
@media (max-width: 768px) {
  #ap-lavande .large-horizontal-primarosa-2.full-mobile,
  #joaillerie-collections-art-deco-avant-propos-html
    .large-horizontal-primarosa-2.full-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .large-horizontal-primarosa-2.full-mobile {
    width: 100%;
  }
}
#ap-lavande .large-horizontal-primarosa-2-bis,
#joaillerie-collections-art-deco-avant-propos-html
  .large-horizontal-primarosa-2-bis,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .large-horizontal-primarosa-2-bis {
  width: 90%;
  max-width: 1400px;
  margin: auto;
}
@media (max-width: 768px) {
  #ap-lavande .large-horizontal-primarosa-2-bis.full-width-mobile,
  #joaillerie-collections-art-deco-avant-propos-html
    .large-horizontal-primarosa-2-bis.full-width-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .large-horizontal-primarosa-2-bis.full-width-mobile {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #ap-lavande .large-horizontal-primarosa-2-bis,
  #joaillerie-collections-art-deco-avant-propos-html
    .large-horizontal-primarosa-2-bis,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .large-horizontal-primarosa-2-bis {
    width: 80%;
  }
}
#ap-lavande .large-horizontal-primarosa-2-ter,
#joaillerie-collections-art-deco-avant-propos-html
  .large-horizontal-primarosa-2-ter,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .large-horizontal-primarosa-2-ter {
  width: 80%;
  max-width: 1350px;
  margin: auto;
}
@media (min-width: 768px) {
  #ap-lavande .large-horizontal-primarosa-2-ter,
  #joaillerie-collections-art-deco-avant-propos-html
    .large-horizontal-primarosa-2-ter,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .large-horizontal-primarosa-2-ter {
    width: 70%;
  }
}
@media (min-width: 768px) {
  #ap-lavande .g-col--half-video,
  #joaillerie-collections-art-deco-avant-propos-html .g-col--half-video,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--half-video {
    width: 50%;
    margin: 0;
  }
}
@media (min-width: 768px) {
  #ap-lavande .g-col--half-inspiration,
  #joaillerie-collections-art-deco-avant-propos-html .g-col--half-inspiration,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-col--half-inspiration {
    width: 40%;
    margin: 0;
  }
}
#ap-lavande .g-primarosa-apropos,
#joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-primarosa-apropos {
  width: 90%;
}
@media (min-width: 768px) {
  #ap-lavande .g-primarosa-apropos,
  #joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-primarosa-apropos {
    width: 60%;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-primarosa-apropos,
  #joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-primarosa-apropos {
    width: 45%;
  }
}
#ap-lavande .g-primarosa-apropos-1,
#joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos-1,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .g-primarosa-apropos-1 {
  width: 95%;
}
@media (min-width: 768px) {
  #ap-lavande .g-primarosa-apropos-1,
  #joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos-1,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-primarosa-apropos-1 {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-primarosa-apropos-1,
  #joaillerie-collections-art-deco-avant-propos-html .g-primarosa-apropos-1,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .g-primarosa-apropos-1 {
    width: 60%;
  }
}
@media (max-width: 767px) {
  #ap-lavande .custom-width-mobile,
  #joaillerie-collections-art-deco-avant-propos-html .custom-width-mobile,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .custom-width-mobile {
    width: 80% !important;
    margin: auto;
  }
}
#ap-lavande .img-grid,
#joaillerie-collections-art-deco-avant-propos-html .img-grid,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .img-grid {
  display: block;
  max-width: 100%;
  height: auto;
}
#ap-lavande .container,
#joaillerie-collections-art-deco-avant-propos-html .container,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .container {
  display: grid;
  max-width: 1440px;
  grid-template-areas: "photo-1 video-2 photo-3";
  width: 100%;
}
@media (max-width: 767px) {
  #ap-lavande .container,
  #joaillerie-collections-art-deco-avant-propos-html .container,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .container {
    grid-template-areas: "photo-1" "video-2";
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #ap-lavande .container,
  #joaillerie-collections-art-deco-avant-propos-html .container,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .container {
    grid-template-areas: "photo-1 video-2";
  }
}
#ap-lavande .photo-1,
#joaillerie-collections-art-deco-avant-propos-html .photo-1,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .photo-1 {
  grid-area: photo-1;
}
#ap-lavande .video-2,
#joaillerie-collections-art-deco-avant-propos-html .video-2,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .video-2 {
  grid-area: video-2;
  margin-left: 15px;
}
@media (max-width: 767px) {
  #ap-lavande .video-2,
  #joaillerie-collections-art-deco-avant-propos-html .video-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .video-2 {
    padding: 0 25px;
    margin-left: 0;
  }
}
#ap-lavande .photo-3,
#joaillerie-collections-art-deco-avant-propos-html .photo-3,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .photo-3 {
  grid-area: photo-3;
  margin-left: 15px;
}
@media (max-width: 1024px) {
  #ap-lavande .photo-3,
  #joaillerie-collections-art-deco-avant-propos-html .photo-3,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html .photo-3 {
    width: 0;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  #ap-lavande .haute-jo-container-ap-primarosa-2,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2 {
    max-width: 1440px;
  }
}
@media (min-width: 1441px) {
  #ap-lavande .haute-jo-container-ap-primarosa-2,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2 {
    width: 90%;
  }
}
#ap-lavande
  .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/dunes-4-s.jpg);
  background-repeat: no-repeat;
  background-position-y: 40%;
  background-size: cover;
}
@media (min-width: 768px) {
  #ap-lavande
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/dunes-4-t.jpg);
    background-position-y: 20%;
    background-position-x: center;
  }
}
@media (min-width: 769px) {
  #ap-lavande
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded {
    background-size: 90%;
  }
}
@media (min-width: 1024px) {
  #ap-lavande
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/dunes-4-l.jpg);
    background-position-y: 90%;
    background-position-x: center;
    background-size: 90%;
  }
}
@media (min-width: 1200px) {
  #ap-lavande
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/dunes-4-x.jpg);
    background-position-x: center;
    background-position-y: 78%;
    background-size: 90%;
  }
}
@media (min-width: 1440px) and (max-width: 1439px) {
  #ap-lavande
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded {
    background-size: 90%;
    max-width: 1440px;
  }
}
@media (min-width: 1441px) {
  #ap-lavande
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2.background-drawing-1.lazy-bg-loaded {
    max-width: 1440px;
    background-size: cover;
  }
}
#ap-lavande
  .haute-jo-container-ap-primarosa-2
  .haute-jo-container-ap-primarosa-2-sub-container,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-primarosa-2
  .haute-jo-container-ap-primarosa-2-sub-container,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container-ap-primarosa-2
  .haute-jo-container-ap-primarosa-2-sub-container {
  max-width: 100%;
  padding-top: 50px;
}
@media (max-width: 959px) {
  #ap-lavande
    .haute-jo-container-ap-primarosa-2
    .haute-jo-container-ap-primarosa-2-sub-container,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2
    .haute-jo-container-ap-primarosa-2-sub-container,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2
    .haute-jo-container-ap-primarosa-2-sub-container {
    padding-top: 30px;
  }
}
#ap-lavande .haute-jo-container-ap-primarosa-2 .padding-custom-primarosa-2,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-primarosa-2
  .padding-custom-primarosa-2,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .haute-jo-container-ap-primarosa-2
  .padding-custom-primarosa-2 {
  padding-top: 400px;
}
@media (max-width: 1024px) {
  #ap-lavande .haute-jo-container-ap-primarosa-2 .padding-custom-primarosa-2,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2
    .padding-custom-primarosa-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2
    .padding-custom-primarosa-2 {
    padding-top: 250px;
  }
}
@media (max-width: 768px) {
  #ap-lavande .haute-jo-container-ap-primarosa-2 .padding-custom-primarosa-2,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-primarosa-2
    .padding-custom-primarosa-2,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .haute-jo-container-ap-primarosa-2
    .padding-custom-primarosa-2 {
    padding-top: 200px;
  }
}
#ap-lavande .text-rdv-primarosa-2-ap,
#joaillerie-collections-art-deco-avant-propos-html .text-rdv-primarosa-2-ap,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .text-rdv-primarosa-2-ap {
  position: absolute;
}
@media (max-width: 1023px) {
  #ap-lavande .text-rdv-primarosa-2-ap,
  #joaillerie-collections-art-deco-avant-propos-html .text-rdv-primarosa-2-ap,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .text-rdv-primarosa-2-ap {
    width: 60%;
    bottom: 17%;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .text-rdv-primarosa-2-ap,
  #joaillerie-collections-art-deco-avant-propos-html .text-rdv-primarosa-2-ap,
  #joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
    .text-rdv-primarosa-2-ap {
    width: 35%;
    right: 55%;
  }
}
#ap-lavande .title-primarosa-2:after,
#joaillerie-collections-art-deco-avant-propos-html .title-primarosa-2:after,
#joaillerie-collections-primarosa-chapitre-ii-avant-propos-html
  .title-primarosa-2:after {
  content: "";
  display: block;
  margin: 1.2rem auto;
  width: 4rem;
  border-bottom: 2px solid #ae7450;
}
#GemmyoramaInfluence .logo-position,
#PrimaRosa .logo-position,
#PrimaRosaChapitreII .logo-position {
  position: absolute;
  right: 5%;
}
@media (max-width: 767px) {
  #GemmyoramaInfluence .logo-position,
  #PrimaRosa .logo-position,
  #PrimaRosaChapitreII .logo-position {
    bottom: 5%;
    right: auto;
  }
}
#GemmyoramaInfluence .logo-width-header,
#PrimaRosa .logo-width-header,
#PrimaRosaChapitreII .logo-width-header {
  width: 300px;
}
@media (max-width: 768px) {
  #GemmyoramaInfluence .logo-width-header,
  #PrimaRosa .logo-width-header,
  #PrimaRosaChapitreII .logo-width-header {
    width: 250px;
  }
}
#GemmyoramaInfluence .logo-width-redirection,
#PrimaRosa .logo-width-redirection,
#PrimaRosaChapitreII .logo-width-redirection {
  width: 100%;
}
@media (max-width: 1200px) {
  #GemmyoramaInfluence .logo-width-redirection,
  #PrimaRosa .logo-width-redirection,
  #PrimaRosaChapitreII .logo-width-redirection {
    width: 85% !important;
  }
}
@media (max-width: 768px) {
  #GemmyoramaInfluence .g-overlay,
  #PrimaRosa .g-overlay,
  #PrimaRosaChapitreII .g-overlay {
    left: 0;
    width: 100%;
  }
}
#GemmyoramaInfluence .g-overlay p span:first-child,
#PrimaRosa .g-overlay p span:first-child,
#PrimaRosaChapitreII .g-overlay p span:first-child {
  display: block;
}
@media (min-width: 768px) {
  #GemmyoramaInfluence .g-overlay p span:nth-child(2),
  #PrimaRosa .g-overlay p span:nth-child(2),
  #PrimaRosaChapitreII .g-overlay p span:nth-child(2) {
    display: block;
  }
}
@media (min-width: 1024px) {
  #GemmyoramaInfluence .g-overlay p span:nth-child(2),
  #PrimaRosa .g-overlay p span:nth-child(2),
  #PrimaRosaChapitreII .g-overlay p span:nth-child(2) {
    display: none;
  }
}
@media (min-width: 1200px) {
  #GemmyoramaInfluence .g-overlay p span:nth-child(2),
  #PrimaRosa .g-overlay p span:nth-child(2),
  #PrimaRosaChapitreII .g-overlay p span:nth-child(2) {
    display: none;
  }
}
#GemmyoramaInfluence .separation:after,
#PrimaRosa .separation:after,
#PrimaRosaChapitreII .separation:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 7rem;
  border-bottom: 2px solid #ae7450;
}
#ArtDeco #main {
  margin-top: calc(120px + var(--banner-nav-height));
}
@media (max-width: 1199px) {
  #ArtDeco #main {
    margin-top: calc(60px + var(--banner-nav-height));
  }
}
#ArtDeco h1 {
  font-family: ArtisualDeco;
  font-size: 60px;
  margin: 0;
  font-weight: 400;
}
@media (max-width: 413px) {
  #ArtDeco h1 {
    font-size: 50px;
  }
}
@media (max-width: 1439px) {
  #ArtDeco .h-d-from-xx {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  #ArtDeco .h-d-from-l {
    display: none !important;
  }
}
#ArtDeco .g-primarosa-header {
  height: auto;
}
@media (min-width: 1024px) {
  #ArtDeco .g-primarosa-header {
    height: 150px;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  #ArtDeco .g-primarosa-header {
    height: 290px;
  }
}
#ArtDeco .only-t {
  display: none;
}
@media (max-width: 1023px) and (min-width: 768px) {
  #ArtDeco .only-t {
    display: block;
  }
}
#ArtDeco .g-col--art-deco-packshot {
  width: 33%;
}
@media (max-width: 1199px) {
  #ArtDeco .g-col--art-deco-packshot {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--art-deco-packshot {
    width: 100%;
  }
}
#ArtDeco .g-col--art-deco-visual {
  width: 66%;
}
@media (max-width: 1199px) {
  #ArtDeco .g-col--art-deco-visual {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--art-deco-visual {
    width: 100%;
  }
}
#ArtDeco .g-col--full-custom {
  width: 90%;
}
@media (max-width: 1024px) {
  #ArtDeco .g-col--full-custom {
    width: 100%;
  }
}
#ArtDeco .haute-jo-art-deco {
  background-color: rgba(63, 67, 70, 0.8784313725490196);
}
#ArtDeco .haute-jo-art-deco h2,
#ArtDeco .haute-jo-art-deco p {
  color: #fff;
}
#ArtDeco .haute-jo-art-deco .title-art-deco:after {
  border-bottom: 1px solid #fff;
}
#ArtDeco .haute-jo-art-deco .gem-btn--art-deco {
  border: none;
}
#ArtDeco .sub-container {
  padding: 35px;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  #ArtDeco .sub-container {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  #ArtDeco .sub-container {
    padding: 0;
  }
}
#ArtDeco .inspiration-art-deco {
  background-image: url(/images/motif-art-deco.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #eeece8;
}
#ArtDeco .packshot-art-deco-special {
  width: 50%;
}
@media (max-width: 767px) {
  #ArtDeco .packshot-art-deco-special {
    width: 60%;
  }
}
#ArtDeco .packshot-art-deco-breakpoint {
  width: 70%;
}
@media (max-width: 767px) {
  #ArtDeco .packshot-art-deco-breakpoint {
    width: 80%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #ArtDeco .packshot-art-deco-breakpoint {
    width: 50%;
  }
}
#ArtDeco .packshot-art-deco-4mm {
  width: 45%;
}
@media (max-width: 767px) {
  #ArtDeco .packshot-art-deco-4mm {
    width: 80%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .packshot-art-deco-4mm {
    width: 65%;
  }
}
#ArtDeco .packshot-art-deco-prima {
  width: 60%;
}
@media (max-width: 767px) {
  #ArtDeco .packshot-art-deco-prima {
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .packshot-art-deco-prima {
    width: 50%;
  }
}
#ArtDeco .container-left {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "photo-1 photo-2 text-3";
  width: 100%;
}
@media (max-width: 767px) {
  #ArtDeco .container-left {
    grid-template-columns: 1fr 1.2fr;
    grid-template-rows: 0.5fr 0.5fr;
    grid-template-areas: "photo-1 photo-2" "text-3 text-3";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .container-left {
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-rows: 1fr;
    grid-template-areas: "photo-2 text-3";
  }
}
#ArtDeco .container-left .photo-1 {
  grid-area: photo-1;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .container-left .photo-1 {
    width: 0;
  }
}
#ArtDeco .container-left .photo-2 {
  grid-area: photo-2;
}
#ArtDeco .container-left .text-3 {
  grid-area: text-3;
}
#ArtDeco .container-img-width img {
  width: 100%;
}
#ArtDeco .g-col--third-1 {
  max-width: 450px;
  max-height: 630px;
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third-1 {
    max-width: 420px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  #ArtDeco .g-col--third-1 {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--third-1.half-mobile {
    width: 48%;
  }
}
#ArtDeco .title-art-deco {
  font-family: ArtisualDeco, Torreta, Perpetua, serif;
  text-align: center;
  padding: 0 5px !important;
  text-transform: uppercase;
  margin-top: 0 !important;
  font-weight: 700;
  font-size: 28px !important;
}
@media (max-width: 768px) {
  #ArtDeco .title-art-deco {
    font-family: ArtisualDecoRegular, Torreta, Perpetua, serif;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  #ArtDeco .title-art-deco {
    margin-top: 10px !important;
  }
}
@media (min-width: 1201px) and (max-width: 1439px) {
  #ArtDeco .title-art-deco {
    line-height: 40px;
  }
}
#ArtDeco .title-art-deco:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 2rem;
  border-bottom: 1px solid #3f4346;
}
#ArtDeco .gem-btn--art-deco {
  border-color: #fff !important;
  background-color: #3f4346;
  color: #fff !important;
}
#ArtDeco img.packshot-art-deco-image {
  width: 65%;
}
@media (max-width: 767px) {
  #ArtDeco img.packshot-art-deco-image {
    width: 80%;
  }
}
@media (max-width: 767px) {
  #ArtDeco .h-no-margin-mobile {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 1199px) {
  #ArtDeco .g-col--half-inspiration.block-2 {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  #ArtDeco .g-col--half-inspiration.full-mobile {
    width: 100% !important;
  }
}
#ArtDeco .bague-rond {
  display: grid;
  grid-template-columns: 1fr 0.9fr 0.9fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "text-2 photo-1 photo-3 text-4";
  gap: 1em;
}
@media (max-width: 1199px) {
  #ArtDeco .bague-rond {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "photo-1 photo-3" "text-2 text-4";
  }
}
@media (max-width: 767px) {
  #ArtDeco .bague-rond {
    grid-template-columns: 1fr;
    gap: 25px;
    grid-template-areas: "photo-1" "text-2" "photo-3" "text-4";
  }
}
#ArtDeco .bague-rond .photo-1 {
  grid-area: photo-1;
}
#ArtDeco .bague-rond .text-2 {
  grid-area: text-2;
}
#ArtDeco .bague-rond .photo-3 {
  grid-area: photo-3;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco .bague-rond .photo-3 {
    width: auto;
  }
}
#ArtDeco .bague-rond .text-4 {
  grid-area: text-4;
}
#ArtDeco .bague-rond .packshot-bague-rond-container {
  height: 100%;
  align-items: center;
  display: flex;
}
#ArtDeco .bague-rond .packshot-bague-rond-container .packshot-bague-rond {
  justify-content: space-between;
  height: 95%;
}
@media (min-width: 1441px) {
  #ArtDeco .bague-rond .packshot-bague-rond-container .packshot-bague-rond {
    height: 85%;
  }
}
@media (max-width: 1199px) {
  #ArtDeco .bague-rond .packshot-bague-rond-container .packshot-bague-rond {
    height: 100%;
  }
}
@media (max-width: 767px) {
  #ArtDeco .bague-rond .packshot-bague-rond-container .packshot-bague-rond {
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #ArtDeco
    .bague-rond
    .packshot-bague-rond-container
    .packshot-bague-rond
    .bague-rond-special {
    height: 100%;
    justify-content: space-between;
  }
}
#ArtDeco .g-col--half-alliance {
  width: 49% !important;
}
#ArtDeco .h-width-art-deco {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  #ArtDeco .h-width-art-deco {
    max-width: 25% !important;
  }
}
#ArtDeco .non-breaking-hyphen {
  white-space: nowrap;
}
#ap-lavande .g-full-screen-picture-collection,
#joaillerie-collections-art-deco-avant-propos-html
  .g-full-screen-picture-collection {
  height: 90vh;
  background-position: 50%;
  background-size: cover;
}
#ap-lavande .g-full-screen-background-collection,
#joaillerie-collections-art-deco-avant-propos-html
  .g-full-screen-background-collection {
  background-image: url(/images/header-art-deco-3.jpg);
}
@media (min-width: 415px) and (max-width: 1024px) {
  #ap-lavande .g-full-screen-background-collection,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-full-screen-background-collection {
    background-image: url(/images/header-art-deco-3-t.jpg);
  }
}
@media (min-width: 1025px) {
  #ap-lavande .g-full-screen-background-collection,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-full-screen-background-collection {
    background-image: url(/images/header-art-deco-3-l.jpg);
  }
}
@media (min-width: 1200px) {
  #ap-lavande .g-full-screen-background-collection,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-full-screen-background-collection {
    background-image: url(/images/header-art-deco-3-x.jpg);
  }
}
#ap-lavande .g-primarosa-2-header-picture,
#joaillerie-collections-art-deco-avant-propos-html
  .g-primarosa-2-header-picture {
  width: 100%;
  height: 100%;
  position: relative;
}
#ap-lavande .g-primarosa-2-ap-header-content,
#joaillerie-collections-art-deco-avant-propos-html
  .g-primarosa-2-ap-header-content {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 50%;
  width: 40%;
}
@media (max-width: 568px) {
  #ap-lavande .g-primarosa-2-ap-header-content,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-primarosa-2-ap-header-content {
    width: 65%;
    top: 65%;
    left: 0;
  }
}
@media (min-width: 569px) and (max-width: 768px) {
  #ap-lavande .g-primarosa-2-ap-header-content,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-primarosa-2-ap-header-content {
    width: 50%;
    top: 65%;
    left: 0;
  }
}
@media (max-width: 960px) {
  #ap-lavande .g-primarosa-2-ap-header-content,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-primarosa-2-ap-header-content {
    width: 50%;
    top: 65%;
    left: 0;
  }
}
@media (max-width: 767px) {
  #ap-lavande .custom-width-mobile-art-deco-ap,
  #joaillerie-collections-art-deco-avant-propos-html
    .custom-width-mobile-art-deco-ap {
    position: relative;
    margin: -40% auto;
    width: 90% !important;
  }
}
@media (max-width: 767px) {
  #ap-lavande .custom-width-mobile-art-deco-ap-2,
  #joaillerie-collections-art-deco-avant-propos-html
    .custom-width-mobile-art-deco-ap-2 {
    margin: auto;
    width: 90% !important;
  }
}
#ap-lavande .g-logo-art-deco,
#joaillerie-collections-art-deco-avant-propos-html .g-logo-art-deco {
  width: 250px;
  margin: 10px auto;
}
@media (min-width: 768px) {
  #ap-lavande .g-logo-art-deco,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-art-deco {
    width: 280px;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-logo-art-deco,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-art-deco {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  #ap-lavande .g-logo-art-deco,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-art-deco {
    width: 400px;
  }
}
#ap-lavande .g-logo-art-deco-title,
#joaillerie-collections-art-deco-avant-propos-html .g-logo-art-deco-title {
  width: 200px;
  margin: 10px auto;
}
@media (min-width: 768px) {
  #ap-lavande .g-logo-art-deco-title,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-art-deco-title {
    width: 250px;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-logo-art-deco-title,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-art-deco-title {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  #ap-lavande .g-logo-art-deco-title,
  #joaillerie-collections-art-deco-avant-propos-html .g-logo-art-deco-title {
    width: 315px !important;
  }
}
#ap-lavande .large-horizontal-ap-art-deco,
#joaillerie-collections-art-deco-avant-propos-html
  .large-horizontal-ap-art-deco {
  width: 90%;
  max-width: 1400px;
  margin: auto;
}
@media (max-width: 768px) {
  #ap-lavande .large-horizontal-ap-art-deco.full-width-mobile,
  #joaillerie-collections-art-deco-avant-propos-html
    .large-horizontal-ap-art-deco.full-width-mobile {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #ap-lavande .large-horizontal-ap-art-deco,
  #joaillerie-collections-art-deco-avant-propos-html
    .large-horizontal-ap-art-deco {
    width: 85%;
  }
}
#ap-lavande .g-col--half-inspiration-ap-art-deco,
#joaillerie-collections-art-deco-avant-propos-html
  .g-col--half-inspiration-ap-art-deco {
  width: 80%;
  margin: auto;
}
@media (min-width: 768px) {
  #ap-lavande .g-col--half-inspiration-ap-art-deco,
  #joaillerie-collections-art-deco-avant-propos-html
    .g-col--half-inspiration-ap-art-deco {
    width: 45%;
    margin: 0;
  }
}
@media (min-width: 768px) {
  #ap-lavande .haute-jo-container-ap-art-deco,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco {
    max-width: 1440px;
  }
}
@media (min-width: 1441px) {
  #ap-lavande .haute-jo-container-ap-art-deco,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco {
    width: 90%;
  }
}
#ap-lavande .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/motif-art-deco-splus.png);
  background-size: 100%;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-t.png);
    background-size: 100%;
    background-repeat: repeat;
  }
}
@media (min-width: 1024px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-l.png);
    background-size: 100%;
    background-repeat: repeat;
  }
}
@media (min-width: 1200px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-x.png);
    background-size: 100%;
    background-repeat: repeat;
  }
}
@media (min-width: 1440px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-1.lazy-bg-loaded {
    max-width: 1440px;
  }
}
#ap-lavande .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded {
  background-image: url(/images/motif-art-deco-2-splus.png);
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-2-t.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1024px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-2-l.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-2-x.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1440px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-2.lazy-bg-loaded {
    max-width: 1440px;
  }
}
#ap-lavande .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded {
  background-image: url(/images/motif-art-deco-3-splus.png);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-3-t.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1024px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-3-l.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-3-x.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1440px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-3.lazy-bg-loaded {
    max-width: 1440px;
  }
}
#ap-lavande .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded {
  background-image: url(/images/motif-art-deco-4-splus.png);
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-4-t.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1024px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-4-l.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/motif-art-deco-4-x.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1440px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-4.lazy-bg-loaded {
    max-width: 1440px;
  }
}
#ap-lavande .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded {
  background-image: url(/images/background-valise-splus.png);
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-valise-t.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1024px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-valise-l.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-valise-x.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1440px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco.background-drawing-5.lazy-bg-loaded {
    max-width: 1440px;
  }
}
#ap-lavande
  .haute-jo-container-ap-art-deco
  .haute-jo-container-ap-art-deco-sub-container,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-art-deco
  .haute-jo-container-ap-art-deco-sub-container {
  max-width: 100%;
  padding-top: 50px;
}
@media (max-width: 959px) {
  #ap-lavande
    .haute-jo-container-ap-art-deco
    .haute-jo-container-ap-art-deco-sub-container,
  #joaillerie-collections-art-deco-avant-propos-html
    .haute-jo-container-ap-art-deco
    .haute-jo-container-ap-art-deco-sub-container {
    padding-top: 30px;
  }
}
#ap-lavande
  .haute-jo-container-ap-art-deco
  .haute-jo-container-ap-art-deco-sub-container-2,
#joaillerie-collections-art-deco-avant-propos-html
  .haute-jo-container-ap-art-deco
  .haute-jo-container-ap-art-deco-sub-container-2 {
  max-width: 100%;
  padding-top: 0;
}
#ap-lavande .text-rdv-ap-art-deco-ap,
#joaillerie-collections-art-deco-avant-propos-html .text-rdv-ap-art-deco-ap {
  position: absolute;
}
@media (max-width: 1023px) {
  #ap-lavande .text-rdv-ap-art-deco-ap,
  #joaillerie-collections-art-deco-avant-propos-html .text-rdv-ap-art-deco-ap {
    width: 60%;
    bottom: 30%;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .text-rdv-ap-art-deco-ap,
  #joaillerie-collections-art-deco-avant-propos-html .text-rdv-ap-art-deco-ap {
    width: 35%;
    right: 55%;
  }
}
#ap-lavande .g-retromantique-header {
  width: 100%;
}
@media (min-width: 568px) and (max-width: 767px) {
  #ap-lavande .g-retromantique-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #ap-lavande .g-retromantique-header {
    width: auto;
    position: relative;
    height: 350px;
    margin: 25px auto;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-retromantique-header {
    height: 260px;
  }
}
#ap-lavande .g-retromantique-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #ap-lavande .g-retromantique-header-content {
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .g-retromantique-header-content {
    width: 650px;
    top: -35%;
  }
}
@media (min-width: 1200px) {
  #ap-lavande .g-retromantique-header-content {
    width: 650px;
    top: -40%;
  }
}
#ap-lavande .parenthesis-title {
  color: #998dad;
  border-bottom: none;
  font-size: 55px;
}
@media (max-width: 414px) {
  #ap-lavande .parenthesis-title {
    font-size: 33px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  #ap-lavande .parenthesis-title {
    font-size: 45px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #ap-lavande .parenthesis-title {
    font-size: 50px;
    line-height: 45px;
    padding: 0;
  }
}
#ap-lavande .g-full-screen-picture-collection {
  height: 90vh;
  background-position: 50%;
  background-size: cover;
}
#ap-lavande .g-full-screen-background-collection {
  background-image: url(/images/header-lavande-2.jpg);
}
@media (min-width: 415px) and (max-width: 1024px) {
  #ap-lavande .g-full-screen-background-collection {
    background-image: url(/images/header-lavande-2-t.jpg);
  }
}
@media (min-width: 1025px) {
  #ap-lavande .g-full-screen-background-collection {
    background-image: url(/images/header-lavande-2-l.jpg);
  }
}
@media (min-width: 1200px) {
  #ap-lavande .g-full-screen-background-collection {
    background-image: url(/images/header-lavande-2-x.jpg);
  }
}
#ap-lavande .g-primarosa-2-header-picture {
  width: 100%;
  height: 100%;
  position: relative;
}
#ap-lavande .g-primarosa-2-header-picture .g-primarosa-2-ap-header-content {
  width: 100%;
  top: 50%;
  left: inherit;
}
@media (max-width: 767px) {
  #ap-lavande .g-primarosa-2-header-picture .g-primarosa-2-ap-header-content {
    top: 55%;
  }
}
#ap-lavande .twig-1 {
  position: absolute;
  top: -275px;
  z-index: 0;
}
@media (max-width: 1023px) {
  #ap-lavande .twig-1 {
    display: none;
  }
}
@media (max-width: 1199px) {
  #ap-lavande .twig-1 {
    top: -235px;
  }
}
#ap-lavande .background-lavande-ap {
  background-image: url(/images/background-lavande-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  height: 600px;
  z-index: 0;
  position: inherit;
}
@media (min-width: 768px) {
  #ap-lavande .background-lavande-ap {
    background-image: url(/images/background-lavande-t.jpg);
    background-position: inherit;
  }
}
#ap-lavande .background-lavande-ap .background-lavande-ap-text {
  width: 35%;
  background-color: #fff;
  height: 75%;
  margin-right: 5%;
  padding: 45px;
  box-sizing: border-box;
  position: relative;
}
#ap-lavande .background-lavande-ap .background-lavande-ap-text .twig-2 {
  position: absolute;
  width: 30%;
  bottom: 0;
  right: 0;
}
@media (max-width: 1199px) {
  #ap-lavande .background-lavande-ap .background-lavande-ap-text {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #ap-lavande .background-lavande-ap .background-lavande-ap-text {
    width: 90%;
    height: 50%;
    padding: 20px;
    margin-bottom: 5%;
  }
}
#ap-lavande .g-serif-l2,
#ap-lavande .g-serif-l2-not-underlined {
  border-color: #998dad;
}
#ap-lavande .background-drawing-lavande.lazy-bg-loaded {
  background-image: url(/images/EL_LAVANDE_BLOC4.png);
  background-size: 200%;
  background-position: 50% 25%;
  background-repeat: no-repeat;
  width: 100%;
}
@media (min-width: 768px) {
  #ap-lavande .background-drawing-lavande.lazy-bg-loaded {
    background-image: url(/images/EL_LAVANDE_BLOC4-t.png);
    background-size: 150%;
    background-position: 50% 12%;
    background-repeat: no-repeat;
    width: 90%;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .background-drawing-lavande.lazy-bg-loaded {
    background-image: url(/images/EL_LAVANDE_BLOC4-l.png);
    background-size: 150%;
    background-position: 50% 9%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  #ap-lavande .background-drawing-lavande.lazy-bg-loaded {
    background-image: url(/images/EL_LAVANDE_BLOC4-x.png);
    background-size: 125%;
    background-position: 50% 8%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1440px) {
  #ap-lavande .background-drawing-lavande.lazy-bg-loaded {
    background-image: url(/images/EL_LAVANDE_BLOC4-x.png);
    background-size: 125%;
    background-position: 50% 6%;
    background-repeat: no-repeat;
  }
}
#ap-lavande .text-rdv-ap-lavande {
  position: absolute;
  color: #fff;
  line-height: 50px;
}
@media (max-width: 1023px) {
  #ap-lavande .text-rdv-ap-lavande {
    width: auto;
    bottom: auto;
    font-size: 34px;
    top: 25%;
  }
}
@media (max-width: 767px) {
  #ap-lavande .text-rdv-ap-lavande {
    font-size: 25px;
    top: inherit;
  }
}
@media (min-width: 1024px) {
  #ap-lavande .text-rdv-ap-lavande {
    font-size: 34px;
    right: auto;
    width: auto;
    top: 30%;
  }
}
#ap-lavande .text-rdv-ap-lavande span {
  text-transform: uppercase;
}
#ap-lavande .g-col--full-custom {
  width: 90%;
}
@media (max-width: 767px) {
  #ap-lavande .g-col--full-custom {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #ap-lavande .double-img-ap-lavande .g-col--half:first-child {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  #ap-lavande .double-img-ap-lavande .img-1 {
    width: 90%;
    margin-left: 10%;
  }
}
@media (max-width: 767px) {
  #ap-lavande .double-img-ap-lavande .img-2 {
    width: 90%;
    margin-right: 10%;
  }
}
#ap-lavande .semi-lavande-1 {
  background: #665e73;
  position: absolute;
  height: 225px;
  width: 100%;
  bottom: 0;
}
@media (min-width: 768px) {
  #ap-lavande .semi-lavande-1 {
    height: 275px;
  }
}
#ap-lavande .semi-lavande-2 {
  background: #665e73;
  position: absolute;
  height: 175px;
  width: 100%;
  top: 0;
}
#ap-lavande .lavande-quote {
  background: #665e73;
  padding-bottom: 50px !important;
}
@media (min-width: 768px) {
  #ap-lavande .lavande-quote {
    padding-bottom: 100px !important;
  }
}
#lavander-spinel .spinelle-lavande-video-container {
  position: relative;
  overflow: hidden;
}
#lavander-spinel .spinelle-lavande-video-container video {
  width: 100vw;
}
@media (max-width: 768px) {
  #lavander-spinel .spinelle-lavande-video-container video {
    background: url(images/poster-header-spinelle-lavande-v2-v-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 769px) {
  #lavander-spinel .spinelle-lavande-video-container video {
    background: url(images/poster-header-spinelle-lavande-v2-h-l.jpg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 1200px) {
  #lavander-spinel .spinelle-lavande-video-container video {
    background: url(images/poster-header-spinelle-lavande-v2-h-x.jpg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
#lavander-spinel .g-spinelle-lavande-header-picture {
  max-width: 100vw;
}
#lavander-spinel .background-lavande-ap {
  background-image: url(/images/background-lavande-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  height: 600px;
  z-index: 0;
  position: inherit;
}
@media (min-width: 768px) {
  #lavander-spinel .background-lavande-ap {
    background-image: url(/images/background-lavande-t.jpg);
    background-position: inherit;
  }
}
#lavander-spinel .background-lavande-ap .background-lavande-ap-text {
  width: 35%;
  background-color: #fff;
  height: 65%;
  margin-right: 5%;
  padding: 45px;
  box-sizing: border-box;
  position: relative;
}
#lavander-spinel .background-lavande-ap .background-lavande-ap-text .twig-2 {
  position: absolute;
  width: 30%;
  bottom: 0;
  right: 0;
}
@media (max-width: 1199px) {
  #lavander-spinel .background-lavande-ap .background-lavande-ap-text {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #lavander-spinel .background-lavande-ap .background-lavande-ap-text {
    width: 90%;
    height: 50%;
    padding: 20px;
    margin-bottom: 5%;
  }
}
@media (min-width: 1441px) {
  #lavander-spinel .g-fullscreen-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
#lavander-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-june {
  background-color: #665e73;
}
#lavander-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-june
  p {
  color: #fff;
}
#lavander-spinel
  .g-fullscreen-container.g-fullscreen-container-parenthesis-june
  p:hover {
  color: #998dad;
}
#lavander-spinel .g-fullscreen-container .g-fullscreen-sub-container {
  max-width: 1440px;
}
@media (min-width: 768px) {
  #lavander-spinel .g-fullscreen-container .g-fullscreen-sub-container {
    margin-top: 50px !important;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  #lavander-spinel .align-start-lavande {
    padding-top: 20px !important;
  }
}
@media (min-width: 769px) {
  #lavander-spinel .align-start-lavande {
    align-items: start;
  }
}
#lavander-spinel .parenthesis-title {
  color: #998dad;
  border-bottom: none;
  font-size: 55px;
}
@media (max-width: 568px) {
  #lavander-spinel .parenthesis-title {
    font-size: 30px;
    border-bottom: 2px solid #998dad !important;
  }
}
@media (min-width: 569px) and (max-width: 767px) {
  #lavander-spinel .parenthesis-title {
    font-size: 40px;
    border-bottom: 2px solid #998dad !important;
  }
}
#lavander-spinel img.packshot-lavander-image {
  width: 70%;
}
@media (min-width: 768px) {
  #lavander-spinel img.packshot-lavander-image {
    width: 35%;
  }
}
#lavander-spinel .g-col--half-lavander {
  width: 47%;
}
@media (max-width: 767px) {
  #lavander-spinel .g-col--half-lavander.full-mobile {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #lavander-spinel .g-col--half-lavander.full-mobile-text {
    width: 95% !important;
  }
}
#lavander-spinel .g-col--half-lavander-2 {
  width: 53%;
}
@media (max-width: 767px) {
  #lavander-spinel .g-col--half-lavander-2.full-mobile {
    width: 100%;
  }
}
#lavander-spinel .g-col--half-lavander-carre {
  width: 47%;
}
@media (max-width: 767px) {
  #lavander-spinel .g-col--half-lavander-carre.full-mobile {
    width: 80%;
  }
}
#lavander-spinel .img-full-width img {
  width: 100%;
}
#lavander-spinel .g-illustration-lavander {
  background-image: url(/images/lavande-1.png);
  background-repeat: no-repeat;
  background-size: 12%;
  background-position: 0 100%;
  max-width: 1440px;
}
@media (max-width: 767px) {
  #lavander-spinel .g-illustration-lavander {
    background-size: 25%;
  }
}
#lavander-spinel .g-illustration-lavander-2 {
  background-image: url(/images/lavande-2.png);
  background-repeat: no-repeat;
  background-size: 12%;
  background-position: 100% 100%;
  max-width: 1440px;
}
@media (max-width: 767px) {
  #lavander-spinel .g-illustration-lavander-2 {
    background-size: 25%;
  }
}
#lavander-spinel .g-illustration-lavander-3 {
  background-image: url(/images/lavande-3.png);
  background-repeat: no-repeat;
  background-size: 11%;
  background-position: 0;
  max-width: 1440px;
}
@media (max-width: 1199px) {
  #lavander-spinel .g-illustration-lavander-3 {
    background-position: 0 100%;
  }
}
@media (max-width: 767px) {
  #lavander-spinel .g-illustration-lavander-3 {
    background-size: 25%;
    background-position: 0 100%;
  }
}
#lavander-spinel .g-illustration-lavander-4 {
  background-image: url(/images/lavande-4.png);
  background-repeat: no-repeat;
  background-size: 12%;
  background-position: 100%;
  max-width: 1440px;
}
@media (max-width: 1199px) {
  #lavander-spinel .g-illustration-lavander-4 {
    background-position: 100% 100%;
  }
}
@media (max-width: 767px) {
  #lavander-spinel .g-illustration-lavander-4 {
    background-size: 25%;
    background-position: 100% 100%;
  }
}
#lavander-spinel .gem-btn--redirection {
  border-color: #d0857e;
  color: #000 !important;
  line-height: 17px;
}
#lavander-spinel .gem-btn--redirection:hover {
  background-color: #fff;
}
@media (max-width: 768px) {
  #lavander-spinel .h-d-from-t {
    display: none !important;
  }
}
#lavander-spinel div.wrap {
  border: 5px solid hsla(0, 0%, 100%, 0.65);
  width: 35%;
  height: 75%;
  margin: 0 0 0 60% !important;
}
@media (max-width: 567px) {
  #lavander-spinel div.wrap {
    margin-top: 90%;
    margin-right: auto;
    margin-left: auto;
    width: 70%;
    height: 30%;
  }
}
@media (min-width: 568px) and (max-width: 768px) {
  #lavander-spinel div.wrap {
    margin-top: 60%;
    margin-right: auto;
    margin-left: auto;
    width: 50%;
    height: 26%;
  }
}
#lavander-spinel div.inner {
  background: hsla(0, 0%, 100%, 0.65);
  height: 97%;
  width: 97%;
  margin: auto;
}
#lavander-spinel .g-serif-l1,
#lavander-spinel .g-serif-l2,
#lavander-spinel .g-serif-l2-not-underlined {
  padding: 0;
  border-bottom-color: #998dad !important;
}
#lavander-spinel .gem-btn--empty {
  border-color: #998dad;
  background-color: #998dad;
  color: #fff;
}
#lavander-spinel .gem-btn--empty:hover {
  border-color: #665e73;
  background-color: #665e73;
}
#lavander-spinel .g-pink-dark,
#lavander-spinel a:hover {
  color: #998dad;
}
#lavander-spinel .g-serif-l3 {
  color: #998dad !important;
}
#GemmyoramaInfluence .g-gemmyorama-influence-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #GemmyoramaInfluence .g-gemmyorama-influence-header-content {
    width: 700px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #GemmyoramaInfluence .g-gemmyorama-influence-header-content {
    width: 675px;
    top: -60%;
  }
}
@media (min-width: 1200px) {
  #GemmyoramaInfluence .g-gemmyorama-influence-header-content {
    width: 675px;
    top: -80%;
  }
}
#GemmyoramaInfluence h1 {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 10px auto;
  font-size: 33px;
  font-weight: 400;
}
#GemmyoramaInfluence h2 {
  letter-spacing: 2.5px;
}
#GemmyoramaInfluence h2.g-serif-caps-l1 {
  letter-spacing: normal;
}
#GemmyoramaInfluence .influencers-presentation-container {
  display: flex;
  width: 75%;
  justify-content: space-around;
  margin: auto;
}
@media (max-width: 1200px) {
  #GemmyoramaInfluence .influencers-presentation-container {
    width: 95%;
  }
}
@media (max-width: 767px) {
  #GemmyoramaInfluence .influencers-presentation-container {
    flex-direction: column;
    width: 100%;
  }
}
#GemmyoramaInfluence
  .influencers-presentation-container
  .influencers-presentation {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  #GemmyoramaInfluence
    .influencers-presentation-container
    .influencers-presentation {
    flex-direction: row;
    width: 100%;
    justify-content: space-evenly;
    text-align: start;
  }
  #GemmyoramaInfluence
    .influencers-presentation-container
    .influencers-presentation:nth-child(2) {
    flex-direction: row-reverse;
    margin: 15px auto;
    text-align: end;
  }
}
#GemmyoramaInfluence
  .influencers-presentation-container
  .influencers-presentation
  .circle {
  border-radius: 50%;
  overflow: hidden;
  width: 60%;
}
@media (max-width: 767px) {
  #GemmyoramaInfluence
    .influencers-presentation-container
    .influencers-presentation
    .circle {
    width: 125px;
  }
}
#GemmyoramaInfluence
  .influencers-presentation-container
  .influencers-presentation
  p {
  text-align: center;
  margin: 20px 0;
}
@media (max-width: 767px) {
  #GemmyoramaInfluence
    .influencers-presentation-container
    .influencers-presentation
    p {
    text-align: inherit;
    width: calc(95% - 150px);
  }
}
#GemmyoramaInfluence .block-gemmyorama-influence {
  width: 90%;
  display: flex;
  margin: auto;
  justify-content: space-between;
  height: 685px;
}
@media (max-width: 1200px) {
  #GemmyoramaInfluence .block-gemmyorama-influence {
    height: 650px;
    width: 95%;
  }
}
#GemmyoramaInfluence .block-gemmyorama-influence .product-gemmyorama-influence {
  width: 33%;
}
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.montage,
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.one-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.montage
  a:nth-child(2),
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.one-image
  a:nth-child(2) {
  margin: 0;
}
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.montage.montage-absolute,
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.one-image.montage-absolute {
  position: relative;
  height: fit-content;
}
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.montage.montage-absolute
  a:first-child,
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.one-image.montage-absolute
  a:first-child {
  width: 75%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  #GemmyoramaInfluence
    .block-gemmyorama-influence
    .product-gemmyorama-influence.montage.montage-absolute
    a:first-child,
  #GemmyoramaInfluence
    .block-gemmyorama-influence
    .product-gemmyorama-influence.one-image.montage-absolute
    a:first-child {
    width: 80%;
  }
}
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.montage.montage-absolute
  a:nth-child(2),
#GemmyoramaInfluence
  .block-gemmyorama-influence
  .product-gemmyorama-influence.one-image.montage-absolute
  a:nth-child(2) {
  position: absolute;
  width: 50%;
  top: 396px;
  right: 25px;
}
@media (max-width: 1200px) {
  #GemmyoramaInfluence
    .block-gemmyorama-influence
    .product-gemmyorama-influence.montage.montage-absolute
    a:nth-child(2),
  #GemmyoramaInfluence
    .block-gemmyorama-influence
    .product-gemmyorama-influence.one-image.montage-absolute
    a:nth-child(2) {
    width: 55%;
    top: 375px;
    right: 20px;
  }
}
#GemmyoramaInfluence .packshot-gemmyorama-influence {
  position: relative;
}
#GemmyoramaInfluence
  .packshot-gemmyorama-influence
  .gemmyorama-influence-absolute {
  position: absolute;
  top: 0;
  left: -30px;
  width: 100%;
}
#GemmyoramaInfluence
  .packshot-gemmyorama-influence
  .packshot-gemmyorama-influence-img {
  width: 65%;
}
#GemmyoramaInfluence
  .packshot-gemmyorama-influence
  .packshot-gemmyorama-influence-text {
  width: 75%;
  margin: auto;
  text-align: center;
}
#GemmyoramaInfluence
  .packshot-gemmyorama-influence
  .packshot-gemmyorama-influence-text
  h2:after {
  content: url(/images/pen-pink.svg);
  display: block;
  margin: 0 auto;
  width: 6rem;
}
#GemmyoramaInfluence .block-gemmyorama-influence-2 {
  align-items: center;
  height: auto;
}
#GemmyoramaInfluence .block-gemmyorama-influence-2 .montage {
  width: 55%;
  position: relative;
}
@media (max-width: 1023px) {
  #GemmyoramaInfluence .block-gemmyorama-influence-2 .montage {
    width: 60%;
  }
}
#GemmyoramaInfluence .block-gemmyorama-influence-2 .montage .nolwenn-instagram {
  position: absolute;
  top: 6%;
}
@media (max-width: 1023px) {
  #GemmyoramaInfluence
    .block-gemmyorama-influence-2
    .montage
    .nolwenn-instagram {
    top: 12.5%;
  }
}
#GemmyoramaInfluence
  .block-gemmyorama-influence-2
  .packshot-gemmyorama-influence {
  width: 45%;
}
#GemmyoramaInfluence
  .block-gemmyorama-influence-2
  .packshot-gemmyorama-influence
  img {
  width: 65%;
}
@media (max-width: 1023px) {
  #GemmyoramaInfluence
    .block-gemmyorama-influence-2
    .packshot-gemmyorama-influence
    img {
    width: 85%;
  }
}
#GemmyoramaInfluence .block-gemmyorama-influence-tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #GemmyoramaInfluence .block-gemmyorama-influence-tablet {
    display: block;
  }
}
#GemmyoramaInfluence .block-gemmyorama-influence-tablet .g-col-container {
  justify-content: space-evenly;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #GemmyoramaInfluence
    .block-gemmyorama-influence-tablet
    .g-col-container
    .g-col--half {
    width: 358px !important;
  }
}
#GemmyoramaInfluence .block-gemmyorama-influence-tablet video {
  width: 80%;
}
#GemmyoramaInfluence .block-gemmyorama-influence-mobile {
  width: 100%;
  margin: auto;
}
#GemmyoramaInfluence .block-gemmyorama-influence-mobile .montage-second-image {
  position: absolute;
  top: 400px;
  width: 70%;
  left: 250px;
}
#GemmyoramaInfluence .gemmyorama-influence-context {
  display: flex;
  width: 90%;
  margin: auto;
}
@media (max-width: 767px) {
  #GemmyoramaInfluence .gemmyorama-influence-context {
    display: inherit;
  }
}
#GemmyoramaInfluence .gemmyorama-influence-context .product {
  width: 30%;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #GemmyoramaInfluence .gemmyorama-influence-context .product {
    margin-bottom: 25px;
    width: 95%;
  }
}
#GemmyoramaInfluence .haute-jo-container-gemmyorama-influence {
  max-width: 1440px;
}
#GemmyoramaInfluence
  .haute-jo-container-gemmyorama-influence.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/background-toile-2.jpg);
  background-repeat: no-repeat;
  background-position: top;
}
@media (min-width: 768px) {
  #GemmyoramaInfluence
    .haute-jo-container-gemmyorama-influence.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toile-2-t.jpg);
  }
}
@media (min-width: 1024px) {
  #GemmyoramaInfluence
    .haute-jo-container-gemmyorama-influence.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toile-2-l.jpg);
  }
}
@media (min-width: 1200px) {
  #GemmyoramaInfluence
    .haute-jo-container-gemmyorama-influence.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toile-2-x.jpg);
  }
}
@media (max-width: 768px) {
  #GemmyoramaInfluence
    .haute-jo-container-gemmyorama-influence
    .haute-jo-container-gemmyorama-influence-sub-container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #GemmyoramaInfluence
    .haute-jo-container-gemmyorama-influence
    .haute-jo-container-gemmyorama-influence-sub-container {
    padding: 75px 0 0;
  }
}
#GemmyoramaInfluence
  .haute-jo-container-gemmyorama-influence
  .haute-jo-container-gemmyorama-influence-sub-container
  p {
  padding: 0 15px;
}
#GemmyoramaInfluence .haute-jo-container-gemmyorama-influence h2 {
  text-transform: uppercase;
  margin: 0;
}
#GemmyoramaInfluence .haute-jo-container-gemmyorama-influence h2:after {
  content: url(/images/pen-pink.svg);
  display: block;
  margin: 0 auto;
  width: 6rem;
}
#GemmyoramaInfluence .gem-btn--gemmyorama-influence {
  border-color: #f6a99b;
  color: #fff !important;
  background-color: #f6a99b;
  transition: 0.2s;
}
#GemmyoramaInfluence .gem-btn--gemmyorama-influence:hover {
  background-color: #ff8f7b;
  border-color: #ff8f7b;
  transition: 0.2s;
}
#GemmyoramaInfluence .tache-1 {
  position: absolute;
  right: 0;
  width: 15%;
  top: -20%;
}
@media (max-width: 1200px) {
  #GemmyoramaInfluence .tache-1 {
    width: 18%;
  }
}
@media (max-width: 1023px) {
  #GemmyoramaInfluence .tache-1 {
    width: 22%;
    top: -10%;
  }
}
#GemmyoramaInfluence .tache-2 {
  position: absolute;
  width: 20%;
  top: -20%;
}
@media (max-width: 1023px) {
  #GemmyoramaInfluence .tache-2 {
    width: 22%;
    top: -13%;
  }
}
#GemmyoramaInfluence .tache-3 {
  position: absolute;
  width: 20%;
  right: 0;
  top: -30%;
}
@media (max-width: 1200px) {
  #GemmyoramaInfluence .tache-3 {
    top: -22%;
  }
}
@media (max-width: 1023px) {
  #GemmyoramaInfluence .tache-3 {
    width: 24%;
    top: -15%;
  }
}
#GemmyoramaInfluence .tache-4 {
  position: absolute;
  width: 15%;
  bottom: -10%;
}
@media (max-width: 1023px) {
  #GemmyoramaInfluence .tache-4 {
    width: 16%;
    bottom: -8%;
  }
}
#Gemmyorama .g-gemmyorama-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #Gemmyorama .g-gemmyorama-header-content {
    width: 540px;
    margin: 0 auto;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #Gemmyorama .g-gemmyorama-header-content {
    background-color: #fff;
    width: 650px;
    top: -60%;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama .g-gemmyorama-header-content {
    width: 650px;
    top: -80%;
  }
}
#Gemmyorama img.packshot-gemmyorama-image {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #Gemmyorama img.packshot-gemmyorama-image {
    width: 70% !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  #Gemmyorama img.packshot-gemmyorama-image {
    width: 75% !important;
  }
}
@media (min-width: 1201px) and (max-width: 1439px) {
  #Gemmyorama img.packshot-gemmyorama-image {
    width: 80% !important;
  }
}
#Gemmyorama .title-collection-page {
  border-bottom: none;
  font-size: 55px;
  letter-spacing: 5px;
  text-transform: uppercase !important;
}
@media (max-width: 414px) {
  #Gemmyorama .title-collection-page {
    font-size: 33px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  #Gemmyorama .title-collection-page {
    font-size: 45px;
    line-height: 45px;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #Gemmyorama .title-collection-page {
    font-size: 50px;
    line-height: 45px;
    padding: 0;
  }
}
#Gemmyorama .g-serif-l2,
#Gemmyorama .g-serif-l2-not-underlined {
  margin: 10px 0 0 !important;
}
#Gemmyorama .title-gemmyorama {
  font-size: 21px !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px;
}
@media (max-width: 360px) {
  #Gemmyorama .title-gemmyorama {
    font-size: 15px !important;
  }
}
@media (min-width: 361px) and (max-width: 414px) {
  #Gemmyorama .title-gemmyorama {
    font-size: 18px !important;
  }
}
@media (min-width: 415px) and (max-width: 767px) {
  #Gemmyorama .title-gemmyorama {
    margin: 0 !important;
    font-size: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #Gemmyorama .title-gemmyorama {
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  #Gemmyorama .title-gemmyorama {
    font-size: 16px !important;
  }
}
@media (min-width: 1201px) {
  #Gemmyorama .title-gemmyorama {
    font-size: 18px !important;
  }
}
@media (max-width: 1200px) {
  #Gemmyorama .title-gemmyorama span {
    display: none;
  }
}
#Gemmyorama .title-gemmyorama:after {
  content: url(/images/pen-blue-grey.svg);
  display: block;
  margin: 0 auto;
  width: 6rem;
}
@media (max-width: 1200px) {
  #Gemmyorama .title-gemmyorama:after {
    width: 5rem;
  }
}
#Gemmyorama .img-grid {
  display: block;
  max-width: 100%;
  height: auto;
  gap: 0 10px;
}
#Gemmyorama .container {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-template-rows: 1fr;
  gap: 0 10px;
  grid-template-areas: "text-1 photo-2 photo-3";
  width: 100%;
}
@media (max-width: 767px) {
  #Gemmyorama .container {
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 0.5fr;
    grid-template-areas: "photo-2 photo-3" "text-1 text-1";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #Gemmyorama .container {
    grid-template-columns: 0.5fr 0.8fr;
    grid-template-rows: 1fr;
  }
}
#Gemmyorama .container .text-1 {
  grid-area: text-1;
}
#Gemmyorama .container .photo-2 {
  grid-area: photo-2;
}
#Gemmyorama .container .photo-3 {
  grid-area: photo-3;
  width: 100% !important;
}
#Gemmyorama .container .photo-3 video {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
@media (min-width: 769px) {
  #Gemmyorama .container .photo-3 video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #Gemmyorama .container .photo-3 {
    width: 0 !important;
  }
}
#Gemmyorama .container-bis {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0 10px;
  grid-template-areas: "photo-2 photo-3 text-1 ";
  width: 100%;
}
@media (max-width: 767px) {
  #Gemmyorama .container-bis {
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 0.5fr;
    grid-template-areas: "photo-2 photo-3" "text-1 text-1";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #Gemmyorama .container-bis {
    grid-template-columns: 0.8fr 0.5fr;
    grid-template-rows: 1fr;
    grid-template-areas: "photo-2 text-1 ";
  }
}
#Gemmyorama .container-bis .text-1 {
  grid-area: text-1;
}
#Gemmyorama .container-bis .photo-2 {
  grid-area: photo-2;
}
#Gemmyorama .container-bis .photo-2 video {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
@media (min-width: 769px) {
  #Gemmyorama .container-bis .photo-2 video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
#Gemmyorama .container-bis .photo-3 {
  grid-area: photo-3;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #Gemmyorama .container-bis .photo-3 {
    width: 0;
  }
}
#Gemmyorama .container-bis .photo-3 video {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
@media (min-width: 769px) {
  #Gemmyorama .container-bis .photo-3 video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
#Gemmyorama .haute-jo-container-primarosa-ii {
  max-width: 1440px;
  background: #fdf4ed;
}
@media (max-width: 768px) {
  #Gemmyorama
    .haute-jo-container-primarosa-ii
    .haute-jo-container-primarosa-sub-container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #Gemmyorama
    .haute-jo-container-primarosa-ii
    .haute-jo-container-primarosa-sub-container {
    padding: 75px 0;
  }
}
#Gemmyorama .haute-jo-container-primarosa-ii .g-serif-l2,
#Gemmyorama .haute-jo-container-primarosa-ii .g-serif-l2-not-underlined {
  border-bottom: none;
}
#Gemmyorama .haute-jo-container-primarosa-ii .g-cat-subtext,
#Gemmyorama
  .haute-jo-container-primarosa-ii
  .g-popin--dialog
  .vex-dialog-button,
#Gemmyorama .haute-jo-container-primarosa-ii .g-serif-l2,
#Gemmyorama .haute-jo-container-primarosa-ii .g-serif-l2-not-underlined,
#Gemmyorama .haute-jo-container-primarosa-ii .g-serif-text,
#Gemmyorama .haute-jo-container-primarosa-ii .gem-btn,
.g-popin--dialog
  #Gemmyorama
  .haute-jo-container-primarosa-ii
  .vex-dialog-button {
  color: #000;
}
#Gemmyorama .haute-jo-container-primarosa-ii .h-grey-semi-dark {
  color: #949494;
}
#Gemmyorama .grid-container-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0 10px;
  grid-template-areas: "photo-1 photo-2" "photo-3-inspiration photo-4";
  width: 100%;
  grid-gap: 1em;
}
#Gemmyorama .grid-container-2 .photo-1 {
  grid-area: photo-1;
}
#Gemmyorama .grid-container-2 .photo-2 {
  grid-area: photo-2;
}
#Gemmyorama .grid-container-2 .photo-3-inspiration {
  grid-area: photo-3-inspiration;
}
#Gemmyorama .grid-container-2 .photo-4 {
  grid-area: photo-4;
}
#Gemmyorama .haute-jo-container-gemmyorama {
  max-width: 1440px;
}
#Gemmyorama .haute-jo-container-gemmyorama.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/background-toile-2-tache-splus.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
}
@media (min-width: 768px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toile-2-tache-2-t.jpg);
    background-position: top;
  }
}
@media (min-width: 1024px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toile-2-tache-2-4-l.jpg);
  }
}
@media (min-width: 1200px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-toile-2-tache-2-4-x.jpg);
  }
}
#Gemmyorama .haute-jo-container-gemmyorama.background-drawing-2.lazy-bg-loaded {
  background-image: url(/images/background-toile-3-tache-splus.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 0;
}
@media (min-width: 768px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-toile-3-tache-t.jpg);
  }
}
@media (min-width: 1024px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-toile-3-tache-6-l.jpg);
    background-position: 0 0;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-2.lazy-bg-loaded {
    background-image: url(/images/background-toile-3-tache-6-x.jpg);
  }
}
#Gemmyorama .haute-jo-container-gemmyorama.background-drawing-3.lazy-bg-loaded {
  background-image: url(/images/background-taches-bleues-1-2.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: bottom;
  background-position-x: left;
}
@media (min-width: 415px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-3.lazy-bg-loaded {
    background-size: contain;
    background-position-y: bottom;
    background-position-x: left;
  }
}
@media (min-width: 568px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-3.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    background-size: contain;
  }
}
@media (min-width: 768px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-taches-bleues-1-2-t.jpg);
    background-position-x: inherit;
    background-size: contain;
    background-position: top;
  }
}
@media (min-width: 1024px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-taches-bleues-1-2-l.jpg);
    background-position-x: inherit;
    background-size: contain;
    background-position: top;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-3.lazy-bg-loaded {
    background-image: url(/images/background-taches-bleues-1-2-x.jpg);
    background-position-x: inherit;
    background-size: contain;
    background-position: top;
  }
}
#Gemmyorama .haute-jo-container-gemmyorama.background-drawing-4.lazy-bg-loaded {
  background-image: url(/images/background-tache-jaune.jpg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position-y: bottom;
  background-position-x: left;
}
@media (min-width: 415px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-4.lazy-bg-loaded {
    background-size: 60%;
    background-position-y: bottom;
    background-position-x: left;
  }
}
@media (min-width: 568px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-4.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    background-size: 38%;
  }
}
@media (min-width: 768px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/background-tache-jaune-t.jpg);
    background-position-x: inherit;
    background-size: contain;
    background-position: top;
  }
}
@media (min-width: 1024px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/background-tache-jaune-l.jpg);
    background-position-x: inherit;
    background-size: 55%;
    background-position: 0 0;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-4.lazy-bg-loaded {
    background-image: url(/images/background-tache-jaune-x.jpg);
    background-position-x: inherit;
    background-size: 75%;
    background-position: 0 0;
  }
}
#Gemmyorama .haute-jo-container-gemmyorama.background-drawing-5.lazy-bg-loaded {
  background-image: url(/images/background-tache-bleu-2.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: bottom;
  background-position-x: left;
}
@media (min-width: 415px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-5.lazy-bg-loaded {
    background-size: contain;
    background-position-y: bottom;
    background-position-x: left;
  }
}
@media (min-width: 568px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-5.lazy-bg-loaded {
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    background-size: contain;
  }
}
@media (min-width: 768px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-tache-bleu-2-t.jpg);
    background-position-x: inherit;
    background-size: contain;
    background-position: top;
  }
}
@media (min-width: 1024px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-tache-bleu-2-l.jpg);
    background-position-x: inherit;
    background-size: contain;
    background-position: top;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama.background-drawing-5.lazy-bg-loaded {
    background-image: url(/images/background-tache-bleu-2-x.jpg);
    background-position-x: inherit;
    background-size: 70%;
    background-position: 100% 0;
  }
}
@media (max-width: 768px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama
    .haute-jo-container-gemmyorama-sub-container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #Gemmyorama
    .haute-jo-container-gemmyorama
    .haute-jo-container-gemmyorama-sub-container {
    padding: 75px 0 0;
  }
}
#Gemmyorama .haute-jo-container-gemmyorama .g-serif-l2,
#Gemmyorama .haute-jo-container-gemmyorama .g-serif-l2-not-underlined {
  border-bottom: none;
}
#Gemmyorama .haute-jo-container-gemmyorama .g-cat-subtext,
#Gemmyorama .haute-jo-container-gemmyorama .g-popin--dialog .vex-dialog-button,
#Gemmyorama .haute-jo-container-gemmyorama .g-serif-l2,
#Gemmyorama .haute-jo-container-gemmyorama .g-serif-l2-not-underlined,
#Gemmyorama .haute-jo-container-gemmyorama .g-serif-text,
#Gemmyorama .haute-jo-container-gemmyorama .gem-btn,
.g-popin--dialog #Gemmyorama .haute-jo-container-gemmyorama .vex-dialog-button {
  color: #000;
}
#Gemmyorama .haute-jo-container-gemmyorama .h-grey-semi-dark {
  color: #949494;
}
#Gemmyorama .gem-btn--gemmyorama {
  border-color: #21466f !important;
  color: #fff !important;
  background-color: #21466f !important;
}
#Gemmyorama .g-col--third {
  width: 30% !important;
}
@media (max-width: 767px) {
  #Gemmyorama .g-col--third.half-mobile {
    padding-top: 15px;
    width: 48% !important;
  }
}
@media (max-width: 767px) {
  #Gemmyorama .g-col--third.half-mobile-custom {
    width: 47% !important;
  }
}
@media (max-width: 767px) {
  #Gemmyorama .g-col--third.full-mobile {
    width: 95% !important;
    padding: 0 15px;
  }
}
#Gemmyorama .logo-chapitre1 {
  max-width: 300px;
  margin: 10px auto;
}
@media (max-width: 1023px) {
  #Gemmyorama .logo-chapitre1 {
    max-width: 250px;
  }
}
#Gemmyorama .logo-position {
  position: absolute;
  right: 3%;
}
@media (max-width: 1199px) {
  #Gemmyorama .logo-position {
    right: 0;
  }
}
@media (max-width: 767px) {
  #Gemmyorama .logo-position {
    bottom: 0;
    right: auto;
  }
}
#Gemmyorama .separation:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 7rem;
  border-bottom: 2px solid #21466f;
}
#Gemmyorama .g-overlay-container {
  position: relative;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #Gemmyorama .h-grow-for-l {
    flex-grow: 1;
  }
}
#Gemmyorama .swipper-col-container {
  width: 100%;
}
@media (max-width: 413px) {
  #Gemmyorama .swipper-col-container .g-hover--text {
    padding: 0 2px;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  #Gemmyorama .swipper-col-container {
    width: 414px;
  }
}
@media (min-width: 768px) {
  #Gemmyorama .swipper-col-container {
    width: 720px;
  }
}
@media (min-width: 1024px) {
  #Gemmyorama .swipper-col-container {
    width: 440px;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama .swipper-col-container {
    width: 600px;
  }
}
@media (min-width: 1440px) {
  #Gemmyorama .swipper-col-container {
    width: 720px;
  }
}
#Gemmyorama .video-gemmyorama video {
  width: 100vw;
  background: url(/static/videos/poster-co-gemmyorama-inspiration-t.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  #Gemmyorama .video-gemmyorama video {
    background: url(/static/videos/poster-co-gemmyorama-inspiration-l.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama .video-gemmyorama video {
    background: url(/static/videos/poster-co-gemmyorama-inspiration-x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1441px) {
  #Gemmyorama .video-gemmyorama video {
    max-width: 1800px;
  }
}
#Gemmyorama .gjs-style-swiper-container,
#Gemmyorama .gjs-style-swiper-container-bracelet,
#Gemmyorama .gjs-style-swiper-container-earrings,
#Gemmyorama .gjs-style-swiper-container-pendant,
#Gemmyorama .shape-container .swiper-container {
  width: 100%;
  height: 270px;
}
@media (min-width: 360px) {
  #Gemmyorama .gjs-style-swiper-container,
  #Gemmyorama .gjs-style-swiper-container-bracelet,
  #Gemmyorama .gjs-style-swiper-container-earrings,
  #Gemmyorama .gjs-style-swiper-container-pendant,
  #Gemmyorama .shape-container .swiper-container {
    height: 300px;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  #Gemmyorama .gjs-style-swiper-container,
  #Gemmyorama .gjs-style-swiper-container-bracelet,
  #Gemmyorama .gjs-style-swiper-container-earrings,
  #Gemmyorama .gjs-style-swiper-container-pendant,
  #Gemmyorama .shape-container .swiper-container {
    width: 414px;
  }
}
@media (min-width: 768px) {
  #Gemmyorama .gjs-style-swiper-container,
  #Gemmyorama .gjs-style-swiper-container-bracelet,
  #Gemmyorama .gjs-style-swiper-container-earrings,
  #Gemmyorama .gjs-style-swiper-container-pendant,
  #Gemmyorama .shape-container .swiper-container {
    width: 720px;
    height: 320px;
  }
}
@media (min-width: 1024px) {
  #Gemmyorama .gjs-style-swiper-container,
  #Gemmyorama .gjs-style-swiper-container-bracelet,
  #Gemmyorama .gjs-style-swiper-container-earrings,
  #Gemmyorama .gjs-style-swiper-container-pendant,
  #Gemmyorama .shape-container .swiper-container {
    width: 440px;
    height: 310px;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama .gjs-style-swiper-container,
  #Gemmyorama .gjs-style-swiper-container-bracelet,
  #Gemmyorama .gjs-style-swiper-container-earrings,
  #Gemmyorama .gjs-style-swiper-container-pendant,
  #Gemmyorama .shape-container .swiper-container {
    width: 600px;
    height: 295px;
  }
}
@media (min-width: 1440px) {
  #Gemmyorama .gjs-style-swiper-container,
  #Gemmyorama .gjs-style-swiper-container-bracelet,
  #Gemmyorama .gjs-style-swiper-container-earrings,
  #Gemmyorama .gjs-style-swiper-container-pendant,
  #Gemmyorama .shape-container .swiper-container {
    width: 720px;
    height: 330px;
  }
}
#Gemmyorama .swiper-slide {
  width: 50% !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #Gemmyorama .swiper-slide {
    width: 240px !important;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama .swiper-slide {
    width: 240px !important;
  }
}
#Gemmyorama .swiper-pagination.swiper-pagination-bullets {
  bottom: 8px !important;
}
#Gemmyorama .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 3px;
}
@media (min-width: 768px) {
  #Gemmyorama .redirection-gemmyorama-influence {
    width: 90%;
  }
}
@media (min-width: 768px) {
  #Gemmyorama .redirection-gemmyorama-influence a.g-col--half {
    width: 40% !important;
  }
}
@media (min-width: 768px) {
  #Gemmyorama .redirection-gemmyorama-influence .g-col--half {
    width: 60% !important;
  }
}
#Gemmyorama .background-drawing-redirection {
  background-image: url(/images/background-toile-3-tache-splus.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
}
@media (min-width: 768px) {
  #Gemmyorama .background-drawing-redirection {
    background-image: url(/images/background-toile-3-tache-t.jpg);
  }
}
@media (min-width: 1024px) {
  #Gemmyorama .background-drawing-redirection {
    background-image: url(/images/background-toile-tache-l.jpg);
    background-position: 0 0;
  }
}
@media (min-width: 1200px) {
  #Gemmyorama .background-drawing-redirection {
    background-image: url(/images/background-toile-tache-x.jpg);
  }
}
@media (min-width: 1025px) {
  #Gemmyorama .background-drawing-redirection .g-serif-text {
    max-width: 70%;
  }
}
@media (min-width: 1441px) {
  #met .haute-jo-container-retromilano-2,
  #retromilano .haute-jo-container-retromilano-2 {
    position: relative;
  }
}
#met .haute-jo-container-retromilano-sub-container,
#retromilano .haute-jo-container-retromilano-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  #met .haute-jo-container-retromilano-sub-container,
  #retromilano .haute-jo-container-retromilano-sub-container {
    max-width: 1440px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
#met .background-retromilano.lazy-bg-loaded,
#retromilano .background-retromilano.lazy-bg-loaded {
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
@media (min-width: 768px) {
  #met .background-retromilano.lazy-bg-loaded,
  #retromilano .background-retromilano.lazy-bg-loaded {
    background-image: url(/images/background-block-2-t.jpg);
    background-size: 80%;
    background-position: 100% 0;
  }
}
@media (min-width: 1024px) {
  #met .background-retromilano.lazy-bg-loaded,
  #retromilano .background-retromilano.lazy-bg-loaded {
    background-image: url(/images/background-block-2-l.jpg);
    background-size: 90%;
  }
}
@media (min-width: 1200px) {
  #met .background-retromilano.lazy-bg-loaded,
  #retromilano .background-retromilano.lazy-bg-loaded {
    background-image: url(/images/background-block-2-x.jpg);
    background-size: 90%;
  }
}
@media (min-width: 768px) {
  #met .background-retromilano-1.lazy-bg-loaded,
  #retromilano .background-retromilano-1.lazy-bg-loaded {
    background-image: url(/images/background-retromilano-prima-3-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 8;
    position: inherit;
    background-position: 100% 0;
    height: 650px;
  }
}
@media (min-width: 1024px) {
  #met .background-retromilano-1.lazy-bg-loaded,
  #retromilano .background-retromilano-1.lazy-bg-loaded {
    background-image: url(/images/background-retromilano-prima-3-l.jpg);
    height: 650px;
  }
}
@media (min-width: 1200px) {
  #met .background-retromilano-1.lazy-bg-loaded,
  #retromilano .background-retromilano-1.lazy-bg-loaded {
    background-image: url(/images/background-retromilano-prima-3-x.jpg);
    height: 650px;
  }
}
#met .background-retromilano-2.lazy-bg-loaded,
#retromilano .background-retromilano-2.lazy-bg-loaded {
  background-image: url(/images/duomo-milano-aquarelle-6-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  position: center;
}
@media (min-width: 768px) {
  #met .background-retromilano-2.lazy-bg-loaded,
  #retromilano .background-retromilano-2.lazy-bg-loaded {
    background-image: url(/images/duomo-milano-aquarelle-7-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    position: center;
    height: 650px;
  }
}
@media (min-width: 1024px) {
  #met .background-retromilano-2.lazy-bg-loaded,
  #retromilano .background-retromilano-2.lazy-bg-loaded {
    background-image: url(/images/duomo-milano-aquarelle-6-l.jpg);
    height: 650px;
  }
}
@media (min-width: 1200px) {
  #met .background-retromilano-2.lazy-bg-loaded,
  #retromilano .background-retromilano-2.lazy-bg-loaded {
    background-image: url(/images/duomo-milano-aquarelle-6-x.jpg);
    height: 650px;
  }
}
#met .background-retromilano-3.lazy-bg-loaded,
#retromilano .background-retromilano-3.lazy-bg-loaded {
  background-image: url(/images/background-rm-verti-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  background-position: 50%;
}
#met .background-retromilano-4.lazy-bg-loaded,
#retromilano .background-retromilano-4.lazy-bg-loaded {
  background-image: url(/images/background-rm-gouache-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  background-position: 100%;
}
@media (min-width: 768px) {
  #met .background-retromilano-4.lazy-bg-loaded,
  #retromilano .background-retromilano-4.lazy-bg-loaded {
    background-image: url(/images/background-rm-gouache-v2-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    position: center;
    height: 650px;
  }
}
@media (min-width: 1024px) {
  #met .background-retromilano-4.lazy-bg-loaded,
  #retromilano .background-retromilano-4.lazy-bg-loaded {
    background-image: url(/images/background-rm-gouache-v2-l.jpg);
    height: 650px;
  }
}
@media (min-width: 1200px) {
  #met .background-retromilano-4.lazy-bg-loaded,
  #retromilano .background-retromilano-4.lazy-bg-loaded {
    background-image: url(/images/background-rm-gouache-v2-x.jpg);
    height: 650px;
  }
}
@media (min-width: 768px) {
  #met .background-retromilano-5.lazy-bg-loaded,
  #retromilano .background-retromilano-5.lazy-bg-loaded {
    background-image: url(/images/rm-prima-s-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 8;
    position: inherit;
    background-position: 50%;
    height: 650px;
  }
}
@media (min-width: 1024px) {
  #met .background-retromilano-5.lazy-bg-loaded,
  #retromilano .background-retromilano-5.lazy-bg-loaded {
    background-image: url(/images/rm-prima-s-l.jpg);
    height: 650px;
  }
}
@media (min-width: 1200px) {
  #met .background-retromilano-5.lazy-bg-loaded,
  #retromilano .background-retromilano-5.lazy-bg-loaded {
    background-image: url(/images/rm-prima-s-x.jpg);
    height: 650px;
  }
}
#met .background-retromilano-6.lazy-bg-loaded,
#retromilano .background-retromilano-6.lazy-bg-loaded {
  background-image: url(/images/background-rm-gouache-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  position: center;
  background-position: 50%;
}
@media (min-width: 768px) {
  #met .background-retromilano-6.lazy-bg-loaded,
  #retromilano .background-retromilano-6.lazy-bg-loaded {
    background-image: url(/images/background-rm-history-v14-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 8;
    position: inherit;
    background-position: 0;
  }
}
@media (min-width: 1024px) {
  #met .background-retromilano-6.lazy-bg-loaded,
  #retromilano .background-retromilano-6.lazy-bg-loaded {
    background-image: url(/images/background-rm-history-v13-l.jpg);
    height: 650px;
  }
}
@media (min-width: 1200px) {
  #met .background-retromilano-6.lazy-bg-loaded,
  #retromilano .background-retromilano-6.lazy-bg-loaded {
    background-image: url(/images/background-rm-history-v13-x.jpg);
    height: 600px;
  }
}
#met .background-retromilano-7.lazy-bg-loaded,
#retromilano .background-retromilano-7.lazy-bg-loaded {
  background-image: url(/images/background-rm-gouache-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  position: center;
}
@media (min-width: 768px) {
  #met .background-retromilano-7.lazy-bg-loaded,
  #retromilano .background-retromilano-7.lazy-bg-loaded {
    background-image: url(/images/background-rm-history-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 8;
    position: inherit;
    background-position: 0;
    height: 650px;
  }
}
@media (min-width: 1024px) {
  #met .background-retromilano-7.lazy-bg-loaded,
  #retromilano .background-retromilano-7.lazy-bg-loaded {
    background-image: url(/images/background-rm-history-l.jpg);
    height: 650px;
  }
}
@media (min-width: 1200px) {
  #met .background-retromilano-7.lazy-bg-loaded,
  #retromilano .background-retromilano-7.lazy-bg-loaded {
    background-image: url(/images/background-rm-history-x.jpg);
    height: 650px;
  }
}
#met .text-container,
#retromilano .text-container {
  margin-right: 5%;
  padding: 20px;
  box-sizing: border-box;
  background: #f8f0e8;
  width: 30%;
  height: 650px;
  position: relative;
  right: 55% !important;
}
@media (min-width: 768px) and (max-width: 1200px) {
  #met .text-container,
  #retromilano .text-container {
    width: 40% !important;
  }
}
@media (max-width: 767px) {
  #met .text-container,
  #retromilano .text-container {
    width: 95%;
    height: 100%;
    padding: 20px;
    margin: auto;
    top: 30%;
    right: 0 !important;
  }
}
#met .text-container-2,
#retromilano .text-container-2 {
  margin-right: 5%;
  padding: 17px;
  box-sizing: border-box;
  background: #f8f0e8;
  width: 30%;
  height: 650px;
  position: relative;
  right: 0 !important;
}
@media (min-width: 768px) and (max-width: 1200px) {
  #met .text-container-2,
  #retromilano .text-container-2 {
    width: 40% !important;
  }
}
@media (max-width: 767px) {
  #met .text-container-2,
  #retromilano .text-container-2 {
    width: 95%;
    height: 100%;
    padding: 20px;
    margin: auto;
    top: 30%;
  }
}
#met .g-retromilano-header-picture,
#retromilano .g-retromilano-header-picture {
  width: 100%;
  max-width: 100vw;
}
@media (min-width: 1025px) {
  #met .g-retromilano-header-picture,
  #retromilano .g-retromilano-header-picture {
    width: 95%;
  }
}
#met .retromilano-video-container,
#retromilano .retromilano-video-container {
  position: relative;
  overflow: hidden;
}
#met .retromilano-video-container video,
#retromilano .retromilano-video-container video {
  width: 100vw;
}
@media (min-width: 1025px) {
  #met .retromilano-video-container video,
  #retromilano .retromilano-video-container video {
    width: 95vw;
  }
}
#met .gem-btn--retromilano-2,
#retromilano .gem-btn--retromilano-2 {
  background-color: #b08a71 !important;
  border-color: #b08a71 !important;
  color: #fff !important;
  margin-bottom: 15px !important;
}
#met .title-retromilano-2,
#retromilano .title-retromilano-2 {
  font-family: Cammron, Perpetua, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #b08a71;
  text-transform: uppercase;
  font-size: 18px !important;
  padding: 0 5px !important;
}
@media (max-width: 374px) {
  #met .title-retromilano-2,
  #retromilano .title-retromilano-2 {
    font-size: 14px !important;
  }
}
@media (min-width: 375px) and (max-width: 414px) {
  #met .title-retromilano-2,
  #retromilano .title-retromilano-2 {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  #met .title-retromilano-2,
  #retromilano .title-retromilano-2 {
    font-size: 13px !important;
  }
}
@media (min-width: 961px) and (max-width: 1023px) {
  #met .title-retromilano-2,
  #retromilano .title-retromilano-2 {
    font-size: 17px !important;
  }
}
@media (min-width: 1201px) and (max-width: 1439px) {
  #met .title-retromilano-2,
  #retromilano .title-retromilano-2 {
    font-size: 15px !important;
  }
}
@media (max-width: 359px) {
  #met .title-retromilano-2.title-shop-block,
  #retromilano .title-retromilano-2.title-shop-block {
    font-size: 12px !important;
  }
}
@media (min-width: 360px) and (max-width: 567px) {
  #met .title-retromilano-2.title-shop-block,
  #retromilano .title-retromilano-2.title-shop-block {
    font-size: 14px !important;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  #met .title-retromilano-2.title-shop-block,
  #retromilano .title-retromilano-2.title-shop-block {
    font-size: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #met .title-retromilano-2.title-shop-block,
  #retromilano .title-retromilano-2.title-shop-block {
    font-size: 13px !important;
  }
}
@media (min-width: 960px) and (max-width: 1023px) {
  #met .title-retromilano-2.title-shop-block,
  #retromilano .title-retromilano-2.title-shop-block {
    font-size: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #met .title-retromilano-2.title-shop-block,
  #retromilano .title-retromilano-2.title-shop-block {
    font-size: 19px !important;
  }
}
#met .shop-name-rm,
#retromilano .shop-name-rm {
  font-size: 13px;
  line-height: 2;
  letter-spacing: 2px;
  text-transform: uppercase;
  max-width: 600px;
}
@media (max-width: 374px) {
  #met .shop-name-rm,
  #retromilano .shop-name-rm {
    font-size: 10px;
    line-height: 25px;
    padding: 0 5px;
  }
}
@media (min-width: 375px) and (max-width: 567px) {
  #met .shop-name-rm,
  #retromilano .shop-name-rm {
    font-size: 12px;
    line-height: 25px;
    padding: 0 5px;
    max-width: 500px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #met .shop-name-rm,
  #retromilano .shop-name-rm {
    font-size: 12px;
    line-height: 25px;
    padding: 0 20px;
  }
}
@media (min-width: 960px) and (max-width: 1023px) {
  #met .shop-name-rm,
  #retromilano .shop-name-rm {
    font-size: 12px;
    line-height: 25px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #met .shop-name-rm,
  #retromilano .shop-name-rm {
    font-size: 12px;
    line-height: 25px;
    max-width: 500px;
  }
}
#met .title-retromilano-2:after,
#retromilano .title-retromilano-2:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 2rem;
  border-bottom: 1.5px solid #b08a71;
}
#met .container-retromilano,
#retromilano .container-retromilano {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  grid-template-rows: 1fr;
  gap: 20px;
  grid-template-areas: "box-3-rm box-2-rm";
  width: 95%;
}
@media (max-width: 767px) {
  #met .container-retromilano,
  #retromilano .container-retromilano {
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 0.5fr;
    gap: 5px !important;
    grid-template-areas: "box-3-rm box-2-rm";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #met .container-retromilano,
  #retromilano .container-retromilano {
    grid-template-columns: 0.8fr 0.5fr;
    grid-template-rows: 1fr;
    grid-template-areas: "box-3-rm box-2-rm";
  }
}
#met .container-retromilano .box-2-rm,
#retromilano .container-retromilano .box-2-rm {
  grid-area: box-2-rm;
}
#met .container-retromilano .box-2-rm img,
#met .container-retromilano .box-2-rm video,
#retromilano .container-retromilano .box-2-rm img,
#retromilano .container-retromilano .box-2-rm video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 650px;
}
@media (min-width: 769px) {
  #met .container-retromilano .box-2-rm video,
  #retromilano .container-retromilano .box-2-rm video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
#met .container-retromilano .box-3-rm,
#retromilano .container-retromilano .box-3-rm {
  grid-area: box-3-rm;
}
#met .container-retromilano .box-3-rm img,
#met .container-retromilano .box-3-rm video,
#retromilano .container-retromilano .box-3-rm img,
#retromilano .container-retromilano .box-3-rm video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 650px;
}
@media (min-width: 769px) {
  #met .container-retromilano .box-3-rm video,
  #retromilano .container-retromilano .box-3-rm video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
#met .container-retromilano-2,
#retromilano .container-retromilano-2 {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  grid-template-rows: 1fr;
  gap: 20px;
  grid-template-areas: "box-3-rm box-2-rm";
  width: 95%;
}
@media (max-width: 767px) {
  #met .container-retromilano-2,
  #retromilano .container-retromilano-2 {
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: 0.5fr;
    gap: 5px !important;
    grid-template-areas: "box-3-rm box-2-rm";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #met .container-retromilano-2,
  #retromilano .container-retromilano-2 {
    grid-template-columns: 0.5fr 0.8fr;
    grid-template-rows: 1fr;
    grid-template-areas: "box-3-rm box-2-rm";
  }
}
#met .container-retromilano-2 .box-2-rm,
#retromilano .container-retromilano-2 .box-2-rm {
  grid-area: box-2-rm;
}
#met .container-retromilano-2 .box-2-rm img,
#met .container-retromilano-2 .box-2-rm video,
#retromilano .container-retromilano-2 .box-2-rm img,
#retromilano .container-retromilano-2 .box-2-rm video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 650px;
}
@media (min-width: 769px) {
  #met .container-retromilano-2 .box-2-rm video,
  #retromilano .container-retromilano-2 .box-2-rm video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
#met .container-retromilano-2 .box-3-rm,
#retromilano .container-retromilano-2 .box-3-rm {
  grid-area: box-3-rm;
}
#met .container-retromilano-2 .box-3-rm img,
#met .container-retromilano-2 .box-3-rm video,
#retromilano .container-retromilano-2 .box-3-rm img,
#retromilano .container-retromilano-2 .box-3-rm video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 650px;
}
@media (min-width: 769px) {
  #met .container-retromilano-2 .box-3-rm video,
  #retromilano .container-retromilano-2 .box-3-rm video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
#met .twig-2,
#retromilano .twig-2 {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 8;
}
#met .haute-jo-retromilano,
#retromilano .haute-jo-retromilano {
  background-color: #f8f0e8;
  padding-top: 50px;
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  #met .haute-jo-retromilano,
  #retromilano .haute-jo-retromilano {
    width: 95%;
    padding-top: 5px;
    padding-bottom: 0 !important;
  }
}
#met .btn-rm,
#retromilano .btn-rm {
  width: 3%;
}
@media (min-width: 768px) {
  #met .btn-rm,
  #retromilano .btn-rm {
    width: 2%;
  }
}
#met img.packshot-retromilano-image-1,
#retromilano img.packshot-retromilano-image-1 {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #met img.packshot-retromilano-image-1,
  #retromilano img.packshot-retromilano-image-1 {
    width: 80% !important;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  #met img.packshot-retromilano-image-1,
  #retromilano img.packshot-retromilano-image-1 {
    width: 90% !important;
  }
}
#met img.packshot-retromilano-image-2,
#retromilano img.packshot-retromilano-image-2 {
  width: 55%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #met img.packshot-retromilano-image-2,
  #retromilano img.packshot-retromilano-image-2 {
    width: 65% !important;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  #met img.packshot-retromilano-image-2,
  #retromilano img.packshot-retromilano-image-2 {
    width: 55% !important;
  }
}
#met img.packshot-retromilano-image-3,
#retromilano img.packshot-retromilano-image-3 {
  width: 60%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #met img.packshot-retromilano-image-3,
  #retromilano img.packshot-retromilano-image-3 {
    width: 75% !important;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  #met img.packshot-retromilano-image-3,
  #retromilano img.packshot-retromilano-image-3 {
    width: 70% !important;
  }
}
#met .g-col--half-rm-text,
#retromilano .g-col--half-rm-text {
  width: 40%;
}
@media (max-width: 767px) {
  #met .g-col--half-rm-text.full-mobile,
  #retromilano .g-col--half-rm-text.full-mobile {
    width: 100% !important;
  }
}
#met .g-col--half-rm-visual,
#retromilano .g-col--half-rm-visual {
  width: 55% !important;
}
@media (max-width: 767px) {
  #met .g-col--half-rm-visual.full-mobile,
  #retromilano .g-col--half-rm-visual.full-mobile {
    width: 95% !important;
  }
}
#met .g-col--half-rm-text-2,
#retromilano .g-col--half-rm-text-2 {
  width: 35%;
}
@media (max-width: 767px) {
  #met .g-col--half-rm-text-2.full-mobile,
  #retromilano .g-col--half-rm-text-2.full-mobile {
    width: 100% !important;
  }
}
#met .g-col--half-rm-visual-2,
#retromilano .g-col--half-rm-visual-2 {
  width: 60%;
}
@media (max-width: 767px) {
  #met .g-col--half-rm-visual-2.full-mobile,
  #retromilano .g-col--half-rm-visual-2.full-mobile {
    width: 95% !important;
  }
}
#met .g-col--half-rm,
#retromilano .g-col--half-rm {
  width: 50%;
}
@media (max-width: 767px) {
  #met .g-col--half-rm.full-mobile,
  #retromilano .g-col--half-rm.full-mobile {
    width: 100% !important;
  }
}
#met .g-col--half-rm video,
#retromilano .g-col--half-rm video {
  width: 100%;
}
@media (max-width: 767px) {
  #met .width-mobile-rm,
  #retromilano .width-mobile-rm {
    width: 95% !important;
    padding-top: 20px !important;
  }
  #met .width-mobile-rm.add-padding-b,
  #retromilano .width-mobile-rm.add-padding-b {
    padding-bottom: 5px !important;
  }
}
#met .g-col--half-rm-text-3,
#retromilano .g-col--half-rm-text-3 {
  width: 48%;
}
@media (min-width: 768px) and (max-width: 959px) {
  #met .g-col--half-rm-text-3,
  #retromilano .g-col--half-rm-text-3 {
    width: 35% !important;
  }
}
@media (max-width: 767px) {
  #met .g-col--half-rm-text-3.full-mobile,
  #retromilano .g-col--half-rm-text-3.full-mobile {
    width: 100% !important;
  }
}
#met .g-col--half-rm-visual-3,
#retromilano .g-col--half-rm-visual-3 {
  width: 48% !important;
}
@media (min-width: 768px) and (max-width: 959px) {
  #met .g-col--half-rm-visual-3,
  #retromilano .g-col--half-rm-visual-3 {
    width: 60% !important;
  }
}
@media (max-width: 767px) {
  #met .g-col--half-rm-visual-3.full-mobile,
  #retromilano .g-col--half-rm-visual-3.full-mobile {
    width: 95% !important;
  }
}
#met .hover-rm:hover,
#retromilano .hover-rm:hover {
  color: #b08a71 !important;
}
#met .animated-block,
#retromilano .animated-block {
  display: flex;
  overflow: hidden;
  width: 95%;
  margin: auto;
}
#met .animated-block div:first-child,
#retromilano .animated-block div:first-child {
  transform: translateY(-100%);
}
#met .animated-block div,
#retromilano .animated-block div {
  transition: 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
#met .animated-block .animation-block-1,
#retromilano .animated-block .animation-block-1 {
  transform: translateY(0) !important;
}
#met .animated-block .animation-block-2,
#retromilano .animated-block .animation-block-2 {
  transform: translateY(-100%);
}
#met .inspiration-block-rm,
#retromilano .inspiration-block-rm {
  position: relative;
  left: 28%;
}
@media (max-width: 767px) {
  #met .inspiration-block-rm,
  #retromilano .inspiration-block-rm {
    left: 0;
    top: 58%;
  }
}
#met .history-block-rm,
#retromilano .history-block-rm {
  position: relative;
}
@media (min-width: 1024px) and (max-width: 1130px) {
  #met .history-block-rm,
  #retromilano .history-block-rm {
    left: 6%;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  #met .history-block-rm,
  #retromilano .history-block-rm {
    left: 6%;
  }
}
#met .savoir-faire-block-rm,
#retromilano .savoir-faire-block-rm {
  position: relative;
  right: 25%;
}
@media (max-width: 767px) {
  #met .savoir-faire-block-rm,
  #retromilano .savoir-faire-block-rm {
    right: 0;
    top: 58%;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #met .savoir-faire-block-rm,
  #retromilano .savoir-faire-block-rm {
    right: 30%;
  }
}
#met .container-rm,
#retromilano .container-rm {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "text-1 photo-2 photo-3";
  width: 100%;
}
@media (max-width: 767px) {
  #met .container-rm,
  #retromilano .container-rm {
    grid-template-columns: 1.2fr 1fr;
    grid-template-rows: 0.5fr;
    grid-template-areas: "photo-2 photo-3" "text-1 text-1";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #met .container-rm,
  #retromilano .container-rm {
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-rows: 1fr;
  }
}
#met .text-1-rm,
#retromilano .text-1-rm {
  grid-area: text-1;
}
#met .photo-2-rm,
#retromilano .photo-2-rm {
  grid-area: photo-2;
}
#met .photo-2-rm img,
#retromilano .photo-2-rm img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
#met .photo-3-rm,
#retromilano .photo-3-rm {
  grid-area: photo-3;
}
#met .photo-3-rm img,
#retromilano .photo-3-rm img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #met .photo-3-rm,
  #retromilano .photo-3-rm {
    width: 0;
  }
}
#met .g-retromilano-header-content,
#retromilano .g-retromilano-header-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #met .g-retromilano-header-content,
  #retromilano .g-retromilano-header-content {
    width: 560px;
    margin: 0 auto;
    background-color: hsla(0, 0%, 100%, 0) !important;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #met .g-retromilano-header-content,
  #retromilano .g-retromilano-header-content {
    width: 650px;
  }
}
@media (min-width: 1200px) {
  #met .g-retromilano-header-content,
  #retromilano .g-retromilano-header-content {
    width: 650px;
  }
}
#met li,
#retromilano li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 5px;
  font-size: 18px !important;
  color: #3b3b3b !important;
}
#met h1 {
  font-size: 60px;
  margin: 0;
}
@media (max-width: 413px) {
  #met h1 {
    font-size: 50px;
  }
}
#met .g-col--half-met-text {
  width: 40%;
}
@media (max-width: 1199px) {
  #met .g-col--half-met-text {
    padding: 0 15px;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  #met .g-col--half-met-text.full-mobile {
    width: 100% !important;
  }
}
#met .g-col--half-met-visual {
  width: 60% !important;
}
@media (max-width: 767px) {
  #met .g-col--half-met-visual.full-mobile {
    width: 100% !important;
  }
}
#met .duo-s-m {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "text-1 photo-2 text-3";
  gap: 1em;
}
@media (max-width: 1023px) {
  #met .duo-s-m {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "photo-2 photo-2" "text-1 text-3";
  }
}
#met .duo-s-m .text-1 {
  grid-area: text-1;
}
#met .duo-s-m .photo-2 {
  grid-area: photo-2;
}
#met .duo-s-m .text-3 {
  grid-area: text-3;
}
#met .logo-collection-met {
  max-width: 250px;
  z-index: 1;
}
#met .g-serif-text {
  margin: 7px auto;
}
#met .title-met-2 {
  font-family: Met, Perpetua, serif;
  text-align: center;
  color: #6c5556;
  text-transform: uppercase;
}
@media (max-width: 374px) {
  #met .title-met-2 {
    font-size: 16px !important;
  }
}
@media (max-width: 359px) {
  #met .title-met-2.title-shop-block {
    font-size: 12px !important;
  }
}
@media (min-width: 360px) and (max-width: 567px) {
  #met .title-met-2.title-shop-block {
    font-size: 15px !important;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  #met .title-met-2.title-shop-block {
    font-size: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #met .title-met-2.title-shop-block {
    font-size: 15px !important;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #met .title-met-2.title-shop-block {
    font-size: 19px !important;
  }
}
#met .title-met-2:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 2rem;
  border-bottom: 1.5px solid #6c5556;
}
#met .gem-btn--met {
  background-color: #6c5556 !important;
  border-color: #6c5556 !important;
  color: #fff !important;
  margin-bottom: 15px !important;
  z-index: 1;
}
#met .block-insta {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "photo-1 photo-2 photo-3" "photo-4 photo-5 photo-6" "text-7 text-8 text-9";
  gap: 1em;
}
#met .block-insta.block-insta-mobile {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "photo-1 photo-1" "photo-4 photo-4" "text-7 text-7" "photo-5 photo-6" "text-8 text-9";
  gap: 0.1em;
}
#met .block-insta .photo-1 {
  grid-area: photo-1;
}
#met .block-insta .photo-2 {
  grid-area: photo-2;
}
#met .block-insta .photo-3 {
  grid-area: photo-3;
  width: auto;
}
#met .block-insta .photo-4 {
  grid-area: photo-4;
}
#met .block-insta .photo-5 {
  grid-area: photo-5;
}
#met .block-insta .photo-6 {
  grid-area: photo-6;
}
#met .block-insta .text-7 {
  grid-area: text-7;
}
#met .block-insta .text-8 {
  grid-area: text-8;
}
#met .block-insta .text-9 {
  grid-area: text-9;
}
#met .block-insta .text-7,
#met .block-insta .text-8,
#met .block-insta .text-9 {
  height: 100%;
  justify-content: inherit;
}
#met .container-met-2 {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  grid-template-rows: 1fr;
  gap: 20px;
  grid-template-areas: "box-3-rm box-2-rm";
  width: 95%;
}
@media (max-width: 767px) {
  #met .container-met-2 {
    grid-template-columns: 1fr 0fr;
    grid-template-rows: 0.5fr;
    gap: 0 !important;
    grid-template-areas: "box-3-rm box-2-rm";
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #met .container-met-2 {
    grid-template-columns: 0.5fr 0.8fr;
    grid-template-rows: 1fr;
    grid-template-areas: "box-3-rm box-2-rm";
  }
}
#met .container-met-2 .box-2-rm {
  grid-area: box-2-rm;
}
#met .container-met-2 .box-2-rm img,
#met .container-met-2 .box-2-rm video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 650px;
}
@media (min-width: 769px) {
  #met .container-met-2 .box-2-rm video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
#met .container-met-2 .box-3-rm {
  grid-area: box-3-rm;
}
#met .container-met-2 .box-3-rm img,
#met .container-met-2 .box-3-rm video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 650px;
}
@media (min-width: 769px) {
  #met .container-met-2 .box-3-rm video {
    display: block;
    margin: auto;
    max-width: 100%;
  }
}
#met img.packshot-met-image-2 {
  width: 55%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #met img.packshot-met-image-2 {
    width: 65% !important;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  #met img.packshot-met-image-2 {
    width: 55% !important;
  }
}
#met img.packshot-met-image-2.packshot-met-image {
  width: 80% !important;
}
#met .background-met.lazy-bg-loaded {
  background-image: url(/images/background-inspiration.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  position: center;
}
@media (min-width: 768px) {
  #met .background-met.lazy-bg-loaded {
    background-image: url(/images/background-inspiration-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    position: center;
  }
}
@media (min-width: 1024px) {
  #met .background-met.lazy-bg-loaded {
    background-image: url(/images/background-inspiration-l.jpg);
  }
}
@media (min-width: 1200px) {
  #met .background-met.lazy-bg-loaded {
    background-image: url(/images/background-inspiration-x.jpg);
  }
}
#met .background-met-2.lazy-bg-loaded {
  background-image: url(/images/background-history-met-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  position: center;
}
@media (min-width: 768px) {
  #met .background-met-2.lazy-bg-loaded {
    background-image: url(/images/background-history-met-2-t.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    position: center;
  }
}
@media (min-width: 1024px) {
  #met .background-met-2.lazy-bg-loaded {
    background-image: url(/images/background-history-met-2-l.jpg);
  }
}
@media (min-width: 1200px) {
  #met .background-met-2.lazy-bg-loaded {
    background-image: url(/images/background-history-met-2-x.jpg);
  }
}
#met .illu-1 {
  position: absolute;
  top: -25px;
  left: 0;
  width: 500px;
}
@media (max-width: 1200px) {
  #met .illu-1 {
    width: 400px;
  }
}
@media (max-width: 1023px) {
  #met .illu-1 {
    width: 300px;
  }
}
@media (max-width: 767px) {
  #met .illu-1 {
    width: 150px;
  }
}
#met .illu-2 {
  position: absolute;
  top: -25px;
  right: 0;
  width: 450px;
}
@media (max-width: 1200px) {
  #met .illu-2 {
    width: 350px;
  }
}
@media (max-width: 1023px) {
  #met .illu-2 {
    width: 250px;
    top: 0;
  }
}
@media (max-width: 767px) {
  #met .illu-2 {
    width: 150px;
    top: 5%;
  }
}
#met .illu-3 {
  position: absolute;
}
@media (max-width: 767px) {
  #met .illu-3 {
    height: 100%;
  }
}
#met .illu-4 {
  position: absolute;
  width: 200px;
  top: -100px;
  left: -3%;
}
@media (max-width: 1024px) {
  #met .illu-4 {
    width: 150px;
  }
}
@media (max-width: 767px) {
  #met .illu-4 {
    top: -50px;
  }
}
#met .prima-met a,
#met .prima-met div,
#met .prima-met h2,
#met .prima-met p {
  z-index: 1;
}
#summary-before {
  display: inline-block;
  top: 100px;
  margin-left: 30px;
}
#summary-after {
  display: none;
  top: 100px;
  margin: 25px 0 0 30px;
}
#summary-mobile {
  display: none;
  width: 95%;
  margin: auto;
}
@media (max-width: 1023px) {
  #summary-mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  #summary-mobile {
    width: 100%;
  }
}
div.guide-bdf-fixed-menu {
  background-color: #f5f5f5;
  width: 339px;
}
@media (max-width: 1199px) {
  div.guide-bdf-fixed-menu {
    width: 270px;
  }
}
div.guide-bdf-fixed-menu .h-align-start {
  padding: 0 20px;
}
div.guide-bdf-fixed-menu h4 {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 15px;
  margin: 20px 0 5px;
}
@media (max-width: 1023px) {
  div.guide-bdf-fixed-menu h4 {
    margin: 5px 0;
  }
}
div.guide-bdf-fixed-menu ul {
  list-style: none;
  padding: 0;
  margin-bottom: 10px;
}
div.guide-bdf-fixed-menu li {
  text-align: left;
}
div.guide-bdf-fixed-menu li .svg-right {
  height: 10px;
  width: 15px;
  transform: rotate(-90deg);
  fill: #949494;
}
div.guide-bdf-fixed-menu li a {
  margin: 10px 0;
  display: inline-block;
  font-size: 18px;
}
div.guide-bdf-fixed-menu li a:hover {
  text-decoration: none;
}
div.guide-bdf-fixed-menu li ul {
  padding-left: 15px;
}
@media (min-width: 1025px) {
  div.guide-bdf-fixed-menu li ul {
    padding-left: 30px;
  }
}
div.guide-bdf-fixed-menu li ul li a {
  display: inline-block;
  margin: 3px 0;
  font-size: 14px;
}
.anchor-guide-li {
  top: calc(-5px - var(--total-nav-height));
}
.anchor-guide-h2,
.anchor-guide-li {
  display: block;
  position: relative;
  visibility: hidden;
}
.anchor-guide-h2 {
  top: calc(-60px - var(--total-nav-height));
}
div.breadcrumb-guide {
  color: #949494;
  margin-left: 20px;
}
@media (max-width: 767px) {
  div.breadcrumb-guide {
    margin: 0;
    padding-left: 10px;
  }
}
div.breadcrumb-guide a {
  font-size: 16px;
  color: #949494;
}
@media (max-width: 767px) {
  div.breadcrumb-guide a {
    font-size: 14px;
  }
}
div.breadcrumb-guide a:hover {
  color: #d0857e;
}
div.breadcrumb-guide p {
  font-size: 10px;
  width: 15px;
  line-height: 23px;
}
@media (max-width: 767px) {
  div.breadcrumb-guide p {
    font-size: 8px;
    line-height: 28.5px;
    width: 12px;
  }
}
div.guide-main-sous-menu h3 {
  padding: 0 5px;
  line-height: normal;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 10px 0 0;
  color: #d0857e;
  font-size: 14px;
}
div.guide-main-sous-menu h2 {
  padding: 0 5px;
  line-height: normal;
  color: #3b3b3b;
  font-size: 15px;
}
div.guide-main-sous-menu .reading-time {
  font-size: 13px;
  line-height: 25px;
  color: #949494;
  font-weight: 400;
}
div.guide-main-sous-menu .article-carnet h2 {
  margin: 0;
}
div.guide-main-sous-menu .article-carnet:hover h2 {
  color: inherit;
}
.svg-home {
  width: 30px;
  height: 30px;
  fill: #3b3b3b;
  position: absolute;
  top: 15px;
  left: 16px;
  stroke-width: 5px;
}
@media (max-width: 767px) {
  .svg-home {
    width: 20px;
    height: 20px;
    top: 20.5px;
    left: 21px;
  }
}
h3 .g-pink-dark {
  letter-spacing: -3px !important;
}
nav.menu-guide-mobile {
  color: #3b3b3b;
  display: none;
}
@media (max-width: 1023px) {
  nav.menu-guide-mobile {
    display: flex;
    width: 100%;
  }
}
nav.menu-guide-mobile div {
  height: 60px;
  cursor: pointer;
}
nav.menu-guide-mobile span {
  font-size: 22px;
  text-transform: uppercase;
  margin: 0 0 0 28px;
}
@media (max-width: 767px) {
  nav.menu-guide-mobile span {
    font-size: 18px;
  }
}
nav.menu-guide-mobile a {
  font-size: 16px;
}
@media (max-width: 767px) {
  nav.menu-guide-mobile a {
    font-size: 12px;
  }
}
nav.menu-guide-mobile ul {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  background-color: #fff;
  border-bottom: 2px solid #edd6d6;
}
nav.menu-guide-mobile li {
  margin: 0;
}
nav.menu-guide-mobile li:hover {
  background-color: #f5f5f5;
}
nav.menu-guide-mobile a:hover {
  color: inherit;
  text-decoration: none;
}
nav.menu-guide-mobile-main {
  background-color: #fff;
}
nav.menu-guide-mobile-main p {
  font-weight: 600;
  width: 80%;
}
nav.menu-guide-mobile-main span {
  margin: 0;
  padding-top: 2px;
  font-size: 24px;
}
@media (max-width: 767px) {
  nav.menu-guide-mobile-main span {
    font-size: 20px;
  }
}
nav.menu-guide-mobile-main li {
  line-height: 40px;
  border-bottom: none;
}
nav.menu-guide-mobile-main .svg-down {
  margin-left: 5px;
  width: 12px;
  height: 12px;
  fill: #3b3b3b;
}
nav.menu-guide-mobile-main ul {
  width: 100%;
  position: absolute;
  z-index: 1;
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .g-collapsible-title-l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
  }
}
@media (max-width: 359px) {
  .gjs-collapsible-body-l {
    width: 245px;
  }
}
@media (max-width: 767px) and (min-width: 360px) {
  .gjs-collapsible-body-l {
    width: 335px;
  }
}
@media (max-width: 1023px) and (min-width: 960px) {
  .gjs-collapsible-body-l {
    width: 738px;
  }
}
@media (max-width: 1023px) {
  .gjs-collapsible-body-l {
    display: none;
    transition: display 1s;
    padding-bottom: 15px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .gjs-collapsible-body-l {
    display: block !important;
  }
}
nav.guide-menu {
  text-align: center;
  color: #949494;
  margin: 0;
}
nav.guide-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav.guide-menu ul li {
  display: inline-flex;
}
nav.guide-menu ul li a {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.6px;
  display: inline-block;
  padding: 15px 10px;
  position: relative;
}
@media (max-width: 414px) {
  nav.guide-menu ul li a {
    font-size: 11px !important;
    padding: 15px 5px !important;
  }
}
@media (max-width: 1199px) {
  nav.guide-menu ul li a {
    font-size: 12px;
  }
}
nav.guide-menu ul li a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background-color: #d0857e;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
nav.guide-menu ul li a:hover:after {
  width: 100%;
  left: 0;
}
nav.guide-menu ul li.is-active a {
  color: #d0857e;
}
nav.guide-menu ul li.is-active a:after {
  width: 100%;
  left: 0;
}
#guides-et-conseils .highlight-block-left-1 {
  margin: 0 auto;
  text-decoration: none;
}
@media (min-width: 1024px) {
  #guides-et-conseils .highlight-block-left-1 {
    align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  #guides-et-conseils .highlight-block-left-1 {
    width: 100%;
    margin-bottom: 25px;
  }
}
#guides-et-conseils .highlight-block-left-1 .title-container {
  position: absolute;
  bottom: 0;
  padding: 30px;
}
@media (max-width: 767px) {
  #guides-et-conseils .highlight-block-left-1 .title-container {
    padding: 0;
    position: static;
  }
}
#guides-et-conseils .highlight-block-left-1 .title-container .title-category {
  text-transform: uppercase;
  color: #d0857e;
  font-size: 30px;
  line-height: normal;
  font-weight: 700;
  margin: 10px 0 0;
}
@media (max-width: 1439px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title-category {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title-category {
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title-category {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title-category {
    font-size: 14px;
    padding: 0 10px;
  }
}
#guides-et-conseils .highlight-block-left-1 .title-container .title {
  color: #fff;
  line-height: normal;
  font-size: 40px;
}
@media (max-width: 767px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title {
    color: #3b3b3b;
  }
}
@media (max-width: 1439px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title {
    font-size: 33px;
  }
}
@media (max-width: 1199px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils .highlight-block-left-1 .title-container .title {
    font-weight: 700;
    font-size: 16px;
    padding: 0 10px;
  }
}
#guides-et-conseils .highlight-block-right-1 {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  #guides-et-conseils .highlight-block-right-1 {
    width: 100%;
    margin-bottom: 25px;
  }
}
#guides-et-conseils .highlight-block-right-1 .article-block {
  width: 100%;
  margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #guides-et-conseils .highlight-block-right-1 .article-block {
    width: 48%;
    margin: 0;
  }
}
#guides-et-conseils .highlight-block-right-1 .article-block:first-child {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  #guides-et-conseils .highlight-block-right-1 .article-block:first-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  #guides-et-conseils .highlight-block-right-1 .article-block:first-child {
    margin-bottom: 10px;
  }
}
#guides-et-conseils .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  #guides-et-conseils .g-col--half {
    width: 100% !important;
  }
}
#guides-et-conseils .highlight-block {
  width: 100%;
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  #guides-et-conseils .highlight-block {
    margin-bottom: 100px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #guides-et-conseils .highlight-block {
    width: 97%;
  }
}
#guides-et-conseils .highlight-block .highlight-block-left {
  margin: 0 auto;
  text-decoration: none;
}
@media (min-width: 1024px) {
  #guides-et-conseils .highlight-block .highlight-block-left {
    align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  #guides-et-conseils .highlight-block .highlight-block-left {
    width: 100%;
    margin-bottom: 25px;
  }
}
#guides-et-conseils .highlight-block .highlight-block-left .title-container {
  position: absolute;
  bottom: 0;
  padding: 30px;
}
@media (max-width: 767px) {
  #guides-et-conseils .highlight-block .highlight-block-left .title-container {
    padding: 0;
    position: static;
  }
}
#guides-et-conseils
  .highlight-block
  .highlight-block-left
  .title-container
  .title-category {
  text-transform: uppercase;
  color: #d0857e;
  font-size: 30px;
  line-height: normal;
  font-weight: 700;
  margin: 10px 0 0;
}
@media (max-width: 1439px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title-category {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title-category {
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title-category {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title-category {
    font-size: 14px;
    padding: 0 10px;
  }
}
#guides-et-conseils
  .highlight-block
  .highlight-block-left
  .title-container
  .title {
  color: #fff;
  line-height: normal;
  font-size: 40px;
}
@media (max-width: 767px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title {
    color: #3b3b3b;
  }
}
@media (max-width: 1439px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title {
    font-size: 33px;
  }
}
@media (max-width: 1199px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-left
    .title-container
    .title {
    font-weight: 700;
    font-size: 16px;
    padding: 0 10px;
  }
}
#guides-et-conseils .highlight-block .highlight-block-right {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  #guides-et-conseils .highlight-block .highlight-block-right {
    width: 100%;
  }
}
#guides-et-conseils .highlight-block .highlight-block-right .title-container {
  position: absolute;
  bottom: 0;
  padding: 40px 30px;
}
@media (max-width: 767px) {
  #guides-et-conseils .highlight-block .highlight-block-right .title-container {
    padding: 0;
    position: static;
  }
}
#guides-et-conseils
  .highlight-block
  .highlight-block-right
  .title-container
  .title-category {
  text-transform: uppercase;
  color: #d0857e;
  font-size: 30px;
  line-height: normal;
  font-weight: 700;
  margin: 10px 0 0;
}
@media (max-width: 1439px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title-category {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title-category {
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title-category {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title-category {
    font-size: 14px;
    padding: 0 10px;
  }
}
#guides-et-conseils
  .highlight-block
  .highlight-block-right
  .title-container
  .title {
  color: #fff;
  line-height: normal;
  font-weight: 400 !important;
  font-size: 40px;
}
@media (max-width: 767px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title {
    color: #3b3b3b;
    font-weight: 700 !important;
  }
}
@media (max-width: 1439px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title {
    font-size: 23px;
  }
}
@media (max-width: 1199px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title {
    font-size: 23px;
  }
}
@media (max-width: 1023px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils
    .highlight-block
    .highlight-block-right
    .title-container
    .title {
    font-weight: 700;
    font-size: 16px;
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils article {
    max-width: 414px;
  }
}
@media (min-width: 1025px) {
  #guides-et-conseils article a:hover img {
    opacity: 0.6;
  }
}
#guides-et-conseils article.article-block .title-container .title-category {
  text-transform: uppercase;
  color: #d0857e;
  font-weight: 700;
  line-height: normal;
  margin: 10px 0 0;
  font-size: 14px;
  padding: 0 5px;
}
@media (min-width: 1200px) {
  #guides-et-conseils article.article-block .title-container .title-category {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils article.article-block .title-container .title-category {
    padding: 0 10px;
  }
}
#guides-et-conseils article.article-block .title-container .title {
  line-height: normal;
  font-weight: 700;
  font-size: 16px;
  padding: 0 5px;
}
@media (min-width: 1200px) {
  #guides-et-conseils article.article-block .title-container .title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  #guides-et-conseils article.article-block .title-container .title {
    padding: 0 10px;
  }
}
.cms--node section {
  text-align: left;
}
.cms--node h3 {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  margin: 10px 0;
  max-width: 100%;
  text-transform: uppercase;
  font-weight: 600;
}
.cms--node .cms__backtotop {
  text-align: right;
}
.cms--node .cms__backtotop a {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  color: #949494;
  font-weight: 300;
}
.cms--node .cms__backtotop a:hover {
  color: #d0857e;
}
.cms--node .g-col-container {
  width: 100%;
}
@media (max-width: 414px) {
  .cms--node {
    padding: 0 15px;
  }
}
.cms__aside {
  width: 100%;
  text-align: left;
}
.cms__aside ul {
  list-style-type: none;
}
@media (min-width: 768px) {
  .cms__aside {
    width: 25%;
  }
}
.cms__aside-list {
  padding-left: 0;
}
.cms__main {
  width: 100%;
}
.cms__main h2 {
  align-self: center;
}
.cms__main p {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  margin: 10px 0;
  max-width: 100%;
  text-align: justify;
  line-height: normal;
}
@media (min-width: 768px) {
  .cms__main {
    width: 60%;
  }
}
.cms__main ul {
  padding-left: 15px;
  margin: 0 0 0 20px;
}
.cms__main ul li {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  margin: 10px 0;
  max-width: 100%;
  line-height: normal;
  color: #3b3b3b;
}
.cms__main a {
  color: #d0857e;
}
.cms__main a.anchor {
  display: block;
  position: relative;
  top: calc(-5px - var(--total-nav-height));
  visibility: hidden;
}
.cms__section-links {
  padding-left: 15px;
}
.cms__section-links a {
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0;
  max-width: 100%;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  color: #949494;
}
.cms__section-links a:hover {
  color: #d0857e;
}
.g-audio-player {
  box-sizing: border-box;
  background-color: #fbfbfb;
  border: 4px solid #f0f0f0;
  width: 320px;
  height: 110px;
  margin: 25px auto;
  padding: 10px;
}
@media (min-width: 768px) {
  .g-audio-player {
    width: 320px;
  }
}
@media (min-width: 1024px) {
  .g-audio-player {
    padding: 15px;
    width: 440px;
  }
}
@media (min-width: 1200px) {
  .g-audio-player {
    width: 480px;
  }
}
.g-audio-player .h-relative {
  width: 70px;
}
.g-audio-player p {
  font-size: 16px;
}
.g-audio-player .audio-player-title {
  text-align: left;
  margin-left: 10px;
  width: calc(100% - 80px);
}
@media (min-width: 1025px) {
  .g-audio-player .audio-player-title {
    margin-left: 20px;
    width: calc(100% - 90px);
  }
}
.g-progress {
  width: 140px;
  height: 5px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .g-progress {
    width: 140px;
  }
}
@media (min-width: 1024px) {
  .g-progress {
    width: 260px;
  }
}
@media (min-width: 1200px) {
  .g-progress {
    width: 300px;
  }
}
.g-progress[value] {
  -webkit-appearance: none;
  appearance: none;
  height: 7px;
  vertical-align: 0;
  display: block;
}
.g-progress[value]::-webkit-progress-bar {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #d7d7d7;
}
.g-progress::-webkit-progress-value {
  background-color: #d0857e;
}
.g-play-control {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  left: 0;
  cursor: pointer;
}
.svg-audio-control {
  fill: #fff;
  position: absolute;
  width: 36px;
  height: 36px;
  top: 17px;
  left: 17px;
}
#podcast p.h-add-p-margin-mobile {
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.3px;
  color: #3b3b3b;
  max-width: 100%;
}
.parenthese-aout-video-container {
  position: relative;
}
.parenthese-aout-video-container .parenthese-aout-video-fleur {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 5%;
}
@media (min-width: 768px) {
  .parenthese-aout-video-container .parenthese-aout-video-fleur {
    left: 10%;
  }
}
.parenthese-aout-video-container .parenthese-aout-video-papillon {
  position: absolute;
  bottom: 5px;
  height: 90%;
  left: 5%;
}
@media (min-width: 768px) {
  .parenthese-aout-video-container .parenthese-aout-video-papillon {
    left: 10%;
    bottom: 0;
  }
}
.ap-paris-1901-video-container {
  position: relative;
}
.ap-paris-1901-video-container .ap-paris-1901-video-architecte {
  position: absolute;
  bottom: 5px;
  height: 90%;
}
@media (min-width: 1024px) {
  .ap-paris-1901-video-container .ap-paris-1901-video-architecte {
    right: 23%;
    bottom: 0;
  }
}
.privacy-policy-container {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  margin: 0 3%;
}
.privacy-policy-container h1 {
  padding-top: 20px;
  margin: 0 auto 50px;
  width: fit-content;
}
@media (max-width: 767px) {
  .privacy-policy-container h1 {
    margin: 0 auto 30px;
  }
}
.privacy-policy-container div {
  margin-top: 20px;
}
@media (max-width: 567px) {
  .privacy-policy-container div {
    margin-top: 10px;
  }
}
.privacy-policy-container div h2 {
  width: fit-content;
  text-align: start;
  font-size: 32px;
  padding: 0;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .privacy-policy-container div h2 {
    font-size: 26px;
  }
}
.privacy-policy-container div h4 {
  margin-top: 0;
}
.privacy-policy-container div ul {
  margin: 0 auto 10px 0;
  width: auto;
}
.privacy-policy-container div ul li {
  text-align: start;
  color: #3b3b3b;
}
@media (max-width: 767px) {
  .privacy-policy-container div ul {
    font-size: 18px;
  }
}
.privacy-policy-container div div p {
  margin: 20px 0;
}
.privacy-policy-container a {
  line-break: anywhere;
}
.a-privacy-policy {
  font-weight: 400;
  text-decoration: underline;
}
.adaptable-submit-button {
  width: 200px;
}
@media (max-width: 767px) {
  .adaptable-submit-button {
    width: 180px;
  }
}
.privacy-policy-span {
  text-align: center;
  width: 100%;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
}
.privacy-policy-span.privacy-policy-xsmall {
  text-align: left;
  margin-bottom: 10px;
  font-size: 11px;
  color: #3b3b3b;
  padding-left: 1px;
}
@media (max-width: 1023px) {
  .privacy-policy-span.privacy-policy-xsmall {
    padding-left: 3px;
  }
}
@media (max-width: 359px) {
  .privacy-policy-span.privacy-policy-xsmall {
    font-size: 10.9px;
    padding-left: 3px;
  }
}
.privacy-policy-span.privacy-policy-standard {
  margin: 10px 0;
  font-size: 14px;
  color: #3b3b3b;
}
@media (max-width: 767px) {
  .privacy-policy-span.privacy-policy-standard {
    font-size: 13px;
  }
}
@media (max-width: 374px) {
  .privacy-policy-span.privacy-policy-standard {
    font-size: 12px;
  }
}
@media (max-width: 359px) {
  .privacy-policy-span.privacy-policy-standard {
    font-size: 11px;
  }
}
.privacy-policy-span.privacy-policy-grey {
  margin: 15px 0 0;
  font-size: 12.5px;
  color: #949494;
}
.privacy-policy-span.privacy-policy-billing {
  text-align: left;
  font-size: 12px;
  color: #3b3b3b;
}
@media (max-width: 767px) {
  .privacy-policy-span.privacy-policy-billing {
    font-size: 11px;
  }
}
@media (max-width: 374px) {
  .privacy-policy-span.privacy-policy-billing {
    font-size: 10px;
  }
}
@media (max-width: 359px) {
  .privacy-policy-span.privacy-policy-billing {
    font-size: 10px;
  }
}
.cookie-alert {
  position: fixed;
  background-color: #fbfbfb;
  bottom: 0;
  z-index: 11;
}
.cookie-alert span {
  margin: 5px 90px;
}
@media screen and (max-width: 830px) {
  .cookie-alert span {
    margin: 5px 35px;
    width: 72%;
    font-size: 15px;
  }
}
@media screen and (max-width: 830px) and (max-width: 767px) {
  .cookie-alert span {
    font-size: 13px;
  }
}
@media screen and (max-width: 830px) and (max-width: 625px) {
  .cookie-alert span {
    font-size: 15px;
    width: 61%;
  }
}
@media screen and (max-width: 830px) and (max-width: 567px) {
  .cookie-alert span {
    font-size: 13px;
    width: 60%;
    font-size: 12px;
  }
}
@media screen and (max-width: 830px) and (max-width: 359px) {
  .cookie-alert span {
    font-size: 11px;
    width: 47%;
  }
}
.cookie-alert span a {
  color: #3b3b3b;
  text-decoration: underline;
}
.cookie-alert span a:hover {
  color: #d0857e;
}
.close-cookie-svg {
  background: url(/images/close.svg) no-repeat;
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: absolute;
  left: 50px;
}
@media (max-width: 767px) {
  .close-cookie-svg {
    left: 20px;
  }
}
.instagram-media-container {
  width: 100%;
  height: 737px;
  padding: 40px 0 10px;
}
@media (max-width: 567px) {
  .instagram-media-container {
    padding: 30px 0 0;
    width: 376px;
    height: 528px;
  }
}
@media (max-width: 413px) {
  .instagram-media-container {
    width: 339px;
    height: 483px;
  }
}
@media (max-width: 374px) {
  .instagram-media-container {
    width: 320px;
    height: 470px;
  }
}
@media (max-width: 359px) {
  .instagram-media-container {
    width: 296px;
  }
}
.compare-product-container {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  color: #3b3b3b;
}
.compare-product-container .compare-bottom-options-container {
  width: 69%;
  margin-top: 20px;
}
.compare-product-container .svg-compare-remove {
  height: 20px;
  width: 20px;
}
.compare-product-container button {
  margin: 0 auto 10px;
}
.compare-product-container a.g-a-pink {
  font-size: 20px;
  margin: 20px;
}
.compare-product-container h1 {
  margin: 40px;
  width: fit-content;
}
.compare-product-container table {
  padding: 0 15px;
}
.compare-product-container table h3 {
  font-size: 20px;
  font-weight: 500;
}
.compare-product-container table .compare-state {
  position: relative;
  font-size: 25px;
  transform: rotate(45deg);
}
.compare-product-container table tbody tr.comparator-section-title td {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 25px;
  text-align: start;
  padding: 10px 0;
  border-bottom: 1px solid #3b3b3b;
}
.compare-product-container table tbody tr.empty-line {
  line-height: 20px;
}
.compare-product-container table tbody th {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 40px;
}
@media (max-width: 1199px) {
  .compare-product-container table tbody th {
    font-size: 17px;
  }
}
.compare-product-container table tbody td {
  padding: 0 20px 40px;
  font-size: 19px;
}
.cms-page-view {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
}
.cms-page-view #main .col {
  position: relative;
}
.cms-page-view #main .cols + * {
  clear: both;
}
@media (min-width: 1024px) {
  .cms-page-view #main .col {
    grid-column: 0.5;
  }
}
@media (min-width: 1024px) {
  .cms-page-view #main .col-3 {
    grid-column: 0.25;
  }
}
.cms-page-view #main .col-4 {
  grid-column: 0.5;
}
@media (min-width: 768px) {
  .cms-page-view #main .col-4 {
    grid-column: 0.25;
  }
}
.cms-page-view #main .col img {
  max-width: 100%;
}
#nos-pierres-precieuses article a {
  border: 0;
}
@media (max-width: 1023px) {
  #nos-pierres-precieuses .gems-container {
    margin-bottom: 0 !important;
  }
}
#nos-pierres-precieuses .gems-container .gem-image-container {
  position: relative;
}
#nos-pierres-precieuses
  .gems-container
  .gem-image-container
  .gem-image-overlay {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: visibility 0s, opacity 0.1s ease-in-out;
}
@media (min-width: 1025px) {
  #nos-pierres-precieuses
    .gems-container
    .gem-image-container:hover
    .gem-image-overlay {
    visibility: visible;
    opacity: 1;
  }
  #nos-pierres-precieuses .gems-container .gem-image-container:hover img {
    opacity: 0.4;
  }
}
#nos-pierres-precieuses .gems-container .gem-container {
  width: 32%;
}
@media (max-width: 1023px) {
  #nos-pierres-precieuses .gems-container .gem-container {
    width: 47%;
  }
}
#nos-pierres-precieuses .gems-container h2 {
  margin: 0 !important;
}
#nos-pierres-precieuses .gems-container .g-serif-gem {
  text-transform: uppercase;
  font-size: 18px !important;
  border-bottom: none;
  color: #d0857e;
}
#nos-pierres-precieuses .gems-container .gem-btn--gems {
  padding: 5px !important;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #3b3b3b !important;
  font-size: 11px;
}
#nos-pierres-precieuses .gems-container .details {
  font-size: 18px;
  margin: 10px 0 15px;
  text-align: start !important;
}
#nos-pierres-precieuses .g-guide-size-compare-table {
  margin: 15px 0;
  width: 100%;
}
#nos-pierres-precieuses .g-guide-size-compare-table table {
  border-collapse: collapse;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  #nos-pierres-precieuses .g-guide-size-compare-table table {
    max-width: 600px;
  }
}
#nos-pierres-precieuses .g-guide-size-compare-table table td,
#nos-pierres-precieuses .g-guide-size-compare-table table th {
  text-align: left;
  padding: 2px 0 2px 5px;
  cursor: pointer;
  border: 1px solid #d7d7d7;
}
#nos-pierres-precieuses .g-guide-size-compare-table table tr th {
  background: #d0857e;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .cms-sidebar article {
    grid-column: 0.66667;
    width: 68%;
    border-right: 1px solid #d7d7d7;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 3%;
    padding-left: 3%;
  }
}
.cms-sidebar aside {
  text-align: center;
}
.cms-sidebar aside a {
  text-decoration: none;
}
.cms-sidebar aside a:hover {
  text-decoration: underline;
}
.cms-sidebar aside .separator {
  margin-bottom: 72px;
}
@media (min-width: 1024px) {
  .cms-sidebar aside {
    text-align: left;
  }
  .cms-sidebar aside .separator {
    display: none;
  }
}
@media (min-width: 1024px) {
  .cms-sidebar aside {
    grid-column: 0.33333;
    margin-right: 0;
    box-sizing: border-box;
    padding-left: 45px;
  }
}
.cms-wysiwyg {
  width: auto;
  max-width: 1170px;
  float: none;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto 48px;
  text-align: left;
  *zoom: 1;
}
.cms-wysiwyg:after,
.cms-wysiwyg:before {
  content: "";
  display: table;
}
.cms-wysiwyg:after {
  clear: both;
}
@media (min-width: 1024px) {
  .cms-wysiwyg {
    margin-top: 10px;
  }
}
.cms-wysiwyg h1,
.cms-wysiwyg h2,
.cms-wysiwyg h3,
.cms-wysiwyg h4,
.cms-wysiwyg h5,
.cms-wysiwyg h6,
.cms-wysiwyg p {
  text-transform: none;
}
.cms-wysiwyg h1,
.cms-wysiwyg h2,
.cms-wysiwyg h3,
.cms-wysiwyg h4,
.cms-wysiwyg h5,
.cms-wysiwyg h6 {
  margin: 0;
}
.cms-wysiwyg h2 {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #3b3b3b;
  border-bottom: 2px solid #d0857e;
  font-size: 15px;
  line-height: 40px;
  padding: 0;
  width: max-content;
  max-width: 100%;
  margin: 24px auto;
}
@media (min-width: 360px) {
  .cms-wysiwyg h2 {
    font-size: 17px;
    line-height: 45px;
  }
}
@media (min-width: 1024px) {
  .cms-wysiwyg h2 {
    font-size: 20px;
    line-height: 55px;
    padding: 0;
  }
}
@media (max-width: 414px) {
  .cms-wysiwyg h2 {
    font-size: 12px !important;
  }
}
.cms-wysiwyg h3 {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.6px;
  color: #3b3b3b;
  margin: 15px 0;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 30px;
}
@media (min-width: 768px) {
  .cms-wysiwyg h3 {
    font-size: 15px;
  }
}
.cms-wysiwyg h3 span {
  margin-right: 6px;
  font-weight: 700;
}
.cms-wysiwyg ul {
  margin: 0;
  padding: 0 0 24px;
}
.cms-wysiwyg article ul {
  padding-left: 30px;
}
.cms-wysiwyg li,
.cms-wysiwyg li > a {
  font-size: 15px;
  margin: 0;
}
.cms-wysiwyg aside li a {
  border: 0;
}
.cms-wysiwyg p a {
  color: #d0857e;
}
.cms-wysiwyg div {
  font-size: 14px;
}
.cms-wysiwyg .col a {
  color: #d0857e;
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .cms-wysiwyg .col a {
    text-align: right;
  }
}
.birth-gems .col a {
  color: #d0857e;
  display: inline-flex;
  width: inherit;
}
.birth-gems h2 {
  font-size: 20px;
  margin: 0 auto 10px;
}
.birth-gems h2 a {
  border: 0;
  display: inline-flex;
  width: inherit;
}
.cms-page-view #main .col.birth-gems-pictures,
.cms-page-view #main .col.metals-pictures {
  text-align: center;
}
.cms-page-view #main .col.birth-gems-pictures a,
.cms-page-view #main .col.metals-pictures a {
  border: 0;
}
.associated_gems a {
  width: 48.5%;
  float: left;
}
@media (min-width: 768px) {
  .associated_gems a {
    width: 22.75%;
    float: left;
  }
}
.associated_gems span {
  margin-top: 16px;
  padding-left: 20px;
  line-height: 16px;
  margin-right: 20px;
}
.associated_gems span.attribute-option-P1 {
  background-image: url(/images/sprite.svg#svg-P1-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M1 {
  background-image: url(/images/sprite.svg#svg-M1-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P2 {
  background-image: url(/images/sprite.svg#svg-P2-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M2 {
  background-image: url(/images/sprite.svg#svg-M2-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P3 {
  background-image: url(/images/sprite.svg#svg-P3-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M3 {
  background-image: url(/images/sprite.svg#svg-M3-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P4 {
  background-image: url(/images/sprite.svg#svg-P4-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M4 {
  background-image: url(/images/sprite.svg#svg-M4-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P5 {
  background-image: url(/images/sprite.svg#svg-P5-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M5 {
  background-image: url(/images/sprite.svg#svg-M5-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P6 {
  background-image: url(/images/sprite.svg#svg-P6-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M6 {
  background-image: url(/images/sprite.svg#svg-M6-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P7 {
  background-image: url(/images/sprite.svg#svg-P7-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M7 {
  background-image: url(/images/sprite.svg#svg-M7-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P8 {
  background-image: url(/images/sprite.svg#svg-P8-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M8 {
  background-image: url(/images/sprite.svg#svg-M8-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P9 {
  background-image: url(/images/sprite.svg#svg-P9-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M9 {
  background-image: url(/images/sprite.svg#svg-M9-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P10 {
  background-image: url(/images/sprite.svg#svg-P10-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M10 {
  background-image: url(/images/sprite.svg#svg-M10-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P11 {
  background-image: url(/images/sprite.svg#svg-P11-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M11 {
  background-image: url(/images/sprite.svg#svg-M11-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P12 {
  background-image: url(/images/sprite.svg#svg-P12-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M12 {
  background-image: url(/images/sprite.svg#svg-M12-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P13 {
  background-image: url(/images/sprite.svg#svg-P13-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M13 {
  background-image: url(/images/sprite.svg#svg-M13-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P14 {
  background-image: url(/images/sprite.svg#svg-P14-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M14 {
  background-image: url(/images/sprite.svg#svg-M14-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P15 {
  background-image: url(/images/sprite.svg#svg-P15-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M15 {
  background-image: url(/images/sprite.svg#svg-M15-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P19 {
  background-image: url(/images/sprite.svg#svg-P19-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M19 {
  background-image: url(/images/sprite.svg#svg-M19-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P25 {
  background-image: url(/images/sprite.svg#svg-P25-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M25 {
  background-image: url(/images/sprite.svg#svg-M25-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P33 {
  background-image: url(/images/sprite.svg#svg-P33-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M33 {
  background-image: url(/images/sprite.svg#svg-M33-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P42 {
  background-image: url(/images/sprite.svg#svg-P42-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M42 {
  background-image: url(/images/sprite.svg#svg-M42-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-P50 {
  background-image: url(/images/sprite.svg#svg-P50-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.associated_gems span.attribute-option-M50 {
  background-image: url(/images/sprite.svg#svg-M50-usage);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-choisir-taille-de-bague .g-col--half-size {
  width: 34% !important;
}
#guides-et-conseils-choisir-taille-de-bague .g-guide-size-compare-table {
  margin: 15px 0;
  width: 100%;
}
#guides-et-conseils-choisir-taille-de-bague .g-guide-size-compare-table table {
  border-collapse: collapse;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  #guides-et-conseils-choisir-taille-de-bague
    .g-guide-size-compare-table
    table {
    max-width: 500px;
  }
}
#guides-et-conseils-choisir-taille-de-bague
  .g-guide-size-compare-table
  table
  td,
#guides-et-conseils-choisir-taille-de-bague
  .g-guide-size-compare-table
  table
  th {
  text-align: left;
  padding: 2px 0 2px 5px;
}
#guides-et-conseils-choisir-taille-de-bague
  .g-guide-size-compare-table
  table
  thead
  tr {
  background: #d0857e;
  font-size: 14px;
}
#guides-et-conseils-choisir-taille-de-bague
  .g-guide-size-compare-table
  table
  tbody
  tr {
  cursor: pointer;
  border-bottom: 1px solid #d7d7d7;
}
#guides-et-conseils-choisir-taille-de-bague
  .g-guide-size-compare-table
  table
  tbody
  tr:last-child {
  border: 0;
}
#guides-et-conseils-nos-metaux-precieux .gem-btn-hp-2 {
  border: 1px solid #d0857e;
  background-color: #d0857e !important;
  color: #fff !important;
}
#guides-et-conseils-nos-metaux-precieux .gem-btn-hp-2:hover {
  opacity: 0.8;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option {
  margin-top: 16px;
  padding-left: 20px;
  line-height: 25px;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P1 {
  background-image: url(/images/sprite.svg#svg-P1-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M1 {
  background-image: url(/images/sprite.svg#svg-M1-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P2 {
  background-image: url(/images/sprite.svg#svg-P2-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M2 {
  background-image: url(/images/sprite.svg#svg-M2-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P3 {
  background-image: url(/images/sprite.svg#svg-P3-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M3 {
  background-image: url(/images/sprite.svg#svg-M3-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P4 {
  background-image: url(/images/sprite.svg#svg-P4-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M4 {
  background-image: url(/images/sprite.svg#svg-M4-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P5 {
  background-image: url(/images/sprite.svg#svg-P5-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M5 {
  background-image: url(/images/sprite.svg#svg-M5-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P6 {
  background-image: url(/images/sprite.svg#svg-P6-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M6 {
  background-image: url(/images/sprite.svg#svg-M6-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P7 {
  background-image: url(/images/sprite.svg#svg-P7-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M7 {
  background-image: url(/images/sprite.svg#svg-M7-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P8 {
  background-image: url(/images/sprite.svg#svg-P8-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M8 {
  background-image: url(/images/sprite.svg#svg-M8-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P9 {
  background-image: url(/images/sprite.svg#svg-P9-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M9 {
  background-image: url(/images/sprite.svg#svg-M9-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P10 {
  background-image: url(/images/sprite.svg#svg-P10-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M10 {
  background-image: url(/images/sprite.svg#svg-M10-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P11 {
  background-image: url(/images/sprite.svg#svg-P11-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M11 {
  background-image: url(/images/sprite.svg#svg-M11-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P12 {
  background-image: url(/images/sprite.svg#svg-P12-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M12 {
  background-image: url(/images/sprite.svg#svg-M12-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P13 {
  background-image: url(/images/sprite.svg#svg-P13-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M13 {
  background-image: url(/images/sprite.svg#svg-M13-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P14 {
  background-image: url(/images/sprite.svg#svg-P14-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M14 {
  background-image: url(/images/sprite.svg#svg-M14-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P15 {
  background-image: url(/images/sprite.svg#svg-P15-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M15 {
  background-image: url(/images/sprite.svg#svg-M15-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P19 {
  background-image: url(/images/sprite.svg#svg-P19-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M19 {
  background-image: url(/images/sprite.svg#svg-M19-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P25 {
  background-image: url(/images/sprite.svg#svg-P25-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M25 {
  background-image: url(/images/sprite.svg#svg-M25-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P42 {
  background-image: url(/images/sprite.svg#svg-P42-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M42 {
  background-image: url(/images/sprite.svg#svg-M42-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-P50 {
  background-image: url(/images/sprite.svg#svg-P50-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .attribute-option.attribute-option-M50 {
  background-image: url(/images/sprite.svg#svg-M50-usage);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .g-serif-caps-l1 {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  color: #3b3b3b;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  margin: 15px 0 10px;
  font-size: 28px;
  line-height: 24px;
  border: none;
}
#guides-et-conseils-nos-metaux-precieux .custom-btn {
  padding: 10px 25px;
  letter-spacing: 0.6px;
  font-size: 20px;
  font-weight: 600;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}
#guides-et-conseils-nos-metaux-precieux .btn-6 {
  border: none;
  transition: all 0.3s ease;
  background: none;
}
#guides-et-conseils-nos-metaux-precieux .btn-6:after,
#guides-et-conseils-nos-metaux-precieux .btn-6:before {
  position: absolute;
  content: " ";
  width: 20%;
  top: 50%;
  height: 1.1px;
  background: #d0857e;
  transition: all 0.3s ease;
}
#guides-et-conseils-nos-metaux-precieux .btn-6:before {
  left: -15%;
}
#guides-et-conseils-nos-metaux-precieux .btn-6:after {
  right: -15%;
}
#guides-et-conseils-nos-metaux-precieux .btn-6:hover {
  color: #d0857e;
}
@media (min-width: 769px) {
  #guides-et-conseils-nos-metaux-precieux .btn-6:hover {
    border-color: #000;
    padding-left: 30px;
    padding-right: 20px;
  }
}
#guides-et-conseils-nos-metaux-precieux .btn-6:hover:before {
  background: #000;
}
@media (min-width: 769px) {
  #guides-et-conseils-nos-metaux-precieux .btn-6:hover:before {
    left: -20%;
  }
}
#guides-et-conseils-nos-metaux-precieux .btn-6:hover:after {
  background: #000;
}
@media (min-width: 769px) {
  #guides-et-conseils-nos-metaux-precieux .btn-6:hover:after {
    right: -30%;
  }
}
#promesse-cadeau-html .g-col--third,
.cms-certificat-cadeau-html .g-col--third {
  max-width: 420px;
  max-height: 630px;
}
@media (max-width: 1023px) {
  #promesse-cadeau-html .g-col--third.half-tablet,
  .cms-certificat-cadeau-html .g-col--third.half-tablet {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #promesse-cadeau-html .g-col--third.full-mobile,
  .cms-certificat-cadeau-html .g-col--third.full-mobile {
    width: 100%;
  }
}
#promesse-cadeau-html .g-col--two-third,
.cms-certificat-cadeau-html .g-col--two-third {
  max-width: 840px;
  max-height: 630px;
  width: 62%;
}
@media (max-width: 1023px) {
  #promesse-cadeau-html .g-col--two-third.half-tablet,
  .cms-certificat-cadeau-html .g-col--two-third.half-tablet {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #promesse-cadeau-html .g-col--two-third.full-mobile,
  .cms-certificat-cadeau-html .g-col--two-third.full-mobile {
    width: 100%;
  }
}
#promesse-cadeau-html .g-col--half,
.cms-certificat-cadeau-html .g-col--half {
  width: 47% !important;
}
@media (max-width: 1023px) {
  #promesse-cadeau-html .g-col--half,
  .cms-certificat-cadeau-html .g-col--half {
    width: 100% !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #promesse-cadeau-html .g-serif-l2,
  #promesse-cadeau-html .g-serif-l2-not-underlined,
  .cms-certificat-cadeau-html .g-serif-l2,
  .cms-certificat-cadeau-html .g-serif-l2-not-underlined {
    font-size: 29px;
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  #promesse-cadeau-html .h-order2-before-t,
  .cms-certificat-cadeau-html .h-order2-before-t {
    order: 2;
  }
}
@media (max-width: 1023px) {
  #promesse-cadeau-html .h-order2-before-l,
  .cms-certificat-cadeau-html .h-order2-before-l {
    order: 2;
  }
}
@media (max-width: 767px) {
  #promesse-cadeau-html .h-order2-before-l.h-order1-before-t,
  .cms-certificat-cadeau-html .h-order2-before-l.h-order1-before-t {
    order: inherit;
  }
}
@media (max-width: 1023px) {
  #promesse-cadeau-html .h-space-between-tablet,
  .cms-certificat-cadeau-html .h-space-between-tablet {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  #promesse-cadeau-html .g-serif-l1,
  .cms-certificat-cadeau-html .g-serif-l1 {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  #promesse-cadeau-html .g-serif-l1,
  .cms-certificat-cadeau-html .g-serif-l1 {
    padding: 0 5px;
    font-size: 23px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #promesse-cadeau-html .g-serif-l1,
  .cms-certificat-cadeau-html .g-serif-l1 {
    padding: 0 20px;
    font-size: 25px;
  }
}
.g-col--half-alliances {
  width: 49% !important;
}
@media (max-width: 767px) {
  .g-col--half-alliances {
    width: 100% !important;
  }
}
.guide-video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.guide-video-container video {
  position: absolute;
  top: 0;
  width: inherit;
  height: inherit;
}
.g-cms-quote {
  max-width: 510px;
  margin: auto;
  border-top: 1px solid #d0857e;
  border-bottom: 1px solid #d0857e;
  padding: 20px 10px 10px;
}
.g-cms-quote p {
  line-height: 25px;
}
@media (min-width: 768px) {
  .g-cms-quote {
    max-width: 550px;
  }
}
.gem-birth-main-img-container {
  margin: 18px auto;
  width: 90%;
}
@media (max-width: 767px) {
  .gem-birth-main-img-container {
    width: 100%;
  }
}
#anchor-birth-gems-list-container {
  display: block;
  position: relative;
  top: calc(-5px - var(--total-nav-height));
  visibility: hidden;
}
.hover-cursor-default:hover {
  cursor: default;
}
.birth-gems-container {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  text-align: justify;
}
.birth-gems-container h2 {
  margin: 30px auto 24px;
}
.birth-gems-container .birth-gems-by-month-container p {
  margin: 0;
}
.birth-gems-container .birth-gems-by-month-container div {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.birth-gems-container .birth-gems-by-month-container div div {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .birth-gems-container .birth-gems-by-month-container div div {
    flex-direction: column;
  }
}
.birth-gems-container .birth-gems-by-month-container div div a {
  margin: auto 20px auto 0;
  max-height: 110px;
}
.birth-gems-container .birth-gems-by-month-container div div a img {
  max-width: 110px;
  max-height: 110px;
}
@media (max-width: 767px) {
  .birth-gems-container .birth-gems-by-month-container div div a {
    max-height: 140px;
  }
  .birth-gems-container .birth-gems-by-month-container div div a img {
    max-width: 140px;
    max-height: 140px;
  }
}
.birth-gems-container .birth-gems-by-month-container div div p {
  flex-wrap: wrap;
}
#contest .presentation .img {
  width: 35%;
}
@media (max-width: 1199px) {
  #contest .presentation .img {
    width: 49%;
  }
}
#contest .presentation .text {
  margin-bottom: 15px;
  padding: 0 25px;
  box-sizing: border-box;
  width: 65%;
}
@media (max-width: 1199px) {
  #contest .presentation .text {
    width: 49%;
  }
}
@media (max-width: 1023px) {
  #contest .presentation .text {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  #contest .presentation .full-mobile {
    width: 100%;
  }
}
#contest .form-container {
  background-color: #f9f0e9;
}
@media (max-width: 767px) {
  #contest .form-container {
    padding: 26px 0 0;
  }
}
#contest .form-container .form {
  width: 75%;
}
@media (max-width: 1439px) {
  #contest .form-container .form {
    width: 70%;
  }
}
@media (max-width: 1023px) {
  #contest .form-container .form {
    width: 63%;
  }
}
@media (max-width: 767px) {
  #contest .form-container .form {
    width: 95%;
  }
}
#contest .form-container .form .form-subcontainer {
  width: 100%;
}
#contest .form-container .form .conditions,
#contest .form-container .form p {
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  #contest .form-container .form .conditions,
  #contest .form-container .form p {
    width: auto;
  }
}
#contest .form-container .form form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 26px 0;
}
@media (max-width: 1023px) and (min-width: 768px) {
  #contest .form-container .form form {
    margin: 20px 0;
  }
}
#contest .form-container .form form .names,
#contest .form-container .form form input {
  width: 60%;
}
@media (max-width: 1199px) {
  #contest .form-container .form form .names,
  #contest .form-container .form form input {
    width: 65%;
  }
}
@media (max-width: 1023px) {
  #contest .form-container .form form .names,
  #contest .form-container .form form input {
    width: 70%;
  }
}
@media (max-width: 767px) {
  #contest .form-container .form form .names,
  #contest .form-container .form form input {
    width: 90%;
  }
}
#contest .form-container .form form .names {
  display: flex;
}
#contest .form-container .form form .names input {
  width: 50%;
}
#contest .form-container .form form button {
  color: #fff;
  background-color: #b08b71;
  border: none;
}
#contest .form-container .form-img {
  width: 25%;
}
@media (max-width: 1439px) {
  #contest .form-container .form-img {
    width: 30%;
  }
}
@media (max-width: 1023px) {
  #contest .form-container .form-img {
    width: 37%;
  }
}
@media (max-width: 767px) {
  #contest .form-container .form-img {
    width: 100%;
    margin-top: 26px;
  }
}
.cms-press {
  font-size: 18px;
}
.cms-press .article {
  padding-top: 30px;
  border-top: 1px solid #d7d7d7;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .cms-press .article {
    width: 48%;
  }
}
.cms-press .article .article-content {
  width: 100%;
}
@media (min-width: 768px) {
  .cms-press .article .article-content {
    float: left;
    width: calc(100% - 164px);
  }
}
.cms-press .article .article-picture {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .cms-press .article .article-picture {
    width: 144px;
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.cms-press .article h2 {
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.6px;
  color: #3b3b3b;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 30px;
  margin: 0 0 15px;
  border-bottom: none;
}
@media (min-width: 768px) {
  .cms-press .article h2 {
    font-size: 15px;
  }
}
.cms-press .article h2 span {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  margin: 10px 0;
  max-width: 100%;
  text-transform: none;
}
.cms-press .article img {
  border: 2px solid #f0f0f0;
  margin-bottom: 15px;
}
.cms-press .article .link {
  margin-top: 0;
}
.cms-press .article .link a {
  width: 100%;
  display: block;
  padding: 15px 0;
}
#showrooms .svg-location {
  position: absolute;
  width: 30px;
  height: 30px;
  fill: #d0857e;
  left: -50px;
  top: 3px;
}
@media (min-width: 1024px) {
  #showrooms .svg-location {
    left: -60px;
  }
}
@media (max-width: 1024px) {
  #showrooms .g-serif-l2,
  #showrooms .g-serif-l2-not-underlined {
    font-size: 28px;
  }
}
.g-col--half-shop {
  width: 50% !important;
}
@media (max-width: 1024px) {
  .g-col--half-shop {
    width: 100% !important;
  }
}
.g-col--half-shop-1 {
  width: 50% !important;
}
@media (max-width: 1024px) {
  .g-col--half-shop-1 {
    width: 95% !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .g-col--half-shop-1 {
    width: 48% !important;
  }
}
@media (max-width: 1200px) {
  .g-width-custom {
    width: 90% !important;
  }
}
.g-sr-location {
  position: relative;
}
.g-paris-details {
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .g-paris-details {
    padding: 0 100px;
  }
}
@media (min-width: 1200px) {
  .g-paris-details {
    padding: 0 150px;
  }
}
.g-lyon-details {
  display: flex;
  flex-direction: column;
}
.g-lyon-details,
.g-toulouse-details {
  margin-bottom: 15px;
}
.svg-shop-page {
  width: 50px;
  height: 50px;
}
@media (max-width: 1023px) {
  .shops-container {
    margin-bottom: 0 !important;
  }
}
.shops-container .shop-image-container {
  position: relative;
}
.shops-container .shop-image-container .shop-image-overlay {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: visibility 0s, opacity 0.1s ease-in-out;
}
@media (min-width: 1025px) {
  .shops-container .shop-image-container:hover .shop-image-overlay {
    visibility: visible;
    opacity: 1;
  }
  .shops-container .shop-image-container:hover img {
    opacity: 0.4;
  }
}
.shops-container .shop-container {
  width: 23%;
}
@media (max-width: 1023px) {
  .shops-container .shop-container {
    width: 100%;
  }
}
.shops-container .shop-name {
  font-size: 20.5px;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .shops-container .shop-name {
    font-size: 21px;
  }
}
.shops-container .shop-name sup {
  text-transform: lowercase;
}
.shops-container .district-name {
  font-weight: 700;
  margin-top: 0;
}
.shops-container .address {
  font-size: 12px;
  margin: 10px 0 15px;
}
.shops-container hr {
  width: 15px;
  border-color: #d0857e;
  border-style: solid;
}
.gem-btn-shop {
  border-radius: 0 !important;
  background-color: rgba(34, 41, 81, 0.7) !important;
  color: #fff !important;
}
.gem-btn-shop:hover {
  background-color: #222951 !important;
}
@media (max-width: 1024px) {
  .g-serif-l2,
  .g-serif-l2-not-underlined {
    font-size: 20px !important;
  }
}
.g-col--half-t-j {
  width: 47% !important;
}
@media (max-width: 767px) {
  .g-col--half-t-j {
    width: 95% !important;
  }
}
.shop-details-container h1,
.shop-details-container h2 {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: RecklessNeue, Georgia, Cambria, Times New Roman, Times, serif;
}
.shop-details-container h1 sup,
.shop-details-container h2 sup {
  text-transform: lowercase;
}
.shop-details-container hr {
  width: 30px;
  border-color: #d0857e;
  border-style: solid;
}
.shop-details-container .shop-services {
  margin: 25px 0;
}
.shop-details-container .shop-services a {
  margin-bottom: 25px;
  width: 40%;
}
@media (min-width: 768px) {
  .shop-details-container .shop-services a {
    width: 20%;
  }
}
@media (min-width: 1025px) {
  .shop-details-container .shop-services a:hover > div > p {
    color: #d0857e;
    border-bottom: 1px solid #d0857e;
  }
}
.shop-details-container .shop-services .shop-service-block {
  border: 1px solid #3b3b3b;
  height: 243px;
  padding: 20px;
  border-radius: 2px;
  box-sizing: content-box;
}
.shop-details-container .photo-column {
  width: 100%;
}
@media (min-width: 769px) {
  .shop-details-container .photo-column {
    width: 65%;
    order: 2;
  }
}
.shop-details-container .text-column {
  width: 100%;
}
@media (min-width: 769px) {
  .shop-details-container .text-column {
    width: 35%;
  }
}
.shop-details-container .text-column .intro {
  width: 85%;
}
@media (min-width: 769px) and (max-width: 1023px) {
  .shop-details-container .text-column .intro {
    display: none;
  }
}
.shop-details-container .text-column .intro-shop {
  width: 85%;
}
@media (min-width: 769px) and (max-width: 1199px) {
  .shop-details-container .text-column .intro-shop {
    display: none;
  }
}
.shop-details-container .text-column .hours-container {
  width: 280px;
}
@media (min-width: 769px) and (max-width: 1199px) {
  .shop-details-container .text-column .hours-container {
    display: none;
  }
}
@media (max-width: 768px) {
  .shop-details-container .text-column .hours-light-container {
    display: none;
  }
}
@media (min-width: 1200px) {
  .shop-details-container .text-column .hours-light-container {
    display: none;
  }
}
.shop-details-container .text-column .hours-container-bruxelles,
.shop-details-container .text-column .hours-container-geneve {
  width: 280px;
}
@media (min-width: 769px) and (max-width: 1439px) {
  .shop-details-container .text-column .hours-container-bruxelles,
  .shop-details-container .text-column .hours-container-geneve {
    display: none;
  }
}
@media (max-width: 768px) {
  .shop-details-container .text-column .hours-light-container-bruxelles,
  .shop-details-container .text-column .hours-light-container-geneve {
    display: none;
  }
}
@media (min-width: 1440px) {
  .shop-details-container .text-column .hours-light-container-bruxelles,
  .shop-details-container .text-column .hours-light-container-geneve {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  .shop-details-container .text-column .tablet-split {
    flex-direction: row;
  }
  .shop-details-container .text-column .tablet-split .tablet-split-half {
    width: 50%;
  }
  .shop-details-container
    .text-column
    .tablet-split
    .tablet-split-half.tablet-split-half-second {
    border-left: 1px solid #949494;
    box-sizing: border-box;
    padding: 0 50px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .shop-details-container .opening-intro {
    display: none;
  }
}
.shop-details-container .except-hours-container {
  width: 250px;
}
.shop-details-container .logo-tea-j-geneve {
  max-width: 150px;
}
@media (max-width: 1199px) {
  .shop-details-container .logo-tea-j-geneve {
    max-width: 100px;
    margin: 0;
  }
}
.shop-details-container .title-tea-j-geneve {
  font-size: 26px;
}
@media (max-width: 1199px) {
  .shop-details-container .title-tea-j-geneve {
    font-size: 22px;
  }
}
.shop-details-container .subtitle-tea-j-geneve {
  font-size: 22px;
}
@media (max-width: 1199px) {
  .shop-details-container .subtitle-tea-j-geneve {
    font-size: 20px;
  }
}
.shop-details-container .g-col--half-tea-j-geneve {
  width: 47% !important;
}
@media (max-width: 767px) {
  .shop-details-container .g-col--half-tea-j-geneve {
    width: 100% !important;
  }
}
.g-col--half-shop-2 {
  width: 70% !important;
}
@media (max-width: 1024px) {
  .g-col--half-shop-2 {
    width: 100% !important;
  }
}
@media (min-width: 769px) {
  #container {
    align-items: normal;
  }
}
@media (min-width: 568px) {
  #algolia-right-container #products-list {
    width: 549px;
  }
}
@media (min-width: 768px) {
  #algolia-right-container #products-list {
    width: 750px;
  }
}
@media (min-width: 1024px) {
  #algolia-right-container #products-list {
    width: 727px;
  }
}
@media (min-width: 1200px) {
  #algolia-right-container #products-list {
    width: 877px;
  }
}
@media (min-width: 568px) {
  #algolia-right-container #products-list {
    border: none !important;
  }
}
#algolia-right-container.full-page #products-list {
  border-width: 1px;
}
@media (min-width: 768px) {
  #algolia-right-container.full-page #products-list {
    width: 750px;
  }
}
@media (min-width: 1024px) {
  #algolia-right-container.full-page #products-list {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #algolia-right-container.full-page #products-list {
    width: 1169px;
  }
}
#algolia-left-container {
  width: 100%;
}
@media (min-width: 1024px) {
  #algolia-left-container {
    width: 220px;
  }
}
@media (min-width: 1200px) {
  #algolia-left-container {
    width: 270px;
  }
}
@media (min-width: 568px) {
  #algolia-right-container .ais-infinite-hits:not(.ais-infinite-hits__empty) {
    border: 1px solid #f0f0f0;
    border-width: 1px 0 0 1px;
  }
}
#algolia-searchbox {
  position: relative;
  margin: 0;
  height: 20px;
}
.magnifying-glass {
  cursor: pointer;
  position: absolute;
  top: 1px;
  right: 0;
}
.clear-query-autocomplete {
  position: absolute;
  display: none;
  cursor: pointer;
  width: 15px;
  height: 15px;
  top: 3px;
  right: 0;
}
.algolia-search-input {
  position: relative;
  display: inline-block;
  width: 0;
  height: 28px;
  padding: 0 30px 0 8px;
  top: -2px;
  right: -5px;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  -webkit-appearance: none;
  transition: border-color 0.1s ease-in-out;
  outline: 0;
  box-shadow: none;
  text-align: left;
}
@media (max-width: 767px) {
  .algolia-search-input {
    font-size: 16px;
  }
}
.algolia-search-input:focus {
  border-bottom-color: #000;
}
.algolia-search-input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 300;
}
.ais-infinite-hits--showmore > button {
  margin-top: 20px;
}
#refine-text {
  margin: 20px;
}
.g-facet {
  background-color: #fbfbfb;
  border: 4px solid #f0f0f0;
  margin-bottom: 15px;
  padding: 10px 0;
}
.ais-current-refined-values--body {
  padding: 0 8px;
}
.ais-range-slider--tooltip {
  position: absolute;
  top: -25px;
  right: -10px;
  width: 40px;
  text-align: center;
  font-size: 13px;
  font-weight: 300;
  color: #3b3b3b;
}
.ais-range-slider--target {
  position: relative;
  direction: ltr;
  height: 6px;
  width: 80%;
  margin: 45px auto 50px 10%;
}
.ais-range-slider--base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border: solid #d7d7d7;
  border-width: 1px 2px;
}
.ais-range-slider--origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.ais-range-slider--connect {
  background: #949494;
}
.ais-range-slider--background {
  background: #f0f0f0;
}
.ais-range-slider--handle {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  cursor: pointer;
}
.ais-range-slider--handle-lower {
  left: -10px;
  bottom: 7px;
}
.ais-range-slider--handle-upper {
  right: 10px;
  bottom: 7px;
}
.ais-range-slider--pips {
  box-sizing: border-box;
  position: absolute;
  height: 50px;
  top: 100%;
  left: 0;
  width: 100%;
}
.ais-range-slider--value {
  width: 40px;
  position: absolute;
  text-align: center;
  margin-left: -20px;
  padding-top: 15px;
  font-size: 13px;
}
.ais-range-slider--marker {
  position: absolute;
  margin-left: -1px;
  width: 1px;
  height: 5px;
}
.ais-range-slider--marker-large {
  background: #d7d7d7;
  width: 2px;
  margin-left: -2px;
  height: 12px;
}
.ais-range-slider--marker-large:first-child {
  margin-left: 0;
}
.ais-refinement-list--label {
  margin: 8px 10px;
}
.ais-refinement-list--label .c-indicator {
  position: inherit;
}
.ais-refinement-list--label.c-input {
  padding-left: 0;
}
.ais-refinement-list--count {
  width: 25px;
  text-align: right;
  direction: rtl;
}
.g-refinement-name {
  max-width: calc(100% - 46px);
  padding: 0 5px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}
.ais-refinement-list--item__active .ais-refinement-list--label {
  font-weight: 400;
  color: #d0857e;
}
.ais-refinement-list--item__active .ais-refinement-list--label:hover {
  text-decoration: line-through;
}
.ais-current-refined-values--clear-all {
  display: block;
  margin: 0 0 5px;
}
.current-refinement-wrapper {
  max-width: calc(100% - 26px);
  height: 26px;
  padding: 0 8px;
  line-height: 26px;
}
.current-refinement-wrapper:hover {
  text-decoration: line-through;
}
@media (min-width: 1024px) {
  .current-refinement-wrapper {
    min-width: 91px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.ais-current-refined-values--item {
  margin-bottom: 8px;
}
.ais-current-refined-values--link {
  border-radius: 2px;
  border: 1px solid #d7d7d7;
  background-color: #f0f0f0;
  max-width: 100%;
  white-space: nowrap;
  height: 28px;
}
.cross-wrapper {
  background-color: #d7d7d7;
  border-radius: 1px 0 0 1px;
  width: 26px;
  height: 26px;
}
.clear-refinement {
  display: block;
  position: relative;
  top: 5px;
  left: 5px;
}
#algolia-left-container {
  text-align: left;
}
#algolia-left-container * {
  box-sizing: border-box !important;
}
.clear-refinement {
  width: 15px;
  height: 15px;
}
.ais-infinite-hits--showmore > button:disabled {
  display: none !important;
}
.ais-InfiniteHits {
  display: flex;
  flex-direction: column;
}
.ais-InfiniteHits-list {
  border: 1px solid #f0f0f0;
  border-width: 1px 0 0 1px;
  margin: 0;
}
li.ais-InfiniteHits-item,
ol.ais-InfiniteHits-list {
  list-style-type: none;
  padding: 0;
}
.ais-InfiniteHits-loadMore {
  background-color: #d0857e;
  color: #fff !important;
  line-height: 17px;
  width: 230px;
  font-family: Sackers-Gothic-Medium, Georgia, Cambria, Times New Roman, Times,
    sans-serif;
  letter-spacing: 0.6px;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none !important;
  box-sizing: border-box;
  padding: 15px 45px 13px;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-image: none;
  -webkit-border-radius: 0;
  border: 2px solid;
  margin: 20px auto auto;
}
.ais-InfiniteHits-loadMore--disabled {
  display: none;
}
.algolia-search-input {
  border-bottom: 1px solid #000;
}
.algolia-search-input-hidden {
  display: inline-block;
  border: none;
  text-align: left;
  padding: 0;
  outline: 0;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
:-ms-input-placeholder {
  font-size: 13px !important;
}
::placeholder {
  font-size: 13px !important;
}
::-webkit-input-placeholder {
  font-size: 13px !important;
}
::-moz-placeholder {
  font-size: 13px !important;
}
.ais-RangeSlider .rheostat {
  overflow: visible;
  margin-top: 45px;
  margin-bottom: 50px;
}
.rheostat-handle {
  cursor: pointer;
}
.ais-RangeSlider .rheostat-handle {
  bottom: 7px;
}
.rheostat-tooltip {
  top: -25px;
  width: 40px;
  font-size: 13px;
  font-weight: 300;
  color: #3b3b3b;
}
.ais-RangeSlider {
  color: #3a4570;
}
.rheostat .rheostat-horizontal {
  overflow: visible;
  margin-top: 40px;
  margin-bottom: 40px;
}
.ais-RangeSlider .rheostat-background {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  border: 1px solid #aaa;
  height: 6px;
  top: 0;
  width: 100%;
}
.rheostat-handle .rheostat-handle-lower {
  margin-left: -12px;
  top: -7px;
}
.rheostat-handle {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: grab;
  background: #fff;
  border: 1px solid #d7d7d7;
}
.rheostat-tooltip {
  font-size: 0.8rem;
  margin-left: 50%;
  position: absolute;
  top: -22px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ais-RangeSlider .rheostat-handle {
  margin-left: -12px;
  top: -7px;
}
.rheostat-tooltip,
.rheostat-value {
  font-size: 15px;
  color: #000;
}
.rheostat-value {
  margin-left: 50%;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ais-RangeSlider .rheostat-progress {
  background-color: #949494;
  position: absolute;
  top: 1px;
  height: 4px;
}
#price-refinements {
  width: 80%;
  margin: auto;
}
.rheostat-marker-large {
  width: 2px;
  height: 10px;
  display: block;
  background-color: #d7d7d7;
}
#refinements-container {
  display: none;
}
#clear-refinements {
  display: flex;
  justify-content: center;
}
.js-header-search {
  width: unset !important;
  min-width: 20px;
}
body {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif !important;
}
.g-lp-container-bis {
  max-width: 768px;
}
@media (min-width: 768px) {
  .g-lp-container-bis {
    max-width: 1024px;
  }
}
@media (min-width: 1024px) {
  .g-lp-container-bis {
    max-width: 1200px;
  }
}
@media (min-width: 1200px) {
  .g-lp-container-bis {
    max-width: 1440px;
  }
}
@media (min-width: 768px) {
  .g-lp-container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .g-lp-container {
    max-width: 1024px;
  }
}
@media (min-width: 1200px) {
  .g-lp-container {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .g-lp-container {
    max-width: 1440px;
  }
}
body.categorypath-bijoux-selection-cadeaux-html .landing-page-margin {
  margin-top: 100px;
}
@media (max-width: 767px) {
  body.categorypath-bijoux-selection-cadeaux-html .landing-page-margin {
    margin-top: 25px;
  }
}
@media (max-width: 375px) {
  body.categorypath-bijoux-selection-cadeaux-html .g-cat-header h1 {
    font-size: 30px;
  }
}
body.categorypath-bijoux-selection-cadeaux-html .haute-jo-container-jewel-box {
  background: #f1eeef;
}
@media (min-width: 1441px) {
  body.categorypath-bijoux-selection-cadeaux-html
    .haute-jo-container-jewel-box {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
body.categorypath-bijoux-selection-cadeaux-html
  .haute-jo-container-jewel-box
  .haute-jo-container-jewel-box-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  body.categorypath-bijoux-selection-cadeaux-html
    .haute-jo-container-jewel-box
    .haute-jo-container-jewel-box-sub-container {
    max-width: 1440px;
    padding-top: 75px;
  }
}
body.categorypath-bijoux-selection-cadeaux-html .g-col--half {
  width: 47% !important;
}
@media (max-width: 767px) {
  body.categorypath-bijoux-selection-cadeaux-html .g-col--half {
    width: 100% !important;
  }
}
body.categorypath-bijoux-selection-cadeaux-html .width-jewel-box {
  max-width: 95%;
}
@media (max-width: 767px) {
  body.categorypath-bijoux-selection-cadeaux-html .width-jewel-box {
    max-width: 100%;
  }
}
@media (min-width: 1441px) {
  body.categorypath-bijoux-selection-cadeaux-html .boite-chocolat-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}
body.categorypath-bijoux-selection-cadeaux-html
  .boite-chocolat-container
  .boite-chocolat-subcontainer {
  max-width: 1440px;
}
@media (max-width: 767px) {
  body.categorypath-bijoux-selection-cadeaux-html
    .boite-chocolat-container
    .boite-chocolat-subcontainer {
    margin-bottom: 25px;
  }
}
@media (min-width: 768px) {
  body.categorypath-bijoux-selection-cadeaux-html
    .boite-chocolat-container
    .boite-chocolat-subcontainer {
    padding: 75px 0;
  }
}
body.categorypath-bijoux-selection-cadeaux-html .background-chocolat {
  background: #37446e;
}
.g-popin--dialog
  body.categorypath-bijoux-selection-cadeaux-html
  .background-chocolat
  .vex-dialog-button,
body.categorypath-bijoux-selection-cadeaux-html
  .background-chocolat
  .g-cat-subtext,
body.categorypath-bijoux-selection-cadeaux-html
  .background-chocolat
  .g-popin--dialog
  .vex-dialog-button,
body.categorypath-bijoux-selection-cadeaux-html
  .background-chocolat
  .g-serif-l2,
body.categorypath-bijoux-selection-cadeaux-html
  .background-chocolat
  .g-serif-l2-not-underlined,
body.categorypath-bijoux-selection-cadeaux-html
  .background-chocolat
  .g-serif-text,
body.categorypath-bijoux-selection-cadeaux-html .background-chocolat .gem-btn {
  color: #fff;
}
body.categorypath-bijoux-selection-cadeaux-html
  .background-chocolat
  .g-serif-l2,
body.categorypath-bijoux-selection-cadeaux-html
  .background-chocolat
  .g-serif-l2-not-underlined {
  border-bottom: 2px solid #fff;
}
@media (min-width: 768px) {
  body.categorypath-bijoux-selection-cadeaux-html .white-border img {
    border: 2px solid #fff;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  body.categorypath-bijoux-selection-cadeaux-html .h-hide-descriptif-noel {
    display: none;
  }
}
@media (min-width: 1024px) {
  body.categorypath-bijoux-selection-cadeaux-html .h-width-selection-noel {
    width: 95%;
  }
}
#nous-rejoindre .full-width-banner-container {
  width: 100vw;
  margin: 0 -50vw;
  background: #f9f7f4;
}
#nous-rejoindre .full-width-banner-container .full-width-banner-sub-container {
  max-width: 1440px;
}
@media (min-width: 1024px) {
  #nous-rejoindre
    .full-width-banner-container
    .full-width-banner-sub-container {
    padding: 75px 0;
  }
}
#nous-rejoindre .g-col--half {
  width: 47% !important;
}
@media (max-width: 1023px) {
  #nous-rejoindre .g-col--half {
    width: 100% !important;
  }
}
#nous-rejoindre .g-col--half-mini {
  width: 48% !important;
}
#nous-rejoindre .text-quote {
  text-transform: uppercase;
  font-size: 18px;
  line-height: normal;
}
@media (min-width: 1200px) {
  #nous-rejoindre .text-quote {
    font-size: 26px;
  }
}
#nous-rejoindre .g-serif-caps-l2 {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  color: #3b3b3b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  margin: 15px 0 10px;
  font-size: 20px;
  line-height: 24px;
  border: none;
}
@media (max-width: 768px) {
  #nous-rejoindre .g-serif-caps-l2 {
    font-size: 16px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #nous-rejoindre .g-serif-caps-l2 {
    font-size: 18px;
  }
}
#notre-histoire .g-serif-caps-l1,
#savoir-faire .g-serif-caps-l1 {
  font-size: 15px;
}
@media (min-width: 961px) {
  #notre-histoire .g-serif-caps-l1,
  #savoir-faire .g-serif-caps-l1 {
    font-size: 25px;
  }
}
#notre-histoire .g-serif-l3,
#savoir-faire .g-serif-l3 {
  text-transform: uppercase;
  font-size: 28px;
  line-height: 26px;
}
#notre-histoire .g-centered-text,
#savoir-faire .g-centered-text {
  max-width: 100%;
}
@media (min-width: 1024px) {
  #notre-histoire .g-centered-text,
  #savoir-faire .g-centered-text {
    max-width: 65%;
  }
}
@media (min-width: 1024px) {
  #notre-histoire .overlap,
  #savoir-faire .overlap {
    margin-top: -100px;
  }
}
#notre-histoire .blockquote-wrapper,
#savoir-faire .blockquote-wrapper {
  padding: 0 10px;
}
@media (min-width: 768px) {
  #notre-histoire .blockquote-wrapper,
  #savoir-faire .blockquote-wrapper {
    padding: 0;
  }
}
#notre-histoire .full-width-banner-container,
#savoir-faire .full-width-banner-container {
  width: 100vw;
  margin: 0 -50vw;
  background: #f9f7f4;
}
#notre-histoire .full-width-banner-container .full-width-banner-sub-container,
#savoir-faire .full-width-banner-container .full-width-banner-sub-container {
  max-width: 1440px;
  padding: 50px 0 70px;
}
#notre-histoire .blockquote,
#savoir-faire .blockquote {
  position: relative;
  max-width: 620px;
  align-self: center;
  color: #3b3b3b;
  border: 2px solid;
  border-radius: 20px;
  padding: 10px;
}
@media (min-width: 768px) {
  #notre-histoire .blockquote,
  #savoir-faire .blockquote {
    padding: 25px;
  }
}
#notre-histoire .blockquote:after,
#savoir-faire .blockquote:after {
  content: "";
  position: absolute;
  border-radius: 0 50px 0 0;
  width: 60px;
  height: 60px;
  bottom: -62px;
  left: 50px;
  border: 2px solid #3b3b3b;
  border-bottom: none;
  border-left: none;
  z-index: 3;
}
#notre-histoire .blockquote:before,
#savoir-faire .blockquote:before {
  content: "";
  position: absolute;
  width: 80px;
  border: 6px solid #f9f7f4;
  bottom: -3px;
  left: 50px;
  z-index: 2;
}
#notre-histoire .blockquote-subheader,
#savoir-faire .blockquote-subheader {
  color: #3b3b3b;
  font-weight: 700;
  margin: 0;
  padding-top: 15px;
}
@media (max-width: 767px) {
  #notre-histoire .blockquote-subheader,
  #savoir-faire .blockquote-subheader {
    margin-left: 80px;
    font-size: 14px;
  }
}
@media (max-width: 567px) {
  #savoir-faire .g-serif-l1 {
    font-size: 20px !important;
  }
}
#savoir-faire .text-width {
  width: 90%;
}
@media (min-width: 1025px) {
  #savoir-faire .text-width {
    width: 65%;
  }
}
@media (min-width: 1200px) {
  #savoir-faire .h-limit-d-width-savoir-faire {
    width: 1200px !important;
  }
}
@media (min-width: 1440px) {
  #savoir-faire .h-limit-d-width-savoir-faire {
    width: 1350px !important;
  }
}
#savoir-faire .g-serif-hp-savoir-faire {
  font-size: 26px !important;
  padding: 0 !important;
}
@media (max-width: 568px) {
  #savoir-faire .g-serif-hp-savoir-faire {
    font-size: 11px !important;
    padding: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #savoir-faire .g-serif-hp-savoir-faire {
    font-size: 15px !important;
    padding: 0 !important;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #savoir-faire .g-serif-hp-savoir-faire {
    font-size: 18px !important;
    padding: 0 !important;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #savoir-faire .g-serif-hp-savoir-faire {
    font-size: 21px !important;
    padding: 0 !important;
  }
}
#savoir-faire .g-col--half-history {
  width: 49% !important;
}
@media (max-width: 767px) {
  #savoir-faire .g-col--half-history {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #savoir-faire .g-col--half-history.full-mobile-text {
    width: 95% !important;
  }
}
#savoir-faire .g-col--half-history video {
  width: 100%;
}
#savoir-faire .g-col--visual {
  width: 40%;
}
@media (max-width: 767px) {
  #savoir-faire .g-col--visual.full-mobile {
    width: 100%;
  }
}
#savoir-faire .g-col--text {
  width: 50%;
}
#savoir-faire .g-col--text.align-start {
  align-items: start;
}
#savoir-faire .g-col--text.align-end {
  align-items: end;
}
#savoir-faire .g-col--text .g-serif-text.text-start {
  text-align: start !important;
}
#savoir-faire .g-col--text .g-serif-text.text-end {
  text-align: end !important;
}
@media (max-width: 767px) {
  #savoir-faire .g-col--text.full-mobile {
    width: 100%;
    align-items: center;
  }
  #savoir-faire .g-col--text.full-mobile .g-serif-text.text-end,
  #savoir-faire .g-col--text.full-mobile .g-serif-text.text-start {
    text-align: center !important;
  }
}
#savoir-faire .title-inspiration {
  padding-top: 25px !important;
}
@media (max-width: 960px) {
  #savoir-faire .title-inspiration {
    padding-top: 0 !important;
  }
}
#savoir-faire .title-inspiration:after {
  content: "";
  display: block;
  margin: 2.5rem auto 1.2rem;
  width: 4rem;
  border-bottom: 1px solid #d0857e;
}
#savoir-faire .block-full-width-container {
  width: 100%;
}
@media (min-width: 1441px) {
  #savoir-faire .block-full-width-container {
    width: 100vw;
    position: relative;
    margin: 0 -50vw;
  }
}
#savoir-faire .block-full-width-container .block-full-width-sub-container {
  max-width: 100%;
  padding-top: 50px;
}
@media (min-width: 769px) {
  #savoir-faire .block-full-width-container .block-full-width-sub-container {
    max-width: 1440px;
    padding: 60px 0;
  }
}
#savoir-faire .block-full-width-container .block-full-width-sub-container-1 {
  max-width: 100%;
}
@media (min-width: 768px) {
  #savoir-faire .block-full-width-container .block-full-width-sub-container-1 {
    max-width: 1440px;
    padding: 60px 0;
  }
}
#nos-parentheses .g-header-picture {
  width: 100%;
  max-width: 1440px;
}
#nos-parentheses .g-header-picture-container {
  width: 100%;
  background-color: #fff;
  position: relative;
}
@media (min-width: 568px) and (max-width: 767px) {
  #nos-parentheses .g-header-picture-container {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #nos-parentheses .g-header-picture-container {
    width: auto;
    position: relative;
    height: 220px;
    padding: 20px 30px;
  }
}
@media (min-width: 1024px) {
  #nos-parentheses .g-header-picture-container {
    height: 160px;
  }
}
#nos-parentheses .g-header-picture-content {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #nos-parentheses .g-header-picture-content {
    width: 540px;
    margin: 0 auto;
    top: -70%;
    background-color: #fff;
    position: relative;
    padding: 25px 40px 0;
  }
}
@media (min-width: 1024px) {
  #nos-parentheses .g-header-picture-content {
    width: 650px;
    top: -100%;
  }
}
@media (max-width: 767px) {
  .landing-page {
    margin-top: 10px;
  }
}
.landing-page h2 {
  margin-top: 20px;
}
.landing-page .gem-btn--empty {
  margin: 20px;
  max-width: 95vw;
}
.landing-page .h-margin-b-50 {
  margin-bottom: 50px;
}
.landing-page .swipper-col-container {
  width: 100%;
}
@media (max-width: 413px) {
  .landing-page .swipper-col-container .g-hover--text {
    padding: 0 2px;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  .landing-page .swipper-col-container {
    width: 414px;
  }
}
@media (min-width: 768px) {
  .landing-page .swipper-col-container {
    width: 720px;
  }
}
@media (min-width: 1024px) {
  .landing-page .swipper-col-container {
    width: 440px;
  }
}
@media (min-width: 1200px) {
  .landing-page .swipper-col-container {
    width: 600px;
  }
}
@media (min-width: 1440px) {
  .landing-page .swipper-col-container {
    width: 720px;
  }
}
.landing-page .gjs-accessories-swiper-container,
.landing-page .gjs-style-swiper-container,
.landing-page .shape-container .swiper-container {
  width: 100%;
  height: 270px;
}
@media (min-width: 360px) {
  .landing-page .gjs-accessories-swiper-container,
  .landing-page .gjs-style-swiper-container,
  .landing-page .shape-container .swiper-container {
    height: 300px;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  .landing-page .gjs-accessories-swiper-container,
  .landing-page .gjs-style-swiper-container,
  .landing-page .shape-container .swiper-container {
    width: 414px;
  }
}
@media (min-width: 768px) {
  .landing-page .gjs-accessories-swiper-container,
  .landing-page .gjs-style-swiper-container,
  .landing-page .shape-container .swiper-container {
    width: 720px;
    height: 320px;
  }
}
@media (min-width: 1024px) {
  .landing-page .gjs-accessories-swiper-container,
  .landing-page .gjs-style-swiper-container,
  .landing-page .shape-container .swiper-container {
    width: 440px;
    height: 310px;
  }
}
@media (min-width: 1200px) {
  .landing-page .gjs-accessories-swiper-container,
  .landing-page .gjs-style-swiper-container,
  .landing-page .shape-container .swiper-container {
    width: 600px;
    height: 295px;
  }
}
@media (min-width: 1440px) {
  .landing-page .gjs-accessories-swiper-container,
  .landing-page .gjs-style-swiper-container,
  .landing-page .shape-container .swiper-container {
    width: 720px;
    height: 330px;
  }
}
.landing-page .swiper-slide {
  width: 50%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .landing-page .swiper-slide {
    width: 240px;
  }
}
@media (min-width: 1200px) {
  .landing-page .swiper-slide {
    width: 200px;
  }
}
@media (min-width: 1440px) {
  .landing-page .swiper-slide {
    width: 240px;
  }
}
.landing-page .swiper-pagination.swiper-pagination-bullets {
  bottom: 2px !important;
}
.landing-page .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 3px;
}
@media (max-width: 1023px) {
  .landing-page .g-row-container {
    justify-content: space-around;
  }
}
@media (min-width: 1200px) {
  .landing-page .g-row-container {
    justify-content: space-around;
  }
}
.landing-page .wide-picture-container {
  position: relative;
}
.landing-page .wide-picture-container img {
  width: 900px;
}
@media (min-width: 1200px) {
  .landing-page .wide-picture-container img {
    width: 1100px;
  }
}
.landing-page .metal-details-container p,
.landing-page .stone-details-container p,
.landing-page .warranty-container p {
  padding: 0 40px;
}
.landing-page .gem-a--no-pointer {
  cursor: auto;
}
@media (min-width: 768px) {
  .landing-page .g-col--half {
    width: 50% !important;
  }
}
.landing-page .shape-icons {
  margin: 10px 0;
  padding: 10px;
  border-radius: 5px;
  background-color: hsla(0, 0%, 98.4%, 0.8);
  border: 2px solid #f0f0f0;
  height: 55px;
}
@media (max-width: 767px) {
  .landing-page .shape-icons {
    max-width: 351px;
  }
}
@media (min-width: 768px) {
  .landing-page .shape-icons {
    width: 334px;
  }
}
@media (min-width: 1024px) {
  .landing-page .shape-icons {
    width: 418px;
  }
}
@media (min-width: 1200px) {
  .landing-page .shape-icons {
    width: 536px;
  }
}
.landing-page .shape-icon {
  cursor: pointer;
}
.landing-page .shape-icon:hover:not(.active) {
  color: #d0857e;
}
.landing-page .shape-icon.active h4 {
  font-weight: 700;
  color: #d0857e;
}
.landing-page .shape-icon img {
  height: 25px;
}
@media (max-width: 1023px) {
  .landing-page .shape-icon h4 {
    font-size: 16px;
  }
}
.landing-page .shape-block {
  width: 100%;
}
.landing-page .shape-block:not(.active) {
  display: none;
}
@media (max-width: 767px) {
  .g-half-page-text,
  .styles-container .description {
    width: auto;
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .g-half-page-text,
  .styles-container .description {
    width: 680px;
  }
}
@media (min-width: 1024px) {
  .g-half-page-text,
  .styles-container .description {
    width: 440px;
  }
}
@media (min-width: 1200px) {
  .g-half-page-text,
  .styles-container .description {
    width: 600px;
  }
}
@media (min-width: 1440px) {
  .g-half-page-text,
  .styles-container .description {
    width: 720px;
  }
}
.metal-details-container .picture,
.shapes-container .picture,
.styles-container .picture,
.warranty-container .picture {
  margin: 0;
}
@media (max-width: 767px) {
  .metal-details-container .picture,
  .shapes-container .picture,
  .styles-container .picture,
  .warranty-container .picture {
    width: auto;
  }
}
@media (min-width: 768px) {
  .metal-details-container .picture,
  .shapes-container .picture,
  .styles-container .picture,
  .warranty-container .picture {
    width: 550px;
  }
}
@media (min-width: 1024px) {
  .metal-details-container .picture,
  .shapes-container .picture,
  .styles-container .picture,
  .warranty-container .picture {
    width: 500px;
  }
}
@media (min-width: 1200px) {
  .metal-details-container .picture,
  .shapes-container .picture,
  .styles-container .picture,
  .warranty-container .picture {
    width: 520px;
  }
}
@media (min-width: 1440px) {
  .metal-details-container .picture,
  .shapes-container .picture,
  .styles-container .picture,
  .warranty-container .picture {
    width: 550px;
  }
}
.g-lp-associate-img {
  width: 100%;
  max-width: 414px;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .g-lp-associate-img {
    width: 240px;
  }
}
@media (min-width: 1024px) {
  .g-lp-associate-img {
    width: 328px;
  }
}
@media (min-width: 1200px) {
  .g-lp-associate-img {
    width: 370px;
  }
}
@media (min-width: 1440px) {
  .g-lp-associate-img {
    width: 450px;
  }
}
.g-landing-page-quote {
  max-width: 510px;
  margin: auto;
}
.g-landing-page-quote p {
  line-height: 25px;
}
@media (min-width: 768px) {
  .g-landing-page-quote {
    max-width: 550px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .styles-container {
    margin-top: 10px;
  }
}
#boutiques .g-col--half-address {
  width: 45% !important;
}
@media (max-width: 767px) {
  #boutiques .g-col--half-address {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  #boutiques .border-top {
    border-top: 1px solid #f0f0f0;
    padding-top: 25px;
    max-width: 600px;
  }
}
#boutiques .title-boutiques {
  padding-top: 25px !important;
}
@media (max-width: 1199px) and (min-width: 769px) {
  #boutiques .title-boutiques {
    padding-top: 0 !important;
  }
}
#boutiques .title-boutiques:after {
  content: "";
  display: block;
  margin: 2.5rem auto 1.2rem;
  width: 4rem;
  border-bottom: 1px solid #d0857e;
}
@media (max-width: 1199px) {
  #boutiques .title-boutiques:after {
    margin: 20px auto 0;
  }
}
@media (max-width: 767px) {
  #boutiques .g-collapsible-title-t,
  #boutiques .gjs-collapsible-body-t {
    width: 100%;
  }
}
#boutiques .g-serif-caps-l1 {
  font-size: 20px;
}
@media (min-width: 1201px) {
  #boutiques .g-serif-caps-l1 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  #boutiques .h-margin-collapsible-b {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  #boutiques .gjs-collapsible-body-t {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  #boutiques .tab {
    padding-top: 25px;
  }
}
#boutiques .tab li a {
  font-size: 13px;
}
@media (max-width: 767px) {
  #boutiques .tab li a {
    font-size: 12px;
    width: 75px;
  }
}
#boutiques .content-tea-and-j {
  max-width: 80%;
  padding: 20px;
  border: 3px solid #fff;
}
@media (max-width: 1023px) and (min-width: 768px) {
  #boutiques .content-tea-and-j {
    padding: 10px;
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  #boutiques .padding-top-boutiques {
    padding-top: 25px;
  }
}
#boutiques .content-escapades {
  max-width: 80%;
  padding: 15px 20px;
  border: 3px solid #fff;
}
@media (max-width: 1023px) and (min-width: 768px) {
  #boutiques .content-escapades {
    padding: 15px 20px;
  }
}
@media (max-width: 568px) {
  #notre-histoire .flex-order,
  #savoir-faire .flex-order {
    display: flex;
  }
}
#notre-histoire .container-video-history,
#savoir-faire .container-video-history {
  width: 100%;
}
@media (min-width: 1025px) {
  #notre-histoire .container-video-history,
  #savoir-faire .container-video-history {
    width: 90%;
  }
}
@media (min-width: 1201px) {
  #notre-histoire .container-video-history,
  #savoir-faire .container-video-history {
    width: 80%;
  }
}
@media (min-width: 1441px) {
  #notre-histoire .haute-jo-container-parenthesis-autumn,
  #savoir-faire .haute-jo-container-parenthesis-autumn {
    width: 100vw;
    position: relative;
    margin: 0 -50vw;
  }
}
#notre-histoire .haute-jo-container-parenthesis-autumn.background-drawing,
#savoir-faire .haute-jo-container-parenthesis-autumn.background-drawing {
  width: 100%;
  max-width: 1440px;
}
#notre-histoire
  .haute-jo-container-parenthesis-autumn.background-drawing.background-drawing-1.lazy-bg-loaded,
#savoir-faire
  .haute-jo-container-parenthesis-autumn.background-drawing.background-drawing-1.lazy-bg-loaded {
  background-image: url(/images/background-notre-histoire-horizontale-verti-s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 360px) {
  #notre-histoire
    .haute-jo-container-parenthesis-autumn.background-drawing.background-drawing-1.lazy-bg-loaded,
  #savoir-faire
    .haute-jo-container-parenthesis-autumn.background-drawing.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-notre-histoire-horizontale-verti-t.jpg);
    background-size: cover;
  }
}
@media (min-width: 768px) {
  #notre-histoire
    .haute-jo-container-parenthesis-autumn.background-drawing.background-drawing-1.lazy-bg-loaded,
  #savoir-faire
    .haute-jo-container-parenthesis-autumn.background-drawing.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-notre-histoire-horizontale-l.jpg);
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  #notre-histoire
    .haute-jo-container-parenthesis-autumn.background-drawing.background-drawing-1.lazy-bg-loaded,
  #savoir-faire
    .haute-jo-container-parenthesis-autumn.background-drawing.background-drawing-1.lazy-bg-loaded {
    background-image: url(/images/background-notre-histoire-horizontale-x.jpg);
    background-size: cover;
  }
}
#notre-histoire
  .haute-jo-container-parenthesis-autumn.background-drawing
  .haute-jo-container-parenthesis-autumn-sub-container,
#savoir-faire
  .haute-jo-container-parenthesis-autumn.background-drawing
  .haute-jo-container-parenthesis-autumn-sub-container {
  max-width: 100%;
}
@media (min-width: 768px) {
  #notre-histoire
    .haute-jo-container-parenthesis-autumn.background-drawing
    .haute-jo-container-parenthesis-autumn-sub-container,
  #savoir-faire
    .haute-jo-container-parenthesis-autumn.background-drawing
    .haute-jo-container-parenthesis-autumn-sub-container {
    max-width: 1440px;
    padding: 0;
  }
}
@media (max-width: 768px) {
  #notre-histoire .pauline-signature,
  #savoir-faire .pauline-signature {
    margin-top: 0 !important;
  }
}
@media (max-width: 1024px) {
  #notre-histoire .pauline-signature,
  #savoir-faire .pauline-signature {
    margin-top: 0 !important;
  }
}
#notre-histoire img.pauline-signature,
#savoir-faire img.pauline-signature {
  width: 140px;
}
@media (max-width: 768px) {
  #notre-histoire img.pauline-signature,
  #savoir-faire img.pauline-signature {
    width: 90px !important;
  }
}
#notre-histoire .history-intro,
#savoir-faire .history-intro {
  max-width: 80%;
}
@media (max-width: 768px) {
  #notre-histoire .history-intro,
  #savoir-faire .history-intro {
    max-width: 100% !important;
  }
}
#notre-histoire .h2-history-intro,
#savoir-faire .h2-history-intro {
  margin-bottom: 25px !important;
}
#notre-histoire .history-header-picture,
#savoir-faire .history-header-picture {
  width: 100%;
  max-width: 100vw;
}
#notre-histoire .history-video-container,
#savoir-faire .history-video-container {
  position: relative;
}
#notre-histoire .history-video-container video,
#savoir-faire .history-video-container video {
  width: 100vw;
  background: url(/static/videos/poster-paris-1901-co-t.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 769px) {
  #notre-histoire .history-video-container video,
  #savoir-faire .history-video-container video {
    background: url(/static/videos/poster-paris-1901-co-l.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  #notre-histoire .history-video-container video,
  #savoir-faire .history-video-container video {
    background: url(/static/videos/poster-paris-1901-co-x.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (min-width: 1441px) {
  #notre-histoire .history-video-container video,
  #savoir-faire .history-video-container video {
    max-width: 1800px;
  }
}
#notre-histoire .historyNl,
#savoir-faire .historyNl {
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 50px;
  width: 100%;
  background-color: #f4e5e2;
}
#notre-histoire .historyNl .g-serif-caps-l1,
#savoir-faire .historyNl .g-serif-caps-l1 {
  text-transform: capitalize !important;
}
#notre-histoire .pauline-signature,
#savoir-faire .pauline-signature {
  margin-top: 40px;
}
#notre-histoire .g-col-75-history,
#savoir-faire .g-col-75-history {
  width: 75%;
  margin: 0 auto;
}
#notre-histoire .w-70-history,
#savoir-faire .w-70-history {
  width: 70% !important;
}
@media (max-width: 959px) {
  #notre-histoire .w-70-history,
  #savoir-faire .w-70-history {
    width: 80% !important;
  }
}
#notre-histoire .g-col--half-history-timeline-l,
#savoir-faire .g-col--half-history-timeline-l {
  width: 35% !important;
  margin: 50px auto 0;
}
@media (max-width: 768px) {
  #notre-histoire .g-col--half-history-timeline-l,
  #savoir-faire .g-col--half-history-timeline-l {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  #notre-histoire .g-col--half-history-timeline-l.full-mobile-text,
  #savoir-faire .g-col--half-history-timeline-l.full-mobile-text {
    width: 95% !important;
  }
}
#notre-histoire .g-col--half-history-timeline-l video,
#savoir-faire .g-col--half-history-timeline-l video {
  width: 100%;
}
#notre-histoire .g-col--half-history-timeline-r,
#savoir-faire .g-col--half-history-timeline-r {
  width: 65% !important;
  margin: 50px auto 0;
}
@media (max-width: 768px) {
  #notre-histoire .g-col--half-history-timeline-r,
  #savoir-faire .g-col--half-history-timeline-r {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  #notre-histoire .g-col--half-history-timeline-r.full-mobile-text,
  #savoir-faire .g-col--half-history-timeline-r.full-mobile-text {
    width: 95% !important;
  }
}
#notre-histoire .g-col--half-history-timeline-r video,
#savoir-faire .g-col--half-history-timeline-r video {
  width: 100%;
}
#notre-histoire .g-col--half-history,
#savoir-faire .g-col--half-history {
  width: 50% !important;
}
@media (max-width: 767px) {
  #notre-histoire .g-col--half-history,
  #savoir-faire .g-col--half-history {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #notre-histoire .g-col--half-history.full-mobile-text,
  #savoir-faire .g-col--half-history.full-mobile-text {
    width: 95% !important;
  }
}
#notre-histoire .g-col--half-history video,
#savoir-faire .g-col--half-history video {
  width: 100%;
}
#notre-histoire .history-timeline div:after,
#savoir-faire .history-timeline div:after {
  content: " ";
  width: 1.5px;
  height: 25px;
  background-color: #d0857e;
  position: absolute;
}
@media (max-width: 1439px) {
  #notre-histoire .history-timeline div:after,
  #savoir-faire .history-timeline div:after {
    height: 20px;
  }
}
#notre-histoire .history-timeline div:last-child:after,
#savoir-faire .history-timeline div:last-child:after {
  display: none;
}
#notre-histoire .history-timeline div,
#savoir-faire .history-timeline div {
  margin-bottom: 40px;
}
@media (max-width: 1439px) {
  #notre-histoire .history-timeline div,
  #savoir-faire .history-timeline div {
    margin-bottom: 35px;
  }
}
#notre-histoire .history-timeline h2,
#savoir-faire .history-timeline h2 {
  font-size: 16px !important;
  color: #3b3b3b;
  margin-bottom: 0 !important;
}
@media (max-width: 1439px) {
  #notre-histoire .history-timeline h2,
  #savoir-faire .history-timeline h2 {
    font-size: 12px !important;
  }
}
#notre-histoire .history-timeline .g-serif-text,
#savoir-faire .history-timeline .g-serif-text {
  margin: 0 0 5px;
}
@media (min-width: 1200px) {
  #notre-histoire .history-timeline .g-col--half,
  #savoir-faire .history-timeline .g-col--half {
    width: 50% !important;
  }
}
#notre-histoire .grid-container-2,
#savoir-faire .grid-container-2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 0.3em 1em;
  align-items: center;
}
@media (min-width: 769px) and (max-width: 1199px) {
  #notre-histoire .grid-container-2,
  #savoir-faire .grid-container-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
#notre-histoire .box1,
#savoir-faire .box1 {
  grid-column-start: 3;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 5;
}
#notre-histoire .box2,
#savoir-faire .box2 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  align-items: center;
}
#notre-histoire .box4,
#savoir-faire .box4 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 4;
}
#notre-histoire .img-grid,
#savoir-faire .img-grid {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  #notre-histoire .h-margin-b-25-mobile-tablet-also,
  #savoir-faire .h-margin-b-25-mobile-tablet-also {
    margin-bottom: 25px !important;
  }
}
#notre-histoire .g-col-75-history .g-col-container,
#savoir-faire .g-col-75-history .g-col-container {
  justify-content: center !important;
}
@media (min-width: 768px) {
  #notre-histoire .g-col-75-history .g-col-container,
  #savoir-faire .g-col-75-history .g-col-container {
    justify-content: center !important;
  }
}
#notre-histoire .gem-btn-history,
#savoir-faire .gem-btn-history {
  border-radius: 0 !important;
  border-color: #d0857e;
  background-color: #d0857e !important;
  color: #fff !important;
}
#notre-histoire .gem-btn-history:hover,
#savoir-faire .gem-btn-history:hover {
  opacity: 0.8;
}
#notre-histoire .bold,
#savoir-faire .bold {
  font-weight: 700 !important;
}
#notre-histoire .display-t,
#savoir-faire .display-t {
  display: none;
}
@media (max-width: 768px) and (min-width: 569px) {
  #notre-histoire .display-t,
  #savoir-faire .display-t {
    display: block !important;
  }
}
@media (max-width: 768px) and (min-width: 569px) {
  #notre-histoire .display-none-t,
  #savoir-faire .display-none-t {
    display: none !important;
  }
}
#notre-histoire .margin-t-50,
#savoir-faire .margin-t-50 {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  #notre-histoire .g-col-container > .g-row-container,
  #savoir-faire .g-col-container > .g-row-container {
    margin-top: 50px !important;
  }
}
#notre-histoire .bg,
#savoir-faire .bg {
  background-color: #f9f7f4 !important;
}
@media (min-width: 769px) and (max-width: 1199px) {
  #notre-histoire .box2,
  #notre-histoire .box4,
  #savoir-faire .box2,
  #savoir-faire .box4 {
    display: none;
  }
}
@media (max-width: 375px) {
  #notre-histoire #notre-histoire .boutique-swiper-container,
  #savoir-faire #notre-histoire .boutique-swiper-container {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 414px) {
  #notre-histoire #notre-histoire .boutique-swiper-container,
  #savoir-faire #notre-histoire .boutique-swiper-container {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 375px) {
  #notre-histoire #notre-histoire .history-boutiques,
  #savoir-faire #notre-histoire .history-boutiques {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 414px) {
  #notre-histoire #notre-histoire .history-boutiques,
  #savoir-faire #notre-histoire .history-boutiques {
    margin-bottom: 0 !important;
  }
}
#accessoires .g-col--half-creation {
  width: 46%;
  padding: 15px;
}
@media (max-width: 767px) {
  #accessoires .g-col--half-creation {
    width: 90%;
  }
}
#accessoires .g-col--half-creation .inner-creation-block {
  padding: 15px;
}
@media (max-width: 1023px) {
  #accessoires .g-col--half-creation .inner-creation-block {
    padding: 7px;
  }
}
#accessoires .title-gift-selection:after {
  content: "";
  display: block;
  margin: 1.2rem auto;
  width: 2rem;
  border-bottom: 2px solid #d0857e;
}
#accessoires .g-popin--dialog .vex-dialog-button,
#accessoires .gem-btn--full,
.g-popin--dialog #accessoires .vex-dialog-button {
  background-color: #d0857e;
  border-color: #d0857e;
  color: #fff;
}
#accessoires .g-popin--dialog .vex-dialog-button:hover,
#accessoires .gem-btn--full:hover,
.g-popin--dialog #accessoires .vex-dialog-button:hover {
  opacity: 0.8;
  border: 1px solid #d0857e;
}
#accessoires .gjs-accessories-swiper-container {
  height: auto;
}
@media (max-width: 767px) {
  #accessoires .gjs-accessories-swiper-container {
    height: 320px;
  }
}
#accessoires .g-accessoires-redirection-picture {
  background-image: url(/images/cover-accessoires-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1440px;
  height: 55vh;
}
@media (min-width: 360px) {
  #accessoires .g-accessoires-redirection-picture {
    background-image: url(../images/cover-accessoires-2-t.jpg);
    background-position: 80%;
  }
}
@media (min-width: 768px) {
  #accessoires .g-accessoires-redirection-picture {
    background-image: url(../images/cover-accessoires-2-l.jpg);
    background-position: 50%;
    height: 70vh;
  }
}
@media (min-width: 1200px) {
  #accessoires .g-accessoires-redirection-picture {
    background-image: url(../images/cover-accessoires-2-x.jpg);
    background-position: 30%;
    height: 70vh;
  }
}
#accessoires div.wrap {
  border: 5px solid hsla(0, 0%, 100%, 0.65);
  width: 45%;
  height: 450px;
  margin: auto 50px;
}
@media (max-width: 567px) {
  #accessoires div.wrap {
    margin: auto;
    width: 70%;
    height: auto;
  }
}
@media (min-width: 568px) and (max-width: 768px) {
  #accessoires div.wrap {
    margin: auto;
    width: 60%;
  }
}
#accessoires div.inner {
  background: hsla(0, 0%, 100%, 0.65);
  height: 97%;
  width: 97%;
  margin: auto;
}
#end-retromilano .title-retromilano {
  font-family: Torreta, Perpetua, serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  color: #7d3c28;
  text-transform: uppercase;
  font-size: 25px;
}
@media (max-width: 1200px) {
  #end-retromilano .title-retromilano {
    font-size: 20px !important;
  }
}
#end-retromilano .h-form-subscribe-newsletter:before,
#end-retromilano .title-retromilano:after {
  content: "";
  display: block;
  margin: 0.5rem auto;
  width: 2rem;
  border-bottom: 2px solid #7d3c28;
}
#end-retromilano .g-half-text {
  width: 40%;
}
@media (max-width: 1023px) {
  #end-retromilano .g-half-text {
    width: 100%;
  }
}
#end-retromilano .g-half-img {
  width: 60%;
}
@media (max-width: 1023px) {
  #end-retromilano .g-half-img {
    width: 100%;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #end-retromilano .text-s-tablet-v {
    font-size: 16px;
  }
}
.g-login-container {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d7;
  padding: 50px;
  width: 100%;
}
@media (min-width: 769px) {
  .g-login-container {
    width: 50%;
  }
}
.g-customizer {
  margin: 10px auto;
}
label {
  cursor: inherit;
}
.g-customizer-options-m {
  z-index: 9999;
  position: relative;
  padding: 30px 12px 15px;
}
@media (min-width: 568px) {
  .g-customizer-options-m {
    padding: 30px 30px 15px;
  }
}
@media (max-width: 1023px) {
  .g-customizer-options-m {
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.2);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    width: 95%;
    height: auto;
    max-height: 97%;
    max-height: calc(100vh - 100px);
  }
}
@media (max-width: 1023px) and (orientation: landscape) {
  .g-customizer-options-m {
    max-height: calc(100vh - 50px);
  }
}
@media (min-width: 1024px) {
  .g-customizer-options-m {
    z-index: 0;
    background-color: transparent;
    padding: 0;
    width: auto;
    left: auto;
    top: auto;
    transform: none;
  }
}
.svg-attribute {
  width: 25px;
  height: 25px;
  margin: auto auto 5px;
  display: block;
}
@media (min-width: 768px) {
  .svg-attribute {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1024px) {
  .svg-attribute {
    width: 24px;
    height: 24px;
    margin: 0 9px 0 0;
    display: inline-block;
    position: relative;
    top: 7px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .svg-attribute {
    margin-right: 5px;
    margin-left: 0;
  }
}
.svg-attribute--customizer {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
@media (min-width: 376px) and (max-width: 768px) {
  .svg-attribute--customizer {
    width: 17px;
    height: 17px;
    margin-left: 5px;
  }
}
@media (min-width: 769px) {
  .svg-attribute--customizer {
    width: 24px;
    height: 24px;
    margin-left: 10px;
  }
}
.g-select-attribute-wrapper {
  width: 48.8%;
  position: relative;
}
@media (max-width: 1023px) {
  .g-attribute-onlyone .g-select--size-wrapper,
  .g-attribute-onlyone .g-select-attribute-wrapper {
    width: 80%;
    margin: auto;
  }
}
.g-cust-options-m-header {
  margin: 0 auto 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d0857e;
  text-align: center;
  width: 86%;
}
@media (min-width: 1024px) {
  .g-cust-options-m-header {
    display: none;
  }
}
.g-cust-options-list {
  margin: 0;
  padding: 0;
  column-count: 2;
}
@media (orientation: portrait) and (max-width: 567px) {
  .g-cust-options-list {
    column-count: 2;
  }
}
@media (orientation: portrait) and (min-width: 568px) and (max-width: 1023px) {
  .g-cust-options-list {
    column-count: 3;
  }
}
@media (orientation: landscape) and (max-width: 1023px) {
  .g-cust-options-list {
    column-count: 3;
  }
}
.g-cust-options-list li {
  list-style-type: none;
  cursor: pointer;
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  max-width: 100%;
  margin: 0 0 15px;
  width: 100%;
  display: inline-block;
}
@media (min-width: 1024px) {
  .g-cust-options-list li {
    text-align: left;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .g-cust-options-list {
    padding: 0 0 0 65px;
  }
}
.g-customizer-options-wrapper {
  margin: 0;
  box-sizing: border-box;
  padding: 15px;
}
@media (max-width: 1023px) {
  .g-customizer-options-wrapper {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .g-customizer-options-wrapper:before {
    content: "";
    position: absolute;
    z-index: 16;
    margin: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(82, 82, 82, 0.77);
  }
}
@media (min-width: 1024px) {
  .g-customizer-options-wrapper {
    padding: 15px 50px;
    width: 205%;
    height: auto;
    position: absolute;
    top: 50px;
    background-color: #fbfbfb;
    border: 2px solid #f0f0f0;
    z-index: 12;
  }
  .g-customizer-options-wrapper.attribute-gem_gems {
    left: -105%;
  }
}
@media (min-width: 1200px) {
  .g-customizer-options-wrapper {
    padding: 15px;
  }
}
@media (max-width: 374px) {
  .gjs-catalog-filter {
    width: 48.8%;
  }
}
@media (min-width: 1024px) {
  .gjs-catalog-filter .g-customizer-options-m {
    padding: 15px 0 15px 5px;
  }
}
@media (min-width: 1200px) {
  .gjs-catalog-filter .g-customizer-options-m {
    padding-left: 15px;
  }
}
.gjs-catalog-filter .g-customizer-price .g-customizer-options-m {
  padding: 15px 0;
}
@media (min-width: 1024px) {
  .gjs-catalog-filter .g-customizer-options-wrapper {
    background-color: #fff;
    width: 404px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .gjs-catalog-filter .g-customizer-options-wrapper .g-cust-options-list {
    padding: 0;
  }
}
.gjs-catalog-filter .g-customizer-options-wrapper.g-customizer-gem_gem,
.gjs-catalog-filter .g-customizer-options-wrapper.g-customizer-gem_metal,
.gjs-catalog-filter .g-customizer-options-wrapper.g-customizer-price {
  right: 0;
}
.gjs-catalog-filter .g-customizer-options-wrapper.g-customizer-price {
  width: auto;
}
.gjs-catalog-filter
  .g-customizer-options-wrapper.g-customizer-price
  .g-cust-options-list {
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .gjs-catalog-filter
    .g-customizer-options-wrapper.g-customizer-price
    .g-cust-options-list {
    padding: 0 0 0 61px;
    justify-content: space-between;
  }
}
.gjs-catalog-filter
  .g-customizer-options-wrapper.g-customizer-price
  .g-cust-options-list
  li {
  margin-bottom: 0;
  width: 50%;
}
@media (min-width: 1200px) {
  .gjs-catalog-filter
    .g-customizer-options-wrapper.g-customizer-price
    .g-customizer-options-m {
    padding-left: 1px;
  }
}
.g-catalog-filters {
  margin: 10px 10px 0;
}
@media (min-width: 375px) {
  .g-catalog-filters {
    margin: 10px auto 0;
    width: 350px;
  }
}
@media (min-width: 768px) {
  .g-catalog-filters {
    margin-bottom: 10px;
    width: 430px;
  }
}
@media (min-width: 1200px) {
  .g-catalog-filters {
    width: 620px;
  }
}
.g-catalog-filter-select {
  box-sizing: border-box;
  height: 39px;
  margin-bottom: 10px;
  background-color: #fff;
}
@media (min-width: 375px) {
  .g-catalog-filter-select {
    width: 169px;
  }
}
@media (min-width: 768px) {
  .g-catalog-filter-select {
    width: 189px;
  }
}
.customizer-wrapper input[type="radio"] {
  display: none;
}
@media (min-width: 1024px) {
  .customizer-wrapper .size-option {
    display: flex;
    justify-content: space-between;
  }
  .customizer-wrapper .size-option .size-select-option {
    width: 48.8%;
  }
}
.customizer-wrapper .necklace-included-tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .customizer-wrapper .necklace-included-tablet {
    display: block;
    text-align: center;
    border: 4px solid #f0f0f0;
    position: relative;
    padding: 15px 5px;
  }
}
#product-options-wrapper {
  padding: 0;
  margin: 15px 0 0;
}
#product-options-wrapper .chain-option label {
  font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.9px;
  color: #3b3b3b;
  max-width: 100%;
  margin: 10px 0 0;
}
#product-options-wrapper .g-engraving-img {
  height: 40px;
}
#product-options-wrapper .engraving-option {
  text-align: left;
}
.optionDescription {
  display: none;
}
@media (min-width: 1200px) {
  .optionDescription {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }
  .optionDescription .optionPrice {
    font-size: 14px;
    line-height: 24px;
    max-width: 100%;
    padding: 0;
    margin: auto;
    width: 91px;
    text-align: center;
  }
  .optionDescription .optionPrice,
  .optionDescription .optionText {
    font-family: PlantinMT, Georgia, Cambria, Times New Roman, Times, serif;
    font-weight: 400;
    letter-spacing: 0.9px;
    color: #3b3b3b;
  }
  .optionDescription .optionText {
    width: 445px;
    height: 120px;
    padding: 5px 0 5px 15px;
    border-left: 2px solid #f0f0f0;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .engraving-option label {
    height: 30px;
  }
}
.engraving-option label .tooltip-label:after {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .engraving-options {
    display: flex;
    justify-content: space-between;
  }
}
.engravingstyle-option .styles {
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
}
@media (min-width: 1024px) {
  .engravingstyle-option {
    width: 48.8%;
  }
  .engravingstyle-option select {
    display: none !important;
  }
}
.engraving-cta {
  color: #3b3b3b;
}
.engravingtext-option {
  position: relative;
}
@media (min-width: 1024px) {
  .engravingtext-option {
    width: 48.8%;
    margin: 5px 0;
  }
}
#engravingstyle-option,
#engravingtext-option {
  display: none;
}
#engravingstyle-option.active,
#engravingtext-option.active {
  display: block;
}
#engravingstyle-option select,
#engravingtext-option select {
  display: none;
}
.js-diamond-quality-wrapper,
.js-emerald-quality-wrapper,
.js-green-sapphir-wrapper,
.js-noel-wrapper,
.js-sapphire-quality-wrapper {
  max-width: 492px;
}
@media (max-width: 767px) {
  .js-diamond-quality-wrapper,
  .js-emerald-quality-wrapper,
  .js-green-sapphir-wrapper,
  .js-noel-wrapper,
  .js-sapphire-quality-wrapper {
    margin: 15px auto 0;
  }
}
.js-diamond-quality-wrapper .gem-quality-container,
.js-emerald-quality-wrapper .gem-quality-container,
.js-green-sapphir-wrapper .gem-quality-container,
.js-noel-wrapper .gem-quality-container,
.js-sapphire-quality-wrapper .gem-quality-container {
  margin: 15px 0 0;
  border: 1px solid #d0857e;
  padding: 0 20px 20px;
}
.js-diamond-quality-wrapper .gem-quality-container h3,
.js-emerald-quality-wrapper .gem-quality-container h3,
.js-green-sapphir-wrapper .gem-quality-container h3,
.js-noel-wrapper .gem-quality-container h3,
.js-sapphire-quality-wrapper .gem-quality-container h3 {
  margin: 0;
  padding: 0 7px;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  text-align: left;
  font-weight: 400;
  top: -12px;
  left: -2%;
  background-color: #fff;
}
.js-diamond-quality-wrapper .gem-quality-container ul,
.js-emerald-quality-wrapper .gem-quality-container ul,
.js-green-sapphir-wrapper .gem-quality-container ul,
.js-noel-wrapper .gem-quality-container ul,
.js-sapphire-quality-wrapper .gem-quality-container ul {
  top: -10px;
  position: relative;
  margin: 0 0 10px;
  list-style-type: none;
  width: 100%;
  padding: 0;
}
.js-diamond-quality-wrapper .gem-quality-container ul li,
.js-emerald-quality-wrapper .gem-quality-container ul li,
.js-green-sapphir-wrapper .gem-quality-container ul li,
.js-noel-wrapper .gem-quality-container ul li,
.js-sapphire-quality-wrapper .gem-quality-container ul li {
  text-align: left;
  width: 100%;
  line-height: 40px;
  border-bottom: 1px solid #d0857e;
}
.js-diamond-quality-wrapper .gem-quality-container ul li svg,
.js-emerald-quality-wrapper .gem-quality-container ul li svg,
.js-green-sapphir-wrapper .gem-quality-container ul li svg,
.js-noel-wrapper .gem-quality-container ul li svg,
.js-sapphire-quality-wrapper .gem-quality-container ul li svg {
  fill: #3b3b3b;
  height: 12px;
  width: 12px;
}
.js-diamond-quality-wrapper
  .gem-quality-container
  ul
  li
  .diamond-inShopChoice-content,
.js-diamond-quality-wrapper
  .gem-quality-container
  ul
  li
  .diamond-qualityType-content,
.js-diamond-quality-wrapper
  .gem-quality-container
  ul
  li
  .emerald-inShopChoice-content,
.js-diamond-quality-wrapper
  .gem-quality-container
  ul
  li
  .emerald-qualityType-content,
.js-diamond-quality-wrapper
  .gem-quality-container
  ul
  li
  .sapphire-inShopChoice-content,
.js-diamond-quality-wrapper
  .gem-quality-container
  ul
  li
  .sapphire-qualityType-content,
.js-emerald-quality-wrapper
  .gem-quality-container
  ul
  li
  .diamond-inShopChoice-content,
.js-emerald-quality-wrapper
  .gem-quality-container
  ul
  li
  .diamond-qualityType-content,
.js-emerald-quality-wrapper
  .gem-quality-container
  ul
  li
  .emerald-inShopChoice-content,
.js-emerald-quality-wrapper
  .gem-quality-container
  ul
  li
  .emerald-qualityType-content,
.js-emerald-quality-wrapper
  .gem-quality-container
  ul
  li
  .sapphire-inShopChoice-content,
.js-emerald-quality-wrapper
  .gem-quality-container
  ul
  li
  .sapphire-qualityType-content,
.js-green-sapphir-wrapper
  .gem-quality-container
  ul
  li
  .diamond-inShopChoice-content,
.js-green-sapphir-wrapper
  .gem-quality-container
  ul
  li
  .diamond-qualityType-content,
.js-green-sapphir-wrapper
  .gem-quality-container
  ul
  li
  .emerald-inShopChoice-content,
.js-green-sapphir-wrapper
  .gem-quality-container
  ul
  li
  .emerald-qualityType-content,
.js-green-sapphir-wrapper
  .gem-quality-container
  ul
  li
  .sapphire-inShopChoice-content,
.js-green-sapphir-wrapper
  .gem-quality-container
  ul
  li
  .sapphire-qualityType-content,
.js-noel-wrapper .gem-quality-container ul li .diamond-inShopChoice-content,
.js-noel-wrapper .gem-quality-container ul li .diamond-qualityType-content,
.js-noel-wrapper .gem-quality-container ul li .emerald-inShopChoice-content,
.js-noel-wrapper .gem-quality-container ul li .emerald-qualityType-content,
.js-noel-wrapper .gem-quality-container ul li .sapphire-inShopChoice-content,
.js-noel-wrapper .gem-quality-container ul li .sapphire-qualityType-content,
.js-sapphire-quality-wrapper
  .gem-quality-container
  ul
  li
  .diamond-inShopChoice-content,
.js-sapphire-quality-wrapper
  .gem-quality-container
  ul
  li
  .diamond-qualityType-content,
.js-sapphire-quality-wrapper
  .gem-quality-container
  ul
  li
  .emerald-inShopChoice-content,
.js-sapphire-quality-wrapper
  .gem-quality-container
  ul
  li
  .emerald-qualityType-content,
.js-sapphire-quality-wrapper
  .gem-quality-container
  ul
  li
  .sapphire-inShopChoice-content,
.js-sapphire-quality-wrapper
  .gem-quality-container
  ul
  li
  .sapphire-qualityType-content {
  display: none;
}
.js-diamond-quality-wrapper .gem-quality-container ul li:hover,
.js-emerald-quality-wrapper .gem-quality-container ul li:hover,
.js-green-sapphir-wrapper .gem-quality-container ul li:hover,
.js-noel-wrapper .gem-quality-container ul li:hover,
.js-sapphire-quality-wrapper .gem-quality-container ul li:hover {
  cursor: pointer;
}
.js-diamond-quality-wrapper .gem-quality-container .gjs-diamond-quality,
.js-diamond-quality-wrapper .gem-quality-container .gjs-emerald-quality,
.js-diamond-quality-wrapper .gem-quality-container .gjs-sapphire-quality,
.js-emerald-quality-wrapper .gem-quality-container .gjs-diamond-quality,
.js-emerald-quality-wrapper .gem-quality-container .gjs-emerald-quality,
.js-emerald-quality-wrapper .gem-quality-container .gjs-sapphire-quality,
.js-green-sapphir-wrapper .gem-quality-container .gjs-diamond-quality,
.js-green-sapphir-wrapper .gem-quality-container .gjs-emerald-quality,
.js-green-sapphir-wrapper .gem-quality-container .gjs-sapphire-quality,
.js-noel-wrapper .gem-quality-container .gjs-diamond-quality,
.js-noel-wrapper .gem-quality-container .gjs-emerald-quality,
.js-noel-wrapper .gem-quality-container .gjs-sapphire-quality,
.js-sapphire-quality-wrapper .gem-quality-container .gjs-diamond-quality,
.js-sapphire-quality-wrapper .gem-quality-container .gjs-emerald-quality,
.js-sapphire-quality-wrapper .gem-quality-container .gjs-sapphire-quality {
  border: 2px solid #f0f0f0;
  background-color: #fbfbfb;
  height: 41px;
  cursor: pointer;
  margin: 0;
}
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality
  p.g-serif-text,
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality
  p.g-serif-text,
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality
  p.g-serif-text,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality
  p.g-serif-text,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality
  p.g-serif-text,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality
  p.g-serif-text,
.js-green-sapphir-wrapper
  .gem-quality-container
  .gjs-diamond-quality
  p.g-serif-text,
.js-green-sapphir-wrapper
  .gem-quality-container
  .gjs-emerald-quality
  p.g-serif-text,
.js-green-sapphir-wrapper
  .gem-quality-container
  .gjs-sapphire-quality
  p.g-serif-text,
.js-noel-wrapper .gem-quality-container .gjs-diamond-quality p.g-serif-text,
.js-noel-wrapper .gem-quality-container .gjs-emerald-quality p.g-serif-text,
.js-noel-wrapper .gem-quality-container .gjs-sapphire-quality p.g-serif-text,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality
  p.g-serif-text,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality
  p.g-serif-text,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality
  p.g-serif-text {
  line-height: normal;
  font-size: 11px;
}
@media (min-width: 414px) {
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-diamond-quality p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-emerald-quality p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-sapphire-quality p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text {
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-diamond-quality p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-emerald-quality p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-sapphire-quality p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text {
    font-size: 15px;
  }
}
@media (max-width: 374px) {
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-diamond-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-emerald-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-green-sapphir-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-diamond-quality p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-emerald-quality p.g-serif-text,
  .js-noel-wrapper .gem-quality-container .gjs-sapphire-quality p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-diamond-quality
    p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-emerald-quality
    p.g-serif-text,
  .js-sapphire-quality-wrapper
    .gem-quality-container
    .gjs-sapphire-quality
    p.g-serif-text {
    font-size: 10px;
  }
}
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality.onepart2,
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality.onepart2,
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality.onepart2,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality.onepart2,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality.onepart2,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality.onepart2,
.js-green-sapphir-wrapper .gem-quality-container .gjs-diamond-quality.onepart2,
.js-green-sapphir-wrapper .gem-quality-container .gjs-emerald-quality.onepart2,
.js-green-sapphir-wrapper .gem-quality-container .gjs-sapphire-quality.onepart2,
.js-noel-wrapper .gem-quality-container .gjs-diamond-quality.onepart2,
.js-noel-wrapper .gem-quality-container .gjs-emerald-quality.onepart2,
.js-noel-wrapper .gem-quality-container .gjs-sapphire-quality.onepart2,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality.onepart2,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality.onepart2,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality.onepart2 {
  width: 48.8%;
}
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality.onepart3,
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality.onepart3,
.js-diamond-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality.onepart3,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality.onepart3,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality.onepart3,
.js-emerald-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality.onepart3,
.js-green-sapphir-wrapper .gem-quality-container .gjs-diamond-quality.onepart3,
.js-green-sapphir-wrapper .gem-quality-container .gjs-emerald-quality.onepart3,
.js-green-sapphir-wrapper .gem-quality-container .gjs-sapphire-quality.onepart3,
.js-noel-wrapper .gem-quality-container .gjs-diamond-quality.onepart3,
.js-noel-wrapper .gem-quality-container .gjs-emerald-quality.onepart3,
.js-noel-wrapper .gem-quality-container .gjs-sapphire-quality.onepart3,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-diamond-quality.onepart3,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-emerald-quality.onepart3,
.js-sapphire-quality-wrapper
  .gem-quality-container
  .gjs-sapphire-quality.onepart3 {
  width: 31.3%;
}
.js-diamond-quality-wrapper .gem-quality-container .gem_qualities--selected,
.js-emerald-quality-wrapper .gem-quality-container .gem_qualities--selected,
.js-green-sapphir-wrapper .gem-quality-container .gem_qualities--selected,
.js-noel-wrapper .gem-quality-container .gem_qualities--selected,
.js-sapphire-quality-wrapper .gem-quality-container .gem_qualities--selected {
  border-color: #3b3b3b;
}