/*
Theme Name: Redbox Média - Thème Personnalisé
Theme URI: http://redboxmedia.ca/
Description: Ceci est un thème personnalisé créé par Redbox Média
Author: Redbox Média
Author URI: http://redboxmedia.ca/
Template: salient
Version: 1
*/

@font-face {
  font-family: "hanley_promonoline";
  src: url("fonts/hanley_pro_monoline/hanleypro-monoline-webfont.woff2") format("woff2"),
    url("fonts/hanley_pro_monoline/hanleypro-monoline-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/**** général ***/
#sp-ks8a8s {
  min-height: 100vh;
}

.rechaptcha_by_google {
    font-size: 10px !important;
    opacity: .5;
}
img {
  max-width: 100%;
}

body.page-template-page-confirmation #header-outer {
  display: none;
}

.d-none {
  display: none !important;
}

html body {
  font-family: "Mulish", sans-serif;
  font-size: 21px;

  color: #302f63;
  font-weight: 300;
  line-height: 1.2;
}

body .bold,
body strong,
body b {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

html body a {
  color: #302f63;
}

html body .light a {
  color: #fff;
}

html body p a {
  text-decoration: underline;
}

html body h1,
html body h2,
html body h3,
html body h4 {
  font-family: "Mulish", sans-serif;

  color: #6c6e70;
  font-weight: 1000;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

html body h1 strong,
html body h2 strong,
html body h3 strong,
html body h4 strong {
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
}

html body h1,
html body h2 {
  font-size: 48px;
  font-size: clamp(30px, 2.5vw, 48px);
  color: #ffc952;
  margin-bottom: 46px;
}

html body .light h1,
html body .light h2 {
  color: #fff;
}

.hanley_pro_h2 h2 {
  font-family: "hanley_promonoline", cursive !important;
  font-weight: normal !important;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 26px;
}

.hanley_pro_h1 h1 {
  font-family: "hanley_promonoline", cursive !important;
  font-weight: normal !important;
  line-height: 1;
  letter-spacing: 0;
}

html body .vague_jaune h3,
html body .vague_jaune h2 {
  margin-bottom: 25px;
  background: url(images/vague-jaune.svg) no-repeat left bottom;
  padding-bottom: 25px;
}

html body h3 {
  color: #302f63;
  font-size: 21px;
}

.li_bold li,
body .text_bold {
  font-weight: 800;
}

body .text_tres_bold {
  font-weight: 1000;
}

body .container {
  max-width: calc(1410px + 40px);
  width: calc(73.5vw + 40px);
}

.wpb_row {
  margin-top: -148px;
  margin-top: -79px;
  margin-top: -115px;
}

.wpb_row:first-child,
.wpb_row.no_marg_top,
.wpb_row .wpb_row {
  margin-top: 0 !important;
}

.wpb_row .wpb_row>.span_12 {
  padding-top: 0;
  padding-bottom: 0;
}

.wpb_row>.span_12 {
  padding-top: 82px;
  padding-bottom: 248px;
}

.carriere_info {
  margin-bottom: 248px !important;
}

.wpb_row.no_pad_top>.span_12 {
  padding-top: 0;
}

.wpb_row.plus_pad_top>.span_12 {
  padding-top: 250px;
}

.wpb_row.no_pad_bottom>.span_12 {
  padding-bottom: 0;
}

.wpb_row.moyen_pad_bottom>.span_12 {
  padding-bottom: 195px;
  /*padding-bottom: 10vw;*/
}

.wpb_row.petit_pad_bottom>.span_12 {
  padding-bottom: 171px;
  /*padding-bottom: 8vw;*/
}

.wpb_row.tres_petit_pad_bottom>.span_12 {
  padding-bottom: 47px;
}

/* #nous_trouver.wpb_row > .span_12 {
  padding-bottom: 140px;
} */
.premier_row.wpb_row>.span_12 {
  padding-top: 195px;
}

.pad_top_plus.wpb_row>.span_12 {
  padding-top: 195px;
  padding-top: 136px;
  padding-top: 7.2vw !important;
}

.pad_top_plus.apropos_top.wpb_row>.span_12 {
  padding-top: 2.2vw !important;
}

.wpb_row>.row-bg-wrap .row-bg {
  -webkit-border-top-left-radius: 7.3vw;
  -webkit-border-top-right-radius: 7.3vw;
  -moz-border-radius-topleft: 7.3vw;
  -moz-border-radius-topright: 7.3vw;
  border-top-left-radius: 7.3vw;
  border-top-right-radius: 7.3vw;
  overflow: hidden;
}

.wpb_row:first-child>.row-bg-wrap .row-bg,
.wpb_row.no_round>.row-bg-wrap .row-bg,
.wpb_row .wpb_row>.row-bg-wrap .row-bg {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.main-content>.row>.wpb_row:nth-child(1) {
  z-index: 10;
}

.main-content>.row>.wpb_row:nth-child(2) {
  z-index: 11;
}

.main-content>.row>.wpb_row:nth-child(3) {
  z-index: 12;
}

.main-content>.row>.wpb_row:nth-child(4) {
  z-index: 13;
}

.main-content>.row>.wpb_row:nth-child(5) {
  z-index: 14;
}

.main-content>.row>.wpb_row:nth-child(6) {
  z-index: 15;
}

.main-content>.row>.wpb_row:nth-child(7) {
  z-index: 16;
}

.main-content>.row>.wpb_row:nth-child(8) {
  z-index: 17;
}

.main-content>.row>.wpb_row:nth-child(9) {
  z-index: 18;
}

.main-content>.row>.wpb_row:nth-child(10) {
  z-index: 19;
}

.main-content>.row>.wpb_row:nth-child(11) {
  z-index: 20;
}

.main-content>.row>.wpb_row:nth-child(12) {
  z-index: 21;
}

.main-content>.row>.wpb_row:nth-child(13) {
  z-index: 22;
}

#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions,
#nous_trouver #wpsl-search-btn,
body .nectar-button {
  font-family: "Mulish", sans-serif;
  font-size: 14px !important;
  font-size: clamp(11px, 0.745vw, 14px) !important;
  font-weight: 1000 !important;
  text-transform: uppercase;
  padding: 17px 27px !important;
  padding: 1.1vw 1.4vw !important;
  text-align: center;
}

body #nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .nectar-button,
body #nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions {
  /*padding-left: 0 !important;*/
  white-space: nowrap;
  margin-right: 0;
}

body .nectar-button.regular-button.extra-color-3 {
  color: #302f63 !important;
}

body .nectar-button {
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

body .full-width-section .light .nectar-button:hover,
body .nectar-button:hover {
  opacity: 1;
}

body .nectar-button {
  background-image: url(images/cta_over.svg);
  background-position: center 80px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 500ms ease-out !important;
  -moz-transition: background-position 500ms ease-out !important;
  -o-transition: background-position 500ms ease-out !important;
  transition: background-position 500ms ease-out !important;
}

body.page-template-page-confirmation .nectar-button.extra-color-1 {
  background-size: 100% auto;
}

body .nectar-button.has-icon:before {
  display: none !important;
}

body .nectar-button.extra-color-3:not(.has-icon) {
  background-image: url(images/cta_over_gray.svg);
}

body .nectar-button:hover {
  background-position: 50% -50px;
  opacity: 1 !important;
}

body .nectar-button.has-icon {
  padding: 1.1vw 2.4vw !important;
  padding: 1.1vw 26px 1.1vw 19px !important;
  background-image: unset !important;
}

body .nectar-button.regular-button.extra-color-3.text_turquoise,
.text_turquoise {
  color: #68c3cd !important;
}

body .nectar-button.regular-button.extra-color-3.text_red,
.text_red {
  color: #EA504C !important;
}

html body.material[data-button-style^="rounded"] .nectar-button.has-icon:not([class*="see-through"]) i {
  background-color: transparent;
}

body #list_ontario .nectar-button,
.cta_violet.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
.text_violet {
  color: #302f63 !important;
}

body #list_maritime .nectar-button,
.cta_rouge.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
.text_rouge {
  color: #ea504c !important;
}

body #list_siege-social .nectar-button,
.cta_jaune.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
.text_jaune {
  color: #ffc952 !important;
}

.container-wrap {
  margin-top: -132px !important;
  padding-top: 0 !important;
}
.page-template-page-configurateur .container-wrap {
  margin-top: -151px !important;
  
}

body .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
  position: relative;
}

body .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
  position: absolute;
  top: 0;
  right: 0;
}

body .vc_row.vc_row-flex>.span_12>.vc_column_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.horizontal_blue_line {
  margin-bottom: 110px !important;
  margin-bottom: 5.5vw !important;
}

.horizontal_blue_line.no_marg_bottom {
  margin-bottom: 0 !important;
}

.horizontal_blue_line>.row-bg-wrap .row-bg {
  background: url(images/vague_bleu.svg) repeat-x left bottom;
}

.horizontal_blue_line>.span_12 {
  padding-bottom: 152px !important;
  padding-bottom: 7.9vw !important;
  padding-bottom: 110px !important;
  padding-bottom: 5.6vw !important;
  /*padding-top: 148px !important;*/
}

.back_cta {
  margin-bottom: 74px;
  margin-bottom: 4vw;
}

.back_cta a {
  font-weight: 1000;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}

.back_cta a svg {
  -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
}

.back_cta a:hover svg {
  transform: translateX(-10px);
}

.text_center_horiz {
  align-items: center !important;
}

.deux_col_a>.vc_column-inner {
  padding-right: 17%;
}

.deux_col_a .img-with-aniamtion-wrap {
  margin-bottom: 45px;
}

.deux_col_b>.vc_column-inner {
  padding-left: 6%;
}

/*.piscine_spa_informations .deux_col_b > .vc_column-inner .wpb_content_element .info,
.deux_col_b > .vc_column-inner .wpb_content_element {
  padding-left: 12%;
}
.deux_col_b > .vc_column-inner .wpb_content_element + .nectar-button {
  margin-left: 12%;
}*/
.piscine_spa_informations .deux_col_b>.vc_column-inner .wpb_content_element {
  padding-left: 0;
}

.deux_col>.span_12 {
  padding-top: 96px !important;
  padding-bottom: 109px !important;

  padding-top: 5vw !important;
  padding-bottom: 2.6vw !important;
  padding-bottom: 52px !important;
}

.deux_col.apropos_home_page>.span_12 {
  padding-top: 2vw !important; 
}


.deux_col.devenir_detaillant>.span_12 {
  padding-top: 0 !important;
}

/*.deux_col  > .row-bg-wrap .row-bg ,*/
.deux_col>.span_12 {
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
}

.deux_col h3 {
  font-size: 21px;
  color: #ffc952;
  font-weight: 800;
  margin-bottom: 20px !important;
}

.deux_col .deux_col_a {
  background: url(images/vague_turquoise_vertical.svg) repeat-y right top;
  padding-top: 65px;
  padding-bottom: 50px !important;
}

.deux_col .deux_col_b {
  padding-bottom: 50px !important;
  padding-top: 65px;
}

body .gros_h2 h3 {
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  color: #ffc952;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
}

body .divider-wrap .divider-border {
  background-color: transparent;
  height: 8px !important;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  margin: 54px 0 !important;
}

body .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid #68c3cd;
  background: transparent;
  opacity: 1;
}

body .swiper-pagination-bullet-active {
  opacity: 1;
  background: #302f63;
  border: 1px solid #302f63;
}

html body.material[data-button-style^="rounded"] .nectar-button.small i.icon-button-arrow {
  font-size: 25px;
  font-size: clamp(18px, 1.31vw, 25px);
  font-weight: bold;
  -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transform: translateY(-50%) translateX(0px);
}

html body.material[data-button-style^="rounded"] .nectar-button.small:hover i.icon-button-arrow {
  transform: translateY(-50%) translateX(10px);
}

.material .wpb_row.titre_image_texte.first {
  margin-top: 100px !important;
}

html body .row .titre_image_texte h3 {
  font-weight: 300;
  font-size: clamp(21px, 1.67vw, 32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 15px;
}

body .titre_image_texte .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
  right: -48%;
}

.titre_image_texte .wpb_column:first-child {
  position: relative;
  z-index: 2;
}

/*.wpb_row.top-level > .span_12 ,*/
.page-template-page-carriere #reassurance>.span_12,
.dont_scroll>.span_12,
.carriere_region>.span_12,
.wpb_row#configurateur>.span_12,
.wpb_row#infolettre>.span_12,
.wpb_row>.span_12 .span_12 {
  transform: unset !important;
  translate: unset !important;
  rotate: unset !important;
  scale: unset !important;
}

/**** banner ****/
#banner {
  overflow: hidden;
}

#banner>.span_12 {
  min-height: 948px;
  min-height: calc(100vh + 55px);
  padding: 0 !important;
  color: #fff;
  flex-direction: row-reverse;
}

body #banner .banner_titre {
  position: relative;
}

body .page_confirmation .banner_titre h1:after,
body #banner .banner_titre:after {
  margin-top: 10px;
  content: "";
  display: block;
  width: 80px;
  height: 26px;
  background: url(images/petite_vague_turquoise.svg) no-repeat left bottom;
  background-size: 100% auto;
}

body .page_confirmation .banner_titre h1:after {
  margin-bottom: ;
}

body #banner h1 a {
  color: #fff;
}

body #banner .title_single_prduct h1 {
  max-width: 70%;
  width: 100%;
}

body #banner h1 {
  color: #fff;
  font-size: 71px;
  font-size: clamp(30px, 3.7vw, 71px);
  text-transform: uppercase;
  margin-bottom: 5px;
}

#banner .column_container:nth-child(2) .vc_column-inner {
  padding: 190px 6% 210px 55px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#banner .sous-titre {
  color: #ffc952;
  padding-bottom: 0;
  font-family: "hanley_promonoline", cursive;
  font-weight: normal;
  font-size: 48px;
  font-size: clamp(24px, 2.5vw, 48px);
  line-height: 1;
  letter-spacing: 0;
}

.les_accessoires .accessoire:before,
.archive_piscine_spa .une_piscine:before,
.animated_reveal:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  background-color: #fff;
  z-index: 22;
  display: block;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.les_accessoires .accessoire.active:before,
.archive_piscine_spa .une_piscine.active:before,
.animated_reveal.active:before {
  width: 0;
}

.cta_rendez_vous_wrap {
  display: inline-block;
  vertical-align: top;
}

/**** header / menu *****/

html body #header-outer {
  background-color: transparent;
}

body #header-outer #logo {
  background-color: #302f63;
  padding: 25px 45px;
  padding: 1.26vw 2.45vw;
   padding: .9vw 2.45vw;
  margin: 0 !important;
  border-bottom: 1px solid #68c3cd;
}

body #header-outer #logo .logo_icon {
  display: none;
}

body #header-outer .logo-spacing {
  margin-top: 0;
  margin-bottom: 0;
  width: 402px;
}

body #header-outer.small-nav #logo {
  padding: 20px 45px;
  padding: 1.05vw 45px;
  padding: 20px 26px;
}

body #header-outer.small-nav #logo .stnd {
  display: none;
}

body #header-outer.small-nav #logo .logo_icon {
  display: block;
}

body #header-outer.lighten-logo.transparent #top #logo img.logo_icon {
  opacity: 1 !important;
}

body #header-outer[data-full-width="true"] header>.container {
  padding-left: 0;
}

#slide-out-widget-area .wrap_sociaux,
#slide-out-widget-area .form_infolettre_off_canvas {
  -webkit-transition: all 10ms ease-out;
  -moz-transition: all 10ms ease-out;
  -o-transition: all 10ms ease-out;
  transition: all 10ms ease-out;
  opacity: 0;
  transform: translateY(40px);
}

#slide-out-widget-area.open .wrap_sociaux,
#slide-out-widget-area.open .form_infolettre_off_canvas {
  opacity: 1;
  transform: translateY(0);
  -webkit-transition: all 500ms ease-out 0.5s;
  -moz-transition: all 500ms ease-out 0.5s;
  -o-transition: all 500ms ease-out 0.5s;
  transition: all 500ms ease-out 0.5s;
}

body #header-outer #top .left-aligned-ocm[data-user-set="1"],
body #header-outer #top .left-aligned-ocm[data-user-set="1"] li,
body #header-outer #top .left-aligned-ocm[data-user-set="1"] li div,
html body[data-slide-out-widget-area-style="slide-out-from-right"] .slide-out-widget-area-toggle>div,
html body[data-slide-out-widget-area-style="slide-out-from-right"] .slide-out-widget-area-toggle {
  display: flex;
  align-items: stretch;
}

body #header-outer #top .left-aligned-ocm[data-user-set="1"] li div,
body #header-outer #top .left-aligned-ocm[data-user-set="1"] li {
  height: 100%;
}

body #header-outer #top .left-aligned-ocm a {
  display: flex !important;
  align-items: center;
  background: #68c3cd;
  padding: 10px 44px;
  padding: 0.5vw 2.45vw;
  padding: 10px 35px;
  height: 100%;
  border-bottom: 1px solid #68c3cd;
}

body #header-outer.small-nav #top .left-aligned-ocm a {
  padding: 10px 27px;
}

body #top .slide-out-widget-area-toggle a span {
  width: 50px;
}

html body #header-outer .lines-button.close {
  display: none !important;
}

body .slide-out-widget-area-toggle .lines-button:after,
body .lines:after,
body .lines:before,
body #header-outer .left-aligned-ocm .lines:before,
html body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before,
html body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-widget-area-toggle.mobile-icon .lines:before {
  width: 50px !important;
  height: 3px;
}

body #header-outer[data-format="centered-menu"] #top .span_9 nav {
  align-items: center;
}

body #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

body #header-outer[data-format="centered-menu"].side-widget-open #top .span_9 .sf-menu:not(.buttons) {
  display: none !important;
}

body #header-outer[data-format="centered-menu"].small-nav #top .span_9 .sf-menu:not(.buttons) {
  transform: translateY(-100px);
  opacity: 0;
}

body #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) li {
  padding: 20px 5px;
  background-color: #68c3cd;
}

body #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) li:first-child {
  padding-left: 15px;
  -webkit-border-top-left-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -moz-border-radius-topleft: 100px;
  -moz-border-radius-bottomleft: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

body #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) li:last-child {
  padding-right: 15px;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

body .slide-out-widget-area-toggle .lines-button.hover-effect:after,
body .lines:after,
body .lines:before {
  background-color: #302f63;
}

body .slide-out-widget-area-toggle .lines-button:after {
  background: transparent;
}

body .slide-out-widget-area-toggle a>span {
  height: 33px;
}

html body #header-outer .lines-button {
  top: 15px;
}

body .sf-menu>li.sfHover:not(.magamenu)>ul:not(.on-left-side) {
  left: auto;
  right: 0;
}

body .lines:before,
html body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines:before {
  top: 15px;
}

body .lines:after,
html body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines:after {
  top: -15px;
}

body #top nav .sf-menu .menu-item>a .sf-sub-indicator i {
  color: #fff;
  font-weight: bold;
}

body #top nav .sf-menu .current_page_item>a .sf-sub-indicator i {
  color: #302f63 !important;
}

body #top nav .sf-menu .sfHover>a .sf-sub-indicator i {
  color: #302f63 !important;
}

body #top nav>ul>li>a {
  color: #fff;
  font-weight: 1000;
  text-transform: uppercase;
  line-height: 1;
}

body #header-outer.transparent #top nav>ul>li[class*="button_solid_color"]>a:before,
body #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before,
body #top nav>ul>li[class*="button_solid_color"]>a:before {
  height: 44px;
}

#header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav>ul>li[class*="button_"].cta_soumission>a:before {
  background-color: #ea504c !important;
}

body #header-outer[data-lhe="default"] #top nav>ul>li>a:hover,
body #header-outer[data-lhe="default"] #top nav .sf-menu>.sfHover:not(#social-in-menu)>a,
body #header-outer[data-lhe="default"] #top nav .sf-menu>.current-menu-item>a,
body #header-outer[data-lhe="default"] #top nav .sf-menu>.current_page_ancestor>a,
body #header-outer[data-lhe="default"] #top nav .sf-menu>.current-menu-ancestor>a,
body #header-outer[data-lhe="default"] #top nav .sf-menu>.current_page_item>a,
body #header-outer[data-lhe="default"] #top nav>ul>.button_bordered>a:hover,
body #header-outer[data-lhe="default"] #top nav>.sf-menu>.button_bordered.sfHover>a,
body #header-outer:not(.transparent) .nectar-mobile-only.mobile-header a:hover,
body #header-outer:not(.transparent) .nectar-mobile-only.mobile-header li[class*="current"] a {
  color: #302f63 !important;
}

html body.material #header-outer.transparent .slide-out-widget-area-toggle a .close-line,
html body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line {
  background: #302f63 !important;
}

body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"]>a {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].button_solid_color>a {
  background: #68c3cd !important;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
}

body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].cta_soumission>a {
  background: #ea504c !important;
}

.nectar-woo-cart {
  display: none !important;
}

body.page-id-1883 #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].cta_soumission>a,
body.page-id-219 #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].cta_soumission>a {
  background: #fff !important;
  color: #ea504c !important;
}

body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].button_solid_color_2>a {
  background: #302f63 !important;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
}

body #top .slide-out-widget-area-toggle a span .lines-button.hover-effect {
  left: 0;
}

body #header-outer[data-lhe="default"].side-widget-open #top nav>ul>li[class*="button_solid_color"].button_solid_color_2>a {
  background: #68c3cd !important;
}

body #top .slide-out-widget-area-toggle:not(.small) a .close-wrap {
  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
  transform-origin: center;
}

body #header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav>ul>li[class*="button_"]>a:before {
  display: none;
}

body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].button_solid_color_2>a:after,
body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].button_solid_color>a:after {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  right: -10px;
  top: 101%;
  height: 300%;
  background: url(images/cta_over.svg) no-repeat center top;
  -webkit-transition: top 500ms ease-out;
  -moz-transition: top 500ms ease-out;
  -o-transition: top 500ms ease-out;
  transition: top 500ms ease-out;
}

body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].button_solid_color_2>a:hover:after,
body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"].button_solid_color>a:hover:after {
  top: -200%;
}

/** menu burger ***/
body #header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line,
html body.mobile.material[data-header-color="light"] #header-outer .slide-out-widget-area-toggle a .close-line,
html body.mobile.material[data-header-color="light"] #header-outer.transparent .slide-out-widget-area-toggle a .close-line {
  background-color: #302f63 !important;
}

body #slide-out-widget-area .inner>.container {
  margin-bottom: 50px;
}

body .fullscreen-inline-images .nectar-ocm-image-wrap-outer {
  background-color: #302f63;
}

#slide-out-widget-area .container {
  display: flex;
  text-align: left;
}

#slide-out-widget-area .container .off-canvas-menu-container {
  padding: 0 15px;
}

#slide-out-widget-area .container .off-canvas-menu-container.col_1 {
  width: 40%;
}

#slide-out-widget-area .container .off-canvas-menu-container.col_2 {
  width: 30%;
}

#slide-out-widget-area .container .off-canvas-menu-container.col_3 {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#slide-out-widget-area .container .off-canvas-menu-container .info_forges {
  margin-bottom: 92px;
}
body #slide-out-widget-area .inner .off-canvas-menu-container form h3 {
    color: #fff;
}
body #slide-out-widget-area .off-canvas-menu-container .menu,
body #slide-out-widget-area .off-canvas-menu-container .menu ul {
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li {
  line-height: 1;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li a {
  font-size: 21px;
  font-weight: 300;
  margin: 0 0.1em;
  font-family: "Mulish", sans-serif;
  line-height: 1.2;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li.lien_mobile {
  display: none !important;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li.wpml-ls-item a {
  font-weight: 800;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li.accent {
  margin-top: 16px;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li.accent:first-child {
  margin-top: 0;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li.accent a {
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  text-transform: uppercase;
}

body #slide-out-widget-area .inner .off-canvas-menu-container.col_2 li {
  margin-bottom: 20px;
}

body #slide-out-widget-area.fullscreen-inline-images .inner {
  padding: 60px 0 17px;
  padding-left: 4.7%;
  padding-right: 4.7%;
}

body #slide-out-widget-area.fullscreen-inline-images .inner>.container {
  /*padding-left: 9.4%;
  padding-right:9.4% ;*/
  max-width: 1204px;
  width: 85%;
}

body #slide-out-widget-area.fullscreen-inline-images .inner .bottom-meta-wrap {
  background: url(images/vague_blanche.svg) repeat-x left top;
  padding-top: 50px;
}

#slide-out-widget-area .wrap_sociaux #social {
  display: flex;
}

#slide-out-widget-area .wrap_sociaux #social li {
  padding: 0 12px;
}

#slide-out-widget-area .wrap_sociaux #social li:first-child {
  padding-left: 0;
}

#slide-out-widget-area .wrap_sociaux #social li a {
  border: 1px solid #fff;
  background-color: #fff;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #302f63;
  font-size: 19px;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

#slide-out-widget-area .wrap_sociaux #social li a:hover {
  background: transparent;
  color: #fff;
}

#slide-out-widget-area .wrap_sociaux #social li a .fa {
  top: 0;
}

#slide-out-widget-area .wrap_sociaux #social li:first-child a {
  align-items: flex-end;
  font-size: 26px;
}

