/*
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
*/

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Parkinsans:wght@300..800&display=swap');




/**** général ***/
html body  {
	font-family: "Figtree", serif;
	font-size: 17px;
	letter-spacing: .34px;
	color: #79C7EE;

	line-height: 1.3;
}
html body .text_turquoise p {
	color: #79C7EE !important;
}
html body .text_turquoise_b3 p {
	color: #3089B6 !important;
}
body .container-wrap {
	background-color: transparent;
}
body .ocm-effect-wrap {
	    background-color: #1c355e;
}
body .span_12.light .wpb_text_column li {
color: #fff;
}
body .span_12.light .wpb_text_column a:not(:hover) {
    opacity: 1;
}
.span_12.light .wpb_text_column a:hover {
   text-decoration: underline;
}
body .bold, 
body strong, 
body b {
    font-family: "Figtree", serif;
    font-weight: 700;
}

html body a {
	color: #6C6E70;
}


html body h1,
html body h2,
html body h3,
html body h4{
	font-family: "Parkinsans", serif;
	color: #1C355E;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: .5px;
}
html body h1 strong,
html body h2 strong,
html body h3 strong,
html body h4 strong {
	font-family: "Parkinsans", serif;
	position: relative;
	display: inline-block;
	z-index: 1;
	font-weight: 400;
}
html body h1 strong:after,
html body h2 strong:after,
html body h3 strong:after,
html body h4 strong:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: -2px;
	right: -3px;
	bottom: -7px;
	height: 13px;
	background: url(images/soulignement_titre_pale.png) no-repeat left bottom;
	background-size: 100% 10px;
	z-index: -1;
}
html body #banner h1 strong:after {
	background: url(images/soulignement_titre.png) no-repeat left bottom;
	background-size: 100% .27em;
	height: 13px;
	bottom: -3px;
}

html body h1 {
	color:#1C355E;
	font-size: 63px;

	font-weight: 600;
	line-height: 1.1; /* 111.111% */
	text-transform: uppercase;

}
html body h2,
html body h3 {
	font-size: 34px;

	line-height: 1.1; /* 111.765% */
	letter-spacing: 0.68px;
	margin-bottom: 26px !important;
}
html body .petit_margin_h2 h2,
html body .petit_margin_h2 h3 {
	margin-bottom: 0 !important;
}
html body .large_h2 h2 {
	color:#0B6A9A;
	font-size: 140px;

    font-size: clamp(78px, 7.3vw, 140px);
	font-weight: 300;
	line-height: 1.1; /* 151.429% */
	letter-spacing: 1.4px;
	text-align: center;
	opacity: .4;
}
html body #realisations .large_h2 h2 {
	color: #FCFDFA !important; 
}
#ajax-content-wrap {
	padding-bottom: 35px;
}
body .container-wrap {
	padding-bottom: 35px !important;
}
body.page-template-page-configurateur #ajax-content-wrap,
body.page-template-page-configurateur .container-wrap {
	padding-bottom: 0 !important;
}
.wpb_row > .span_12 {
	padding-top: 120px;
	padding-bottom: 120px;
}
.no_pad_top.wpb_row > .span_12 {
	padding-top: 0;
	
}
.no_pad_bottom.wpb_row > .span_12 {
	padding-bottom: 0;
	
}
.no_padding.wpb_row > .span_12,
.wpb_row .wpb_row > .span_12 {
	padding-top:0;
	padding-bottom: 0;
}
.row_with_title_fixe_2.wpb_row > .span_12 ,
.row_with_title_fixe.wpb_row > .span_12 {
	padding-top: 150px;
}


body #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_bordered_2]>a {
	color: #fff !important;
	
}
body #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_bordered_2]>a:hover {
	color: #79C7EE !important;
	border-color: #79C7EE !important;
}
body #top nav>ul>li[class*=button_bordered_2]>a:before {
	border-color: #fff !important;
}
body #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color_2]>a {
	color: #1C355E !important;
}
body .container {
	max-width: calc(1410px + 180px);

}
.wpb_row.min_height_bloc > .span_12 {
	min-height: 640px;
}
body .material .wpb_content_element, .material .wpb_row {
    margin-bottom:0;
}

