:root {
  --dim-grey-2: #585858;
  --pentablue: #232e5b;
  --grey: #8d8d8d;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.html-embed {
  border: 2px #000;
  border-top-right-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.button {
  margin-top: 1200px;
  margin-left: 10px;
  position: fixed;
}

.button.orange_selector {
  -webkit-text-fill-color: inherit;
  background-color: #c9713f;
  background-clip: border-box;
  width: 50px;
  height: 50px;
  margin-top: 247px;
  position: fixed;
}

.button-2 {
  margin-top: 1200px;
  margin-left: 109px;
  position: fixed;
}

.button-3 {
  z-index: 2;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
  overflow-wrap: normal;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ea580c;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 185px;
  height: 33px;
  margin-left: 7px;
  margin-right: 7px;
  padding: 4px 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  text-decoration: none;
  display: flex;
  position: static;
  top: 72px;
}

.button-4 {
  z-index: 2;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  letter-spacing: 0;
  text-transform: capitalize;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(216deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .15)), url('../images/IconeBarbe.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 100% 100%;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  width: 64px;
  height: 64px;
  margin-left: 10px;
  padding: 4px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  position: static;
}

.button-5 {
  width: 88px;
  height: 45px;
  margin-top: 126px;
  margin-left: 10px;
  line-height: 15px;
  position: fixed;
}

.div-block {
  background-color: #252525;
  width: 50px;
  height: 50px;
  margin-top: 72px;
  margin-left: 0;
}

.div-block-2 {
  margin-top: 72px;
}

.matselector {
  background-color: #e07a47;
  width: 50px;
  height: 50px;
  margin-top: 232px;
  margin-left: 10px;
  position: absolute;
}

.matselector.orange-button {
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/OrangeMat.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  background-clip: border-box;
  border: 3px #000;
  flex-wrap: wrap;
  justify-content: center;
  width: 45px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.matselector.black-button {
  float: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/BlackMat.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 3px #000;
  width: 45px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}

.matselector.blue-button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/RedMat.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 3px #000;
  width: 45px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}

.matselector.green-button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/GreenMat.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 5px #fff;
  border-radius: 25px;
  width: 45px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}

.matselector.green-button:hover {
  border-style: none;
}

.matselector.yellow-button {
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/YellowMat.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-clip: border-box;
  border: 3px #000;
  width: 45px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}

.matselector.white-button {
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/WhiteMat.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-clip: border-box;
  border: 3px #000;
  width: 45px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}

.dropdown {
  margin-top: 159px;
}

.dropdown-wrapper {
  color: #7f93a5;
  width: 300px;
  height: 120px;
  margin-top: 30px;
  margin-left: 15px;
  padding-right: 0;
  position: absolute;
}

.dropdown-trigger {
  cursor: pointer;
  background-color: #7f93a5;
  padding: 7px;
}

.text-block {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  text-decoration: none;
}

.div-block-3 {
  position: absolute;
}

.dropdown-content {
  background-color: #54616b;
  width: 100%;
  height: 87px;
  margin-top: -2px;
  line-height: 27px;
  overflow: hidden;
}

.dropdown-button {
  color: #fff;
  text-align: left;
  text-indent: 2px;
  white-space: normal;
  cursor: pointer;
  padding: 13px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 15px;
  text-decoration: none;
}

.dropdown-button._1 {
  width: 100%;
  height: auto;
  padding: 7px;
  font-size: 16px;
  line-height: 14px;
  transition: background-color .2s;
}

.dropdown-button._1:hover {
  opacity: .8;
  color: #fff;
  background-color: #383d41;
}

.dropdown-button._2 {
  width: 100%;
  height: auto;
  padding: 7px;
  font-size: 16px;
  line-height: 14px;
  transition: background-color .2s;
}

.dropdown-button._2:hover {
  opacity: .8;
  background-color: #383d41;
}

.body {
  background-color: #525252;
}

.div-block-4 {
  color: #fff;
  background-color: #54616b;
  margin-left: 200px;
  padding: 13px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 8px;
  position: fixed;
  overflow: visible;
}

.div-block-5 {
  width: 350px;
  margin-top: 296px;
  margin-left: 15px;
  position: fixed;
}

.dropdown-wrapper3 {
  width: 300px;
  margin-top: 334px;
  margin-left: 15px;
  position: absolute;
}

.dropdown-trigger3 {
  cursor: pointer;
  background-color: #7f93a5;
}

.text-block-3 {
  color: #fff;
  padding: 7px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
}

.dropdown-content3 {
  background-color: #54616b;
  width: 100%;
  line-height: 30px;
  position: absolute;
  overflow: hidden;
}

.dropdown-button3 {
  color: #fff;
  cursor: pointer;
  width: 100%;
  padding: 13px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
  transition: background-color .2s;
}

.dropdown-button3:hover {
  opacity: .8;
  background-color: #383d41;
}

.dropdown-wrapper2 {
  width: 300px;
  margin-top: 208px;
  margin-left: 15px;
  position: absolute;
}

.dropdown-trigger2 {
  cursor: pointer;
  background-color: #7f93a5;
  padding: 7px;
}

.text-block-4 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
}

.dropdown-content2 {
  background-color: #54616b;
  width: 100%;
  height: 90px;
  position: absolute;
  overflow: hidden;
}

.dropdown-button2 {
  height: 50%;
  padding: 13px;
  font-size: 16px;
  line-height: 10px;
  text-decoration: none;
  transition: background-color .2s;
  display: block;
}

.dropdown-button2:hover {
  opacity: .8;
  background-color: #383d41;
}

.text-block-5 {
  color: #fff;
  letter-spacing: normal;
  column-count: auto;
  white-space: normal;
  padding: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 14px;
  text-decoration: none;
}

.div-block-6 {
  color: #fff;
  cursor: pointer;
  background-color: #54616b;
  width: 300px;
  height: 45px;
  margin-top: 153px;
  margin-left: 15px;
  padding: 14px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 15px;
  transition: background-color .2s;
  position: absolute;
}

.div-block-6:hover {
  opacity: 1;
  background-color: #383d41;
  transform: translate(5px);
}

.dropdown-toggle {
  object-fit: fill;
  background-color: #b96a6a;
  overflow: visible;
}

.dropdown-toggle.w--open {
  background-color: #d89292;
  margin-top: 0;
  margin-left: 0;
  position: static;
}

.dropdown-2 {
  top: 611px;
  left: 1650px;
}

