/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./dev/scss/style.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";

/*
Theme Name: voreux
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the voreux Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: voreux
*/
/** fonts */
/* cyrillic-ext */
/* fonts */
/* raleway-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url("./assets/fonts/raleway-v34-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/raleway-v34-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url("./assets/fonts/raleway-v34-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url("./assets/fonts/raleway-v34-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/raleway-v34-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url("./assets/fonts/raleway-v34-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url("./assets/fonts/raleway-v34-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-300 - latin */
/* kanit-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 200;
  src: url("./assets/fonts/kanit-v15-latin-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 300;
  src: url("./assets/fonts/kanit-v15-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/kanit-v15-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: url("./assets/fonts/kanit-v15-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  src: url("./assets/fonts/kanit-v15-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/kanit-v15-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 800;
  src: url("./assets/fonts/kanit-v15-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kanit-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 900;
  src: url("./assets/fonts/kanit-v15-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-caslon-text-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Caslon Text';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/libre-caslon-text-v5-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-caslon-text-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Caslon Text';
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/libre-caslon-text-v5-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  --color-primary: #000;
  --color-secondary: #D5C881;
  --font-Primary: "Raleway", sans-serif;
  --font-kanit: "Kanit";
  --font-Libre: "Libre Caslon Text";
  /* logo */
  --y: 150px;
  /* menu size */
  --x: 1183px;
  /* vw */
  --z: 100vw;
  --logo-space: calc((var(--z) - var(--x)) / 2 + var(--y));
}

body {
  background-color: #000;
  margin: 0;
}

body p,
body a {
  font-family: var(--font-Primary);
}

#footer,
._signature {
  display: none;
}

.site-header {
  display: none;
}

button[data-action="stop"],
.tns-liveregion {
  display: none;
}

p {
  margin: 0;
  padding: 0;
}

a {
  transition: all .3s ease-in-out;
}

option {
  font-family: 'sans-serif';
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  font-family: "Poppins";
}

.hero-slider .white .sa_owl_theme .owl-nav .owl-prev:hover,
.hero-slider .white .sa_owl_theme .owl-nav .owl-next:hover {
  background-color: #ffffff00 !important;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #c0c0c0 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 15px;
  border: 3px solid #ffffff;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

p,
figure {
  margin: 0;
}

html,
sup,
figure {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  border: 0;
  font-weight: 500;
  line-height: 1.2;
}

p em {
  font-style: italic;
}

form,
img,
label,
legend,
li,
ol,
p,
small,
sub,
ul {
  border: 0;
  line-height: inherit;
  text-align: inherit;
}

sup {
  line-height: inherit;
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
sup,
th {
  text-align: inherit;
  margin: inherit;
}

button {
  border-radius: 0;
}

th {
  border: 0;
  line-height: inherit;
  text-align: -webkit-match-parent;
}

a {
  transition: color 0.3s ease;
}

a,
a:active,
a:visited {
  text-decoration: none;
  outline: 0;
  color: currentColor;
}

strong {
  font-weight: 500;
}

b {
  font-weight: 500;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

caption {
  color: currentColor;
  text-align: left;
  caption-side: bottom;
}

label {
  display: inline-block;
}

button:focus:not(:focus-visible),
.tns-controls {
  outline: 0;
}

button,
input,
optgroup,
select,
textarea {
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

sup {
  font-size: 8px;
}

img,
video {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-style: none;
  max-width: 100%;
  font-size: 0;
  height: auto;
  display: block;
}

ul,
ol {
  list-style: none;
}

.title-32 {
  color: #D5C881;
  font-family: var(--font-kanit);
  font-size: 32px;
  font-weight: 600;
  line-height: 118%;
}

@media (max-width: 992px) {
  .title-32 {
    font-size: 24px;
  }
}

.title-40 {
  color: #D5C881;
  font-family: var(--font-kanit);
  font-size: 40px;
  font-weight: 600;
  line-height: 91%;
}

@media (max-width: 992px) {
  .title-40 {
    font-size: 36px;
  }
}

.title-18 {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

p {
  color: #FFF;
  font-family: var(--font-Primary);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease-in-out;
}

.btn-primary {
  color: #FFF !important;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  border: 1px solid;
  padding: 15px 34px;
  display: block;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.btn-primary::after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #3D3A2A;
}

.btn-primary:hover::after {
  height: 100%;
}

header {
  max-width: 1882px;
  margin-inline: auto;
}

header .top-header {
  padding: 14px 33px;
  text-align: end;
  font-size: 14px;
  background-color: #000;
  color: #fff;
  font-family: var(--font-kanit);
  border-bottom: 0.5px solid;
}

header .top-header strong {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  font-family: var(--font-kanit);
}

header .top-header a {
  padding-right: 32px;
}

header .top-header a:hover {
  color: #D5C881;
}

header .container .section_menu {
  position: absolute;
  width: 100%;
  max-width: 1882px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 30px;
  color: white;
  z-index: 10;
  margin-top: 36px;
}

header .container .section_menu .cta {
  background: none;
  border: 1px solid white;
  color: white;
  padding: 16px 21px 14px 21px;
  font-size: 18px;
  text-transform: uppercase;
  font-family: var(--font-Libre);
  transition: all .3s;
  position: relative;
}

header .container .section_menu .cta::after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all .3s;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #3d3a2a;
}

header .container .section_menu .cta:hover::after {
  height: 100%;
}

header .container .section_menu nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

header .container .section_menu nav .menu {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-Libre);
}

header .container .section_menu nav .logo {
  flex-basis: 537px;
  text-align: right;
}

header .container .section_menu nav .right_menu {
  display: flex;
  align-items: center;
  gap: 10px;
}

header .container .section_menu nav .right_menu .cta-calc {
  border: 1px solid;
  height: 54px;
  width: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all .3s;
  position: relative;
}

header .container .section_menu nav .right_menu .cta-calc::after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all .3s;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #3d3a2a;
}

header .container .section_menu nav .right_menu .cta-calc:hover::after {
  height: 100%;
}

header .container .section_menu nav .nav-menu {
  background-color: rgba(0, 0, 0, 0.9);
  display: flex;
  flex-direction: column;
  height: 100%;
  left: -313vw;
  position: fixed;
  top: 0;
  transition: left 1s ease;
  width: 100%;
  z-index: 999;
}

header .container .section_menu nav .nav-menu .avia-image::before {
  background: #000;
  content: "";
  display: block;
  height: 100%;
  opacity: .8;
  position: absolute;
  width: 100%;
  z-index: 0;
}

header .container .section_menu nav .nav-menu .top-nav {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  z-index: 1;
  padding: 62px 72px 12px 72px;
}

header .container .section_menu nav .nav-menu .top-nav ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-bottom: 67px;
  border-bottom: 1px solid #606060;
}

header .container .section_menu nav .nav-menu .top-nav ul .logo-menu {
  padding-left: 202px;
}

header .container .section_menu nav .nav-menu .top-nav .icon-close {
  cursor: pointer;
  display: block;
  font-family: var(--font-Libre);
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 11px;
}

@media (max-width: 768px) {
  header .container .section_menu nav .nav-menu .top-nav .icon-close span {
    display: none;
  }
}

header .container .section_menu nav .nav-menu .top-nav .icon-close svg:hover {
  animation: animte-close 3s forwards;
}

@keyframes animte-close {
  from {
    stroke-dashoffset: 450;
  }

  to {
    stroke-dashoffset: 0;
    transform: rotate(180deg);
  }
}

header .container .section_menu nav .nav-menu .menu-list {
  position: relative;
  max-height: 100%;
  width: 100%;
  z-index: 0;
  padding: 36px 69px 0px 69px;
  overflow: scroll;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list {
  display: flex;
  justify-content: space-between;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info {
  display: flex;
  flex-direction: column;
  text-align: left;
  max-width: 298px;
  padding-top: 60px;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .lable_,
header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .tel,
header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .mail,
header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .adresse {
  line-height: normal;
  font-family: var(--font-kanit);
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .lable_ {
  font-size: 20px;
  font-weight: 275;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .tel {
  font-size: 40px;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 4px;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .tel:hover {
  color: #D5C881;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .mail {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 22px;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .mail:hover {
  color: #D5C881;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .adress {
  line-height: 25px;
  /* 104.167% */
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 47px;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .svg_fb {
  margin-right: 23px;
}

header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info svg:hover {
  transform: scale(1.2);
}

header .container .section_menu nav .nav-menu .links-items {
  flex: 1;
  padding-top: 34px;
}

header .container .section_menu nav .nav-menu .links-items .navbar-nav>li {
  margin-bottom: 14px;
}

header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) li a {
  font-family: var(--font-kanit);
  color: #D5C881;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  position: relative;
  padding-bottom: 20px;
}

header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) li a::before {
  transition: all 1s ease-in-out;
  content: '';
}

header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) li:hover a::before {
  content: '';
  width: 47px;
  height: 47px;
  position: absolute;
  display: block;
  right: -52px;
  top: 5px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M36.8292 19.5943L10.6972 20.21L3.32293 20.3886C2.02573 20.4168 2.02103 22.4331 3.32293 22.4049L29.4596 21.7845L36.8292 21.62C38.1264 21.5777 38.1311 19.5614 36.8292 19.5943ZM44.1518 19.4956C39.5364 17.3242 35.0025 14.9914 30.55 12.4973C29.422 11.8628 28.4021 13.63 29.5348 14.241C33.5674 16.5033 37.6658 18.6277 41.83 20.6142C37.6277 24.3618 33.8455 28.5554 30.55 33.1209C30.4174 33.3527 30.381 33.6274 30.4487 33.8857C30.5164 34.1441 30.6827 34.3656 30.9119 34.5027C31.1439 34.6315 31.4166 34.6657 31.6731 34.5983C31.9297 34.5309 32.1504 34.367 32.289 34.1408C35.7822 29.3256 39.8336 24.9412 44.3586 21.0795C44.4664 20.9697 44.5477 20.8368 44.5965 20.6908C44.6454 20.5449 44.6604 20.3898 44.6405 20.2373C44.6205 20.0847 44.5662 19.9387 44.4816 19.8102C44.3969 19.6817 44.2842 19.5741 44.1518 19.4956Z' fill='white'/%3e%3c/svg%3e");
}

header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) li.active .sub-menu {
  max-height: 400px;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 1;
}

header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) .sub-menu {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 0;
}

header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) .sub-menu a {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 24px;
  font-weight: 300;
  line-height: 40px;
  padding-bottom: 0px;
}

header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) .sub-menu a::before {
  content: none !important;
}

header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) .sub-menu a:hover {
  color: #D5C881;
}