html body .nectar-button {
	font-family: "Parkinsans", serif !important;
    padding: 11px 18px !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    line-height: 1;
    border:2px solid transparent;
    position: relative;
    margin-right:30px;
}
html body .nectar-button:after {
	content: '';
	display: block;
}
html body .confirmation_configurateur .nectar-button {
	margin-right: 0;
}
html body .nectar-button.margin_egale {
	margin-left: 15px;
	margin-right: 15px;
}
html body .nectar-button:hover {
	opacity: 1 !important;
}
html body .nectar-button.regular-button.accent-color {
	border-color: #238dc1;
}
html body .nectar-button.regular-button.accent-color:hover {
	/*background-color:#1C355E !important;*/
	border-color: #1C355E;
}
html body .nectar-button.regular-button.extra-color-1 {
	color: #1C355E !important;
	border-color: #fff;
}
html body .nectar-button.regular-button.extra-color-1:hover {
	border-color: #B9E3F8;
	/*background-color: #B9E3F8 !important;*/
}

html body.material .nectar-button.see-through.accent-color[data-color-override="false"]:hover {
	color:#1C355E !important;
	border-color: #1C355E !important;
}
html body.material  .nectar-button.see-through.extra-color-1[data-color-override="false"]:hover {
	color: #B9E3F8 !important ;
	border-color: #B9E3F8 !important;
}



/**** hover cta ******/
body #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color_2]>a,
html body.material .nectar-button {

  position: relative;
  
  overflow: hidden;
  
}
html body.material .nectar-button span:not(.hover) {
	position: relative;
	z-index: 2;
}
body #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color_2]>a:hover {
	border-color: #B9E3F8 !important;
}
 
body #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color_2]>a span.hover,
html body.material .nectar-button span.hover {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #1C355E;
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
body #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color_2]>a span.hover,
html body.material .nectar-button.extra-color-1 span.hover {
	background-color: #B9E3F8;
}
.btn-posnawr:hover {
  color: #eee;
}
body #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color_2]>a:hover span.hover,
html body.material .nectar-button:hover span.hover {
  width: 225%;
  height: 562.5px;
}
.btn-posnawr:active {
  background-color: #00c4ad;
}


/*** fin ***/


body .row .col img.img-with-animation.nectar-lazy:not([srcset]) {
    width: unset; 
}
.wpb_row.full-width-section > .row-bg-wrap > .row-bg-overlay, 
.wpb_row.full-width-section > .row-bg-wrap > .inner-wrap {
	left: 35px;
	width: unset;
	right: 35px;

}
/*.titre_fix {
	position: relative;
	top:-109px;
	z-index: -1;
	max-height: 0;
}*/
.titre_fix {
    position: absolute;
    top: -109px;
    /*top: 0 !important;*/
    z-index: -1;
      /* margin-top: -109px !important;*/
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}
.pin-spacer .titre_fix  {
	/*top: -109px !important;*/
	/*margin-top: -109px !important;*/
}
.titre_fix .wpb_column .vc_column-inner {
	/*transform: translate(0,0) !important;*/
}
.titre_fix.wpb_row > .span_12 {
	padding-top: 0;
	padding-bottom: 0;
	height: 100%;
}
.pad_right_20 .vc_column-inner{
	padding-right: 20% 
}
.pad_right_13 .vc_column-inner{
	padding-right: 8% 
}
body .img-with-aniamtion-wrap[data-animation=fade-in-from-left] .hover-wrap {
	padding-right: 0;
}
.row_with_title_fixe_2,
.row_with_title_fixe {
	width: 100%;
}
body img.img-with-animation[data-animation=fade-in-from-left] {
margin: 0;
}


/*** burger ***/
body #slide-out-widget-area-bg.fullscreen {
	opacity: 1 !important;
	background-color: #1C355E;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
	color: #79C7EE;
	font-family: "Parkinsans", serif !important;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.28px;
	text-transform: uppercase;
	border-radius: 3px;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:nth-last-child(2),
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child {
	margin-top: 15px;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:nth-last-child(2) a,
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a {
	font-size: 25px;
	padding: 10px 25px;
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	opacity: 1;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a {
	background-color: #fff;
	color: #1C355E;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:nth-last-child(2) a:hover,
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a:hover {
	border-color: #79C7EE;
	color: #79C7EE;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a:hover {
	background-color: #79C7EE;;
}

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

body #header-outer.transparent #top nav>ul>li[class*=button_bordered]>a:before, 
#top nav>ul>li[class*=button_bordered]>a:before {
  
    height: 41px;
  
}
html body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before {
	  height: 31px;
}
html body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"]:hover > a:before {
	opacity: 1;
	background-color: ;
}
html body #header-outer, 
html body[data-header-color="dark"] #header-outer {
    background-color: #1C355E;
}

body #top nav ul li a {

	font-family: "Parkinsans", serif !important;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.28px;
	text-transform: uppercase;

}
body #top nav ul.buttons li a {
	font-weight: 700;
	    padding: 8px 10px;
	    border: 2px solid #fff;
	   border-radius: 3px !important;
    -webkit-border-radius: 3px !important;

}

