@charset "UTF-8";
:root {
  --container-1: 720px;
  --container-2: 1080px;
  --container-3: 1440px;
  --color-light: #F0E9E4;
  --color-dark: #2C3C3D;
  --color-1: #A8BA52;
  --color-2: #D2BBA2;
  --color-3: #BDACA1;
  --color-4: #F0E9E4;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

@media (min-width: 992px) {
  .d-md-none {
    display: none !important;
  }
}

@font-face {
  font-family: "Jura";
  src: url("../fonts/Jura/Jura-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Jura/Jura-Bold.woff2") format("woff2"), url("../fonts/Jura/Jura-Bold.woff") format("woff"), url("../fonts/Jura/Jura-Bold.ttf") format("truetype"), url("../fonts/Jura/Jura-Bold.svg#Jura-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jura";
  src: url("../fonts/Jura/Jura-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Jura/Jura-Medium.woff2") format("woff2"), url("../fonts/Jura/Jura-Medium.woff") format("woff"), url("../fonts/Jura/Jura-Medium.ttf") format("truetype"), url("../fonts/Jura/Jura-Medium.svg#Jura-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jura";
  src: url("../fonts/Jura/Jura-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Jura/Jura-Regular.woff2") format("woff2"), url("../fonts/Jura/Jura-Regular.woff") format("woff"), url("../fonts/Jura/Jura-Regular.ttf") format("truetype"), url("../fonts/Jura/Jura-Regular.svg#Jura-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans/SourceSans3-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSans/SourceSans3-BoldItalic.woff2") format("woff2"), url("../fonts/SourceSans/SourceSans3-BoldItalic.woff") format("woff"), url("../fonts/SourceSans/SourceSans3-BoldItalic.ttf") format("truetype"), url("../fonts/SourceSans/SourceSans3-BoldItalic.svg#SourceSans3-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans/SourceSans3-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSans/SourceSans3-Italic.woff2") format("woff2"), url("../fonts/SourceSans/SourceSans3-Italic.woff") format("woff"), url("../fonts/SourceSans/SourceSans3-Italic.ttf") format("truetype"), url("../fonts/SourceSans/SourceSans3-Italic.svg#SourceSans3-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans/SourceSans3-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSans/SourceSans3-Bold.woff2") format("woff2"), url("../fonts/SourceSans/SourceSans3-Bold.woff") format("woff"), url("../fonts/SourceSans/SourceSans3-Bold.ttf") format("truetype"), url("../fonts/SourceSans/SourceSans3-Bold.svg#SourceSans3-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans/SourceSans3-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSans/SourceSans3-SemiBold.woff2") format("woff2"), url("../fonts/SourceSans/SourceSans3-SemiBold.woff") format("woff"), url("../fonts/SourceSans/SourceSans3-SemiBold.ttf") format("truetype"), url("../fonts/SourceSans/SourceSans3-SemiBold.svg#SourceSans3-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans/SourceSans3-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSans/SourceSans3-Regular.woff2") format("woff2"), url("../fonts/SourceSans/SourceSans3-Regular.woff") format("woff"), url("../fonts/SourceSans/SourceSans3-Regular.ttf") format("truetype"), url("../fonts/SourceSans/SourceSans3-Regular.svg#SourceSans3-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Source Sans 3", Arial, sans-serif;
  background-color: #F8F8F8;
  color: #010000;
  line-height: 1.4;
}
body ::-moz-selection {
  background: var(--color-2);
  color: #010000;
}
body ::selection {
  background: var(--color-2);
  color: #010000;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  line-height: 1.3;
  color: #2C3C3D;
}

h1,
.h1 {
  text-transform: none;
  font-family: "Jura", Arial, serif;
  font-size: 32px !important;
  font-weight: 500;
}
@media (min-width: 768px) {
  h1,
.h1 {
    font-size: 34px !important;
  }
}
@media (min-width: 992px) {
  h1,
.h1 {
    font-size: 36px !important;
  }
}
@media (min-width: 1200px) {
  h1,
.h1 {
    font-size: 38px !important;
  }
}
@media (min-width: 1470px) {
  h1,
.h1 {
    font-size: 40px !important;
  }
}

h2,
.h2 {
  text-transform: none;
  font-size: 24px;
  font-weight: 600;
}
@media (min-width: 768px) {
  h2,
.h2 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  h2,
.h2 {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  h2,
.h2 {
    font-size: 30px;
  }
}
@media (min-width: 1470px) {
  h2,
.h2 {
    font-size: 32px;
  }
}
h2.two-line-title,
.h2.two-line-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
h2 .h2-line1,
.h2 .h2-line1 {
  text-transform: uppercase;
}
h2 .h2-line2,
.h2 .h2-line2 {
  font-family: "Jura", Arial, serif;
  font-size: 32px;
  font-weight: 700;
}
@media (min-width: 768px) {
  h2 .h2-line2,
.h2 .h2-line2 {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  h2 .h2-line2,
.h2 .h2-line2 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  h2 .h2-line2,
.h2 .h2-line2 {
    font-size: 38px;
  }
}
@media (min-width: 1470px) {
  h2 .h2-line2,
.h2 .h2-line2 {
    font-size: 40px;
  }
}

h3,
.h3 {
  text-transform: none;
  font-size: 28px;
  font-family: "Jura", Arial, serif;
  font-weight: 700;
}
@media (min-width: 768px) {
  h3,
.h3 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  h3,
.h3 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  h3,
.h3 {
    font-size: 32px;
  }
}
@media (min-width: 1470px) {
  h3,
.h3 {
    font-size: 34px;
  }
}
h3.two-line-title,
.h3.two-line-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
h3.slashed-title,
.h3.slashed-title {
  font-family: "Jura", Arial, serif;
  font-weight: 500;
}
h3.slashed-title::before,
.h3.slashed-title::before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 10px;
  margin-right: 15px;
  border-left: solid 1px #010000;
  border-right: solid 1px #010000;
  -webkit-transform: skewX(30deg);
  transform: skewX(-30deg);
  vertical-align: baseline;
}
h3 .h3-line1,
.h3 .h3-line1 {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  font-family: "Source Sans 3", Arial, sans-serif;
}
@media (min-width: 992px) {
  h3 .h3-line1,
.h3 .h3-line1 {
    font-size: 22px;
  }
}
@media (min-width: 1470px) {
  h3 .h3-line1,
.h3 .h3-line1 {
    font-size: 24px;
  }
}
h3 .h3-line1::before,
.h3 .h3-line1::before {
  content: "";
  display: block;
  height: 2px;
  width: 175px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #010000;
}
h3 .h3-line2,
.h3 .h3-line2 {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Jura", Arial, serif;
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 992px) {
  h3 .h3-line2,
.h3 .h3-line2 {
    font-size: 22px;
  }
}
@media (min-width: 1470px) {
  h3 .h3-line2,
.h3 .h3-line2 {
    font-size: 24px;
  }
}

a {
  color: #8F3800;
  font-weight: 600;
}
a:hover, a:focus {
  color: #5c2400;
}

.page-content.page-cms ul,
p {
  color: #010000;
  font-size: inherit;
}

.page-content.page-cms, .page-content.page-home {
  padding: 0;
  background: transparent;
  max-width: 962px;
  margin-left: auto;
  margin-right: auto;
}

.product-description ul,
.product-description ol {
  padding: 0;
  list-style-type: none;
}
.product-description ul li,
.product-description ol li {
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.product-description ul li > ol,
.product-description ul li > ul,
.product-description ol li > ol,
.product-description ol li > ul {
  margin-top: 8px;
  margin-bottom: -8px;
}
.product-description ul li > ul li,
.product-description ol li > ul li {
  padding-left: 25px;
}
.product-description ul li > ul li::before,
.product-description ol li > ul li::before {
  top: 13px;
}
.product-description ul li > ul li::after,
.product-description ol li > ul li::after {
  display: none;
}
.product-description ul.breadcrumb > li, .product-description ul.pagination > li,
.product-description ol.breadcrumb > li,
.product-description ol.pagination > li {
  padding-left: 0;
}
.product-description ul.breadcrumb > li::after, .product-description ul.pagination > li::after,
.product-description ol.breadcrumb > li::after,
.product-description ol.pagination > li::after {
  content: none;
  display: none;
}
.product-description li {
  padding: 0;
  list-style-type: none;
  position: relative;
  white-space: normal;
}
.product-description ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 5px;
}
.product-description ul > li {
  position: relative;
  padding-left: 30px;
}
.product-description ul > li::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../sprite/view/sprite.svg#divers--ndm");
  background-size: 150%;
  top: 10px;
  z-index: -1;
}
.product-description ol {
  padding-left: 30px;
  counter-reset: counter;
  list-style-type: none;
}
.product-description ol[start="1"] {
  counter-reset: counter 1;
}
.product-description ol[start="2"] {
  counter-reset: counter 2;
}
.product-description ol[start="3"] {
  counter-reset: counter 3;
}
.product-description ol[start="4"] {
  counter-reset: counter 4;
}
.product-description ol[start="5"] {
  counter-reset: counter 5;
}
.product-description ol[start="6"] {
  counter-reset: counter 6;
}
.product-description ol[start="7"] {
  counter-reset: counter 7;
}
.product-description ol[start="8"] {
  counter-reset: counter 8;
}
.product-description ol[start="9"] {
  counter-reset: counter 9;
}
.product-description ol[start="10"] {
  counter-reset: counter 10;
}
.product-description ol[start="11"] {
  counter-reset: counter 11;
}
.product-description ol[start="12"] {
  counter-reset: counter 12;
}
.product-description ol[start="13"] {
  counter-reset: counter 13;
}
.product-description ol[start="14"] {
  counter-reset: counter 14;
}
.product-description ol[start="15"] {
  counter-reset: counter 15;
}
.product-description ol[start="16"] {
  counter-reset: counter 16;
}
.product-description ol[start="17"] {
  counter-reset: counter 17;
}
.product-description ol[start="18"] {
  counter-reset: counter 18;
}
.product-description ol[start="19"] {
  counter-reset: counter 19;
}
.product-description ol[start="20"] {
  counter-reset: counter 20;
}
.product-description ol[start="21"] {
  counter-reset: counter 21;
}
.product-description ol[start="22"] {
  counter-reset: counter 22;
}
.product-description ol[start="23"] {
  counter-reset: counter 23;
}
.product-description ol[start="24"] {
  counter-reset: counter 24;
}
.product-description ol[start="25"] {
  counter-reset: counter 25;
}
.product-description ol[start="26"] {
  counter-reset: counter 26;
}
.product-description ol[start="27"] {
  counter-reset: counter 27;
}
.product-description ol[start="28"] {
  counter-reset: counter 28;
}
.product-description ol[start="29"] {
  counter-reset: counter 29;
}
.product-description ol[start="30"] {
  counter-reset: counter 30;
}
.product-description ol[start="31"] {
  counter-reset: counter 31;
}
.product-description ol[start="32"] {
  counter-reset: counter 32;
}
.product-description ol[start="33"] {
  counter-reset: counter 33;
}
.product-description ol[start="34"] {
  counter-reset: counter 34;
}
.product-description ol[start="35"] {
  counter-reset: counter 35;
}
.product-description ol[start="36"] {
  counter-reset: counter 36;
}
.product-description ol[start="37"] {
  counter-reset: counter 37;
}
.product-description ol[start="38"] {
  counter-reset: counter 38;
}
.product-description ol[start="39"] {
  counter-reset: counter 39;
}
.product-description ol[start="40"] {
  counter-reset: counter 40;
}
.product-description ol[start="41"] {
  counter-reset: counter 41;
}
.product-description ol[start="42"] {
  counter-reset: counter 42;
}
.product-description ol[start="43"] {
  counter-reset: counter 43;
}
.product-description ol[start="44"] {
  counter-reset: counter 44;
}
.product-description ol[start="45"] {
  counter-reset: counter 45;
}
.product-description ol[start="46"] {
  counter-reset: counter 46;
}
.product-description ol[start="47"] {
  counter-reset: counter 47;
}
.product-description ol[start="48"] {
  counter-reset: counter 48;
}
.product-description ol[start="49"] {
  counter-reset: counter 49;
}
.product-description ol[start="50"] {
  counter-reset: counter 50;
}
.product-description ol[start="51"] {
  counter-reset: counter 51;
}
.product-description ol[start="52"] {
  counter-reset: counter 52;
}
.product-description ol[start="53"] {
  counter-reset: counter 53;
}
.product-description ol[start="54"] {
  counter-reset: counter 54;
}
.product-description ol[start="55"] {
  counter-reset: counter 55;
}
.product-description ol[start="56"] {
  counter-reset: counter 56;
}
.product-description ol[start="57"] {
  counter-reset: counter 57;
}
.product-description ol[start="58"] {
  counter-reset: counter 58;
}
.product-description ol[start="59"] {
  counter-reset: counter 59;
}
.product-description ol[start="60"] {
  counter-reset: counter 60;
}
.product-description ol[start="61"] {
  counter-reset: counter 61;
}
.product-description ol[start="62"] {
  counter-reset: counter 62;
}
.product-description ol[start="63"] {
  counter-reset: counter 63;
}
.product-description ol[start="64"] {
  counter-reset: counter 64;
}
.product-description ol[start="65"] {
  counter-reset: counter 65;
}
.product-description ol[start="66"] {
  counter-reset: counter 66;
}
.product-description ol[start="67"] {
  counter-reset: counter 67;
}
.product-description ol[start="68"] {
  counter-reset: counter 68;
}
.product-description ol[start="69"] {
  counter-reset: counter 69;
}
.product-description ol[start="70"] {
  counter-reset: counter 70;
}
.product-description ol[start="71"] {
  counter-reset: counter 71;
}
.product-description ol[start="72"] {
  counter-reset: counter 72;
}
.product-description ol[start="73"] {
  counter-reset: counter 73;
}
.product-description ol[start="74"] {
  counter-reset: counter 74;
}
.product-description ol[start="75"] {
  counter-reset: counter 75;
}
.product-description ol[start="76"] {
  counter-reset: counter 76;
}
.product-description ol[start="77"] {
  counter-reset: counter 77;
}
.product-description ol[start="78"] {
  counter-reset: counter 78;
}
.product-description ol[start="79"] {
  counter-reset: counter 79;
}
.product-description ol[start="80"] {
  counter-reset: counter 80;
}
.product-description ol[start="81"] {
  counter-reset: counter 81;
}
.product-description ol[start="82"] {
  counter-reset: counter 82;
}
.product-description ol[start="83"] {
  counter-reset: counter 83;
}
.product-description ol[start="84"] {
  counter-reset: counter 84;
}
.product-description ol[start="85"] {
  counter-reset: counter 85;
}
.product-description ol[start="86"] {
  counter-reset: counter 86;
}
.product-description ol[start="87"] {
  counter-reset: counter 87;
}
.product-description ol[start="88"] {
  counter-reset: counter 88;
}
.product-description ol[start="89"] {
  counter-reset: counter 89;
}
.product-description ol[start="90"] {
  counter-reset: counter 90;
}
.product-description ol[start="91"] {
  counter-reset: counter 91;
}
.product-description ol[start="92"] {
  counter-reset: counter 92;
}
.product-description ol[start="93"] {
  counter-reset: counter 93;
}
.product-description ol[start="94"] {
  counter-reset: counter 94;
}
.product-description ol[start="95"] {
  counter-reset: counter 95;
}
.product-description ol[start="96"] {
  counter-reset: counter 96;
}
.product-description ol[start="97"] {
  counter-reset: counter 97;
}
.product-description ol[start="98"] {
  counter-reset: counter 98;
}
.product-description ol[start="99"] {
  counter-reset: counter 99;
}
.product-description ol[start="100"] {
  counter-reset: counter 100;
}
.product-description ol li {
  counter-increment: counter;
}
.product-description ol li::marker {
  font-family: "Jura", Arial, serif;
  font-size: 18px;
  line-height: 1;
}
.product-description ol > li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 10px;
}
.product-description ol > li::marker {
  content: "0" counters(counter, ".") " ";
}
.product-description ol > li::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  z-index: -1;
  left: -30px;
  border: solid 2px var(--color-1);
  border-radius: 4px;
}
.product-description ol > li > ol,
.product-description ol > li > ul {
  margin-top: 20px;
}
.product-description ol > li ol li::marker {
  content: counters(counter, ".") " ";
}
.product-description ol > li ol li::before {
  border: 0;
}

.page-customer-account.page-password .page-content,
.page-customer-account.page-password .page-footer {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#subcategories ul li .subcategory-name:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.cart-grid-body a.label:hover {
  color: #5c2400;
}

.material-icons {
  vertical-align: sub;
}

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

.attachment {
  padding: 25px;
}
.attachment h4 {
  position: relative;
  margin-bottom: 0;
  border-left: solid 2px #010000;
  border-bottom: solid 2px #010000;
  padding: 0 20px 10px;
}
.attachment h4::before, .attachment h4::after {
  content: "";
  display: block;
  position: absolute;
}
.attachment h4::before {
  height: 1px;
  width: 10px;
  left: -9px;
  bottom: -2px;
  border-bottom: solid 2px #010000;
}
.attachment h4::after {
  height: 25px;
  width: 15px;
  right: -13px;
  bottom: -2px;
  border-bottom: solid 2px #010000;
  border-left: solid 2px #010000;
}

.bootstrap-touchspin {
  min-width: 75px;
}

::-webkit-scrollbar {
  height: 14px;
  width: 14px;
}

::-webkit-scrollbar-track {
  background: #FFFFFF;
}

::-webkit-scrollbar-thumb {
  background: var(--color-1);
  border: solid 2px #F1F1F1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8b9b3e;
}

::-webkit-scrollbar-button {
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}

::-webkit-scrollbar-button:hover {
  background-color: #F1F1F1;
}

::-webkit-scrollbar-button:horizontal {
  height: 10px;
  width: 20px;
}

::-webkit-scrollbar-button:vertical {
  height: 20px;
  width: 10px;
}

::-webkit-scrollbar-button:horizontal:increment {
  background-image: url("../img/scroll/right.svg");
}

::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url("../img/scroll/left.svg");
}

::-webkit-scrollbar-button:vertical:increment {
  background-image: url("../img/scroll/down.svg");
}

::-webkit-scrollbar-button:vertical:decrement {
  background-image: url("../img/scroll/up.svg");
}

::-webkit-scrollbar-button:end {
  display: block;
}

::-webkit-scrollbar-button:start {
  display: none;
}

.footer {
  padding-top: 45px;
  padding-bottom: 115px;
}
@media (min-width: 992px) {
  .footer {
    padding-bottom: 45px;
  }
}

#footer {
  padding-top: 0;
}