header .container .section_menu nav .nav-menu .info-list {
  align-items: center;
  display: flex;
  font-family: var(--font-Primary);
  height: 100%;
  justify-content: center;
  max-width: 1113px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  flex-basis: 1029px;
}

header .container .section_menu nav .nav-menu .info-list .content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

header .container .section_menu nav .nav-menu .info-list .content .avia-img {
  position: relative;
}

header .container .section_menu nav .nav-menu .info-list .content .avia-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #FFFFFF;
  left: 91px;
  top: 46px;
}

@media (max-width: 1600px) {
  header .container .section_menu nav .nav-menu .info-list {
    flex-basis: 884px;
  }
}

@media (max-width: 1400px) {
  header .container .section_menu nav .nav-menu .info-list {
    flex-basis: 827px;
  }
}

header .container .hero {
  position: relative;
  height: 100vh;
  background: url("./assets/images/bg.jpg") center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  max-height: 747px;
}

header .container .hero.other_page {
  background: url("./assets/images/breadcrumbs.jpg") center/cover no-repeat;
  max-height: 437px;
}

header .container .hero.other_page .hero-content {
  padding-top: 258px;
}

header .container .hero.other_page .overlay {
  background: linear-gradient(180deg, #000 0%, rgba(115, 115, 115, 0) 136.45%) !important;
}

header .container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000 0%, rgba(115, 115, 115, 0) 75.45%);
}

header .container .hero-content {
  position: relative;
  z-index: 2;
  padding-top: 82px;
}

header .container .hero-content .title-s,
header .container .hero-content .title-l {
  color: #FFF;
  text-align: center;
  font-family: var(--font-kanit);
  font-size: 48px;
  font-weight: 200;
  line-height: 73px;
}

header .container .hero-content .title-l {
  font-size: 64px;
  font-weight: 400;
}

@media (max-width: 768px) {
  header .container .hero-content {
    padding: 8px;
  }

  header .container .hero-content .title-s {
    font-size: 26px;
    line-height: normal;
  }

  header .container .hero-content .title-l {
    font-weight: 700;
  }
}

@media (max-width: 414px) {
  header .container .hero {
    max-height: 491pX;
  }

  header .container .hero-content .title-s {
    font-size: 20px;
    line-height: normal;
  }

  header .container .hero-content .title-l {
    font-size: 24px !important;
  }
}

@media (max-width: 380px) {
  header .container .hero-content .title-s {
    font-size: 20px;
    line-height: normal;
  }

  header .container .hero-content .title-l {
    font-size: 20px !important;
  }
}

header.active .nav-menu {
  left: 0 !important;
}

@media (max-width: 1024px) {
  header .container .section_menu .cta {
    font-size: 14px;
  }

  header .container .section_menu .cta-calc {
    height: 49px;
  }
}

@media (max-width: 992px) {
  header .container .section_menu {
    padding: 19px 16px;
  }

  header .container .section_menu nav .logo {
    flex-basis: 214px;
  }

  header .container .section_menu nav .logo svg {
    max-width: 214px;
  }

  header .container .section_menu .right_menu .cta {
    display: none;
  }

  header .container .section_menu nav .nav-menu .top-nav {
    padding: 30px 20px 12px;
  }

  header .container .section_menu nav .nav-menu .top-nav ul {
    padding-bottom: 27px;
  }

  header .container .section_menu nav .nav-menu .top-nav ul .logo-menu {
    padding-left: 0;
  }

  header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) li {
    margin-bottom: 27px;
  }

  header .container .section_menu nav .nav-menu .links-items ul:not(.sub-menu) li a {
    font-size: 24px;
  }

  header .container .section_menu nav .nav-menu .links-items .sub-menu li {
    margin-bottom: 0 !important;
  }

  header .container .section_menu .nav-menu {
    background-color: #000 !important;
  }

  header .container .section_menu .nav-menu .menu-list .info-list {
    flex: 1;
  }

  header .container .section_menu .nav-menu .menu-list .info-list .content {
    justify-content: right;
  }

  header .container .section_menu .nav-menu .menu-list .info-list .avia-img {
    display: none;
  }

  header .container .hero-content .title-l {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  header .container .section_menu {
    padding: 0px 16px;
    margin-top: 0px;
  }

  header .container .section_menu nav .menu {
    flex-direction: column;
  }

  header .container .section_menu nav .right_menu .cta-calc {
    height: 41px;
    width: 42px;
  }

  header .container .section_menu nav .logo {
    display: flex;
    justify-content: center;
  }

  header .container .hero.other_page {
    max-height: 280px;
  }

  header .container .hero-content {
    padding-top: 145px !important;
  }

  header .container .hero-content .title-l {
    line-height: normal;
  }

  header .top-header {
    text-align: center;
  }

  header .top-header span {
    display: none;
  }
}

@media (max-width: 377px) {
  header .container .section_menu nav .logo svg {
    max-width: 178px !important;
  }
}

@media (min-width: 694px) {
  header .devis_mobile {
    display: none;
  }
}

@media (max-width: 694px) {
  header .container .section_menu nav .nav-menu .menu-list {
    padding: 36px 21px 0;
  }

  header .container .section_menu nav .nav-menu .menu-list .container-menu-list {
    flex-direction: column;
  }

  header .container .section_menu nav .nav-menu .menu-list .container-menu-list .links-items {
    padding-top: 0px;
  }

  header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info {
    padding-top: 0px;
    max-width: initial;
  }

  header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .tel {
    font-size: 32px;
  }

  header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .mail {
    font-size: 16px;
    margin-bottom: 0px;
  }

  header .container .section_menu nav .nav-menu .menu-list .container-menu-list .avia-contat-info .adress {
    font-size: 20px;
    margin-bottom: 14px;
  }

  header .container .section_menu nav .nav-menu .menu-list .container-menu-list .devis_mobile {
    margin-top: 48px;
  }

  header .container .section_menu nav .nav-menu .menu-list .container-menu-list .devis_mobile a {
    display: block;
    text-align: center;
  }

  header .container .section_menu nav .nav-menu .menu-list .info-list {
    padding-top: 10px;
  }

  header .container .section_menu nav .nav-menu .menu-list .info-list .content {
    justify-content: left;
  }

  header .container .section_menu nav .nav-menu .top-nav ul {
    padding-bottom: 27px;
    flex-direction: column;
  }

  header .container .section_menu nav .nav-menu .top-nav ul .icon-close {
    margin: 0 auto auto 0;
  }

  header .container .section_menu nav .nav-menu .top-nav ul .cta {
    display: none;
  }
}

#main {
  background-color: #000;
}

#main .intro {
  max-width: 1197px;
  width: calc(100% - 30px);
  background: #191919;
  margin-inline: auto;
  text-align: center;
  padding: 34px 108px 56px 108px;
  border: 1px solid #474545;
  outline: 8px solid #191919;
  transform: translateY(-43px);
}

#main .intro .title-18 {
  margin-bottom: 6px;
}

#main .intro .title-32 {
  margin-bottom: 27px;
}

#main .intro .text {
  padding-bottom: 28px;
}