body #top nav ul.buttons li.button_solid_color_2 a {
	background-color: #fff !important;

}
body #header-outer #logo, #header-outer 
body .logo-clone, #header-outer .logo-spacing {
        margin-top: 17px;
        margin-bottom: 23px;
       
}
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;
}




/**** banner ***/

#banner > .span_12 {
	min-height: calc(100vh - 80px);
	font-size: 21px;
	color: #3089B6;
}
#banner.full-width-section .row-bg, .wpb_row .row-bg {
	background-position: 38% 50% !important;
}
.page-template-page-confirmation #banner > .span_12 {
	min-height: calc(100vh - 80px - 35px);
	font-size: 38px;
	color: #fff;
}
.page-template-page-confirmation #banner.petit_texte > .span_12 {
	font-size: 21px;
}
.page-template-page-confirmation #banner > .span_12 .titre_bleu {
	color: #3089B6;
}
html body #banner .nectar-button:first-child {
margin-left: 0;
}

/**** grille piscines et spas ***/

.grille_piscine_spas {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
body:not(.home) .grille_piscine_spas.grille_piscine {
	margin-bottom: 120px !important;
}
.grille_piscine_spas .une_piscine_spa {
	width: 27.3333%;
	padding: 0 2% 2%;
    text-align: left;
    margin-bottom: 57px;
    margin-bottom: 4%;
    position: relative;
    margin-right: 9%;
} 
.grille_piscine_spas .une_piscine_spa:nth-child(3n) {
margin-right: 0;
}
.grille_piscine_spas .une_piscine_spa:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	border-bottom: 1.266px solid #238DC1;
	 -webkit-transition: border-width 250ms ease-out;
  -moz-transition: border-width 250ms ease-out;
  -o-transition: border-width 250ms ease-out;
  transition: border-width 250ms ease-out;

}
.grille_piscine_spas .une_piscine_spa:hover:after {
	border-width: 3px !important;
}
.grille_piscine_spas .une_piscine_spa .lien {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	opacity: 1 !important;
}
.grille_piscine_spas .une_piscine_spa .photo {
	margin-bottom: 30px;
	 -webkit-transition: transform 250ms ease-out;
	  -moz-transition: transform 250ms ease-out;
	  -o-transition: transform 250ms ease-out;
	  transition: transform 250ms ease-out;
	  text-align: center;
}
.grille_piscine_spas .une_piscine_spa .photo img {
	margin-bottom: 0;

}
.grille_piscine_spas .une_piscine_spa:hover .photo {
	transform: translateY(-15px);
}
.grille_piscine_spas .une_piscine_spa .dimension_profondeur {
	
	margin-top: 5px;
}
.grille_piscine_spas .une_piscine_spa .dimension_profondeur .un {
	display: flex;
	margin-bottom: 10px;
	

}
.grille_piscine_spas .une_piscine_spa .dimension_profondeur .un .icon {
	width: 29px;
	font-size: 0;
}
.grille_piscine_spas .une_piscine_spa .dimension_profondeur .un .icon img {
	margin-bottom:0 ;
}
.grille_piscine_spas .une_piscine_spa .dimension_profondeur .un .info {
	width: calc(100% - 29px);
	color: #79C7EE;
	font-size: 17px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.34px;
}
.grille_piscine_spas .une_piscine_spa h3 {
	color:#FFF;
	font-size: 34px;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 0.68px;
	margin-bottom: 0 !important;
}
.grille_piscine_spas .une_piscine_spa .infos {
	margin-bottom: 00px;
}
.grille_piscine_spas .une_piscine_spa .cta a {
	color: #FFF;
	font-family: "Parkinsans", serif !important;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.56px;
	text-transform: uppercase;
	opacity: 1!important;
}
.grille_piscine_spas .une_piscine_spa .cta a span {
	display: inline-block;
	
		 -webkit-transition: transform 250ms ease-out;
	  -moz-transition: transform 250ms ease-out;
	  -o-transition: transform 250ms ease-out;
	  transition: transform 250ms ease-out;
}
.grille_piscine_spas .une_piscine_spa:hover .cta a span {

	transform: translateX(5px);
		 
}
.grille_piscine_spas .une_piscine_spa.autres_spas {
	display: flex;
    align-items: center;
}
.grille_piscine_spas .une_piscine_spa.autres_spas:after {
	border: 1.266px solid #238DC1;
	height: unset;
	top: 0;
}
.grille_piscine_spas .une_piscine_spa.autres_spas .wrap_autres {
  text-align: center;
  width: 100%;
 }
 .grille_piscine_spas .une_piscine_spa.autres_spas .wrap_autres .infos {
 	margin-bottom: 25px;
 }