#wrapper {
  background: transparent;
  padding-top: 15px;
}

main {
  padding-bottom: 0;
}

#main .page-content,
#main .page-footer {
  margin-bottom: 0;
}
#main .page-header {
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  #main .page-header {
    margin-bottom: 3vw;
  }
}

.page-wrapper {
  position: relative;
}
.page-wrapper::before {
  content: "";
  display: block;
  height: calc(15vw + 35px);
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #2C3C3D;
  clip-path: polygon(0 0, 100% 0, 100% 35px, 0% 100%);
  z-index: -1;
}
@media (min-width: 992px) {
  .page-wrapper::before {
    clip-path: polygon(0 0, 100% 0, 100% 35px, 0% 160px);
  }
}

.page-header {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 5px 15px;
  background-color: #F8F8F8;
  min-width: 250px;
}
@media (min-width: 576px) {
  .page-header {
    min-width: 400px;
  }
}
@media (min-width: 992px) {
  .page-header {
    padding: 15px 45px 5px 45px;
  }
}
.page-header::before {
  content: "";
  display: block;
  height: 2px;
  width: 200px;
  position: absolute;
  left: 0;
  bottom: -10px;
  background-color: var(--color-2);
}
.page-header h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 80px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .page-header h1 {
    min-height: 115px;
  }
}

.footer-container {
  padding-top: 0;
}

#left-column,
#right-column,
.js-content-wrapper {
  margin-top: 15px;
}
@media (min-width: 992px) {
  #left-column,
#right-column,
.js-content-wrapper {
    margin-top: 45px;
  }
}

body.page-index .js-content-wrapper {
  margin-top: 0;
}
body.page-index #wrapper {
  padding-top: 0;
}
body.page-product h1, body.page-category h1 {
  position: relative;
  padding-bottom: 10px;
}
body.page-product h1::before, body.page-category h1::before {
  content: "";
  display: block;
  height: 2px;
  width: 240px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-2);
}
body.page-product .nav-tabs .nav-item .nav-link:hover, body.page-product .nav-tabs .nav-item .nav-link.active, body.page-product .nav-tabs .nav-item .nav-link.active:focus, body.page-product .nav-tabs .nav-item .nav-link.active:hover, body.page-product .nav-tabs .nav-item .nav-link:focus:hover, body.page-product .nav-tabs .nav-item .nav-link:focus.active, body.page-product .nav-tabs .nav-item .nav-link:focus.active:focus, body.page-product .nav-tabs .nav-item .nav-link:focus.active:hover, body.page-product .nav-tabs .nav-item.open .nav-link:hover, body.page-product .nav-tabs .nav-item.open .nav-link.active, body.page-product .nav-tabs .nav-item.open .nav-link.active:focus, body.page-product .nav-tabs .nav-item.open .nav-link.active:hover, body.page-product .nav-tabs .nav-item.open .nav-link:focus:hover, body.page-product .nav-tabs .nav-item.open .nav-link:focus.active, body.page-product .nav-tabs .nav-item.open .nav-link:focus.active:focus, body.page-product .nav-tabs .nav-item.open .nav-link:focus.active:hover, body.page-category .nav-tabs .nav-item .nav-link:hover, body.page-category .nav-tabs .nav-item .nav-link.active, body.page-category .nav-tabs .nav-item .nav-link.active:focus, body.page-category .nav-tabs .nav-item .nav-link.active:hover, body.page-category .nav-tabs .nav-item .nav-link:focus:hover, body.page-category .nav-tabs .nav-item .nav-link:focus.active, body.page-category .nav-tabs .nav-item .nav-link:focus.active:focus, body.page-category .nav-tabs .nav-item .nav-link:focus.active:hover, body.page-category .nav-tabs .nav-item.open .nav-link:hover, body.page-category .nav-tabs .nav-item.open .nav-link.active, body.page-category .nav-tabs .nav-item.open .nav-link.active:focus, body.page-category .nav-tabs .nav-item.open .nav-link.active:hover, body.page-category .nav-tabs .nav-item.open .nav-link:focus:hover, body.page-category .nav-tabs .nav-item.open .nav-link:focus.active, body.page-category .nav-tabs .nav-item.open .nav-link:focus.active:focus, body.page-category .nav-tabs .nav-item.open .nav-link:focus.active:hover {
  background-color: transparent;
  border: 0;
}
body.page-product .tabs, body.page-category .tabs {
  padding: 0;
  background: transparent;
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}
body.page-product .tabs .section-title, body.page-category .tabs .section-title {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  background-color: transparent;
  font-weight: 700;
  font-size: 32px;
  font-family: "Jura", Arial, serif;
  position: relative;
  border: 0;
  color: #2C3C3D;
}
body.page-product .tabs .section-title::before, body.page-category .tabs .section-title::before {
  content: "";
  display: block;
  height: 2px;
  width: 165px;
  position: absolute;
  left: -15px;
  bottom: 0;
  background-color: var(--color-2);
}
@media (min-width: 1470px) {
  body.page-product .tabs .section-title::before, body.page-category .tabs .section-title::before {
    left: calc(-1 * (50vw - 496px) - 22px);
    width: calc(150px + 50vw - 496px);
  }
}
body.page-product .tabs .section-title.active, body.page-product .tabs .section-title:hover, body.page-category .tabs .section-title.active, body.page-category .tabs .section-title:hover {
  color: #2C3C3D;
}
body.page-category #wrapper .breadcrumb li span {
  color: #FFFFFF;
}
body.page-product .page-wrapper::before {
  content: none;
  display: none;
}
body.page-product #wrapper .breadcrumb li:last-child {
  color: #010000;
}