@media (max-width: 992px) {
  #main .intro {
    padding: 18px 12px 17px;
  }

  #main .intro .title-18 {
    font-size: 16px;
  }

  #main .intro .title-32 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 512px) {
  #main .intro .text span {
    display: none;
  }
}

#main .slider_acc {
  display: flex;
  align-items: center;
  max-width: 1879px;
  margin: auto;
  margin-top: 73px;
  flex-wrap: wrap;
}

#main .slider_acc .text-section {
  flex: 1;
  text-align: justify;
}

#main .slider_acc .text-section .title-32 {
  line-height: 101%;
  margin-bottom: 13px;
  text-align: left;
}

@media (min-width: 1700px) {
  #main .slider_acc .text-section {
    padding-left: 120px;
    padding-right: 108px;
  }
}

@media (max-width: 1699px) {
  #main .slider_acc .text-section {
    padding-left: 22px;
    padding-right: 92px;
  }
}

#main .slider_acc .slides {
  flex: 2;
  position: relative;
  max-width: 1189px;
  width: 100%;
}

#main .slider_acc .tns-controls {
  display: flex;
  justify-content: space-between;
  margin-left: -5px;
  outline: none;
  position: absolute;
  top: 50%;
  width: calc(100% + 9px);
  transform: translateY(-50px);
  left: -58px;
  height: 0;
}

#main .slider_acc .tns-controls button {
  background: none;
  border: none;
}

#main .slider_acc .tns-controls button[data-controls="next"] {
  display: none;
}

#main .slider_acc .slide a img {
  margin-bottom: 33px;
  transform: translate(15px, 14px);
}

#main .slider_acc .slide a:hover p {
  color: #D5C881;
}

#main .slider_acc .slide .title-32 {
  color: #FFF;
  text-align: center;
}

#main .slider_acc .slide .outline_img {
  position: relative;
}

#main .slider_acc .slide .outline_img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #484848;
}

@media (max-width: 1228px) {
  #main .slider_acc {
    flex-direction: column;
  }

  #main .slider_acc .text-section {
    margin-bottom: 16px;
  }
}

@media (max-width: 1024px) {
  #main .slider_acc {
    margin-top: 0px;
  }

  #main .slider_acc .text-section {
    margin-bottom: 25px;
    padding-right: 20px;
  }
}

@media (max-width: 768px) {
  #main .slider_acc .slide a img {
    max-height: 299px;
    width: auto;
  }

  #main .slider_acc .slide .outline_img {
    max-width: 299px;
  }

  #main .slider_acc .slide .title-32 {
    font-size: 20px;
  }

  #main .slider_acc .slides {
    padding-left: 48px;
    overflow-x: hidden;
  }

  #main .slider_acc .tns-controls {
    left: 17px;
  }
}

#fil-ariane {
  max-width: -moz-max-content;
  max-width: max-content;
  margin-inline: auto;
}

#fil-ariane P {
  color: #FFF;
  text-align: center;
  font-family: var(--font-kanit);
  font-size: 14px;
  font-weight: 275;
}

#fil-ariane P a:hover {
  color: #D5C881;
}

.cartons_accessoires {
  position: relative;
  margin-top: 146px;
}

.cartons_accessoires .container {
  position: relative;
  max-width: 1010px;
  width: calc(100% - 55px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cartons_accessoires .container .text-section {
  max-width: 469px;
  width: 100%;
  padding-right: 19px;
  z-index: 2;
}

.cartons_accessoires .container .text-section .title-40 {
  font-weight: 250;
  margin-bottom: 15px;
}

.cartons_accessoires .container .text-section .title-40 strong {
  font-weight: 600;
}

.cartons_accessoires .container .text-section .text {
  text-align: justify;
  margin-bottom: 39px;
}

.cartons_accessoires .container .text-section .btn-primary {
  margin-inline: initial;
}

.cartons_accessoires .container .image-section {
  z-index: 2;
  position: relative;
}

.cartons_accessoires .container .image-section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #484848;
  left: -24px;
  top: -24px;
}

.cartons_accessoires::after {
  content: '';
  position: absolute;
  top: 0;
  height: 414px;
  width: 100%;
  background-color: #181818;
  top: 18%;
}

@media (max-width: 1024px) {
  .cartons_accessoires {
    margin-top: 49px;
  }

  .cartons_accessoires .container {
    flex-direction: column;
    padding-top: 30px;
  }

  .cartons_accessoires .container .text-section {
    margin-bottom: 60px;
  }

  .cartons_accessoires::after {
    height: 581px;
    top: 0;
  }
}

@media (max-width: 768px) {
  .cartons_accessoires .container .text-section {
    padding-right: 0px;
  }

  .cartons_accessoires .container .image-section img {
    max-height: 381px;
    width: auto;
  }
}

.actualites {
  max-width: 1370px;
  width: calc(100% - 51px);
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 167px;
}

.actualites .text-section {
  max-width: 497px;
  width: 100%;
}

.actualites .text-section .title-40 {
  margin-bottom: 14px;
}

.actualites .text-section .text {
  margin-bottom: 29px;
}

.actualites .text-section .btn-primary {
  margin-left: 0;
}

.actualites .image-section {
  max-width: 817px;
  width: 100%;
}

.actualites .image-section .latest-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 48px 88px;
}

.actualites .image-section .latest-posts-grid .latest-post-item {
  display: flex;
  flex-direction: column;
  overflow: clip;
  padding-right: 0 !important;
}

.actualites .image-section .latest-posts-grid .latest-post-item img {
  transition: all 0.3s ease-in-out;
}

.actualites .image-section .latest-posts-grid .latest-post-item .date {
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 300;
  margin-top: 17px;
  margin-bottom: 19px;
}

.actualites .image-section .latest-posts-grid .latest-post-item img {
  display: block;
  max-height: 266px;
  height: 100%;
  width: 100%;
  max-width: 365px;
  min-height: 266px;
  -o-object-fit: cover;
  object-fit: cover;
}

.actualites .image-section .latest-posts-grid .latest-post-item .title {
  font-family: var(--font-kanit);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 19px;
}

.actualites .image-section .latest-posts-grid .latest-post-item .read-more {
  color: #8F8F8F;
  font-family: var(--font-Primary);
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.actualites .image-section .latest-posts-grid .latest-post-item:hover .read-more,
.actualites .image-section .latest-posts-grid .latest-post-item:hover p {
  color: #D5C881;
}

.actualites .image-section .latest-posts-grid .latest-post-item:hover img {
  transform: scale(1.02);
  /* Slight zoom effect */
}

@media (max-width: 992px) {
  .actualites {
    margin-top: 52px;
    flex-direction: column;
  }

  .actualites .text-section {
    margin-bottom: 25px;
  }

  .actualites .image-section {
    position: relative;
  }

  .actualites .image-section .latest-posts-grid {
    display: flex;
    gap: 0;
  }

  .actualites .image-section .latest-posts-grid .latest-post-item .date {
    margin-bottom: 6px;
  }

  .actualites .image-section .tns-controls {
    display: flex;
    justify-content: space-between;
    margin-left: -5px;
    outline: none;
    position: absolute;
    top: 40%;
    width: calc(100% + 9px);
    transform: translateY(-50px);
    height: 0;
  }

  .actualites .image-section .tns-controls button {
    background: 0 0;
    border: none;
  }
}

.carte-france {
  margin-inline: auto;
  max-width: 1640px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 146px;
}

.carte-france .list_villes {
  max-width: 1143px;
  width: 100%;
  padding-left: 31px;
}

.carte-france .list_villes .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 147px;
}

.carte-france .list_villes .list ul li a {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 18px;
  font-weight: 300;
  line-height: 35px;
  transition: all 0.3s ease-in-out;
}

.carte-france .list_villes .list ul li a:hover {
  color: #D5C881;
}

.carte-france .list_villes .title-32 {
  margin-bottom: 40px;
}

.carte-france .map-image {
  padding-top: 70px;
}

@media (min-width: 993px) {
  .carte-france .map-image .title-32 {
    display: none;
  }
}

@media (max-width: 992px) {
  .carte-france .list_villes .list {
    gap: 35px;
  }
}

@media (max-width: 992px) {
  .carte-france {
    flex-direction: column;
    margin-top: 50px;
  }

  .carte-france .map-image {
    padding-top: 0px;
  }

  .carte-france .map-image .title-32 {
    padding-left: 24px;
    margin-bottom: 25px;
  }

  .carte-france .map-image img {
    margin-inline: auto;
  }

  .carte-france .list_villes .title-32 {
    display: none;
  }

  .carte-france .list_villes {
    padding-top: 19px;
  }

  .carte-france .list_villes .list {
    overflow: scroll;
    gap: 57px;
  }

  .carte-france .list_villes .list ul {
    white-space: nowrap;
  }
}