/***** réalisations ****/

.gallerie_realisations {
	display: flex;
	flex-wrap: wrap;
	max-width: 1170px;
    margin: 0 auto;
}
.gallerie_realisations .groupe_photo {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
}
.gallerie_realisations .groupe_photo .une_photo {
	position: relative;
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	max-width: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}
.gallerie_realisations .groupe_photo:nth-child(2) .une_photo,
.gallerie_realisations .groupe_photo:nth-child(3) .une_photo {
	max-width: calc(50% - 30px);
}
.gallerie_realisations .groupe_photo .une_photo .photo {
	display: block;
	padding-top: 100%;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  	 -webkit-transition: transform 250ms ease-out;
    -moz-transition: transform 250ms ease-out;
    -o-transition: transform 250ms ease-out;
    transition: transform 250ms ease-out;

}
.gallerie_realisations .groupe_photo .une_photo:hover .photo {
	transform: scale(1.1);
	transform-origin: center;
}

/**** grille_logos    ****/

.grille_logos {
	display: flex;
	flex-wrap: wrap;
	margin-left: 8%;
}
.grille_logos .un_logo {
	width: 25%;
	display: flex;
	align-items: center;
    justify-content: center;
	padding: 3%;
	border-right:2px solid rgba(106,154,100, .4);
}
.grille_logos .un_logo:last-child , 
.grille_logos .un_logo:nth-child(4) {
	border-right: 0;
}
.grille_logos .un_logo:nth-child(1),
.grille_logos .un_logo:nth-child(2),
.grille_logos .un_logo:nth-child(3),
.grille_logos .un_logo:nth-child(4) {
	border-bottom:2px solid rgba(106,154,100, .4);
}


.grille_logos_v2{
	display: flex;
	flex-wrap: wrap;
	
}
.grille_logos_v2 .un_logo {
		width: 50%;
		display: flex;
		align-items: center;
	    justify-content: center;
		padding: 3%;
}

/*** temoignages ****/

.custom_temoignages {
	overflow: hidden;
	padding-bottom: 95px;
}
.un_temoignage {
	text-align: center;
	padding: 0 15px;
}
.un_temoignage .photo {
	margin-bottom: 30px;
	
}
.un_temoignage .photo img {
	display: inline-block;
	margin-bottom: 0;
}
.un_temoignage .etoile {
	margin-bottom: 30px;
}
.un_temoignage .témoignage {
	margin-bottom: 30px;
	color: #FFF;
	
	font-size: 21px;
	font-weight: 500;
	line-height: normal;
	
}
.un_temoignage .témoigneur {
	color: #3089B6;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3; /* 129.412% */
	letter-spacing: 0.34px;
}
body .swiper-button-next, 
body .swiper-button-prev {
	top:unset;
	bottom: 0;
	margin-top: unset;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
}
body .swiper-button-next:hover, 
body .swiper-button-prev:hover {
	background-color:#B9E3F8 ;
}
body .swiper-button-next.swiper-button-disabled, 
body .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}
body .swiper-button-next.swiper-button-disabled svg , 
body .swiper-button-prev.swiper-button-disabled svg {
	opacity: .25;
} 
body .swiper-button-next:after, 
body .swiper-button-prev:after {
	display: none;
}
body .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    border:1px solid #79C7EE;
    background-color: transparent;

    opacity: 1;
}
body .swiper-pagination-bullet.swiper-pagination-bullet-active  {
	background-color: #79C7EE;
}

/***** pourquoi ****/


.points_fort.vc_row-fluid>.span_12 .wpb_column {
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 50px;
}
.points_fort.vc_row-fluid>.span_12 {
	border-bottom: 2px solid #238DC1;
}
.points_fort {
	margin-bottom: 50px !important;
}


/**** faq *****/
#faq .img-with-aniamtion-wrap img {
	border-radius: 6px;
	overflow: hidden;
}

body .toggle>.toggle-title {
	margin-bottom: 0 !important;
}
body .light div[data-style*=minimal] .toggle>.toggle-title a,
body .toggle>.toggle-title a{
	color:  #79C7EE;
	font-size: 21px;
	font-weight: 700;
	line-height: normal;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	letter-spacing: normal;
	padding-right: 48px;
}
body .light div[data-style="minimal"] .toggle:first-child {
	border-top: 1px solid rgba(11, 106, 154, 0.40);
}
body .light div[data-style="minimal"] .toggle {
    border-bottom: 1px solid rgba(11, 106, 154, 0.40);
}
body div[data-style*=minimal] .toggle[data-inner-wrap=true]>div {
	padding-left: 30px;
	padding-right: 50px;
}
body div[data-style*=minimal] .toggle>.toggle-title i {
	border: 0;
}
body .light div[data-style*=minimal] .toggle>.toggle-title i:after, .light div[data-style*=minimal] .toggle>.toggle-title i:before {
    background-color: #79C7EE !important;
}