.btn {
  border: 0 none;
  padding: 14px 22px;
  border-radius: 0;
  background: #F8F8F8;
  color: #010000;
  font-weight: 600;
  -webkit-transition: background 0.4s, color 0.4s;
  transition: background 0.4s, color 0.4s;
  text-transform: uppercase;
  z-index: 1;
}
.btn:focus:not(.disabled):focus, .btn:not(:disabled):not(.disabled):focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #010000;
}
.btn:focus:not(.disabled):focus:active, .btn:not(:disabled):not(.disabled):focus:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #010000;
}
.btn:not(.btn-borders):not(.btn-touchspin) {
  position: relative;
  overflow: hidden;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.btn:not(.btn-borders):not(.btn-touchspin)::before, .btn:not(.btn-borders):not(.btn-touchspin)::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid;
  -webkit-transition: border-width 0.4s;
  transition: border-width 0.4s;
  z-index: -1;
}
.btn:not(.btn-borders):not(.btn-touchspin)::before {
  bottom: 0;
  left: 0;
  border-color: transparent transparent transparent #2C3C3D;
}
.btn:not(.btn-borders):not(.btn-touchspin)::after {
  top: 0;
  right: 0;
  border-color: transparent #2C3C3D transparent transparent;
}
.btn:not(.btn-borders):not(.btn-touchspin):hover, .btn:not(.btn-borders):not(.btn-touchspin):focus {
  background: transparent;
}
.btn:not(.btn-borders):not(.btn-touchspin):hover::before, .btn:not(.btn-borders):not(.btn-touchspin):hover::after, .btn:not(.btn-borders):not(.btn-touchspin):focus::before, .btn:not(.btn-borders):not(.btn-touchspin):focus::after {
  border-width: 50px 300px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-square {
  width: 55px;
  height: 55px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-square:hover::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-square:hover::after, .btn:not(.btn-borders):not(.btn-touchspin).btn-square:focus::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-square:focus::after {
  border-width: 55px 60px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-1 {
  width: 150px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-1:hover::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-1:hover::after, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-1:focus::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-1:focus::after {
  border-width: 50px 170px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-2 {
  width: 200px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-2:hover::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-2:hover::after, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-2:focus::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-2:focus::after {
  border-width: 50px 210px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-3 {
  width: 250px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-3:hover::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-3:hover::after, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-3:focus::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-3:focus::after {
  border-width: 50px 290px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-4 {
  width: 300px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-4:hover::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-4:hover::after, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-4:focus::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-4:focus::after {
  border-width: 50px 340px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-5 {
  width: 350px;
}
.btn:not(.btn-borders):not(.btn-touchspin).btn-size-5:hover::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-5:hover::after, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-5:focus::before, .btn:not(.btn-borders):not(.btn-touchspin).btn-size-5:focus::after {
  border-width: 50px 360px;
}
.btn.btn-borders {
  position: relative;
  background: transparent;
}
.btn.btn-borders::before, .btn.btn-borders::after {
  content: "";
  display: block;
  height: 18px;
  width: 34px;
  position: absolute;
  -webkit-transition: width 0.4s, height 0.4s;
  transition: width 0.4s, height 0.4s;
  z-index: -1;
  pointer-events: none;
}
.btn.btn-borders::before {
  border-top: solid 1px #010000;
  border-left: solid 1px #010000;
  top: 0;
  left: 0;
}
.btn.btn-borders::after {
  border-bottom: solid 1px #010000;
  border-right: solid 1px #010000;
  bottom: 0;
  right: 0;
}
.btn.btn-borders:hover, .btn.btn-borders:focus {
  color: #010000;
}
.btn.btn-borders:hover::before, .btn.btn-borders:hover::after, .btn.btn-borders:focus::before, .btn.btn-borders:focus::after {
  width: calc(100% + 5px);
  height: calc(100% + 5px);
}
.btn.btn-borders.btn-borders-white {
  color: #FFFFFF;
}
.btn.btn-borders.btn-borders-white::before {
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
}
.btn.btn-borders.btn-borders-white::after {
  border-bottom-color: #FFFFFF;
  border-right-color: #FFFFFF;
}

.btn-primary {
  border: solid 1px transparent;
  background: var(--color-1);
  color: #010000;
}
.btn-primary:hover, .btn-primary:focus {
  border: solid 1px transparent;
  color: #FFFFFF;
}
.btn-primary:not(:disabled):not(.disabled):focus {
  color: #010000;
}
.btn-primary:not(:disabled):not(.disabled):focus:active {
  border: solid 1px transparent;
  background: #2C3C3D;
  color: #010000;
}

.btn-ghost-primary {
  background: 0 none;
  color: var(--color-1);
  border: solid 1px var(--color-1);
}
.btn-ghost-primary:hover, .btn-ghost-primary:focus {
  background: #2C3C3D;
  color: var(--color-1);
  border: solid 1px var(--color-1);
}
.btn-ghost-primary:not(:disabled):not(.disabled):focus {
  color: #010000;
}
.btn-ghost-primary:not(:disabled):not(.disabled):focus:active {
  color: #010000;
}

.btn-secondary {
  border: solid 1px transparent;
  background: var(--color-2);
  color: #010000;
}
.btn-secondary:hover, .btn-secondary:focus {
  border: solid 1px transparent;
  color: #FFFFFF;
}
.btn-secondary:not(:disabled):not(.disabled):focus {
  color: #010000;
}
.btn-secondary:not(:disabled):not(.disabled):focus:active {
  border: solid 1px transparent;
  background: #2C3C3D;
  color: #010000;
}

.btn-ghost-secondary {
  background: 0 none;
  color: var(--color-2);
  border: solid 1px var(--color-2);
}
.btn-ghost-secondary:hover, .btn-ghost-secondary:focus {
  background: #2C3C3D;
  color: var(--color-2);
  border: solid 1px var(--color-2);
}
.btn-ghost-secondary:not(:disabled):not(.disabled):focus {
  color: #010000;
}
.btn-ghost-secondary:not(:disabled):not(.disabled):focus:active {
  color: #010000;
}

.btn-default {
  border: solid 1px transparent;
  background: var(--color-1);
  color: #FFFFFF;
}
.btn-default:hover, .btn-default:focus {
  border: solid 1px transparent;
  color: #FFFFFF;
}
.btn-default:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-default:not(:disabled):not(.disabled):focus:active {
  border: solid 1px transparent;
  background: rgba(168, 186, 82, 0.2);
  color: #FFFFFF;
}

.btn-ghost-default {
  background: 0 none;
  color: var(--color-1);
  border: solid 1px var(--color-1);
}
.btn-ghost-default:hover, .btn-ghost-default:focus {
  background: rgba(168, 186, 82, 0.2);
  color: var(--color-1);
  border: solid 1px var(--color-1);
}
.btn-ghost-default:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-ghost-default:not(:disabled):not(.disabled):focus:active {
  color: #FFFFFF;
}

.btn-1 {
  border: solid 1px transparent;
  background: var(--color-1);
  color: #FFFFFF;
}
.btn-1:hover, .btn-1:focus {
  border: solid 1px transparent;
  color: #FFFFFF;
}
.btn-1:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-1:not(:disabled):not(.disabled):focus:active {
  border: solid 1px transparent;
  background: rgba(168, 186, 82, 0.2);
  color: #FFFFFF;
}

.btn-ghost-1 {
  background: 0 none;
  color: var(--color-1);
  border: solid 1px var(--color-1);
}
.btn-ghost-1:hover, .btn-ghost-1:focus {
  background: rgba(168, 186, 82, 0.2);
  color: var(--color-1);
  border: solid 1px var(--color-1);
}
.btn-ghost-1:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-ghost-1:not(:disabled):not(.disabled):focus:active {
  color: #FFFFFF;
}

.btn-2 {
  border: solid 1px transparent;
  background: var(--color-2);
  color: #FFFFFF;
}
.btn-2:hover, .btn-2:focus {
  border: solid 1px transparent;
  color: #FFFFFF;
}
.btn-2:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-2:not(:disabled):not(.disabled):focus:active {
  border: solid 1px transparent;
  background: rgba(210, 187, 162, 0.2);
  color: #FFFFFF;
}

.btn-ghost-2 {
  background: 0 none;
  color: var(--color-2);
  border: solid 1px var(--color-2);
}
.btn-ghost-2:hover, .btn-ghost-2:focus {
  background: rgba(210, 187, 162, 0.2);
  color: var(--color-2);
  border: solid 1px var(--color-2);
}
.btn-ghost-2:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-ghost-2:not(:disabled):not(.disabled):focus:active {
  color: #FFFFFF;
}

.btn-3 {
  border: solid 1px transparent;
  background: var(--color-3);
  color: #FFFFFF;
}
.btn-3:hover, .btn-3:focus {
  border: solid 1px transparent;
  color: #FFFFFF;
}
.btn-3:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-3:not(:disabled):not(.disabled):focus:active {
  border: solid 1px transparent;
  background: rgba(189, 172, 161, 0.2);
  color: #FFFFFF;
}

.btn-ghost-3 {
  background: 0 none;
  color: var(--color-3);
  border: solid 1px var(--color-3);
}
.btn-ghost-3:hover, .btn-ghost-3:focus {
  background: rgba(189, 172, 161, 0.2);
  color: var(--color-3);
  border: solid 1px var(--color-3);
}
.btn-ghost-3:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-ghost-3:not(:disabled):not(.disabled):focus:active {
  color: #FFFFFF;
}

.btn-4 {
  border: solid 1px transparent;
  background: var(--color-4);
  color: #FFFFFF;
}
.btn-4:hover, .btn-4:focus {
  border: solid 1px transparent;
  color: #FFFFFF;
}
.btn-4:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-4:not(:disabled):not(.disabled):focus:active {
  border: solid 1px transparent;
  background: rgba(240, 233, 228, 0.2);
  color: #FFFFFF;
}

.btn-ghost-4 {
  background: 0 none;
  color: var(--color-4);
  border: solid 1px var(--color-4);
}
.btn-ghost-4:hover, .btn-ghost-4:focus {
  background: rgba(240, 233, 228, 0.2);
  color: var(--color-4);
  border: solid 1px var(--color-4);
}
.btn-ghost-4:not(:disabled):not(.disabled):focus {
  color: #FFFFFF;
}
.btn-ghost-4:not(:disabled):not(.disabled):focus:active {
  color: #FFFFFF;
}

button.btn.btn-primary:hover, button.btn.btn-primary:focus,
input[type=submit].btn.btn-primary:hover,
input[type=submit].btn.btn-primary:focus {
  background-color: #2C3C3D;
}

.fake-btn {
  padding: 0;
  background: transparent;
  position: relative;
  overflow: hidden;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
  z-index: 1;
}
.fake-btn::before, .fake-btn::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid;
  -webkit-transition: border-width 0.4s;
  transition: border-width 0.4s;
  pointer-events: none;
  z-index: -1;
}
.fake-btn::before {
  bottom: 0;
  left: 0;
  border-color: transparent transparent transparent #2C3C3D;
}
.fake-btn::after {
  top: 0;
  right: 0;
  border-color: transparent #2C3C3D transparent transparent;
}
.fake-btn button {
  width: 100%;
}
.fake-btn:hover, .fake-btn:focus {
  background: transparent;
}
.fake-btn:hover button, .fake-btn:focus button {
  background: transparent !important;
  background-color: transparent !important;
}
.fake-btn:hover::before, .fake-btn:hover::after, .fake-btn:focus::before, .fake-btn:focus::after {
  border-width: 50px 260px;
}
.fake-btn.btn-square {
  width: 55px;
  min-width: 55px;
  height: 55px;
}
.fake-btn.btn-square:hover::before, .fake-btn.btn-square:hover::after, .fake-btn.btn-square:focus::before, .fake-btn.btn-square:focus::after {
  border-width: 55px 60px;
}
.fake-btn.btn-size-1 {
  width: 150px;
}
.fake-btn.btn-size-1:hover::before, .fake-btn.btn-size-1:hover::after, .fake-btn.btn-size-1:focus::before, .fake-btn.btn-size-1:focus::after {
  border-width: 50px 170px;
}
.fake-btn.btn-size-2 {
  width: 200px;
}
.fake-btn.btn-size-2:hover::before, .fake-btn.btn-size-2:hover::after, .fake-btn.btn-size-2:focus::before, .fake-btn.btn-size-2:focus::after {
  border-width: 50px 225px;
}
.fake-btn.btn-size-3 {
  width: 250px;
}
.fake-btn.btn-size-3:hover::before, .fake-btn.btn-size-3:hover::after, .fake-btn.btn-size-3:focus::before, .fake-btn.btn-size-3:focus::after {
  border-width: 50px 290px;
}
.fake-btn.btn-size-4 {
  width: 300px;
}
.fake-btn.btn-size-4:hover::before, .fake-btn.btn-size-4:hover::after, .fake-btn.btn-size-4:focus::before, .fake-btn.btn-size-4:focus::after {
  border-width: 50px 340px;
}
.fake-btn.btn-size-5 {
  width: 350px;
}
.fake-btn.btn-size-5:hover::before, .fake-btn.btn-size-5:hover::after, .fake-btn.btn-size-5:focus::before, .fake-btn.btn-size-5:focus::after {
  border-width: 50px 400px;
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
  background: var(--color-1);
}

.ws-display-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  font-family: "Source Sans 3", Arial, sans-serif;
  background-color: var(--color-2);
}
.ws-display-header .ws-display-header-picto {
  height: 35px;
  width: 35px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  background-color: #010000;
}
.ws-display-header .ws-display-header-picto.picto-1 {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--info");
          mask-image: url("../sprite/view/sprite.svg#divers--info");
}
.ws-display-header .ws-display-header-picto.picto-2 {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--info");
          mask-image: url("../sprite/view/sprite.svg#divers--info");
}
.ws-display-header .ws-display-header-content {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .ws-display-header .ws-display-header-content {
    font-size: 16px;
  }
}
.ws-display-header .ws-display-header-content p {
  margin-bottom: 0;
}
.ws-display-header .ws-display-header-close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.ws-display-header .ws-display-header-close.close-1 {
  height: 26px;
  width: 26px;
  margin-left: 15px;
  background-color: #010000;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--close");
          mask-image: url("../sprite/view/sprite.svg#divers--close");
}
@media (min-width: 992px) {
  .ws-display-header .ws-display-header-close.close-1 {
    margin-left: 25px;
  }
}
.ws-display-header .ws-display-header-close.close-1:hover {
  background-color: #010000;
}

.ndm-intro, .ndm-productshp, .ndm-realisations {
  background-color: #FFFFFF;
}
.ndm-intro {
  position: relative;
  padding-top: 20px;
  z-index: 0;
}
.ndm-intro h1 {
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .ndm-intro h1 {
    margin-bottom: 40px;
  }
}
.ndm-intro .page-header {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 5px 15px;
  background-color: #F8F8F8;
}
@media (min-width: 576px) {
  .ndm-intro .page-header {
    min-width: 400px;
  }
}
@media (min-width: 992px) {
  .ndm-intro .page-header {
    padding: 15px 45px 5px 45px;
  }
}
.ndm-intro .page-header::before {
  content: "";
  display: block;
  height: 2px;
  width: 200px;
  position: absolute;
  left: 0;
  bottom: -10px;
  background-color: var(--color-2);
}
.ndm-intro .page-header h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 80px;
}
@media (min-width: 992px) {
  .ndm-intro .page-header h1 {
    min-height: 115px;
  }
}
.ndm-intro .page-content {
  font-size: 18px;
}
.ndm-intro::before {
  content: "";
  display: block;
  height: calc(15vw + 85px);
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #2C3C3D;
  clip-path: polygon(0 0, 100% 0, 100% 35px, 0% 160px);
  z-index: -1;
}
@media (min-width: 992px) {
  .ndm-intro::before {
    height: calc(15vw + 35px);
    clip-path: polygon(0 0, 100% 0, 100% 35px, 0% 100%);
  }
}
.ndm-coordonnees {
  margin-top: 45px;
  margin-bottom: 15px;
}
.ndm-coordonnees .group-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ndm-coordonnees .group-left {
  width: 100%;
  max-width: 550px;
}
@media (min-width: 768px) {
  .ndm-coordonnees .group-left {
    width: auto;
  }
}
.ndm-coordonnees .group-left .menu {
  height: 100%;
  margin-bottom: 0;
}
.ndm-coordonnees .group-right {
  border-top: solid 1px #010000;
  border-right: solid 1px #010000;
  border-bottom: solid 1px #010000;
}
.ndm-reassurance {
  background-color: #E8E8E8;
}
.ndm-reassurance .reassurance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 1200px) {
  .ndm-reassurance .reassurance {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.ndm-reassurance .h3 {
  min-width: 175px;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .ndm-reassurance .h3 {
    margin-bottom: 0;
    margin-right: 30px;
  }
}
.ndm-reassurance .illustrations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ndm-reassurance .illustrations img {
  max-height: 35px;
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .ndm-reassurance .illustrations img {
    max-height: 42px;
  }
}
.ndm-avis {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .ndm-avis {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.ndm-avis .title {
  position: relative;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ndm-avis .title::before {
  content: "";
  display: block;
  height: 5px;
  width: 120px;
  position: absolute;
  bottom: 0;
  left: -20px;
  background-color: #010000;
}
.ndm-avis .title::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: -5px;
  left: -15px;
  border-style: solid;
  border-width: 2px;
  border-radius: 20px;
  border-color: #010000 #010000 transparent transparent;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.ndm-avis .group-elfsight {
  margin-left: 15px;
  padding-left: 5px;
  padding-bottom: 20px;
  border-left: solid 1px #010000;
}
.ndm-additional-description {
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .ndm-additional-description {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.ndm-additional-description h3 {
  position: relative;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ndm-additional-description h3::before {
  content: "";
  display: block;
  height: 5px;
  width: 120px;
  position: absolute;
  bottom: 0;
  left: -20px;
  background-color: #010000;
}
.ndm-additional-description h3::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: -5px;
  left: -15px;
  border-style: solid;
  border-width: 2px;
  border-radius: 20px;
  border-color: #010000 #010000 transparent transparent;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.ndm-additional-description .group-additional-description {
  margin-left: 15px;
  padding-left: 5px;
  padding-bottom: 20px;
  border-left: solid 1px #010000;
}
.ndm-productshp {
  padding-top: 25px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .ndm-productshp {
    padding-top: 45px;
    padding-bottom: 100px;
  }
}
.ndm-productshp .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ndm-productshp .products {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: auto;
  margin-bottom: 30px;
}
.ndm-productshp .products::scrollbar {
  width: 6px;
  height: 6px;
}
.ndm-productshp .products::scrollbar-button {
  width: 0;
  height: 0;
}
.ndm-productshp .products::scrollbar-thumb {
  background: var(--color-1);
  border: 0 none #FFFFFF;
  border-radius: 50px;
}
.ndm-productshp .products::scrollbar-thumb:hover {
  background: var(--color-1);
}
.ndm-productshp .products::scrollbar-thumb:active {
  background: var(--color-1);
}
.ndm-productshp .products::scrollbar-track {
  background: #FFFFFF;
  border: 0 none #FFFFFF;
  border-radius: 50px;
}
.ndm-productshp .products::scrollbar-track:hover {
  background: #FFFFFF;
}
.ndm-productshp .products::scrollbar-track:active {
  background: #FFFFFF;
}
.ndm-productshp .products::scrollbar-corner {
  background: transparent;
}
@media (min-width: 1470px) {
  .ndm-productshp .products {
    overflow: visible;
  }
}
.ndm-guide .group-left, .ndm-guide .group-right {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  z-index: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 992px) {
  .ndm-guide .group-left, .ndm-guide .group-right {
    padding-top: 135px;
    padding-bottom: 135px;
    width: calc(50% + 15px);
  }
}
.ndm-guide .group-left {
  background-color: var(--color-2);
  text-align: center;
}
@media (min-width: 992px) {
  .ndm-guide .group-left {
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0% 100%);
  }
}
.ndm-guide .group-left .ndm-image {
  opacity: 0.15;
}
.ndm-guide .group-left .ndm-image img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.ndm-guide .group-left h3 {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 25px;
}
.ndm-guide .group-left h3::before {
  content: "";
  display: block;
  height: 13px;
  width: 210px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--trait");
          mask-image: url("../sprite/view/sprite.svg#divers--trait");
  background-color: #010000;
}
.ndm-guide .group-left p {
  font-size: 18px;
  line-height: 30px;
  max-width: 365px;
  margin-left: auto;
  margin-right: auto;
}
.ndm-guide .group-left .btn {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .ndm-guide .group-right {
    margin-top: 0;
    margin-left: -30px;
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.ndm-guide .group-right .group-content {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 75px;
  padding-right: 75px;
}
.ndm-guide .group-right .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.ndm-guide .group-right .content h3 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Source Sans 3", Arial, sans-serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .ndm-guide .group-right .content h3 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .ndm-guide .group-right .content h3 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .ndm-guide .group-right .content h3 {
    font-size: 26px;
  }
}
@media (min-width: 1470px) {
  .ndm-guide .group-right .content h3 {
    font-size: 28px;
  }
}
.ndm-guide .group-right .content .text {
  min-height: 250px;
  padding: 55px 20px 75px;
  background: rgba(44, 60, 61, 0.85);
}
.ndm-guide .group-right .content .bottom {
  display: block;
  width: 100%;
  margin-top: -55px;
  margin-bottom: 0;
  line-height: 1;
}
.ndm-guide .group-right .content .bottom .decouvrir,
.ndm-guide .group-right .content .bottom .guide {
  display: block;
}
.ndm-guide .group-right .content .bottom .decouvrir a,
.ndm-guide .group-right .content .bottom .guide a {
  height: 55px;
  width: 100%;
  text-align: center;
  padding: 10px 15px;
  background-color: #FFFFFF;
  display: block;
}
.ndm-guide .group-right .content .bottom .decouvrir {
  margin-left: -75px;
  border-bottom: solid 2px #2C3C3D;
}
.ndm-guide .group-right .content .bottom .decouvrir a {
  font-weight: 600;
  color: var(--color-1);
  font-size: 28px;
}
.ndm-guide .group-right .content .bottom .guide {
  margin-top: -2px;
  margin-right: -55px;
  border-top: solid 2px #2C3C3D;
}
.ndm-guide .group-right .content .bottom .guide a {
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 700;
  font-family: "Jura", Arial, serif;
  color: #2C3C3D;
}
.ndm-guide .group-right .content .bottom .btn-square {
  position: absolute;
  right: -55px;
  bottom: 0;
  padding: 10px;
  font-size: 35px;
  line-height: 1;
}
.ndm-guide .group-right .content .bottom:hover .btn-square, .ndm-guide .group-right .content .bottom:focus .btn-square {
  color: #FFFFFF;
}
.ndm-guide .group-right .content .bottom:hover .btn-square::before, .ndm-guide .group-right .content .bottom:hover .btn-square::after, .ndm-guide .group-right .content .bottom:focus .btn-square::before, .ndm-guide .group-right .content .bottom:focus .btn-square::after {
  border-width: 55px 60px;
}
.ndm-guide .group-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  color: #FFFFFF;
}
.ndm-guide picture,
.ndm-guide img {
  display: block;
  width: 100%;
  height: 100%;
}
.ndm-guide img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ndm-guide .ndm-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ndm-decoration-interieure {
  background-color: #FFFFFF;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .ndm-decoration-interieure {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.ndm-decoration-interieure .group-left .group-content {
  max-width: 545px;
}
.ndm-decoration-interieure .group-left .group-content .two-line-title {
  position: relative;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .ndm-decoration-interieure .group-left .group-content .two-line-title {
    padding-bottom: 30px;
    margin-bottom: 50px;
  }
}
.ndm-decoration-interieure .group-left .group-content .two-line-title::before {
  content: "";
  display: block;
  height: 2px;
  width: 165px;
  position: absolute;
  left: -15px;
  bottom: 0;
  background-color: var(--color-2);
}
@media (min-width: 1470px) {
  .ndm-decoration-interieure .group-left .group-content .two-line-title::before {
    left: calc(-1 * (50vw - 735px) - 22px);
    width: calc(150px + 50vw - 735px);
  }
}
.ndm-decoration-interieure .group-left .group-content p {
  font-size: 18px;
}
.ndm-decoration-interieure .group-right {
  padding-left: 0;
  padding-right: 0;
}
.ndm-realisations .group-left, .ndm-realisations .group-center, .ndm-realisations .group-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  z-index: 0;
  text-align: center;
  min-height: 100vw;
}
@media (min-width: 576px) {
  .ndm-realisations .group-left, .ndm-realisations .group-center, .ndm-realisations .group-right {
    min-height: 400px;
  }
}
@media (min-width: 992px) {
  .ndm-realisations .group-left, .ndm-realisations .group-center, .ndm-realisations .group-right {
    width: calc(33.3333% + 20px);
  }
}
.ndm-realisations .group-left {
  position: relative;
  background-color: var(--color-2);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0% 100%);
}
.ndm-realisations .group-left::before {
  content: "";
  display: block;
  position: absolute;
  height: 80px;
  width: 1px;
  left: 50%;
  bottom: 0;
  margin-left: -1px;
  background-color: #FFFFFF;
}
@media (min-width: 992px) {
  .ndm-realisations .group-left::before {
    content: none;
    display: none;
  }
}
@media (min-width: 992px) {
  .ndm-realisations .group-left {
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%);
  }
}
.ndm-realisations .group-left h3 {
  margin-bottom: 40px;
}
.ndm-realisations .group-left p {
  font-size: 18px;
  line-height: 30px;
}
.ndm-realisations .group-center {
  position: relative;
  margin-top: -60px;
  margin-bottom: -60px;
  background-color: #2C3C3D;
  clip-path: polygon(0 60px, 100% 0, 100% calc(100% - 60px), 0% 100%);
}
.ndm-realisations .group-center::before {
  content: "";
  display: block;
  position: absolute;
  height: 80px;
  width: 1px;
  left: 50%;
  top: 0;
  margin-left: -1px;
  background-color: #FFFFFF;
}
@media (min-width: 992px) {
  .ndm-realisations .group-center::before {
    content: none;
    display: none;
  }
}
.ndm-realisations .group-center::after {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 26px;
  left: 50%;
  top: 80px;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--arrow-deco");
          mask-image: url("../sprite/view/sprite.svg#divers--arrow-deco");
  -webkit-transform: translateX(-50%) rotateZ(90deg);
          transform: translateX(-50%) rotateZ(90deg);
  background-color: #FFFFFF;
}
@media (min-width: 992px) {
  .ndm-realisations .group-center::after {
    content: none;
    display: none;
  }
}
@media (min-width: 992px) {
  .ndm-realisations .group-center {
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 30px 100%);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -30px;
    margin-right: -30px;
  }
}
.ndm-realisations .group-center h3 {
  max-width: 295px;
  margin-left: auto;
  margin-right: auto;
  color: #FFFFFF;
  margin-bottom: 30px;
  font-family: "Jura", Arial, serif;
  font-size: 34px;
}
@media (min-width: 992px) {
  .ndm-realisations .group-center h3 {
    margin-bottom: 60px;
  }
}
.ndm-realisations .group-center .btn {
  margin-top: 25px;
}
.ndm-realisations .group-right {
  clip-path: polygon(0 60px, 100% 0, 100% calc(100% - 60px), 0% 100%);
}
@media (min-width: 992px) {
  .ndm-realisations .group-right {
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.ndm-realisations .group-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
@media (min-width: 992px) {
  .ndm-realisations .group-content {
    max-width: 360px;
  }
}
.ndm-realisations picture,
.ndm-realisations img {
  display: block;
  width: 100%;
  height: 100%;
}
.ndm-realisations img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ndm-realisations .ndm-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.ndm-commitments {
  margin-top: 50px;
  margin-bottom: 0;
  background-color: #FFFFFF;
}
@media (min-width: 992px) {
  .ndm-commitments {
    margin-top: 110px;
    margin-bottom: 110px;
  }
}
.ndm-commitments .group-left, .ndm-commitments .group-right {
  position: relative;
  padding-top: 45px;
  padding-bottom: 45px;
  z-index: 0;
}
@media (min-width: 992px) {
  .ndm-commitments .group-left, .ndm-commitments .group-right {
    width: calc(50% + 15px);
  }
}
.ndm-commitments .group-left {
  padding-bottom: 60px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0% 100%);
  background-color: var(--color-2);
}
@media (min-width: 992px) {
  .ndm-commitments .group-left {
    padding-top: 135px;
    padding-bottom: 110px;
    padding-right: 45px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0% 100%);
  }
}
.ndm-commitments .group-left .ndm-image {
  opacity: 0.15;
}
.ndm-commitments .group-left .ndm-image img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.ndm-commitments .group-left .group-content {
  max-width: 550px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media (min-width: 1470px) {
  .ndm-commitments .group-left .group-content {
    margin-left: calc(50vw - 735px);
  }
}
.ndm-commitments .group-left .group-content .slashed-title {
  margin-bottom: 50px;
}
.ndm-commitments .group-left .btn {
  margin-top: 25px;
}
.ndm-commitments .group-right {
  position: relative;
  margin-top: -60px;
  padding-top: 60px;
  clip-path: polygon(0 60px, 100% 0, 100% 100%, 0% 100%);
}
@media (min-width: 992px) {
  .ndm-commitments .group-right {
    margin-top: 0;
    margin-left: -30px;
    padding-bottom: 45px;
    padding-left: 45px;
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.ndm-commitments .group-right .group-content {
  max-width: 600px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (min-width: 1470px) {
  .ndm-commitments .group-right .group-content {
    margin-right: calc(50vw - 735px);
  }
}
.ndm-commitments .group-right .two-line-title {
  position: relative;
  margin-bottom: 30px;
  margin-left: 45px;
}
@media (min-width: 992px) {
  .ndm-commitments .group-right .two-line-title {
    margin-left: 0;
    padding-bottom: 30px;
    margin-bottom: 50px;
  }
}
.ndm-commitments .group-right .two-line-title::before {
  content: "";
  display: block;
  height: 2px;
  width: 180px;
  position: absolute;
  left: -115px;
  bottom: 0;
  background-color: var(--color-2);
}
@media (min-width: 1470px) {
  .ndm-commitments .group-right .two-line-title::before {
    left: -140px;
    width: 290px;
  }
}
.ndm-commitments .group-right .btn {
  margin-left: auto;
  margin-right: auto;
}
.ndm-commitments .group-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.ndm-commitments picture,
.ndm-commitments img {
  display: block;
  width: 100%;
  height: 100%;
}
.ndm-commitments .ndm-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ndm-commitments .ndm-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ndm-commitments .engagements {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .ndm-commitments .engagements {
    margin-bottom: 45px;
  }
}
.ndm-commitments .engagement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ndm-commitments .engagement img {
  width: 150px;
  height: auto;
  max-width: 100%;
}
.ndm-commitments .engagement.atelier img {
  -webkit-transform: translateX(-25px);
          transform: translateX(-25px);
}
@media (min-width: 1470px) {
  .ndm-commitments .engagement.atelier img {
    -webkit-transform: none;
            transform: none;
  }
}
.ndm-commitments .engagement.qualite img {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}
@media (min-width: 1470px) {
  .ndm-commitments .engagement.qualite img {
    -webkit-transform: none;
            transform: none;
  }
}
.ndm-nous-fabriquons-aussi .two-line-title {
  position: relative;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .ndm-nous-fabriquons-aussi .two-line-title {
    padding-bottom: 30px;
    margin-bottom: 50px;
  }
}
.ndm-nous-fabriquons-aussi .two-line-title::before {
  content: "";
  display: block;
  height: 2px;
  width: 165px;
  position: absolute;
  left: -15px;
  bottom: 0;
  background-color: var(--color-2);
}
@media (min-width: 1470px) {
  .ndm-nous-fabriquons-aussi .two-line-title::before {
    left: calc(-1 * (50vw - 735px) - 22px);
    width: calc(150px + 50vw - 735px);
  }
}
.ndm-nous-fabriquons-aussi .row {
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ndm-social-links {
  width: 100%;
}

.wsfaq {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .wsfaq {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.wsfaq .title {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.wsfaq .title::before {
  content: "";
  display: block;
  height: 5px;
  width: 120px;
  position: absolute;
  bottom: 0;
  left: -30px;
  background-color: #010000;
}
.wsfaq .title::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: -5px;
  left: -25px;
  border-style: solid;
  border-width: 2px;
  border-radius: 20px;
  border-color: #010000 #010000 transparent transparent;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.wsfaq .group-faq {
  margin-left: 15px;
  padding-left: 15px;
  padding-bottom: 20px;
  border-left: solid 1px #010000;
}
.wsfaq .group-faq > p {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.wsfaq .questionlist {
  margin-left: -30px;
}

.questionlist > ul {
  list-style: none !important;
}
.questionlist > ul > .question {
  margin-bottom: 0;
  border-top: solid 1px #010000;
}
.questionlist > ul > .question:last-of-type {
  border-bottom: solid 1px #010000;
}
.questionlist > ul > .question.open .container-question .caption-question .question::after {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.questionlist .container-question .caption-question {
  cursor: pointer;
}
.questionlist .container-question .caption-question .question {
  display: block;
  margin-bottom: 0;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-transition: padding-left 0.4s, padding-left 0.4s;
  transition: padding-left 0.4s, padding-left 0.4s;
}
.questionlist .container-question .caption-question .question::before {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  border-top: solid 2px #010000;
  border-right: solid 2px #010000;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotateZ(45deg);
          transform: translateY(-50%) rotateZ(45deg);
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}
.questionlist .container-question .caption-question .question:hover, .questionlist .container-question .caption-question .question:focus {
  padding-left: 7 5px;
  padding-right: 25px;
}
.questionlist .container-question .caption-question .question:hover::before, .questionlist .container-question .caption-question .question:focus::before {
  right: 10px;
}
.questionlist .container-question .caption-content {
  display: none;
  padding: 10px 10px 10px 40px;
}
@media (min-width: 992px) {
  .questionlist .container-question .caption-content {
    padding: 10px 10px 10px 50px;
  }
}
.questionlist .container-question .caption-content::after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 768px) {
  .questionlist .container-question .caption-content .caption-photo {
    float: left;
  }
}
.questionlist .container-question .caption-content .caption-answer {
  display: inline;
}
.questionlist .container-question .caption-content .caption-answer * {
  display: inline;
  vertical-align: top;
}

.contact-rich {
  color: #010000;
  background-color: #FFFFFF;
  padding: 15px;
}
.contact-rich .block {
  padding-left: 95px;
  position: relative;
  -webkit-transition: padding-left 0.4s;
  transition: padding-left 0.4s;
}
.contact-rich .block::before {
  content: "";
  display: block;
  height: 100%;
  width: 75px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #010000;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.contact-rich .block::after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  left: 75px;
  top: 0;
  background-color: #010000;
}
.contact-rich .block-adress::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--map");
          mask-image: url("../sprite/view/sprite.svg#divers--map");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.contact-rich .block-phone::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--phone");
          mask-image: url("../sprite/view/sprite.svg#divers--phone");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.contact-rich .block-contact::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--mail");
          mask-image: url("../sprite/view/sprite.svg#divers--mail");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
Z .contact-rich .block:hover, .contact-rich .block:focus {
  padding-left: 100px;
}
Z .contact-rich .block:hover::before, .contact-rich .block:focus::before {
  left: 5px;
}

.cart-detailed-actions .btn.btn-primary:hover::before, .cart-detailed-actions .btn.btn-primary:hover::after, .cart-detailed-actions .btn.btn-secondary:hover::before, .cart-detailed-actions .btn.btn-secondary:hover::after {
  border-width: 50px 450px;
}

#product-comments-list-header {
  padding: 15px 1px;
}

.product-comments-list-header .two-line-title {
  position: relative;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .product-comments-list-header .two-line-title {
    padding-bottom: 30px;
    margin-bottom: 50px;
  }
}
.product-comments-list-header .two-line-title::before {
  content: "";
  display: block;
  height: 2px;
  width: 165px;
  position: absolute;
  left: -15px;
  bottom: 0;
  background-color: var(--color-2);
}
@media (min-width: 1470px) {
  .product-comments-list-header .two-line-title::before {
    left: calc(-1 * (50vw - 735px) - 22px);
    width: calc(150px + 50vw - 735px);
  }
}

.product-comment-list-item {
  background-color: transparent;
}

.product-comments-list-footer {
  margin-bottom: 20px;
}

.pm-csoc .pm-csoc-owl-carousel .pm-csoc-owl-item {
  float: none;
}

#blockcart-modal .modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#blockcart-modal .pm-csoc .step-title,
#blockcart-modal .pm-csoc .thumbnail-title .product-title {
  color: #FFFFFF;
}
#blockcart-modal .opartdevis-cart-button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  #blockcart-modal .opartdevis-cart-button {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
@media (min-width: 1200px) {
  #blockcart-modal .opartdevis-cart-button {
    margin-right: 55px;
  }
}
#blockcart-modal .modal-header,
#blockcart-modal .modal-body {
  background: transparent;
}
#blockcart-modal .modal-header {
  border: 0;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#blockcart-modal .modal-header .close {
  margin-top: 0;
}
#blockcart-modal .modal-body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 10px 1.875rem;
}
#blockcart-modal .modal-content::before {
  top: unset;
  bottom: 15px;
}
@media (min-width: 992px) {
  #blockcart-modal .modal-content::before {
    bottom: 45px;
  }
}
#blockcart-modal .product-accessories {
  margin-top: 10px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#blockcart-modal .product-accessories .product-miniature {
  min-width: 200px;
  max-width: 200px;
}
#blockcart-modal .product-accessories .product-miniature::after {
  background-color: #FFFFFF;
}
#blockcart-modal .product-accessories .product-miniature .thumbnail-title {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
#blockcart-modal .product-accessories .product-miniature .thumbnail-title::before, #blockcart-modal .product-accessories .product-miniature .thumbnail-title::after {
  border-color: #FFFFFF;
}
#blockcart-modal .product-accessories .product-miniature .thumbnail-title a {
  color: #FFFFFF;
  text-decoration: none;
}
#blockcart-modal .product-accessories .product-miniature .thumbnail-top {
  border-color: #FFFFFF;
}
#blockcart-modal .product-accessories .product-miniature .product-title {
  font-size: 20px;
}
#blockcart-modal .product-accessories .product-miniature .product-price-and-shipping {
  background: unset;
  color: #FFFFFF;
}
#blockcart-modal .product-accessories .product-miniature .product-description {
  background: unset;
  border-color: #FFFFFF;
}
#blockcart-modal .product-accessories .product-miniature .product-description::before {
  border-color: #FFFFFF;
}
#blockcart-modal .product-name,
#blockcart-modal .modal-title {
  color: #FFFFFF;
}