.slider_brands {
  max-width: 1428px;
  width: calc(100% - 53px);
  margin: auto;
  position: relative;
  text-align: center;
  margin-top: 62px;
  padding-bottom: 62px;
}

.slider_brands .text-section {
  padding-bottom: 76px;
}

.slider_brands .text-section .text {
  max-width: 987px;
  margin: auto;
  padding-top: 4px;
}

.slider_brands .list_brands {
  position: relative;
}

.slider_brands .list_brands .slide {
  display: flex;
  align-items: center;
}

.slider_brands .list_brands #tns2>.tns-item {
  display: flex;
  justify-content: center;
}

.slider_brands .list_brands .tns-controls {
  display: flex;
  justify-content: space-between;
  margin-left: -5px;
  outline: none;
  position: absolute;
  top: 67%;
  width: calc(100% + 9px);
  transform: translateY(-50px);
  height: 0;
}

.slider_brands .list_brands .tns-controls button {
  background: 0 0;
  border: none;
}

@media (max-width: 992px) {
  .slider_brands {
    margin-top: 49px;
    padding-bottom: 25px;
  }

  .slider_brands .text-section {
    padding-bottom: 41px;
  }

  .slider_brands .text-section .text {
    font-size: 14px;
  }

  .slider_brands .list_brands .slide-inner {
    display: flex !important;
    justify-content: center;
  }
}

.page_notre_histoire {
  padding-top: 125px;
  padding-bottom: 206px;
  /* Animation cachée par défaut */
  /* Quand l'élément entre dans le viewport */
}

.page_notre_histoire .timeline {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 20px 0px;
}

.page_notre_histoire .timeline .timeline-item {
  display: flex;
  justify-content: space-between;
  width: 77%;
  position: relative;
  margin-bottom: 100px;
}

.page_notre_histoire .timeline .timeline-date {
  flex: 1;
  text-align: start;
  padding-left: 70px;
  position: relative;
}

.page_notre_histoire .timeline .timeline-date span {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.page_notre_histoire .timeline .timeline-date .date {
  color: #D5C881;
  font-family: var(--font-Libre);
  font-size: 48px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 6px;
}

.page_notre_histoire .timeline .timeline-date::after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7.5px 0 7.5px 16px;
  border-color: transparent transparent transparent #FFFFFF;
  transform: rotate(0deg);
  top: 28px;
  left: 42px;
}

.page_notre_histoire .timeline .timeline-content {
  flex: 1;
  display: flex;
  justify-content: right;
}

.page_notre_histoire .timeline .timeline-content .outline-igmg {
  position: relative;
}

.page_notre_histoire .timeline .timeline-content .outline-igmg::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 115%;
  border: 1px solid #484848;
  left: -18px;
  top: -18px;
}

.page_notre_histoire .timeline .timeline-item:nth-child(odd) {
  flex-direction: row-reverse;
}

.page_notre_histoire .timeline .timeline-item:nth-child(odd) .timeline-content {
  justify-content: left;
}

.page_notre_histoire .timeline .timeline-item:nth-child(odd) .timeline-date {
  text-align: right;
  padding-right: 104px;
  padding-left: unset;
}

.page_notre_histoire .timeline .timeline-item:nth-child(odd) .timeline-date::after {
  border-width: 7.5px 16px 7.5px 0;
  border-color: transparent #FFFFFF transparent transparent;
  top: 28px;
  right: 58px;
  left: unset;
}

.page_notre_histoire .timeline .timeline-content img {
  width: 100%;
  max-width: 419px;
  max-height: 290px;
}

.page_notre_histoire .timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 10px;
  background: #262626;
  border-radius: 100px;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.page_notre_histoire .is-hidden {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.page_notre_histoire .bounce-in {
  animation: fadeInUp 0.6s ease-out forwards;
}

@media (max-width: 768px) {
  .page_notre_histoire {
    padding-top: 37px;
  }

  .page_notre_histoire .timeline .timeline-item {
    width: 100%;
    padding-inline: 12px;
  }

  .page_notre_histoire .timeline .timeline-date .date {
    font-size: 40px;
  }

  .page_notre_histoire .timeline .timeline-date span {
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .page_notre_histoire .timeline-item {
    margin-bottom: 49px;
  }

  .page_notre_histoire .timeline-content .outline-igmg {
    max-height: 133px;
  }

  .page_notre_histoire .timeline-content .outline-igmg img {
    min-width: 167px;
    min-height: 116px;
  }

  .page_notre_histoire .outline-igmg::after {
    height: 133px !important;
    top: -8px !important;
    left: -8px !important;
  }

  .page_notre_histoire .timeline .timeline-item:nth-child(2n+1) .timeline-date::after {
    right: 34px;
  }

  .page_notre_histoire .timeline .timeline-date::after {
    left: 34px;
  }

  .page_notre_histoire .aujourd .date {
    font-size: 24px !important;
  }
}

@media (max-width: 390px) {
  .page_notre_histoire .timeline .timeline-content .outline-igmg img {
    min-width: 155px;
    min-height: 105px;
  }

  .page_notre_histoire .timeline .outline-igmg::after {
    top: -13px !important;
  }

  .page_notre_histoire .timeline .timeline-item:nth-child(2n+1) .timeline-date {
    padding-right: 48px;
  }

  .page_notre_histoire .timeline .timeline-item:nth-child(2n+1) .timeline-date::after {
    right: 19px;
    top: 17px;
  }

  .page_notre_histoire .timeline .timeline-date {
    padding-left: 44px;
  }

  .page_notre_histoire .timeline .timeline-date::after {
    top: 19px;
    left: 20px;
  }
}

.page_vl .content {
  max-width: 1425px;
  padding-top: 60px;
  margin-inline: auto;
  width: calc(100% - 24px);
}

.page_vl .content .sous__menu {
  display: flex;
  align-items: center;
  margin-bottom: 44px;
}

.page_vl .content .sous__menu .widget-title {
  color: #D5C881;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 20px;
}

.page_vl .content .sous__menu ul {
  display: flex;
  gap: 12px;
}

.page_vl .content .sous__menu ul li {
  cursor: pointer;
  border: 1px solid #565656;
  padding: 15px 13px;
}

.page_vl .content .sous__menu ul li a {
  text-transform: uppercase;
}

.page_vl .content .sous__menu ul li.active,
.page_vl .content .sous__menu ul li:hover {
  background-color: #55513B;
}

.page_vl .content .sous__menu ul li.active a,
.page_vl .content .sous__menu ul li:hover a {
  color: #FFF;
}

.page_vl .content .textcalcul {
  font-weight: 600;
}

.page_vl .content .textcalcul.nota {
  margin-top: 20px;
  margin-bottom: 35px;
  font-weight: 400;
}

.page_vl .content p,
.page_vl .content ul {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
}

.page_vl .content .title {
  font-weight: 400;
}

.page_vl .content .calculer-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.page_vl .content .calculer-grid .item {
  margin-right: 8px;
  padding: 2px;
  border: 1px solid #484848;
  margin-bottom: 30px;
  width: 264px;
  height: 179px;
}

.page_vl .content .calculer-grid .item .img {
  display: flex;
  justify-content: center;
}

.page_vl .content .calculer-grid .item .catname {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 12px;
}

.page_vl .content .calculer-grid .item .minus-plus {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.page_vl .content .calculer-grid .item .minus-plus span i {
  cursor: pointer;
  background-color: #55513B;
  padding: 2px 6px;
  border-radius: 61px;
  width: 22px;
  height: 22px;
  display: block;
  text-align: center;
  color: #fff;
}

.page_vl .content .calculer-grid .item .numberitem p {
  font-weight: 600;
}

.page_vl .content .bottom_text {
  display: flex;
  max-width: 1170px;
  margin-inline: auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 97px;
  padding-bottom: 64px;
  flex-direction: column;
}

.page_vl .content .bottom_text .widget-title {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.page_vl .content .bottom_text .result {
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  flex: 1;
  display: flex;
  justify-content: right;
}

.page_vl .content .bottom_text .result #tooltip-input {
  max-width: 317px;
  width: 100%;
}

.page_vl .content .bottom_text .result #tooltip-input input {
  width: 100%;
  padding: 15px 12px;
  background-color: black;
  color: #fff;
  text-align: center;
  border: 1px solid #484848;
  font-family: var(--font-Primary);
  font-size: 24px;
  text-transform: lowercase;
}

.page_vl .content .bottom_text .valider {
  color: #D5C881;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  gap: 20px;
  flex: 2;
  justify-content: right;
}

.page_vl .content .bottom_text .valider span {
  display: block;
  max-width: 317px;
  width: 100%;
}

.page_vl .content .bottom_text .valider button {
  width: 317px;
  text-align: center;
  padding: 15px 10px;
}

.page_vl .content .bottom_text .valider .resetbtn {
  background-color: #000;
  border: 1px solid #D5C881;
  transition: all .3s ease-in-out;
  color: #D5C881;
  position: relative;
  z-index: 1;
}

.page_vl .content .bottom_text .valider .resetbtn::after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all .3s;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #3D3A2A;
}

.page_vl .content .bottom_text .valider .resetbtn:hover::after {
  height: 100%;
}

.page_vl .content .bottom_text .valider .validerbtn {
  background-color: #D5C881;
  border: 1px solid #D5C881;
  color: #000000;
}

.page_vl .content .bottom_text .content_bottom {
  width: 100%;
  display: flex;
  align-items: center;
}

.page_vl .content .bottom_text .appendbottom {
  padding-top: 28px;
  display: flex;
  justify-content: left;
  width: 100%;
  padding-left: 11px;
}

.page_vl .content .bottom_text .appendbottom .qte {
  display: flex;
  gap: 12px;
  margin-bottom: 9px;
}

.page_vl .content .bottom_text .validerbtn {
  z-index: 1;
  position: relative;
  transition: all .3s;
  background-color: transparent;
}

.page_vl .content .bottom_text .validerbtn::after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all .3s;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #000;
}