#slide-out-widget-area .wrap_sociaux #social li:first-child a .fa {
  top: 4px;
}

#slide-out-widget-area .wrap_sociaux #social li:nth-child(2) a {
  font-size: 17px;
}

.inner .bottom-meta-wrap .footer-menu-burger li {
  display: inline-block;
  margin-right: 19px;
  margin-bottom: 19px;
}

.inner .bottom-meta-wrap .footer-menu-burger li a {
  font-weight: 500;
  font-size: 14px;
}

.form_infolettre_off_canvas .gform_footer input {
  width: 100%;
}

html body[data-form-submit="regular"] .off-canvas-menu-container input[type="submit"] {
  background-color: #68c3cd;
  max-width: unset;
  min-width: unset;
}

html body[data-form-submit="regular"] input[type="submit"],
html body[data-form-submit="regular"] .off-canvas-menu-container input[type="submit"] {
  background-size: 100%;
  background-image: url(images/cta_over.svg);
  background-position: center 80px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 500ms ease-out;
  -moz-transition: background-position 500ms ease-out;
  -o-transition: background-position 500ms ease-out;
  transition: background-position 500ms ease-out;
  min-width: 210px;
}

html body[data-form-submit="regular"] input[type="submit"]:hover,
html body[data-form-submit="regular"] .off-canvas-menu-container input[type="submit"]:hover {
  background-position: 50% -50px;
  opacity: 1 !important;
}

body #slide-out-widget-area .off-canvas-menu-container li a .wrap:after {
  border: 0;
  height: 6px;
  background: url(images/mini-vague-blanche.svg) no-repeat right bottom;
  bottom: -3px;
  transition: unset;
}

body #slide-out-widget-area .off-canvas-menu-container .menu li a .wrap {
  padding: 0 0 5px;
}

html body #top .effect-shown .lines-button:after,
html body #top .effect-shown .lines:after,
html body #top .effect-shown .lines:before,
html body #top .slide-out-widget-area-toggle a:hover .lines-button:after,
html body #top .slide-out-widget-area-toggle a:hover .lines:after,
html body #top .slide-out-widget-area-toggle a:hover .lines:before {
  transform: translateX(0);
}

html body #top .slide-out-widget-area-toggle a:hover .lines-button.hover-effect:after {
  transform: translateX(-30px);
}

body .sf-menu>li.menu_equipements ul.sub-menu {
  display: flex;
  flex-direction: column;
  width: 250px;
}

body .sf-menu>li.menu_equipements ul.sub-menu li {
  width: 70%;
}

body .sf-menu>li ul.sub-menu {
  padding: 40px 20px 20px;
  width: 650px;
  box-shadow: unset !important;
  background: transparent !important;
  border: unset !important;
}

body .sf-menu>li ul.sub-menu:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 28px;
  background: #68c3cd;
}

body .sf-menu>li ul.sub-menu li {
  float: left !important;
  width: 50%;
  padding: 0 0 5px !important;
}
body #header-outer .sf-menu li ul li.menu-item a,
body #header-outer .sf-menu li ul li a {
  font-family: "Mulish";
  font-weight: 1000;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
}
body #header-outer .sf-menu li ul li.menu-item.current-menu-item a,
body #header-outer .sf-menu li ul li.current-menu-item a,
body #header-outer .sf-menu li ul li.menu-item a:hover,
body #header-outer .sf-menu li ul li a:hover {
    color: #302F63 !important;
}

html body .sf-sub-indicator [class*=" icon-"] {
  color: #fff;
}

#slide-out-widget-area.open .off-canvas-menu-container .menu>li:nth-child(12)>a .wrap {
  transition-delay: 0.94s;
}

#slide-out-widget-area.open .off-canvas-menu-container .menu>li:nth-child(13)>a .wrap {
  transition-delay: 0.98s;
}

#slide-out-widget-area.open .off-canvas-menu-container .menu>li:nth-child(14)>a .wrap {
  transition-delay: 1.02s;
}

/**** form général  ***/
body .gform_wrapper.gravity-theme .gform_footer,
body .gform_wrapper.gravity-theme .gform_page_footer {
  position: relative;
}

body .gform_required_legend {
  display: none;
}

.input-disabled {
  background-color: #c1c8c1 !important;
  border: 1px solid #abadb3;
  padding: 2px 1px;
}

.remove_address_city_zip {
  pointer-events: all !important;
  opacity: inherit !important;
}

body .gform_wrapper .gform_ajax_spinner {
  position: absolute;
  top: 75px;
  right: 0;
}

body .gform_wrapper .form_infolettre .gform_ajax_spinner {
  top: 75px;
}

body .custom_select .selected-items,
body .configurateur_piscine .selected-items,
body input[type="date"],
body input[type="email"],
body input[type="number"],
body input[type="password"],
body input[type="search"],
body input[type="tel"],
body input[type="text"],
body input[type="url"],
body textarea {
  background-color: #fff !important;
  height: 54px;
  padding: 15px !important;
  font-size: 14px !important;
  border: 3px solid transparent;
  color: #302f63;
  border-radius: 4px;
}

body textarea {
  height: 155px;
}

body .input_fillet input[type="date"],
body .input_fillet input[type="email"],
body .input_fillet input[type="number"],
body .input_fillet input[type="password"],
body .input_fillet input[type="search"],
body .input_fillet input[type="tel"],
body .input_fillet input[type="text"],
body .input_fillet input[type="url"],
body .input_fillet textarea {
  border: 1px solid #302f63;
}

body .gform_wrapper.gravity-theme .gfield textarea.large {
  height: 155px;
}

body .gform_wrapper.gravity-theme.form_telechargement_guide_wrapper .gform_fields {
  grid-column-gap: 5%;
}

body button[type="submit"],
body input[type="button"],
body input[type="submit"] {
  height: 54px;
  font-size: 14px !important;
  font-size: clamp(13px, 0.745vw, 14px) !important;
  font-weight: 1000 !important;
  text-transform: uppercase;
  font-family: "Mulish";
  padding: 7px 25px;
  -webkit-appearance: none;
  -webkit-border-radius: none;
}

.light .gform_wrapper .gfield_required {
  color: #fff;
}

body .gform_wrapper .gfield_required {
  color: #302f63;
}

body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
  font-size: 14px !important;
  text-transform: none;
  font-weight: bold;
  padding-left: 50px !important;
}

body .gform_footer {
  justify-content: flex-end;
}

html body[data-form-submit="regular"] input[type="submit"],
html body[data-form-submit="regular"] input[type="button"] {
  background-color: #302f63;
  /* width: 100%;
  max-width: 210px;*/
}

body .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
  flex-basis: unset;
}

body select {
  background-color: #fff !important;
  height: 54px;
  padding: 15px !important;
  border: 1px solid #302f63;
  font-size: 14px !important;
  font-size: clamp(13px, 0.745vw, 14px) !important;
  font-family: "Mulish", sans-serif;
}

body .ginput_container_select {
  background: #fff;
  position: relative;
  border-radius: 4px;
}

body .ginput_container_select:after {
  content: url(images/select-arrow.svg);
  display: block;
  position: absolute;
  width: 20px;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  font-size: 0;
}

body .ginput_container_select select {
  background: transparent !important;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  appearance: none;
}

/* For IE10 */
body .ginput_container_select select::-ms-expand {
  display: none;
}

body .form_postuler_wrap {
  margin-bottom: 65px;
}

body .form_postuler {
  max-width: 1140px;
}

body .form_postuler_wrap select {
  border: 0;
}

body .gform_wrapper.gravity-theme .ginput_complex label,
html body .gform_wrapper .top_label .gfield_label {
  font-family: "Mulish", sans-serif;

  font-weight: 800;
  font-size: 14px;
  padding-right: 15px;
}

body .gform_wrapper.gravity-theme .ginput_complex label {
  margin-top: 20px;
  margin-bottom: 6px;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .ginput_complex label {
  margin-top: 5px;
  margin-bottom: 6px;
  /* font-size: 11px;*/
}

body .gform_wrapper.gravity-theme .ginput_container_address span {
  margin-bottom: 8px;
}

body .span_12.light input[type="date"],
body .span_12.light input[type="email"],
body .span_12.light input[type="password"],
body .span_12.light input[type="search"],
body .span_12.light input[type="tel"],
body .span_12.light input[type="text"],
body .span_12.light input[type="url"],
body .span_12.light select,
body .span_12.light textarea {
  font-size: 14px;
  color: #302f63;
}

.configurateur_piscine .gfield_date_dropdown_day {
  display: none;
}

.configurateur_piscine .gfield--type-address .address_zip input,
.configurateur_piscine .gfield--type-address .address_city input {
  opacity: 0.7;
  pointer-events: none;
}

body .gform_wrapper.gravity-theme .gfield_required {
  color: #fff;
}

body .gform_wrapper.gravity-theme .form_contact .gfield_required,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield_required {
  color: #302f63;
}

body.single-service .gform_wrapper.gravity-theme .gfield_required,
body .gform_wrapper.gravity-theme .form_detaillant .gfield_required,
body .gform_wrapper.gravity-theme .form_rendez_vous .gfield_required {
  color: #302f63;
}

body .gform_wrapper.gravity-theme .gfield_validation_message,
body .gform_wrapper.gravity-theme .validation_message {
  background: transparent;
  border: unset;
  margin-top: 0;
  padding: 4px 15px;
  display: none;
}

body .gform_wrapper.gravity-theme .gform_validation_errors {
  background: transparent;
  border: unset;
  box-shadow: unset;
  padding: 10px 0;
  z-index: 22;
}

body .gform_wrapper.gravity-theme .gfield_error .gfield_required,
body .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
body .gform_wrapper.gravity-theme .gfield_error label,
body .gform_wrapper.gravity-theme .gfield_error legend,
body .gform_wrapper.gravity-theme .gfield_validation_message,
body .gform_wrapper.gravity-theme .validation_message,
body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
  color: #ea504c;
}

body .gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
  border: 3px solid #ea504c;
}

body .gform_wrapper.gravity-theme [aria-invalid="true"]+label,
body .gform_wrapper.gravity-theme label+[aria-invalid="true"] {
  color: #302f63;
}

body .fond_rouge .gform_wrapper.gravity-theme .gfield_error .gfield_required,
body .fond_rouge .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
body .fond_rouge .gform_wrapper.gravity-theme .gfield_error label,
body .fond_rouge .gform_wrapper.gravity-theme .gfield_error legend,
body .fond_rouge .gform_wrapper.gravity-theme .gfield_validation_message,
body .fond_rouge .gform_wrapper.gravity-theme .validation_message,
body .fond_rouge .gform_wrapper.gravity-theme [aria-invalid="true"]+label,
body .fond_rouge .gform_wrapper.gravity-theme label+[aria-invalid="true"],
body .fond_rouge .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
  color: #730b08;
}

body .fond_rouge .gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
  border: 3px solid #730b08;
}

.gform_wrapper.gravity-theme .form_rendez_vous .gform_previous_button.button {
  background-image: url(images/arrow-bleu-small-left.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  -webkit-transition: background-position 250ms ease-out;
  -moz-transition: background-position 250ms ease-out;
  -o-transition: background-position 250ms ease-out;
  transition: background-position 250ms ease-out;
  padding-left: 35px;
}

.gform_wrapper.gravity-theme .form_rendez_vous .gform_previous_button.button:hover {
  background-position: 0 50%;
}

/**** accueil *****/

/** slider haut **/
.accueil_slider>.span_12 {
  padding: 0 !important;
}

.accueil_slider .slider_accueil .swiper-slide {
  min-height: calc(100vh + 148px);
  display: flex;

  flex-direction: row-reverse;
  background-color: #302f63;
}

.accueil_slider .slider_accueil .swiper-slide .text {
  padding: 155px 3vw 210px;
  width: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.accueil_slider .slider_accueil .swiper-slide .video {
  position: relative;
}

.accueil_slider .slider_accueil .swiper-slide .video video {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.accueil_slider .slider_accueil .swiper-slide .video,
.accueil_slider .slider_accueil .swiper-slide .image {
  width: 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 74% 50%;
  background-repeat: no-repeat;
}

.accueil_slider .slider_accueil .swiper-slide .text .titre {
  color: #fff;
  text-transform: uppercase;
  font-weight: 1000;
  font-size: 71px;
  font-size: clamp(32px, 3.7vw, 71px);
  padding-bottom: 5px;
}

.accueil_slider .slider_accueil .swiper-slide .text .sous-titre {
  color: #ffc952;
  padding-bottom: 0;
  font-family: "hanley_promonoline", cursive;
  font-weight: normal;
  font-size: 48px;
  font-size: clamp(26px, 2.5vw, 48px);
  line-height: 1;
}

.accueil_slider .slider_accueil .swiper-slide .text .descip {
  max-width: 660px;
  width: 90%;
  margin-bottom: 28px;
}

.slider_accueil .swiper-button-next,
.slider_accueil .swiper-button-prev {
  top: unset;
  bottom: 210px;
  width: 54px;
  height: 54px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
}

.slider_accueil .swiper-button-next {
  right: 52px;
}

.slider_accueil .swiper-button-prev {
  right: 126px;
  left: unset;
}

.slider_accueil .swiper-button-next:after,
.slider_accueil .swiper-button-prev:after {
  display: none;
}

.slider_accueil .swiper-button-next:before,
.slider_accueil .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  box-shadow: inset 0 0 0 35px #fff;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
  transition: box-shadow 0.3s, transform 0.3s;
}

.slider_accueil .swiper-button-next:hover svg path,
.slider_accueil .swiper-button-prev:hover svg path {
  fill: #fff;
  position: relative;
  z-index: 0;
}

.slider_accueil .swiper-button-next:hover:before,
.slider_accueil .swiper-button-prev:hover:before {
  box-shadow: inset 0 0 0 2px #fff;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/** incitatif **/
.incitatif .nectar-button {
  margin-right: 25px;
  margin-right: 1.6vw;
}

.incitatif .nectar-button:last-child {
  margin-right: 0;
}

.incitatif .texte>.vc_column-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.incitatif .texte>.vc_column-inner>.wpb_wrapper {
  padding: 35px;
  padding: 3.7vw;
  padding: 1vw 2vw;
}

.incitatif .texte .titre_incitatif {
  position: absolute;
  top: 2vw;
  left: 2vw;
  right: 2vw;
  padding-bottom: 115px;
}

body .incitatif.inscitatif_plus .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
  margin-left: auto;
}
body .incitatif.inscitatif_plus.plus_gauche .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img {
  margin-left: unset;
      max-width: 89%;
}

.incitatif .texte h2 {
  color: #fff;
  text-transform: uppercase;
  max-width: 80%;
}

.incitatif.inscitatif_plus .texte>.vc_column-inner>.wpb_wrapper {
  padding: 35px;
  padding: 3.7vw;
}

.incitatif.inscitatif_plus .texte .titre_incitatif {
  top: 3.7vw;
  left: 3.7vw;
  right: 3.7vw;
  padding-bottom: 155px;
}

.incitatif.inscitatif_plus .texte .titre_incitatif.duplicate {
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  padding-bottom: 15px;
}


.incitatif.inscitatif_plus .texte .titre_incitatif.line::after {
  margin-top: 10px;
  content: "";
  display: block;
  width: 80px;
  height: 26px;
  background: url(images/little_wave_yellow.svg) no-repeat left bottom;
  background-size: 100% auto;
}

.incitatif.inscitatif_plus .texte .titre_incitatif.line {
  margin-bottom: 0;
}

.incitatif.inscitatif_plus .texte h2 {
  max-width: unset;
  font-size: 71px;
  font-size: clamp(37px, 3.7vw, 71px);
}

/*.incitatif.inscitatif_plus.duplicate .texte h2 {
  max-width: unset;
  font-size: 71px;
  font-size: clamp(37px, 3vw, 71px);
}*/

.incitatif.inscitatif_plus.duplicate .texte p {
  font-style: normal;
  font-weight: 800;

  color: #ffffff;
  max-width: unset;
  font-size: 21px;
  font-size: clamp(18px, 3.2vw, 21px);
  line-height: 26px;
}

.incitatif .image>.vc_column-inner {
  justify-content: center;
}

/* .incitatif.inscitatif_plus.duplicate .image>.vc_column-inner {
  justify-content: flex-end;
} */

/** slider temoignages **/

.les_temoignages {
  overflow: hidden;
}

.les_temoignages .wpb_column:first-child {
  z-index: 1;
}

.slider_testimonials {
  position: relative;
      width: 100%;
    /*padding-left: 14px;*/
    padding-right: 0;
}

.slider_testimonials:before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  bottom: 0;
  width: 75%;
  display: block;
  background: #fff;
  background: #fff;
  z-index: 0;
}

.slider_testimonials .swiper-wrapper {
  z-index: -1;
  min-height: 158px;
}

.slider_testimonials .le_temoignage {
  color: #302f63;
  font-size: 21px;
}

.slider_testimonials .le_temoignage .temoignage {
  font-weight: 1000;
  margin-bottom: 22px;
}

.slider_testimonials .le_temoignage .temoigneur {
  font-weight: 300;
}

.slider_testimonials .swiper-slide {
  background: #fff;
}

.slider_testimonials .swiper-button-next,
.slider_testimonials .swiper-button-prev {
  top: unset;
  bottom: -22px;
  width: 54px;
  height: 54px;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
}

.slider_testimonials .swiper-button-next {
  left: calc(-58% - 54px);
  left: -63%;
  right: unset;
}

.slider_testimonials .swiper-button-prev {
  left: -74%;
}

.slider_testimonials .swiper-button-next:before,
.slider_testimonials .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  box-shadow: inset 0 0 0 35px #302f63;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
  transition: box-shadow 0.3s, transform 0.3s;
}

.slider_testimonials .swiper-button-next svg path,
.slider_testimonials .swiper-button-prev svg path {
  fill: #fff;
}

.slider_testimonials .swiper-button-next:hover svg path,
.slider_testimonials .swiper-button-prev:hover svg path {
  fill: #302f63;
  position: relative;
  z-index: 0;
}

.slider_testimonials .swiper-button-next:hover:before,
.slider_testimonials .swiper-button-prev:hover:before {
  box-shadow: inset 0 0 0 2px #302f63;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.slider_testimonials .swiper-button-next:after,
.slider_testimonials .swiper-button-prev:after {
  display: none;
}

.les_temoignages>.span_12 {
  padding-top: 148px !important;
  padding-top: 7.7vw !important;
  padding-top: 6vw !important;
}

.subline {
  margin-bottom: 25px;
  margin-top: 25px;
}

.incitatif>.span_12,
.offres>.span_12 {
  min-height: 600px;
  min-height: 31.3vw;
}

.offres .vc_column-inner {
  padding: 35px;
  padding: 1.85vw;
}

.offres .vc_column-inner h3 {
  color: #fff;
  font-weight: 300;
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  text-transform: uppercase;
}

/*** form guide ****/
#guide>.span_12 {
  background: url(images/pinguin.svg) no-repeat left bottom;
  background-size: 358px !important;
  background-size: 18.6vw !important;
}

#guide h2 {
  margin-bottom: 22px;
}

#guide h3 {
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  font-weight: 300;
  color: #ffc952;
  text-transform: uppercase;
}

#guide>.span_12 {
  padding-left: 18%;
  padding-right: 9%;
}

#guide .titre_form {
  padding-bottom: 80px;
  padding-bottom: 0;
  /*background: url(images/ligne_form_guide.svg) no-repeat left bottom;*/
}

.form_telechargement_guide_wrapper {
  padding-left: 146px;
  padding-right: 27px;
  text-align: left;
  padding-bottom: 86px;

  padding-left: 7.7vw;
  padding-right: 1.4vw;
  padding-left: 3.7vw;
  padding-right: 3.7vw;

  padding-bottom: 4.4vw;
  background: url(images/ligne_form_guide.svg) no-repeat left bottom;
  margin-bottom: 15vw !important;
}

.form_telechargement_guide {
  display: flex;
}

.form_telechargement_guide .gform_body {
  width: 64%;
}

.form_telechargement_guide .gform_footer {
  width: 36%;
  padding-left: 28px !important;
  padding-top: 39px !important;
}

.form_telechargement_guide .gform_footer input[type="submit"] {
  width: 100%;
  text-align: center;
  background-color: #302f63 !important;
  max-width: unset;
}

/*** trouver **/

#trouver>.span_12 {
  padding-left: 9%;
  padding-right: 9%;
}

#trouver .nectar-button {
  margin-right: 0;
}

/** articles ****/
.slider_post.swiper {
  padding: 0 1.5%;
  width: 100%;
}

.bottom_vague_turquoise>.row-bg-wrap .row-bg,
#articles>.row-bg-wrap .row-bg {
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  min-height: 8px;
}

#articles>.span_12 {
  /*padding-bottom: 62px;*/
}

.articles,
#articles .blog-recent {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5%;
  align-content: space-between;
}

.articles .un_post,
#articles .blog-recent .col {
  float: none;
  margin-right: 0;
  padding: 0 1.5%;
  width: 33.333%;
  text-align: left;
}

.articles .un_post {
  margin-bottom: 67px;
}

.articles .swiper .un_post {
  width: 100%;
  padding: 0;
}

.articles>.un_post:first-child {
  margin-bottom: 62px;
}

#articles .cta_mobile {
  display: none;
}

.articles .un_post .photo .wrap_photo {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 87%;
}

.articles .un_post .wrap {
  position: relative;
}

.articles .un_post .wrap a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
}

.articles .un_post .infos {
  padding: 20px 12px;
}

.articles .un_post .infos h3 {
  font-size: 21px;
  margin-bottom: 20px;
  font-weight: 300;
}

.articles .un_post .infos .date {
  font-size: 11px;
  color: #68c3cd;
  margin-bottom: 8px;
}

.articles .un_post .infos .cta {}

.articles .un_post .infos .cta {
  color: #302f63;
  font-size: 14px;
  font-weight: 1000;
  text-transform: uppercase;
}

.articles .un_post .infos .cta svg {
  margin-left: 5px;
  position: relative;
  top: 2px;
  -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
}

.articles .un_post .wrap:hover .infos .cta svg {
  transform: translateX(10px);
}

.articles>.un_post:first-child,
#articles .blog-recent .col:first-child {
  width: 100%;
}

.articles>.un_post:first-child .wrap {
  display: flex;
}

.articles>.un_post:first-child .photo {
  width: 48.5%;
  margin-right: 1.5%;
}

.articles>.un_post:first-child .infos {
  width: 58.5%;
  margin-left: 1.5%;
  padding-left: 3%;
  padding-left: 2%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: url(images/vague_turquoise.svg) repeat-x left top;
  position: relative;
}

.articles>.un_post:first-child .infos:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
}

.articles>.un_post:first-child .infos h3 {
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  text-transform: uppercase;
}

.articles>.un_post:first-child .infos .excerpt {
  margin-bottom: 25px;
}

.slider_post .swiper-pagination {
  position: relative;
  display: none;
}

.articles .pagination {
  width: 100%;
  text-align: center;
}

.articles .pagination .page-numbers {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2px;
  margin: 0 10px;
  color: #302f63;
}

.articles .pagination .page-numbers:hover {
  font-weight: 1000;
}

.articles .pagination .page-numbers.current {
  color: #68c3cd !important;
  font-weight: 1000;
}

.articles .pagination .page-numbers.prev svg,
.articles .pagination .page-numbers.next svg {
  width: 8px !important;
  height: auto;
}

.articles .pagination .page-numbers.prev svg path,
.articles .pagination .page-numbers.next svg path {
  fill: #302f63;
}

/** a propos **/

#a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {
  float: right;
  margin-right: -10%;
  margin-top: -125px;
  max-width: 142px;
}

/** badges **/
#badges>.span_12 {
  /*padding-top: 102px!important;
  padding-top: 5.3vw!important;*/
}

/** infolettre **/
.infolettre .titre_form {
  padding-bottom: 80px;
  background: url(images/ligne_form_infolettre.svg) no-repeat 84% bottom;
  padding-left: 9%;
  padding-right: 9%;
}

.infolettre h2 {
  margin-bottom: 22px;
}

.infolettre h3 {
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  font-weight: 300;
  color: #ffc952;
  text-transform: uppercase;
}

.form_infolettre {
  padding-left: 9%;
  padding-right: 9%;
  text-align: left;
  padding-bottom: 86px;
}

.form_infolettre {
  display: flex;
}

.form_infolettre .gform_body {
  width: calc(100% - 240px);
}

.form_infolettre .gform_footer {
  width: 240px;
  padding-left: 28px !important;
  padding-top: 39px !important;
}

.form_infolettre .gform_footer input[type="submit"] {
  width: 100%;
  text-align: center;
}

html body[data-form-submit="regular"] .form_infolettre input[type="submit"] {
  background-color: #68c3cd;
  min-width: unset;
}

/***** archive piscine / spa ****/

.archive_piscine_spa {
  padding-top: 20px;
  display: flex;
  margin: 0 -15px !important;
  flex-wrap: wrap;
}

.archive_piscine_spa.others {
  margin-bottom: 0 !important;
}