.modal-dialog .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#blockcart-modal .cart-content .page-content.page-cms ul.product-total,
#blockcart-modal .cart-content p.product-total,
.page-content.page-cms #blockcart-modal .cart-content ul.product-total {
  background-color: rgba(255, 255, 255, 0.1);
}

#blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count,
#blockcart-modal .cart-content p.cart-products-count,
.page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {
  color: #FFFFFF;
}

#blockcart-modal .cart-content .page-content.page-cms ul .label,
#blockcart-modal .cart-content .page-content.page-cms ul .value,
#blockcart-modal .cart-content p .label,
#blockcart-modal .cart-content p .value,
.page-content.page-cms #blockcart-modal .cart-content ul .label,
.page-content.page-cms #blockcart-modal .cart-content ul .value,
.page-order-detail .order-items .order-item .desc .name {
  color: #FFFFFF;
}

.block-promo .promo-input + button {
  border: 0;
  margin-top: -2px;
}
.block-promo .promo-code-button.cancel-promo {
  color: #8F3800;
}
.block-promo .promo-code-button.cancel-promo:hover {
  color: #5c2400;
}
.block-promo .promo-input {
  min-height: 48px;
}

.card-block.checkout .btn-secondary {
  width: 100%;
  margin-top: 10px;
}

.modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  text-align: center;
  color: #FFFFFF;
  background-color: #2C3C3D;
  padding: 75px 15px 15px;
}
@media (min-width: 992px) {
  .modal-content {
    padding: 135px 45px 45px;
  }
}
.modal-content::before {
  content: "";
  display: block;
  height: 45px;
  width: 45px;
  position: absolute;
  left: 50%;
  top: 15px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../img/divers/ndm.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .modal-content::before {
    top: 45px;
  }
}
.modal-content .modal-title {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-align: center;
}
.modal-content .close {
  width: 46px;
  height: 46px;
  border-radius: 23px;
  background-color: rgba(255, 255, 255, 0.25);
  margin-top: 15px;
  opacity: 0.8;
}
.modal-content .close.close-help-modal {
  margin-top: 0px !important;
  position: absolute !important;
  right: 5px !important;
  top: 5px !important;
}
@media (min-width: 992px) {
  .modal-content .close.close-help-modal {
    margin-top: 0px !important;
  }
}
@media (min-width: 992px) {
  .modal-content .close {
    margin-top: 45px;
  }
}
.modal-content .close:hover, .modal-content .close:focus {
  opacity: 1;
}
.modal-content .modal-title,
.modal-content p,
.modal-content a {
  color: #FFFFFF;
}
.modal-content a:not(.btn) {
  text-decoration: underline;
}

body#index .ndm-filtering {
  background-color: #FFFFFF;
}

.cart-preview .cart-link {
  display: block;
  height: 56px;
  width: 60px;
  position: relative;
  color: transparent;
  cursor: pointer;
}
.cart-preview .cart-link::before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 12px;
  top: 16px;
  background-color: #000000;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--cart");
          mask-image: url("../sprite/view/sprite.svg#divers--cart");
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.cart-preview .cart-link:hover::before, .cart-preview .cart-link:focus::before {
  background-color: var(--color-1);
}
.cart-preview .cart-link.disabled {
  cursor: not-allowed;
}
.cart-preview .cart-link.disabled::before {
  background-color: #595D5D;
}
.cart-preview .cart-link.disabled:hover::before, .cart-preview .cart-link.disabled:focus::before {
  background-color: #595D5D;
}
.cart-preview .cart-link.disabled .cart-products-count {
  background-color: #595D5D;
}
.cart-preview .cart-products-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 23px;
  width: 23px;
  position: absolute;
  right: 7px;
  bottom: 7px;
  border-radius: 15px;
  color: #FFFFFF;
  font-weight: 700;
  background-color: var(--color-1);
}

#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: solid 1px #010000;
}
#header .top-logo {
  width: 100%;
  padding: 5px;
}
#header .top-logo > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
#header .top-logo img {
  max-height: 69px;
}
#header .header-banner {
  width: 100%;
}
#header .header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: none;
  width: 100%;
}
@media (min-width: 992px) {
  #header .header-nav {
    width: auto;
    position: absolute;
    right: 15px;
    top: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #FFFFFF;
  }
}
@media (min-width: 1470px) {
  #header .header-nav {
    position: static;
    right: auto;
    top: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 992px) {
  #header .header-nav .left-nav > div,
#header .header-nav .right-nav > div {
    border: solid 1px #010000;
    margin-bottom: -1px;
  }
}
@media (min-width: 1200px) {
  #header .header-nav .left-nav > div,
#header .header-nav .right-nav > div {
    border: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #header .header-nav .right-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1470px) {
  #header .header-nav .right-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#header .header-nav #_desktop_contact_link {
  display: block;
}
#header .header-nav #_desktop_contact_link #contact-link {
  font-size: 0;
  margin-top: 0;
}
#header .header-nav .cart-preview.active {
  background: transparent;
}
#header .header-nav .user-info,
#header .header-nav .blockcart,
#header .header-nav .search-toggler-wrapper {
  margin: 0;
  padding: 0;
}
#header .header-nav .user-info .account {
  margin-left: 0;
}
#header .header-nav .blockcart {
  height: auto;
  background: transparent;
}
#header .header-nav .mobile {
  width: 100%;
}
#header .header-top {
  padding: 0;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#header .header-top .menu {
  padding-left: 0;
  border-left: solid 1px #010000;
}
#header .header-top #category-60 > .dropdown-item {
  cursor: unset;
  pointer-events: none;
}
#header .header-top a[data-depth="0"] {
  position: relative;
  padding: 35px 15px 5px 45px;
  text-transform: none;
  color: #2C3C3D;
  font-family: "Jura", Arial, serif;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: padding 0.4s;
  transition: padding 0.4s;
  border-bottom: solid 1px #010000;
  z-index: 2;
}
@media (min-width: 992px) {
  #header .header-top a[data-depth="0"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 25px 15px 25px 15px;
    border-bottom: 0;
    height: 100%;
  }
}
@media (min-width: 1470px) {
  #header .header-top a[data-depth="0"] {
    font-size: 20px;
    padding: 25px 30px 25px 15px;
  }
}
#header .header-top a[data-depth="0"]:hover {
  color: #2C3C3D;
}
#header .header-top a[data-depth="1"] {
  display: block;
  width: 100%;
  padding: 10px 15px;
  text-transform: none;
  color: #2C3C3D;
  font-size: 18px;
  -webkit-transition: padding 0.4s;
  transition: padding 0.4s;
  white-space: normal;
}
#header .header-top a[data-depth="1"]:hover {
  padding: 10px 5px 10px 25px;
}
#header .header-top ul[data-depth="0"] {
  position: relative;
}
#header .header-top ul[data-depth="0"]::before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  background-color: #010000;
  z-index: 3;
  height: 30px;
  width: 1px;
  left: 30px;
  bottom: -30px;
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="0"]::before {
    content: "";
    display: none;
  }
}
#header .header-top ul[data-depth="0"] > li {
  position: relative;
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="0"] > li > a {
    border-right: solid 1px #010000;
  }
}
#header .header-top ul[data-depth="0"] > li > a::before, #header .header-top ul[data-depth="0"] > li > a::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  background-color: #010000;
  z-index: 3;
}
#header .header-top ul[data-depth="0"] > li > a::before {
  height: 15px;
  width: 3px;
  bottom: -7px;
  left: 29px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="0"] > li > a::before {
    left: -2px;
  }
}
#header .header-top ul[data-depth="0"] > li > a::after {
  height: 100%;
  width: 1px;
  left: 30px;
  top: 0;
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="0"] > li > a::after {
    height: 15px;
    width: 3px;
    bottom: -7px;
    right: -2px;
    -webkit-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
    top: auto;
    left: auto;
  }
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="0"] > li:last-of-type > a {
    border-right: 0;
  }
  #header .header-top ul[data-depth="0"] > li:last-of-type > a::after {
    content: none;
    display: none;
  }
}
@media (min-width: 1470px) {
  #header .header-top ul[data-depth="0"] > li:last-of-type > a {
    border-right: solid 1px #010000;
  }
  #header .header-top ul[data-depth="0"] > li:last-of-type > a::after {
    content: "";
    display: block;
  }
}
#header .header-top ul[data-depth="0"] > li > .dropdown-item,
#header .header-top ul[data-depth="0"] > li .sub-menu {
  background-color: #FFFFFF;
  -webkit-transition: background-color 0.25s, top 0.25s;
  transition: background-color 0.25s, top 0.25s;
}
#header .header-top ul[data-depth="0"] > li .sub-menu {
  padding-left: 30px;
}
#header .header-top ul[data-depth="0"] > li .sub-menu ul[data-depth="1"] {
  border-left: solid 1px #010000;
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="0"] > li .sub-menu {
    padding-left: 0;
  }
  #header .header-top ul[data-depth="0"] > li .sub-menu ul[data-depth="1"] {
    border-left: 0;
  }
}
#header .header-top ul[data-depth="0"] > li#category-60 > .dropdown-item {
  background-color: var(--color-1);
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="0"] > li#category-60 .sub-menu {
    background-color: var(--color-1);
  }
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="0"] > li:hover > .dropdown-item {
    padding: 25px 15px 15px 15px;
  }
}
@media (min-width: 1470px) {
  #header .header-top ul[data-depth="0"] > li:hover > .dropdown-item {
    padding: 25px 30px 15px 15px;
  }
}
#header .header-top ul[data-depth="0"] > li:hover > .dropdown-item,
#header .header-top ul[data-depth="0"] > li:hover .sub-menu {
  background-color: var(--color-4);
}
#header .header-top ul[data-depth="0"] > li:hover .sub-menu {
  top: 100%;
  margin-top: -1px;
  color: #2C3C3D;
}
#header .header-top ul[data-depth="1"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  #header .header-top ul[data-depth="1"] {
    padding-bottom: 20px;
  }
}
#header .header-top ul[data-depth="1"] > li {
  margin: 0;
}

#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0s, 0s, 0s;
          transition-delay: 0s, 0s, 0s;
}
#_desktop_top_menu .top-menu .sub-menu.collapse.in {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0s, 0s, 0s;
          transition-delay: 0s, 0s, 0s;
}

#mobile_top_menu_wrapper {
  padding: 0;
  background: transparent;
}
#mobile_top_menu_wrapper .top-menu .collapse,
#mobile_top_menu_wrapper .top-menu .sub-menu.collapse {
  display: block;
}
#mobile_top_menu_wrapper .top-menu .navbar-toggler {
  display: none;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a,
#mobile_top_menu_wrapper .top-menu .sub-menu button,
#mobile_top_menu_wrapper .top-menu .sub-menu select {
  border-bottom: 0;
}
#mobile_top_menu_wrapper .top-menu .sub-menu li > a {
  padding: 10px 15px 10px 40px;
}
#mobile_top_menu_wrapper .top-menu .sub-menu li > a:hover {
  padding: 10px 15px 10px 40px;
}
#mobile_top_menu_wrapper #top-menu {
  margin-bottom: 0;
}
#mobile_top_menu_wrapper .js-top-menu-bottom {
  margin-left: -1px;
}
#mobile_top_menu_wrapper .js-top-menu-bottom #contact-link,
#mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector,
#mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper {
  padding: 0;
  font-size: 0;
}
#mobile_top_menu_wrapper .js-top-menu-bottom > div {
  border: solid 1px #010000;
  margin-right: -1px;
}
#mobile_top_menu_wrapper .js-top-menu-bottom .user-info {
  padding: 0;
}
#mobile_top_menu_wrapper .js-top-menu-bottom .user-info a {
  width: 60px;
  padding: 0;
}
#mobile_top_menu_wrapper .js-top-menu-bottom .mobile-user-info,
#mobile_top_menu_wrapper .js-top-menu-bottom .mobile-contact-link {
  display: none;
}
#mobile_top_menu_wrapper .js-top-menu-bottom.active .mobile-user-info,
#mobile_top_menu_wrapper .js-top-menu-bottom.active .mobile-contact-link {
  display: block;
}

.header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
@media (min-width: 1470px) {
  .header-wrapper {
    padding-right: calc(50% - 735px);
  }
}

.header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-top .search-widgets {
  max-width: none;
}
.header-top .search-widgets form button[type=submit] {
  -webkit-transform: none;
          transform: none;
}
.header-top .search-widgets form input[type=text] {
  color: #010000;
}
.header-top #search_widget input {
  padding-right: 10px;
}

.header-logo {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.header-logo > a {
  display: block;
  width: 100%;
  padding: 5px 30px;
}
@media (min-width: 992px) {
  .header-logo > a {
    padding: 10px 15px;
  }
}
.header-logo .logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-width: 200px;
  max-width: 280px !important;
}

.user-info {
  position: relative;
}
.user-info > a {
  display: block;
  height: 56px;
  width: 60px;
  position: relative;
  color: transparent;
}
.user-info > a::before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 14px;
  top: 12px;
  background-color: #000000;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--user");
          mask-image: url("../sprite/view/sprite.svg#divers--user");
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.user-info > a:hover::before, .user-info > a:focus::before {
  background-color: var(--color-1);
}
.user-info span {
  display: none;
}
.user-info .logout {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  font-size: 0;
}
.user-info .logout::before {
  content: "✖";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 18px;
  width: 18px;
  position: absolute;
  left: auto;
  right: 5px;
  top: 5px;
  border-radius: 15px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  background-color: #2C3C3D;
  z-index: 1;
  pointer-events: all;
  -webkit-mask-image: none;
          mask-image: none;
}
.user-info .logout:hover::before, .user-info .logout:focus::before {
  background-color: #FF0000;
}

.mobile-contact-link > div > a,
#_desktop_contact_link > div > a {
  display: block;
  height: 56px;
  width: 60px;
  position: relative;
  color: transparent;
  text-indent: -9999px;
  margin: 0;
}
.mobile-contact-link > div > a::before,
#_desktop_contact_link > div > a::before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 14px;
  top: 12px;
  background-color: #000000;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--mail");
          mask-image: url("../sprite/view/sprite.svg#divers--mail");
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.mobile-contact-link:hover > div > a::before, .mobile-contact-link:focus > div > a::before,
#_desktop_contact_link:hover > div > a::before,
#_desktop_contact_link:focus > div > a::before {
  background-color: var(--color-1);
}

#search_widget {
  overflow: hidden;
  margin-bottom: 0;
}
#search_widget form input {
  padding: 5px 10px 5px 0;
  border-radius: 0;
  background: transparent;
}
#search_widget form input::-webkit-input-placeholder {
  color: #595D5D;
  font-weight: 600;
  font-style: italic;
}
#search_widget form input::-moz-placeholder {
  color: #595D5D;
  font-weight: 600;
  font-style: italic;
}
#search_widget form input:-ms-input-placeholder {
  color: #595D5D;
  font-weight: 600;
  font-style: italic;
}
#search_widget form input::-ms-input-placeholder {
  color: #595D5D;
  font-weight: 600;
  font-style: italic;
}
#search_widget form input::placeholder {
  color: #595D5D;
  font-weight: 600;
  font-style: italic;
}