/****** formulaire général *****/
body ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
  opacity: 1 !important;
}
body ::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
  opacity: 1 !important;
}
body :-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
  opacity: 1 !important;
}
body :-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
  opacity: 1 !important;
}

.gform_required_legend {
    display: none;
}
html body .gform_fields input[type=date], 
html body .gform_fields input[type=email], 
html body .gform_fields input[type=number], 
html body .gform_fields input[type=password], 
html body .gform_fields input[type=search], 
html body .gform_fields input[type=tel], 
html body .gform_fields input[type=text], 
html body .gform_fields input[type=url], 
html body .gform_fields textarea ,
html body .gform_fields select{
    border-radius: 3px !important;
    border: 1px solid #79C7EE !important;
    padding: 23px 20px !important;
    color: #FFF !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important; /* 129.412% */
    letter-spacing: 0.34px !important;
    background-color: transparent !important;
    outline: none;
    box-shadow: unset !important;
}
html body .gform_fields select {
	padding-right: 32px !important;
	padding: 13px 32px 13px 20px  !important;
	    height: 48px;

outline: none;

	    
}
.ginput_container_select {
	position: relative;
}
.ginput_container_select:after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 8px;
	margin-top: -4px;
	top: 50%;
	right: 15px;
	background: url(images/arrow_down.svg) no-repeat 95% 50%;
		 -webkit-transition: transform 250ms ease-out;
	  -moz-transition: transform 250ms ease-out;
	  -o-transition: transform 250ms ease-out;
	  transition: transform 250ms ease-out;
}
.ginput_container_select:hover:after {
	transform: rotate(180deg)
}
.ginput_container_select {
	position: relative;
}
.ginput_container_select:after {
	content: '';

}
html body .gform_fields select option {
	color: #000 !important;
}


.gform-theme--foundation .form_contact .gform_footer {
    justify-content: flex-end;
}
body .gform-theme--foundation .gfield textarea.large {
    min-block-size: 144px;
}
.rechaptcha_by_google {
    color: #79C7EE;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.12; /* 1120% */
}
.rechaptcha_by_google p {
    color: #79C7EE;
}
body #footer-outer .rechaptcha_by_google a,
.rechaptcha_by_google a {
     color: #79C7EE;
     text-decoration: underline;
}
.form_rendez_vous .rechaptcha_by_google a:hover {
	color: #fff !important;
}

.form_infolettre .rechaptcha_by_google {
    color: #fff;
    
}
.form_infolettre .rechaptcha_by_google p {
    color: #fff;
}
.form_infolettre .rechaptcha_by_google a {
     color: #fff;
    
}
.form_rendez_vous .grid-row {
	display: flex;
    flex-wrap: wrap;
}
.form_rendez_vous .grid-row .slot_small{
	width: 25%;
}
/*** footer ***/

body #footer-outer {
    color: #fff;
    background-color: transparent;

    font-weight: 500;
    line-height: 1.6; /* 158.824% */
    letter-spacing: 0.34px;
}
body #footer-outer a {
	color: #fff;
}
html body #footer-outer #copyright,
#footer-widgets {
	
	color: #fff;
}
#footer-widgets a:hover {
	color: #1C355E !important;
	
}
#contact {
	margin-right: 33px;
	margin-left: 33px;
	background-color: #3089B6;
}
#contact .social {
	    display: flex;
    align-items: center;
}
#contact #footer-outer #footer-widgets .col ul.social li,
#contact .social li {
	padding: 0 10px !important;
}
#contact .social li:first-child {
	padding-left: 0;
}
body #footer-outer .social  i {
    font-size: 25px;
    
}
#contact .social li a {
	/*display: flex !important;
	align-items: center;
    justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #fff;
	color: #3089B6 !important;*/
}
html body .form_contact h2 {
	font-size: 34px;
	font-weight: 500;
	line-height: normal;
	color: #fff;
	margin-bottom: 0 !important;
}
#footer-outer #footer-widgets .col:first-child {
	    width: 36%;
}
#footer-outer #footer-widgets .col:nth-child(2) {
	padding-top: 83px;
	    width: 19%;
}
#footer-outer #footer-widgets .col:nth-child(3) {
	padding-top: 40px;
	width: 41%;
}
html body #footer-outer .row {
        padding: 63px 0 14px;
    display: flex;
        flex-wrap: wrap;
}
body #footer-outer #copyright .col ul {
	float: unset;
}
body #footer-outer #copyright .col.col_last {
	text-align: right;
}
html body #footer-outer #copyright {
	color: #79C7EE;
	
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2; /* 308.333% */
	letter-spacing: 0.24px;
}
html body #footer-outer #copyright a {
	color: #79C7EE;
}
body #footer-outer #footer-widgets .col ul li a:hover,
body #footer-outer .rechaptcha_by_google a:hover,
.rechaptcha_by_google a:hover,
html body #footer-outer #copyright a:hover {
	color: #1C355E !important;
}
body #footer-outer #copyright .col.col_last a {
	font-weight: 700 ;
}