.archive_piscine_spa .une_piscine {
  width: calc(33% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 62px;
  background-color: #302f63;
  position: relative;
}

.archive_piscine_spa .une_piscine .wrap {
  background-color: #302f63;
}

.archive_piscine_spa .une_piscine .wrap a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.archive_piscine_spa .une_piscine .photo {
  width: 88%;
  background-color: #302f63 !important;
  position: relative;
  z-index: 1;
}

.archive_piscine_spa .une_piscine .photo .la_photo {
  padding-top: calc(100%);
  background-position: top right !important;
  background-size: auto 112% !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-size: cover !important;
  position: relative;
  z-index: 1;
  opacity: 0.95;
}

.archive_piscine_spa .une_piscine h3 {
  font-size: 32px;
  font-size: clamp(16px, 1.67vw, 32px);
  font-weight: 300;
  color: #fff;
  padding: 10px 15px 11px 2vw;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

/*.blob-btn {
   z-index: 1;
   position: relative;
   padding: 20px 46px;
   margin-bottom: 30px;
   text-align: center;
   text-transform: uppercase;
   color: #0505a9;
   font-size: 16px;
   font-weight: bold;
   background-color: transparent;
   outline: none;
   border: none;
   transition: color 0.5s;
   cursor: pointer;
   border-radius: 30px;
}
 .blob-btn:before {
   content: "";
   z-index: 1;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 2px solid #0505a9;
   border-radius: 30px;
}
 .blob-btn:after {
   content: "";
   z-index: -2;
   position: absolute;
   left: 3px;
   top: 3px;
   width: 100%;
   height: 100%;
   transition: all 0.3s 0.2s;
   border-radius: 30px;
}
 .blob-btn:hover {
   color: #fff;
   border-radius: 30px;
}
 .blob-btn:hover:after {
   transition: all 0.3s;
   left: 0;
   top: 0;
   border-radius: 30px;
}*/
.blob-btn__inner {
  z-index: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: transparent;
}

.blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
  filter: url("#goo");
}

.blob-btn__blob {
  position: absolute;
  top: 2px;
  width: 25%;
  height: 100%;
  background: #68c3cd;
  border-radius: 100%;
  border-radius: 100px;
  transform: translate3d(0, 150%, 0) scale(1.7);
  transition: transform 0.45s;
}

@supports (filter: url("#goo")) {
  transform: translate3d(0, 150%, 0) scale(1.4);
}

.blob-btn__blob:nth-child(1) {
  left: 0%;
  transition-delay: 0s;
}

.blob-btn__blob:nth-child(2) {
  left: 30%;
  transition-delay: 0.08s;
}

.blob-btn__blob:nth-child(3) {
  left: 60%;
  transition-delay: 0.16s;
}

.blob-btn__blob:nth-child(4) {
  left: 90%;
  transition-delay: 0.24s;
}

.une_piscine .wrap:hover .blob-btn__blob {
  transform: translateZ(0) scale(1.7);
}

@supports (filter: url("#goo")) {
  transform: translateZ(0) scale(1.4);
}

/****** page merci ****/

.full-width-content.vc_row-fluid .wpb_column.img_bg_pinguin .column-image-bg-wrap .column-image-bg {
  background-position: 50% 100%;
  background-size: 70%;
  background-repeat: no-repeat;
}

/****** page contact ******/
.page-template-page-contact #footer-outer {
  -webkit-border-top-left-radius: 7.3vw;
  -webkit-border-top-right-radius: 7.3vw;
  -moz-border-radius-topleft: 7.3vw;
  -moz-border-radius-topright: 7.3vw;
  border-top-left-radius: 7.3vw;
  border-top-right-radius: 7.3vw;
  overflow: hidden;
}

/*.form_contact .gform_footer {
      justify-content: flex-end;
}
body[data-form-submit="regular"] .form_contact input[type=submit] {
  background-color: #302F63;
  width: 100%;
  max-width: 210px;
  
}*/

/******** page à propos *****/

body .annonce h2 {
  font-size: 71px;
  font-size: clamp(37px, 3.7vw, 71px);
  text-transform: uppercase;
  margin-bottom: 28px !important;
}

.annonce .texte>.vc_column-inner>.wpb_wrapper {
  padding: 71px 20px 71px 73px;
  padding: 3.8vw 20px 3.8vw 3.9vw;
  min-height: 600px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.annonce .image.image_centre {
  align-items: center !important;
}

.annonce .image>.vc_column-inner {
  padding-right: 25px;
  margin-left: -25px;
}

.annonce .image.image_bottom {
  align-items: flex-end !important;
}

/****** page piscine hors terre ******/

/** slider **/

.slide_piscine {
  position: relative;
  margin-bottom: 87px;
  overflow: hidden;
}

.slide_piscine .swiper-button-next,
.slide_piscine .swiper-button-prev {
  top: unset;
  bottom: 52px;

  width: 54px;
  height: 54px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
}

.slide_piscine .swiper-slide img {
    margin: 0 auto;
    max-width: 1400px;
    width: 100% !important;
    max-height: 50vh;
    object-fit: contain;
}

.slide_piscine .swiper-button-next {
  right: 52px;
}

.slide_piscine .swiper-button-prev {
  right: 126px;
  left: unset;
}

.slide_piscine .swiper-button-next:after,
.slide_piscine .swiper-button-prev:after {
  display: none;
}

.slide_piscine .swiper-button-next:before,
.slide_piscine .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  box-shadow: inset 0 0 0 35px #fff;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
  transition: box-shadow 0.3s, transform 0.3s;
}

.slide_piscine .swiper-button-next:hover svg path,
.slide_piscine .swiper-button-prev:hover svg path {
  fill: #302F63;
  position: relative;
  z-index: 0;
}

.slide_piscine .swiper-button-next:hover:before,
.slide_piscine .swiper-button-prev:hover:before {
  box-shadow: inset 0 0 0 2px #302F63;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.piscine_spa_informations .span_12 {
  padding-bottom: 55px !important;
  position: relative;
}

.piscine_spa_informations .col_1 {
  padding-right: 9%;
  padding-left: 1%;
  background: url(images/vague_turquoise_vertical.svg) repeat-y right top;
  padding-top: 40px;
}

.piscine_spa_informations .col_2 {
  padding-left: 4%;
  padding-right: 1%;
  padding-top: 40px;
}

.piscine_spa_informations .info {
  margin-bottom: 52px;
}

.piscine_spa_informations .deux_col_b .info,
.piscine_spa_informations .col_2 .info {
  padding-bottom: 25px;
  margin-bottom: 45px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  padding-left: 8%;
}

.piscine_spa_informations .deux_col_b .info:last-child,
.piscine_spa_informations .col_2 .info:last-child {
  background: transparent;
  margin-bottom: 45px;
  padding-bottom: 0;
}

.piscine_spa_informations .info h2 {
  font-size: 21px;
  margin-bottom: 27px;
}

.piscine_spa_informations .info .listes {
  margin-bottom: 35px;
  display: table;
}

.piscine_spa_informations .info .listes .liste {
  display: flex;

  display: table-row;
}

.piscine_spa_informations .info .listes .titre {
  width: 111px;
  padding-right: 10px;
  display: table-cell;
  padding-bottom: 15px;
}

.piscine_spa_informations .info .listes .description {
  width: calc(100% - 111px);
  display: table-cell;
  padding-bottom: 15px;
}

.piscine_spa_informations .info .listes_2 {
  margin-bottom: 35px;
  display: table;
}

.piscine_spa_informations .info .listes_2 .liste {
  display: flex;

  display: table-row;
}

.piscine_spa_informations .info .listes_2 .titre {
  width: 198px;
  padding-right: 10px;
  display: table-cell;
  padding-bottom: 15px;
}

.piscine_spa_informations .info .listes_2 .description {
  width: calc(100% - 198px);
  display: table-cell;
  padding-bottom: 15px;
}

.piscine_spa_informations .info .listes_2 .description ul {
  margin-bottom: 0;
  margin-left: 23px;
}

.piscine_spa_informations .info .listes_photo {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -11px 15px;
}

.piscine_spa_informations .info .listes_photo .liste {
  width: 25%;
  margin-bottom: 22px;
  padding: 0 11px;
}

.piscine_spa_informations .info .listes_photo .titre {
  font-size: 14px;
  font-weight: 500;
}

.piscine_spa_informations .info .listes_photo .photo {
  margin-bottom: 9px;
  font-size: 0;
}

.piscine_spa_informations .info .listes_photo .photo img {
  margin: 0;
}

.piscine_spa_informations .info .listes_photo.liste_detail {
  display: block;
}

.piscine_spa_informations .info .listes_photo.liste_detail .liste {
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  width: 100%;
}

.piscine_spa_informations .info .listes_photo.liste_detail .liste:last-child {
  margin-bottom: 0;
}

.piscine_spa_informations .info .listes_photo.liste_detail .photo {
  width: calc(25% - 6px);
  padding-right: 11px;
  font-size: 0;
}

.piscine_spa_informations .info .listes_photo.liste_detail .titre {
  width: calc(100% - 25% + 6px);
  padding-left: 23px;
}

.piscine_spa_informations .info .listes_photo_2 {
  margin: 0 0 15px;
}

.piscine_spa_informations .info .listes_photo_2 .liste {
  margin-bottom: 22px;
  display: flex;
  align-items: center;
}

.piscine_spa_informations .info .listes_photo_2 .titre {
  font-size: 14px;
  font-weight: 500;
  width: calc(100% - 110px);
  padding-left: 23px;
}

.piscine_spa_informations .info .listes_photo_2 .photo {
  width: 110px;
  font-size: 0;
}

.piscine_spa_informations .info .listes_photo_2 .photo img {
  margin: 0;
}

/****** page piscine creusée ******/
.row .col img.made_in {
  max-width: 275px;
}

.piscine_creusee_row .les_temoignages {
  margin-top: 100px !important;
  background: url(images/vague_turquoise.svg) repeat-x left top;
}

/******* page confirmation ******/
.page-template-page-configurateur-spa .container-wrap,
.page-template-page-configurateur-spa .container-wrap,
.page-template-page-configurateur-spa .container-wrap,
.page-template-page-confirmation .container-wrap {
  padding-bottom: 0;
}

body.page-template-page-confirmation #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons),
.page-template-page-confirmation #footer-outer {
  display: none !important;
}

.page_confirmation>.span_12 {
  min-height: 948px;
  min-height: 100vh;
  padding: 0 !important;
  color: #fff;
  flex-direction: row-reverse;
}

.page_confirmation .column_container:first-child {
  align-items: flex-end !important;
}

.page_confirmation .column_container .vc_column-inner {
  padding: 45px;
  min-height: 100vh !important;
  height: 100%;
}

.page_confirmation .column_container:nth-child(2) .vc_column-inner {
  padding: 190px 55px 45px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

body .page_confirmation h1 {
  color: #fff;
  font-size: 71px;
  font-size: clamp(37px, 3.7vw, 71px);
  text-transform: uppercase;
  margin-bottom: 36px !important;
}

body .page_confirmation p {
  width: 90%;
  max-width: 690px;
}

/***** page merci ****/

body .page_merci .wpb_content_element.merci_box {
  padding: 34px 20px 50px;
  background-color: rgba(48, 46, 97, 0.1);
  color: #fff;
  margin: 0 25px 120px;
  margin: 0 25px 6vw;
  position: relative;
}

body .page_merci .wpb_content_element.merci_box:before {
  content: "";
  display: block;
  position: absolute;
  top: -13px;
  right: -38px;
  background: url(images/lunette-rouge-2.png) no-repeat left top;
  width: 138px;
  height: 72px;
  background-size: 100%;
}

body .page_merci .wpb_content_element.merci_box:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -51px;
  left: -29px;
  background: url(images/boue-blanche-2.png) no-repeat left top;
  width: 96px;
  height: 96px;
  background-size: 100%;
}

body .page_merci .wpb_content_element.merci_box strong {
  color: #302f63;
}

body .page_merci .wpb_content_element.merci_rabais {
  color: #fff;
  margin-bottom: 50px;
  position: relative;
}

body .page_merci h1 {
  color: #fff;
  font-size: 71px;
  font-size: clamp(37px, 3.7vw, 71px);
  text-transform: uppercase;
  margin-bottom: 90px !important;
  margin-bottom: 5vw !important;
}

body .page_merci .wpb_content_element.merci_rabais h2 {
  font-weight: 300;
  font-size: 32px;
  font-size: clamp(24px, 1.7vw, 32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #f6f6f6;
  margin-bottom: 23px;
}

body .page_merci .wpb_content_element.merci_rabais h2 strong {
  color: #302f63;
  font-weight: 1000;
  display: inline-block;
  position: relative;
}

body .page_merci .wpb_content_element.merci_rabais h2 strong:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -11px;
  right: 0;
  height: 10px;
  background: url(images/vague_bleu.svg) repeat-x left bottom;
}

body .page_merci .wpb_content_element.merci_rabais strong {
  color: #302f63;
}

body .page_merci .wpb_content_element.merci_rabais p {
  max-width: 728px;
  width: 85%;
  margin: 0 auto;
  font-weight: 800;
}

#configurateur.page_merci .configurateur_form_side>.vc_column-inner {
  padding-bottom: 60px;
}

/**** page services ****/
.material .wpb_row.nos_services {
  margin-bottom: 100px;
}

/***** page d'un service *****/

.single-service .form_service {
  padding-top: 100px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  padding-bottom: 50px;
}

.form_service .custom_checkbox .ginput_container_checkbox,
.form_service .custom_checkbox .gfield_label {
  float: left;
  margin-top: 20px;
}

.form_service .custom_checkbox .ginput_container_checkbox {
  margin-top: 14px;
}

.form_service .custom_checkbox .gfield_checkbox {
  display: flex;
}

.form_service .custom_checkbox .gfield_checkbox .gchoice {
  padding-right: 15px;
}

.form_service .custom_checkbox .gfield_checkbox .gfield-choice-input+label {
  white-space: nowrap;
  font-family: "Mulish", sans-serif;

  font-weight: 800;
  font-size: 14px;
  max-width: unset;
}

/***** page équipements ****/
.les_accessoires {
  margin-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.les_accessoires.vc_row-fluid>.span_12 {
  margin-left: -15px;
  margin-right: -15px;
}

.les_accessoires.vc_row-fluid>.span_12 .wpb_column {
  padding-left: 15px;
  padding-right: 15px;
}

.les_accessoires .titre,
.les_accessoires .accessoire h3 {
  position: absolute;
  left: 1.7vw;
  right: 1.7vw;
  bottom: 1vw;
}

.les_accessoires .accessoire img {
  margin-bottom: 0;
}

body .les_accessoires .accessoire h3,
body .les_accessoires .titre h3 {
  font-size: 21px;
}

body .les_accessoires .accessoire.blanc h3 {
  color: #fff;
}

.les_accessoires .accessoire {
  width: 33.333333%;
  padding: 0 15px;
  margin-bottom: 60px;
  position: relative;
}

.les_accessoires .accessoire .wrap {
  position: relative;
}

/**** page carrière *****/

.carriere_info .deux_col_a .img-with-aniamtion-wrap .hover-wrap-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.carriere_region.wpb_row>.span_12 {
  padding-top: 65px;
  padding-bottom: 177px;
}

body .carriere_region h3 {
  font-family: "Mulish";

  font-weight: 1000;
  font-size: 71px;
  font-size: clamp(37px, 3.7vw, 71px);
  line-height: ;

  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  position: relative;
}

.carriere_region .tab_region h3:before {
  content: "+";
  font-size: 67px;
  font-size: clamp(34px, 3.7vw, 67px);
  font-weight: 800;
  color: #fff;

  position: absolute;
  top: 0;
  right: 0;
}

.carriere_region .tab_region h3:after {
  content: "-";
  font-size: 67px;
  font-size: clamp(34px, 3.7vw, 67px);
  font-weight: 800;
  color: #fff;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 5px;
  display: none;
}

.carriere_region .tab_region h3:after,
.carriere_region .tab_region h3:before {
  -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(-0deg);
  -o-transform: rotate(0deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  width: 50px;
  height: 51px;
  text-align: center;
  display: block;
  line-height: 0.58;
}

.carriere_region .tab_region h3:hover:before,
.carriere_region .tab_region h3:hover:after {
  transform: rotate(0deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.carriere_region.region_open .tab_region h3:after {
  display: block;
}

.carriere_region.region_open .tab_region h3:before {
  display: none;
}

.carriere_region .cta_close {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.carriere_region .cta_close .close {
  display: none;
}

.carriere_region.region_open .cta_close .close {
  display: block;
}

.carriere_region.region_open .cta_close .open {
  display: none;
}

.carriere_region .cta_close .close_open {
  font-size: 67px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.carriere_region .region_un_post {
  margin-bottom: 0;
  display: none;
}

.carriere_region .region_un_post.visible {
  display: block;
}

.carriere_region .region_un_post .wrap {
  border-bottom: 1px solid #fff;
  /*padding-bottom: 30px;*/
  margin-bottom: 19px;
}

.carriere_region .region_un_post .wrap .tab {
  padding: 30px 30px 50px;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 250ms ease-out;
  -moz-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}

.carriere_region .region_un_post .wrap .tab:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.carriere_region .region_un_post .wrap .tab h3 {
  position: relative;
}

.carriere_region .region_un_post .wrap .tab .close_un_emploi {
  position: absolute;
  top: 53px;
  right: 31px;
}

.carriere_region .region_un_post .wrap .tab .close_un_emploi svg {
  -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
}

.carriere_region .region_un_post.open .wrap .tab .close_un_emploi svg,
.carriere_region .region_un_post .wrap .tab:hover .close_un_emploi svg {
  transform: rotate(180deg);
  transform-origin: center;
}

.carriere_region .region_un_post.open .wrap .tab:hover .close_un_emploi svg {
  transform: rotate(0deg);
}

.carriere_region .region_un_post .wrap .content {
  padding: 0 30px;
  max-height: 0;
  overflow: hidden;
}

.carriere_region .region_un_post.open .wrap .content {
  max-height: unset;
  -webkit-transition: max-height 1000ms ease-out;
  -moz-transition: max-height 1000ms ease-out;
  -o-transition: max-height 1000ms ease-out;
  transition: max-height 1000ms ease-out;
}

.carriere_region .carriere_region_content {
  color: #fff;
  margin-bottom: 0 !important;
}

.carriere_region .carriere_region_content .tri_emploi {
  display: flex;
  padding-top: 30px;
  margin-bottom: 62px;
}

.carriere_region .carriere_region_content .tri_emploi label,
.carriere_region .carriere_region_content .tri_emploi .titre {
  font-size: 14px;
  font-weight: 1000;
  text-transform: uppercase;
}

.carriere_region .carriere_region_content .tri_emploi .titre {
  padding-top: 6px;
}

.carriere_region .carriere_region_content .tri_emploi .taxonomies {}

.carriere_region .carriere_region_content .tri_emploi .taxonomies .choix {
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 8px;
}

.tri_emploi .taxonomies .choix [type="checkbox"]:checked,
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.tri_emploi .taxonomies .choix [type="checkbox"]:checked+label,
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
}

.tri_emploi .taxonomies .choix [type="checkbox"]:checked+label:before,
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  background: transparent;
}

.tri_emploi .taxonomies .choix [type="checkbox"]:checked+label:after,
.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked)+label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;

  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.tri_emploi .taxonomies .choix [type="checkbox"]:not(:checked)+label:hover:after,
.tri_emploi .taxonomies .choix [type="checkbox"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.carriere_region .carriere_region_content .tab h3 {
  font-size: 48px;
  font-size: clamp(30px, 2.5vw, 48px);
  font-weight: 1000;
  text-transform: unset;
  padding-right: 64px;
}

.carriere_region .carriere_region_content h4 {
  font-size: 21px;
  font-weight: 800;
  color: #fff;
}

.carriere_region .carriere_region_content .categorie {}

.carriere_region .carriere_region_content .categorie h4 {
  margin-bottom: 0;
  margin-top: 0;
}

.carriere_region .carriere_region_content .sociaux_wrap {
  display: flex;
  margin-bottom: 55px;
  margin-top: 7px;
}

.carriere_region .carriere_region_content .sociaux_wrap .titre {
  font-size: 14px;
  font-weight: 1000;
  text-transform: uppercase;
  padding-top: 3px;
}

.carriere_region .carriere_region_content .sociaux_wrap .sociaux {}

.carriere_region .carriere_region_content .sociaux_wrap .sociaux a {
  display: inline-block;
  margin-left: 10px;
  font-size: 0;
}

.carriere_region .carriere_region_content .sociaux_wrap .sociaux a:hover svg path {}

.carriere_region .carriere_region_content .descriptions_list {
  padding-right: 11%;
}

.carriere_region .carriere_region_content .descriptions_list .un_list {
  margin-bottom: 52px;
}

.carriere_region .carriere_region_content .descriptions_list .un_list h4 {
  margin-bottom: 15px;
}

.carriere_region .carriere_region_content .descriptions_list .un_list .description {}

.carriere_region .carriere_region_content .descriptions_list .un_list .description p {
  padding-bottom: 0;
  margin-bottom: 0.8em;
}

.carriere_region .spontane_form {
  color: #fff;
}

.carriere_region .spontane_form,
.carriere_region .carriere_region_content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1000ms ease-out;
  -moz-transition: max-height 1000ms ease-out;
  -o-transition: max-height 1000ms ease-out;
  transition: max-height 1000ms ease-out;
}

.carriere_region.region_open .spontane_form,
.carriere_region.region_open .carriere_region_content {
  max-height: unset;
}

html body .spontane_form .gform_wrapper .top_label .gfield_label {
  color: #fff;
}

body .carriere_region .gform_wrapper .gfield_required {
  color: #fff;
  font-size: 1em;
}

html body .detaillant_form>.span_12,
html body .spontane_form>.span_12 {
  padding-top: 100px !important;
}

html body .spontane_form .gform_wrapper .top_label .carriere_region .gfield_label {
  color: #fff;
  font-size: 21px;
}

.carriere_region .carriere_region_content .form_postuler_wrap h4 {
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.carriere_region .gform_wrapper.gravity-theme .gform_footer {
  justify-content: flex-start;
  padding-top: 35px;
}

html body[data-form-submit="regular"] .postuler input[type="submit"],
body .region_un_post .nectar-button[data-color-override="false"].regular-button,
.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
  background-color: #fff !important;
  background-image: url(images/cta_over_gray.svg) !important;
  color: #68c3cd;
  background-position: center 80px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 500ms ease-out;
  -moz-transition: background-position 500ms ease-out;
  -o-transition: background-position 500ms ease-out;
  transition: background-position 500ms ease-out;
}

html body[data-form-submit="regular"] .postuler input[type="submit"] {
  color: #302f63;
}

html body[data-form-submit="regular"] .postuler input[type="submit"]:hover,
body .nectar-button[data-color-override="false"].regular-button:hover,
.carriere_region .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {
  background-position: 50% -50px;
  opacity: 1 !important;
}

/***** page devenir detaillant ****/

.detaillant_form {
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
}

.detaillant_form>.span_12 {
  padding-bottom: 115px !important;
}

.devenir_detaillant .deux_col_a img.img-with-animation {
  margin-bottom: -197px !important;
}

/***** page blogue ****/

.liste_articles {
  display: flex;
}

.liste_articles .les_articles {
  margin-left: 0;
  margin-right: 0;
}

.liste_articles .filter_sidebar {
  font-size: 14px;
  padding-right: 15px;
}

.filter_sidebar .tri_par_date {
  display: flex;
  margin-bottom: 80px;
}

.filter_sidebar .ctas_tri {
  display: flex;
}

.filter_sidebar .ctas_tri .tri {
  margin-left: 10px;
}

.filter_sidebar .un_filtre h3 {
  font-size: 21px;
  color: #ffc952;
  font-weight: 300;

  margin-bottom: 25px;
}

.filter_sidebar .ctas_tri [type="radio"]:checked,
.filter_sidebar .ctas_tri [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.filter_sidebar .ctas_tri [type="radio"]:checked+label,
.filter_sidebar .ctas_tri [type="radio"]:not(:checked)+label {
  position: relative;

  cursor: pointer;

  display: inline-block;
}

.filter_sidebar .ctas_tri [type="radio"]+label:hover,
.filter_sidebar .ctas_tri [type="radio"]:checked+label {
  font-weight: 800;
  text-decoration: underline;
}

.filter_sidebar .un_filtre .checkbox {
  margin-bottom: 15px;
}

.filter_sidebar .un_filtre [type="checkbox"]:checked,
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.filter_sidebar .un_filtre [type="checkbox"]:checked+label,
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  font-weight: 1000;
}

.filter_sidebar .un_filtre [type="checkbox"]:checked+label:before,
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  border: 1px solid #302f63;

  background: #fff;
}

.filter_sidebar .un_filtre [type="checkbox"]:checked+label:after,
.filter_sidebar .un_filtre [type="checkbox"]:not(:checked)+label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #302f63;
  position: absolute;
  top: 4px;
  left: 0;

  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.filter_sidebar .un_filtre [type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.filter_sidebar .un_filtre [type="checkbox"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/****** page un article *****/

body.material .post .content-inner {
  padding-left: 15px;
  padding-right: 15px;
}

.single-post .container-wrap {
  padding-bottom: 0;
}

.single-post .nectar-social {
  display: none !important;
}

.single-post .date_cat {
  font-size: 11px;
  font-weight: 400;
  color: #68c3cd;
  margin-bottom: 23px;
  display: flex;
}

.single-post .date_cat .date {
  padding-right: 26px;
}

.single-post .date_cat .cat {}

.single-post .date_cat .cat a {
  color: #68c3cd;
  text-decoration: underline;
  margin: 0 10px 0 5px;
}

.articles.autres_articles .un_post {
  margin-bottom: 0;
}

.articles.autres_articles .un_post:first-child {
  /*width: 33.3333%;*/
}

.articles.autres_articles .un_post:first-child .wrap {
  display: block;
}

#articles .autres_articles .un_post:first-child .photo {
  width: 100%;
  margin-right: 0;
}

#articles .autres_articles .un_post:first-child .infos {
  width: 100%;
  margin-left: 0;
  padding-left: 12;
  padding-left: 12;
  display: block;

  background: unset;
  position: relative;
}

#articles .autres_articles .un_post:first-child .infos h3 {
  font-size: 21px;
  text-transform: unset;
}

#articles .autres_articles .un_post:first-child .infos:after {
  display: none;
}