.div-block-7 {
  cursor: pointer;
  object-fit: fill;
  background-color: #797979;
  align-items: flex-start;
  width: 157px;
  height: 28px;
  margin-top: 27px;
  margin-left: 300px;
  padding: 6px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.text-block-6 {
  color: #fff;
  width: 150px;
  margin-left: 0;
  padding: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
  display: block;
  overflow: hidden;
}

.div-block-8 {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  width: 10%;
  height: 10%;
  margin-top: 9px;
  margin-left: 192px;
  font-size: 20px;
  position: absolute;
}

.arrowicon {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-attachment: scroll;
  background-clip: border-box;
  width: 10%;
  height: 10%;
  margin-top: 17px;
  margin-left: 123px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.info_button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Icon_BulleInfo.svg');
  background-position: 50% 58%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #f26222;
  border-radius: 11px;
  width: 35px;
  height: 35px;
  margin-top: -110px;
  margin-right: 152px;
  position: absolute;
}

.div-block-9 {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f26222;
  border-radius: 11px;
  width: 130px;
  height: 35px;
  margin-top: -1px;
  font-family: Bai Jamjuree, sans-serif;
  display: block;
  position: fixed;
  overflow: hidden;
}

.text-block-7 {
  color: #fff;
  text-align: left;
  border: 1px #f26222;
  width: 130px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 3px;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 12.5px;
  position: static;
  overflow: hidden;
}

.div-block-10 {
  object-fit: fill;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  margin-left: -5px;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.form-block {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .15));
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 4px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.form-block.persotexte {
  width: 250px;
  height: 103px;
  margin-top: 305px;
  margin-left: 478px;
}

.form {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #fff;
  width: 80%;
  height: 100%;
  overflow: hidden;
}

.field-label {
  color: #fff;
  text-align: center;
  background-color: rgba(35, 46, 91, 0);
  border-radius: 0;
  padding: 6px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  overflow: hidden;
}

.field-label.persotexte {
  background-color: var(--dim-grey-2);
  font-size: 12px;
}

.text-field {
  clear: none;
  color: #1f1f1f;
  text-align: center;
  height: 20px;
  margin-top: 59px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}

.textarea {
  text-align: center;
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  margin-top: -5px;
  padding: 6px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 30px;
}

.formok {
  z-index: 2;
  color: #fdfdfd;
  text-align: center;
  cursor: pointer;
  background-color: #232e5b;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 17%;
  height: 32%;
  margin-top: 0;
  margin-left: 0;
  padding: 15px 13px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 24%;
  bottom: auto;
  left: auto;
  right: 1.75%;
}

.formok.reset {
  cursor: pointer;
  margin-top: 0;
  margin-left: 0;
  padding: 5px 15px;
  position: absolute;
  left: 0;
}

.formok.applytexte-button {
  background-color: var(--dim-grey-2);
  width: 75px;
  height: 30px;
  margin-top: 500px;
  margin-left: 478px;
  padding: 7px 2px 2px;
  font-size: 12px;
  line-height: 12px;
  display: block;
}

.formok.resettexte-button {
  background-color: var(--dim-grey-2);
  cursor: pointer;
  width: 75px;
  height: 30px;
  margin-top: 500px;
  margin-left: 560px;
  padding: 7px 2px 2px;
  font-size: 12px;
  line-height: 12px;
  display: block;
  position: absolute;
}

.input1 {
  text-align: center;
  background-color: rgba(255, 255, 255, .07);
  border: 1px solid rgba(0, 0, 0, 0);
  height: auto;
  margin-top: -9px;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Satoshi, sans-serif;
  font-weight: 500;
  line-height: 14px;
}

.input1::placeholder {
  color: #efefef;
}

.input1.nomprenom-field {
  height: 37px;
  font-size: 13px;
}

.input2 {
  text-align: center;
  background-color: rgba(255, 255, 255, .07);
  border: 1px solid rgba(0, 0, 0, 0);
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Satoshi, sans-serif;
  font-weight: 500;
  line-height: 14px;
  overflow: visible;
}

.input2::placeholder {
  color: #efefef;
}

.input2.fonction-field {
  height: 37px;
  margin-top: -9px;
  font-size: 13px;
}

.uploadpicture_button {
  -webkit-text-fill-color: inherit;
  cursor: auto;
  background-image: url('../images/Icon_LogoDecal_Marks2.jpg');
  background-position: 50% 47%;
  background-repeat: no-repeat;
  background-size: 80px;
  background-clip: border-box;
  border: 0 #3e3e3e;
  border-radius: 12px;
  width: 77px;
  height: 77px;
  margin-left: 10px;
  position: static;
  top: 195px;
}

.div-block-12 {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-left: -5px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.div-block-13 {
  background-color: var(--pentablue);
  border-radius: 6px;
  align-self: auto;
  width: 170px;
  height: 64px;
  padding: 3px 2px 2px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-8 {
  color: #fff;
  text-align: left;
  width: 140px;
  margin-top: -2px;
  margin-left: 11px;
  padding: 0 0 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 12px;
  display: block;
  overflow: hidden;
}

.colorpalette_button {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  cursor: pointer;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(216deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .15)), url('../images/IconePlastronColorsBIS2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 7px;
  width: 64px;
  height: 64px;
  margin-top: 2px;
  margin-left: 276px;
  position: absolute;
  overflow: visible;
}

.colorpalette_content {
  opacity: 1;
  object-fit: fill;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  width: 330px;
  min-width: 0;
  height: 64px;
  display: none;
  position: absolute;
  left: -59px;
  overflow: hidden;
}

.color_container {
  background-color: #6d6d6d;
  border-radius: 30px;
  flex-flow: wrap;
  flex: 0 auto;
  order: 0;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  width: 330px;
  height: 64px;
  padding-left: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.colorpalette_wrapper {
  justify-content: flex-end;
  width: 340px;
  height: auto;
  display: none;
  position: absolute;
  top: 53px;
}

.screenshot_button {
  z-index: 2;
  cursor: pointer;
  background-image: url('../images/Icon_download.svg');
  background-position: 50% 47%;
  background-repeat: no-repeat;
  background-size: 68%;
  border: 1px solid #f26222;
  border-radius: 11px;
  width: 35px;
  height: 35px;
  margin-top: -110px;
  margin-right: 58px;
  display: block;
  position: absolute;
}

.div-block-14 {
  background-color: #cfcfcf;
  width: 64px;
  height: 64px;
  margin-top: 529px;
  margin-left: 1808px;
  position: fixed;
}

.text-block-9, .text-block-10, .text-block-11 {
  font-size: 16px;
  line-height: 14px;
}

.div-block-15 {
  background-color: #fff;
  width: 400px;
  height: 150px;
  margin-top: 143px;
  position: fixed;
}

.decal_logo_reset_button {
  color: #fff;
  text-align: center;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Iconcross.png');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-top: 1px solid #f26222;
  border-bottom: 1px solid #f26222;
  border-right: 1px solid #f26222;
  border-radius: 0 20px 20px 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-top: -1px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  display: none;
  position: static;
  top: 264px;
}

.decal_logo_reset_button:hover {
  transform: scale(1.012);
}

.right-panel {
  border: 0 solid #34ff7b;
  flex-flow: wrap;
  align-content: center;
  justify-content: flex-end;
  align-items: stretch;
  width: 0;
  height: 558px;
  padding-right: 10px;
  display: flex;
  position: relative;
  top: 16%;
}

.right-panel-position {
  width: 0;
  height: 50%;
  margin-top: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.left-panel {
  border: 0 solid #ff7b7b;
  align-items: center;
  width: 0;
  min-height: 100vh;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.left-panel-position {
  width: 315px;
  height: 50%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.fullscreen-button {
  opacity: 1;
  cursor: pointer;
  mix-blend-mode: screen;
  background-image: url('../images/fullscreencustom_icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 1px solid #ea580c;
  border-radius: 11px;
  width: 35px;
  height: 35px;
  margin-top: -110px;
  margin-right: 12px;
  position: absolute;
  overflow: visible;
}

.div-block-16 {
  position: absolute;
}

.leftwrapper {
  background-color: rgba(0, 0, 0, 0);
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 275px;
  height: 275px;
  margin-left: 478px;
  display: none;
  position: absolute;
}

.panel-leftwrapper {
  background-color: #585858;
  border: 3px #fff;
  flex: auto;
  order: 0;
  align-self: stretch;
  margin-top: 4px;
  margin-bottom: 4px;
  transition: all .4s;
  position: relative;
}

.panel-leftwrapper:hover {
  flex: auto;
  display: block;
}

.panel-leftwrapper:active {
  flex: 2 auto;
}

.div-block-17 {
  background-color: #e4e4e4;
  border-radius: 0 0 15px;
  width: 100px;
  height: 25px;
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 4px;
  font-family: Poppins, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  position: relative;
}

.div-block-17.bubbleversionheader {
  background-color: var(--grey);
  color: #fff;
  width: 117px;
  font-size: 12px;
  position: absolute;
}

.div-block-17.modulelampeheader {
  background-color: var(--grey);
  color: #fff;
  padding-left: 3px;
  font-size: 12px;
  position: absolute;
}

.div-block-17.optionsheader {
  background-color: var(--grey);
  color: #fff;
  width: 65px;
  font-size: 12px;
  position: absolute;
}

.form-block-texteperso {
  background-color: #54616b;
  width: 300px;
  height: 131px;
  margin-top: 491px;
  margin-bottom: 0;
  margin-left: 15px;
  position: absolute;
}

.form-block-texteperso.persotexte {
  width: 275px;
  height: 103px;
  margin-top: 391px;
  margin-left: 478px;
  display: block;
}

.menu-leftwrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.menu-item-leftwrapper {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 13px;
  display: flex;
  overflow: hidden;
}

.button-6 {
  cursor: pointer;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 17px 9px 0;
  padding: 12px;
  font-family: Poppins, sans-serif;
  display: flex;
  overflow: visible;
}

.testwrap {
  color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 270px;
  height: 415px;
  min-height: 415px;
  max-height: 850px;
  transition: all .25s;
  display: flex;
  position: absolute;
}

.panelbubble-testwrap {
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  border: 2px #fff;
  flex-flow: column;
  flex: 1;
  align-content: stretch;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  height: auto;
  margin: 3px 0;
  padding: 0;
  transition: all .42s;
  display: flex;
  position: relative;
  overflow: visible;
}

.panelbubble-testwrap.panel1 {
  border-top-style: none;
  flex: 1;
  align-self: stretch;
  margin-top: 0;
  margin-bottom: 0;
}

.panelbubble-testwrap.panel2, .panelbubble-testwrap.panel3, .panelbubble-testwrap.panel5, .panelbubble-testwrap.panel4 {
  margin-top: 0;
  margin-bottom: 0;
}

.dropdown-3 {
  background-color: #bd7171;
  margin-top: 357px;
  margin-left: 829px;
  position: absolute;
}

.div-block-18 {
  background-color: rgba(255, 255, 255, 0);
  border-top: 1px solid #ea580c;
  border-radius: 0;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.div-block-19 {
  background-color: rgba(255, 255, 255, 0);
  border-top: 1px solid #ea580c;
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  align-self: auto;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.div-block-20 {
  background-color: rgba(8, 99, 168, 0);
  border-top: 1px solid #ea580c;
  border-bottom: 1px solid #ea580c;
  border-radius: 0;
  flex: 0 auto;
  justify-content: space-between;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.menu-header-wrapper {
  color: #fff;
  text-align: left;
  text-transform: none;
  background-color: #535353;
  border-bottom-right-radius: 15px;
  width: 90px;
  height: 27px;
  padding: 2px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
  text-decoration: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.menu-header-wrapper.bubble-header {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0;
  width: 100px;
  height: 18px;
  margin-top: -2px;
  margin-left: -7px;
  padding: 4px 2px 2px 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: block;
  position: static;
  top: -10%;
  left: 4%;
}

.menu-header-wrapper.bubble-header.arrow {
  opacity: 1;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Arrow_down_Orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55% 55%;
  border-bottom-right-radius: 0;
  width: 23px;
  height: 23px;
  margin-top: 4px;
  margin-left: 4px;
  padding: 0;
  transition: all .35s;
  display: block;
  position: relative;
  top: 22%;
  bottom: auto;
  left: 75px;
  right: auto;
}

.menu-header-wrapper.lampe-header-large {
  background-color: rgba(109, 109, 109, .31);
  width: 120px;
  height: 50px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.option-header {
  background-color: rgba(255, 255, 255, 0);
  width: 70px;
  height: 20px;
  margin-top: 25px;
  padding-top: 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

.menu-header-wrapper.option-header.option-casque-tag {
  text-align: center;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 65px;
  height: 28px;
  margin-left: 73px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 400;
}

.menu-header-wrapper.option-header.option-casque-tag.tag {
  display: none;
}

.menu-header-wrapper.option-header.option-nuque-tag {
  text-align: center;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 60px;
  height: 28px;
  margin-left: 140px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 400;
}

.menu-header-wrapper.option-header.option-nuque-tag.tag {
  display: none;
}

.menu-header-wrapper.option-header.option-bandes-tag {
  text-align: center;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 55px;
  height: 28px;
  margin-left: 202px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 400;
}

.menu-header-wrapper.option-header.option-bandes-tag.tag {
  display: none;
}

.menu-header-wrapper.lampe-header-medium {
  background-color: rgba(109, 109, 109, .31);
  width: 120px;
  height: 38px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.lampe-header-small {
  background-color: rgba(255, 255, 255, 0);
  width: 120px;
  height: 20px;
  margin-top: 25px;
  margin-left: 63px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: block;
  top: -10%;
  left: 4%;
}

.menu-header-wrapper.lampe-header-small_eng {
  background-color: rgba(109, 109, 109, .31);
  width: 147px;
  height: 20px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.lampe-header-small_es {
  background-color: rgba(109, 109, 109, .31);
  width: 145px;
  height: 20px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.lampe-header-medium_eng {
  background-color: rgba(109, 109, 109, .31);
  width: 147px;
  height: 38px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.lampe-header-large_eng {
  background-color: rgba(109, 109, 109, .31);
  width: 147px;
  height: 50px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.lampe-header-medium_es {
  background-color: rgba(109, 109, 109, .31);
  width: 153px;
  height: 38px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.lampe-header-large_es {
  background-color: rgba(109, 109, 109, .31);
  width: 145px;
  height: 50px;
  padding-top: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.option-header_es {
  background-color: rgba(109, 109, 109, .31);
  width: 82px;
  height: 20px;
  padding-top: 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.option-header_es.option-casque-tag {
  text-align: center;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 65px;
  height: 28px;
  margin-left: 73px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 400;
}

.menu-header-wrapper.option-header_es.option-casque-tag.tag {
  display: none;
}

.menu-header-wrapper.option-header_es.option-nuque-tag {
  text-align: center;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 60px;
  height: 28px;
  margin-left: 140px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 400;
}

.menu-header-wrapper.option-header_es.option-nuque-tag.tag {
  display: none;
}

.menu-header-wrapper.option-header_es.option-bandes-tag {
  text-align: center;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 55px;
  height: 28px;
  margin-left: 202px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 400;
}

.menu-header-wrapper.option-header_es.option-bandes-tag.tag {
  display: none;
}

.menu-header-wrapper.bubble-header_eng {
  background-color: rgba(109, 109, 109, .31);
  width: 140px;
  height: 40px;
  padding: 4px 2px 2px 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.bubble-header_eng.arrow {
  opacity: .39;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/arrowup.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55% 55%;
  border-bottom-right-radius: 0;
  width: 35px;
  height: 35px;
  margin-left: 0;
  transition: all .35s;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.menu-header-wrapper.bubble-header_es {
  background-color: rgba(109, 109, 109, .31);
  width: 140px;
  height: 40px;
  padding: 4px 2px 2px 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.menu-header-wrapper.bubble-header_es.arrow {
  opacity: .39;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/arrowup.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55% 55%;
  border-bottom-right-radius: 0;
  width: 35px;
  height: 35px;
  margin-left: 0;
  transition: all .35s;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.menu-header-wrapper.bubble-header_eng {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0;
  width: 100px;
  height: 18px;
  margin-top: -2px;
  margin-left: -7px;
  padding: 4px 2px 2px 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
  position: static;
  top: -10%;
  left: 4%;
}

.menu-header-wrapper.bubble-header_eng.arrow {
  opacity: 1;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Arrow_down_Orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55% 55%;
  border-bottom-right-radius: 0;
  width: 23px;
  height: 23px;
  margin-top: 4px;
  margin-left: 4px;
  padding: 0;
  transition: all .35s;
  position: relative;
  top: 22%;
  bottom: auto;
  left: 75px;
  right: auto;
}

.menu-header-wrapper.bubble-header_es {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0;
  width: 100px;
  height: 18px;
  margin-top: -2px;
  margin-left: -7px;
  padding: 4px 2px 2px 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
  position: static;
  top: -10%;
  left: 4%;
}

.menu-header-wrapper.bubble-header_es.arrow {
  opacity: 1;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Arrow_down_Orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55% 55%;
  border-bottom-right-radius: 0;
  width: 23px;
  height: 23px;
  margin-top: 4px;
  margin-left: 4px;
  padding: 0;
  transition: all .35s;
  display: block;
  position: relative;
  top: 22%;
  bottom: auto;
  left: 75px;
  right: auto;
}

.dropdown-texte-classe1 {
  color: #fff;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  border: 1px #ea580c;
  border-radius: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 97px;
  height: 19px;
  margin-left: -7px;
  padding-top: 2px;
  padding-bottom: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: block;
  position: static;
}

.dropdown-texte-classe2-12 {
  color: #fff;
  text-align: center;
  align-self: auto;
  width: 97px;
  height: 19px;
  margin-left: -5px;
  padding-top: 2px;
  padding-left: 0;
  padding-right: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: none;
  position: static;
  top: 17px;
  left: 1px;
}

.dropdown-texte-classe2-25 {
  color: #fff;
  align-self: auto;
  width: 97px;
  height: 19px;
  margin-left: -7px;
  margin-right: 10px;
  padding-top: 2px;
  padding-left: 0;
  padding-right: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: none;
  position: static;
  top: 17px;
  left: 1px;
}

.dropdown-texte-lampestd {
  color: #fff;
  width: 40%;
  height: 15%;
  padding: 3px 4px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  top: 15px;
  left: 1px;
}

.dropdown-texte-lampedetect {
  color: #fff;
  width: 40%;
  height: 13%;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  top: 15px;
  left: 1px;
}

.bubblebutton {
  color: #fff;
  text-align: center;
  background-color: #d43030;
  border-radius: 8px;
  order: 3;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-top: 19%;
  font-family: Poppins, sans-serif;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.bubblebutton.barbe {
  object-fit: fill;
  flex-flow: wrap;
  order: -1;
  align-content: center;
  align-items: flex-end;
  height: 25px;
  margin-top: 45%;
  font-size: 13px;
  line-height: 15px;
  display: none;
}

.bubblebutton._1 {
  flex: 0 auto;
  display: none;
}

.bubblebutton._2, .bubblebutton._3 {
  display: none;
}

.lampebutton {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #85e6a0;
  background-image: url('../images/IconeLampeSTD_Small.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  justify-content: space-around;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-top: 22%;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.lampebutton.standard {
  background-color: rgba(0, 0, 0, 0);
  background-position: 50%;
  background-size: 100%;
  display: none;
}

.lampebutton.avecdetect {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/IconeLampeDetect_Small.png');
  background-position: 50%;
  background-size: 100% 100%;
  display: none;
}

.optionbutton {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #cac560;
  border-radius: 8px;
  justify-content: space-around;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-top: 15%;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.optionbutton.casque_antibruit {
  background-color: #b7bbc2;
  background-image: url('../images/IconeEarmuff2.png');
  background-position: 50%;
  background-size: 52px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 11px;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  width: 52px;
  height: 58.5px;
  margin-top: 0;
  display: block;
}

.optionbutton.bandesreflect {
  background-color: #b7bbc2;
  background-image: url('../images/IconeBandesReflect2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 52px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 11px;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  width: 52px;
  height: 58.5px;
  margin-top: 0;
  display: block;
}

.optionbutton.protege_nuque {
  background-color: #b7bbc2;
  background-image: url('../images/IconeNeckSkirt2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 52px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 11px;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  width: 52px;
  height: 58.5px;
  margin-top: 0;
  display: block;
}

.optionbutton.sparebattery {
  background-color: #b7bbc2;
  background-image: url('../images/IconePackBatterie.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 11px;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  width: 52px;
  height: 58.5px;
  margin-top: 0;
  display: none;
}

.dropdown-4 {
  background-color: red;
  margin-top: 393px;
  margin-left: 564px;
  position: absolute;
}

.bubl {
  justify-content: flex-end;
  align-items: center;
  width: 70px;
  height: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  grid-template: "Area Area-2 Area-3" 1fr
                 "Area-4 . ." minmax(27px, 27fr)
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-self: auto;
  justify-items: start;
  width: 237px;
  margin-top: 7px;
  margin-left: 6px;
  display: grid;
}

.bubblecasque-button {
  color: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/IconeCL1_Small.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .15s;
  display: flex;
}

.bubblecasque-button.cl1 {
  background-color: #fff;
  background-image: url('../images/IconeCL1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 78px;
  border: 1px rgba(255, 255, 255, .13);
  border-radius: 13px;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  width: 73.41px;
  height: 80px;
  display: none;
}

.bubblecasque-button.cl2_12 {
  color: #fff;
  background-color: #b7bbc2;
  background-image: url('../images/IconeCL2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 78px;
  border: 1px rgba(255, 255, 255, .13);
  border-radius: 13px;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  width: 73.41px;
  height: 80px;
  display: none;
}

.bubblecasque-button.cl2_25 {
  background-color: #b7bbc2;
  background-image: url('../images/IconeCL2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 78px;
  border: 1px rgba(255, 255, 255, .13);
  border-radius: 13px;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  width: 73.41px;
  height: 80px;
  display: none;
}

.barbebutton {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: rgba(109, 109, 109, 0);
  border: .5px solid #f26222;
  border-radius: 20px;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 81px;
  height: 25px;
  margin-top: 7px;
  margin-left: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 9.5px;
  font-weight: 500;
  line-height: 10px;
  display: none;
}

.div-block-21 {
  background-color: #da7e7e;
  width: 65px;
  height: 32px;
  margin-left: -16px;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 3px;
  grid-template: "Area Area-2 Area-5"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  justify-items: start;
  margin-top: 8px;
  margin-left: 10px;
  display: grid;
}

.lampestdbutton {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-color: #b7bbc2;
  background-image: url('../images/Icon_Lampes_STD.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 74px;
  border: 1px rgba(255, 255, 255, .15);
  border-radius: 13px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  width: 73.41px;
  height: 80px;
  margin-left: -1px;
  display: none;
}

.lampedetectbutton {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  background-color: #b7bbc2;
  background-image: url('../images/Icon_Lampes_DETECT.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 76px;
  border: 1px rgba(255, 255, 255, .15);
  border-radius: 13px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  width: 73.41px;
  height: 80px;
  margin-left: -16px;
  display: none;
}

.standardtag {
  color: #fff;
  text-align: center;
  background-color: #6a6a6a;
  border-radius: 6px;
  justify-content: center;
  width: 70px;
  height: 20px;
  margin-top: -2px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: none;
}

.detecteurtag {
  color: #fff;
  text-align: center;
  background-color: #6a6a6a;
  border-radius: 5px;
  justify-content: center;
  width: 70px;
  height: 20px;
  margin-top: -2px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: none;
}

.formcontainer {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  width: 20%;
  height: 95px;
  margin-left: 50%;
  display: none;
  position: absolute;
  top: auto;
  bottom: 4%;
  left: -10%;
  right: 0%;
  overflow: hidden;
}

.formok-copy {
  color: #fdfdfd;
  text-align: center;
  cursor: pointer;
  background-color: #535353;
  width: 20%;
  height: 30px;
  margin-top: 0;
  margin-left: 463px;
  padding: 5px 6px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: block;
  position: relative;
  left: -224px;
}

.formok-copy.reset {
  cursor: pointer;
  margin-top: 0;
  margin-left: 0;
  padding: 5px 15px;
  position: absolute;
  left: 0;
}

.formok-copy.applytexte-button {
  background-color: var(--dim-grey-2);
  width: 75px;
  height: 30px;
  margin-top: 500px;
  margin-left: 478px;
  padding: 7px 2px 2px;
  font-size: 12px;
  line-height: 12px;
  display: block;
}

.formok-copy.resettexte-button {
  background-color: var(--dim-grey-2);
  cursor: pointer;
  width: 75px;
  height: 30px;
  margin-top: 500px;
  margin-left: 560px;
  padding: 7px 2px 2px;
  font-size: 12px;
  line-height: 12px;
  display: block;
  position: absolute;
}

.reset {
  z-index: 2;
  text-align: center;
  cursor: pointer;
  background-color: #232e5b;
  border-radius: 5px;
  width: 17%;
  height: 28%;
  margin-left: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  top: auto;
  bottom: 8%;
  left: auto;
  right: 1.5%;
}

.iconedecaltexte {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Icon_TextDecal2_small.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  width: 64px;
  height: 64px;
  display: none;
  position: static;
  bottom: 0;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
  position: static;
}

.section {
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-top: 10px;
  display: none;
}

.div-block-22 {
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  width: 100%;
  height: 50px;
  padding-top: 6px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 2.5%;
}

.modal {
  opacity: 1;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  mix-blend-mode: normal;
  background-color: rgba(15, 29, 53, .38);
  background-image: url('../images/Casque_FORM_background1.png');
  background-position: 280% 125%;
  background-repeat: no-repeat;
  background-size: 95%;
  border: 1px solid #f26222;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  width: 420px;
  height: 610px;
  margin-top: 10px;
  margin-right: 15px;
  padding: 15px 23px;
  font-family: Poppins, sans-serif;
  transition: all .2s;
  display: flex;
  position: fixed;
  left: auto;
}

.modal_heading {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: 40px;
  margin-bottom: 5px;
  font-weight: 600;
  display: grid;
  position: absolute;
  top: 15px;
  left: 18px;
  right: 18px;
}

.image {
  mix-blend-mode: normal;
  width: 30px;
  margin-left: 0;
}

.text-block-12 {
  color: #ececec;
  text-align: left;
  white-space: normal;
  order: 0;
  align-self: auto;
  align-items: stretch;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: block;
  position: static;
}

.modal_panel {
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.form-block-2 {
  margin-bottom: -48px;
  display: flex;
}

.submit-button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f26222;
  border-radius: 25px;
  width: 128px;
  margin-top: 12px;
  margin-left: -7px;
  padding: 9px 5px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.field-label-2 {
  color: #ececec;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 15px;
  position: static;
}

.field-label-3 {
  color: #ececec;
  text-align: justify;
  margin-top: 4px;
  margin-bottom: 1px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 15px;
}

.field-label-3.prestigeoffer {
  text-align: left;
  width: 190px;
  font-size: 12px;
  line-height: 13px;
  display: none;
}

.text-field-2 {
  color: #ececec;
  background-color: rgba(59, 59, 59, .4);
  border: 1px solid #f26222;
  border-radius: 20px;
  width: 220px;
  padding-left: 9px;
  padding-right: 9px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.text-field-2.nameform {
  color: #ececec;
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-color: rgba(59, 59, 59, .4);
  background-clip: border-box;
  border: 1px solid #f26222;
  border-radius: 20px;
  font-family: Bai Jamjuree, sans-serif;
}

.text-field-3 {
  color: #ececec;
  background-color: rgba(59, 59, 59, .4);
  border: 1px solid #f26222;
  border-radius: 20px;
  width: 220px;
  padding-left: 9px;
  padding-right: 9px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13px;
  font-weight: 500;
  position: static;
}

.text-field-3.q-selector {
  text-align: center;
  background-color: rgba(59, 59, 59, .4);
  width: 220px;
  margin-left: 42px;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 15px;
}

.div-block-23 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 3px;
  padding-bottom: 3px;
  display: grid;
}

.div-block-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2px;
  padding-bottom: 2px;
  display: grid;
}

.make-pdf {
  width: 0;
  display: none;
}

.checkbox-field {
  margin-left: 33px;
  padding: 7px 8px;
}

.checkbox-field.fieldtextpdf {
  display: none;
}

.checkbox-field.fieldoffrepdf {
  margin-bottom: 0;
  margin-left: 85px;
  display: none;
}

.error-message {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  width: 0;
  height: 0;
  margin-top: -41px;
  margin-left: -20px;
  font-size: 12px;
  line-height: 15px;
}

.checkbox {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: -24px;
}

.checkbox-label {
  color: #ececec;
  margin-left: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-weight: 400;
  line-height: 17px;
}

.div-block-25 {
  display: none;
}

.div-block-26 {
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f26222;
  border-radius: 34px;
  margin-top: 0;
  padding: 24px;
  font-family: Bai Jamjuree, sans-serif;
  font-weight: 500;
  display: none;
  position: absolute;
  top: 80px;
  left: 20px;
  right: 20px;
}

.success-message {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 12px;
  padding-bottom: 12px;
}

.div-block-27 {
  display: none;
  position: static;
  top: 614.5px;
  left: 693.094px;
}

.div-block-28 {
  background-color: #f8f8f8;
  border: 4px solid #919191;
  width: 420px;
  height: 180px;
  margin-top: 29px;
  display: none;
}

.image-2 {
  cursor: pointer;
  width: 20px;
  margin-left: 0;
}

.opacity_layer {
  opacity: .48;
  background-color: #101321;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.lampestdbutton-copy {
  cursor: pointer;
  background-color: #dd7171;
  background-image: url('../images/IconeLampeSTD_Small.png');
  background-position: 0 0;
  background-size: 100% 100%;
  border-radius: 8px;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

.lampestd_batterybutton {
  cursor: pointer;
  background-color: #b7bbc2;
  background-image: url('../images/Icon_Lampes_BATT_ARR.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 76px;
  border: 1px rgba(255, 255, 255, .15);
  border-radius: 13px;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  width: 73.41px;
  height: 80px;
  margin-left: -8px;
  display: none;
}

.standard_batt_tag {
  color: #fff;
  text-align: center;
  background-color: #6a6a6a;
  border-radius: 6px;
  justify-content: center;
  width: 70px;
  height: 20px;
  margin-top: -2px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: none;
}

.dropdown-texte-lampestd_battery {
  color: #fff;
  width: 40%;
  height: 13%;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  top: 15px;
  left: 1px;
}

.div-block-29 {
  flex-direction: row;
  justify-content: flex-start;
  width: 220px;
  display: flex;
}

.div-block-30 {
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 359px;
  display: none;
  position: relative;
  top: 27px;
}

.div-block-10-copy {
  object-fit: fill;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 2px;
  margin-left: 270px;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.div-block-9-copy {
  background-color: #232e5b;
  border-radius: 7px;
  width: 190px;
  height: 64px;
  margin-top: 0;
  margin-left: -203px;
  padding: 6px;
  display: block;
  position: fixed;
  overflow: hidden;
}

.text-block-7-copy {
  color: #fff;
  text-align: left;
  width: 180px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14.3px;
  font-weight: 400;
  line-height: 17px;
  overflow: hidden;
}

.colorpalette_wrapper-copy {
  justify-content: flex-end;
  width: 340px;
  height: auto;
  display: none;
  position: absolute;
  top: -17px;
}

.div-block-10-copy-copy {
  object-fit: fill;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 2px;
  margin-left: 270px;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.div-block-9-copy-copy {
  background-color: #232e5b;
  border-radius: 7px;
  width: 190px;
  height: 64px;
  margin-top: 0;
  margin-left: -203px;
  padding: 6px;
  display: block;
  position: fixed;
  overflow: hidden;
}

.text-block-7-copy-copy {
  color: #fff;
  text-align: left;
  width: 180px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14.3px;
  font-weight: 400;
  line-height: 17px;
  overflow: hidden;
}

.colorpalette_button-copy {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  cursor: pointer;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(216deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .15)), url('../images/IconePlastronColors2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 7px;
  width: 64px;
  height: 64px;
  margin-top: 2px;
  margin-left: 276px;
  position: absolute;
  overflow: visible;
}

.div-block-31, .div-block-31-copy {
  background-color: #282828;
  border-radius: 4px 4px 8px;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5%;
  bottom: auto;
  left: 5%;
  right: auto;
}

.div-block-10-_form {
  object-fit: fill;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 70px;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-9_form {
  background-color: #232e5b;
  border-radius: 5px;
  flex: none;
  width: 226px;
  height: 64px;
  margin-left: 0;
  padding: 4px;
  display: block;
  position: absolute;
  left: 68px;
  overflow: hidden;
}

.text-block-7_form {
  color: #fff;
  letter-spacing: -.2px;
  width: 227px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14.3px;
  font-weight: 400;
  line-height: 17px;
  overflow: hidden;
}

.div-block-32 {
  width: 10%;
  height: 20%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.formx_quit {
  z-index: 1;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  width: 8%;
  height: 20%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.image-3 {
  filter: invert();
  cursor: pointer;
  mix-blend-mode: normal;
  width: 13px;
  height: auto;
}

.div-block-33 {
  color: #000;
  background-color: #101e38;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  border-radius: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-34 {
  opacity: .86;
  mix-blend-mode: screen;
  background-color: rgba(35, 46, 91, .16);
  border-radius: 90px;
  width: 500px;
  height: 550px;
  position: absolute;
  top: 14%;
  bottom: 0%;
  left: -23%;
  right: auto;
  overflow: hidden;
  transform: rotate(39deg);
}

.div-block-35 {
  background-color: #f50e0e;
  width: 15px;
  height: 15px;
  position: absolute;
  top: auto;
  bottom: 50%;
  left: auto;
  right: 2%;
}

.visarc {
  flex-flow: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 130px;
  padding-bottom: 50px;
  padding-left: 25px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: auto;
}

.image-4 {
  opacity: 1;
  mix-blend-mode: lighten;
  margin-top: 85px;
}

.div-block-36 {
  background-color: #ff2828;
  width: 50px;
  height: 50px;
  display: none;
  position: absolute;
  top: 572px;
  bottom: 0%;
  left: 32%;
  right: auto;
}

.div-block-37 {
  background-color: #e41d1d;
  width: 50%;
  height: 20px;
}

.div-block-38 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  cursor: pointer;
  background-image: linear-gradient(216deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .15));
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 6px 12px 6px 6px;
  align-items: flex-end;
  width: 45px;
  height: 50px;
  display: none;
  position: absolute;
  overflow: hidden;
}

.div-block-39 {
  background-color: var(--pentablue);
  color: #fff;
  text-align: center;
  border-radius: 0 5px 5px 0;
  width: 38px;
  height: 18px;
  margin-bottom: 6px;
  font-family: Bai Jamjuree, sans-serif;
  font-weight: 700;
}

.div-block-40 {
  opacity: .79;
  mix-blend-mode: screen;
  background-color: #f1f1f1;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom-left-radius: 5px;
  width: 11px;
  height: 12px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, .25);
}

.lang_container {
  z-index: 0;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 40px;
  height: 35px;
  margin-top: -130px;
  margin-right: 120px;
  display: flex;
  position: absolute;
}

.div-block-41 {
  width: 35px;
  height: 20px;
}

.div-block-42, .div-block-43 {
  width: 30px;
}

.flagfr {
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/flag_FR.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 27px 27px;
  border: 1px solid gray;
  border-radius: 7px;
  order: -1;
  width: 27px;
  height: 27px;
  display: block;
}

.flaggb {
  cursor: pointer;
  background-image: url('../images/flag_GB.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 27px 27px;
  border: 1px solid gray;
  border-radius: 7px;
  width: 27px;
  height: 27px;
  display: none;
  position: relative;
}

.flages {
  cursor: pointer;
  background-image: url('../images/flag_ES.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 27px 27px;
  border: 1px solid gray;
  border-radius: 7px;
  order: 1;
  width: 27px;
  height: 27px;
  display: none;
  position: relative;
}

.div-block-9_eng {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f26222;
  border-radius: 11px;
  width: 160px;
  height: 35px;
  margin-top: -1px;
  padding: 6px;
  font-family: Bai Jamjuree, sans-serif;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-7_eng {
  color: #fff;
  width: 149px;
  margin-top: -2px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 12.5px;
  position: static;
  overflow: hidden;
}

.div-block-9_creteeng {
  background-color: #232e5b;
  border-radius: 7px;
  width: 150px;
  height: 64px;
  margin-top: 0;
  margin-left: -203px;
  padding: 6px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-7_creteeng {
  color: #fff;
  text-align: left;
  width: 140px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14.3px;
  font-weight: 400;
  line-height: 17px;
  overflow: hidden;
}

.div-block-9_cretecourte_eng {
  background-color: #232e5b;
  border-radius: 7px;
  width: 150px;
  height: 64px;
  margin-top: 0;
  margin-left: -203px;
  padding: 6px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-7_cretecourte_eng {
  color: #fff;
  text-align: left;
  width: 155px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14.3px;
  font-weight: 400;
  line-height: 17px;
  overflow: hidden;
}

.div-block-13_eng {
  background-color: var(--pentablue);
  border-radius: 6px;
  align-self: auto;
  width: 165px;
  height: 64px;
  padding: 3px 2px 2px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-8_eng {
  color: #fff;
  text-align: left;
  width: 140px;
  margin: 0 5px 10px 11px;
  padding: 0 0 3px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10.5px;
  line-height: 12px;
  display: none;
  overflow: hidden;
}

.div-block-9_form_gb {
  background-color: #232e5b;
  border-radius: 5px;
  flex: none;
  width: 150px;
  height: 64px;
  margin-left: 0;
  padding: 4px;
  display: none;
  position: absolute;
  left: 68px;
  overflow: hidden;
}

.text-block-7_form_eng {
  color: #fff;
  letter-spacing: -.2px;
  width: 140px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14.3px;
  font-weight: 400;
  line-height: 17px;
  overflow: hidden;
}

.div-block-9_cretees {
  background-color: #232e5b;
  border-radius: 7px;
  width: 150px;
  height: 64px;
  margin-top: 0;
  margin-left: -203px;
  padding: 6px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-7_cretees {
  color: #fff;
  text-align: left;
  width: 140px;
  margin-top: -3px;
  margin-left: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  overflow: hidden;
}

.div-block-9_cretecourte_es {
  background-color: #232e5b;
  border-radius: 7px;
  width: 150px;
  height: 64px;
  margin-top: 0;
  margin-left: -203px;
  padding: 6px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-7_cretecourte_es {
  color: #fff;
  text-align: left;
  width: 140px;
  margin-top: -3px;
  margin-left: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  overflow: hidden;
}

.div-block-9_es {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f26222;
  border-radius: 11px;
  width: 160px;
  height: 35px;
  margin-top: -1px;
  padding: 6px;
  font-family: Bai Jamjuree, sans-serif;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-7_es {
  color: #fff;
  width: 155px;
  margin-top: -2px;
  margin-bottom: 0;
  margin-left: -1px;
  padding-left: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 12.5px;
  position: static;
  overflow: hidden;
}

.div-block-13_eng-copy {
  background-color: var(--pentablue);
  border-radius: 6px;
  align-self: auto;
  width: 165px;
  height: 64px;
  padding: 3px 2px 2px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.div-block-13_es {
  background-color: var(--pentablue);
  border-radius: 6px;
  align-self: auto;
  width: 180px;
  height: 64px;
  padding: 3px 2px 2px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.text-block-8_es {
  color: #fff;
  text-align: left;
  width: 140px;
  margin: 0 5px 12px 10px;
  padding: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10.5px;
  line-height: 12px;
  display: none;
  overflow: hidden;
}

.div-block-9_form_es {
  background-color: #232e5b;
  border-radius: 5px;
  flex: none;
  width: 160px;
  height: 64px;
  margin-left: 0;
  padding: 4px;
  display: none;
  position: absolute;
  left: 68px;
  overflow: hidden;
}

.text-block-7_form_es {
  color: #fff;
  letter-spacing: -.2px;
  width: 150px;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Satoshi, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  overflow: hidden;
}

.dropdown-texte-classe1_eng {
  color: #fff;
  text-align: center;
  width: 97px;
  height: 19px;
  margin-left: -7px;
  padding-top: 2px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: none;
  position: static;
  top: 17px;
  left: 1px;
}

.dropdown-texte-classe2-12_eng {
  color: #fff;
  text-align: center;
  width: 97px;
  height: 19px;
  margin-left: -5px;
  padding-top: 2px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: none;
  position: static;
  top: 17px;
  left: 1px;
}

.dropdown-texte-classe2-25_eng {
  color: #fff;
  width: 97px;
  height: 19px;
  margin-left: -7px;
  margin-right: 10px;
  padding-top: 2px;
  padding-left: 0;
  padding-right: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: none;
  position: static;
  top: 17px;
  left: 1px;
}

.dropdown-texte-classe1_es {
  color: #fff;
  text-align: center;
  width: 97px;
  height: 19px;
  margin-left: -7px;
  padding-top: 2px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: none;
  position: static;
  top: 17px;
  left: 1px;
}

.dropdown-texte-classe2-12_es {
  color: #fff;
  text-align: center;
  width: 97px;
  height: 19px;
  margin-left: -3px;
  padding-top: 2px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: none;
  position: static;
  top: 17px;
  left: 1px;
}

.dropdown-texte-classe2-25_es {
  color: #fff;
  width: 97px;
  height: 19px;
  margin-left: -7px;
  margin-right: 10px;
  padding-top: 2px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  display: none;
  position: static;
  top: 17px;
  left: 1px;
}

.dropdown-texte-lampestd_eng {
  color: #fff;
  width: 43%;
  height: 33%;
  padding: 3px 4px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  top: 15px;
  left: 1px;
}

.transition_background {
  z-index: 3;
  background-color: #101e38;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.dropdown-texte-lampestd_battery_eng, .dropdown-texte-lampedetect_eng {
  color: #fff;
  width: 45%;
  height: 13%;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  top: 15px;
  left: 1px;
}

.dropdown-texte-lampestd_es {
  color: #fff;
  width: 55%;
  height: 15%;
  padding: 3px 4px 3px 3px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  top: 15px;
  left: 1px;
}

.dropdown-texte-lampestd_battery_es {
  color: #fff;
  width: 49%;
  height: 13%;
  padding-top: 1px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  top: 15px;
  left: 1px;
}

.dropdown-texte-lampedetect_es {
  color: #fff;
  width: 52%;
  height: 13%;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: absolute;
  top: 15px;
  left: 1px;
}

.modal_panel_eng, .modal_panel_es {
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-12_es {
  color: #ececec;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.image-2_es {
  cursor: pointer;
  width: 20px;
}

.formcontainer_eng, .formcontainer_es {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  width: 20%;
  height: 95px;
  margin-left: 50%;
  display: none;
  position: absolute;
  top: auto;
  bottom: 4%;
  left: -10%;
  right: 0%;
  overflow: hidden;
}

.div-block-24_old_carton {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 3px;
  padding-bottom: 3px;
  display: none;
}

.text-field-3_old_adress {
  color: #ececec;
  background-color: rgba(59, 59, 59, .76);
  border-radius: 6px;
  width: 220px;
  padding-left: 9px;
  padding-right: 9px;
  font-family: Satoshi, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: none;
}

.text-field-3_old_adress.q-selector {
  text-align: center;
  background-color: rgba(59, 59, 59, .76);
  width: 220px;
  margin-left: 42px;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 15px;
}

.country_select {
  width: 220px;
  display: none;
}

.text-block-13 {
  background-color: #e6e6e6;
}

.icon {
  background-color: #f72929;
}

.dropdown-toggle-2 {
  padding: 2px 42px;
}

.country_selector {
  color: #ececec;
  background-color: rgba(59, 59, 59, .4);
  border: 1px solid #f26222;
  border-radius: 20px;
  width: 220px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13px;
}

.menu_header_number {
  color: #f26222;
  letter-spacing: 2px;
  -webkit-text-stroke-color: #f26222;
  width: 50px;
  height: 50px;
  margin-top: 24px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 48px;
  font-weight: 700;
  position: static;
  top: 30%;
  bottom: auto;
  left: 2%;
  right: auto;
}

.div-block-20-copy {
  background-color: rgba(8, 99, 168, 0);
  border-top: 1px solid #f26222;
  border-bottom: 1px solid #ea580c;
  border-radius: 0;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.menu_header_orange_cat {
  color: #f26222;
  width: 172px;
  height: 20px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: block;
  position: relative;
  top: 6px;
  left: -5px;
}

.grid-5 {
  grid-column-gap: 4px;
  grid-row-gap: 2px;
  flex: 0 auto;
  grid-template-rows: 25px 30px 25px 25px;
  grid-template-columns: .8fr 1fr 1fr;
}

.div-block-44 {
  background-color: #f26222;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 97px;
  height: 18px;
  margin-top: 0;
  margin-left: -3px;
  padding-bottom: 0;
  display: flex;
}

.dropdown-texte-cl1_unit {
  color: #fff;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  border: 1px #ea580c;
  border-radius: 0;
  order: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 97px;
  height: 19px;
  margin-left: -17px;
  padding-top: 2px;
  padding-bottom: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  display: block;
  position: static;
}

.dropdown-texte-cl2_12_unit {
  color: #fff;
  text-align: center;
  order: 1;
  align-self: auto;
  width: 97px;
  height: 19px;
  margin-left: -14px;
  margin-right: -13px;
  padding-top: 2px;
  padding-left: 0;
  padding-right: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  display: block;
  position: static;
  top: 17px;
  left: 1px;
}

.div-block-45 {
  background-color: #f26222;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 18px;
  margin-top: -7px;
  margin-left: -24px;
  padding-bottom: 0;
  display: none;
}

.div-block-46 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f26222;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 18px;
  margin-top: -7px;
  margin-left: -24px;
  padding-bottom: 0;
  display: none;
}

.dropdown-texte-cl2_25_unit {
  color: #fff;
  order: 1;
  align-self: auto;
  width: 97px;
  height: 19px;
  margin-left: -30px;
  margin-right: -31px;
  padding-top: 2px;
  padding-left: 0;
  padding-right: 0;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  display: block;
  position: static;
  top: 17px;
  left: 1px;
}

.grid-2-copy {
  grid-column-gap: 16px;
  grid-row-gap: 3px;
  grid-template: "Area Area-2 Area-3 Area-4 Area-5"
                 ". . . . ."
                 / 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  margin-top: 5px;
  margin-left: 4px;
  display: none;
}

.whitebutton {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-color: #fff;
  border: 1px rgba(255, 255, 255, .15);
  border-radius: 10px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 36px;
  display: block;
}

.greenbutton {
  cursor: pointer;
  background-color: #26731e;
  border: 1px rgba(255, 255, 255, .15);
  border-radius: 10px;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  width: 34px;
  height: 36px;
  display: block;
}

.redbutton {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  background-color: #bf2121;
  border: 1px rgba(255, 255, 255, .15);
  border-radius: 10px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  width: 34px;
  height: 36px;
  display: block;
}

.yellowbutton {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  background-color: #edcc13;
  border: 1px rgba(255, 255, 255, .15);
  border-radius: 10px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  width: 34px;
  height: 36px;
  display: block;
}

.blackbutton {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  background-color: #131313;
  border: 1px rgba(255, 255, 255, .15);
  border-radius: 10px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  width: 34px;
  height: 36px;
  display: block;
}

.div-block-47 {
  width: 5px;
  height: 5px;
}

.whitedot {
  background-color: #f26222;
  border-radius: 10px;
  width: 4px;
  height: 4px;
  margin-top: 7px;
  display: block;
}

.greendot, .reddot, .yellowdot {
  background-color: #f26222;
  border-radius: 10px;
  width: 4px;
  height: 4px;
  margin-top: 7px;
  display: none;
}

.blackdot {
  background-color: #f26222;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  width: 4px;
  height: 4px;
  margin-top: 7px;
  margin-left: 2px;
  margin-right: 0;
  transition: all .15s;
  display: flex;
  position: static;
}

.grid_accessoires {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  margin-top: 9px;
  margin-left: 10px;
  display: none;
}

.grid-5-copy {
  grid-column-gap: 4px;
  grid-row-gap: 2px;
  flex: 0 auto;
  grid-template-rows: 25px 30px 25px 25px;
  grid-template-columns: .8fr 1fr 1fr;
}

.grid-6 {
  grid-column-gap: 4px;
  grid-row-gap: 2px;
  flex: 0 auto;
  grid-template-rows: 25px 30px 25px;
  grid-template-columns: .8fr 1fr 1fr;
}

.text-block-14 {
  font-size: 12px;
}

.text-block-15 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid #f26222;
  border-radius: 15px;
  width: 130px;
  height: 25px;
  margin-top: 0;
  margin-left: 10px;
  padding-top: 2px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  line-height: 18px;
}

.textarea-2 {
  color: #ececec;
  background-color: rgba(59, 59, 59, .4);
  border: 1px solid #f26222;
  border-radius: 25px;
  width: 260px;
  min-width: 260px;
  max-width: 260px;
  height: 56.15px;
  min-height: 56.15px;
  max-height: 56.15px;
  padding: 8px 12px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 13.5px;
}

.dropdown-toggle-3 {
  color: #fff;
  width: 35px;
}

.div-block-48 {
  border: 1px solid #f26222;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  overflow: hidden;
}

.icon-2 {
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 5px;
  margin-right: 16px;
  display: none;
}

.dropdown-list {
  background-color: #ddd;
}

.dropdown-list.w--open {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: rgba(221, 221, 221, 0);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -13px;
  margin-left: 7px;
  display: flex;
}

.dropdown-link {
  color: #ec2a2a;
}

.dropdown-link-2 {
  color: #900707;
}

.dropdown-link-3 {
  color: #d48f8f;
}

.flagfr_drop {
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/flag_FR.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 2px;
  order: -1;
  width: 25px;
  height: 15px;
  margin-left: 1px;
  display: none;
}

.flaggb_drop {
  cursor: pointer;
  background-image: url('../images/flag_GB.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 2px;
  width: 25px;
  height: 15px;
  margin-left: 1px;
  display: block;
  position: relative;
}

.flages_drop {
  cursor: pointer;
  background-image: url('../images/flag_ES.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 2px;
  order: 1;
  width: 25px;
  height: 15px;
  margin-left: 1px;
  display: block;
  position: relative;
}

.menu_header_orange_cat_eng, .menu_header_orange_cat_es {
  color: #f26222;
  width: 172px;
  height: 20px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: none;
  position: relative;
  top: 6px;
  left: -5px;
}

.grid-2_plastcentral {
  grid-column-gap: 16px;
  grid-row-gap: 3px;
  grid-template: "Area Area-2 Area-3 Area-4 Area-5"
                 ". . . . ."
                 / 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  margin-top: 5px;
  margin-left: 4px;
  display: none;
}

.div-block-49 {
  display: flex;
}

.state-loaded {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.vectors-wrapper {
  mix-blend-mode: normal;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 120px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-2 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 2px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 164px;
  left: 0;
}

.mobile_panel {
  display: none;
}

.image-4-copy {
  opacity: 1;
  mix-blend-mode: lighten;
  margin-top: 85px;
}

.div-block-50 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: stretch;
  justify-content: stretch;
  width: 200px;
  height: 50px;
  margin-top: -13px;
  display: grid;
  position: absolute;
  right: 2.5%;
}

.image-5 {
  cursor: pointer;
  position: static;
  left: auto;
  right: 10%;
  overflow: clip;
}

.text-block-17 {
  color: #f26222;
  cursor: pointer;
  width: 100px;
  font-family: Bai Jamjuree, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
  position: static;
}

.image-6 {
  margin-top: -14px;
}

.image-7 {
  cursor: pointer;
  margin-top: -6px;
  margin-left: 2px;
}

@media screen and (min-width: 1921px) {
  .button-3 {
    width: 235px;
    height: 42px;
    font-size: 13.5px;
  }

  .info_button {
    background-size: 32px;
    border-width: 2px;
    border-radius: 16px;
    width: 55px;
    height: 55px;
    margin-top: -175px;
    margin-right: 237px;
  }

  .div-block-9 {
    border-width: 2px;
    border-radius: 16px;
    width: 135px;
    height: 55px;
    margin-top: -1px;
    display: block;
  }

  .text-block-7 {
    width: 125px;
    margin-left: 6px;
    font-size: 15.5px;
    line-height: 15px;
  }

  .uploadpicture_button {
    background-size: 130px;
    border-radius: 18px;
    width: 130px;
    height: 130px;
    margin-left: 13px;
  }

  .text-block-8 {
    width: 180px;
    margin-top: 6px;
    margin-left: 15px;
    font-size: 14px;
    line-height: 16px;
    display: block;
  }

  .screenshot_button {
    z-index: 0;
    border-width: 2px;
    border-radius: 16px;
    width: 55px;
    height: 55px;
    margin-top: -175px;
    margin-right: 93px;
  }

  .decal_logo_reset_button {
    background-size: 24px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    width: 42px;
    height: 42px;
    display: none;
  }

  .left-panel {
    padding-left: 35px;
  }

  .fullscreen-button {
    border-width: 2px;
    border-radius: 16px;
    width: 55px;
    height: 55px;
    margin-top: -175px;
    margin-right: 22px;
  }

  .testwrap {
    width: 400px;
    height: 600px;
    min-height: 600px;
    max-height: 1229px;
  }

  .div-block-18, .div-block-19 {
    border-top-width: 2px;
  }

  .menu-header-wrapper.bubble-header {
    width: 180px;
    margin-top: 9px;
    margin-left: 0;
    padding-left: 31px;
    font-size: 18px;
    font-weight: 500;
    display: block;
  }

  .menu-header-wrapper.bubble-header.arrow {
    width: 32px;
    height: 32px;
    margin-top: 17px;
    margin-left: 49px;
  }

  .menu-header-wrapper.bubble-header_eng, .menu-header-wrapper.bubble-header_es {
    width: 180px;
    margin-top: 9px;
    margin-left: 0;
    padding-left: 31px;
    font-size: 18px;
    font-weight: 500;
    display: none;
  }

  .dropdown-texte-classe1 {
    font-size: 14px;
    display: block;
  }

  .dropdown-texte-classe2-12, .dropdown-texte-classe2-25 {
    width: 135px;
    margin-left: -13px;
    margin-right: 9px;
    font-size: 14px;
    display: none;
  }

  .optionbutton.casque_antibruit {
    background-repeat: no-repeat;
    background-size: 82px;
    border-radius: 17px;
    width: 90px;
    height: 101.25px;
  }

  .optionbutton.bandesreflect, .optionbutton.protege_nuque {
    background-size: 82px;
    border-radius: 17px;
    width: 90px;
    height: 101.25px;
  }

  .grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 40px;
    margin-left: 13px;
  }

  .bubblecasque-button.cl1, .bubblecasque-button.cl2_12, .bubblecasque-button.cl2_25 {
    background-size: 118px;
    border-radius: 17px;
    width: 111px;
    height: 120.96px;
    display: none;
  }

  .barbebutton {
    width: 114px;
    height: 27px;
    margin-top: 6px;
    font-size: 12px;
    display: none;
  }

  .grid-2 {
    grid-column-gap: 8px;
    grid-row-gap: 3px;
    margin-top: 41px;
    margin-left: 13px;
  }

  .lampestdbutton {
    background-size: 100px;
    border-radius: 17px;
    width: 111px;
    height: 120.96px;
    display: none;
  }

  .lampedetectbutton {
    background-size: 107px;
    border-radius: 17px;
    width: 111px;
    height: 120.96px;
    display: none;
  }

  .grid-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 39px;
    display: none;
  }

  .modal {
    border-width: 2px;
    border-radius: 50px;
    width: 688.52px;
    height: 1000px;
  }

  .modal_heading {
    justify-content: center;
    height: 60px;
    margin-top: 0;
    position: absolute;
    top: 25px;
    left: 20px;
    right: 20px;
  }

  .image {
    width: 50px;
    margin-left: 8px;
  }

  .text-block-12 {
    font-size: 24.5px;
    line-height: 25px;
  }

  .modal_panel {
    display: none;
  }

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

  .submit-button {
    border-width: 2px;
    border-radius: 35px;
    width: 210px;
    margin-top: 13px;
    margin-left: 4px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 22px;
    line-height: 20px;
  }

  .field-label-2, .field-label-3 {
    font-size: 22px;
    line-height: 20px;
  }

  .text-field-2, .text-field-2.nameform {
    border-width: 2px;
    border-radius: 40px;
    width: 365px;
    height: 60px;
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 22px;
  }

  .text-field-3 {
    border-width: 2px;
    border-radius: 40px;
    width: 365px;
    height: 60px;
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 22px;
    line-height: 18px;
  }

  .text-field-3.q-selector {
    border-width: 2px;
    width: 365px;
    margin-left: 0;
    font-size: 22px;
  }

  .div-block-23, .div-block-24 {
    justify-content: stretch;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 12px;
  }

  .checkbox {
    border-radius: 0;
    width: 20px;
    height: 20px;
    margin-left: -88px;
  }

  .checkbox-label {
    margin-left: -56px;
    font-size: 20px;
  }

  .div-block-26 {
    border-width: 2px;
    border-radius: 35px;
    justify-content: center;
    align-items: stretch;
    font-size: 20px;
    line-height: 25px;
    display: none;
    position: absolute;
    top: 120px;
    left: 20px;
    right: 20px;
  }

  .image-2 {
    width: 40px;
  }

  .lampestd_batterybutton {
    background-size: 107px;
    border-radius: 17px;
    width: 111px;
    height: 120.96px;
    display: none;
  }

  .image-4 {
    width: 300px;
    margin-top: 200px;
  }

  .lang_container {
    z-index: 0;
    margin-top: -195px;
    margin-right: 200px;
  }

  .flagfr {
    background-size: 42px 42px;
    border-width: 2px;
    border-radius: 9.5px;
    width: 42px;
    height: 42px;
    margin-left: -1px;
    display: block;
  }

  .flaggb, .flages {
    background-size: 42px 42px;
    border-width: 2px;
    border-radius: 9.5px;
    width: 42px;
    height: 42px;
    display: none;
  }

  .div-block-9_eng {
    border-width: 2px;
    border-radius: 16px;
    width: 190px;
    height: 55px;
    display: none;
  }

  .text-block-7_eng {
    text-align: left;
    width: 175px;
    margin-left: 2px;
    font-size: 15.5px;
    line-height: 15px;
  }

  .text-block-8_eng {
    width: 180px;
    margin-top: 10px;
    margin-left: 15px;
    font-size: 14px;
    line-height: 16px;
    display: none;
  }

  .div-block-9_es {
    border-width: 2px;
    border-radius: 16px;
    width: 182px;
    height: 55px;
    display: none;
  }

  .text-block-7_es {
    width: 165px;
    margin-left: 4px;
    font-size: 15.5px;
    line-height: 15px;
  }

  .text-block-8_es {
    width: 180px;
    margin-top: 10px;
    margin-left: 15px;
    font-size: 14px;
    line-height: 16px;
    display: none;
  }

  .dropdown-texte-classe1_eng {
    font-size: 14px;
    display: none;
  }

  .dropdown-texte-classe2-12_eng {
    width: 135px;
    margin-left: -13px;
    margin-right: 9px;
    font-size: 14px;
  }

  .dropdown-texte-classe2-25_eng {
    width: 135px;
    margin-left: -13px;
    margin-right: 9px;
    font-size: 14px;
    display: none;
  }

  .dropdown-texte-classe1_es {
    font-size: 14px;
    display: none;
  }

  .dropdown-texte-classe2-12_es {
    width: 135px;
    margin-left: -13px;
    margin-right: 9px;
    font-size: 14px;
  }

  .dropdown-texte-classe2-25_es {
    width: 135px;
    margin-left: -13px;
    margin-right: 9px;
    font-size: 14px;
    display: none;
  }

  .transition_background {
    display: block;
  }

  .modal_panel_eng, .modal_panel_es {
    display: none;
  }

  .text-block-12_es {
    font-size: 24.5px;
    line-height: 25px;
  }

  .image-2_es {
    width: 40px;
  }

  .country_selector {
    border-width: 2px;
    border-radius: 40px;
    width: 365px;
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 18px;
  }

  .menu_header_number {
    letter-spacing: 3px;
    width: 65px;
    font-size: 70px;
    line-height: 45px;
  }

  .div-block-20-copy {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }

  .menu_header_orange_cat {
    width: 255px;
    font-size: 18px;
    display: block;
    top: 25px;
    left: 31px;
  }

  .div-block-44 {
    width: 130px;
    height: 23.2px;
    margin-top: 26px;
    margin-left: 29px;
    display: flex;
  }

  .dropdown-texte-cl1_unit {
    font-size: 14px;
  }

  .dropdown-texte-cl2_12_unit {
    width: 110px;
    font-size: 14px;
  }

  .div-block-45 {
    width: 240px;
    height: 23.2px;
    margin-top: 51px;
    margin-left: -7px;
    padding-bottom: 2px;
    display: none;
  }

  .div-block-46 {
    width: 245px;
    height: 23.2px;
    margin-top: 51px;
    margin-left: -3px;
    padding-bottom: 2px;
    display: none;
  }

  .dropdown-texte-cl2_25_unit {
    width: 110px;
    margin-left: -29px;
    margin-right: -18px;
    font-size: 14px;
  }

  .grid-2-copy {
    grid-column-gap: 19px;
    grid-row-gap: 3px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 30px;
    display: none;
  }

  .whitebutton, .greenbutton, .redbutton, .yellowbutton, .blackbutton {
    border-radius: 16px;
    width: 54px;
    height: 57.17px;
  }

  .blackdot {
    width: 6px;
    height: 6px;
    margin-top: 9px;
  }

  .grid_accessoires {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 35px;
    margin-left: 13px;
    display: none;
  }

  .text-block-15 {
    border-width: 2px;
    border-radius: 25px;
    justify-content: center;
    align-items: stretch;
    width: 173px;
    height: 42px;
    margin-top: 12px;
    margin-left: 15px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
  }

  .textarea-2 {
    border-width: 2px;
    border-radius: 50px;
    width: 500px;
    min-width: 500px;
    max-width: 500px;
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    padding: 11px 20px;
    font-size: 22px;
  }

  .dropdown-toggle-3 {
    width: 37px;
  }

  .div-block-48 {
    border-width: 2px;
    border-radius: 16px;
    width: 55px;
    height: 55px;
  }

  .flagfr_drop {
    background-size: 42px;
    border-radius: 5px;
    width: 44px;
    height: 26.4px;
    margin-left: 18px;
    display: none;
  }

  .flaggb_drop, .flages_drop {
    background-size: 42px;
    border-radius: 5px;
    width: 44px;
    height: 26.4px;
    margin-left: 18px;
  }

  .menu_header_orange_cat_eng, .menu_header_orange_cat_es {
    width: 255px;
    font-size: 18px;
    display: none;
    top: 25px;
    left: 31px;
  }

  .grid-2_plastcentral {
    grid-column-gap: 19px;
    grid-row-gap: 3px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 30px;
    display: none;
  }

  .image-4-copy {
    width: 300px;
    margin-top: 200px;
  }

  .div-block-50 {
    width: 250px;
  }

  .image-5 {
    width: 150px;
  }

  .text-block-17 {
    font-size: 16px;
  }

  .image-7 {
    width: 160px;
    margin-top: 4px;
  }
}

@media screen and (max-width: 1280px) {
  .button-3 {
    width: 160px;
    height: 27px;
    margin-right: 7px;
    font-size: 9.5px;
    top: 114px;
    left: auto;
  }

  .button-4 {
    width: 65px;
    height: 65px;
    margin-right: -3px;
    top: 46px;
    left: auto;
  }

  .matselector.orange-button, .matselector.black-button, .matselector.blue-button {
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
  }

  .matselector.green-button {
    width: 35px;
    height: 35px;
    margin-top: 0;
  }

  .matselector.yellow-button, .matselector.white-button {
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
  }

  .info_button {
    background-size: 18px;
    border-radius: 10px;
    width: 30px;
    height: 30px;
    margin-top: -320px;
    margin-right: 108px;
  }

  .div-block-9 {
    border-radius: 10px;
    width: 125px;
    height: 30px;
    margin-top: -1px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    display: block;
    position: fixed;
    overflow: hidden;
  }

  .text-block-7 {
    width: 125px;
    margin-top: -4px;
    margin-left: -5px;
    font-size: 10px;
    line-height: 12px;
  }

  .div-block-10 {
    position: fixed;
    overflow: hidden;
  }

  .field-label {
    font-size: 13px;
  }

  .formok {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .input1, .input2 {
    font-size: 13px;
  }

  .uploadpicture_button {
    background-size: 64px;
    border-radius: 10px;
    width: 64px;
    height: 64px;
    margin-right: -4px;
    top: 187px;
  }

  .div-block-12 {
    position: absolute;
    overflow: visible;
  }

  .div-block-13 {
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    width: 210px;
    height: 55px;
    margin-left: -296px;
    display: flex;
    position: relative;
  }

  .text-block-8 {
    text-align: left;
    width: 115px;
    margin-top: 0;
    font-size: 8.5px;
    line-height: 10px;
    display: block;
  }

  .colorpalette_button {
    background-size: 100% 100%;
    width: 55px;
    height: 55px;
    margin-left: 287px;
  }

  .colorpalette_content {
    width: 240px;
    height: 50px;
    bottom: -55px;
    left: 44px;
  }

  .color_container {
    width: 240px;
    height: 50px;
    display: flex;
  }

  .colorpalette_wrapper {
    top: 61px;
  }

  .screenshot_button {
    background-size: 64%;
    border-radius: 10px;
    width: 30px;
    height: 30px;
    margin-top: -320px;
    margin-right: 40px;
  }

  .decal_logo_reset_button {
    background-size: 12px;
    border-radius: 0 20px 20px 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 18px;
    margin-top: 0;
    margin-right: -4px;
    font-size: 13px;
    display: none;
    top: 244px;
  }

  .decal_logo_reset_button:hover {
    box-shadow: none;
    transform: none;
  }

  .right-panel {
    width: 0;
    height: 480px;
    display: flex;
    top: 43%;
  }

  .left-panel {
    justify-content: flex-start;
    width: 0;
    min-height: 100vh;
    padding-left: 15px;
    display: flex;
  }

  .fullscreen-button {
    background-size: 25px;
    border-radius: 10px;
    width: 30px;
    height: 30px;
    margin-top: -320px;
    margin-right: 6px;
  }

  .testwrap {
    flex-flow: column;
    align-content: stretch;
    justify-content: space-between;
    width: 220px;
    height: 338.148px;
    min-height: 338.148px;
    max-height: 695px;
  }

  .panelbubble-testwrap {
    flex-direction: column;
  }

  .div-block-18 {
    background-image: none;
    flex-flow: row;
  }

  .div-block-19 {
    background-image: none;
    flex-flow: column;
  }

  .div-block-20 {
    background-position: 100%;
    background-size: 754px 825px;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-header-wrapper.bubble-header {
    width: 86px;
    height: 18px;
    margin-left: -2px;
    font-size: 10.3px;
  }

  .menu-header-wrapper.bubble-header.arrow {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 21px;
    height: 21px;
    margin-top: 9px;
    margin-left: 48px;
    position: static;
    left: 60px;
  }

  .menu-header-wrapper.lampe-header-large {
    height: 45px;
    font-size: 13px;
    display: none;
  }

  .menu-header-wrapper.option-header {
    height: 17px;
    font-size: 13px;
  }

  .menu-header-wrapper.option-header.option-casque-tag.tag {
    border-radius: 7px;
    width: 60px;
    height: 25px;
    margin-top: 22px;
    margin-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: none;
  }

  .menu-header-wrapper.option-header.option-nuque-tag.tag {
    border-radius: 7px;
    height: 25px;
    margin-top: 22px;
    margin-left: 69px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: none;
  }

  .menu-header-wrapper.option-header.option-bandes-tag.tag {
    border-radius: 7px;
    height: 25px;
    margin-top: 22px;
    margin-left: 138px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-medium {
    height: 32px;
    font-size: 13px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-small, .menu-header-wrapper.lampe-header-small_eng, .menu-header-wrapper.lampe-header-small_es {
    height: 17px;
    font-size: 13px;
  }

  .menu-header-wrapper.lampe-header-medium_eng {
    height: 32px;
    font-size: 13px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-large_eng {
    height: 45px;
    font-size: 13px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-medium_es {
    height: 32px;
    font-size: 13px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-large_es {
    height: 45px;
    font-size: 13px;
    display: none;
  }

  .menu-header-wrapper.option-header_es {
    height: 17px;
    font-size: 13px;
  }

  .menu-header-wrapper.option-header_es.option-casque-tag.tag {
    border-radius: 7px;
    width: 60px;
    height: 25px;
    margin-top: 22px;
    margin-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: none;
  }

  .menu-header-wrapper.option-header_es.option-nuque-tag.tag {
    border-radius: 7px;
    height: 25px;
    margin-top: 22px;
    margin-left: 69px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: none;
  }

  .menu-header-wrapper.option-header_es.option-bandes-tag.tag {
    border-radius: 7px;
    height: 25px;
    margin-top: 22px;
    margin-left: 138px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: none;
  }

  .menu-header-wrapper.bubble-header_eng {
    width: 133px;
    height: 35px;
    font-size: 13px;
  }

  .menu-header-wrapper.bubble-header_eng.arrow {
    width: 25px;
    height: 25px;
  }

  .menu-header-wrapper.bubble-header_es {
    width: 133px;
    height: 35px;
    font-size: 13px;
  }

  .menu-header-wrapper.bubble-header_es.arrow {
    width: 25px;
    height: 25px;
  }

  .menu-header-wrapper.bubble-header_eng {
    width: 86px;
    height: 18px;
    margin-left: -2px;
    font-size: 10.3px;
  }

  .menu-header-wrapper.bubble-header_eng.arrow {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 21px;
    height: 21px;
    margin-top: 9px;
    margin-left: 48px;
    position: static;
    left: 60px;
  }

  .menu-header-wrapper.bubble-header_es {
    width: 86px;
    height: 18px;
    margin-left: -2px;
    font-size: 10.3px;
  }

  .menu-header-wrapper.bubble-header_es.arrow {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 21px;
    height: 21px;
    margin-top: 9px;
    margin-left: 48px;
    position: static;
    left: 60px;
  }

  .dropdown-texte-classe1 {
    width: 97px;
    padding-top: 1px;
    display: block;
    top: 15px;
  }

  .dropdown-texte-classe2-12 {
    width: 128px;
    margin-left: -2px;
    display: none;
    top: 15px;
  }

  .dropdown-texte-classe2-25 {
    width: 128px;
    margin-left: 2px;
    margin-right: 0;
    display: none;
    top: 15px;
  }

  .dropdown-texte-lampestd {
    width: 115px;
    display: none;
    top: 9px;
  }

  .dropdown-texte-lampedetect {
    width: 112px;
    display: none;
    top: 12px;
  }

  .optionbutton.casque_antibruit {
    background-size: 45px;
    border-radius: 9px;
    width: 44.4px;
    height: 50px;
    margin-top: -14%;
    display: block;
    position: static;
    left: -9px;
  }

  .optionbutton.bandesreflect {
    background-size: 45px;
    border-radius: 9px;
    width: 44.4px;
    height: 50px;
    margin-top: -14%;
    display: block;
    position: static;
  }

  .optionbutton.protege_nuque {
    background-size: 45px;
    border-radius: 9px;
    width: 44.4px;
    height: 50px;
    margin-top: -14%;
    display: block;
    position: static;
    left: -4px;
  }

  .optionbutton.sparebattery {
    width: 65px;
    height: 65px;
    margin-top: 18%;
    display: none;
    position: relative;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr minmax(27px, 27px);
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: auto;
    margin-top: 0;
    margin-left: 5px;
    display: grid;
  }

  .bubblecasque-button.cl1 {
    background-size: 62px;
    border-radius: 11px;
    width: 58.72px;
    height: 64px;
    display: none;
  }

  .bubblecasque-button.cl2_12 {
    background-size: 62px;
    border-radius: 11px;
    width: 58.72px;
    height: 64px;
    margin-left: 3px;
    display: none;
  }

  .bubblecasque-button.cl2_25 {
    background-size: 62px;
    border-radius: 11px;
    width: 58.72px;
    height: 64px;
    margin-left: 5px;
    display: none;
  }

  .barbebutton {
    border-radius: 20px;
    width: 68px;
    height: 20px;
    margin-top: 4px;
    margin-left: -2px;
    padding-left: 0;
    padding-right: 0;
    font-size: 8px;
    display: none;
  }

  .grid-2 {
    grid-row-gap: 0px;
    margin-top: 3px;
    margin-left: 9px;
  }

  .lampestdbutton {
    background-size: 54px;
    border-radius: 11px;
    width: 58.72px;
    height: 64px;
    display: none;
  }

  .lampedetectbutton {
    background-size: 60px;
    border-radius: 11px;
    width: 58.72px;
    height: 64px;
    margin-left: -18px;
    display: none;
  }

  .standardtag, .detecteurtag {
    width: 65px;
    height: 20px;
    display: none;
  }

  .formcontainer {
    width: 230px;
    height: 95px;
    display: none;
    bottom: 18%;
    left: -15%;
    overflow: hidden;
  }

  .reset {
    font-size: 13px;
  }

  .iconedecaltexte {
    width: 50px;
    height: 50px;
    position: absolute;
  }

  .grid-3 {
    grid-row-gap: 0px;
    grid-auto-rows: 0;
    overflow: visible;
  }

  .grid-4 {
    grid-column-gap: 5px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 1px;
    display: none;
  }

  .div-block-22 {
    flex-flow: row;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    height: 50px;
    display: flex;
    position: absolute;
    top: auto;
  }

  .modal {
    width: 380px;
    height: 505px;
    padding: 9px 16px;
    display: flex;
  }

  .modal_heading {
    font-size: 13.5px;
    top: 10px;
  }

  .image {
    flex-flow: row;
    width: 27px;
    display: inline-flex;
  }

  .text-block-12 {
    text-align: center;
    font-size: 15px;
  }

  .modal_panel {
    display: none;
  }

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

  .submit-button {
    width: 115px;
    margin-top: 24px;
    margin-left: -4px;
    padding: 8px 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
  }

  .field-label-2 {
    font-size: 12px;
  }

  .field-label-3 {
    text-align: left;
    font-size: 12px;
  }

  .text-field-2 {
    font-size: 12px;
  }

  .text-field-2.nameform {
    margin-bottom: 7px;
  }

  .text-field-3 {
    font-size: 12px;
  }

  .text-field-3.q-selector {
    font-size: 15px;
  }

  .div-block-23 {
    height: 42px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 15px;
  }

  .div-block-24 {
    height: 42px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .checkbox-label {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
  }

  .div-block-26 {
    font-size: 13.5px;
    display: none;
  }

  .lampestdbutton-copy {
    width: 65px;
    height: 65px;
    display: none;
  }

  .lampestd_batterybutton {
    background-size: 60px;
    border-radius: 11px;
    width: 58.72px;
    height: 64px;
    margin-left: -9px;
    display: none;
  }

  .standard_batt_tag {
    width: 65px;
    height: 20px;
    display: none;
  }

  .dropdown-texte-lampestd_battery {
    width: 112px;
    display: none;
    top: 12px;
  }

  .div-block-30 {
    margin-top: 0;
    position: absolute;
    top: -296%;
    left: 19px;
  }

  .div-block-10-copy {
    margin-left: 283px;
    position: absolute;
    overflow: visible;
  }

  .div-block-9-copy {
    border-radius: 7px;
    width: 173px;
    height: 55px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7-copy {
    width: 165px;
    margin-top: 3px;
    margin-left: 0;
    font-size: 13px;
    line-height: 13px;
  }

  .colorpalette_wrapper-copy {
    top: 0;
  }

  .div-block-10-copy-copy {
    margin-left: 283px;
    position: absolute;
    overflow: visible;
  }

  .div-block-9-copy-copy {
    width: 173px;
    height: 55px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7-copy-copy {
    width: 165px;
    margin-top: 3px;
    margin-left: 0;
    font-size: 13px;
    line-height: 13px;
  }

  .colorpalette_button-copy {
    background-size: 100% 100%;
    width: 55px;
    height: 55px;
    margin-left: 287px;
  }

  .div-block-10-_form {
    display: none;
    position: absolute;
    top: -50px;
    left: -82px;
    overflow: visible;
  }

  .div-block-9_form {
    width: 182px;
    height: 50px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7_form {
    width: 170px;
    margin-top: 1px;
    margin-left: 1px;
    font-size: 13px;
    line-height: 13px;
  }

  .visarc {
    bottom: 60px;
  }

  .image-4 {
    width: 140px;
    margin-top: 46px;
  }

  .div-block-38 {
    top: 185px;
    left: 11px;
  }

  .lang_container {
    margin-top: -340px;
    margin-right: 84px;
  }

  .flagfr {
    background-size: 23px 23px;
    border-radius: 6px;
    width: 23px;
    height: 23px;
  }

  .flaggb, .flages {
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
  }

  .div-block-9_eng {
    width: 145px;
    height: 30px;
    margin-top: -1px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    display: none;
    position: fixed;
    overflow: hidden;
  }

  .text-block-7_eng {
    width: 140px;
    margin-top: -2px;
    margin-left: -1px;
    font-size: 10px;
    line-height: 12px;
  }

  .div-block-9_creteeng {
    width: 173px;
    height: 55px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7_creteeng {
    width: 165px;
    margin-top: 3px;
    margin-left: 0;
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-9_cretecourte_eng {
    border-radius: 7px;
    width: 173px;
    height: 55px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7_cretecourte_eng {
    width: 165px;
    margin-top: 3px;
    margin-left: 0;
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-13_eng {
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    width: 210px;
    height: 55px;
    margin-left: -296px;
    display: none;
    position: relative;
  }

  .text-block-8_eng {
    width: 115px;
    margin-top: 0;
    font-size: 8px;
    line-height: 10px;
    display: none;
  }

  .div-block-9_form_gb {
    width: 182px;
    height: 50px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7_form_eng {
    width: 170px;
    margin-top: 1px;
    margin-left: 1px;
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-9_cretees {
    width: 173px;
    height: 55px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7_cretees {
    width: 165px;
    margin-top: 3px;
    margin-left: 0;
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-9_cretecourte_es {
    border-radius: 7px;
    width: 173px;
    height: 55px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7_cretecourte_es {
    width: 165px;
    margin-top: 3px;
    margin-left: 0;
    font-size: 13px;
    line-height: 13px;
  }

  .div-block-9_es {
    width: 118px;
    height: 40px;
    margin-top: -1px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    display: none;
    position: fixed;
    overflow: hidden;
  }

  .text-block-7_es {
    width: 110px;
    margin-top: -3px;
    margin-left: 2px;
    font-size: 10px;
    line-height: 12px;
  }

  .div-block-13_eng-copy {
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    width: 210px;
    height: 55px;
    margin-left: -296px;
    display: flex;
    position: relative;
  }

  .div-block-13_es {
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    width: 210px;
    height: 55px;
    margin-left: -296px;
    display: none;
    position: relative;
  }

  .text-block-8_es {
    width: 115px;
    margin-top: 0;
    font-size: 8px;
    line-height: 10px;
    display: none;
  }

  .div-block-9_form_es {
    width: 182px;
    height: 50px;
    padding: 4px 2px 2px 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }

  .text-block-7_form_es {
    width: 170px;
    margin-top: 1px;
    margin-left: 1px;
    font-size: 13px;
    line-height: 13px;
  }

  .dropdown-texte-classe1_eng {
    width: 124px;
    padding-top: 1px;
    display: none;
    top: 15px;
  }

  .dropdown-texte-classe2-12_eng {
    width: 128px;
    margin-left: -2px;
    display: none;
    top: 15px;
  }

  .dropdown-texte-classe2-25_eng {
    width: 132px;
    margin-left: 2px;
    margin-right: 0;
    display: none;
    top: 15px;
  }

  .dropdown-texte-classe1_es {
    width: 124px;
    padding-top: 1px;
    display: none;
    top: 15px;
  }

  .dropdown-texte-classe2-12_es {
    width: 128px;
    margin-left: -2px;
    display: none;
    top: 15px;
  }

  .dropdown-texte-classe2-25_es {
    width: 132px;
    margin-left: 2px;
    margin-right: 0;
    display: none;
    top: 15px;
  }

  .dropdown-texte-lampestd_eng {
    width: 115px;
    display: none;
    top: 9px;
  }

  .transition_background {
    display: block;
  }

  .dropdown-texte-lampestd_battery_eng, .dropdown-texte-lampedetect_eng {
    width: 112px;
    display: none;
    top: 12px;
  }

  .dropdown-texte-lampestd_es {
    width: 115px;
    display: none;
    top: 9px;
  }

  .dropdown-texte-lampestd_battery_es, .dropdown-texte-lampedetect_es {
    width: 112px;
    display: none;
    top: 12px;
  }

  .modal_panel_eng, .modal_panel_es {
    display: none;
  }

  .text-block-12_es {
    text-align: center;
    font-size: 15px;
  }

  .formcontainer_eng, .formcontainer_es {
    width: 230px;
    height: 95px;
    display: none;
    bottom: 18%;
    left: -15%;
    overflow: hidden;
  }

  .div-block-24_old_carton {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-field-3_old_adress {
    font-family: Bai Jamjuree, sans-serif;
    font-size: 12px;
  }

  .text-field-3_old_adress.q-selector {
    font-size: 15px;
  }

  .menu_header_number {
    width: 43px;
    height: 43px;
    font-size: 42px;
  }

  .div-block-20-copy {
    background-position: 100%;
    background-size: 754px 825px;
    padding-left: 0;
    padding-right: 0;
  }

  .menu_header_orange_cat {
    width: 152px;
    font-size: 10.3px;
    top: 5px;
    left: 1px;
  }

  .grid-5 {
    grid-column-gap: 15px;
    grid-row-gap: 1px;
    grid-template-columns: .7fr 1fr 1fr;
    grid-auto-flow: row;
    align-items: start;
    justify-items: start;
  }

  .div-block-44 {
    width: 91px;
    display: flex;
  }

  .dropdown-texte-cl1_unit {
    width: 97px;
    padding-top: 1px;
    display: block;
    top: 15px;
  }

  .dropdown-texte-cl2_12_unit {
    width: 128px;
    margin-right: -9px;
    display: block;
    top: 15px;
  }

  .div-block-45 {
    width: 165px;
    margin-left: -4px;
    display: none;
  }

  .div-block-46 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 166px;
    margin-left: -6px;
    display: none;
  }

  .dropdown-texte-cl2_25_unit {
    width: 132px;
    margin-left: -14px;
    margin-right: -13px;
    display: block;
    top: 15px;
  }

  .grid-5-copy {
    grid-column-gap: 16px;
    grid-template-rows: 25px 30px 25px;
    grid-template-columns: .7fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .grid-2-copy {
    grid-column-gap: 12px;
    grid-row-gap: 3px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 2px;
    margin-left: 2px;
    display: none;
  }

  .whitebutton, .greenbutton, .redbutton, .yellowbutton, .blackbutton {
    border-radius: 8px;
    width: 28px;
    height: 30px;
    display: block;
  }

  .blackdot {
    width: 3px;
    height: 3px;
    margin-top: 5px;
    margin-left: 1.5px;
  }

  .grid_accessoires {
    grid-column-gap: 5px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 8px;
    display: none;
  }

  .grid-6 {
    grid-column-gap: 16px;
    grid-template-columns: .7fr 1fr 1fr;
  }

  .text-block-15 {
    width: 100px;
    height: 18px;
    margin-top: 1px;
    padding-top: 0;
    font-size: 8.5px;
  }

  .div-block-48 {
    border-radius: 10px;
    width: 30px;
    height: 30px;
  }

  .flagfr_drop, .flaggb_drop, .flages_drop {
    margin-left: -4px;
  }

  .menu_header_orange_cat_eng, .menu_header_orange_cat_es {
    width: 152px;
    font-size: 10.3px;
    top: 5px;
    left: 1px;
  }

  .grid-2_plastcentral {
    grid-column-gap: 12px;
    grid-row-gap: 3px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 2px;
    margin-left: 2px;
    display: none;
  }

  .image-4-copy {
    width: 140px;
    margin-top: 46px;
  }

  .text-block-16_fr, .text-block-16_eng, .text-block-16_es {
    display: none;
  }

  .div-block-50 {
    width: 150px;
    margin-top: -7px;
  }

  .image-5 {
    height: 36px;
  }

  .text-block-17 {
    font-size: 9.8px;
  }

  .image-7 {
    width: 100px;
    margin-top: -19px;
    margin-left: 1px;
  }
}

@media screen and (max-width: 980px) {
  .html-embed {
    padding: 0;
    display: none;
  }

  .button-3 {
    width: 45px;
    height: 45px;
    top: 49px;
    left: 0;
  }

  .button-4 {
    width: 45px;
    height: 45px;
    top: 0;
    left: 0;
  }

  .matselector.orange-button {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin-left: 0;
    top: 0;
    left: 0;
  }

  .matselector.black-button {
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin-top: 0;
    margin-left: 0;
    top: 0;
    left: 0;
  }

  .matselector.blue-button {
    background-size: 100% 100%;
    align-self: auto;
    width: 28px;
    height: 28px;
    margin-top: 0;
    top: 0;
    left: 0;
  }

  .matselector.green-button {
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin-top: 0;
    margin-left: 0;
    top: 0;
    left: 0;
  }

  .matselector.yellow-button, .matselector.white-button {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin-left: 0;
    top: 0;
    left: 0;
  }

  .dropdown-wrapper {
    width: 90px;
    height: 70px;
    margin-top: 0;
    margin-left: 8px;
    overflow: visible;
  }

  .dropdown-trigger {
    padding: 2px;
  }

  .text-block {
    font-size: 9px;
  }

  .dropdown-content {
    height: 50px;
  }

  .dropdown-button._1, .dropdown-button._2 {
    padding: 2px;
    font-size: 10px;
    line-height: 13px;
  }

  .dropdown-wrapper3 {
    width: 90px;
    height: 70px;
    margin-top: 166px;
    margin-left: 8px;
  }

  .dropdown-trigger3 {
    font-size: 10px;
  }

  .text-block-3 {
    padding: 1px;
    font-size: 9px;
  }

  .dropdown-content3 {
    height: 65px;
  }

  .dropdown-button3 {
    height: auto;
    padding: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .dropdown-button3.casqueoption_button {
    height: auto;
    padding: 2px;
    display: block;
  }

  .dropdown-button3.protectnuque_button, .dropdown-button3.reflect_button {
    padding: 2px;
    display: block;
  }

  .dropdown-wrapper2 {
    width: 90px;
    height: 60px;
    margin-top: 100px;
    margin-left: 8px;
  }

  .dropdown-trigger2 {
    padding: 1px;
  }

  .text-block-4 {
    font-size: 8px;
    line-height: 10px;
  }

  .dropdown-content2 {
    height: 40px;
  }

  .dropdown-button2 {
    height: 20%;
    font-size: 10px;
  }

  .dropdown-button2.lampestd, .dropdown-button2.lampedetect {
    height: auto;
    padding: 2px;
  }

  .text-block-5 {
    float: none;
    margin-top: 0;
    margin-left: 0;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    position: static;
  }

  .div-block-6 {
    width: 90px;
    height: 25px;
    margin-top: 71px;
    margin-left: 8px;
    padding: 2px;
    font-size: 10px;
    line-height: 12px;
  }

  .div-block-7 {
    width: 57px;
    height: 18px;
    margin-top: 17px;
    margin-left: 90px;
  }

  .text-block-6 {
    text-align: left;
    width: 60px;
    margin-top: -4px;
    margin-left: -3px;
    padding: 0;
    font-size: 9px;
    line-height: 8px;
  }

  .info_button {
    border-radius: 4px;
    width: 19px;
    height: 19px;
    margin-top: -69px;
    margin-right: 0;
    top: 80px;
    left: 83px;
  }

  .div-block-9 {
    border-radius: 4px;
    width: 75px;
    height: 38px;
    margin-top: -1px;
  }

  .text-block-7 {
    width: 70px;
    margin-top: 0;
    margin-left: -2px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .form-block {
    width: 90px;
    height: 70px;
    margin-top: 252px;
    margin-left: 8px;
  }

  .field-label {
    padding: 2px;
    font-size: 9px;
    line-height: 12px;
  }

  .formok {
    width: 55px;
    height: 14px;
    margin-top: 324px;
    margin-left: 8px;
    padding: 2px;
    font-size: 10px;
    line-height: 12px;
  }

  .formok.reset, .formok.resettexte-button {
    width: 33px;
    margin-left: 64px;
    padding: 2px;
  }

  .input1 {
    height: 20px;
    padding: 2px;
    font-size: 10px;
    line-height: 12px;
  }

  .input2 {
    text-align: center;
    height: 20px;
    margin-top: -9px;
    font-size: 10px;
    line-height: 12px;
  }

  .uploadpicture_button {
    background-size: 42px;
    width: 38px;
    height: 38px;
    margin-right: 0;
    top: 118px;
    left: 85px;
  }

  .div-block-13 {
    border-radius: 7px;
    width: 115px;
    height: 57px;
  }

  .text-block-8 {
    text-align: justify;
    width: 104px;
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;
    font-size: 10px;
    line-height: 10px;
  }

  .colorpalette_button {
    width: 38px;
    height: 38px;
    margin-top: -27px;
    margin-left: 104px;
    left: 7px;
  }

  .colorpalette_content {
    align-content: space-around;
    width: 130px;
    height: 65px;
    margin-top: 0;
    bottom: -17px;
    left: -24px;
  }

  .color_container {
    border-radius: 10px;
    align-content: space-around;
    justify-content: space-around;
    width: 110px;
    height: 65px;
    margin-top: 0;
  }

  .colorpalette_wrapper {
    width: 100px;
    margin-top: 101px;
    top: 3px;
    left: -26px;
  }

  .screenshot_button {
    background-size: contain;
    width: 30px;
    height: 30px;
    top: 101px;
    left: 6px;
  }

  .text-block-9, .text-block-10 {
    font-size: 10px;
    line-height: 10px;
  }

  .text-block-11 {
    font-size: 10px;
    line-height: 12px;
  }

  .decal_logo_reset_button {
    width: 38px;
    height: 17px;
    margin-right: 0;
    font-size: 10px;
    line-height: 12px;
    top: 157px;
    left: 85px;
  }

  .right-panel {
    border: 0 rgba(0, 0, 0, 0);
    align-content: center;
    width: 0;
    height: 315px;
    margin-right: 114px;
    padding-top: 0;
    display: none;
    top: 5%;
    left: -3px;
  }

  .left-panel {
    width: 100%;
    min-height: 16%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: none;
    top: -97px;
    bottom: 0;
  }

  .fullscreen-button {
    border-radius: 4px;
    width: 19px;
    height: 19px;
    margin-top: 11px;
    left: 103px;
  }

  .form-block-texteperso {
    width: 90px;
    height: 70px;
    margin-top: 252px;
    margin-left: 8px;
  }

  .testwrap {
    width: 92%;
    height: 55px;
    top: 19px;
  }

  .div-block-18 {
    background-position: 0 100%;
  }

  .div-block-19 {
    background-position: 50% 100%;
  }

  .div-block-20 {
    background-position: 100% 100%;
  }

  .menu-header-wrapper.bubble-header {
    width: 120px;
    font-size: 12px;
  }

  .menu-header-wrapper.lampe-header-large {
    width: 113px;
    display: none;
  }

  .menu-header-wrapper.option-header {
    width: 63px;
    font-size: 12px;
  }

  .menu-header-wrapper.option-header.option-casque-tag.tag {
    margin-top: 0;
    margin-left: 0;
    display: none;
    top: -58%;
  }

  .menu-header-wrapper.option-header.option-nuque-tag.tag {
    width: 55px;
    margin-top: 0;
    margin-left: 0;
    display: none;
    top: -58%;
    left: 33.5%;
  }

  .menu-header-wrapper.option-header.option-bandes-tag.tag {
    margin-top: 0;
    margin-left: 0;
    display: none;
    top: -58%;
    left: 64%;
  }

  .menu-header-wrapper.lampe-header-medium {
    width: 113px;
  }

  .menu-header-wrapper.lampe-header-small, .menu-header-wrapper.lampe-header-small_eng, .menu-header-wrapper.lampe-header-small_es {
    width: 113px;
    font-size: 12px;
  }

  .menu-header-wrapper.lampe-header-medium_eng {
    width: 113px;
  }

  .menu-header-wrapper.lampe-header-large_eng {
    width: 113px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-medium_es {
    width: 113px;
  }

  .menu-header-wrapper.lampe-header-large_es {
    width: 113px;
    display: none;
  }

  .menu-header-wrapper.option-header_es {
    width: 63px;
    font-size: 12px;
  }

  .menu-header-wrapper.option-header_es.option-casque-tag.tag {
    margin-top: 0;
    margin-left: 0;
    display: none;
    top: -58%;
  }

  .menu-header-wrapper.option-header_es.option-nuque-tag.tag {
    width: 55px;
    margin-top: 0;
    margin-left: 0;
    display: none;
    top: -58%;
    left: 33.5%;
  }

  .menu-header-wrapper.option-header_es.option-bandes-tag.tag {
    margin-top: 0;
    margin-left: 0;
    display: none;
    top: -58%;
    left: 64%;
  }

  .menu-header-wrapper.bubble-header_eng, .menu-header-wrapper.bubble-header_es, .menu-header-wrapper.bubble-header_eng, .menu-header-wrapper.bubble-header_es {
    width: 120px;
    font-size: 12px;
  }

  .dropdown-texte-classe1 {
    display: block;
    left: -3px;
  }

  .dropdown-texte-classe2-12, .dropdown-texte-classe2-25 {
    display: none;
    left: -3px;
  }

  .dropdown-texte-lampestd, .dropdown-texte-lampedetect {
    display: none;
  }

  .optionbutton.casque_antibruit, .optionbutton.bandesreflect, .optionbutton.protege_nuque, .optionbutton.sparebattery {
    width: 57px;
    height: 57px;
    display: none;
  }

  .grid {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    margin-top: 1px;
    margin-left: 120px;
  }

  .bubblecasque-button.cl1, .bubblecasque-button.cl2_12, .bubblecasque-button.cl2_25 {
    width: 55px;
    height: 55px;
    display: none;
  }

  .barbebutton {
    text-align: center;
    width: 56px;
    height: 14px;
    font-size: 10.5px;
    display: none;
  }

  .grid-2 {
    grid-column-gap: 11px;
    grid-row-gap: 2px;
    margin-top: 0;
    margin-left: 98px;
  }

  .lampestdbutton, .lampedetectbutton {
    width: 57px;
    height: 57px;
    display: none;
  }

  .standardtag, .detecteurtag {
    align-items: center;
    width: 57px;
    height: 13px;
    font-size: 10px;
    display: none;
  }

  .formcontainer {
    display: none;
  }

  .formok-copy {
    width: 55px;
    height: 14px;
    margin-top: 324px;
    margin-left: 8px;
    padding: 2px;
    font-size: 10px;
    line-height: 12px;
  }

  .formok-copy.reset, .formok-copy.resettexte-button {
    width: 33px;
    margin-left: 64px;
    padding: 2px;
  }

  .iconedecaltexte {
    width: 35px;
    height: 35px;
    display: block;
    bottom: -19px;
    left: 6px;
  }

  .grid-3 {
    grid-template-rows: minmax(150px, 1fr) auto;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) 230px;
    grid-auto-flow: column dense;
  }

  .grid-4 {
    grid-column-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -9px;
    margin-left: 46px;
  }

  .div-block-22 {
    width: 55px;
    height: 125px;
    margin-top: 0;
    margin-left: 5px;
    display: none;
    position: relative;
    top: 37%;
    right: 0%;
  }

  .modal {
    background-position: 0 0, 190% 80%;
    border-width: 3px;
    width: 375px;
    height: 310px;
    margin-top: -33px;
    padding: 4px 14px;
    display: none;
  }

  .modal_heading {
    height: 27px;
    margin-top: -174px;
    margin-bottom: 9px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px;
  }

  .image {
    width: 28px;
  }

  .text-block-12 {
    font-size: 12.5px;
  }

  .modal_panel {
    display: none;
  }

  .submit-button {
    text-align: center;
    width: 110px;
    height: 22px;
    margin-top: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 11.5px;
    line-height: 8px;
  }

  .field-label-2, .field-label-3 {
    line-height: 12px;
  }

  .field-label-3.prestigeoffer {
    width: 210px;
    margin-top: -2px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 11px;
  }

  .text-field-2 {
    width: 180px;
    height: 26px;
    margin-bottom: 1px;
  }

  .text-field-2.nameform {
    height: 26px;
    margin-bottom: 1px;
  }

  .text-field-3 {
    width: 180px;
    height: 26px;
    margin-bottom: 1px;
  }

  .text-field-3.q-selector {
    width: 180px;
  }

  .div-block-23, .div-block-24 {
    height: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .checkbox-field {
    margin-left: 10px;
  }

  .error-message {
    background-color: rgba(0, 0, 0, 0);
    width: 0;
  }

  .checkbox-label {
    font-size: 12.5px;
    font-weight: 500;
    line-height: 13px;
  }

  .div-block-25 {
    width: 0;
    height: 0;
  }

  .div-block-26 {
    display: none;
  }

  .image-2 {
    margin-left: 216px;
  }

  .opacity_layer {
    width: 16px;
    height: 16px;
    display: none;
  }

  .lampestdbutton-copy, .lampestd_batterybutton {
    width: 57px;
    height: 57px;
    display: none;
  }

  .standard_batt_tag {
    align-items: center;
    width: 57px;
    height: 13px;
    font-size: 10px;
    display: none;
  }

  .dropdown-texte-lampestd_battery {
    display: none;
  }

  .div-block-30 {
    left: 62px;
  }

  .div-block-9-copy {
    width: 90px;
    height: 38px;
  }

  .text-block-7-copy {
    width: 80px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .colorpalette_wrapper-copy {
    width: 100px;
    margin-top: 58px;
    top: 3px;
    left: -26px;
  }

  .div-block-9-copy-copy {
    width: 90px;
    height: 38px;
  }

  .text-block-7-copy-copy {
    width: 80px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .colorpalette_button-copy {
    background-size: 100% 100%;
    width: 38px;
    height: 38px;
    margin-top: -24px;
    margin-left: 104px;
    left: 7px;
  }

  .div-block-31, .div-block-31-copy {
    width: 10px;
    height: 10px;
  }

  .div-block-9_form {
    border-radius: 7px;
    width: 90px;
    height: 35px;
    top: 34px;
    left: 57px;
  }

  .text-block-7_form {
    width: 80px;
    height: 30px;
    margin-top: -2px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-38 {
    border-radius: 5px 11px 5px 5px;
    width: 40px;
    height: 44.4px;
    top: 100px;
  }

  .div-block-39 {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 33px;
  }

  .div-block-9_eng {
    border-radius: 4px;
    width: 75px;
    height: 38px;
    margin-top: -1px;
  }

  .text-block-7_eng {
    width: 70px;
    margin-top: 0;
    margin-left: -2px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-9_creteeng {
    width: 90px;
    height: 38px;
  }

  .text-block-7_creteeng {
    width: 80px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-9_cretecourte_eng {
    width: 90px;
    height: 38px;
  }

  .text-block-7_cretecourte_eng {
    width: 80px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-13_eng {
    border-radius: 7px;
    width: 115px;
    height: 57px;
  }

  .text-block-8_eng {
    text-align: justify;
    width: 104px;
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-9_form_gb {
    border-radius: 7px;
    width: 90px;
    height: 35px;
    top: 34px;
    left: 57px;
  }

  .text-block-7_form_eng {
    width: 80px;
    height: 30px;
    margin-top: -2px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-9_cretees {
    width: 90px;
    height: 38px;
  }

  .text-block-7_cretees {
    width: 80px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-9_cretecourte_es {
    width: 90px;
    height: 38px;
  }

  .text-block-7_cretecourte_es {
    width: 80px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-9_es {
    border-radius: 4px;
    width: 75px;
    height: 38px;
    margin-top: -1px;
  }

  .text-block-7_es {
    width: 70px;
    margin-top: 0;
    margin-left: -2px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-13_eng-copy, .div-block-13_es {
    border-radius: 7px;
    width: 115px;
    height: 57px;
  }

  .text-block-8_es {
    text-align: justify;
    width: 104px;
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-9_form_es {
    border-radius: 7px;
    width: 90px;
    height: 35px;
    top: 34px;
    left: 57px;
  }

  .text-block-7_form_es {
    width: 80px;
    height: 30px;
    margin-top: -2px;
    padding-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .dropdown-texte-classe1_eng, .dropdown-texte-classe2-12_eng, .dropdown-texte-classe2-25_eng, .dropdown-texte-classe1_es, .dropdown-texte-classe2-12_es, .dropdown-texte-classe2-25_es {
    display: none;
    left: -3px;
  }

  .dropdown-texte-lampestd_eng, .dropdown-texte-lampestd_battery_eng, .dropdown-texte-lampedetect_eng, .dropdown-texte-lampestd_es, .dropdown-texte-lampestd_battery_es, .dropdown-texte-lampedetect_es, .modal_panel_eng, .modal_panel_es {
    display: none;
  }

  .text-block-12_es {
    font-size: 12.5px;
  }

  .image-2_es {
    margin-left: 216px;
  }

  .formcontainer_eng, .formcontainer_es {
    display: none;
  }

  .div-block-24_old_carton {
    height: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .text-field-3_old_adress {
    width: 180px;
    height: 26px;
    margin-bottom: 1px;
  }

  .text-field-3_old_adress.q-selector {
    width: 180px;
  }

  .country_selector {
    width: 180px;
    height: 26px;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .div-block-20-copy {
    background-position: 100% 100%;
  }

  .dropdown-texte-cl1_unit {
    display: block;
    left: -3px;
  }

  .dropdown-texte-cl2_12_unit, .dropdown-texte-cl2_25_unit {
    display: none;
    left: -3px;
  }

  .grid-2-copy {
    grid-column-gap: 11px;
    grid-row-gap: 2px;
    margin-top: 0;
    margin-left: 98px;
  }

  .whitebutton, .greenbutton, .redbutton, .yellowbutton, .blackbutton {
    width: 57px;
    height: 57px;
    display: none;
  }

  .grid_accessoires {
    grid-column-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -9px;
    margin-left: 46px;
  }

  .grid-2_plastcentral {
    grid-column-gap: 11px;
    grid-row-gap: 2px;
    margin-top: 0;
    margin-left: 98px;
  }

  .mobile_panel {
    z-index: 4;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #101e38;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .image-4-copy {
    vertical-align: baseline;
    width: 145px;
    margin-top: 0;
  }

  .text-block-16 {
    color: #fff;
    text-align: center;
    width: 50%;
    font-family: Bai Jamjuree, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    position: static;
  }

  .text-block-16_fr, .text-block-16_eng, .text-block-16_es {
    color: #fff;
    text-align: center;
    width: 65%;
    font-family: Bai Jamjuree, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: none;
    position: static;
  }

  .div-block-50 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .button-3 {
    border-radius: 5px;
    top: 0;
    left: 53px;
  }

  .button-4 {
    border-radius: 5px;
  }

  .matselector.green-button {
    margin-top: 0;
  }

  .info_button {
    background-image: url('../images/infoIcon---Copie.png');
    background-position: 50%;
    background-size: cover;
    width: 27px;
    height: 27px;
    margin-top: 38px;
    top: -28px;
    left: 144px;
    transform: rotate(0)rotate(-90deg);
  }

  .div-block-9 {
    width: 130px;
    height: 27px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7 {
    width: 125px;
    height: 27px;
    margin-top: -3px;
    margin-left: -6px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .div-block-10 {
    margin-left: -3px;
    top: 0;
    left: 0;
  }

  .form-block, .formok, .formok.reset {
    display: none;
  }

  .uploadpicture_button {
    background-image: url('../images/Icon_LogoDecal_Marks---Copie.jpg');
    background-position: 0 0;
    background-size: cover;
    border-radius: 5px;
    width: 45px;
    height: 45px;
    top: 10px;
    left: 77px;
    transform: rotate(-90deg);
  }

  .div-block-12 {
    margin-left: -3px;
    left: 0;
  }

  .div-block-13 {
    width: 150px;
    height: 45px;
  }

  .text-block-8 {
    width: 150px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg);
  }

  .colorpalette_button {
    border-radius: 5px;
    width: 45px;
    height: 45px;
    margin-top: 25px;
    left: 6px;
    transform: rotate(90deg);
  }

  .colorpalette_content {
    width: 110px;
    bottom: -73px;
    left: -4px;
  }

  .color_container {
    height: 65px;
    margin-top: 0;
    margin-right: 0;
  }

  .colorpalette_wrapper {
    margin-top: 12px;
    top: 103px;
    left: -48px;
    transform: rotate(-90deg);
  }

  .screenshot_button {
    top: 54px;
    left: 5px;
  }

  .decal_logo_reset_button {
    width: 45px;
    top: 24px;
    left: 112px;
    transform: rotate(90deg);
  }

  .decal_logo_reset_button:hover {
    transform: rotate(90deg);
  }

  .right-panel {
    align-content: space-between;
    justify-content: flex-end;
    width: 0;
    height: 0;
    margin-right: 183px;
    display: none;
    top: 0%;
    left: -16px;
  }

  .left-panel {
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
    display: none;
  }

  .fullscreen-button {
    width: 27px;
    height: 27px;
    margin-top: 1px;
    top: 9px;
    left: 175px;
  }

  .testwrap {
    flex-direction: column;
    width: 43%;
    height: 115px;
    top: -16px;
  }

  .panelbubble-testwrap {
    flex-wrap: wrap;
    align-content: space-between;
  }

  .panelbubble-testwrap.panel1, .panelbubble-testwrap.panel2, .panelbubble-testwrap.panel3, .panelbubble-testwrap.panel5, .panelbubble-testwrap.panel4 {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .div-block-19 {
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-20 {
    justify-content: space-between;
  }

  .menu-header-wrapper.bubble-header {
    border-bottom-right-radius: 10px;
    width: 109px;
    height: 29px;
    font-size: 11px;
  }

  .menu-header-wrapper.bubble-header.arrow {
    width: 20px;
    height: 20px;
  }

  .menu-header-wrapper.lampe-header-large {
    border-bottom-right-radius: 10px;
    height: 32px;
    font-size: 11px;
    display: none;
  }

  .menu-header-wrapper.option-header {
    border-bottom-right-radius: 10px;
    width: 57px;
    height: 15px;
    font-size: 11px;
  }

  .menu-header-wrapper.option-header.option-casque-tag.tag {
    width: 55px;
    height: 22px;
    font-size: 9.5px;
    display: none;
    top: 35%;
  }

  .menu-header-wrapper.option-header.option-nuque-tag.tag {
    width: 42px;
    height: 22px;
    font-size: 9.5px;
    display: none;
    top: 36%;
    left: 40.5%;
  }

  .menu-header-wrapper.option-header.option-bandes-tag.tag {
    width: 41px;
    height: 22px;
    font-size: 9.5px;
    display: none;
    top: 36%;
    left: 71%;
  }

  .menu-header-wrapper.lampe-header-medium {
    border-bottom-right-radius: 10px;
    width: 95px;
    height: 29px;
    font-size: 11px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-small, .menu-header-wrapper.lampe-header-small_eng, .menu-header-wrapper.lampe-header-small_es {
    border-bottom-right-radius: 10px;
    width: 95px;
    font-size: 11px;
  }

  .menu-header-wrapper.lampe-header-medium_eng {
    border-bottom-right-radius: 10px;
    width: 95px;
    height: 29px;
    font-size: 11px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-large_eng {
    border-bottom-right-radius: 10px;
    height: 32px;
    font-size: 11px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-medium_es {
    border-bottom-right-radius: 10px;
    width: 95px;
    height: 29px;
    font-size: 11px;
    display: none;
  }

  .menu-header-wrapper.lampe-header-large_es {
    border-bottom-right-radius: 10px;
    height: 32px;
    font-size: 11px;
    display: none;
  }

  .menu-header-wrapper.option-header_es {
    border-bottom-right-radius: 10px;
    width: 57px;
    height: 15px;
    font-size: 11px;
  }

  .menu-header-wrapper.option-header_es.option-casque-tag.tag {
    width: 55px;
    height: 22px;
    font-size: 9.5px;
    display: none;
    top: 35%;
  }

  .menu-header-wrapper.option-header_es.option-nuque-tag.tag {
    width: 42px;
    height: 22px;
    font-size: 9.5px;
    display: none;
    top: 36%;
    left: 40.5%;
  }

  .menu-header-wrapper.option-header_es.option-bandes-tag.tag {
    width: 41px;
    height: 22px;
    font-size: 9.5px;
    display: none;
    top: 36%;
    left: 71%;
  }

  .menu-header-wrapper.bubble-header_eng {
    border-bottom-right-radius: 10px;
    width: 109px;
    height: 29px;
    font-size: 11px;
  }

  .menu-header-wrapper.bubble-header_eng.arrow {
    width: 20px;
    height: 20px;
  }

  .menu-header-wrapper.bubble-header_es {
    border-bottom-right-radius: 10px;
    width: 109px;
    height: 29px;
    font-size: 11px;
  }

  .menu-header-wrapper.bubble-header_es.arrow {
    width: 20px;
    height: 20px;
  }

  .dropdown-texte-classe1 {
    font-size: 10.5px;
    display: block;
    top: 12px;
  }

  .dropdown-texte-classe2-12, .dropdown-texte-classe2-25 {
    font-size: 10.5px;
    display: none;
    top: 12px;
  }

  .dropdown-texte-lampestd {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10.5px;
    display: none;
  }

  .dropdown-texte-lampedetect {
    font-size: 10.5px;
    line-height: 10px;
    display: none;
  }

  .lampebutton {
    width: 35px;
    height: 35px;
    margin-top: 45%;
    font-size: 8px;
    line-height: 10px;
    display: flex;
  }

  .optionbutton {
    width: 35px;
    height: 35px;
    margin-top: 34%;
    font-size: 9px;
    line-height: 10px;
    display: flex;
  }

  .optionbutton.casque_antibruit {
    border-radius: 6px;
    width: 55px;
    height: 55px;
    display: none;
    left: 0;
  }

  .optionbutton.bandesreflect {
    border-radius: 6px;
    width: 55px;
    height: 55px;
    display: none;
  }

  .optionbutton.protege_nuque {
    border-radius: 6px;
    width: 55px;
    height: 55px;
    display: none;
    left: 0;
  }

  .optionbutton.sparebattery {
    border-radius: 6px;
    width: 55px;
    height: 55px;
    display: none;
  }

  .grid {
    margin-top: 0;
    margin-left: 102%;
  }

  .bubblecasque-button {
    width: 35px;
    height: 35px;
    font-size: 8px;
    font-weight: 500;
    display: flex;
  }

  .bubblecasque-button.cl1, .bubblecasque-button.cl2_12, .bubblecasque-button.cl2_25 {
    border-radius: 6px;
    display: none;
  }

  .barbebutton {
    flex-direction: column;
    justify-content: center;
    width: 55px;
    height: 18px;
    margin-left: 0;
    font-size: 11px;
    display: none;
  }

  .grid-2 {
    grid-column-gap: 3px;
    width: 130px;
    margin-top: -2px;
    margin-left: 102%;
  }

  .lampestdbutton, .lampedetectbutton {
    border-radius: 6px;
    width: 55px;
    height: 55px;
    display: none;
  }

  .standardtag, .detecteurtag {
    display: none;
  }

  .formcontainer {
    width: 30%;
    display: none;
  }

  .formok-copy, .formok-copy.reset {
    display: none;
  }

  .iconedecaltexte {
    bottom: 18px;
    left: -17px;
  }

  .grid-3 {
    grid-template-rows: minmax(150px, 1fr) auto;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }

  .grid-4 {
    grid-column-gap: 2px;
    width: 160px;
    margin-top: -12px;
    margin-left: 102%;
  }

  .div-block-22 {
    width: 127px;
    height: 68px;
    margin-left: 1%;
    top: 1%;
  }

  .modal {
    width: 280px;
    height: 400px;
    padding: 7px 11px;
  }

  .modal_heading {
    height: 30px;
    margin-top: -182px;
    margin-bottom: -21px;
  }

  .text-block-12 {
    font-size: 13.5px;
  }

  .modal_panel {
    display: none;
  }

  .submit-button {
    margin-top: 31px;
  }

  .field-label-3.prestigeoffer {
    width: 145px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 10px;
    line-height: 10px;
  }

  .text-field-2 {
    width: 150px;
    margin-left: 25px;
  }

  .text-field-2.nameform {
    margin-left: 63px;
  }

  .text-field-3 {
    width: 150px;
    margin-left: -68px;
  }

  .text-field-3.q-selector {
    width: 150px;
    margin-left: -67px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .div-block-23 {
    width: 170px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-24 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .checkbox-field.fieldlogopdf {
    margin-left: 11px;
  }

  .checkbox-field.fieldoffrepdf {
    margin-left: -7px;
  }

  .checkbox {
    margin-left: -11px;
  }

  .checkbox-label {
    height: 30px;
    margin-left: 3px;
    font-size: 12px;
    line-height: 15px;
  }

  .div-block-26 {
    display: none;
  }

  .image-2 {
    width: 16px;
    margin-left: 154px;
  }

  .lampestdbutton-copy, .lampestd_batterybutton {
    border-radius: 6px;
    width: 55px;
    height: 55px;
    display: none;
  }

  .standard_batt_tag {
    display: none;
  }

  .dropdown-texte-lampestd_battery {
    font-size: 10.5px;
    line-height: 10px;
    display: none;
  }

  .div-block-30 {
    left: 24px;
  }

  .div-block-10-copy {
    margin-top: 25px;
    margin-left: 107px;
    top: 0;
    left: 0;
  }

  .div-block-9-copy {
    width: 150px;
    height: 45px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7-copy {
    width: 150px;
    height: 40px;
    margin-top: -1px;
    margin-left: -12px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .colorpalette_wrapper-copy {
    margin-top: 12px;
    top: 103px;
    left: -97px;
    transform: rotate(-90deg);
  }

  .div-block-10-copy-copy {
    margin-left: -3px;
    top: 0;
    left: 0;
  }

  .div-block-9-copy-copy {
    width: 150px;
    height: 45px;
    margin-top: 25px;
    margin-left: -40px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7-copy-copy {
    width: 150px;
    height: 40px;
    margin-top: -1px;
    margin-left: -12px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .colorpalette_button-copy {
    border-radius: 5px;
    width: 45px;
    height: 45px;
    margin-top: 25px;
    left: 6px;
    transform: rotate(90deg);
  }

  .div-block-10-_form {
    margin-left: -3px;
    top: -95px;
    left: 0;
  }

  .div-block-9_form {
    width: 163px;
    height: 35px;
    padding-top: 0;
    padding-left: 9px;
    top: 42px;
    left: 24px;
  }

  .text-block-7_form {
    width: 150px;
    margin-top: 3px;
    margin-left: -3px;
    font-size: 11.5px;
    line-height: 10px;
    transform: translate(0);
  }

  .div-block-38 {
    top: 52px;
  }

  .div-block-9_eng {
    width: 130px;
    height: 27px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7_eng {
    width: 125px;
    height: 27px;
    margin-top: -3px;
    margin-left: -6px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .div-block-9_creteeng {
    width: 150px;
    height: 45px;
    margin-top: 25px;
    margin-left: -40px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7_creteeng {
    width: 150px;
    height: 40px;
    margin-top: -1px;
    margin-left: -12px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .div-block-9_cretecourte_eng {
    width: 150px;
    height: 45px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7_cretecourte_eng {
    width: 150px;
    height: 40px;
    margin-top: -1px;
    margin-left: -12px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .div-block-13_eng {
    width: 150px;
    height: 45px;
  }

  .text-block-8_eng {
    width: 150px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg);
  }

  .div-block-9_form_gb {
    width: 163px;
    height: 35px;
    padding-top: 0;
    padding-left: 9px;
    top: 42px;
    left: 24px;
  }

  .text-block-7_form_eng {
    width: 150px;
    margin-top: 3px;
    margin-left: -3px;
    font-size: 11.5px;
    line-height: 10px;
    transform: translate(0);
  }

  .div-block-9_cretees {
    width: 150px;
    height: 45px;
    margin-top: 25px;
    margin-left: -40px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7_cretees {
    width: 150px;
    height: 40px;
    margin-top: -1px;
    margin-left: -12px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .div-block-9_cretecourte_es {
    width: 150px;
    height: 45px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7_cretecourte_es {
    width: 150px;
    height: 40px;
    margin-top: -1px;
    margin-left: -12px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .div-block-9_es {
    width: 130px;
    height: 27px;
    padding-top: 0;
    padding-left: 9px;
  }

  .text-block-7_es {
    width: 125px;
    height: 27px;
    margin-top: -3px;
    margin-left: -6px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg)translate(0);
  }

  .div-block-13_eng-copy, .div-block-13_es {
    width: 150px;
    height: 45px;
  }

  .text-block-8_es {
    width: 150px;
    font-size: 11.5px;
    line-height: 10px;
    transform: rotate(180deg);
  }

  .div-block-9_form_es {
    width: 163px;
    height: 35px;
    padding-top: 0;
    padding-left: 9px;
    top: 42px;
    left: 24px;
  }

  .text-block-7_form_es {
    width: 150px;
    margin-top: 3px;
    margin-left: -3px;
    font-size: 11.5px;
    line-height: 10px;
    transform: translate(0);
  }

  .dropdown-texte-classe1_eng {
    font-size: 10.5px;
    display: block;
    top: 12px;
  }

  .dropdown-texte-classe2-12_eng, .dropdown-texte-classe2-25_eng {
    font-size: 10.5px;
    display: none;
    top: 12px;
  }

  .dropdown-texte-classe1_es {
    font-size: 10.5px;
    display: block;
    top: 12px;
  }

  .dropdown-texte-classe2-12_es, .dropdown-texte-classe2-25_es {
    font-size: 10.5px;
    display: none;
    top: 12px;
  }

  .dropdown-texte-lampestd_eng {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10.5px;
    display: none;
  }

  .dropdown-texte-lampestd_battery_eng, .dropdown-texte-lampedetect_eng {
    font-size: 10.5px;
    line-height: 10px;
    display: none;
  }

  .dropdown-texte-lampestd_es {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10.5px;
    display: none;
  }

  .dropdown-texte-lampestd_battery_es, .dropdown-texte-lampedetect_es {
    font-size: 10.5px;
    line-height: 10px;
    display: none;
  }

  .modal_panel_eng, .modal_panel_es {
    display: none;
  }

  .text-block-12_es {
    font-size: 13.5px;
  }

  .image-2_es {
    width: 16px;
    margin-left: 154px;
  }

  .formcontainer_eng, .formcontainer_es {
    width: 30%;
    display: none;
  }

  .div-block-24_old_carton {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-field-3_old_adress {
    width: 150px;
    margin-left: -68px;
  }

  .text-field-3_old_adress.q-selector {
    width: 150px;
    margin-left: -67px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .div-block-20-copy {
    justify-content: space-between;
  }

  .dropdown-texte-cl1_unit {
    font-size: 10.5px;
    display: block;
    top: 12px;
  }

  .dropdown-texte-cl2_12_unit, .dropdown-texte-cl2_25_unit {
    font-size: 10.5px;
    display: none;
    top: 12px;
  }

  .grid-2-copy {
    grid-column-gap: 3px;
    width: 130px;
    margin-top: -2px;
    margin-left: 102%;
  }

  .whitebutton, .greenbutton, .redbutton, .yellowbutton, .blackbutton {
    border-radius: 6px;
    width: 55px;
    height: 55px;
    display: none;
  }

  .grid_accessoires {
    grid-column-gap: 2px;
    width: 160px;
    margin-top: -12px;
    margin-left: 102%;
  }

  .grid-2_plastcentral {
    grid-column-gap: 3px;
    width: 130px;
    margin-top: -2px;
    margin-left: 102%;
  }

  .mobile_panel {
    z-index: 10;
  }

  .text-block-16 {
    text-align: center;
    width: 60%;
  }

  .text-block-16_fr {
    text-align: center;
    width: 60%;
    display: none;
  }

  .text-block-16_eng, .text-block-16_es {
    text-align: center;
    width: 60%;
  }
}

#w-node-_91d0d302-ce0c-94ca-19b1-c2287fc9aadf-5c501d0b {
  grid-area: 1 / 1 / 2 / 4;
  justify-self: stretch;
}

#return_arrow.w-node-d2aaa1e6-1c60-f772-8747-770a7120b95d-5c501d0b {
  grid-area: 1 / 1 / 3 / 2;
  justify-self: end;
}

#return_text.w-node-_8f7f1c82-edec-aa4a-8b2e-929eb9009b5b-5c501d0b {
  grid-area: 1 / 2 / 2 / 3;
}

#left_panel.w-node-e1f756a9-de0b-fed1-48a0-5ce12132c458-5c501d0b {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  justify-self: start;
}

#w-node-_9975e8f8-b55c-8ba1-2ac7-05450eacfd22-5c501d0b {
  grid-area: 1 / 1 / 4 / 2;
}

#headerpanel1.w-node-_958565f3-b968-5982-945e-1b94235962bf-5c501d0b, #headerpanel1_ENG.w-node-_07fecb8a-3dfc-7690-042e-9f9a5623de09-5c501d0b, #headerpanel1_ES.w-node-_729782e9-685a-0150-0984-33179dfa7212-5c501d0b {
  grid-area: 2 / 2 / 3 / 3;
}

#headerOrange_panel1.w-node-ddc465bc-5389-f1d4-648d-38b1a456fb87-5c501d0b, #headerOrange_panel1_ENG.w-node-_73c3f2d5-9e2c-8dde-dff5-d3f53265e801-5c501d0b, #headerOrange_panel1_ES.w-node-_7f786bd2-890e-175f-af3f-513f1570f3d9-5c501d0b {
  grid-area: 2 / 2 / 3 / 4;
  align-self: center;
  justify-self: start;
}

#arrowpanel1.w-node-a04961ba-9264-d515-c606-f8fcb9ed8672-5c501d0b {
  grid-area: 2 / 3 / 3 / 4;
}

#dropdowntexte_Class1.w-node-_55590bad-a874-4392-9e76-989b64fb7f49-5c501d0b {
  grid-area: 3 / 2 / 4 / 4;
  align-self: auto;
  justify-self: auto;
}

#dropdowntexte_Class2_12.w-node-_99efaeee-0973-f128-8ebe-b0c857d157ca-5c501d0b, #dropdowntexte_Class2_25.w-node-_784ddbaa-049e-3511-d415-62982b4d0603-5c501d0b {
  grid-area: 3 / 2 / 4 / 4;
  align-self: center;
  justify-self: center;
}

#gridbubblebuttons.w-node-_8715c008-3e2f-c46d-5dcd-f2cbd081f164-5c501d0b {
  grid-area: 4 / 1 / 5 / 4;
}

#cl1_button.w-node-_814111f3-3c36-b192-5fed-9e5378ea0647-5c501d0b {
  grid-area: Area;
  align-self: center;
  justify-self: center;
}

#cl2_12_button.w-node-bb540cb5-5d78-f57f-2beb-6d604314bae7-5c501d0b {
  grid-area: Area-2;
  align-self: center;
  justify-self: center;
}

#cl2_25_button.w-node-acf302cc-138f-b301-2a16-dfc87e73e17a-5c501d0b {
  grid-area: Area-3;
  align-self: center;
  justify-self: center;
}

#barbebutton.w-node-c824c26b-f1c0-c41c-72a3-e474458f8582-5c501d0b {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: auto;
}

#w-node-_7b814683-c775-4ffe-d730-b8fe5d9fc5f9-5c501d0b {
  grid-area: 1 / 1 / 4 / 2;
}

#headerpanel2.w-node-_118497d7-023d-8721-006e-6aa495119311-5c501d0b, #headerpanel2_ES.w-node-cda852a5-f434-f790-9a5f-dd2c95235598-5c501d0b, #headerpanel2_ENG.w-node-df25724d-271d-0fb2-0338-2d2ef873db41-5c501d0b {
  grid-area: 2 / 2 / 3 / 3;
}

#headerOrange_panel2.w-node-_2ab7d75f-72d2-a819-58ff-29cd658d8df8-5c501d0b, #headerOrange_panel2_ENG.w-node-_20b19aad-6401-b395-d282-3b3c5903f458-5c501d0b, #headerOrange_panel2_ES.w-node-c973b7f4-3ca4-bd8e-df57-06016eda191d-5c501d0b {
  grid-area: 2 / 2 / 3 / 4;
  align-self: center;
  justify-self: start;
}

#arrowpanel2.w-node-_5e1e1a5f-cfee-8f31-c3e9-2f57a55901e0-5c501d0b {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_67781242-ea25-2653-82be-5fd533c0dc04-5c501d0b {
  grid-area: 3 / 1 / 4 / 4;
}

#lampeSTD_button.w-node-_8933cd4d-e2c4-7ab1-d0e3-038ea1eee6b3-5c501d0b {
  grid-area: Area;
  align-self: center;
  justify-self: auto;
}

#lampeSTDBattery_button.w-node-_368cbd75-de04-c368-393a-8f0f7228cfa6-5c501d0b {
  grid-area: Area-2;
}

#lampedetect_button.w-node-_29cc7830-41d7-679d-7d71-35992a1b393c-5c501d0b {
  grid-area: Area-5;
}

#w-node-df9bdd37-d7bf-112b-1325-0d808b1d7ce9-5c501d0b {
  grid-area: 1 / 1 / 4 / 2;
}

#headerpanel3.w-node-df9bdd37-d7bf-112b-1325-0d808b1d7ceb-5c501d0b, #headerpanel3_ES.w-node-_9a38072e-4cea-2a7d-4a6c-2f01db001e70-5c501d0b, #headerpanel3_ENG.w-node-da7bcfe3-a6e1-8031-8060-72163bb5b9b3-5c501d0b {
  grid-area: 2 / 2 / 3 / 3;
}

#headerOrange_panel3.w-node-df9bdd37-d7bf-112b-1325-0d808b1d7ced-5c501d0b, #headerOrange_panel3_ENG.w-node-_8932b6a9-b16d-1fc2-e45c-ca9e74b89564-5c501d0b, #headerOrange_panel3_ES.w-node-_11d27e9e-8d45-639b-d7d9-587fef439a1c-5c501d0b {
  grid-area: 2 / 2 / 3 / 4;
  align-self: center;
  justify-self: start;
}

#arrowpanel3.w-node-df9bdd37-d7bf-112b-1325-0d808b1d7cef-5c501d0b {
  grid-area: 2 / 3 / 3 / 4;
}

#GridColors.w-node-b6224355-cb28-fd70-a717-3e06ccfc36cc-5c501d0b {
  grid-area: 3 / 1 / 4 / 4;
  justify-self: start;
}

#blackcolor.w-node-b6224355-cb28-fd70-a717-3e06ccfc36d1-5c501d0b {
  grid-area: Area;
}

#greencolor.w-node-b6224355-cb28-fd70-a717-3e06ccfc36d3-5c501d0b {
  grid-area: Area-2;
}

#redcolor.w-node-b6224355-cb28-fd70-a717-3e06ccfc36d7-5c501d0b {
  grid-area: Area-3;
}

#yellowcolor.w-node-d9749107-22fe-c359-5fc5-26d68a01c14a-5c501d0b {
  grid-area: Area-4;
}

#whitecolor.w-node-_1e222834-05b2-50fa-6865-573e48bf7e6d-5c501d0b {
  grid-area: Area-5;
}

#blackdot.w-node-_720148ce-5301-55db-a8de-0a1279f557e2-5c501d0b {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#GridColors2.w-node-c326fce8-25c3-eb9a-9a6d-5ca2188df22e-5c501d0b {
  grid-area: 3 / 1 / 4 / 4;
  justify-self: start;
}

#blackcolor2.w-node-c326fce8-25c3-eb9a-9a6d-5ca2188df22f-5c501d0b {
  grid-area: Area;
}

#greencolor2.w-node-c326fce8-25c3-eb9a-9a6d-5ca2188df230-5c501d0b {
  grid-area: Area-2;
}

#redcolor2.w-node-c326fce8-25c3-eb9a-9a6d-5ca2188df231-5c501d0b {
  grid-area: Area-3;
}

#yellowcolor2.w-node-c326fce8-25c3-eb9a-9a6d-5ca2188df232-5c501d0b {
  grid-area: Area-4;
}

#whitecolor2.w-node-c326fce8-25c3-eb9a-9a6d-5ca2188df233-5c501d0b {
  grid-area: Area-5;
}

#blackdot2.w-node-c326fce8-25c3-eb9a-9a6d-5ca2188df234-5c501d0b {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_2c92f3ee-a6ab-df8d-b53b-6d8aefc97b3f-5c501d0b {
  grid-area: 1 / 1 / 4 / 2;
}

#headerpanel4.w-node-_2c92f3ee-a6ab-df8d-b53b-6d8aefc97b41-5c501d0b, #headerpanel4_ENG.w-node-_39503488-e299-6fae-9c91-2b3012ddb3e8-5c501d0b, #headerpanel4_ES.w-node-_59a796be-eeef-a12b-2078-a7979347e58e-5c501d0b {
  grid-area: 2 / 2 / 3 / 3;
}

#headerOrange_panel4.w-node-_2c92f3ee-a6ab-df8d-b53b-6d8aefc97b43-5c501d0b, #headerOrange_panel4_ENG.w-node-a8a740e7-6210-9dcb-cf6a-e3384f38560b-5c501d0b, #headerOrange_panel4_ES.w-node-_7d9d7b16-7dd8-3d51-6de2-b54f30bedd9f-5c501d0b {
  grid-area: 2 / 2 / 3 / 4;
  align-self: center;
  justify-self: start;
}

#arrowpanel4.w-node-_2c92f3ee-a6ab-df8d-b53b-6d8aefc97b45-5c501d0b {
  grid-area: 2 / 3 / 3 / 4;
}

#GridAccessoires.w-node-_2417cfa0-8822-9619-fde4-4516fecede22-5c501d0b {
  grid-area: 3 / 1 / 4 / 4;
  justify-self: start;
}

#Casque_button.w-node-_70d75d8d-faa6-6178-61bc-fc5074bf6156-5c501d0b {
  grid-area: 1 / 3 / 2 / 4;
}

#neck_button.w-node-_6543cd71-1332-86d7-e2aa-bc80c035d5da-5c501d0b {
  grid-area: 1 / 1 / 2 / 2;
}

#reflect_button.w-node-ad418f10-d767-406a-d83f-45d662db2188-5c501d0b {
  grid-area: 1 / 2 / 2 / 3;
}

#sparebattery_button.w-node-b37eaf89-fc42-2a85-554b-96e4e6a3eafd-5c501d0b {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_43bdaba8-b8ba-ce86-5451-947c8adf3889-5c501d0b {
  grid-area: 1 / 1 / 4 / 2;
}

#headerpanel5.w-node-_43bdaba8-b8ba-ce86-5451-947c8adf388b-5c501d0b, #headerpanel5_ENG.w-node-e91a60c3-b247-eea4-ad2f-1082ed957909-5c501d0b, #headerpanel5_ES.w-node-b2b930dc-c147-4684-3c4f-a453463e5392-5c501d0b {
  grid-area: 2 / 2 / 3 / 3;
}

#headerOrange_panel5.w-node-_43bdaba8-b8ba-ce86-5451-947c8adf388d-5c501d0b, #headerOrange_panel5_ENG.w-node-_1d3c4f74-682e-1e59-46b1-720990b00104-5c501d0b, #headerOrange_panel5_ES.w-node-_8c2274a0-5784-b861-fe11-9fdd0b782d1b-5c501d0b {
  grid-area: 2 / 2 / 3 / 4;
  align-self: center;
  justify-self: start;
}

#arrowpanel5.w-node-_43bdaba8-b8ba-ce86-5451-947c8adf388f-5c501d0b {
  grid-area: 2 / 3 / 3 / 4;
}

#GridDecal.w-node-_6ade7366-23d0-1eaa-9bec-8252d2b1a977-5c501d0b {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-_5f9a22a6-033c-6705-5208-9979748236bb-5c501d0b {
  grid-area: 1 / 1 / 3 / 2;
  align-self: center;
  justify-self: start;
}

#text_logoperso.w-node-_15e754e1-f3b8-9a4d-724a-238add6e3e77-5c501d0b, #text_logoperso_ENG.w-node-_903ce246-3982-cb47-4ee1-4b1b7cbc93e7-5c501d0b {
  grid-area: 1 / 2 / 2 / 4;
}

#text_logoperso_ES.w-node-_0ded86d3-5ffa-1031-b824-27896ce69f95-5c501d0b {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: auto;
}

#block_upload_decal.w-node-d39495d5-d0f7-a4c6-7053-deb8fea68ed6-5c501d0b {
  grid-area: 2 / 2 / 3 / 4;
}

#picture_button.w-node-_96276c58-7a75-fdce-565a-a3f60f5e76e2-5c501d0b {
  grid-area: 2 / 2 / 3 / 3;
  align-self: auto;
  justify-self: center;
}

#reset_declogo_button.w-node-f681759c-88cc-af75-1f1c-2b93ef4bdf27-5c501d0b {
  grid-area: 2 / 3 / 3 / 4;
  align-self: center;
  justify-self: start;
}

#right_panel.w-node-_0b95f551-bc30-85e4-0d32-fe4b7913dbc8-5c501d0b {
  grid-area: 1 / 3 / 2 / 4;
  align-self: auto;
  justify-self: end;
}

#w-node-a5fe5d89-65d9-1abc-2e0d-47a00bc126c7-5c501d0b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_9f0fd114-fa27-2dbe-42f3-6be3f4274c96-5c501d0b {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
  justify-self: center;
}

#Close_pdfForm.w-node-_2426a4c8-105d-dc55-17eb-73bac8d994e6-5c501d0b {
  grid-area: 1 / 3 / 2 / 4;
  align-self: auto;
  justify-self: end;
}

#Country.w-node-_3d22ded6-d96d-f9b5-079a-cafea2c350fd-5c501d0b {
  align-self: auto;
  justify-self: auto;
}

#w-node-_93341005-91ce-e7af-8bf3-1ad8e49cdc3f-5c501d0b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_93341005-91ce-e7af-8bf3-1ad8e49cdc40-5c501d0b {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
  justify-self: center;
}

#Close_pdfForm_ENG.w-node-_93341005-91ce-e7af-8bf3-1ad8e49cdc42-5c501d0b {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-_3ffc8a5d-59d4-36dc-28ba-33300cd91a0b-5c501d0b {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
  justify-self: center;
}

#Close_pdfForm_ES.w-node-_3ffc8a5d-59d4-36dc-28ba-33300cd91a0d-5c501d0b {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

@media screen and (min-width: 1920px) {
  #dropdowntexte_Class2_12.w-node-_99efaeee-0973-f128-8ebe-b0c857d157ca-5c501d0b {
    grid-area: 3 / 2 / 4 / 4;
    align-self: center;
    justify-self: center;
  }

  #cl2_12_button.w-node-bb540cb5-5d78-f57f-2beb-6d604314bae7-5c501d0b {
    grid-area: Area-2;
    align-self: center;
    justify-self: center;
  }

  #w-node-_5f9a22a6-033c-6705-5208-9979748236bb-5c501d0b {
    grid-area: 1 / 1 / 3 / 2;
    align-self: center;
    justify-self: start;
  }

  #Country.w-node-_3d22ded6-d96d-f9b5-079a-cafea2c350fd-5c501d0b {
    align-self: auto;
    justify-self: auto;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_91d0d302-ce0c-94ca-19b1-c2287fc9aadf-5c501d0b {
    grid-row-end: 2;
  }

  #left_panel.w-node-e1f756a9-de0b-fed1-48a0-5ce12132c458-5c501d0b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
    justify-self: start;
  }

  #cl2_25_button.w-node-acf302cc-138f-b301-2a16-dfc87e73e17a-5c501d0b {
    justify-self: center;
  }

  #pdf-address.w-node-_884aafe0-0660-9ed2-6c13-dfa64c6506d1-5c501d0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3ffc8a5d-59d4-36dc-28ba-33300cd91a0a-5c501d0b {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_3ffc8a5d-59d4-36dc-28ba-33300cd91a0b-5c501d0b {
    align-self: center;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #left_panel.w-node-e1f756a9-de0b-fed1-48a0-5ce12132c458-5c501d0b {
    grid-area: 2 / 1 / 3 / 4;
    align-self: center;
    justify-self: center;
  }

  #right_panel.w-node-_0b95f551-bc30-85e4-0d32-fe4b7913dbc8-5c501d0b {
    grid-area: 1 / 2 / 2 / 4;
    align-self: center;
    justify-self: end;
  }

  #visarc_logo_top_mobile.w-node-_38002a7d-bf50-f50e-c17a-2252ad5a4142-5c501d0b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
    justify-self: center;
  }

  #text_MobFR.w-node-fb4d7b0b-6d11-76ce-46fe-9e8f87226bfd-5c501d0b, #text_MobENG.w-node-_17c35310-20ad-4c6c-8b31-1339e384bdaf-5c501d0b, #text_MobES.w-node-d078df55-01ca-fd53-5578-3c0b1b63a522-5c501d0b {
    grid-area: 2 / 1 / 3 / 2;
    align-self: auto;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #left_panel.w-node-e1f756a9-de0b-fed1-48a0-5ce12132c458-5c501d0b {
    grid-area: 2 / 1 / 3 / 4;
    align-self: center;
    justify-self: start;
  }

  #right_panel.w-node-_0b95f551-bc30-85e4-0d32-fe4b7913dbc8-5c501d0b {
    grid-area: 1 / 3 / 2 / 4;
    align-self: start;
    justify-self: end;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}