body #footer-outer #copyright li {
    float: none;

    display: inline-block;
}
/**** cookies ****/

body .cky-notice .cky-title {

    font-weight: 700;

    line-height: 1.1;
        padding-bottom: 5px;
    
}
body .cky-notice-des {
    line-height: 1.3;
    font-weight: 500;
}
body .cky-notice-des p {
	padding-bottom: 0;
}
body .cky-consent-container .cky-consent-bar {
	padding-top: 33px;
}
body .cky-notice-btn-wrapper {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
body .cky-notice-btn-wrapper .cky-btn {
	flex: unset;
	padding: 12px 20px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Parkinsans", serif !important;
	width: 100%;
	max-width: 125px;
}
body .cky-notice-btn-wrapper .cky-btn.cky-btn-reject {
	margin-right: 0;
}
body .cky-notice-btn-wrapper .cky-btn.cky-btn-accept {
	margin-right: 8px;
}

#rating {
  text-align: center;
  perspective: 250px;
  position: relative;
  display: flex;
      justify-content: center;
      /*flex-direction: row-reverse;*/
  width: 100%;
  margin-bottom: 22px;
}

#rating span {
  cursor: pointer;
  padding: 0 10px;
 display: inline-block;
  transition: all 150ms;
  display: inline-block;
  /*transform: rotateX(45deg);*/
  transform-origin: center bottom;
}
#rating span svg path {
	fill:#79C7EE;
}
#rating span.actif ~ span svg path,
#rating span.actif svg path {
  fill:transparent;
}


/****  page confirmation *****/


.page-template-page-confirmation #ajax-content-wrap {
    padding-bottom: 0;
}
/*.page-template-page-confirmation #header-outer #top>.container>.row>.right-aligned-menu-items,
.page-template-page-confirmation #header-outer #top>.container>.row>.span_9 {
	opacity: 0;
	pointer-events: none;
}*/