.single-post #articles>.row-bg-wrap .row-bg {
  background: #fff;
}

html body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .comment-list>li,
html body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area {
  max-width: unset;
}

.single-post #articles.wpb_row {
  margin-top: 0;
}

.sociaux_navigation .navigation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.sociaux_navigation .navigation a {
  font-weight: 1000;
  font-size: 14px;
  text-transform: uppercase;
  color: #302f63;
}

.sociaux_navigation .navigation svg {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.sociaux_navigation .navigation a:hover svg {
  transform: translateX(10px);
}

.sociaux_navigation .navigation .alignleft a:hover svg {
  transform: translateX(-10px);
}

.sociaux_navigation .navigation .alignleft svg {
  margin-right: 10px;
  display: inline-block;
}

.sociaux_navigation .navigation .alignright svg {
  margin-left: 10px;
  display: inline-block;
}

.sociaux_navigation {
  text-align: center;
  position: relative;
  padding-bottom: 89px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
}

.sociaux_navigation .sociaux {
  font-weight: 1000;
  font-size: 14px;
  text-transform: uppercase;
  color: #302f63;
  text-align: center;
  position: relative;
  z-index: 2;
  display: inline-block;
}

.sociaux_navigation .sociaux a {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}

.comments-section {
  width: 100%;
}

html body[data-ext-responsive="true"].single-post.material .comment-wrap #respond,
html body[data-ext-responsive="true"].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
  max-width: unset;
}

html body[data-form-submit="regular"] .comments-section input[type="submit"] {
  background-color: #68c3cd;
}

#commentform .form-submit {
  text-align: right;
}

body.material.single-post .comment-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

body #respond h3 {
  display: none;
}

.comment-respond .span_6 {
  margin-bottom: 40px;
}

.comment-respond label {
  font-weight: 800;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  margin-bottom: 10px;
  display: block;
}

.les_commentaires {
  padding-top: 45px;
}

.les_commentaires .comment-list .comment-author,
.les_commentaires .comment-list .pingback .comment-body>a {
  color: #fff;
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
}

.les_commentaires .comment-awaiting-moderation {
  margin-bottom: 15px;
}

.comment-author cite {
  font-weight: 800;
  font-size: 21px;
}

body.material.single-post .comment-list .comment>div {
  margin-top: 0;
  padding-top: 86px;
  padding-bottom: 66px;
  padding-left: 0;
  background: url(images/comment_line.svg) repeat-x left top;
  display: flex;
  flex-direction: column-reverse;
}

body .comment-list .comment>div p,
body .comment-list .pingback>div p {
  margin-top: 5px;
}

body .comment-list .comment-meta {
  margin-top: 30px;
}

body.material.single-post .comment-list .comment:last-child>div {
  padding-bottom: 0;
}

body.material.single-post .comment-list .comment:first-child>div {
  background: url(images/vague_turquoise.svg) repeat-x left top;
}

html body.material .comment-list .comment>div img.avatar,
html body:not(.original) .bypostauthor>.comment-body>.comment-author>img.avatar {
  display: none;
}

html body[data-ext-responsive="true"].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
  margin-bottom: 45px !important;
}

body .comment-list .comment-meta a,
body.material .comment-list .reply a {
  color: #fff;
}

body p.logged-in-as {
  margin-bottom: 45px;
}

/********* page nous trouver ******/

#nous_trouver {}

#nous_trouver #wpsl-result-list {
  width: 100%;
  margin-right: 0;
}

#nous_trouver #wpsl-gmap {
  float: none;
  width: 100%;
  height: 600px !important;
  height: 31.3vw !important;
}

#nous_trouver .wpsl-search {
  margin-bottom: 12px;
  padding: 0;
  background: transparent;
}

#nous_trouver #wpsl-search-wrap div label,
#nous_trouver #wpsl-search-wrap div,
#nous_trouver #wpsl-search-btn,
#nous_trouver #wpsl-search-wrap .wpsl-input>div {
  float: none;
}

#nous_trouver #wpsl-search-wrap div label {
  font-family: "Mulish";
  font-weight: 800;
  font-size: 14px;
  color: #302f63;
  display: block;
  margin-bottom: 7px;
  line-height: 1.2;
}

#nous_trouver .wpsl-input label,
#nous_trouver #wpsl-radius label,
#nous_trouver #wpsl-category label {
  width: unset;
}

#nous_trouver #wpsl-search-wrap form {
  margin: 0;

  display: flex;
  flex-wrap: wrap;
}

#nous_trouver #wpsl-wrap #wpsl-result-list {
  margin-top: 60px;
}

#nous_trouver #wpsl-wrap #wpsl-result-list ul {
  display: flex;
  flex-wrap: wrap;
}

#nous_trouver #wpsl-wrap #wpsl-result-list ul li {
  width: 33.3333%;
  border: none;
  padding: 30px 30px 47px 0;
}

html body #wpsl-result-list h3 {
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  font-weight: 300;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ffc952;
  margin-bottom: 24px;
}

.wpsl-store-below #wpsl-result-list p {
  padding-bottom: 0;
}

#nous_trouver #wpsl-wrap #wpsl-result-list ul li .distance {
  color: #68c3cd;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions {
  display: inline-block;
}

#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url(images/arrow-bleu-small.svg) no-repeat left top;
  margin-left: 10px;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

#nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions:hover:after {
  transform: translateX(10px);
}

#nous_trouver #wpsl-stores .wpsl-store-location strong {
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 800;
}

#nous_trouver #wpsl-stores .wpsl-direction-wrap {}

#nous_trouver #wpsl-direction-details,
#nous_trouver #wpsl-gmap {}

#nous_trouver .wpsl-store-below.wpsl-no-results #wpsl-stores {
  height: unset !important;
}

#nous_trouver .wpsl-store-below:not(.wpsl-no-results) #wpsl-stores {
  height: 419px !important;

  overflow: auto;
}

#nous_trouver .wpsl-store-below #wpsl-stores>ul {
  margin-left: 0;
  margin-right: 0;
}

#nous_trouver #wpsl-search-wrap .wpsl-input input {
  color: #302f63;
  border-radius: 3px;
  height: 54px;
  border: 1px solid #302f63;
  font-weight: 500;
  font-size: 14px;
}

#nous_trouver .wpsl-dropdown {
  border: 1px solid #302f63;
}

#nous_trouver .wpsl-dropdown .wpsl-selected-item {
  height: 54px;
  padding: 18px 12px !important;
  color: #302f63;
  font-size: 14px;
  font-weight: 500;
}

#nous_trouver #wpsl-search-input {
  width: 333px;
}

#nous_trouver #wpsl-search-wrap .wpsl-input {
  margin-right: 50px;
}

#nous_trouver #wpsl-search-wrap #wpsl-results {
  padding-left: 25px;
}

#nous_trouver .wpsl-dropdown {
  width: 138px;
}

#nous_trouver .wpsl-select-wrap {
  margin-right: 50px;
}

#nous_trouver .wpsl-search-btn-wrap {
  padding-top: 26px;
}

#nous_trouver #wpsl-search-btn {
  color: #fff;
  background: #302f63 !important;
  outline: none;
  box-shadow: unset;
  height: 54px;
  text-transform: uppercase !important;
  padding: 17px 27px !important;
  text-transform: uppercase !important;
}

/****** page prendre rendez vous  ******/

.form_gapt .ginput_container,
.form_rendez_vous .page_2 .gform_page_footer {
  max-width: 690px;
  margin: 50px auto;
}

body #ga_appointments_calendar {
  box-shadow: unset;
}

#service-working-days td {
  font-weight: 500;
}

.ga_monthly_schedule_wrapper table thead th.ga_header,
body .ga_monthly_schedule_wrapper thead th,
body .ga_appointments_calendar_header h3 {
  font-size: 14px;
  font-weight: 1000 !important;
}

body .ga_monthly_schedule_wrapper thead th {}

body .ga_monthly_schedule_wrapper td {
  font-weight: 500;
}

body #gappointments_calendar_slots .slot_small label.time_slot div {
  padding: 25px 0;
}

body #gappointments_calendar_slots label.time_slot {
  color: #302f63 !important;
}

.gform_wrapper.gravity-theme .form_rendez_vous .gform_page_footer input.gform_button,
.gform_wrapper.gravity-theme .form_rendez_vous .gform_page_footer input.gform_next_button {
  float: right;
}

.gform_wrapper.gravity-theme .gform_page_footer:after {
  content: "";
  display: block;
  clear: both;
}

.form_rendez_vous .gfield--type-appointment_calendar {
  position: relative;
}

.form_rendez_vous .gfield--type-appointment_calendar:before {
  position: absolute;
  content: "";
  display: block;
  top: 19%;
  left: calc(10% - 84px);
  width: 168px;
  height: 168px;
  background: url(images/ballon-rouge-turquoise.svg) no-repeat center;
  background-size: 132%;
}

.form_rendez_vous .gfield--type-appointment_calendar:after {
  position: absolute;
  content: "";
  display: block;
  top: 57%;
  right: calc(10% - 115px);
  width: 231px;
  height: 135px;
  background: url(images/lunettes-jaune-2.svg) no-repeat center;
}

/***** page un magasin *****/
.single-wpsl_stores .premier_row.wpb_row>.span_12 {
  padding-bottom: 152px;
}

.magasin_informations {}

.magasin_informations .span_12 {
  padding-bottom: 72px !important;
}

.magasin_informations .map_adresse .span_12 {
  padding-bottom: 0 !important;
}

.row .magasin_informations .col h3 {
  color: #ffc952;
  margin-bottom: 22px;
}

.row .magasin_informations .col h4 {
  color: #302f63;
}

.magasin_informations .magasin_titre {
  padding: 0 1%;
}

.magasin_informations .wpsl-gmap-canvas {
  height: 25vw;
}

.magasin_informations .col_1 {
  padding-left: 1% !important;
  padding-right: 8.2% !important;
  background: url(images/vague_turquoise_vertical.svg) repeat-y right top;
}

.magasin_informations .map_adresse .col_1 {
  background: transparent;
  padding-right: 5px;
}

.magasin_informations .map_adresse .col_2 {
  display: flex;
}

.magasin_informations .map_adresse .col_2 .coordonneew {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.magasin_informations .col_2 .wpb_content_element,
.magasin_informations .col_1>div {
  padding-top: 57px;
  padding-bottom: 57px;
  margin-bottom: 0;
}

/*.magasin_informations .col_2 > div {
  padding-bottom: 25px;
}*/
.magasin_informations .col_2 {
  padding-left: 3.5% !important;
  padding-right: 1% !important;
}

.magasin_informations .col_2 .wpb_content_element {
  padding-left: 7%;
}

.magasin_informations .col_2 .wpb_content_element {
  background: url(images/vague_turquoise.svg) repeat-x left top;
}

.magasin_informations .desciption {
  font-weight: 800;
}

.magasin_informations .desciption strong {
  font-weight: 1000;
}

.magasin_informations .coordonnees {}

.magasin_informations .adresse {
  margin-bottom: 25px;
}

.magasin_informations .adresse .wpsl-locations-details>span {
  display: none;
}

.magasin_informations .telephone {
  margin-bottom: 40px;
}

.magasin_informations .ctas a {
  margin-right: 30px;
}

.magasin_informations .ctas a:last-child {
  margin-right: 0;
}

.magasin_informations .horaire {}

.magasin_informations .listes_horaire {}

body:not(.woocommerce-cart) .main-content .listes_horaire table tr:nth-child(2n + 1) {
  background-color: transparent;
}

body:not(.woocommerce-cart) .main-content .listes_horaire td {
  font-size: 21px;
  padding: 0 0 22px;
}

body:not(.woocommerce-cart) .main-content .listes_horaire td:first-child {
  width: 140px;
  padding-right: 10px;
}

.magasin_informations .horaire .autre a {
  white-space: nowrap;
}

.magasin_informations .produits_offres {}

/***** page termes /conditions ****/

html body .termes_conditions h2 {
  font-weight: 300;
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #302f63;
}

.wpb_row.termes_conditions>.span_12 {
  padding-bottom: 128px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  margin-bottom: 118px !important;
}

/***** page produit *****/

.woocommerce #reassurance {
  margin-top: 40px;
}

.tax-product_cat.woocommerce .container-wrap {
  background-color: #ffffff !important;
}

.woocommerce div.product .content_single_product {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 7.2vw !important;
}

.woocommerce div.product .content_single_product .left_single_product {
  width: 48%;
}

.woocommerce div.product .content_single_product .left_single_product .title_category h3.cat_title {
  font-family: "hanley_promonoline", cursive;
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 52px;
  color: #FFC952;
}

.woocommerce div.product .content_single_product .right_single_product {
  width: 48%;
}

.woocommerce div.product .content_single_product .right_single_product .single_product_cta {
  margin-top: 60px;
  margin-bottom: 60px;
}

.woocommerce div.product .content_single_product .right_single_product .product_sociaux {
  display: flex;
  gap: 15px;
  align-items: center;
}

.woocommerce div.product .content_single_product .right_single_product .product_sociaux .title_partager {
  font-style: normal;
  font-weight: 1000;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #302F63;
  margin: 0;
  padding: 0;
}

html body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"] {
  padding-top: 80px;
  display: flex;
  margin: 0 -15px !important;
  flex-wrap: wrap;
}

body .products.others {
  margin-bottom: 0 !important;
}

html body.woocommerce.single-product ul.products[data-n-desktop-columns="4"] li.product,
html body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"] li.product {
  width: calc(33% - 30px) !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
  margin-bottom: 62px !important;
  background-color: #302f63;
  position: relative;
}

html body.woocommerce.single-product .slide_piscine .swiper-wrapper .swiper-slide img {
    max-width: 1400px;
    width: 100% !important;
    max-height: 50vh;
    object-fit: contain;
    object-position:center;
}

body .products .product>a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

body .products .product .product-wrap {
  width: 88%;
  background-color: #302f63 !important;
  position: relative;
  z-index: 1;
}

body.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  font-size: 32px;
  font-size: clamp(16px, 1.67vw, 32px);
  font-weight: 300;
  color: #fff;
  padding: 10px 15px 11px 2vw;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  font-family: "Mulish", sans-serif;
}

/* body.woocommerce ul.products li.product a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
} */

/***** footer ****/

body #footer-outer .row {
  display: flex;
}

#footer-outer .col.footer_1 {
  width: 25%;
}

#footer-outer .col.footer_1 .logo_mobile {
  display: none;
}

#footer-outer .footer_2 {
  width: 43.5%;
  margin-right: 2%;
}

#footer-outer .footer_2 .col {
  width: 48%;
}

#footer-outer .footer_3 {
  width: 35.5%;
}

#footer-outer .footer_3 .col {
  width: 61%;
  margin-right: 2%;
}

#footer-outer .footer_3 .col:last-child {
  width: 33%;
}

/*#footer-outer .col {
  width: 20.75%;
}
#footer-outer .col:last-child {
  width: 12.75%;
}*/
body #footer-outer .widget h4 {
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 5px;
}

#footer-outer #footer-widgets .col ul li a {
  font-size: 14px;
  font-weight: normal;
}

#footer-outer #footer-widgets .col ul li.accent {
  margin-top: 18px;
}

#footer-outer #footer-widgets .col ul li.accent:first-child {
  margin-top: 0;
}

#footer-outer #footer-widgets .col ul li.accent a {
  font-weight: 800;
  text-transform: uppercase;
}

body #footer-outer #copyright[data-layout="centered"] .col {
  text-align: left;
  width: 59%;
  padding-left: 25%;
  float: left;
  font-size: 11px;
}

body #footer-outer #copyright[data-layout="centered"] .col:last-child {
  text-align: right;
  width: 39%;
  padding-left: 0;
  float: right;
}

body #footer-outer #copyright[data-layout="centered"] li {
  margin-left: 0 !important;
  margin-right: 14px !important;
}

body #footer-outer #copyright .span_5 a:not(.nectar-button) {
  text-decoration: underline !important;
}

/**** popup configurateur *****/
/*****popup ****/

html.popup {
  overflow-y: hidden;
}

.video_pop {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  color: #fff;
  z-index: -16;
  overflow: hidden;
  transition: 0.5s all;
  overflow: auto;
  background: #302f63;
  padding: 0 !important;
}

/*.video_pop > .wrap:before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: #E6E5E2;
  opacity: .6;
}*/

.video_pop.open_pop {
  width: 100% !important;

  height: 100% !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 9997;
  z-index: 99972;
  border-radius: 1px;
  opacity: 1;
}

.video_pop>.wrap {
  width: 100%;

  /* display: flex;*/
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  position: relative;
}

.video_pop .close {
  /* border: 1px solid #fff; */
  width: 54px;
  height: 54px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 60px;
  position: absolute;
  opacity: 1;
  transform-origin: center;

  top: 51px;
  right: 42px;
  color: #302f63;
  cursor: pointer;
  z-index: 22;

  font-weight: 100;
  line-height: 1.39;
  -webkit-transition: transform 250ms ease-out;
  -moz-transition: transform 250ms ease-out;
  -o-transition: transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(-0deg);
  -o-transform: rotate(0deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform-origin: 50% 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video_pop .close svg path {
  fill: #302f63;
}

.video_pop .close:hover {
  transform: rotate(0deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.video_pop .video {
  position: relative;

  color: #fff;

  width: 100%;
  margin: 0 auto 0;

  text-align: center;
}

.video_pop .video .wrap_container {
  position: relative;

  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between;
}

.video_pop .video h2 {
  text-align: center;
  font-weight: 1000;
  font-size: 71px;
  font-size: clamp(29px, 3.7vw, 71px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 24px;
}

.video_pop .video h3 {
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  display: inline-block;

  margin-bottom: 55px;
  background: url(images/vague-jaune.svg) no-repeat left bottom;
  padding-bottom: 25px;
}

.video_pop .video .top {
  padding-left: 7%;
  padding-right: 7%;
  padding-bottom: 3.8vw;
  padding-top: 6.3vw;
}

.video_pop .video .bottom {
  padding-left: 7%;
  padding-right: 7%;
  padding-bottom: 200px;
  padding-bottom: 10.5vw;
  padding-top: 90px;
  padding-bottom: 7.5vw;
  padding-top: 4vw;
  background: #68c3cd;
  -webkit-border-top-left-radius: 7.3vw;
  -webkit-border-top-right-radius: 7.3vw;
  -moz-border-radius-topleft: 7.3vw;
  -moz-border-radius-topright: 7.3vw;
  border-top-left-radius: 7.3vw;
  border-top-right-radius: 7.3vw;
  position: relative;
}

.video_pop .video .bottom .choix {
  display: flex;
  max-width: 533px;
  margin: 0 auto;
}

.video_pop .video .bottom .choix .un_choix {
  width: 50%;
  padding: 0 15px;
}

.video_pop .video .bottom .choix .un_choix .wrap {
  background: url(images/choix-bg.png) no-repeat center;
  background-size: 100% 100%;

  color: #fff;
  padding: 50px 10px 76px;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

.video_pop .video .bottom .choix .un_choix .wrap:hover {
  transform: scale(1.1);
  transform-origin: center;
}

.video_pop .video .bottom .choix .un_choix .wrap span {
  display: inline-block;
  min-height: 105px;
  font-weight: 1000;
  font-size: 26.42px;

  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  justify-content: center;
  position: relative;
}

.video_pop .video .bottom .choix .un_choix .wrap span:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 73px;
  height: 5px;
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
  margin: 0 auto;
}

.video_pop .video .bottom .popup_footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 7% 46px;
  color: #302f63;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
}

.video_pop .video .bottom .popup_footer a {
  font-weight: 1000;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 45px;
}

/***** popup emploie *****/

.video_pop.postuler .video .wrap_container {
  justify-content: center;
  max-width: 800px;
  text-align: left;
  padding: 45px 15px;
}

.video_pop.postuler .video .wrap_container h2 {
  font-size: 45px;
  margin-bottom: 15px;
}

/***** popup infos. *****/
.video_pop.popup_info {
  background: transparent;

  left: 0;
  right: unset;
  width: 45% !important;
}

.video_pop.popup_info .wrap {
  padding: 80px;
}

.video_pop.popup_info .video .wrap_container {
  min-height: unset;
}

.video_pop.popup_info .close svg path {
  fill: #fff;
}

.video_pop.popup_info .close {
  background: transparent;
  color: #fff;
  width: 24px;
  height: 24px;
  top: 8px;
  right: 8px;
}

.video_pop.popup_info .video {
  background: #302f63;
  border: 1.5px solid #fff;
  border-radius: 3px;
  padding: 23px 28px;
  text-align: left;
  font-size: 14px;
}

.video_pop.popup_info .video h2 {
  font-weight: 800;
  font-size: 21px;
  text-transform: unset;
  text-align: left;
}

.video_pop.popup_info .video .image {
  margin-bottom: 15px;
}

.video_pop.popup_info .video .texte {
  margin-bottom: 36px;
}

.video_pop.popup_info .video .more {}

.video_pop.popup_info .video .more .one_more {
  display: flex;
  flex-wrap: wrap;
  background: rgba(12, 11, 65, 0.4);
  padding: 15px 25px;
  margin-bottom: 12px;
  color: #fff;
}

.video_pop.popup_info .video .more .one_more:last-child {
  margin-bottom: 0;
}

.video_pop.popup_info .video .more .one_more .titre {
  width: 100%;
}

.video_pop.popup_info .video .more .one_more .titre h3 {
  font-weight: 800;
  font-size: 21px;
  text-transform: unset;
  text-align: left;
  background: transparent;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.video_pop.popup_info .video .more .one_more .photo {
  width: 48%;
}

.video_pop.popup_info .video .more .one_more .photo img {
  max-width: 100%;
}

.video_pop.popup_info .video .more .one_more .text {
  width: 52%;
  padding-left: 25px;
}

/***** configurateur general ****/
.gform_wrapper.gravity-theme .gfield-choice-input {
  top: auto;
}

body .configurateur_piscine input[type="date"],
body .configurateur_piscine input[type="email"],
body .configurateur_piscine input[type="number"],
body .configurateur_piscine input[type="password"],
body .configurateur_piscine input[type="search"],
body .configurateur_piscine input[type="tel"],
body .configurateur_piscine input[type="text"],
body .configurateur_piscine input[type="url"],
body .configurateur_piscine textarea,
body .configurateur_piscine .selected-items,
body .custom_select .selected-items {
  border: 1px solid #302f63;
}

.page-template-page-configurateur .container-wrap {
  padding-bottom: 0;
}

.page-template-page-confirmation .wpb_row>.row-bg-wrap .row-bg,
.page-template-page-configurateur .wpb_row>.row-bg-wrap .row-bg {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#configurateur .sticky_sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(45% - 30px);
}

body #configurateur .produit_description {
  font-weight: 800;
  font-size: 14px;
}

#configurateur .vc_col-sm-5 {
  width: 45%;
}

#configurateur .vc_col-sm-7 {
  width: 55%;
}

#configurateur>.span_12 {
  min-height: 100vh;
  padding: 0 41px 0 0;
}

#configurateur .configurateur_form_side>.vc_column-inner {
  padding-top: 52px;
  padding-left: 38px;
}

#configurateur .titre_retour {
  margin-bottom: 50px;
  font-weight: 800;
  text-align: right;
  position: relative;
  z-index: 2;
}

#configurateur .titre_retour svg {
  vertical-align: middle;
}

.gform_wrapper.gravity-theme .configurateur_piscine .gform_page_footer {
  text-align: right;
  padding-top: 100px;
  position: relative;
  z-index: 2;
}

.gform_wrapper.gravity-theme .configurateur_piscine .gform_page_footer .gform_ajax_spinner {
  top: 135px;
}

.configurateur_piscine .gform_page .gfield {
  background-color: rgba(48, 46, 97, 0.1) !important;
  padding: 39px 18px 39px 54px !important;
  position: relative;
}

.configurateur_piscine .gform_page .gfield.gfield_visibility_hidden {
  max-height: 0;
  overflow: hidden;
  padding: 0 !important;
}