.page_vl .content .bottom_text .validerbtn:hover {
  color: #D5C881;
}

.page_vl .content .bottom_text .validerbtn:hover::after {
  height: 100%;
}

@media (max-width: 720px) {
  .page_vl .content .bottom_text .content_bottom {
    flex-direction: column;
    align-items: center;
    margin-top: 35px;
  }

  .page_vl .content .bottom_text .content_bottom .widget-title {
    margin-bottom: 11px;
  }

  .page_vl .content .bottom_text .content_bottom .result {
    width: 100%;
    justify-content: center;
    margin-bottom: 12px;
  }

  .page_vl .content .bottom_text .content_bottom .valider {
    flex-direction: column;
    gap: 12px;
  }
}

@media (max-width: 1304px) {
  .page_vl .content {
    padding-top: 34px;
  }

  .page_vl .content .sous__menu {
    align-items: baseline;
    flex-direction: column;
    overflow-y: hidden;
    margin-bottom: 9px;
  }

  .page_vl .content .sous__menu .widget-title {
    margin-bottom: 12px;
  }

  .page_vl .content .sous__menu ul {
    width: 1250px;
    margin-bottom: 9px;
  }

  .page_vl .content .sous__menu ul li {
    padding: 13px 13px;
  }
}

@media (max-width: 592px) {
  .page_vl .content .calculer-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 21px;
  }

  .page_vl .content .calculer-grid .item {
    max-width: 264px;
    max-height: 179px;
    width: 100%;
    height: 100%;
    padding-bottom: 17px;
    margin-right: 0px;
    margin-bottom: 0px;
  }

  .page_vl .content .calculer-grid .item .catname {
    font-size: 14px;
  }

  .page_vl .content .calculer-grid .item .minus-plus span i {
    width: 36px;
    height: 36px;
    padding-top: 9px;
  }

  .page_vl .content .calculer-grid .item .numberitem p {
    padding-top: 9px;
  }
}

.page_vl .content_bottom_stkiy {
  position: sticky;
  bottom: -105px;
}

.error.tooltiptext {
  color: red;
  font-family: var(--font-Primary);
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  width: 100%;
  top: -22px;
  left: 0;
}

.wpcf7 form.spam .wpcf7-response-output {
  color: #FFF;
  font-family: var(--font-Primary);
  font-size: 16px;
  font-weight: 400;
  color: red;
  border-color: red;
}

.ui-widget.ui-widget-content {
  z-index: 2 !important;
  font-family: var(--font-Primary);
}

.ui-datepicker .ui-datepicker-buttonpane button {
  font-family: var(--font-Primary);
  font-size: 12px;
}

.form-container {
  padding: 20px;
  margin-bottom: 28px;
}

.form-container .inputs-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.form-container .inputs-container .form-group input {
  margin-left: 5px;
  padding: 17px 35px;
  border: 0;
  font-size: 16px;
  font-family: var(--font-Primary) !important;
  max-width: 200px;
}

.form-container .inputs-container [hidden] {
  display: none;
}

.form-container .text-center {
  text-align: center;
  font-size: 28px !important;
  color: #fff;
  margin-bottom: 12px;
  font-family: var(--font-Primary);
}

.form-container #tarif-label label {
  font-size: 15px;
  color: #fff;
  font-family: var(--font-Primary) !important;
}

.form-container .form-group.tooltipn {
  position: relative;
  display: inline-block;
}

.form-container .fa-map-marker,
.form-container .fa-calendar {
  position: absolute;
  left: 12px;
  top: 19px;
}

.form-container .calculer {
  background: 0 0;
  color: #fff;
  padding: 16px 21px 14px;
  font-size: 18px;
  text-transform: uppercase;
  font-family: var(--font-Libre);
  transition: all .3s;
  position: relative;
  margin-left: 4px;
  border: 1px solid #d5c881;
  color: #d5c881;
  display: block;
  background-color: #000;
  z-index: 1;
}

.form-container .calculer::after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all .3s;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #3d3a2a;
}

.form-container .calculer:hover::after {
  height: 100%;
}

@media (max-width: 720px) {
  .form-container {
    margin-bottom: 0px;
  }

  .form-container .text-center {
    font-size: 16px !important;
    display: none;
  }

  .form-container .inputs-container {
    flex-direction: column;
  }

  .form-container #tarif-label {
    margin-bottom: 12px;
  }

  .form-container .calculer {
    margin-top: 12px;
  }

  .form-container .form-group.tooltipn {
    margin-bottom: 12px;
    width: 100%;
    text-align: center;
  }

  .form-container .inputs-container .form-group input {
    max-width: initial;
  }
}

.page_particuliers {
  max-width: 1430px;
  width: calc(100% - 51px);
  margin-inline: auto;
  margin-top: 35px;
  position: relative;
}

.page_particuliers .top_btns {
  white-space: nowrap;
  overflow: auto;
  margin-bottom: 42px;
}

.page_particuliers .top_btns .btns {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  gap: 12px;
  padding-bottom: 7px;
}

.page_particuliers .top_btns .btns a {
  border: 1px solid #FFF;
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 13px 18px;
  display: flex;
  transition: all .3s;
  align-items: center;
  position: relative;
  gap: 14px;
  z-index: 1;
}

.page_particuliers .top_btns .btns a::after {
  content: '';
  position: absolute;
  z-index: 0;
  transition: all .3s;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #3d3a2a;
  z-index: -1;
}

.page_particuliers .top_btns .btns a span {
  gap: 6px;
  display: flex;
  align-items: center;
  z-index: 1;
}

.page_particuliers .top_btns .btns a span::before {
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='22' fill='none' viewBox='0 0 13 22'%3e%3cpath fill='%23fff' d='M.882 2.418 2.562.74l9.15 9.147a1.577 1.577 0 0 1 0 2.237l-9.15 9.152-1.678-1.678 8.588-8.59-8.59-8.59Z'/%3e%3c/svg%3e ");
  width: 13px;
  height: 22;
  width: 13px;
  height: 22px;
  display: block;
}

.page_particuliers .top_btns .btns a:hover::after {
  height: 100%;
}

.page_particuliers .hero {
  position: relative;
}

.page_particuliers .hero img {
  width: 100%;
  display: block;
  margin: auto;
}

.page_particuliers .hero .text-box {
  position: relative;
  bottom: 96px;
  left: 40px;
  background: #191919;
  color: #fff;
  padding: 41px 50px 32px 52px;
  max-width: 569px;
  border: 1px solid #474545;
  outline: 8px solid #191919;
}

.page_particuliers .hero .text-box .title {
  color: #D5C881;
  font-family: var(--font-kanit);
  font-size: 40px;
  font-weight: 500;
  line-height: 91%;
  /* 36.4px */
  margin-bottom: 14px;
}

.page_particuliers .hero .text-box p {
  color: #FFF;
  text-align: justify;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
  font-family: var(--font-Primary);
}

.page_particuliers .hero .outline_img {
  position: relative;
}

.page_particuliers .hero .outline_img::after {
  content: '';
  position: absolute;
  top: 35px;
  left: -33px;
  width: 100%;
  height: 100%;
  border: 1px solid #484848;
}

.page_particuliers .contet_texte {
  padding-bottom: 106px;
}

.page_particuliers .contet_texte p {
  margin-bottom: 20px;
  text-align: justify;
}

.page_particuliers .contet_texte h1,
.page_particuliers .contet_texte h2,
.page_particuliers .contet_texte h3 {
  color: #FFF;
  font-size: 32px;
  font-weight: 700;
  line-height: 91%;
  font-family: var(--font-Primary);
  margin-bottom: 12px;
}

.page_particuliers .contet_texte h3 {
  font-size: 24px;
}

.page_particuliers .contet_texte h4 {
  font-size: 20px;
}