@media(max-width:1600px){ 
	html body h1 {
	    font-size: clamp(40px, 3.95vw, 63px);
	    
	}
	
	html body h2, html body h3,
	.grille_piscine_spas .une_piscine_spa h3 {

	    font-size: clamp(25px, 2.1vw, 34px);
	    
	}
	.grille_piscine_spas .une_piscine_spa .photo {
	    margin-bottom: 9%;
	   
	}
	.page-template-page-confirmation #banner > .span_12 {
	
	    font-size: clamp(27px, 2.35vw, 38px);
	    padding-left: 15px;
    	padding-right: 15px;
	}
}
@media(max-width:1300px){ 
	body #top nav ul li a {
	    
	    font-size: 12px;
	    
	}
	.grille_piscine_spas .une_piscine_spa {
	    width: 29.3333%;
        margin-right: 6%;
        margin-bottom:45px ;
	   
	}
	body:not(.home) .grille_piscine_spas.grille_piscine {
		margin-bottom: 90px !important;
	}
	.wpb_row > .span_12 {
	    padding-top: 90px;
	    padding-bottom: 90px;
	}
	.wpb_row.min_height_bloc > .span_12 {
	    min-height: 540px;
	}
	.gallerie_realisations .groupe_photo .une_photo {
	    
	    margin-left: 10px;
	    margin-right: 10px;
	    max-width: calc(100% - 20px);
	    margin-bottom: 20px;

	}
	.gallerie_realisations .groupe_photo:nth-child(2) .une_photo, .gallerie_realisations .groupe_photo:nth-child(3) .une_photo {
	    max-width: calc(50% - 20px);
	}
	.un_temoignage .témoignage {
	   
	    font-size: 18px;
	    
	}
    	
}
@media(max-width:1120px){ 
	.grille_piscine_spas .une_piscine_spa .cta a {
	    
	    font-size: 12px;
	    letter-spacing: 0.26px;
	}

	body #header-outer.small-nav .logo-clone img, 
	body #header-outer.small-nav #logo img, 
	body #header-outer.small-nav .logo-spacing img,
	body #header-outer #logo img, 
	body #header-outer .logo-clone img, 
	body #header-outer .logo-spacing img {
	    height: 47px;
	}
	body #top .right-aligned-menu-items .buttons .menu-item {
		position: relative;
	}
	body #header-outer #top>.container>.row>.right-aligned-menu-items nav >.buttons {
		display: flex !important;
	}
	body #top .right-aligned-menu-items .buttons .menu-item {

		visibility: visible;
		pointer-events: auto;
	}
	body #header-outer #top > .container > .row > .right-aligned-menu-items {
		/*position: absolute;*/
	}
	body #header-outer.small-nav #logo, 
	body #header-outer.small-nav .logo-clone, 
	body #header-outer.small-nav .logo-spacing,
	body #header-outer #logo, body #header-outer .logo-clone, #header-outer .logo-spacing {
	    margin-top: 0;
	    margin-bottom: 0;
	}
	body #header-outer {
	    margin-bottom: 0;
	    padding: 12px 0;
	}
}
@media(max-width:999px){ 
	.wpb_row.full-width-section > .row-bg-wrap > .row-bg-overlay, .wpb_row.full-width-section > .row-bg-wrap > .inner-wrap {
	    left: 25px;

	    right: 25px;
	}
	body .container {

	    padding-left: 6%;
	    padding-right: 6%;
	}

	#banner > .span_12 {
	    min-height: 51vw;
	    
	}
	#banner .wpb_column {
		margin-bottom: 0 !important;
		max-width: 85%;
	}
	#banner .wpb_column:nth-child(2){
		display: none;
	}
	/*.wpb_row > .span_12 {
	    padding-top: 70px;
	    padding-bottom: 70px;
	}*/
	.points_fort.vc_row-fluid>.span_12 .wpb_column {
	    
	    width: 50%;
	}
	 html body .points_fort.vc_row-fluid>.span_12 {
	    
	    justify-content: center;
	}
    html body #banner h1 {
        font-size: clamp(33px, 4.95vw, 63px);
    }
    html body .large_h2 h2 {
        
        font-size: clamp(49px, 7.3vw, 78px);
        letter-spacing: 1px;

    }
    .pad_right_20 .vc_column-inner,
    .pad_right_13 .vc_column-inner{
    	padding-right: 0 
    }
    #faq .wpb_column {
    	max-width: 600px;
    	margin-left: auto !important;
    	margin-right: auto !important;
    }
    #faq .wpb_column:first-child {
    	margin-bottom: 35px !important;
    }
    #contact {
        margin-right: 24px;
        margin-left: 24px;
       
    }
    #footer-outer #footer-widgets .col:nth-child(3) {
        padding-top: 40px;
        width: 100%;
        order: 1;
    }
    #footer-outer #footer-widgets .col:nth-child(2) {
        padding-top: 83px;
        width: 25%;
        order: 3;

    }
	#footer-outer #footer-widgets .col:first-child {
	    width: 75%;
	    order: 2;
	    margin-right: 0;
	    padding-right: 30px;
	}
	body #footer-outer #copyright .col {
	    width: 100%;
	    margin-bottom: 13px;
	    margin-right: 0;
	    text-align: center;
	}
	body #footer-outer #copyright .col.col_last {
	    text-align: center;
	}
	#footer-outer #copyright li {

	    margin-left: 10px;
	    margin-right: 10px;

	}
	#header-outer #top .span_9.col_last nav {
		display: none !important;
	}
	#header-outer #top .right-aligned-menu-items nav {
		display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
	}
	body #header-outer #top nav>ul {
		padding: 0;
	}
	body #top>.container>.row {
		 display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
	}
	body #header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
		white-space: nowrap;
	}
	body #header-outer #top .col.span_3 {
		width: auto;
	}
	body #header-outer #top > .container > .row > .right-aligned-menu-items {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: 34px;
    }
    body #header-outer #logo, #header-outer body .logo-clone, #header-outer .logo-spacing {
        margin-top: 0;
        margin-bottom: 0;
    }
    .page-template-page-confirmation #banner.confirmation_configurateur > .span_12 {
    	        justify-content: center;
    }
    
    .page-template-page-confirmation #banner > .span_12 {
        
        font-size: clamp(22px, 3.35vw, 38px);
        
    }
}