.configurateur_piscine .gform_page .gfield.gform_hidden {
  padding: 0 !important;
}

.configurateur_piscine .gform_page .gfield.magasin_selected {
  max-height: 0;
  overflow: hidden;
  padding: 0 !important;
}

.configurateur_piscine .gform_page:not(.page_presentation_b) .gfield {
  /*display: flex !important;*/
  /*position: relative;
 align-items: flex-start;*/
}

.configurateur_piscine .gfield legend {
  float: left;
}

html body .page_modeles h2,
.pre_configurateur_hors_terre .configurateur_piscine .gfield.titre h2,
.configurateur_piscine .page_presentation_b .gfield.titre h2,
.configurateur_piscine .gfield.form_tableau h2,
.configurateur_piscine .last_page .gfield.titre_retrait h2,
.gform_wrapper.gravity-theme .configurateur_piscine .gfield>.gfield_label {
  margin: 0;
  /*width: 50%;*/
  font-weight: 800;
  font-size: 32px;
  font-size: clamp(21px, 1.67vw, 32px);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 15px;
  background: url(images/vague-jaune.svg) no-repeat left bottom;
  padding-bottom: 25px;
  padding-right: 7%;
}

.gform_wrapper.gravity-theme .configurateur_piscine .gfield>.ginput_container {
  clear: both;
}

/*.gform_wrapper.gravity-theme .configurateur_piscine .gfield > .gfield_description,
.gform_wrapper.gravity-theme .configurateur_piscine .gfield > .ginput_container {
  width: 50%;
  padding-left: 15px;
  float: right;
}*/
.gform_wrapper.gravity-theme .configurateur_piscine .gfield.description_top>.gfield_description {
  font-weight: 800;
  font-size: 14px;
  color: #302f63;
  margin-bottom: 15px;
  /*position: absolute;
  top: 39px;
  right: 54px;*/
  /*width: calc(45% - 54px);*/
}

.gform_wrapper.gravity-theme .configurateur_piscine .gfield>.ginput_container.ginput_container_select {
  max-width: 263px;
}

.gform_wrapper.gravity-theme .configurateur_piscine .gfield.description_top>.ginput_container {
  margin-top: 20px;
}

.gform_wrapper.gravity-theme .configurateur_piscine .gfield>.validation_message {
  position: absolute;
  right: 54px;
  width: calc(50% - 87px);
  width: calc(100% - 87px);
  top: calc(100% - 32px);
}
.pre_configurateur_hors_terre .configurateur_piscine .gfield>.validation_message,
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield>.validation_message {
  width: calc(100% - 87px);
}

.configurateur_piscine .last_page.faux .spacer.gfield {
  padding: 0 !important;
}

.configurateur_piscine .last_page .gform_page_fields {
  padding-left: 50%;
}

.configurateur_piscine .last_page:not(.faux) .gfield {
  display: block !important;
}

.configurateur_piscine .gfield.margin_bottom_16 {
  margin-bottom: 34px;
}

.configurateur_piscine .gfield.no_pad_top {
  padding-top: 0 !important;
}

.configurateur_piscine .gfield.no_pad_bottom {
  padding-bottom: 0 !important;
}

.configurateur_piscine .last_page .gfield legend {}

.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield>.gfield_description,
.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield>.ginput_container {
  width: 100%;
  padding-left: 0;
  float: none;
}

.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield>.gfield_label {
  width: 100%;
  margin-bottom: 5px;
  background: transparent;
  padding-bottom: 0;
  padding-right: 0;
  font-weight: 800;
  font-size: 14px;
  color: #302f63;
  text-transform: unset;
}

.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield>.gfield_label {}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) {
  padding-top: 0 !important;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex !important;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .ginput_container {
  width: 50%;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_description {
  width: 25%;
  text-align: center;
  padding-top: 0;
  font-weight: 800;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) legend {
  visibility: hidden;
  padding-bottom: 0 !important;
  width: 50%;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) [type="radio"]+label:before,
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) [type="radio"]+label:after {
  display: none !important;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"]+label {
  padding: 17px 27px !important;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  display: inline-block !important;
  background-color: #302f63;
  font-weight: 1000 !important;
  text-transform: uppercase;
  color: #ffffff !important;
  border: 3px solid #302f63;
  line-height: 1;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio {
  display: flex;
  flex-wrap: wrap;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio .gchoice {
  width: 50%;
  text-align: center;
  padding: 0 8px;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio .gchoice:nth-child(3) {
  width: 100%;
  text-align: right;
  margin-top: 45px;
 
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio .gchoice:nth-child(2) [type="radio"]+label {
  background: #ffc952;
  color: #302f63 !important;
  border-color: #ffc952;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio .gchoice:nth-child(3) [type="radio"]+label {
   background: transparent url(images/arrow-bleu-small.svg) no-repeat 98% 50%;
  border-color: transparent;
  color: #302F63 !important;
  -webkit-transition: background-position 250ms ease-out;
  -moz-transition: background-position 250ms ease-out;
  -o-transition: background-position 250ms ease-out;
  transition: background-position 250ms ease-out;
}
.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio .gchoice:nth-child(3):hover [type="radio"]+label {
  background-position: 100% 50%;
}

.configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"]:checked+label {
  border-color: #fff !important;
}

.configurateur_piscine .last_page .gfield:not(.titre_retrait) {
  padding-left: 0 !important;
  position: relative;
  background: transparent !important;
}

.configurateur_piscine .last_page .gfield:not(.titre_retrait):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 200%;
  background-color: rgba(48, 46, 97, 0.1) !important;
  z-index: -1;
}

.configurateur_piscine .last_page .gfield:not(.titre_retrait).less_pad_bottom {
  padding-bottom: 20px !important;
}

.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield>.ginput_container.ginput_container_select {
  max-width: unset;
}

.configurateur_piscine .last_page .gfield.no_padding_right:not(.titre_retrait) {
  padding-right: 0 !important;
}

.configurateur_piscine .last_page .gfield.no_bg:not(.titre_retrait):after {
  display: none;
}

.configurateur_piscine .last_page .gfield.last_right_field:not(.titre_retrait):after {
  width: calc(400% + 18px);
}

.configurateur_piscine .last_page .gfield.titre_retrait {
  padding: 0 !important;
}

.configurateur_piscine .last_page .gfield.titre_retrait h2 {
  width: calc(100% - 54px);
  position: absolute;
  top: 50px;
  left: calc(-100% + 54px);
}

body .configurateur_piscine .dropdown-items {
  height: unset;
  padding-right: 0.804%;
}

body .custom_select .dropdown-items {
  height: unset;
  padding-right: 0;
}

.custom_select .gfield.custom_select legend,
.configurateur_piscine .gfield.custom_select legend {
  float: none;
}

body .custom_select .selected-items,
body .configurateur_piscine .selected-items {
  width: 100%;
  min-height: 54px;
  height: unset;
  position: relative;
}

body .custom_select .selected-items:after,
body .configurateur_piscine .selected-items:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 12px;
  height: 7px;
  margin-top: -3px;
  background: url(images/select-arrow.svg) no-repeat center;
}

body .custom_select .options-items,
body .configurateur_piscine .options-items {
  position: absolute;
  width: 100%;
  bottom: 2px;
  left: 0;
  display: none;

  border-top: none;
  list-style: none;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 300px;

  overflow: auto;
}

body .custom_select .selected-items li,
body .custom_select .options-items li,
body .configurateur_piscine .selected-items li,
body .configurateur_piscine .options-items li {
  background: #fff;
  cursor: pointer;
  padding: 10px 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 800;
  color: #302f63;
  padding-right: 45px;
  position: relative;
  line-height: 1.1;
  padding-right: 23px;
}

body .custom_select .selected-items li,
body .configurateur_piscine .selected-items li {
  padding: 0 15px 0 0;
  height: unset;
  list-style: none;
}

body .custom_select .options-items li:after,
body .configurateur_piscine .options-items li:after {
  content: "";
  display: block;
  clear: both;
}

body .custom_select .selected-items li .items-key,
body .custom_select .options-items li .items-key,
body .configurateur_piscine .selected-items li .items-key,
body .configurateur_piscine .options-items li .items-key {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.02em;
  width: 100%;
  display: block;

  padding-right: 56px;
  margin-top: 3px;
  pointer-events: none;
}

body .custom_select .selected-items li .items-distance,
body .custom_select .options-items li .items-distance,
body .configurateur_piscine .selected-items li .items-distance,
body .configurateur_piscine .options-items li .items-distance {
  font-weight: 700;
  width: 56px;
  font-size: 11px;
  position: absolute;
  right: 23px;
  bottom: 10px;
  text-align: right;
  pointer-events: none;
}

body .custom_select .selected-items li .items-distance,
body .configurateur_piscine .selected-items li .items-distance {
  right: 23px;
  bottom: 0;
}

body .custom_select .selected-items li .items-distance:before,
body .custom_select .options-items li .items-distance:before,
body .configurateur_piscine .selected-items li .items-distance:before,
body .configurateur_piscine .options-items li .items-distance:before {
  content: url(images/marker-distance.svg);
  display: inline-block;
  margin-right: 2px;
}

.gform_wrapper.gravity-theme .configurateur_piscine .last_page .gform_fields {
  grid-row-gap: 0;
}

.configurateur_piscine .gfield.form_tableau h2 {}

.gform_wrapper.gravity-theme .page_form_tableau .gform_fields {
  grid-row-gap: 0;
}

.configurateur_piscine .gfield.form_tableau {
  display: block !important;
}

.page_form_tableau h2 {
  max-width: 614px;
}

.page_extende:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -41px;
  bottom: 0;
  width: 160%;
  background: #68c3cd;
  z-index: 0;
}

.page_extende .gform_page_fields {
  margin-left: -60%;
  position: relative;
  z-index: 2;
}

.page_form_tableau .tableau_configurateur {
  display: flex;
  padding-top: 25px;
}

.page_form_tableau .tableau_configurateur .tableau_a {
  width: calc(25%);
  border: 3px solid #302f63;
}

.page_form_tableau .tableau_configurateur .tableau_a .titre {
  background: #302f63;
  color: #fff;
  padding: 30px 15px;
  font-weight: 800;
  text-align: center;
}

.page_form_tableau .tableau_configurateur .tableau_a .la_list {
  padding: 23px 40px;
}

.page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list {
  color: #fff;
  padding-bottom: 12px;
  display: flex;
}

.page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list .icon {
  width: 25px;
}

.page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list .element {
  font-weight: 800;
  font-size: 14px;
  padding-left: 10px;
}

.page_form_tableau .tableau_configurateur .plus {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 149px;
  font-weight: 800;
}

.page_form_tableau .tableau_configurateur .tableau_b {
  width: 65%;
  border: 3px solid #302f63;
  display: table;
}

.page_form_tableau .tableau_configurateur .tableau_b .range {
  display: table-row;
}

.page_form_tableau .tableau_configurateur .tableau_b .range>div {
  display: table-cell;
  padding: 30px 15px;
  color: #fff;
  border-right: 3px solid #302f63;
  border-bottom: 3px solid #302f63;
  text-align: center;
  font-weight: 800;
  width: 38%;
  vertical-align: middle;
}

.page_form_tableau .tableau_configurateur .tableau_b .range:nth-child(2n + 1)>div {
  background: rgba(48, 47, 99, 0.2);
}

.page_form_tableau .tableau_configurateur .tableau_b .range:last-child>div {
  border-bottom: 0 !important;
}

.page_form_tableau .tableau_configurateur .tableau_b .range>div:last-child {
  border-right: 0 !important;
}

.page_form_tableau .tableau_configurateur .tableau_b .range.entete>div {
  background: #302f63;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 30px 15px;

  text-align: center;
}

.page_form_tableau .tableau_configurateur .tableau_b .range.entete>div:last-child {
  background: #ffc952;
  color: #302f63;
}

.page_form_tableau .tableau_configurateur .tableau_b .range .col_1 {
  color: #302f63;
  text-align: right;
  width: 24% !important;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.image-choices-field) .gfield_checkbox label,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.image-choices-field) .gfield_radio label {
  font-weight: 800;
  font-size: 14px;
  color: #302f63;
  padding-top: 5px;
  min-height: 30px;
  margin-bottom: 14px;
  display: block;
  max-width: unset;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field.gfield_error .gfield_checkbox label span,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field.gfield_error .gfield_radio label span,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.image-choices-field).gfield_error .gfield_checkbox label,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.image-choices-field).gfield_error .gfield_radio label {
  color: #ea504c;
}

body .image-choices-field .image-choices-choice-selected {
  border-color: transparent;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field .gfield_checkbox label,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field .gfield_radio label {
  padding: 0 !important;
  border: 0 !important;
  color: #302f63;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field .gfield_checkbox label span,
body .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field .gfield_radio label span {
  color: #fff;
  font-weight: 800;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .gfield_radio .image-choices-choice-image-wrap {
  border: 5px solid #302f63;
  -webkit-border-radius: 37%;
  -moz-border-radius: 37%;
  border-radius: 37%;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding-top: calc(100% - 11.4px);
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #fff;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .creusee_form .gfield_radio .image-choices-choice-image-wrap {
  background-size: 94%;
  background-repeat: no-repeat;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .gfield_radio [type="radio"]:checked+label .image-choices-choice-image-wrap {
  border-color: #ffc952;
}

.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked),
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked+label,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked)+label,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked+label,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 38px;
  cursor: pointer;

  display: inline-block;
}

.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked+label:before,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked)+label:before,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked+label:before,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  border: 1px solid #302f63;
  border-radius: 100%;
  background: #fff;
}

.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked+label:before,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked)+label:before {
  border-radius: 7px;
}

.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked+label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked)+label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked+label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked)+label:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #302f63;
  position: absolute;
  top: 8px;
  left: 8px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked+label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked)+label:after {
  border-radius: 4px;
  width: 16px;
  height: 16px;
  top: 7px;
  left: 7px;
}

.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:not(:checked)+label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.configurateur_piscine .gfield:not(.image-choices-field) [type="checkbox"]:checked+label:after,
.configurateur_piscine .gfield:not(.image-choices-field) [type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.configurateur_piscine .image-choices-field div.gfield_radio {
  display: flex;

  flex-wrap: wrap;
}

.configurateur_piscine .image-choices-field div.gfield_radio .image-choices-choice {
  width: 23%;
  margin-right: 2% !important;
}

.gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {
  background: transparent;
  position: fixed;
  left: 25px;
  bottom: 25px;
}

.gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {}

body .gform_wrapper .configurateur_piscine legend .gfield_required {
  display: none;
}

.bulle_info .wrap_bulle {
  position: absolute;
  right: 12px;
  bottom: 17px;
  cursor: pointer;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.bulle_info .wrap_bulle:hover {
  transform: scale(1.4);
  transform-origin: center;
}

/**** configurateur page presentation version b ****/
.configurateur_piscine .page_presentation_b .gfield.titre {}

.pre_configurateur_hors_terre .configurateur_piscine .gfield.titre,
.configurateur_piscine .page_presentation_b .gfield.titre {
  font-weight: 800;
  font-size: 14px;
}
.pre_configurateur_hors_terre .configurateur_piscine .gfield.titre h2,
.configurateur_piscine .page_presentation_b .gfield.titre h2 {
  width: 100%;

}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gform_fields,
.gform_wrapper.gravity-theme .page_presentation_b .gform_fields {
  display: flex;
  grid-row-gap: 0;
  flex-wrap: wrap;
  grid-column-gap: 0;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield,
.gform_wrapper.gravity-theme .page_presentation_b .gfield {
  width: 50%;


}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield.informations,
.gform_wrapper.gravity-theme .page_presentation_b .gfield.informations {
  color: #fff;
  font-size: 12px;
  font-style: italic;
  width: 100%;
  background: transparent !important;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield.marg_left_50,
.gform_wrapper.gravity-theme .page_presentation_b .gfield.marg_left_50 {
  margin-left: 50%;
  background: transparent !important;
  position: relative;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield.marg_left_50:before,
.gform_wrapper.gravity-theme .page_presentation_b .gfield.marg_left_50:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 200%;
  background-color: rgba(48, 46, 97, .1) !important;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield:not(.titre),
.gform_wrapper.gravity-theme .page_presentation_b .gfield:not(.titre) {
  padding-left: 15px !important;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield>.gfield_label,
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield>.gfield_label {
  width: 100%;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield>.ginput_container ,
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield>.ginput_container {
  width: 100%;
  padding-left: 0;
  float: none;
  margin-top: 5px;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield.image-choices-field>.ginput_container ,
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield.image-choices-field>.ginput_container {
  margin-top: 37px;
  clear: both;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield.hidden_label>.ginput_container ,
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield.hidden_label>.ginput_container {
  margin-top: 0;
}
.pre_configurateur_hors_terre .gform_wrapper.gravity-theme .configurateur_piscine .gfield>.gfield_label ,
.gform_wrapper.gravity-theme .configurateur_piscine .page_presentation_b .gfield>.gfield_label {
  width: 100%;
  margin-bottom: 5px;
  background: transparent;
  padding-bottom: 0;
  padding-right: 0;
  font-weight: 800;
  font-size: 21px;
  color: #302F63;
  text-transform: unset;
}

/**** configurateur spa *****/
#photo_spa {
  position: relative;
}

#photo_spa>div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#photo_spa>div.actif {
  visibility: visible !important;
  position: relative !important;
}

#photo_spa .photo_spa_acrylique {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  visibility: hidden;
  font-size: 12px;
  color: #fff;
  padding: 10px 16px;
  font-style: italic;
  text-align: right;
}

#photo_spa .photo_spa_acrylique.sterling.black,
#photo_spa .photo_spa_acrylique.sterling.noir {
  background: url(images/sterling-noir.jpg) no-repeat center;
}

#photo_spa .photo_spa_acrylique.tuscan-gris.black,
#photo_spa .photo_spa_acrylique.tuscan-gris.noir {
  background: url(images/tuscan-gris-noir.jpg) no-repeat center;
}

#photo_spa .photo_spa_acrylique.tuscan-sun.black,
#photo_spa .photo_spa_acrylique.tuscan-sun.noir {
  background: url(images/tuscan-sun-noir.jpg) no-repeat center;
}

#photo_spa .photo_spa_acrylique.midnight-canyon.black,
#photo_spa .photo_spa_acrylique.midnight-canyon.noir {
  background: url(images/midnight-canyon-noir.jpg) no-repeat center;
}

#photo_spa .photo_spa_acrylique.sterling.coastal {
  background: url(images/sterling-coastal.jpg) no-repeat center;
}

#photo_spa .photo_spa_acrylique.tuscan-gris.coastal {
  background: url(images/tuscan-gris-coastal.jpg) no-repeat center;
}

#photo_spa .photo_spa_acrylique.tuscan-sun.coastal {
  background: url(images/tuscan-sun-coastal.jpg) no-repeat center;
}

#photo_spa .photo_spa_acrylique.midnight-canyon.coastal {
  background: url(images/midnight-canyon-coastal.jpg) no-repeat center;
}

#photo_spa .photo_spa_nage {
  background: url(images/spa-nage.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  visibility: hidden;
}

#photo_spa .photo_spa_portatif {
  background: url(images/spa-portatif.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  visibility: hidden;
}

/**** fonfigurateur hors terre *****/

#configContainer {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  width: 100vw;
  height: 100vh;
}

.configurateur_hors_terre #builder {
  background-color: #ffc952;
  background-image: url("images/grid.jpg");
  background-size: 10%;
  -webkit-animation-name: gridAnim;
  animation-name: gridAnim;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: relative;
  display: flex;
  justify-content: center;
}

.configurateur_creusee #builder {
  background-color: #ffc952;
  background-image: url("images/garden.jpg");
  background-position: center -651%;
  background-repeat: no-repeat;
  background-size: 113%;
  background-size: auto 93%;
}

#builder #popupTips {
  position: absolute;
  bottom: 5%;
  background-color: #ffffff;
  color: #302f63;
  box-sizing: border-box;
  padding: 5px 20px;
  max-width: 80%;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.2s, transform 0.2s ease-out;
}

#builder #popupTips.appear {
  opacity: 1;
  transform: translateY(0);
}

#builder #popupTips h3 {
  text-transform: capitalize;
}

#builder #popupTips img {
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-top: 10px;
}

#photo_spa>div,
#builder #poolContainer {
  width: 100%;
  height: 100%;
  display: flex;
  height: 500px !important;
  min-height: 100vh;
  align-items: flex-end;
  justify-content: flex-end;
}

@-webkit-keyframes gridAnim {
  to {
    background-position: -11% 8%;
  }
}

@keyframes gridAnim {
  to {
    background-position: -11% 8%;
  }
}

#configContainer #choice {
  box-sizing: border-box;
  padding: 10%;
  color: #ffffff;
  background-color: #68c3cd;
  max-height: 100vh;
  display: grid;
  grid-template-rows: 1fr 1fr;
  row-gap: 30px;
  overflow-y: scroll;
}

#configContainer #choice section {
  background-color: #76b2c0;
  box-sizing: border-box;
  padding: 5% 10%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

#configContainer #choice section>div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 5px;
  column-gap: 5px;
  row-gap: 5px;
}

#configContainer #choice section .textureButton {
  background: #302f63;
  border: none;
  box-sizing: border-box;
  border-radius: 2em;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 80px;
  height: 80px;
}

#configContainer #choice section .textureButton img {
  max-width: 100%;
  border-radius: 1.4em;
}

#configContainer #choice form {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/**** configurateur spa ****/
html body .page_modeles h2 {
  max-width: 620px;
  padding-right: 0 !important;
}

.gform_wrapper.gravity-theme .page_modeles .gform_fields {
  grid-row-gap: 0;
}

.configurateur_piscine .gform_page.page_modeles .gfield {
  padding-bottom: 0 !important;
}

.configurateur_piscine .page_modeles .image-choices-field div.gfield_radio .image-choices-choice {
  padding-bottom: 40px !important;
}

.gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield>.gfield_label {
  font-weight: 800;
  font-size: 21px;
  color: #302f63;
  background: transparent;
  padding-bottom: 0;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield_radio .image-choices-choice-image-wrap {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;

  height: auto;

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  width: 88%;
  padding-top: calc(100% - 12%);
  background-position: top right !important;
  background-position: center center !important;
  background-size: auto 112% !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-size: cover !important;
  position: relative;
  z-index: 1;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio label {
  background: #302f63 url(images/CTA_over_jaune.svg) no-repeat 50% 400px;
  text-align: left;
  -webkit-transition: background-position 500ms ease-out !important;
  -moz-transition: background-position 500ms ease-out !important;
  -o-transition: background-position 500ms ease-out !important;
  transition: background-position 500ms ease-out !important;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio .gchoice:hover label {
  background-position: 50% -40px;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio .gchoice:hover label .image-choices-choice-text {
  color: #302f63;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio input[type="radio"]:checked+label {
  background: #ffc952;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio .gchoice:hover label .image-choices-choice-text,
body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio input[type="radio"]:checked+label .image-choices-choice-text {
  color: #302f63;
}

body .gform_wrapper.gravity-theme .configurateur_piscine .page_modeles .gfield.image-choices-field .gfield_radio label .image-choices-choice-text {
  font-size: 32px;
  font-size: clamp(16px, 1.67vw, 32px);
  font-weight: 300;
  color: #fff;
  padding: 10px 15px 11px 2vw;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  display: block;
}

.page_modeles .image-choices-lightbox-btn {
  right: 46px;
}


/**** single produit bbq ****/
.piscine_spa_informations.cat_bbq .info .listes .titre {
    width: 254px;
}


/** cookies popup ****/
body .cky-consent-container .cky-consent-bar {

    padding: 30px 30px;
    box-shadow: 0 -1px 10px 0 #acabab4d;
    border-radius: 35px;
}
body .cky-notice .cky-title {
  font-size: 21px;
  font-weight: 800;
  padding-bottom: 5px;
}
body .cky-notice-des {
  font-weight: 500;
  line-height: 1.1;
}
body .cky-notice-des p{
  padding-bottom: 5px;
}
body .cky-btn {
    flex: unset;
    max-width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 1000;
    line-height: normal;
    text-transform: uppercase;
    padding: 18px 25px;

    margin: 0 8px 0 0;
    
}

@media (max-width: 1800px) {
    body #top nav>ul>li>a, 
    body .pull-left-wrap>ul>li>a {
        font-size: 12px;
    }
}
@media (max-width: 1600px) {
  #guide>.span_12 {
    background-size: 20.6vw !important;
  }

  .form_telechargement_guide {
    flex-direction: column;
    align-items: flex-end;
  }

  .form_telechargement_guide .gform_body {
    width: 100%;
  }

  .form_telechargement_guide .gform_footer {
    width: 301px;
    padding-top: 20px !important;
  }

  .form_telechargement_guide_wrapper {
    margin-bottom: 11vw !important;
  }

  #header-outer #logo img,
  #header-outer .logo-spacing img {
    height: 62px;
  }

  #header-outer.small-nav #logo img,
  #header-outer.small-nav .logo-spacing img {
    height: 48px;
  }

  #top nav>ul>li>a,
  .pull-left-wrap>ul>li>a {
    font-size: 12px;
  }

  body #header-outer .logo-spacing {
    width: 361px;
  }

  body #header-outer[data-lhe="default"] #top nav>ul>li>a {
    padding-left: 5px;
    padding-right: 5px;
  }

  body #header-outer[data-full-width="true"] header>.container {
    padding: 0 20px 0 0;
  }

  body #header-outer[data-lhe="default"] #top nav>ul>li[class*="button_solid_color"]>a {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body #header-outer #top .left-aligned-ocm a {
    padding: 0.5vw 2vw;
    padding: 10px 26px;
  }

  .form_infolettre {
    padding-bottom: 56px;
  }

  body input[type="date"],
  body input[type="email"],
  body input[type="number"],
  body input[type="password"],
  body input[type="search"],
  body input[type="tel"],
  body input[type="text"],
  body input[type="url"] {
    height: 48px;
  }

  body select {
    height: 48px;
    padding: 7px 15px !important;
  }

  #a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {
    max-width: 120px;
  }

  body button[type="submit"],
  body input[type="button"],
  body input[type="submit"] {
    height: 48px;
  }

  .piscine_spa_informations .info .listes_photo {
    margin: 0 -7px 15px;
  }

  .piscine_spa_informations .info .listes_photo .liste {
    padding: 0 7px;
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
    width: calc(25% - 3px);
    padding-right: 6px;
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
    width: calc(100% - 25% + 3px);
  }

  #nous_trouver #wpsl-search-wrap .wpsl-input {
    margin-right: 30px;
  }

  #nous_trouver #wpsl-search-wrap #wpsl-results {
    padding-left: 16px;
  }

  #nous_trouver .wpsl-select-wrap {
    margin-right: 30px;
  }

  html body .wpsl-store-location {
    font-size: 18px;
  }

  .form_rendez_vous .gfield--type-appointment_calendar:before {
    left: unset;
    width: 14.2%;
    right: calc(395px + 49%);
  }

  .form_rendez_vous .gfield--type-appointment_calendar:after {
    right: unset;

    left: calc(395px + 48%);
    width: 19%;
    background-size: 100%;
  }

  body #header-outer.small-nav #top .left-aligned-ocm a {
    padding: 10px 20px;
  }

  .magasin_informations .wpsl-gmap-canvas {
    height: 394px;
  }
}