.page_particuliers .contet_texte .slider_particuliers {
  margin-bottom: 37px;
  margin-top: 37px;
  position: relative;
}

.page_particuliers .contet_texte .slider_particuliers .outline_img {
  position: relative;
  margin-right: 39px;
}

.page_particuliers .contet_texte .slider_particuliers .outline_img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #484848;
}

.page_particuliers .contet_texte .slider_particuliers .slide img {
  margin-bottom: 33px;
  transform: translate(15px, 14px);
}

.page_particuliers .contet_texte ul {
  color: #fff;
  padding-left: 16px;
}

.page_particuliers .contet_texte ul li {
  list-style: disc;
  color: #FFF;
  margin-bottom: 12pX;
  font-family: var(--font-Primary);
  font-size: 18px;
  font-weight: 400;
}

.page_particuliers .contet_texte table {
  font-family: Raleway;
  color: #fff;
}

.page_particuliers .tns-controls {
  display: flex;
  justify-content: space-between;
  margin-left: -5px;
  outline: none;
  position: absolute;
  top: 50%;
  width: calc(100% + 9px);
  transform: translateY(-50px);
  height: 0;
}

@media (max-width: 992px) {
  .page_particuliers .hero .outline_img img {
    min-height: 395px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .page_particuliers .contet_texte h2,
  .page_particuliers .contet_texte h3,
  .page_particuliers .contet_texte h4 {
    font-size: 24px;
  }

  .page_particuliers .contet_texte p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .page_particuliers .hero .text-box {
    padding: 31px 37px 32px 41px;
    left: 12px;
    width: calc(100% - 30px);
  }

  .page_particuliers .hero .text-box p {
    font-size: 16px;
  }
}

@media (max-width: 526px) {
  .page_particuliers .contet_texte {
    padding-top: 0;
  }

  .page_particuliers .contet_texte .slider_particuliers .outline_img {
    margin-right: 17px;
  }

  .page_particuliers .contet_texte .slider_particuliers .slide img {
    max-height: 299pX;
  }

  .page_particuliers .hero .text-box {
    bottom: 54px;
    position: relative;
    padding: 23px 13px 14px 13px;
  }

  .page_particuliers .hero .text-box .title {
    text-align: center;
    font-size: 16px;
  }

  .page_particuliers .hero .text-box p {
    font-size: 14px;
    text-align: center;
  }

  .page_particuliers .hero .outline_img::after {
    top: 14px;
    left: -13px;
  }

  .page_particuliers .hero .outline_img img {
    min-height: 271px;
  }
}

.page_cartons {
  max-width: 1430px;
  margin-inline: auto;
  padding-top: 53px;
  width: calc(100% - 38px);
}

.page_cartons .products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  text-align: center;
  margin-bottom: 76px;
}

.page_cartons .products .category {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.page_cartons .products .category .title_category {
  color: #D5C881;
  font-family: var(--font-kanit);
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 2px;
  line-height: 91%;
  /* 36.4px */
}

.page_cartons .products .category p {
  color: #FFF;
  font-family: var(--font-Primary);
  font-size: 24px;
  font-weight: 400;
  line-height: 122%;
  padding-right: 61px;
}

.page_cartons .products .category::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 46px;
  right: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='46' fill='none' viewBox='0 0 24 46'%3e%3cpath fill='%23fff' d='m1.339 3.991 17.29 17.569a2.048 2.048 0 0 1 0 2.88L1.343 42.009a2.062 2.062 0 0 0 .651 3.335A1.989 1.989 0 0 0 4.19 44.9l17.287-17.565a6.187 6.187 0 0 0 0-8.67L4.19 1.1a1.988 1.988 0 0 0-2.85 0 2.063 2.063 0 0 0 0 2.891Z'/%3e%3c/svg%3e ");
}

.page_cartons .products .product {
  border: 1px solid #484848;
  padding-bottom: 15px;
}

.page_cartons .products .product .title,
.page_cartons .products .product .sou_title,
.page_cartons .products .product .price {
  color: #FFF;
  text-align: justify;
  font-family: var(--font-kanit);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-top: 14px;
}

.page_cartons .products .product .sou_title {
  font-size: 20px;
  font-weight: 275;
}

.page_cartons .products .product .price {
  font-weight: 600;
}

.page_cartons .products .product img {
  margin: auto;
  margin-top: 12px;
  width: 100%;
  max-width: 317px;
  height: auto;
  max-height: 251px;
}

.page_cartons .title_accessoires {
  color: #D5C881;
  font-family: var(--font-kanit);
  font-size: 32px;
  font-weight: 500;
  line-height: 91%;
  margin-bottom: 15px;
}

.page_cartons .text_accessoires {
  color: #FFF;
  font-family: var(--font-Primary);
  font-size: 20px;
  font-weight: 400;
  line-height: 91%;
  margin-bottom: 20px;
}

.page_cartons .accessoires {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  text-align: center;
}

.page_cartons .accessoires .item {
  border: 1px solid #484848;
  padding-bottom: 12px;
  margin-bottom: 76px;
}

.page_cartons .accessoires .item p {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 275;
  line-height: 20px;
  padding-inline: 41px;
}

.page_cartons .accessoires .item .title {
  color: #FFF;
  text-align: justify;
  font-family: var(--font-kanit);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 8px;
}

.page_cartons .accessoires .item .texte {
  margin-bottom: 10px;
}

.page_cartons .accessoires .item img {
  margin: auto;
  margin-bottom: 19px;
  margin-top: 8px;
  width: 100%;
  max-width: 317px;
  height: auto;
  max-height: 251px;
}

@media (max-width: 1106px) {
  .page_cartons .accessoires {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 776px) {
  .page_cartons .accessoires {
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 62px;
  }

  .page_cartons .accessoires .item {
    margin-bottom: 0px;
  }

  .page_cartons .accessoires .item img {
    padding-inline: 8px;
  }

  .page_cartons .accessoires .item P {
    padding-inline: 7px;
    line-height: 12px;
    font-size: 12px;
  }

  .page_cartons .accessoires .item .title {
    font-size: 16px;
  }
}

.page_cartons .table_pack {
  padding-bottom: 76px;
  margin-top: 65px;
}

.page_cartons .table_pack table {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
}

.page_cartons .table_pack table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1) {
  border: none;
}

.page_cartons .table_pack th,
.page_cartons .table_pack td {
  padding: 12px;
}