@media(max-width:767px){ 
	.grille_piscine_spas .une_piscine_spa {
	    width: 46%;
	    margin-right: 8%;
	}
	.grille_piscine_spas .une_piscine_spa:nth-child(3n) {
	    margin-right: 8%;
	}
	.grille_piscine_spas .une_piscine_spa:nth-child(2n) {
	    margin-right: 0;
	}
	.grille_piscine_spas .une_piscine_spa h3 {
	        font-size: clamp(25px, 4.1vw, 34px);
	}
	body #header-outer #top>.container>.row>.right-aligned-menu-items nav >.buttons li.button_bordered_2 {
		display: none !important;
	}
	.grille_piscine_spas .une_piscine_spa.autres_spas {

	    min-height: 428px;
	}
}
@media(max-width:690px){ 
	.wpb_row.full-width-section > .row-bg-wrap > .row-bg-overlay, .wpb_row.full-width-section > .row-bg-wrap > .inner-wrap {
        left: 15px;
        right: 15px;
    }
    body .container {
        padding-left: 42px;
        padding-right: 42px;
    }
		

}
@media(max-width:600px){ 
	.points_fort.vc_row-fluid>.span_12 .wpb_column {
        width: 100%;
    }
    body .light div[data-style*=minimal] .toggle>.toggle-title a, body .toggle>.toggle-title a {
        
        padding-left: 19px;
        padding-top: 29px;
        padding-bottom: 29px;
    }
   #contact {
        margin-right: 14px;
        margin-left: 14px;
        
    }

}
@media(max-width:535px){ 
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
	        height: 40px !important;
	    }
}
@media(max-width:479px){ 
	.wpb_row.full-width-section > .row-bg-wrap > .row-bg-overlay, .wpb_row.full-width-section > .row-bg-wrap > .inner-wrap {
	        left: 10px;
	        right: 10px;
	    }
	 body .container {
	     padding-left: 15px;
	     padding-right: 15px;
	 }
	 #banner .wpb_column {

	 	max-width: unset;
	 }
	 .page-template-page-confirmation #banner.petit_texte > .span_12 ,
	 #banner > .span_12 {
	 	font-size: 18px;
	 }
	 .padding_left_right_mobile .vc_column-inner {

	         padding-left: 15px !important;
	         padding-right: 15px !important;
	     }

	#contact {
	    margin-right: 9px;
	    margin-left: 9px;
	   
	}
	.gallerie_realisations .groupe_photo {
	    width: 100%;
	}
	html body .large_h2 h2 {
	        font-size: clamp(37px, 12.0vw, 78px);
	        
	    }
	    .un_temoignage {
	       
	        padding: 0;
	    }
	#footer-outer #footer-widgets .col:first-child {
	    width: 100%;
	    margin-right: 0;
	    padding-right: 0;
	}
	#footer-outer #footer-widgets .col:nth-child(2) {
	    padding-top: 0px;
	    width: 100%;
	    
	    text-align: center;
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
	   
	    font-size: 25px;
	    
	}
	html body #header-outer #logo img, 
	html body #header-outer .logo-clone img, 
	html body #header-outer .logo-spacing img {
	    height: 41px ;
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:nth-last-child(2) a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a {
	    font-size: 18px;
	    padding: 8px 15px;
	    
	}
	body #slide-out-widget-area .off-canvas-menu-container {
	    padding: 0 5%;
	}
	.grille_piscine_spas .une_piscine_spa {
	   
	    padding: 0 4% 6%;
	    
	}
	.form_rendez_vous .grid-row .slot_small{
		width: 33.3%;
	}

}
@media(max-width:460px){ 
	    body #header-outer #top > .container > .row > .right-aligned-menu-items {
	        display: none;
	    }
	    body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
	        height: 47px !important;
	    }
}
@media(max-width:440px){ 
	body .cky-notice-btn-wrapper .cky-btn-reject {
        order: unset;
    }
    body .cky-notice-btn-wrapper .cky-btn-accept {
        order: unset;
        margin-top: 10px;
    }
}
@media(max-width:400px){ 
	
	html body .nectar-button {
	    
	    font-size: 13px !important;
	    
	}
	.grille_piscine_spas .une_piscine_spa {
	    width: 100%;
	    margin-right: 0 !important;
	}
	.grille_piscine_spas .une_piscine_spa h3 {
	        font-size: 34px;
	    }
	.grille_piscine_spas .une_piscine_spa .cta a {
	    font-size: 15px;
	    
	}
	.grille_piscine_spas .une_piscine_spa .photo {
	    margin-bottom: 0;
	}
	.gallerie_realisations .groupe_photo .une_photo {
	    margin-left: 6px;
	    margin-right: 6px;
	    max-width: calc(100% - 12px);
	    margin-bottom: 12px;
	}
	.gallerie_realisations .groupe_photo:nth-child(2) .une_photo, .gallerie_realisations .groupe_photo:nth-child(3) .une_photo {
	        max-width: calc(50% - 12px);
	    }

}