@media (max-width: 1400px) {

  #header-outer #logo img,
  #header-outer .logo-spacing img {
    height: 53px;
  }

  #header-outer.small-nav #logo img,
  #header-outer.small-nav .logo-spacing img {
    height: 50px;
  }

  body #header-outer.small-nav #logo {
    padding: 15px 26px;
  }

  body #top .slide-out-widget-area-toggle a span {
    width: 32px;
  }

  body #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) li {
    padding: 14px 4px;
  }

  body #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) li:first-child {
    padding-left: 7px;
  }

  body #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) li:last-child {
    padding-right: 7px;
  }

  body #header-outer .logo-spacing {
    width: 321px;
  }

  body #header-outer.transparent #top nav>ul>li[class*="button_solid_color"]>a:before,
  body #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before,
  body #top nav>ul>li[class*="button_solid_color"]>a:before {
    height: 28px;
  }
}

/*.product-template-default .full-width-content.vc_row-fluid .wpb_column .column-image-bg-wrap .column-image-bg
{
    background-size:contain;
    background-repeat: no-repeat;
}*/

@media (max-width:1440px)
{
    body #header-outer .logo-spacing 
    {
    width: 295px !important;
    }    
}

@media (max-width: 1330px) {
  body #top .span_9 nav .buttons .menu-item {
    position: relative;
    visibility: visible;
    pointer-events: initial;
  }

  body #header-outer #logo {
    padding: 15.8px 30.6px;
  }

  body #header-outer #top .left-aligned-ocm a {
    padding: 10px 26px;
  }

  body #slide-out-widget-area.fullscreen-inline-images .inner>.container {
    width: 100%;
  }

  body .container {
    width: calc(81.5vw + 40px);
  }
}

@media (max-width: 1300px) {

  .deux_col h3,
  body #slide-out-widget-area .inner .off-canvas-menu-container li a,
  .slider_testimonials .le_temoignage,
  .comment-author cite,
  #articles .autres_articles .un_post:first-child .infos h3,
  .filter_sidebar .un_filtre h3,
  html body .spontane_form .gform_wrapper .top_label .carriere_region .gfield_label,
  .carriere_region .carriere_region_content h4,
  body .les_accessoires .titre h3,
  body .les_accessoires .accessoire h3,
  .piscine_spa_informations .info h2,
  body:not(.woocommerce-cart) .main-content .listes_horaire td,
  html body h3,
  html body {
    font-size: 18px;
  }

  .articles .un_post .infos h3 {
    font-size: 18px;
  }

  .incitatif .texte .titre_incitatif,
  .incitatif.inscitatif_plus .texte .titre_incitatif {
    top: 2.7vw;
    left: 2.5vw;
  }

  .incitatif .texte>.vc_column-inner>.wpb_wrapper,
  .incitatif.inscitatif_plus .texte>.vc_column-inner>.wpb_wrapper {
    padding: 2.7vw 2.7vw 1.7vw;
  }

  .form_telechargement_guide_wrapper {
    padding-left: 1.7vw;
  }

  .wpb_row.moyen_pad_bottom>.span_12 {
    padding-bottom: 15vw;
  }

  #guide>.span_12 {
    /*background-size: 267px !important;*/
    background-position: 10% 100%;
  }

  /*
  #header-outer #logo img, #header-outer .logo-spacing img {
      height: 53px;
  }
  #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
      height: 50px;
  }
  body #header-outer.small-nav #logo {
      
      padding: 15px 26px;
  }
 body #top .slide-out-widget-area-toggle a span {
     width: 32px;
 }
 body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li {
     padding: 14px 5px;
     
 }
 body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li:first-child {
     padding-left: 7px;
   }

 body #header-outer[data-format=centered-menu] #top .span_9 .sf-menu:not(.buttons) li:last-child {
     padding-right: 7px;
   }
 body #header-outer .logo-spacing {

     width: 321px;
 }
 body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:before, body #top .slide-out-widget-area-toggle[data-custom-color=true] a:before, body #top nav>ul>li[class*=button_solid_color]>a:before {
     height: 28px;
 }
 */
  .form_infolettre {
    padding-bottom: 36px;
  }

  html body #footer-outer .row {
    padding: 53px 0;
  }

  #a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {
    margin-top: -108px;
    max-width: 100px;
  }

  .form_infolettre .gform_footer {
    width: 200px;
    padding-left: 15px !important;
  }

  .form_infolettre .gform_body {
    width: calc(100% - 200px);
  }

  html body.woocommerce ul.products[data-n-desktop-columns="4"] li.product,
  html body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"] li.product,
  .archive_piscine_spa .une_piscine {
    margin-bottom: 56px;
  }

  .slider_testimonials .swiper-button-next {
    left: calc(-50% - 54px);
  }

  .titre_image_texte .wpb_column:nth-child(1) {
    width: 25%;
    width: 32%;
  }

  .titre_image_texte .wpb_column:nth-child(2) {
    width: 33.33333%;
  }

  .titre_image_texte .wpb_column:nth-child(3) {
    width: 41.66667%;
    width: 34.66667%;
  }

  .single-service .form_service {
    padding-top: 7.5vw;
  }

  .les_accessoires .accessoire {
    padding: 0 10px;
    margin-bottom: 40px;
  }

  .les_accessoires {
    margin-right: -10px;
    margin-left: -10px;
  }

  .material .wpb_row.nos_services {
    margin-bottom: 80px;
  }

  .piscine_spa_informations .info .listes_photo .liste {
    width: 33.333%;
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
    width: calc(33.55% - 3px);
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
    width: calc(100% - 33.333% + 3px);
  }

  .carriere_region .region_un_post .wrap .tab {
    padding: 25px 20px 30px;
  }

  .carriere_region .region_un_post .wrap .content {
    padding: 0 20px;
  }

  .carriere_region .carriere_region_content .tri_emploi {
    padding-top: 20px;
    margin-bottom: 42px;
  }

  .carriere_region .region_un_post .wrap .tab .close_un_emploi svg {
    width: 30px !important;
    height: 17.5px !important;
  }

  .carriere_region .region_un_post .wrap .tab .close_un_emploi {
    top: 47px;
    right: 24px;
  }

  .video_pop .video h3 {
    font-size: clamp(18px, 2.45vw, 32px);
  }

  .video_pop .close {
    top: 25px;
    right: 30px;
  }

  .video_pop .video .bottom {
    padding-top: 60px;
  }

  #configurateur .sticky_sidebar {
    width: calc(55% - 30px);
  }

  #configurateur .vc_col-sm-7 {
    width: 45%;
  }

  #configurateur .vc_col-sm-5 {
    width: 55%;
  }

  .video_pop.popup_info {
    width: 53% !important;
  }

  .video_pop.popup_info .wrap {
    padding: 80px 55px;
  }

  .configurateur_piscine .gfield.titre,
  .configurateur_piscine .gfield.titre.margin_bottom_16 {
    margin-bottom: 0;
  }

  .gform_wrapper.gravity-theme .page_presentation_b .gfield {
    width: 100%;
  }

  .gform_wrapper.gravity-theme .page_presentation_b .gfield:not(.titre),
  .configurateur_piscine .gform_page .gfield {
    padding: 39px 18px 39px 34px !important;
  }

  .configurateur_piscine .gform_page .gfield.titre {
    padding-bottom: 0 !important;
  }

  html body .page_modeles h2,
  .configurateur_piscine .page_presentation_b .gfield.titre h2,
  .configurateur_piscine .gfield.form_tableau h2,
  .configurateur_piscine .last_page .gfield.titre_retrait h2,
  .gform_wrapper.gravity-theme .configurateur_piscine .gfield>.gfield_label {
    font-size: 27px;
  }

  .page_extende .gform_page_fields {
    margin-left: -126%;
  }

  .page_extende:after {
    width: 225%;
  }

  .page_form_tableau .tableau_configurateur .tableau_a .la_list {
    padding: 23px 20px;
  }

  .page_form_tableau .tableau_configurateur .plus {
    font-size: 108px;
  }

  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"]+label {
    padding: 17px 18px !important;
  }

  .gform_wrapper.gravity-theme .page_presentation_b .gfield.marg_left_50 {
    margin-left: 0;
  }

  .gform_wrapper.gravity-theme .page_presentation_b .gfield.marg_left_50:before {
    width: 100%;
  }

  .gform_wrapper.gravity-theme .page_presentation_b .gfield:not(.titre).creusee_form:not(.form_organique) {
    padding-bottom: 0 !important;
  }

  .configurateur_piscine .last_page .gfield.titre_retrait h2 {
    width: unset;
    position: relative;
    top: 0;
    left: 0;
  }

  .configurateur_piscine .last_page .gfield:not(.titre_retrait):after {
    display: none;
  }

  .configurateur_piscine .last_page .gfield:not(.titre_retrait) {
    background-color: rgba(48, 46, 97, 0.1) !important;
    padding: 39px 18px 39px 34px !important;
  }

  .configurateur_piscine .last_page .gform_page_fields {
    padding-left: 0;
  }

  .configurateur_piscine .last_page .gfield.titre_retrait {
    padding: 39px 18px 0 34px !important;
  }

  .filter_sidebar .ctas_tri .tri {
    margin-left: 0;
  }

  #nous_trouver #wpsl-gmap {
    height: 407px !important;
  }

  #nous_trouver #wpsl-search-btn {
    min-width: 175px;
  }

  #nous_trouver #wpsl-search-input {
    width: 250px;
  }

  html body .wpsl-store-location {
    font-size: 16px;
  }

  body #header-outer #top .left-aligned-ocm a {
    padding: 10px 27px;
  }

  body .titre_image_texte .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
    right: -44%;
    width: 72%;
  }

  .video_pop .video .bottom .popup_footer {
    padding: 0 7% 21px;
  }
}

@media (max-width: 999px) {

  html body #top #logo img,
  #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 48px !important;
  }

  html body #header-outer {
    padding: 0;
  }

  body #header-outer #top nav {
    display: flex !important;
    padding-top: 14px;
  }

  body #header-outer #top ul .slide-out-widget-area-toggle a .lines-button .lines {
    background-color: #302f63 !important;
  }

  html body .lines,
  body .lines:after,
  body .lines:before {
    height: 3px;
  }

  body #header-outer[data-format="centered-menu"] #top nav>.buttons {
    position: relative;
  }

  body #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) {
    display: none;
  }

  #slide-out-widget-area .container {
    flex-wrap: wrap;
  }

  #slide-out-widget-area .container .off-canvas-menu-container.col_1 {
    width: 60%;
    margin-bottom: 45px;
    padding-right: 15px;
  }

  #slide-out-widget-area .container .off-canvas-menu-container.col_2 {
    width: 40%;
    margin-bottom: 45px;
    padding-right: 15px;
  }

  #slide-out-widget-area .container .off-canvas-menu-container.col_3 {
    width: 100%;
    max-width: 437px;
  }

  #slide-out-widget-area .container .off-canvas-menu-container.col_3 .gform_wrapper {
    margin-bottom: 50px;
  }

  .wpb_row>.row-bg-wrap .row-bg {
    -webkit-border-top-left-radius: 7.3vw;
    -moz-border-radius-topleft: 7.3vw;
    -moz-border-radius-topright: 7.3vw;
    border-top-left-radius: 7.3vw;
    border-top-right-radius: 7.3vw;
  }

  .accueil_slider .slider_accueil .swiper-slide {
    min-height: 72vw;
  }

  .accueil_slider .slider_accueil .swiper-slide .text {
    padding: 155px 3vw 173px;
  }

  .incitatif .texte h2 {
    max-width: 65%;
  }

  .incitatif>.span_12>.column_container {
    min-height: 37.3vw;
  }

  .incitatif>.span_12>.column_container,
  .offres>.span_12>.column_container {
    min-height: 600px;
    min-height: 48.3vw;
    min-height: 80.6vw;
  }

  .incitatif.inscitatif_plus>.span_12>.column_container {
    min-height: unset;
  }

  html body .offres h2,
  html body .incitatif h2 {
    font-size: clamp(20px, 5.5vw, 48px);
  }

  html body h1,
  html body h2 {
    font-size: 34px;
    margin-bottom: 40px;
  }

  .incitatif.inscitatif_plus .texte h2 {
    font-size: clamp(26px, 6.7vw, 71px);
  }

  .incitatif.inscitatif_plus .texte .titre_incitatif {
    position: relative;
  }

  .incitatif .texte>.vc_column-inner>.wpb_wrapper,
  .incitatif.inscitatif_plus .texte>.vc_column-inner>.wpb_wrapper {
    padding: 3.7vw 4.7vw 1.7vw;
  }

  .incitatif .texte .titre_incitatif {
    top: 3.7vw;
    left: 3.7vw;
    right: 3.7vw;
    padding-bottom: 75px;
  }

  .incitatif.inscitatif_plus .texte .titre_incitatif {
    top: 0;
    left: 0;

    padding-bottom: 63px;
    padding-bottom: 6vw;
  }

  .inscitatif_plus .image {
    margin-top: -99px;
    margin-top: -10vw;
  }
  .inscitatif_plus.plus_gauche .image {
    
    margin-top: 10vw;
  }

  #guide>.span_12 {
    padding-left: 5%;
    padding-right: 5%;
  }

  h1 br,
  h2 br,
  h3 br,
  h4 br {
    /*display: none;*/
  }

  .offres .vc_column-inner h3 {
    font-size: clamp(24px, 3.67vw, 32px);
  }

  #nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions,
  #nous_trouver #wpsl-search-btn,
  body .nectar-button {
    font-size: clamp(13px, 1.4vw, 14px) !important;

    padding: 13px 21px !important;
  }

  #nous_trouver #wpsl-search-btn {
    margin-right: 0 !important;
    height: 49px;
  }

  #nous_trouver .wpsl-search-btn-wrap {
    padding-top: 22px;
    margin-right: 0;
    max-width: 175px;
  }

  body .nectar-button.has-icon {
    padding: 13px 26px 13px 21px !important;
  }

  .deux_col .deux_col_a {
    background: url(images/vague_turquoise.svg) repeat-x left bottom;
    margin-bottom: 54px !important;
    padding-bottom: 54px;
  }

  .deux_col_b>.vc_column-inner {
    padding-left: 0;
  }

  .deux_col_a>.vc_column-inner {
    padding-right: 11%;
  }

  #badges>.span_12 {
    max-width: 523px;
    margin: 0 auto;
  }

  #badges>.span_12>.column_container {
    padding: 0 5% 25px;
  }

  #reassurance>.span_12 {
    padding-bottom: 200px;
    max-width: 518px;
    margin: 0 auto;
    width: 100%;
  }

  #reassurance>.span_12>.wpb_column {
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    /*width: 50%;*/
  }

  body #badges.vc_row>.span_12 {
    justify-content: center;
  }

  body #footer-outer .row {
    flex-wrap: wrap;
  }

  body #footer-outer #copyright[data-layout="centered"] .col {
    padding-left: 0;
  }

  #articles .vc_col-sm-3 .img-with-aniamtion-wrap {
    position: relative;
  }

  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
    position: absolute;
    right: -48px;
    top: -136px;
  }

  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
    position: absolute;
    right: -48px;
    top: -102px;
    max-width: 180px;
  }

  .wpb_row>.span_12 {
    padding-top: 70px;
    padding-bottom: 228px;
  }

  .pad_top_plus.wpb_row>.span_12 {
    padding-top: 100px;
  }

  #a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {
    margin-right: -15%;
    margin-top: -88px;
    max-width: 100px;
  }

  .form_infolettre {
    padding-left: 5%;
    padding-right: 5%;
  }

  .form_infolettre .gform_footer {
    width: 155px;
  }

  .form_infolettre .gform_body {
    width: calc(100% - 155px);
  }

  .infolettre .titre_form {
    background-position: 74% bottom;
  }

  #trouver .icon .hover-wrap-inner {
    max-width: 22%;
    min-width: 65px;
  }

  html body.woocommerce.single-product ul.products[data-n-desktop-columns="4"] li.product,
  html body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"] li.product,
  .archive_piscine_spa .une_piscine {
    margin: 0 10px !important;
    margin-bottom: 48px !important;
  }

  html body.woocommercesingle-product ul.products[data-n-desktop-columns="4"],
  html body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"],
  .archive_piscine_spa {
    margin: 0 -10px !important;
  }

  .slider_testimonials .swiper-button-prev {
    left: 0;
  }

  .slider_testimonials .swiper-button-next {
    left: 69px;
  }

  .slider_testimonials {
    padding-bottom: 77px;
  }

  .slider_testimonials .swiper-wrapper {
    min-height: unset;
  }

  .horizontal_blue_line>.span_12 {
    padding-bottom: 9.6vw !important;
  }

  #articles .cta_mobile {
    display: inline-block;
    margin: 0 auto;
  }

  #articles .cta_desktop {
    display: none;
  }

  #articles .wpb_column:nth-child(2) {
    text-align: center;
    padding-bottom: 56px;
  }

  body #footer-widgets .container .col {
    margin-bottom: 0;
  }

  #footer-outer .col.footer_1 {
    padding-right: 2%;
  }

  #footer-outer .footer_2 {
    width: 40%;
  }

  #footer-outer .footer_2 .col {
    width: 100% !important;
    margin-right: 0;
  }

  #footer-outer .footer_3 {
    width: 26.66666%;
  }

  #footer-outer .footer_3 .col {
    width: 100% !important;
    margin-right: 0 !important;
  }

  #banner .wpb_column {
    width: 50%;
  }

  #banner .wpb_column:nth-child(1),
  #banner .wpb_column:nth-child(1) .vc_column-inner {
    min-height: unset !important;
  }

  #banner>.span_12 {
    min-height: 75vw;
    min-height: 67vw;
  }

  #banner .column_container:nth-child(2) .vc_column-inner {
    padding: 156px 55px 178px;
    padding: 156px 6% 178px;
  }

  .titre_image_texte .wpb_column:nth-child(1) {
    width: 100%;
  }

  .titre_image_texte .wpb_column:nth-child(2) {
    width: 45%;
  }

  .titre_image_texte .wpb_column:nth-child(3) {
    width: 55%;
  }

  body.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
  .archive_piscine_spa .une_piscine h3 {
    padding: 6px 5px 5px 2vw;
  }

  .piscine_spa_informations .col_1 {
    padding-right: 7%;
  }

  .piscine_spa_informations .col_2 {
    padding-left: 2%;
  }

  .piscine_spa_informations .info .listes_photo .titre {
    font-size: 12px;
  }

  html body .info {
    font-size: 16px;
  }

  .piscine_spa_informations .info .listes_2 .titre {
    width: 156px;
  }

  .piscine_spa_informations .info .listes_2 .description {
    width: calc(100% - 156px);
  }

  .back_cta {
    margin-bottom: 40px;
  }

  .slide_piscine {
    margin-bottom: 57px;
  }

  .carriere_info .deux_col_a .img-with-aniamtion-wrap .hover-wrap-inner {
    position: relative;
    max-width: 65%;
    margin-bottom: -101px;
  }

  .carriere_region .carriere_region_content .tab h3 {
    font-size: clamp(18px, 3vw, 30px);
    padding-right: 55px;
  }

  body #banner .title_single_prduct h1 {
    max-width: 90%;
    width: 100%;
  }

  body #banner h1 {
    font-size: clamp(30px, 3.3vw, 71px);
  }

  .video_pop .video h3 {
    font-size: 26px;
    margin-bottom: 35px;
  }

  .video_pop .video .bottom .choix {
    max-width: 600px;
  }

  .video_pop .video .bottom .choix .un_choix .wrap {
    padding: 30px 10px 50px;
  }

  .video_pop .video .bottom .choix .un_choix .wrap span {
    min-height: 82px;
    font-size: 20.42px;
  }

  .video_pop .video .bottom {
    padding-bottom: 105px;
    min-height: calc(100vh - 305px);
  }

  .video_pop .video .bottom .popup_footer {
    padding: 0 7% 26px;
  }

  .piscine_spa_informations .deux_col_b .info,
  .piscine_spa_informations .col_2 .info {
    padding-left: 0;
  }

  .deux_col .deux_col_a {
    padding-top: 0;
  }

  .deux_col .deux_col_b {
    padding-top: 18px;
  }

  .piscine_spa_informations.deux_col .deux_col_b {
    padding-top: 0;
  }

  .piscine_spa_informations .info .listes_photo .liste {
    width: 20%;
  }

  .piscine_spa_informations .info .listes_photo:not(.liste_detail) .liste>* {
    max-width: 110px;
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
    max-width: 116px;
  }

  body .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
    top: unset;
    right: -9%;
    bottom: 45px;
    max-width: 220px;
    width: 30%;
  }

  body .titre_image_texte .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
    right: -13%;
    max-width: 176px;
    display: none;
  }

  body .vc_row-fluid.titre_image_texte.first .wpb_column:first-child {
    margin-bottom: 45px;
  }

  .slide_piscine .swiper-button-next {
    right: 23px;
  }

  .slide_piscine .swiper-button-prev {
    right: 92px;
  }

  .slide_piscine .swiper-button-next,
  .slide_piscine .swiper-button-prev {
    bottom: 30px;
  }

  .gform_wrapper.gravity-theme .configurateur_piscine .gform_page_footer {
    padding-top: 50px;
  }

  #configurateur .vc_col-sm-7 {
    width: 100%;
    -webkit-border-top-left-radius: 7.3vw;
    -moz-border-radius-topleft: 7.3vw;
    -moz-border-radius-topright: 7.3vw;
    border-top-left-radius: 7.3vw;
    border-top-right-radius: 7.3vw;
    overflow: hidden;
    margin-top: -50px;
    background: #68c3cd;
  }

  #configurateur .vc_col-sm-5 {
    width: 100%;
  }

  #configurateur .sticky_sidebar {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  #photo_spa>div,
  #builder #poolContainer {
    height: 116vw !important;
    min-height: unset;
  }

  #configurateur>.span_12 {
    padding: 0 0 0 0;
  }

  #configurateur .configurateur_form_side>.vc_column-inner {
    padding-top: 22px;
    padding-left: 38px;
    padding-right: 38px;
  }

  .configurateur_hors_terre #builder {
    margin-top: -205px;
    margin-bottom: 0;
  }

  .video_pop.popup_info {
    width: 100% !important;
  }

  #configurateur .titre_retour {
    margin-bottom: 20px;
  }

  .gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {
    width: 45px;
  }

  .page_extende .gform_page_fields {
    margin-left: 0;
  }

  .page_extende:after {
    width: 100%;
  }

  .configurateur_piscine .image-choices-field div.gfield_radio .image-choices-choice {
    width: 18%;
    margin-right: 2% !important;
  }

  .page_form_tableau .tableau_configurateur {
    flex-direction: column;
  }

  .page_form_tableau .tableau_configurateur .tableau_a {
    width: 100%;
  }

  .page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list {
    width: 33.333%;
  }

  .page_form_tableau .tableau_configurateur .tableau_a .la_list {
    display: flex;
    flex-wrap: wrap;
  }

  .page_form_tableau .tableau_configurateur .plus {
    font-size: 108px;
    width: 100%;
    line-height: 1;
    margin-bottom: 15px;
  }

  html body .tableau_b {
    font-size: 16px;
  }

  .page_form_tableau .tableau_configurateur .tableau_b {
    width: 100%;
  }

  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) legend {
    width: 24%;
  }

  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .ginput_container {
    width: 76%;
  }

  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_description {
    width: 38%;
  }

  html body .row .titre_image_texte h3 {
    font-size: clamp(21px, 3vw, 32px);
  }

  .annonce .texte>.vc_column-inner>.wpb_wrapper {
    padding: 5.8vw 20px 20px 5.9vw;
    min-height: unset !important;
  }

  .annonce .image>.vc_column-inner {
    padding-right: 25px;
    margin-left: 0;
    padding-left: 25px;
    padding-bottom: 25px;
  }

  body .annonce h2 {
    font-size: clamp(30px, 4.9vw, 71px);
  }

  .gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {
    left: 0;
    position: relative;
    bottom: unset;
    float: left;
  }

  .liste_articles .filter_sidebar {
    padding-right: 0;
    width: 100%;
  }

  .liste_articles .les_articles {
    width: 100%;
  }

  .liste_articles {
    flex-direction: column;
  }

  .filter_sidebar .tri_par_date {
    margin-bottom: 40px;
  }

  .filter_sidebar .ctas_tri .tri {
    margin-left: 20px;
  }

  .filter_sidebar .un_filtre .niveau_1 {
    display: flex;
    flex-wrap: wrap;
  }

  .liste_articles .les_articles {
    margin-left: -15px;
    margin-right: -15px;
    width: unset;
  }

  .filter_sidebar .un_filtre .checkbox {
    padding-right: 25px;
    margin-bottom: 15px;
  }

  #filter_blog {
    margin-bottom: 45px;
  }

  .magasin_informations .col_1 {
    padding-left: 1% !important;
    padding-right: 1% !important;
    background: unset;
    width: 100%;
  }

  .magasin_informations .col_2 {
    padding-left: 1% !important;
    padding-right: 1% !important;
    width: 100%;
  }

  .magasin_informations .col_2 .wpb_content_element {
    width: 50%;
    float: left;
    padding-left: 0;
  }

  .magasin_informations .col_2 .coordonneew {
    padding-right: 5%;
  }

  .magasin_informations .col_2 .produits_offres {
    width: 50%;
  }

  #nous_trouver #wpsl-wrap #wpsl-result-list ul li {
    width: 50%;
  }

  html body .wpsl-store-location {
    font-size: 21px;
  }

  .page-template-page-confirmation #configurateur .vc_col-sm-5 {
    min-height: 71vw;
  }

  body .page_merci h1 {
    font-size: clamp(29px, 5.7vw, 71px);
    margin-bottom: 8vw !important;
  }

  body .page_merci .wpb_content_element.merci_box {
    margin: 0 25px 10vw;
  }

  body .page_merci .wpb_content_element.merci_rabais h2 {
    font-size: clamp(24px, 3.4vw, 32px);
  }

  body #header-outer .slide-out-widget-area-toggle .lines,
  body #header-outer .slide-out-widget-area-toggle .lines-button,
  body #header-outer .slide-out-widget-area-toggle .lines:after,
  body #header-outer .slide-out-widget-area-toggle .lines:before {
    width: 50px;
  }

  .page_confirmation .column_container .vc_column-inner {
    min-height: unset !important;
  }

  .page_confirmation .column_container:nth-child(2) .vc_column-inner {
    padding: 80px 55px 45px;
    justify-content: flex-start;
  }

  .page_confirmation .wpb_column:first-child,
  .img_bg_pinguin {
    min-height: 77vw !important;
  }

  .full-width-content.vc_row-fluid .wpb_column.img_bg_pinguin .column-image-bg-wrap .column-image-bg {
    background-size: 54%;
  }

  body #header-outer.lighten-logo.transparent #top #logo:not([data-supplied-ml="true"]) img:not(.stnd) {
    opacity: 1 !important;
  }

  .devenir_detaillant .deux_col_a img.img-with-animation {
    margin-bottom: -95px !important;
    max-width: 200px;
  }

  .comment-respond .row {
    padding-bottom: 0;
  }

  .form_rendez_vous .gfield--type-appointment_calendar:before,
  .form_rendez_vous .gfield--type-appointment_calendar:after {
    display: none;
  }

  html body.material[data-button-style^="rounded"] .nectar-button.small i.icon-button-arrow {
    font-size: clamp(18px, 2.1vw, 25px);
  }

  #nous_trouver #wpsl-search-wrap .wpsl-input {
    max-width: 602px;
    width: 100%;
    margin-right: 0;
  }

  #nous_trouver .wpsl-select-wrap {
    max-width: 405px;
    width: calc(100% - 195px - 3%);
    margin-right: 3%;
  }

  #nous_trouver #wpsl-search-input {
    width: 100%;
  }

  #nous_trouver .wpsl-search {
    margin-bottom: 24px;
  }

  #wpsl-search-wrap div {
    width: 50%;
  }

  #nous_trouver .wpsl-dropdown {
    width: 100%;
  }

  .form_telechargement_guide_wrapper {
    margin-bottom: 6vw !important;
  }

  #guide>.span_12 {
    background-size: 218px !important;
    background-position: 0% 100%;
  }

  body #header-outer.scrolled-down #logo .logo_icon {
    display: block !important;
  }

  body #header-outer.scrolled-down #logo .stnd {
    display: none !important;
  }

  .configurateur_piscine .last_page .gfield:not(.titre_retrait) {
    background-color: rgba(48, 46, 97, 0.1) !important;
  }

  .configurateur_piscine .last_page .gfield.no_padding_right:not(.titre_retrait):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4.2%;
    right: -4.2%;
    background-color: rgba(48, 46, 97, 0.1) !important;
    z-index: 0;
  }

  .magasin_informations .map_adresse .col_2>div {
    width: 100%;
    background: url(images/vague_turquoise.svg) repeat-x left bottom;
  }

  .video_pop .video .top {
    padding-bottom: 50px;
    padding-top: 120px;
    min-height: 305px;
  }
  .magasin_informations.wpb_row {
    margin-top: 0;
  }
 .magasin_informations .col_1>div {
      padding-top: 0;
    }
    #mobile-cart-link {
      display: none !important;
    }
}