.page_cartons .table_pack td {
  color: #FFF;
  font-family: var(--font-Primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  padding: 39px 15px;
}

.page_cartons .table_pack th {
  color: #FFF;
  text-align: center;
  font-family: var(--font-Primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 21px;
  padding-inline: 14px;
}

.page_cartons .table_pack th span {
  display: block;
  font-size: 12px;
}

.page_cartons .table_pack tr {
  border-top: 1px solid #3D3D3D;
}

.page_cartons .table_pack .total {
  background: #3D3D3D;
  font-weight: bold;
}

.page_cartons .table_pack .total>td:nth-child(1) {
  text-align: left;
}

.page_cartons .table_pack .discount {
  background: #232323;
  font-size: 1.2em;
  font-weight: bold;
}

.page_cartons .table_pack .text_left {
  text-align: left;
  white-space: nowrap;
}

.page_cartons .table_pack .text_right {
  text-align: right;
}

@media (max-width: 1316px) {
  .page_cartons .products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1032px) {
  .page_cartons .products img {
    padding-inline: 12px;
  }
}

@media (max-width: 991px) {

  .page_cartons .table_pack,
  .page_cartons .title_accessoires.pack {
    display: none;
  }
}

@media (max-width: 768px) {
  .page_cartons .products {
    grid-template-columns: repeat(2, 1fr);
  }

  .page_cartons .products .category p {
    padding-right: 13px;
  }

  .page_cartons .products .title {
    font-size: 16px !important;
  }

  .page_cartons .products .price {
    font-size: 16px !important;
  }

  .page_cartons .products P {
    font-size: 14px;
    font-weight: 200;
  }
}

@media (max-width: 700px) {
  .page_cartons .products {
    gap: 11px;
    margin-bottom: 20px;
  }

  .page_cartons .products .category:first-child {
    grid-column: 1/3;
  }

  .page_cartons .products .category:first-child::after {
    content: none;
  }
}

.section_contact {
  max-width: 1428px;
  margin: auto !important;
  margin-top: 30px !important;
  display: flex;
  justify-content: space-between;
  padding-bottom: 49px;
}

.section_contact .title_lg {
  margin-bottom: 13px;
  margin-top: 19px;
}

.section_contact .title_lg p {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 36px;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.section_contact .vc_column-inner::before {
  display: none;
}

.section_contact .wpb_gmaps_widget .wpb_wrapper {
  background-color: #D5C881;
  padding: 8px;
}

.section_contact .wpcf7-form label {
  display: block;
  font-weight: bold;
  margin-top: 10px;
  max-width: 314px;
}

.section_contact .wpcf7-form input,
.section_contact .wpcf7-form textarea {
  width: 100%;
  padding: 17px 12px;
  border: 1px solid #484848;
  background: black;
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.section_contact .wpcf7-form ::-moz-placeholder {
  color: #fff;
}

.section_contact .wpcf7-form ::placeholder {
  color: #fff;
}

.section_contact .wpcf7-form input[type="submit"] {
  background-color: #D5C881;
  border: none;
  padding: 15px 20px;
  font-size: 16px;
  cursor: pointer;
  color: #000;
  font-family: var(--font-Primary);
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  max-width: 317px;
  border: 1px solid;
  transition: all .5s ease-in-out;
}

.section_contact .wpcf7-form input[type="submit"]:hover {
  background-color: transparent;
  color: #D5C881;
}

.section_contact form p {
  display: flex;
  gap: 11px;
}

.section_contact form .message {
  max-width: 647px;
  width: 100%;
}

.section_contact form .recap {
  padding-top: 43px;
  padding-bottom: 30px;
}

.section_contact form .recap label {
  width: initial;
  max-width: inherit;
  color: #FFF;
  font-family: var(--font-Primary);
  font-size: 16px;
  font-weight: 400;
  padding-left: 8px;
  cursor: pointer;
}

.section_contact form .recap input {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  padding: 0;
  border: 1px solid #fff;
}

.section_contact form .recap a {
  text-decoration: underline;
}

.section_contact form .recap a:hover {
  color: #D5C881;
}

.section_contact .left_block {
  padding-left: 37px;
}

.section_contact input:checked~.wpcf7-list-item-label::after {
  transform: scale(1.3);
}

.section_contact .wpcf7-list-item-label::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: transparent;
  height: 14px;
  left: 0;
  top: -6px;
  width: 15px;
  height: 15px;
}

.section_contact .wpcf7-list-item-label::after {
  content: '';
  height: 19px;
  left: -1px;
  top: 8px;
  transform: scale(0);
  width: 19px;
  position: absolute;
  transition: transform .3s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' fill='none' viewBox='0 0 9 8'%3e%3cpath stroke='%23fff' d='m.543 3.676 2.872 3.039L7.915 1'/%3e%3c/svg%3e ");
}

@media (max-width: 992px) {
  .section_contact {
    flex-direction: column;
  }

  .section_contact .wpb_column,
  .section_contact .left_block {
    width: 100%;
    order: 2;
  }

  .section_contact .left_block {
    order: 1;
    padding-left: 0px;
  }
}

@media (max-width: 768px) {
  .section_contact {
    margin-top: 0px !important;
    padding-bottom: 0;
  }

  .section_contact form .recap {
    padding-top: 0px;
    padding-bottom: 8px;
  }

  .section_contact form .wpcf7-form input[type="submit"] {
    width: 100%;
    max-width: initial;
  }

  .section_contact .title_lg p {
    font-size: 24px;
  }

  .section_contact form p {
    gap: 5px;
    margin-bottom: 21px;
  }

  .section_contact .wpcf7-form input[type="submit"] {
    max-width: initial;
  }

  .section_contact .wpb_gmaps_widget .wpb_map_wraper iframe {
    max-height: 423px;
  }

  .section_contact .wpb_text_column {
    margin-bottom: 6px;
  }
}

.top_texte_contact {
  padding-top: 41px;
}

.top_texte_contact P {
  font-family: var(--font-kanit);
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .top_texte_contact {
    padding-top: 0px;
  }

  .top_texte_contact .vc_column_container>.vc_column-inner {
    padding-top: 17px;
  }
}

.bottom_text {
  max-width: 1428px;
  margin: auto !important;
  padding-bottom: 120px;
}

.bottom_text p {
  color: #ADADAD;
  font-family: var(--font-kanit);
  font-size: 12px;
  font-weight: 400;
}

.bottom_text a {
  text-decoration: underline;
}

.page_actualites {
  color: #fff;
  max-width: 1428px;
  width: calc(100% - 46px);
  margin: auto;
  padding-top: 53px;
}

.page_actualites .intro_actu {
  color: #FFF;
  text-align: justify;
  font-family: var(--font-Primary);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 90px;
}

.page_actualites #contenu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
  gap: 48px 88px;
}

.page_actualites .container .item-actu {
  display: flex;
  flex-direction: column;
  max-width: 365px;
}

.page_actualites .container .item-actu img {
  display: block;
  max-height: 266px;
  height: 100%;
  width: 100%;
  max-width: 365px;
  min-height: 266px;
  -o-object-fit: cover;
  object-fit: cover;
}

.page_actualites .container .item-actu .date {
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 300;
  margin-top: 17px;
  margin-bottom: 6px;
}

.page_actualites .container .item-actu .title {
  font-family: var(--font-kanit);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 19px;
}

.page_actualites .pagination {
  grid-column: 1/4;
  text-align: center;
}

.page_actualites .pagination .page-numbers {
  font-size: 26px;
}

.page_actualites .pagination .page-numbers {
  font-size: 20px;
}

.page_actualites .pagination .next {
  margin-left: 11px;
}

.page_actualites .pagination .page-numbers.current {
  color: #D5C881;
}

@media (max-width: 1320px) {
  .page_actualites #contenu {
    gap: 26px 13px;
  }
}

@media (max-width: 1136px) {
  .page_actualites #contenu {
    gap: 26px 13px;
    grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
  }
}

@media (max-width: 992px) {
  .page_actualites .pagination {
    grid-column: 1/3;
  }
}

@media (max-width: 550px) {
  .page_actualites #contenu {
    grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
  }

  .page_actualites .pagination {
    grid-column: 1/2;
  }
}

.detail_article {
  max-width: 1423px;
  margin-inline: auto;
  width: calc(100% - 30px);
  padding-top: 41px;
}

.detail_article h1,
.detail_article h2,
.detail_article h3,
.detail_article h4 {
  color: #FFF;
  font-family: var(--font-Primary);
  font-weight: 700;
  margin-bottom: 12PX;
}

.detail_article .date {
  color: #FFF;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 20px;
  font-family: var(--font-Primary);
  margin-bottom: 13px;
  display: block;
}

.detail_article img {
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}

.detail_article h1 {
  font-size: 32px;
}

.detail_article h2 {
  font-size: 24px;
}

.detail_article h3 {
  font-size: 20px;
}

.detail_article p {
  margin-bottom: 13px;
}

.detail_article a {
  color: #D5C881;
  text-decoration: underline;
}

.detail_article ul {
  color: #FFF;
  padding-left: 25px;
  margin-bottom: 20px;
}