.search-widgets {
  display: none;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  border-radius: 0;
  background-color: #E8E8E8;
}
.search-widgets.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .search-widgets {
    padding: 75px 15px;
    top: 104px;
    bottom: auto;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  }
}
.search-widgets .search-title {
  position: relative;
  width: 100%;
  max-width: 375px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 40px;
  border-bottom: solid 1px #010000;
  text-transform: uppercase;
  font-family: "Jura", Arial, serif;
  font-weight: 700;
}
.search-widgets .search-title::before {
  content: "";
  display: block;
  height: 15px;
  width: 3px;
  position: absolute;
  bottom: -7px;
  left: 25px;
  pointer-events: none;
  background-color: #010000;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  z-index: 3;
}
.search-widgets .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 375px;
  border: 0 !important;
}
.search-widgets .form .form-text {
  margin-left: 25px;
  margin-right: 10px;
  border-bottom: solid 1px rgba(44, 60, 61, 0.1) !important;
  outline: none;
}
.search-widgets .form .form-submit {
  display: block;
  height: 55px;
  width: 55px;
  min-width: 55px;
  padding: 5px;
  border: 0 !important;
  background-color: var(--color-1);
  color: #010000;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  font-family: "Jura", Arial, serif;
  -webkit-transition: color 0.4s, background-color 0.4s;
  transition: color 0.4s, background-color 0.4s;
  outline: none;
  border-radius: 0;
}
.search-widgets .form .form-submit:hover, .search-widgets .form .form-submit:focus {
  background-color: #2C3C3D;
  color: #FFFFFF;
}

.search-toggle {
  display: none;
  position: static;
}

.search-toggler {
  display: block;
  height: 56px;
  width: 60px;
  position: relative;
  color: transparent;
  cursor: pointer;
}
.search-toggler::before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 14px;
  top: 12px;
  background-color: #000000;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--search");
          mask-image: url("../sprite/view/sprite.svg#divers--search");
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.search-toggler:hover::before, .search-toggler:focus::before, .search-toggler.active::before {
  background-color: var(--color-1);
}

.menu-icon {
  display: block;
  height: 56px;
  width: 60px;
  position: relative;
  color: transparent;
  background-color: var(--color-1);
  cursor: pointer;
}
.menu-icon::before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 14px;
  top: 12px;
  background-color: #000000;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--menu");
          mask-image: url("../sprite/view/sprite.svg#divers--menu");
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.menu-icon.active::before {
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--close");
          mask-image: url("../sprite/view/sprite.svg#divers--close");
}

.js-top-menu-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 58px;
  width: auto;
  position: fixed;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
  margin: 0;
}
.js-top-menu-bottom > div:empty {
  display: none;
}
.js-top-menu-bottom .language-selector-wrapper {
  border: 0;
  width: 45px;
}
.js-top-menu-bottom .language-selector-wrapper .language-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#_mobile_top_menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F8F8F8;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
#_mobile_top_menu.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.products .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .products .product {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .products .product {
    width: 33.3333%;
  }
}
@media (min-width: 1200px) {
  .products .product {
    width: 25%;
  }
}
@media (min-width: 1470px) {
  .products .product {
    width: 20%;
  }
}

body#product .product-flags {
  left: 113px;
  top: 20px;
  width: auto;
}
@media (min-width: 992px) {
  body#product .product-flags {
    left: 143px;
  }
}
body#product .product-flags li.product-flag {
  background: var(--color-1);
}

.product-miniature {
  height: 100%;
  position: relative;
  min-width: 265px;
  max-width: 265px;
  margin-left: auto;
  margin-right: auto;
}
.product-miniature::after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 14px;
  left: 120px;
  bottom: 2px;
  background-image: url("../img/divers/arrow-deco.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.product-miniature .thumbnail-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  position: relative;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 15px;
  margin-bottom: 0;
  background-color: transparent;
}
.product-miniature .thumbnail-title {
  position: relative;
  margin-bottom: 0;
  border-left: solid 2px #010000;
  border-bottom: solid 2px #010000;
  padding: 0 20px 10px;
}
.product-miniature .thumbnail-title::before, .product-miniature .thumbnail-title::after {
  content: "";
  display: block;
  position: absolute;
}
.product-miniature .thumbnail-title::before {
  height: 1px;
  width: 10px;
  left: -9px;
  bottom: -2px;
  border-bottom: solid 2px #010000;
}
.product-miniature .thumbnail-title::after {
  height: 25px;
  width: 15px;
  right: -13px;
  bottom: -2px;
  border-bottom: solid 2px #010000;
  border-left: solid 2px #010000;
}
.product-miniature .thumbnail-top {
  border-left: solid 2px #010000;
  border-right: solid 2px #010000;
  position: relative;
}
.product-miniature .thumbnail-top::before, .product-miniature .thumbnail-top::after {
  display: block;
  height: 36px;
  width: 36px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.product-miniature .thumbnail-top::before {
  content: "";
  background-color: var(--color-1);
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.product-miniature .thumbnail-top::after {
  content: "+";
  color: #FFFFFF;
  padding: 7px 12px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
}
.product-miniature .product-title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}
.product-miniature .product-title a {
  color: #010000;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
}
.product-miniature .product-thumbnail {
  position: relative;
}
.product-miniature .thumbnail-fr::before {
  content: "";
  display: block;
  height: 28px;
  width: 94px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-image: url("../img/divers/made-in-france.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80px auto;
  background-color: #FFFFFF;
  z-index: 1;
}
.product-miniature .product-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  border-left: solid 2px #010000;
  border-right: solid 2px #010000;
  padding: 0;
}
.product-miniature .product-description .product-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-miniature .product-description .product-infos > div {
  margin-left: -1px;
  margin-right: -1px;
  border: solid 2px #E8E8E8;
  max-width: 66.6666%;
}
.product-miniature .product-description .product-infos > div:first-child {
  margin-left: 0;
  border-left: 0;
  width: 66.6666%;
}
.product-miniature .product-description .product-infos > div:last-child {
  margin-right: 0;
  border-right: 0;
  width: 33.3333%;
}
.product-miniature .product-description::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 127px;
  left: -9px;
  bottom: 0;
  border-bottom: solid 2px #010000;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}
.product-miniature:hover::after {
  left: 220px;
}
.product-miniature:hover .thumbnail-top::before {
  background-color: #2C3C3D;
}
.product-miniature:hover .product-description::before {
  width: 227px;
}

.product-price {
  color: #010000;
  font-size: 28px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .product-price {
    font-size: 30px;
  }
}
@media (min-width: 1470px) {
  .product-price {
    font-size: 32px;
  }
}

.product-name a {
  color: #2C3C3D;
  font-family: "Jura", Arial, serif;
}
@media (min-width: 992px) {
  .product-name a {
    font-size: 18px;
  }
}

.product-line-info > .label {
  font-weight: 700;
}

.product-line-grid-body > .product-line-info > .label {
  font-weight: 700;
}
.product-line-grid-body > .product-line-info:first-of-type > .label {
  font-family: "Jura", Arial, serif;
  font-size: 16px;
}
@media (min-width: 992px) {
  .product-line-grid-body > .product-line-info:first-of-type > .label {
    font-size: 18px;
  }
}
@media (min-width: 1470px) {
  .product-line-grid-body > .product-line-info:first-of-type > .label {
    font-size: 20px;
  }
}

.product-line-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-line-grid .product-line-grid-left {
  max-width: 110px;
}
.product-line-grid .product-line-grid-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.product-line-grid .product-line-grid-right {
  max-width: 250px;
  margin-left: auto;
}
.product-line-grid .product-line-grid-right .product-price {
  font-size: 20px;
}

body#checkout a:hover {
  color: #5c2400;
}
body#checkout section.checkout-step .step-number {
  color: #2C3C3D;
  font-weight: 700;
  border-color: #2C3C3D;
}
body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: var(--color-1);
  color: #2C3C3D;
  font-weight: 700;
}
body#checkout section.checkout-step .address-item.selected {
  border: 3px solid var(--color-1);
}
body.page-product .product-description h3 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Source Sans 3", Arial, sans-serif;
}

.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i,
.dropdown:hover .expand-more,
.page-my-account #content .links a:hover i,
.search-widget form button[type=submit] .search:hover,
.top-menu .sub-menu a:hover {
  color: #5c2400;
}

.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
  border: 3px solid var(--color-1);
}

.images-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-height: 570px;
  overflow: hidden;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.images-container .product-images {
  width: 98px;
}
.images-container .product-images > li.thumb-container {
  display: inline-block;
}
.images-container .product-images > li.thumb-container > .thumb {
  margin-right: 0;
}

.product-cover {
  position: relative;
  border: 3px solid var(--color-1);
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .product-cover {
    margin-right: 30px;
    margin-left: 30px;
  }
}
.product-cover::before {
  content: "";
  display: block;
  height: 47px;
  width: 132px;
  position: absolute;
  border: solid 5px #FFFFFF;
  background-color: #FFFFFF;
  left: 20px;
  bottom: 20px;
  background-image: url("../img/divers/made-in-france.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#main .images-container .mask {
  max-height: 500px !important;
  overflow: hidden !important;
  min-width: 98px;
  max-width: 98px;
  margin-top: 30px;
  margin-right: 15px;
  margin-bottom: 30px;
  text-wrap: normal;
}
#main .images-container .mask.scroll {
  width: 98px;
  margin-top: 30px;
  margin-right: 15px;
  margin-bottom: 30px;
}

#product #content {
  max-width: 100%;
}

#product-modal .modal-content .modal-body .product-images img:hover {
  border: solid 3px var(--color-1);
}

.scroll-box-arrows i {
  width: 30px;
  line-height: 98px;
  height: 98px;
  text-align: center;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.scroll-box-arrows i:hover {
  background-color: var(--color-2);
}
.scroll-box-arrows .left {
  top: 30px;
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.scroll-box-arrows .right {
  right: auto;
  bottom: 30px;
  left: 0;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.product-model,
.product-lg,
.product-profils {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-label {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  color: #000000;
  margin-bottom: auto;
  padding: 4px;
}

.product-value-model > img {
  max-width: 100%;
  height: auto;
}
.product-value-lg {
  text-align: center;
  font-weight: 600;
  padding: 10px;
  color: #000000;
  max-width: 75px;
  word-break: break-all;
}
.product-value-profils {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 72px;
}

.profil-carre {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--carre");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--carre");
}
.profil-classique {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--classique");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--classique");
}
.profil-elegance {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--elegance");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--elegance");
}
.profil-rond {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--rond");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--rond");
}
.profil-demi-rond {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--demi-rond");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--demi-rond");
}
.profil-style {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--style");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--style");
}
.profil-tradition {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--tradition");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--tradition");
}
.profil-profil3 {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--profil3");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--profil3");
}
.profil-profil4 {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--profil4");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--profil4");
}
.profil-profil5 {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--profil5");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--profil5");
}
.profil-profil6 {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#picto--profils--profil6");
          mask-image: url("../sprite/view/sprite.svg#picto--profils--profil6");
}

.product-price-and-shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  background-color: var(--color-4);
  border: 0;
  margin-left: 0;
}
.product-price-and-shipping .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}
.product-price-and-shipping .price-start {
  font-size: 14px;
  font-weight: 400;
}
.product-price-and-shipping .price-value {
  font-size: 28px;
  font-weight: 700;
}

.product-list-reviews {
  border: 0;
  width: 100%;
  margin-right: 0;
}