@media (max-width: 767px) {

  .woocommerce div.product .content_single_product .right_single_product .single_product_cta {
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .form_infolettre {
    padding-left: 2%;
    padding-right: 2%;
  }

  .accueil_slider .slider_accueil .swiper-slide {
    min-height: unset;

    flex-direction: column;
  }

  .accueil_slider .slider_accueil .swiper-slide .video,
  .accueil_slider .slider_accueil .swiper-slide .image {
    width: 100%;
    padding-top: 100%;
    background-position: 74% 0;
  }

  .accueil_slider .slider_accueil .swiper-slide .text {
    padding: 60px 7vw 210px;
    width: 100%;
  }

  .accueil_slider .slider_accueil .swiper-slide .text .titre {
    font-size: clamp(29px, 8.7vw, 71px);
    font-size: clamp(27px, 6.7vw, 71px);
  }

  .accueil_slider .slider_accueil .swiper-slide .text .sous-titre {
    font-size: clamp(24px, 6.3vw, 48px);
  }

  .accueil_slider .slider_accueil .swiper-slide .text .descip {
    max-width: 400px;
  }

  .slider_accueil .swiper-button-next,
  .slider_accueil .swiper-button-prev {
    top: calc(94vw - 25px);
    width: 49px;
    height: 49px;
  }

  .slider_accueil .swiper-button-next {
    right: 27px;
  }

  .slider_accueil .swiper-button-prev {
    right: 94px;
  }

  .slider_accueil .swiper-button-next svg,
  .slider_accueil .swiper-button-prev svg {
    width: 24px;
  }

  #banner .wpb_column {
    width: 100%;
  }

  #banner .wpb_column:nth-child(1) .vc_column-inner {
    padding-top: 100%;
  }

  .container-wrap .main-content #banner .column-image-bg-wrap[data-bg-pos="center center"] .column-image-bg {
    background-position: 50% 43px;
  }

  #banner .column_container:nth-child(2) .vc_column-inner {
    padding: 56px 9% 192px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  body #banner .title_single_prduct h1 {
    max-width: 66%;
    width: 100%;
  }

  body #banner h1 {
    font-size: clamp(28px, 8.7vw, 71px);
    font-size: clamp(28px, 6.5vw, 51px);
  }

  .les_accessoires .accessoire {
    width: 50%;
    padding: 0 15px;
  }

  .les_accessoires {
    margin-right: -15px;
    margin-left: -15px;
  }

  .piscine_spa_informations .col_1 {
    padding-right: 0;
    width: 100%;
    background: url(images/vague_turquoise.svg) repeat-x left bottom;
    margin-bottom: 45px;
    padding-bottom: 45px;
    padding-top: 0;
  }

  .piscine_spa_informations .col_2 {
    padding-left: 1%;
    width: 100%;
    padding-right: 1%;
    padding-top: 10px;
  }

  .piscine_spa_informations .info .listes_photo .liste {
    width: 20%;
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
    width: calc(20% - 3px);
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
    width: calc(100% - 20% + 3px);
  }

  .piscine_spa_informations .col_2 .info {
    padding-left: 0;
  }

  .piscine_spa_informations .info .listes_photo .titre {
    font-size: 14px;
  }

  .woocommerce div.product .content_single_product {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: initial;
  }

  .woocommerce div.product .content_single_product .left_single_product {
    width: 100%;
  }

  .woocommerce div.product .content_single_product .right_single_product {
    width: 100%;
  }

  html body.woocommerce.single-product ul.products[data-n-desktop-columns="4"],
  html body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"],
  .archive_piscine_spa {
    margin-left: -10px;
    margin-right: -10px;
  }

  html body.woocommerce.single-product ul.products[data-n-desktop-columns="4"] li.product,
  html body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"] li.product,
  .archive_piscine_spa .une_piscine {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  body #footer-outer #copyright[data-layout="centered"] .col:last-child,
  body #footer-outer #copyright[data-layout="centered"] .col {
    text-align: center;
    width: 100%;
  }

  .video_pop .video .top {
    padding-top: 88px;
  }

  .magasin_informations .col_2 .coordonneew {
    padding-right: 0;
  }

  .magasin_informations .col_2 .wpb_content_element {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0 !important;
  }

  html body .wpsl-store-location {
    font-size: 16px;
  }

  body .page_merci .wpb_content_element.merci_box:before {
    top: -32px;
  }

  .sociaux_navigation .navigation {
    position: relative;
    margin-top: 25px;
  }

  body #gappointments_calendar_slots .slot_small label.time_slot div {
    padding: 20px 0;
  }

  #guide>.span_12 {
    background-size: 190px !important;
  }

  .page-template-page-confirmation #configurateur .vc_col-sm-5 {
    min-height: 95vw;
  }

  .gform_wrapper.gravity-theme .description,
  .gform_wrapper.gravity-theme .gfield_description,
  .gform_wrapper.gravity-theme .gsection_description,
  .gform_wrapper.gravity-theme .instruction {
    font-size: 13px;
  }

  .magasin_informations .col_2 .produits_offres {
    width: 100%;
  }

  #wpsl-base-gmap_0 {
    height: 325px;
  }
}

@media (max-width: 690px) {
  body #slide-out-widget-area.fullscreen-inline-images .inner .off-canvas-menu-container li a {
    font-size: 16px;
  }

  .deux_col h3,
  body #slide-out-widget-area .inner .off-canvas-menu-container li a,
  .slider_testimonials .le_temoignage,
  .comment-author cite,
  .filter_sidebar .un_filtre h3,
  html body .spontane_form .gform_wrapper .top_label .carriere_region .gfield_label,
  .carriere_region .carriere_region_content h4,
  body .les_accessoires .titre h3,
  body .les_accessoires .accessoire h3,
  .piscine_spa_informations .info h2,
  body:not(.woocommerce-cart) .main-content .listes_horaire td,
  html body h3,
  html body {
    font-size: 16px;
  }

  body #slide-out-widget-area.fullscreen-inline-images .inner>.container {
    width: 100%;
  }

  body #slide-out-widget-area .inner .off-canvas-menu-container li.accent a {
    font-size: 18px;
  }

  #slide-out-widget-area .container .off-canvas-menu-container.col_3 {
    max-width: 350px;
  }

  body .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
    line-height: 1.2;
  }

  #guide>.span_12 {
    background-size: 267px !important;
    background-size: 47.8% !important;
    background-size: 37.8% !important;
    background-size: 205px !important;
  }

  html body h1,
  html body h2 {
    font-size: 26px;
    margin-bottom: 30px;
  }

  html body .hanley_pro_h2 h2 {
    font-size: 32px;
  }

  #guide h3 {
    font-size: 24px;
  }

  body input[type="date"],
  body input[type="email"],
  body input[type="number"],
  body input[type="password"],
  body input[type="search"],
  body input[type="tel"],
  body input[type="text"],
  body input[type="url"] {
    height: 40px;
    padding: 8px 15px !important;
  }

  body textarea {
    padding: 8px 15px !important;
  }

  body select {
    height: 40px;
    padding: 7px 15px !important;
  }

  .pad_top_plus.wpb_row>.span_12 {
    padding-top: 75px;
  }

  .wpb_row>.span_12 {
    padding-top: 50px;
    padding-bottom: 248px;
  }

  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
    position: absolute;
    right: -10vw;
    top: -19vw;
    max-width: 238px;
    width: 44%;
  }

  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
    position: absolute;
    right: -3vw;
    top: -12vw;
    max-width: 220px;
    width: 27%;
  }

  #badges>.span_12 {
    max-width: 425px;
  }

  body button[type="submit"],
  body input[type="button"],
  body input[type="submit"] {
    height: 40px;
  }

  html body[data-button-style="rounded"] .container-wrap button[type="submit"],
  html body[data-button-style="rounded"] .container-wrap input[type="submit"] {
    padding: 8px 23px !important;
  }

  .infolettre .titre_form {
    padding-bottom: 62px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .form_infolettre .gform_footer {
    width: 100%;
    max-width: 350px;
    margin: 0 auto !important;
  }

  .form_infolettre .gform_body {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
  }

  .form_infolettre {
    flex-direction: column;
  }

  html body .gform_wrapper .form_infolettre .top_label .gfield_label {
    margin-top: 4px;
  }

  .gform_wrapper.gravity-theme .form_infolettre .gfield.gfield--width-half {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }

  body #footer-outer #footer-widgets .container .footer_1 {
    padding-right: 0;
    width: 100% !important;
    text-align: center;
    margin-bottom: 45px;
  }

  body #footer-outer #footer-widgets .container .footer_1 img {
    max-width: 281px;
    width: 72%;
  }

  html body #footer-outer .row {
    padding: 26px 0;
  }

  body #footer-outer #copyright[data-layout="centered"] .col {
    text-align: center !important;
    width: 100% !important;
    padding-right: 0;
    float: none;
  }

  .articles .un_post .infos h3 {
    font-size: 16px;
  }

  .articles .un_post:first-child .infos h3 {
    font-size: 20px;
  }

  .articles .un_post .infos {
    padding: 12px 7px;
  }

  .infolettre .titre_form {
    background-position: 83% bottom;
  }

  body #header-outer[data-full-width="true"] header>.container {
    padding: 0 9px 0 0;
  }

  #top nav>ul>li>a,
  .pull-left-wrap>ul>li>a {
    font-size: 11px;
  }

  html body.woocommerce.single-product ul.products[data-n-desktop-columns="4"] li.product,
  html body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"] li.product,
  .archive_piscine_spa .une_piscine {
    width: calc(50% - 20px) !important;
  }

  body.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
  .archive_piscine_spa .une_piscine h3 {
    font-size: clamp(13px, 2.3vw, 32px);
    padding: 6px 5px 7px 5vw;
  }

  #badges>.span_12>.column_container {
    width: calc(50% - 20px);
  }

  .offres.offres_a>.span_12>.column_container:nth-child(2),
  .offres.offres_b>.span_12>.column_container:nth-child(1) {
    min-height: 556.13px;
  }

  .offres.wpb_row.offres_a .column_container:nth-child(2) .vc_column-inner {
    background-color: #302f63;
  }

  .offres.wpb_row.offres_b .column_container:nth-child(1) .vc_column-inner {
    background-color: #ea504c;
  }

  .offres.wpb_row.offres_a .column_container:nth-child(2) .vc_column-inner>.column-image-bg-wrap,
  .offres.wpb_row.offres_b .column_container:nth-child(1) .vc_column-inner>.column-image-bg-wrap {
    z-index: 1;
  }

  .offres.wpb_row.offres_a .column_container:nth-child(2) .vc_column-inner>div:not(.column-image-bg-wrap),
  .offres.wpb_row.offres_b .column_container:nth-child(1) .vc_column-inner>div:not(.column-image-bg-wrap) {
    position: relative;
    z-index: 2;
  }

  .offres.wpb_row.offres_a .column_container:nth-child(2) .column-image-bg-wrap,
  .offres.wpb_row.offres_b .column_container:nth-child(1) .column-image-bg-wrap {
    padding-top: 98%;
    height: unset !important;
  }

  .offres.wpb_row.offres_b .column_container:nth-child(1) .column-image-bg-wrap .column-image-bg {
    background-size: 631px;
    background-repeat: no-repeat;
    background-position: 79% top;
  }

  .offres.wpb_row.offres_a .column_container:nth-child(2) .column-image-bg-wrap .column-image-bg {
    background-size: 519px;
    background-repeat: no-repeat;
    background-position: 79% top;
  }

  .form_infolettre .gform_footer {
    width: 100%;
    max-width: 350px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body[data-form-submit="regular"] .form_infolettre input[type="submit"] {
    width: 100%;
    max-width: unset;
  }

  #footer-outer .footer_3,
  #footer-outer .footer_2 {
    width: 49%;
  }

  #footer-outer .footer_3 .col:first-child,
  #footer-outer .footer_2 .col:first-child {
    margin-bottom: 25px;
  }

  .slider_testimonials .swiper-button-next,
  .slider_testimonials .swiper-button-prev {
    width: 45px;
    height: 45px;
    bottom: -8px;
  }

  .slider_testimonials .swiper-button-next svg,
  .slider_testimonials .swiper-button-prev svg {
    width: 22px;
  }

  .slider_testimonials .swiper-button-next {
    left: 59px;
  }

  #trouver {
    text-align: center;
  }

  #trouver .img-with-animation {
    display: inline-block;
  }

  #trouver>.span_12 {
    padding-left: 0;
    padding-right: 0;
    max-width: 450px;
    margin: 0 auto !important;
  }

  #trouver .icon .hover-wrap-inner {
    display: inline-block;
  }

  #guide h2 br {
    display: none;
  }

  html body.material[data-button-style^="rounded"] .nectar-button.small i.icon-button-arrow {
    font-size: 20px;
  }

  html body.material .nectar-button.has-icon.small:not([class*="see-through"]) i {
    transform: translateY(-50%) translateX(14px);
  }

  #footer-outer .col.footer_1 .logo_desktop {
    display: none;
  }

  #footer-outer .col.footer_1 .logo_mobile {
    display: inline-block;
  }

  .material .wpb_row.nos_services {
    margin-bottom: 60px;
  }

  .piscine_spa_informations .info .listes_photo .titre {
    font-size: 12px;
  }

  .slider_testimonials {
    padding-bottom: 68px;
  }

  .horizontal_blue_line>.span_12 {
    padding-bottom: 65px !important;
  }

  body .carriere_region h3 {
    font-size: 28px;
  }

  .carriere_region .region_un_post .wrap .tab {
    padding: 20px 15px 25px;
  }

  .carriere_region .region_un_post .wrap .content {
    padding: 0 15px;
  }

  .carriere_region .region_un_post .wrap .tab .close_un_emploi {
    position: absolute;
    top: 33px;
    right: 13px;
  }

  .carriere_region .region_un_post .wrap .tab .close_un_emploi svg {
    width: 25px !important;
    height: auto !important;
  }

  .carriere_region .carriere_region_content .sociaux_wrap {
    margin-bottom: 35px;
  }

  .video_pop .close {
    /* border: 1px solid #fff; */
    width: 40px;
    height: 40px;
  }

  .video_pop .close svg {
    width: 16px;
    height: auto;
  }

  .video_pop .video .bottom .choix {
    max-width: 400px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .video_pop .video .bottom .choix .un_choix {
    width: 50%;
    padding: 0 15px 10px;
  }

  .deux_col .deux_col_a {
    margin-bottom: 0px !important;
    padding-bottom: 54px !important;
    padding-top: 50px;
  }

  .piscine_spa_informations.deux_col .deux_col_a {
    padding-top: 0;
  }

  .deux_col .deux_col_b {
    padding-bottom: 50px !important;
    padding-top: 50px;
  }

  body .divider-wrap .divider-border {
    margin: 44px 0 !important;
  }

  body .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner .img_absolut {
    display: none !important;
  }

  .material .wpb_row.titre_image_texte.first {
    margin-top: 70px !important;
  }

  .piscine_spa_informations.deux_col .deux_col_b {
    padding-top: 45px;
  }

  .slide_piscine .swiper-button-next {
    right: 23px;
  }

  .slide_piscine .swiper-button-prev {
    right: 82px;
  }

  .slide_piscine .swiper-button-next,
  .slide_piscine .swiper-button-prev {
    width: 45px;
    height: 45px;
  }

  .slide_piscine .swiper-button-next svg,
  .slide_piscine .swiper-button-prev svg {
    width: 22px;
    height: auto;
  }

  .configurateur_hors_terre #builder {
    margin-top: -146px;
    margin-bottom: -0px;
  }

  .video_pop.popup_info .wrap {
    padding: 80px 35px;
  }

  #configurateur .titre_retour svg {
    width: 35px;
    height: auto;
  }

  .configurateur_piscine .image-choices-field div.gfield_radio .image-choices-choice {
    width: 23%;
    margin-right: 2% !important;
  }

  html body .tableau_b {
    font-size: 14px;
  }

  .page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list {
    width: 50%;
    padding-right: 10px;
  }

  #reassurance>.span_12 {
    padding-bottom: 200px;
    max-width: 408px;
  }

  #reassurance.petit_pad_bottom>.span_12 {
    padding-bottom: 122px;
  }

  .page_confirmation .column_container:nth-child(2) .vc_column-inner {
    padding: 80px 40px 45px;
  }

  body #gappointments_calendar_slots .slot_small label.time_slot div {
    padding: 16px 0;
  }

  .video_pop .video .top {
    padding-bottom: 34px;

    min-height: 279px;
  }

  .video_pop .video .bottom {
    min-height: calc(100vh - 279px);
  }
}

@media (max-width: 640px) {
  body .gform_wrapper .top_label .gfield_label {
    margin-top: 12px;
  }

  .configurateur_piscine .last_page .gfield.no_padding_right:not(.titre_retrait) {
    padding-right: 18px !important;
  }

  body .gform_wrapper.gravity-theme .ginput_container_address span {
    /*
      padding-right: 0%;*/
  }

  .gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield>.gfield_description,
  .gform_wrapper.gravity-theme .configurateur_piscine .last_page .gfield>.ginput_container {
    width: auto;
  }

  .configurateur_piscine .last_page .gfield:not(.titre_retrait).less_pad_bottom {
    padding-bottom: 11px !important;
  }

  .configurateur_piscine .last_page .gfield:not(.titre_retrait) {
    padding: 20px 18px 20px 18px !important;
  }

  .configurateur_piscine .last_page .gfield.titre_retrait {
    padding: 39px 18px 0 18px !important;
  }

  .configurateur_piscine .last_page .gfield.no_padding_right:not(.titre_retrait):after {
    display: none;
  }
}