.detail_article ul li {
  font-family: var(--font-Primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 199%;
  list-style: disc;
}

@media (max-width: 992px) {
  .detail_article .titre {
    font-size: 23px;
  }

  .detail_article h2 {
    font-size: 16px;
  }

  .detail_article p {
    text-align: justify;
  }

  .detail_article ul li {
    font-size: 14px;
  }
}

.vc_row {
  margin: 0;
}

footer {
  background-color: #000;
  padding-top: 35px;
}

footer .contanier {
  max-width: 1428px;
  width: calc(100% - 48px);
  margin-inline: auto;
  background-color: #191919;
  display: flex;
  justify-content: space-between;
  border: 1px solid #474545;
  outline: 12px solid #1A1919;
  padding: 80px 65px 46px 65px;
  margin-bottom: 22px;
}

footer .contanier a,
footer .contanier p {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 14px;
  font-weight: 400;
  line-height: 199%;
}

footer .contanier a:hover {
  color: #D5C881;
}

footer .contanier .title {
  color: #D5C881;
  font-family: var(--font-kanit);
  font-size: 20px;
  font-weight: 500;
  line-height: 101%;
  padding-bottom: 21px;
}

footer .contanier .nous_suivre {
  display: flex;
  gap: 117px;
}

footer .contanier .nous_suivre .suiver {
  display: flex;
  flex-direction: column;
}

footer .contanier .nous_suivre .suiver ul {
  display: flex;
  gap: 34px;
}

footer .contanier .nous_suivre .suiver ul svg {
  cursor: pointer;
  transition: all 200ms ease-in;
}

footer .contanier .nous_suivre .suiver ul svg:hover {
  transform: scale(1.2);
}

footer .contanier .nous_suivre .certifications img {
  margin-inline: auto;
}

footer .contanier .logo {
  padding-left: 97px;
}

footer .section {
  max-width: 1428px;
  margin-inline: auto;
  width: calc(100% - 19px);
}

footer .section .signature {
  display: flex;
  justify-content: space-between;
  padding-bottom: 42px;
  padding-top: 15px;
}

footer .section .signature p {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 14px;
  font-weight: 300;
  line-height: 101%;
}

footer .section .signature a {
  text-decoration: underline;
  font-weight: 600;
}

footer .section .signature a:hover {
  color: #D5C881;
}

@media (max-width: 1124px) {
  footer .contanier .logo {
    padding-left: 23px;
  }

  footer .contanier .nous_suivre {
    gap: 30px;
  }
}

@media (max-width: 992px) {
  footer .contanier {
    padding: 50px 17px 46px 25px;
  }

  footer .contanier .logo {
    padding-left: 0px;
  }

  footer .contanier .nous_suivre .certifications img {
    max-width: 60px;
  }

  footer .section .signature {
    padding-bottom: 15px;
  }
}

@media (max-width: 834px) {
  footer .contanier {
    flex-direction: column;
  }

  footer .contanier .informations {
    order: 2;
    margin-bottom: 28px;
  }

  footer .contanier .logo {
    order: 1;
    margin-bottom: 43px;
  }

  footer .contanier .nous_suivre {
    order: 3;
    flex-direction: column;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  footer .contanier .nous_suivre .suiver {
    flex-direction: initial;
    align-items: center;
    gap: 15px;
  }

  footer .contanier .nous_suivre .suiver .title {
    padding: 0;
  }

  footer .contanier .nous_suivre .certifications {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  footer .contanier .nous_suivre .certifications .title {
    padding: 0;
  }
}

@media (max-width: 512px) {
  footer .contanier {
    padding: 31px 17px 23px 25px;
  }

  footer .contanier .logo {
    text-align: center;
  }

  footer .section .signature {
    padding-bottom: 10px;
    padding-top: 6px;
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }

  footer .section .signature p {
    font-size: 13px;
  }
}

.module_page_404 .content_404 {
  max-width: 875px;
  width: 100%;
  margin: auto;
  text-align: center;
  margin-top: 163px;
  margin-bottom: 16rem;
}

.module_page_404 .content_404 svg {
  margin: auto;
  vertical-align: -9px;
  margin-right: 2px;
}

.module_page_404 .content_404 .title {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
}

.module_page_404 .content_404 span,
.module_page_404 .content_404 p,
.module_page_404 .content_404 a {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.module_page_404 .content_404 .dis {
  margin-bottom: 27px;
}

.module_page_404 .content_404 span {
  color: #FFF;
  font-weight: 500;
  background-color: #D5C881;
  padding: 15px;
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  border-radius: 30px;
  margin-bottom: 12px;
}

.module_page_404 .content_404 a {
  color: #fff;
  font-family: var(--font-kanit);
  font-weight: 700;
}

.module_page_404 .content_404 a:hover {
  transition: color 0.3s ease;
  text-decoration: underline;
}

@media (max-width: 992px) {
  .module_page_404 span {
    width: 100%;
    max-width: 328px;
  }

  .module_page_404 .dis {
    margin-inline: 36px;
  }
}

@media (max-width: 496px) {
  .module_page_404 .content_404 {
    margin-top: 16px;
  }

  .module_page_404 .content_404 svg {
    max-width: 200px;
  }
}

.page-remerciement {
  max-width: 1428px;
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 26px 12px;
}

.page-remerciement h1 {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
}

.page-remerciement p {
  text-align: center;
  margin-bottom: 12px;
}

.page_Mentions {
  max-width: 1430px;
  margin: auto;
  padding: 35px 12PX;
  width: 100%;
}

.page_Mentions h1 {
  color: #FFF;
  font-family: var(--font-Primary);
  font-size: 32px;
  font-weight: 700;
  line-height: 91%;
  margin-bottom: 31px;
}

.page_Mentions P {
  margin-bottom: 16px;
}

.page_Mentions P b {
  font-weight: 700;
}

.page_Mentions ul {
  color: #fff;
  padding-left: 24px;
}

.page_Mentions ul li {
  list-style: disc;
}

.container.tracking {
  max-width: 1427px;
  margin: auto;
  width: calc(100% - 51px);
  padding-top: 47px;
}

.container.tracking .infotrack,
.container.tracking .choix {
  margin-bottom: 12px;
}

.container.tracking .infotrackdetails p {
  display: flex;
  align-items: center;
}

.container.tracking .infotrackdetails p .fa-map-marker {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='21' fill='none' viewBox='0 0 15 21'%3e%3cpath fill='%23D5C881' d='M7.937.209a7 7 0 0 1 7 7c0 2.899-5.202 9.988-7 13.23-1.725-3.112-7-10.502-7-13.23a7 7 0 0 1 7-7Zm3.128 6.736a3.134 3.134 0 0 0-3.128-3.128 3.134 3.134 0 0 0-3.128 3.128 3.134 3.134 0 0 0 3.128 3.127 3.134 3.134 0 0 0 3.128-3.127Z'/%3e%3c/svg%3e ");
  display: block;
  width: 15px;
  height: 21px;
  background-repeat: no-repeat;
}

.container.tracking .demanderdevis {
  display: flex;
  margin-bottom: 18px;
  gap: 20px;
  margin-top: 24px;
}

.container.tracking .demanderdevis .devisitem span {
  color: #FFF;
  font-family: var(--font-Primary);
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
}

.container.tracking .demanderdevis .devisitem input {
  background: #D5C881;
  font-size: 16px;
  font-family: var(--font-Primary);
  padding: 12px;
  font-weight: 700;
  border: 1px solid #D5C881;
  transition: all 0.3s ease-in-out;
}

.container.tracking .demanderdevis .devisitem input:hover {
  background-color: transparent;
  color: #D5C881;
}

.container.tracking .demanderdevis .devisitem .item {
  margin-bottom: 14px;
}

.container.tracking .demanderdevis .devisitem .item img {
  margin-bottom: 12px;
}

.container.tracking .demanderdevis .devisitem .item .cat-item {
  margin-bottom: 4px;
  font-family: var(--font-kanit);
  font-size: 20px;
}

@media (max-width: 992px) {
  .container.tracking .demanderdevis {
    flex-direction: column;
  }
}

.container.tracking h1,
.container.tracking h2 {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
}

.container.tracking h2 {
  color: #FFF;
  font-size: 24px;
}

.container_Simulation {
  max-width: 1427px;
  margin: auto;
  width: calc(100% - 51px);
  padding-top: 47px;
}

.container_Simulation P {
  margin-bottom: 12px;
}

.container_Simulation P strong {
  font-weight: 700;
}

.container_Simulation h1 {
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.btn-calculer {
  padding-left: 5px;
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}

.tns-slider>.tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery>.tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both;
}

.tns-t-ct>div {
  width: 1.4285714%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}


.pageconfiance h1 {
  font-size: 25px;
  color: #cd935d;
  font-weight: 500;
  margin-bottom: 25px;
  margin-left: 0;
  margin-top: 0;
}


.liste{
	color: #fff;
  margin: 0;
  padding: 1pc;
  list-style-type: disc;
}

.liste li {
	margin: 1pc;
	font-family: var(--font-Primary);
}

.content-mentions{
    max-width: 1200px;
    margin: auto;
    width: calc(100% - 30px);
   p{
     margin-bottom: 12px; 
   }
  }


.pageconfiance {
  max-width: 1430px;
  margin-inline: auto;
  padding-top: 53px;
  width: calc(100% - 38px);
}

.pageconfiance wpb_wrapper{ 
  margin-bottom: 20px;
}
.pageconfiance {
  display: flex;
  gap: 28px;
  text-align: center;
  flex-wrap: wrap;
}
.pageconfiance h1{
  margin-left: 0;
  margin-top: 0;
  color: #D5C881;
  font-family: var(--font-kanit);
  font-size: 32px;
  font-weight: 500;
  line-height: 91%;
  margin-bottom: 15px;
}

.pageconfiance .item{
 width: 198px;
  height: 198px;
  margin-bottom: 10px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
}

.pageconfiance .wpb_wrapper{ 
  margin-bottom: 20px;
  text-align: left;
}

.pageconfiance .wrapper {
  display: flex;
  flex-wrap: wrap;
}


 
.form-devis .form_validate { 
  max-width: 500px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.form-devis .form_validate input[type="checkbox"]{
  color:#fff;
  appearance: auto;
}
.form-devis .form_validate label{
  color:#fff;
}
.form-devis .form_validate input[type="text"] , .form_validate input[type="email"]{
  width: 100%;
  padding: 17px 12px;
  border: 1px solid #484848;
  background: black;
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.form-devis .form_validate textarea{
  width: 100%;
  padding: 17px 12px;
  border: 1px solid #484848;
  background: black;
  color: #FFF;
  font-family: var(--font-kanit);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 276px;
}

.envoyerlademande{
  background-color: #D5C881;
  padding: 15px 20px;
  font-size: 16px;
  cursor: pointer;
  color: #000;
  font-family: var(--font-Primary);
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  max-width: 317px;
  border: 1px solid;
  transition: all .5s ease-in-out;
}