.block-category {
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 0;
  background-color: transparent;
}
.block-category h4 {
  position: relative;
  margin-bottom: 0;
  border-left: solid 2px #010000;
  border-bottom: solid 2px #010000;
  padding: 0 20px 10px;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
}
.block-category h4::before, .block-category h4::after {
  content: "";
  display: block;
  position: absolute;
}
.block-category h4::before {
  height: 1px;
  width: 10px;
  left: -9px;
  bottom: -2px;
  border-bottom: solid 2px #010000;
}
.block-category h4::after {
  height: 25px;
  width: 15px;
  right: -13px;
  bottom: -2px;
  border-bottom: solid 2px #010000;
  border-left: solid 2px #010000;
}
.block-category .block-category-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  position: relative;
  border-bottom: solid 2px #010000;
  margin-bottom: 0;
  background-color: transparent;
}
.block-category .block-category-inner::before, .block-category .block-category-inner::after {
  content: "";
  display: block;
  position: absolute;
}
.block-category .block-category-inner::before {
  width: 15px;
  height: 10px;
  left: -13px;
  bottom: -10px;
  border-top: solid 2px #010000;
  border-right: solid 2px #010000;
}
.block-category .block-category-inner::after {
  height: 15px;
  width: 10px;
  right: -8px;
  bottom: -15px;
  border-top: solid 2px #010000;
  border-left: solid 2px #010000;
}
.block-category .block-category-inner .category-cover img {
  width: 100%;
  height: auto;
}
.block-category .category-cover {
  border-left: solid 2px #010000;
  border-right: solid 2px #010000;
  position: relative;
  overflow: hidden;
}
.block-category .category-cover::before, .block-category .category-cover::after {
  display: block;
  height: 36px;
  width: 36px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.block-category .category-cover::before {
  content: "";
  background-color: var(--color-1);
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.block-category .category-cover::after {
  content: "+";
  color: #FFFFFF;
  padding: 7px 12px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
}
.block-category .category-cover .ndm-image img {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.block-category:hover .category-cover::before {
  background-color: #2C3C3D;
}
.block-category:hover .category-cover .ndm-image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.comments-note {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-1);
}

.star-content div.star, .star-content div.star-on, .star-content div.star-hover {
  background: none;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--star");
          mask-image: url("../sprite/view/sprite.svg#divers--star");
  margin-left: 0;
}
.star-content div.star {
  background-color: #2C3C3D;
}
.star-content div.star-on {
  background-color: var(--color-1);
}
.star-content div.star-hover {
  background-color: #5c2400;
}

.thumbnail-container .product-profils .profil-wrapper {
  position: relative;
  text-align: center;
  padding: 2px;
  font-weight: 600;
  font-size: 16px;
  background-color: transparent;
  border: 0;
}
.thumbnail-container .product-profils .profil-miniature {
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  background-color: var(--color-2);
}
.thumbnail-container .product-profils .profil-miniature.profil-miniature-classique {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--classique");
          mask-image: url("../sprite/view/sprite.svg#profil--classique");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.thumbnail-container .product-profils .profil-miniature.profil-miniature-elegance {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--elegance");
          mask-image: url("../sprite/view/sprite.svg#profil--elegance");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.thumbnail-container .product-profils .profil-miniature.profil-miniature-tradition {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--tradition");
          mask-image: url("../sprite/view/sprite.svg#profil--tradition");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.thumbnail-container .product-profils .profil-miniature.profil-miniature-moderne {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--moderne");
          mask-image: url("../sprite/view/sprite.svg#profil--moderne");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.thumbnail-container .product-profils .profil-miniature.profil-miniature-rond {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--rond");
          mask-image: url("../sprite/view/sprite.svg#profil--rond");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.thumbnail-container .product-profils .profil-miniature.profil-miniature-demi-rond {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--demi-rond");
          mask-image: url("../sprite/view/sprite.svg#profil--demi-rond");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.thumbnail-container .product-profils .profil-miniature.profil-miniature-style {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--style");
          mask-image: url("../sprite/view/sprite.svg#profil--style");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}

.product-variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .product-variants {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.product-variants .control-label {
  font-weight: 700;
}
.product-variants .control-label.product-variants-title {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}
.product-variants > .product-variants-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 350px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .product-variants > .product-variants-item:not(:first-of-type) {
    margin-left: 10px;
  }
}
.product-variants > .product-variants-item .open-help {
  margin-left: 10px;
}
.product-variants > .product-variants-item select {
  background-color: var(--color-4);
}
.product-variants > .product-variants-item.product-variants-type-select .custom-select {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.product-variants > .product-variants-item.product-variants-type-select .control-label {
  background-color: var(--color-4);
  color: #000000;
  padding: 8px 35px 8px 15px;
  border: 1px solid transparent;
  cursor: pointer;
  border-color: var(--color-4);
}
.product-variants > .product-variants-item.product-variants-type-select .control-label.select-arrow-active {
  border-color: var(--color-2);
  background-color: var(--color-2);
}
.product-variants-name-profil {
  width: 100%;
}
.product-variants-name-profil .variation-wrapper .control-label {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}
.product-variants-name-profil .variation-wrapper .custom-input {
  position: relative;
  text-align: center;
  padding: 35px 5px 5px;
  font-weight: 600;
  font-size: 16px;
  background-color: transparent;
  border: 0;
}
.product-variants-name-profil .variation-wrapper .custom-input::before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  background-color: var(--color-2);
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.product-variants-name-profil .variation-wrapper .custom-input[data-value="2495"]::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--classique");
          mask-image: url("../sprite/view/sprite.svg#profil--classique");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.product-variants-name-profil .variation-wrapper .custom-input[data-value="2496"]::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--elegance");
          mask-image: url("../sprite/view/sprite.svg#profil--elegance");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.product-variants-name-profil .variation-wrapper .custom-input[data-value="2499"]::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--tradition");
          mask-image: url("../sprite/view/sprite.svg#profil--tradition");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.product-variants-name-profil .variation-wrapper .custom-input[data-value="2497"]::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--moderne");
          mask-image: url("../sprite/view/sprite.svg#profil--moderne");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.product-variants-name-profil .variation-wrapper .custom-input[data-value="2498"]::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--rond");
          mask-image: url("../sprite/view/sprite.svg#profil--rond");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.product-variants-name-profil .variation-wrapper .custom-input[data-value="2500"]::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#profil--style");
          mask-image: url("../sprite/view/sprite.svg#profil--style");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.product-variants-name-profil .variation-wrapper .custom-input:hover, .product-variants-name-profil .variation-wrapper .custom-input:focus {
  background-color: transparent;
}
.product-variants-name-profil .variation-wrapper .custom-input:hover::before, .product-variants-name-profil .variation-wrapper .custom-input:focus::before {
  background-color: var(--color-1);
}
.product-variants-name-profil .variation-wrapper .custom-input.custom-selected {
  color: var(--color-1);
  background-color: transparent;
}
.product-variants-name-profil .variation-wrapper .custom-input.custom-selected::before {
  background-color: var(--color-1);
}
.product-variants-name-profil select {
  display: none;
}

.product-actions {
  border-left: solid 2px #010000;
}
.product-actions .control-label {
  margin-bottom: 0;
}
.product-actions .product-action {
  border-bottom: solid 2px #010000;
  padding-top: 20px;
  padding-left: 40px;
  padding-bottom: 20px;
  margin-left: -20px;
}
.product-actions .product-action.product-lenght .btn {
  font-weight: 600;
  padding: 4px 10px;
  border: 0;
  margin: 0 10px 0 -1px;
  background-color: var(--color-4);
}
@media (min-width: 768px) {
  .product-actions .product-action.product-lenght .btn {
    font-size: 20px;
    padding: 4px 22px;
  }
}
.product-actions .product-action.product-lenght .btn.active {
  padding: 16px 10px;
  background-color: var(--color-1);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .product-actions .product-action.product-lenght .btn.active {
    padding: 16px 22px;
  }
}
.product-actions .product-action.product-lenght .btn.active:hover, .product-actions .product-action.product-lenght .btn.active:focus {
  color: #FFFFFF;
}
.product-actions .product-action .action-title {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}
.product-actions .add-to-cart {
  height: auto;
}

.product-quantity {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.product-prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px;
  background-color: var(--color-4);
  margin-top: 0;
}
.product-prices .tax-shipping-delivery-label {
  font-weight: 700;
  color: #000000;
  margin-left: 5px;
}

.product-add-to-cart {
  padding: 10px 20px 20px;
}
.product-add-to-cart .control-label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: -10px;
}

.product-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-4);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .product-cart {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 992px) {
  .product-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .product-cart {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.product-cart::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 127px;
  left: -3px;
  bottom: 0;
  border-bottom: solid 2px #010000;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}
@media (min-width: 992px) {
  .product-cart::before {
    width: 277px;
  }
}
.product-cart::after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 14px;
  left: 120px;
  bottom: -3px;
  -webkit-mask-image: url("../img/divers/arrow-deco.svg");
          mask-image: url("../img/divers/arrow-deco.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #010000;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
@media (min-width: 992px) {
  .product-cart::after {
    left: 270px;
  }
}

.product-buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-buy .product-prices {
  padding-bottom: 0;
}
.product-buy .product-price,
.product-buy .current-price {
  margin-bottom: 0;
}

.product-stock {
  padding: 20px;
  width: 100%;
}
.product-stock .stock {
  position: relative;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
}
.product-stock .stock::before {
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  vertical-align: text-bottom;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--stock");
          mask-image: url("../sprite/view/sprite.svg#divers--stock");
  background-color: var(--color-1);
}
.product-stock .production {
  margin-bottom: 5px;
  font-weight: 600;
}
.product-stock .delivery {
  margin-bottom: 5px;
  font-weight: 600;
}
.product-stock .more {
  font-weight: 600;
  text-transform: uppercase;
}
.product-stock .more.open-help {
  display: inline-block !important;
  height: auto !important;
  width: auto !important;
  position: static !important;
  color: inherit !important;
  background-color: transparent !important;
  border-radius: 0px !important;
}
.product-stock .more.open-help::before {
  content: "";
  display: none;
}
.product-stock .more::after {
  content: "+";
  display: inline-block;
  height: 22px;
  width: 22px;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  font-weight: bold;
  margin-left: 5px;
  vertical-align: text-bottom;
  background-color: var(--color-1);
  border-radius: 12px;
  cursor: pointer;
}

.payment-options .payment-option-devis label {
  background: unset;
  padding: unset;
  font-weight: normal;
  text-transform: none;
  color: #232323;
  font-size: 0.875rem;
  cursor: auto;
}
.payment-options .payment-option-devis label::before, .payment-options .payment-option-devis label::after {
  content: none;
  display: none;
}

.product-accessories {
  margin-top: 30px;
  margin-bottom: 30px;
}
.product-accessories .pm-csoc-owl-wrapper-outer {
  overflow: auto;
}
.product-accessories .pm-csoc-owl-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 15px;
  gap: 15px;
}
.product-accessories .pm-csoc-owl-wrapper .pm-csoc-owl-item {
  width: 285px !important;
}
.product-accessories .pm-csoc-owl-wrapper .pm-csoc-owl-item .product {
  height: 100%;
}
.product-accessories .pm-csoc-owl-wrapper .pm-csoc-owl-item .product .product-miniature .thumbnail-top::before, .product-accessories .pm-csoc-owl-wrapper .pm-csoc-owl-item .product .product-miniature .thumbnail-top::after {
  content: none;
  display: none;
}

.product-line-actions .qty {
  width: 65px;
  padding: 0;
}
.product-line-actions .price {
  width: calc(100% - 65px);
}

@media (min-width: 992px) {
  .page-cart .cart-grid {
    padding-right: 75px;
  }
}

.product-customization {
  background-color: var(--color-4);
}
.product-customization .card {
  background: unset;
  padding: 15px;
}
.product-customization form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.product-customization form ul .product-customization-item {
  margin: 0;
}
.product-customization form ul .product-customization-item:nth-of-type(1), .product-customization form ul .product-customization-item:nth-of-type(2) {
  width: calc(50% - 5px);
  padding: 5px;
}
.product-customization form ul .product-customization-item:nth-of-type(1) label, .product-customization form ul .product-customization-item:nth-of-type(2) label {
  display: none;
}
.product-customization form ul .product-customization-item:nth-of-type(1) .custom-file .btn, .product-customization form ul .product-customization-item:nth-of-type(2) .custom-file .btn {
  position: absolute;
  width: 42px;
  font-size: 0;
  background-image: url("../img/divers/download.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% auto;
}
.product-customization form ul .product-customization-item:nth-of-type(3) {
  width: 100%;
}
.product-customization form .product-message:focus {
  outline-color: var(--color-1);
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu-after-footer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .menu-after-footer {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.menu-after-footer li {
  width: 50%;
  padding: 10px 25px;
}
@media (min-width: 768px) {
  .menu-after-footer li {
    width: auto;
  }
}
.menu-after-footer a {
  position: relative;
  padding-bottom: 10px;
  color: #010000;
  text-align: center;
}
@media (max-width: 767px) {
  .menu-after-footer a {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
.menu-after-footer a::before {
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
  background-color: #010000;
}
.menu-after-footer a:hover, .menu-after-footer a:focus {
  color: #010000;
}
.menu-after-footer a:hover::before, .menu-after-footer a:focus::before {
  width: 100%;
}
.menu-footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-footer li {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.menu-footer li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  border-top: solid 1px #010000;
  border-left: solid 1px #010000;
  border-right: solid 1px #010000;
  color: #010000;
}
.menu-footer li a:hover {
  color: #010000;
}
.menu-footer li:last-of-type a {
  border-bottom: solid 1px #010000;
}
.menu-footer a {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu-footer .link-front {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 15px;
}
.menu-footer .link-page {
  text-transform: uppercase;
  position: relative;
  padding-left: 95px;
  -webkit-transition: padding-left 0.4s;
  transition: padding-left 0.4s;
}
.menu-footer .link-page::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-top: solid 2px #010000;
  border-right: solid 2px #010000;
  position: absolute;
  left: 75px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotateZ(45deg);
          transform: translateY(-50%) rotateZ(45deg);
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.menu-footer .link-page:hover, .menu-footer .link-page:focus {
  padding-left: 100px;
}
.menu-footer .link-page:hover::before, .menu-footer .link-page:focus::before {
  left: 80px;
}
.menu-footer .link-picto {
  padding-left: 95px;
  position: relative;
  -webkit-transition: padding-left 0.4s;
  transition: padding-left 0.4s;
}
.menu-footer .link-picto::before {
  content: "";
  display: block;
  height: 100%;
  width: 75px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #010000;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.menu-footer .link-picto::after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  left: 75px;
  top: 0;
  background-color: #010000;
}
.menu-footer .link-picto.link-phone, .menu-footer .link-picto.link-contact {
  background-color: var(--color-1);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.menu-footer .link-picto.link-map::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--map");
          mask-image: url("../sprite/view/sprite.svg#divers--map");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.menu-footer .link-picto.link-phone::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--phone");
          mask-image: url("../sprite/view/sprite.svg#divers--phone");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.menu-footer .link-picto.link-contact::before {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--mail");
          mask-image: url("../sprite/view/sprite.svg#divers--mail");
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
}
.menu-footer .link-picto:hover, .menu-footer .link-picto:focus {
  padding-left: 100px;
}
.menu-footer .link-picto:hover::before, .menu-footer .link-picto:focus::before {
  left: 5px;
}
.menu-social {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.menu-social li {
  padding: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0;
}
.menu-social li.facebook-link a {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--facebook");
          mask-image: url("../sprite/view/sprite.svg#divers--facebook");
}
.menu-social li.instagram-link a {
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--instagram");
          mask-image: url("../sprite/view/sprite.svg#divers--instagram");
}
.menu-social a {
  display: block;
  height: 38px;
  width: 38px;
  text-indent: -99999px;
  background-color: #010000;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.menu-social a:hover, .menu-social a:focus {
  background-color: var(--color-1);
}
.menu-hp-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .menu-hp-categories {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "A A B C" "A A D E";
  }
}
.menu-hp-categories a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #2C3C3D;
}
.menu-hp-categories a picture,
.menu-hp-categories a img {
  display: block;
  width: 100%;
  height: 100%;
}
.menu-hp-categories a img {
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
.menu-hp-categories a .ndm-title {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 15px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 20px;
  z-index: 1;
}
@media (min-width: 768px) {
  .menu-hp-categories a .ndm-title {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .menu-hp-categories a .ndm-title {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .menu-hp-categories a .ndm-title {
    font-size: 26px;
  }
}
@media (min-width: 1470px) {
  .menu-hp-categories a .ndm-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .menu-hp-categories a:hover img, .menu-hp-categories a:focus img {
    opacity: 0.3;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.menu-hp-categories .vignette:nth-of-type(1) {
  width: 100%;
  aspect-ratio: 375/145;
  border-bottom: solid 2px #FFFFFF;
  position: relative;
}
.menu-hp-categories .vignette:nth-of-type(1)::before {
  content: "";
  display: block;
  height: 30px;
  width: 77px;
  position: absolute;
  border: solid 5px #FFFFFF;
  background-color: #FFFFFF;
  right: 10px;
  bottom: 10px;
  background-image: url("../img/divers/made-in-france.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (min-width: 992px) {
  .menu-hp-categories .vignette:nth-of-type(1)::before {
    height: 47px;
    width: 132px;
  }
}
@media (min-width: 992px) {
  .menu-hp-categories .vignette:nth-of-type(1) {
    grid-area: A;
    width: 100%;
    max-height: 600px;
    aspect-ratio: auto;
    border-bottom: 0;
    border-right: solid 2px #FFFFFF;
  }
}
.menu-hp-categories .vignette:nth-of-type(2) {
  width: 50%;
  aspect-ratio: 375/290;
  border-top: solid 2px #FFFFFF;
  border-bottom: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
}
@media (min-width: 992px) {
  .menu-hp-categories .vignette:nth-of-type(2) {
    grid-area: B;
    width: 100%;
    max-height: 300px;
    aspect-ratio: auto;
    border-top: 0;
    border-left: solid 2px #FFFFFF;
  }
}
.menu-hp-categories .vignette:nth-of-type(3) {
  width: 50%;
  aspect-ratio: 375/290;
  border-top: solid 2px #FFFFFF;
  border-bottom: solid 2px #FFFFFF;
  border-left: solid 2px #FFFFFF;
}
@media (min-width: 992px) {
  .menu-hp-categories .vignette:nth-of-type(3) {
    grid-area: C;
    width: 100%;
    max-height: 300px;
    aspect-ratio: auto;
    border-top: 0;
  }
}
.menu-hp-categories .vignette:nth-of-type(4) {
  width: 50%;
  aspect-ratio: 375/290;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
}
@media (min-width: 992px) {
  .menu-hp-categories .vignette:nth-of-type(4) {
    grid-area: D;
    width: 100%;
    max-height: 300px;
    aspect-ratio: auto;
    border-left: solid 2px #FFFFFF;
  }
}
.menu-hp-categories .vignette:nth-of-type(5) {
  width: 50%;
  aspect-ratio: 375/290;
  border-top: solid 2px #FFFFFF;
  border-left: solid 2px #FFFFFF;
}
@media (min-width: 992px) {
  .menu-hp-categories .vignette:nth-of-type(5) {
    grid-area: E;
    width: 100%;
    max-height: 300px;
    aspect-ratio: auto;
  }
}
.menu-hp-categories .vignette:nth-of-type(5) img {
  opacity: 1;
}
.menu-hp-decorations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.menu-hp-decorations .vignette {
  width: 50%;
  border: solid 4px #FFFFFF;
}
.menu-hp-decorations .vignette:nth-of-type(1) {
  border-top: 0;
  border-left: 0;
}
.menu-hp-decorations .vignette:nth-of-type(2) {
  border-top: 0;
  border-right: 0;
}
.menu-hp-decorations .vignette:nth-of-type(3) {
  border-bottom: 0;
  border-left: 0;
}
.menu-hp-decorations .vignette:nth-of-type(4) {
  border-bottom: 0;
  border-right: 0;
}
.menu-hp-decorations a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #2C3C3D;
}
.menu-hp-decorations a picture,
.menu-hp-decorations a img {
  display: block;
  width: 100%;
  height: 100%;
}
.menu-hp-decorations a img {
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
.menu-hp-decorations a .ndm-title {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 15px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 20px;
  z-index: 1;
}
@media (min-width: 768px) {
  .menu-hp-decorations a .ndm-title {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .menu-hp-decorations a .ndm-title {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .menu-hp-decorations a .ndm-title {
    font-size: 26px;
  }
}
@media (min-width: 1470px) {
  .menu-hp-decorations a .ndm-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .menu-hp-decorations a:hover img, .menu-hp-decorations a:focus img {
    opacity: 0.3;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}

.top-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  .top-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100%;
  }
}
.top-menu .sub-menu {
  width: 100%;
  min-width: 100%;
  margin-left: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 1;
}
@media (min-width: 992px) {
  .top-menu .sub-menu {
    border-right: solid 1px #010000;
    border-bottom: solid 1px #010000;
    border-left: solid 1px #010000;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: opacity 0.4s 0.4s, visibility 0.4s 0.4s, -webkit-transform 0.4s 0s;
    transition: opacity 0.4s 0.4s, visibility 0.4s 0.4s, -webkit-transform 0.4s 0s;
    transition: transform 0.4s 0s, opacity 0.4s 0.4s, visibility 0.4s 0.4s;
    transition: transform 0.4s 0s, opacity 0.4s 0.4s, visibility 0.4s 0.4s, -webkit-transform 0.4s 0s;
  }
}
@media (max-width: 991px) {
  .top-menu .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 991px) {
  .top-menu .sub-menu.collapse {
    opacity: 1;
    visibility: visible;
  }
}
.top-menu a.dropdown-submenu {
  text-transform: none;
  font-weight: 400;
}

.sitemap ul {
  margin-top: 10px;
  margin-left: 0;
}
.sitemap ul li {
  margin-bottom: 5px;
}
.sitemap ul.nested {
  margin-left: 10px;
}

#wrapper .breadcrumb {
  margin-bottom: 0;
}
#wrapper .breadcrumb li::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 8px;
  width: 8px;
  border-top: solid 2px var(--color-1);
  border-right: solid 2px var(--color-1);
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
#wrapper .breadcrumb li a {
  color: var(--color-1);
}
#wrapper .breadcrumb li:last-child {
  color: #FFFFFF;
}
#wrapper .breadcrumb li:last-child::after {
  content: none;
  display: block;
}

.form.form-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
@media (max-width: 991px) {
  .form.form-filters {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
}
.form.form-filters .form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 350px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .form.form-filters .form-field:not(:first-of-type) {
    margin-left: 10px;
  }
}
.form.form-filters .form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  width: 100%;
  margin-top: 10px;
}
.form.form-filters .form-footer #filteringResult {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-1);
}
.form.form-filters .form-footer #filteringBtnReset {
  background: unset;
  border: 0;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.form.form-filters .open-help {
  margin-left: 10px;
}
@media (min-width: 992px) {
  .form.form-filters {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.form.form-filters .form-element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form.form-filters .custom-select {
  position: relative;
  padding: 0;
  border: 0;
  background: transparent;
}
@media (max-width: 991px) {
  .form.form-filters .custom-select {
    width: calc(100% - 42px);
  }
}
.form.form-filters .control-label {
  position: relative;
  background-color: var(--color-4);
  color: #000000;
  padding: 8px 35px 8px 15px;
  border: 1px solid transparent;
  cursor: pointer;
  border-color: var(--color-4);
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .form.form-filters .control-label {
    width: 100%;
  }
}
.form.form-filters .control-label .value {
  text-transform: none;
  font-weight: normal;
}
.form.form-filters .control-label.select-arrow-active {
  border-color: var(--color-2);
  background-color: var(--color-2);
}
.form.form-filters .form-submit {
  height: 40px;
}
.form.form-filters .fake-btn {
  margin-left: auto;
  margin-right: auto;
}
.form.form-filters .fake-btn:hover::before, .form.form-filters .fake-btn:hover::after, .form.form-filters .fake-btn:focus::before, .form.form-filters .fake-btn:focus::after {
  border-width: 40px 225px;
}

.form-submit {
  display: block;
  height: 45px;
  min-width: 55px;
  padding: 3px;
  border: 0 !important;
  background-color: var(--color-1);
  color: #010000;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  font-family: "Jura", Arial, serif;
  -webkit-transition: color 0.4s, background-color 0.4s;
  transition: color 0.4s, background-color 0.4s;
  outline: none;
  border-radius: 0;
  cursor: pointer;
}
.form-submit:hover, .form-submit:focus {
  background-color: #2C3C3D;
  color: #FFFFFF;
}

.open-help {
  display: block;
  height: 32px;
  width: 32px;
  position: relative;
  color: transparent;
  background-color: #bac976;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  border-radius: 16px;
  cursor: pointer;
}
.open-help::before {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 4px;
  top: 4px;
  background-color: #000000;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("../sprite/view/sprite.svg#divers--question");
          mask-image: url("../sprite/view/sprite.svg#divers--question");
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.open-help:hover {
  background-color: #2C3C3D;
}
.open-help:hover::before {
  background-color: #FFFFFF;
}

.help-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.help-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--color-4);
  opacity: 0.9;
}

.custom-radio input[type=radio]:checked + span {
  background-color: var(--color-1);
}

.custom-checkbox input[type=checkbox] + span .checkbox-checked {
  color: var(--color-1);
}

.input-group.focus {
  outline: 2px solid var(--color-1);
}

.form-control:focus {
  outline: 2px solid var(--color-1);
  border-color: var(--color-1);
}

.form-control-label + div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

body#checkout .modal-content {
  color: #FFFFFF;
  background-color: #2C3C3D;
  padding: 75px 15px 15px;
}
@media (min-width: 992px) {
  body#checkout .modal-content {
    padding: 135px 45px 45px;
  }
}
body#checkout .modal-content * {
  color: #FFFFFF;
}

.login-form label {
  width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .login-form label {
    width: auto;
  }
}

.forgotten-password .form-fields .center-email-fields button {
  width: calc(100% - 20px);
  height: auto;
}
@media (min-width: 992px) {
  .forgotten-password .form-fields .center-email-fields button {
    width: 350px;
  }
}
.forgotten-password .form-fields .center-email-fields button:hover::before, .forgotten-password .form-fields .center-email-fields button:hover::after, .forgotten-password .form-fields .center-email-fields button:focus::before, .forgotten-password .form-fields .center-email-fields button:focus::after {
  border-width: 50px 400px;
}
.forgotten-password .form-fields .email input {
  height: 50px;
}

.form-control-select,
select.form-control:not([size]):not([multiple]) {
  height: 45px;
}

.form-control-select select {
  background: var(--color-4);
  text-transform: uppercase;
  font-weight: 700;
  height: 45px;
  padding: 10px 15px;
  border: 0;
}
.form-control-select option:hover {
  background-color: var(--color-1);
}

.variation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.variation-wrapper .custom-input {
  padding: 3px 22px;
  border: solid 1px;
  color: #000000;
  margin-right: 4px;
  margin-bottom: 4px;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.variation-wrapper .custom-input.custom-input-out:not(.custom-selected) {
  color: #F1F1F1;
  border-color: #F1F1F1;
  overflow: hidden;
  position: relative;
  cursor: not-allowed;
}
.variation-wrapper .custom-input.custom-input-out:not(.custom-selected)::before {
  content: "";
  height: 1px;
  top: 50%;
  left: -20px;
  right: -20px;
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
  position: absolute;
  background: #F1F1F1;
  z-index: 9;
}
.variation-wrapper .custom-input.custom-input-out:not(.custom-selected):hover {
  background-color: transparent;
}
.variation-wrapper .custom-input.custom-selected {
  border-color: var(--color-1);
  background-color: var(--color-1);
  color: #FFFFFF;
}
.variation-wrapper .custom-input:hover {
  background-color: var(--color-1);
}
.variation-wrapper.custom-select {
  padding: 0;
}

.custom-select {
  position: relative;
  border: none;
  background: transparent;
  height: auto;
}
.custom-select select {
  display: none;
}

.select-selected {
  background-color: var(--color-2);
  padding-right: 20px;
}
.select-selected::before, .select-selected::after {
  content: "";
  display: block;
  position: absolute;
}
.select-selected::before {
  inset: 0 0 0 auto;
  width: 22px;
  background-color: #bac976;
}
.select-selected::after {
  inset: 10px 6px auto auto;
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  border-color: transparent #000000 #000000 transparent;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.select-items div,
.select-selected {
  color: #000000;
  padding: 8px 10px 8px 10px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.select-selected {
  padding: 8px 25px 8px 15px;
}

.select-items {
  max-height: 240px;
  overflow: auto;
  position: absolute;
  background-color: var(--color-2);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-items::-webkit-scrollbar-track {
  background: var(--color-2);
}
.select-items::-webkit-scrollbar-thumb {
  background: #000000;
  border-color: var(--color-2);
}
.select-items::-webkit-scrollbar-thumb:hover {
  background: #1a1a1a;
}

.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

body .container {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 576px) {
  body .container {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  body .container {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 992px) {
  body .container {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  body .container {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1470px) {
  body .container {
    max-width: 1440px;
  }
}

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

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.container,
.container-xs,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 576px) {
  .container-xs {
    max-width: 546px;
  }
}

@media (min-width: 768px) {
  .container-sm {
    max-width: 738px;
  }
}

@media (min-width: 768px) {
  .container-md {
    max-width: 962px;
  }
}

@media (min-width: 768px) {
  .container-lg {
    max-width: 1170px;
  }
}

@media (min-width: 768px) {
  .container-xl {
    max-width: 1440px;
  }
}

.d-none {
  display: none;
}

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

.hidden {
  display: none;
}

@media (min-width: 576px) {
  .d-xs-block {
    display: block;
  }
}

@media (min-width: 768px) {
  .d-sm-block {
    display: block;
  }
}

@media (min-width: 992px) {
  .d-md-block {
    display: block;
  }
}

@media (min-width: 1200px) {
  .d-lg-block {
    display: block;
  }
}

@media (min-width: 1470px) {
  .d-xl-block {
    display: block;
  }
}

.youtube_player {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_player iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

html body #tarteaucitronRoot div#tarteaucitronAlertBig {
  border-radius: 0;
  background: var(--color-4);
  padding: 0;
  max-width: 380px;
  width: 100%;
  max-height: 80vh;
  overflow: auto;
  border: 0 none;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  color: #6B6B6B;
}
@media (min-width: 992px) {
  html body #tarteaucitronRoot div#tarteaucitronAlertBig {
    -webkit-transform: none;
            transform: none;
    left: 30px;
    top: auto;
    bottom: 30px;
  }
}
html body #tarteaucitronRoot div#tarteaucitronAlertBig::before {
  display: none !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: var(--color-4);
}
html body #tarteaucitronRoot .tarteaucitronH2 {
  color: #010000;
}
html body #tarteaucitronRoot .tarteaucitronH1 {
  color: #2C3C3D;
  font-size: 2em;
  font-weight: 700;
  margin: 15px 0;
}
html body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
html body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background: #2C3C3D;
}
html body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle:hover,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button:hover,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo:hover,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDetails:hover,
html body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie:hover,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel:hover {
  outline: none;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder,
html body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
html body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
html body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  border: 0 none !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
  background: 0 none;
  color: #010000;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
html body #tarteaucitronRoot .tac_activate .tarteaucitronAllow {
  border-radius: 0;
  background: var(--color-1);
  min-width: 110px;
  min-height: 24px;
  color: #010000;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
  background-color: var(--color-1);
}
html body #tarteaucitronRoot #tarteaucitronClosePanel {
  width: 100%;
  text-align: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7px 8px;
}
html body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  padding: 15px 20px;
  color: #010000;
}
@media (min-width: 992px) {
  html body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    padding-right: 40px;
  }
}
html body #tarteaucitronRoot #tarteaucitronAlertBig strong,
html body #tarteaucitronRoot #tarteaucitronAlertSmall strong,
html body #tarteaucitronRoot #tarteaucitronAlertBig a,
html body #tarteaucitronRoot #tarteaucitronAlertSmall a {
  color: var(--color-1);
  font-weight: 700;
}
html body #tarteaucitronRoot * {
  font-family: "Source Sans 3", Arial, sans-serif !important;
  color: #010000;
}
html body #tarteaucitronRoot p {
  margin-bottom: 5px;
}
html body #tarteaucitronRoot p:last-child {
  margin: 0;
}
html body #tarteaucitronRoot .cookie-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 5px;
  padding: 15px 0;
}
html body #tarteaucitronRoot .cookie-header .cookie-logo {
  font-size: 0;
  width: 130px;
  height: 105px;
  background-image: url("../img/divers/cookies.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
html body #tarteaucitronRoot .cookie-header .cookie-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.5;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: -5px;
  font-family: "Jura", Arial, serif;
}
html body #tarteaucitronRoot .cookie-header .cookie-title big {
  font-size: 52px;
  font-weight: 600;
  font-family: "Source Sans 3", Arial, sans-serif;
  line-height: 1;
  margin-bottom: -5px;
}
html body #tarteaucitronRoot .cookie-header small {
  font-size: 18px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot .tarteaucitronCTAButton,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
  display: block !important;
  margin: 0 !important;
  padding: 12px !important;
  float: right;
  width: 33.333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: solid 1px #FFFFFF;
}
@media (min-width: 992px) {
  html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot .tarteaucitronCTAButton,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    padding: 12px 8px !important;
  }
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot .tarteaucitronCTAButton,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog,
html body #tarteaucitronRoot #tarteaucitronRoot .tarteaucitronDeny,
html body #tarteaucitronRoot #tarteaucitronRoot .tarteaucitronAllow {
  color: #010000;
}
html body #tarteaucitronRoot #tarteaucitronRoot .tarteaucitronDeny,
html body #tarteaucitronRoot #tarteaucitronRoot .tarteaucitronAllow {
  background: #2C3555 !important;
}
html body #tarteaucitronRoot .tarteaucitronCheck {
  display: none;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 span,
html body #tarteaucitronRoot .tarteaucitronCTAButton span,
html body #tarteaucitronRoot .tarteaucitronAllow span {
  margin-right: 4px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot .tarteaucitronCTAButton {
  background: var(--color-2);
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2.tarteaucitronAllow,
html body #tarteaucitronRoot .tarteaucitronCTAButton.tarteaucitronAllow {
  background: var(--color-1);
  border-right: 0;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  opacity: 1 !important;
  background: var(--color-2);
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny.tarteaucitronIsSelected, html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny[aria-pressed=true] {
  background: var(--color-3);
}
html body #tarteaucitronRoot #tarteaucitronBack {
  opacity: 1;
  backdrop-filter: blur(3px);
  background: rgba(255, 255, 255, 0.6);
}
html body #tarteaucitronRoot div#tarteaucitronServices {
  background: #FFFFFF;
  margin-top: 31px !important;
}
html body #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before {
  display: none;
}
html body #tarteaucitronRoot #tarteaucitronCloseAlert {
  background: var(--color-2);
}

body#cart .card-block {
  background: #FFFFFF;
}