@media (max-width: 600px) {
  .articles>.un_post:first-child .wrap {
    flex-direction: column;
  }

  .articles>.un_post:first-child .photo {
    width: 100%;
    margin-right: 0;
  }

  .articles>.un_post:first-child .infos {
    width: 100%;
    margin-left: 0;
    padding-top: 20px;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 35px;
    background: unset;
  }

  .articles>.un_post:first-child .infos h3 {
    font-size: 24px;
  }

  .slider_post.swiper {
    width: 90%;
    margin-bottom: 25px;
  }

  .slider_post .swiper-pagination {
    display: block;
    width: auto;
    margin-right: -11%;
  }

  .offres .vc_column-inner {
    padding: 5.85vw;
  }

  .incitatif>.span_12>.column_container {
    min-height: 300px;
    min-height: 80.6vw;
  }

  .offres>.span_12>.column_container {
    min-height: 300px;
    min-height: 96.6vw;
  }

  body.material #header-outer:not([data-format="left-header"]) #top nav>.buttons>li.menu-item {
    display: none;
  }

  body.material #header-outer:not([data-format="left-header"]).side-widget-open #top nav>.buttons>li.menu-item:first-child {
    display: block;
  }

  #header-outer[data-transparent-header="true"].side-widget-open #top #logo img.stnd {
    display: none;
  }

  body #header-outer.lighten-logo.transparent #top #logo:not([data-supplied-ml="true"]) img:not(.stnd) {
    display: block !important;
    opacity: 1 !important;
  }

  .piscine_spa_informations .info .listes_photo .liste {
    width: 25%;
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
    width: calc(25% - 3px);
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
    width: calc(100% - 25% + 3px);
  }

  .carriere_info .deux_col_a .img-with-aniamtion-wrap .hover-wrap-inner {
    max-width: 294px;
  }

  .carriere_region .carriere_region_content .sociaux_wrap .titre,
  .carriere_region .carriere_region_content .tri_emploi .titre {
    margin-bottom: 11px;
  }

  .carriere_region .carriere_region_content .sociaux_wrap,
  .carriere_region .carriere_region_content .tri_emploi {
    flex-direction: column;
  }

  .carriere_region .carriere_region_content .tri_emploi .taxonomies .choix {
    display: block;
    padding-left: 0;
  }

  /*.articles .un_post {
    padding-left: 0;
    padding-right: 0;
  }*/
  .liste_articles .les_articles {
    margin-left: 0;
    margin-right: 0;
  }

  .magasin_informations .col_2 .wpb_content_element {
    padding-left: 0;
    padding-right: 0 !important;
  }

  #nous_trouver #wpsl-wrap #wpsl-result-list ul li {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  html body .wpsl-store-location {
    font-size: 18px;
  }

  #nous_trouver .wpsl-store-below #wpsl-stores>ul {
    margin-left: 0;
    margin-right: 0;
  }

  body #slide-out-widget-area .inner .off-canvas-menu-container li.lien_mobile {
    display: list-item !important;
  }

  #nous_trouver .wpsl-select-wrap {
    max-width: unset;
    width: 100%;
    margin-right: 0;
  }

  .articles .un_post .infos .date {
    font-size: 13px;
  }

  #articles .autres_articles .un_post:first-child .infos h3 {
    font-size: 21px;
  }
}

@media (max-width: 500px) {

  .articles .un_post,
  #articles .blog-recent .col {
    margin-bottom: 37px;

    margin-right: 0;

    width: 100%;
  }

  .articles.autres_articles .un_post:first-child {
    width: 100%;
  }

  .articles .un_post .infos h3 {
    font-size: 19px;
  }

  #articles .vc_col-sm-3 .img-with-aniamtion-wrap .hover-wrap-inner {
    display: none;
  }

  .titre_image_texte .wpb_column:nth-child(2) {
    width: 100%;
  }

  .titre_image_texte .wpb_column:nth-child(3) {
    width: 100%;
  }

  html body .row .titre_image_texte h3 {
    font-size: clamp(21px, 4.5vw, 32px);
  }
}

@media (max-width: 479px) {

  .deux_col h3,
  body #slide-out-widget-area .inner .off-canvas-menu-container li a,
  .slider_testimonials .le_temoignage,
  .comment-author cite,
  #articles .autres_articles .un_post:first-child .infos h3,
  .filter_sidebar .un_filtre h3,
  html body .spontane_form .gform_wrapper .top_label .carriere_region .gfield_label,
  .carriere_region .carriere_region_content h4,
  body .les_accessoires .titre h3,
  body .les_accessoires .accessoire h3,
  .piscine_spa_informations .info h2,
  body:not(.woocommerce-cart) .main-content .listes_horaire td,
  html body h3,
  html body {
    font-size: 17px;
  }

  .slider_testimonials .le_temoignage {
    font-size: 17px !important;
  }

  .piscine_spa_informations .info h2,
  #articles .autres_articles .un_post:first-child .infos h3,
  .deux_col h3 {
    font-size: 19px;
  }

  body #slide-out-widget-area .inner .off-canvas-menu-container.col_2 li {
    margin-bottom: 15px;
  }

  #slide-out-widget-area .container .off-canvas-menu-container.col_2,
  #slide-out-widget-area .container .off-canvas-menu-container.col_1 {
    width: 100%;
    margin-bottom: 35px;
    padding-left: 5%;
    padding-right: 5%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }

  #slide-out-widget-area.open .container .off-canvas-menu-container.col_2,
  #slide-out-widget-area.open .container .off-canvas-menu-container.col_1 {
    transition-delay: 0.8s;

    opacity: 1;
  }

  #slide-out-widget-area .container .off-canvas-menu-container.col_2 .menu-wrap,
  #slide-out-widget-area .container .off-canvas-menu-container.col_1 .menu-wrap {
    padding-bottom: 35px;
    background: url(images/vague_turquoise.svg) repeat-x left bottom;
    padding-left: 10%;
    padding-right: 10%;
  }

  body #slide-out-widget-area .inner .off-canvas-menu-container li.accent a {
    font-size: 24px;
    max-width: calc(100% - 27px);
  }

  html body h1,
  html body h2 {
    font-size: 25px;
  }

  html body .hanley_pro_h2 h2 {
    font-size: 30px;
  }

  #guide>.span_12 {
    padding-left: 0;
    padding-right: 0;
  }

  html body .gform_wrapper .top_label .gfield_label {
    font-size: 12px;
    margin-top: 5px;
  }

  .pad_top_plus.wpb_row>.span_12 {
    padding-top: 53px;
  }

  .wpb_row>.span_12 {
    padding-top: 40px;
    padding-bottom: 248px;
  }

  #a_propos .deux_col_a .img-with-aniamtion-wrap .img-with-animation {
    margin-right: -10%;
    margin-top: -81px;
    max-width: 81px;
    display: none;
  }

  .deux_col_a>.vc_column-inner {
    padding-right: 5%;
  }

  .slider_accueil .swiper-button-next,
  .slider_accueil .swiper-button-prev {
    top: calc(97vw - 16px);
    top: calc(127vw - 16px);
    top: calc(107vw - 16px);
    width: 32px;
    height: 32px;
  }

  .slider_accueil .swiper-button-next svg,
  .slider_accueil .swiper-button-prev svg {
    width: 16px;
  }

  .slider_accueil .swiper-button-prev {
    right: 69px;
  }

  html body #top #logo img,
  #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 53px !important;
  }

  body #header-outer #logo {
    padding: 12.8px 24.6px;
  }

  html body.woocommerce:not(.single-product).archive.tax-product_cat ul.products[data-n-desktop-columns="4"],
  .archive_piscine_spa {
    margin: 0 -6px !important;
  }

  html body.woocommerce:not(.single-product).archive.tax-product_cat ul.products[data-n-desktop-columns="4"] li.product,
  .archive_piscine_spa .une_piscine {
    padding: 0 0;
    margin-bottom: 24px !important;
  }

  #guide>.span_12 {
    background-size: 189px !important;
  }

  .articles .un_post .infos h3 {
    font-size: 17px;
  }

  #slide-out-widget-area .gform_wrapper {
    display: none;
  }

  .offres.wpb_row.offres_a .column_container:nth-child(2) .column-image-bg-wrap,
  .offres.wpb_row.offres_b .column_container:nth-child(1) .column-image-bg-wrap {
    padding-top: unset;
    height: 384px !important;
  }

  body #slide-out-widget-area.fullscreen-inline-images .inner {
    padding: 84px 0 17px;
    padding: 44px 0 17px;
  }

  #slide-out-widget-area .container .off-canvas-menu-container.col_3 {
    max-width: unset;
  }

  #slide-out-widget-area.open .wrap_sociaux {
    padding-left: 10% !important;
    width: 100%;
    padding-right: 10% !important;
  }

  #slide-out-widget-area .wrap_sociaux #social li {
    padding: 0;
    width: 25%;
    text-align: center;
  }

  #slide-out-widget-area .wrap_sociaux #social li a {
    margin: 0 auto;
  }

  .footer-menu-burger {
    padding-left: 10%;
  }

  #footer-outer .footer_2 {
    width: 60%;
  }

  #footer-outer .footer_3 {
    width: 38%;
  }

  #guide h3 {
    font-size: 22px;
  }

  .slider_testimonials .swiper-button-next,
  .slider_testimonials .swiper-button-prev {
    bottom: 0;
    width: 32px;
    height: 32px;
  }

  .slider_testimonials .swiper-button-next svg,
  .slider_testimonials .swiper-button-prev svg {
    width: 15px;
  }

  .slider_testimonials .swiper-button-next {
    left: 45px;
  }

  .form_infolettre_wrapper,
  .form_telechargement_guide_wrapper {
    max-width: 300px;
    margin: 0 auto 24px;
  }

  .form_telechargement_guide_wrapper {
    padding-bottom: 7.4vw;
  }

  .form_telechargement_guide .gform_footer {
    width: 100%;
    margin-left: 0 !important;
    max-width: unset;
    padding-left: 0 !important;
  }

  #footer-outer #footer-widgets .col ul li a {
    font-size: 12px;
  }

  body.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
  .archive_piscine_spa .une_piscine h3 {
    padding: 5px 5px 4px 4vw;
  }

  #banner .column_container:nth-child(2) .vc_column-inner {
    padding: 38px 6% 192px;
  }

  body #banner h1 {
    font-size: clamp(29px, 8.2vw, 71px);
    font-size: clamp(29px, 6.9vw, 71px);
  }

  .les_accessoires .accessoire {
    padding: 0 10px;
  }

  .material .wpb_row.titre_image_texte.first {
    margin-top: 60px !important;
  }

  .les_accessoires {
    margin-right: -10px;
    margin-left: -10px;
  }

  body .les_accessoires .accessoire h3 {
    font-size: 14px;
    font-size: 12px;
  }

  .material .wpb_row.nos_services {
    margin-bottom: 40px;
  }

  body.woocommerce:not(.single-product).archive.tax-product_cat ul.products[data-n-desktop-columns="4"] li.product,
  .archive_piscine_spa .une_piscine {
    margin-left: 6px !important;
    margin-right: 6px !important;
    margin-bottom: 35px !important;
    width: calc(50% - 12px) !important;
  }

  .piscine_spa_informations .info .listes_photo .liste {
    width: 33.333%;
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .photo {
    width: calc(33.333% - 3px);
  }

  .piscine_spa_informations .info .listes_photo.liste_detail .titre {
    width: calc(100% - 33.333% + 3px);
  }

  body .carriere_region h3 {
    font-size: 24px;
  }

  .carriere_region .region_un_post .wrap .tab {
    padding: 15px 0 20px;
  }

  .carriere_region .region_un_post .wrap .content {
    padding: 0;
  }

  .carriere_region .region_un_post .wrap .tab .close_un_emploi svg {
    width: 22px !important;
  }

  .carriere_region .region_un_post .wrap .tab .close_un_emploi {
    position: absolute;
    top: 26px;
    right: 4px;
  }

  .carriere_region .carriere_region_content .tab h3 {
    padding-right: 43px;
  }

  .video_pop .video .bottom .choix {
    max-width: 310px;
  }

  .video_pop .video .bottom .choix .un_choix {
    padding: 0 4px 0px;
  }

  .video_pop .video .bottom .choix .un_choix .wrap span {
    min-height: 58px;
    font-size: 16.42px;
  }

  .video_pop .video .bottom .choix .un_choix .wrap {
    padding: 25px 10px 42px;
  }

  .video_pop .video .top {
    padding-bottom: 40px;
  }

  .video_pop .video .bottom {
    padding-top: 37px;
  }

  .video_pop .video h2 {
    font-size: clamp(25px, 3.7vw, 71px);
  }

  .video_pop .video h3 {
    font-size: 22px;
    margin-bottom: 35px;
    background-position: bottom center;
  }

  .video_pop .video .bottom {
    padding-bottom: 163px;
  }

  .piscine_spa_informations .info .listes .titre {
    width: 95px;
  }

  .piscine_spa_informations .info .listes .description {
    width: calc(100% - 95px);
  }

  .piscine_spa_informations .info .listes_2 .titre {
    width: 136px;
  }

  .piscine_spa_informations .info .listes_2 .description {
    width: calc(100% - 136px);
  }

  .slide_piscine .swiper-button-next {
    right: 11px;
  }

  .slide_piscine .swiper-button-prev {
    right: 53px;
  }

  .slide_piscine .swiper-button-next,
  .slide_piscine .swiper-button-prev {
    width: 35px;
    height: 35px;
    bottom: 23px;
  }

  .slide_piscine .swiper-button-next svg,
  .slide_piscine .swiper-button-prev svg {
    width: 16px;
    height: auto;
  }

  .les_temoignages>.span_12 {
    padding-top: 30px !important;
  }

  #configurateur .configurateur_form_side>.vc_column-inner {
    padding-top: 22px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .gform_wrapper.gravity-theme .page_presentation_b .gfield:not(.titre),
  .configurateur_piscine .gform_page .gfield {
    padding: 30px 13px 30px 13px !important;
  }

  html body .page_modeles h2,
  .configurateur_piscine .page_presentation_b .gfield.titre h2,
  .configurateur_piscine .gfield.form_tableau h2,
  .configurateur_piscine .last_page .gfield.titre_retrait h2,
  .gform_wrapper.gravity-theme .configurateur_piscine .gfield>.gfield_label {
    font-size: 24px;
  }

  .configurateur_piscine .image-choices-field div.gfield_radio .image-choices-choice {
    width: 31.333%;
    margin-right: 2% !important;
  }

  #configurateur .vc_col-sm-7 {
    margin-top: -30px;
  }

  .configurateur_hors_terre #builder {
    margin-top: -107px;
  }

  .bulle_info .wrap_bulle {
    right: 6px;
    bottom: 3px;
  }

  .video_pop.popup_info .wrap {
    padding: 80px 12px;
  }

  .video_pop.popup_info .video {
    padding: 23px 20px;
  }

  .video_pop.popup_info .video .more .one_more {
    padding: 15px 18px;
  }

  .video_pop.popup_info .video .more .one_more .photo {
    width: 100%;
    max-width: 221px;
    margin-bottom: 15px;
  }

  .video_pop.popup_info .video .more .one_more .text {
    width: 100%;
    padding-left: 0;
  }

  .gform_wrapper.gravity-theme .configurateur_piscine .gform_previous_button.button {
    width: 35px;
  }

  .gform_wrapper.gravity-theme .configurateur_piscine .gform_page_footer {
    padding-top: 20px;
  }

  .page_form_tableau .tableau_configurateur .tableau_a .la_list .une_list {
    width: 100%;
  }

  .magasin_informations .col_2 .wpb_content_element {
    padding-left: 0;
    padding-right: 0 !important;
  }

  html body .wpsl-store-location {
    font-size: 16px;
  }

  #nous_trouver #wpsl-wrap #wpsl-result-list ul li {
    padding-bottom: 30px;
  }

  body .page_merci .wpb_content_element.merci_box {
    margin: 0 25px 24vw;
  }

  body .page_merci .wpb_content_element.merci_rabais p {
    width: 100%;
  }

  .accueil_slider .slider_accueil .swiper-slide .video,
  .accueil_slider .slider_accueil .swiper-slide .image {
    padding-top: 130%;
    padding-top: 108%;
    overflow: hidden;
  }

  .accueil_slider .slider_accueil .swiper-slide .video video {
    height: 113%;
  }

  .accueil_slider .slider_accueil .swiper-slide .image {
    background-position: 74% 39px;
  }

  .page_confirmation .column_container:nth-child(2) .vc_column-inner {
    padding: 55px 25px 45px;
  }

  body .page_confirmation h1 {
    font-size: clamp(30px, 3.7vw, 71px);
  }

  body #slide-out-widget-area.fullscreen-inline-images .inner .bottom-meta-wrap {
    background: transparent;
    padding-top: 0px;
  }

  .comment-respond .span_6 {
    margin-bottom: 22px;
  }

  body #gappointments_calendar_slots .slot_small label.time_slot div {
    padding: 11px 0;
  }

  .form_gapt .ginput_container,
  .form_rendez_vous .page_2 .gform_page_footer {
    max-width: 690px;
    margin: 38px auto;
  }

  #banner .wpb_column:nth-child(1) .vc_column-inner {
    padding-top: 119%;
  }

  .single-post .date_cat {
    font-size: 12px;
  }

  #slide-out-widget-area .wrap_sociaux #social li a {
    font-size: 19px;
    font-size: 23px;
    width: 35px;
    height: 35px;
  }

  #slide-out-widget-area .wrap_sociaux #social li:first-child a {
    font-size: 26px;
    font-size: 30px;
  }

  #slide-out-widget-area .wrap_sociaux #social li:nth-child(2) a {
    font-size: 17px;
    font-size: 21px;
  }

  #articles .autres_articles .un_post:first-child .infos h3 {
    font-size: 21px;
  }

  .lien_drop_a,
  .lien_drop_b {
    display: none;
  }

  .liens_drop_a .lien_drop_a {
    display: list-item;
  }

  .liens_drop_b .lien_drop_b {
    display: list-item;
  }

  body #slide-out-widget-area .inner .off-canvas-menu-container li.titre_drop {
    position: relative;
  }

  body #slide-out-widget-area .inner .off-canvas-menu-container li.titre_drop:after {
    position: absolute;
    content: url(images/point-arrow-white.svg);
    display: block;
    top: 50%;
    transform: translateY(-80%);
    right: 5px;
  }

  body #slide-out-widget-area .inner .off-canvas-menu-container.liens_drop_a li.titre_drop_a:after,
  body #slide-out-widget-area .inner .off-canvas-menu-container.liens_drop_b li.titre_drop_b:after {
    transform: translateY(-80%) rotate(180deg);
    transform-origin: center;
  }

  .gform_wrapper.gravity-theme .form_rendez_vous .button {
    padding: 7px 15px;

    font-size: clamp(11px, 2.8vw, 14px) !important;
  }

  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"]+label {
    font-size: 12px !important;
    padding: 8px 7px !important;
  }

  html body .tableau_b {
    font-size: 12px;
  }

  .page_form_tableau .tableau_configurateur .tableau_b .range>div {
    padding: 17px 8px;
  }

  .gform_wrapper.gravity-theme .description,
  .gform_wrapper.gravity-theme .gfield_description,
  .gform_wrapper.gravity-theme .gsection_description,
  .gform_wrapper.gravity-theme .instruction {
    font-size: 12px;
  }

  .configurateur_piscine .last_page .gfield:not(.titre_retrait) {
    padding: 25px 18px 25px 18px !important;
  }

  .gfield.titre_retrait {
    padding: 25px 18px 0 18px !important;
  }

  body select {
    padding: 7px 10px !important;
  }

  body .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input,
  body .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
    min-width: 76px;
  }

  #wpsl-base-gmap_0 {
    height: 275px;
  }

  .accueil_slider .slider_accueil .swiper-slide .text {
    padding: 35px 7vw 210px;
  }

  .subline {
    margin-bottom: 16px;
    margin-top: 14px;
  }
  body #header-outer[data-lhe="default"] #top nav > ul > li > a {
      font-size: 10px;
  }
}
@media(max-width:440px) {
  body .cky-consent-container .cky-consent-bar {
      padding: 30px 0px 0;
     
  }
  body .cky-btn {   
      font-size: 12px;
      padding: 14px 25px;
  }
  body .cky-notice .cky-title {
      font-size: 17px;
      padding-bottom: 0;
  }
}
@media (max-width: 430px) {

  #nous_trouver #wpsl-wrap #wpsl-result-list ul li .ctas .wpsl-directions,
  #nous_trouver #wpsl-search-btn,
  body .nectar-button {
    padding: 10px 17px !important;
  }

  .configurateur_hors_terre #builder {
    margin-top: -80px;
    margin-bottom: 0px;
  }

  html body .titre_retour {
    font-size: 14px;
  }

  html body .tableau_b {
    font-size: 12px;
  }

  .configurateur_piscine .gfield.radio_button_en_cta:not(.image-choices-field) .gfield_radio [type="radio"]+label {
    font-size: 11px !important;
  }
}

@media (max-width: 400px) {

  #slide-out-widget-area .container .off-canvas-menu-container.col_2 .menu-wrap,
  #slide-out-widget-area .container .off-canvas-menu-container.col_1 .menu-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 365px) {
  body #header-outer.side-widget-open #top .left-aligned-ocm a {
    padding: 0.5vw 10px;
  }

  body #header-outer[data-full-width="true"] header>.container {
    padding: 0;
  }

  html body .hanley_pro_h2 h2 {
    font-size: 28px;
  }

  .les_accessoires .accessoire {
    padding: 0 6px;
    margin-bottom: 29px;
  }

  body .page_merci .wpb_content_element.merci_box {
    margin: 0 15px 24vw;
  }

  .les_accessoires {
    margin-right: -6px;
    margin-left: -6px;
  }
}

.itemsClass {
  white-space: initial;
  display: flex;
  height: 70px;
  line-height: normal;
}

/* nous trouver page */

html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact {
  position: relative;
  padding-left: 2%;
  padding-top: 6%;
  padding-bottom: 6%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: url(images/vague_turquoise.svg) repeat-x left top;

}

html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact .vc_column-inner {
  padding: 0 8%;
}

html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact .vc_column-inner .wpb_wrapper h3 {
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  line-height: 26px;
  color: #FFC952;
  margin-bottom: 36px;
}

html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact .vc_column-inner .wpb_wrapper a {
  text-decoration: none;
}

html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact .vc_column-inner .wpb_wrapper .hours_div .hours_div_p {
  display: flex;
  width: 80%;
  justify-content: space-between;
}



@media (max-width: 1600px) {
  html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact .vc_column-inner .wpb_wrapper .hours_div .hours_div_p {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact .vc_column-inner .wpb_wrapper .hours_div .hours_div_p {
    width: 80%;
  }
}

html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact .vc_column-inner .wpb_wrapper .hours_div .hours_div_p p:first-child {
  margin-right: 30px;
}

html body .vc_row-fluid>.span_12>.wpb_column .wrapper_info_contact .info_contact .vc_column-inner .wpb_wrapper ul li {
  margin-bottom: 8px;
}

/* html body .vc_row-fluid>.span_12>.wpb_column .info_contact_left {
  background: url(images/vague_turquoise_vertical.svg) repeat-y right top;
  padding-left: 2%;
  padding-top: 2%;
  padding-bottom: 6%;
  padding-right: 10%;
  margin-top: 60px;
} */

@media (max-width: 1000px) {
  html body .vc_row-fluid>.span_12>.wpb_column .info_contact_left {
    background: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 60px;
  }
}

html body .vc_row-fluid>.span_12>.wpb_column .info_contact_left .info_contact_p_left h2 {
  font-family: "hanley_promonoline", cursive !important;
  font-weight: normal !important;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 26px;
}

#nous_trouver~#reassurance {
  margin-top: 0;
}

/* html body #nous_trouver .wrapper_info_contact:last-of-type .left {
  background: url(images/vague_turquoise.svg) repeat-x left bottom;
} */

html body #nous_trouver .span_12 {
  padding-bottom: 60px;
}

@media (max-width: 1000px) {


  html body #nous_trouver .span_12 {
    padding-bottom: 0;
  }
}

.magasin_informations {
  overflow: hidden;
}

/* 404 */

@keyframes upDown {
  to {
    transform: translate3d(0, 5%, 0);
  }
}

@keyframes float {
  to {
    transform: translate3d(-20%, 30%, 0) rotate3d(0, 0, 1, 5deg);
  }
}

.container.container_404 {
  max-width: calc(1410px + 200px);
  width: 100%;
}

#illustration {

  box-sizing: border-box;
  padding: 30px;
  width: 45vw;
  height: 96vh;
  display: grid;
  margin-left: 8%;
  grid-template-columns: 1fr 1.5fr 1fr;
  align-items: center;
  transform: translate3d(0, 0, 0);

}

#illustration img {
  width: 100%;
  animation-name: upDown;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#illustration img:first-of-type {
  animation-delay: -3s;
  margin-top: 100%;
}

#illustration img:last-of-type {
  animation-delay: -6s;
  margin-bottom: 80%;
}

a.cta.second {
  cursor: pointer;
  position: relative;
  height: fit-content;
  border-radius: 10em;
  padding: 20px 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 0.9em;
}

a.cta.second {
  background: #68C3CD;
}

a.cta:after {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  right: -10px;
  top: 101%;
  height: 300%;
  background: url(images/cta_over.svg) no-repeat center top;
  -webkit-transition: top 500ms ease-out;
  -moz-transition: top 500ms ease-out;
  -o-transition: top 500ms ease-out;
  transition: top 500ms ease-out;
}

a.cta.second:hover:after {
  top: -80%;
}

#textarea {
  width: 40%;
  color: var(--blue);
  position: absolute;
  right: 10%;
  top: 58%;
}

#textarea h1 {
  color: #302F63;
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 600;
  margin-bottom: 16px;
}

#textarea>div {
  position: relative;
  display: flex;
  align-items: center;
}

#bird {
  pointer-events: none;
  display: none;
  width: 150px;
  height: 150px;
  z-index: 0;
  transform: translate3d(-20%, 10%, 0) rotate3d(0, 0, 1, -10deg);
  transform-origin: bottom center;
  animation-name: float;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@media(max-width:768px) {
  .span_12.span_12_res {
    display: flex;
    flex-direction: column;
  }

  #illustration {
    width: 100%;
    margin-left: 0;
    height: 45vh;
    margin-top: 160px;
  }

  #textarea {
    width: 100%;
    position: relative;
    padding: 0 6%;
    top: inherit;
    right: inherit;
  }
}