/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */
body:not(#index) #header{
	margin-bottom: 0;
}
body:not(#index) #main-content {
  padding: 0 0 0px;
}
#main {
  margin-bottom: 0px;
}
#main .page-content {
  margin-bottom: 0;
}
 .elementor-button svg{
	font-size: 22px;
}

.btn-top-espace-pro .elementor-button svg{
	font-size: 22px;
	width: 33px;
}
.btn-top .elementor-button svg{
	font-size: 21px;
	top: 3px;
  	position: relative;
}

.pk-search-widget input{
  border: 0px solid #ccc;
}

.elementor-widget-text-editor {
  color: #000000;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
}

.elementor-cart__toggle .elementor-button{
	border: 0px solid;
}

.langues-header .pk-inline .opt-list > li a.active{
	opacity: 1;
}

#cms .breadcrumb {
	display:none;
}

#cms #header {
  margin-bottom: 0!important;
}

#cms #main-content {
  padding: 0!important;
}

#cms #main {
  margin-bottom: 0px;
}

#cms #main .page-content {
  margin-bottom: 0;
}

.elementor-sticky--active .logo-header img{
	height:49px;
	width:auto;
}
/*.elementor-sticky--active .ets_mm_megamenu .mm_menus_li > a{
	font-size:14px !important;
}*/

.lang-select .pk-languages a .pk-img{
	background-color: #2F4855;
  border-radius: 25px;
}
.lang-select .pk-languages a.active .pk-img{
	background-color: #ffffff;
}
.user-select li:first-child{
	margin-right: 7px;
}

/****************************************************************
 MENU
 ****************************************************************/

.menu-principal .ets_mm_megamenu_content  ul {
	list-style: none;
}

.mm_menu_content_title {
	line-height:20px;
	text-align:center;
}
@media (max-width: 767px) {
	.mm_menu_content_title {
		line-height:20px;
		text-align:left;
	}
}

.menu-groupe-ocedis {
	border-bottom:7px solid #0876BC;
	width:15%;
}

.menu-piscine-eco {
	border-bottom:7px solid #14A036;
	word-break: keep-all;
	width: 20%;
}

.menu-piscine-famille {
	border-bottom:7px solid #C70777;
}

.menu-piscine-collectives
{
	border-bottom:7px solid #FEC800;
}
 
.menu-services {
	border-bottom:7px solid #505050;
	width:15%;
}

.ets_mm_block_content a {
	text-transform: uppercase;
	font-weight:600;
	line-height: 24px !important;
}

.ets_mm_block > .h4 {
	border-bottom: 0px solid;
	color: #1D2F37;
	font-size: 15px!important;
	font-weight: bold;
	line-height: unset;
	margin-bottom: 10px;
	margin-top: 0;
	display: block;
	padding-bottom: 0;
	text-transform: uppercase;
}

[data-id-block="2"] .ets_mm_block_content a, [data-id-block="14"] .ets_mm_block_content a, [data-id-block="116"] .ets_mm_block_content a {
	color:#444444;
	text-transform: unset;
	letter-spacing: 0.75px;
	font-weight:400;
	margin-left:20px;
}

.ybc-menu-toggle {
	font-size: 23px;
	color: #1D2F37;
	padding: 10px;
}
.ybc-menu-toggle .icon-bar{
	height: 3px;
  margin: 3px 0px 1px 0;
	width: 23px;
}
.mm_tab_toggle_title{
	width: 100%;
}
.ets-dir-ltr.layout_layout2 .mm_menus_ul > li{
	border-right: 0px solid rgb(255, 255, 255);
}
@media (max-width: 768px) {
	.transition_floating .mm_menus_ul{
		max-width: 760px;
	}
	.ets_mm_megamenu .container {
		background-color: #ffffff;
	}
	.mm_menus_ul{
		background-color: #ffffff;
	}
	.mm_menus_li > a{
		font-size: 16px !important;
	}
	.ets_mm_block_content img{
		display: none;
	}
	.pk-scroll-totop{
		width: 30px;
		height: 30px;
	}
	.pk-scroll-totop a .svgic{
		width: 15px;
  		height: 15px;
	}
	.mm_menus_ul .arrow::before {
		border-top: 3px solid #1D2F37 !important;
	}
	.mm_menus_ul .arrow::after {
		border-left: 3px solid #1D2F37 !important;
	}
	.transition_floating .close_menu{
		background-color: #1D2F37 !important;
	}
}
li.menu-piscine-eco ul.mm_columns_ul li:first-child ul.mm_blocks_ul li.mm_blocks_li{
	margin-bottom: 0 !important;
}

li.menu-piscine-eco ul.mm_columns_ul li.mm_columns_li:first-child ul.mm_blocks_ul li.mm_blocks_li .mm_block_type_cms .ets_mm_block_content ul li a{
	color: #1D2F37;
	text-transform: unset;
  letter-spacing: 0.75px;
  font-weight: 400;
  margin-left: 20px;
}
.ets_mm_megamenu_content .mm_menu_content_title span.mm_arrow{
	display:none;
}

/****************************************************************
 HOME
 ****************************************************************/
@media(max-width:1920px){
	.slider-home{
		max-height: 850px;
		display: block;
	}
}


.slider-home .homeslider-container{
	margin-bottom: 0px;

}
.slider-home .homeslider .caption{
	background: rgba(0,0,0, 0);
margin: 0 auto;
  bottom: 30%;
	max-width:1194px;
	padding-right: 5%;
}

@media (max-width:1200px){
	.slider-home .homeslider .caption{
		bottom: 5%;
	}
}
.containernav-homeslider{
	max-width:1800px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 60px;
	left: calc(50% - 900px);
}
.slider-home .homeslider .caption h1{
	color: #ffffff;
	text-transform: uppercase;
	font-size: 42px;
	font-weight:600;
	line-height: 42px;
	margin: 0 0 0px 0;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.72);
}
@media (max-width:1200px){
	.slider-home .homeslider .caption h1{
		font-size: 24px;
		line-height: 24px;
	}
}
.slider-home .homeslider .caption h2{
	color: #ffffff;
	font-family: "Caveat", sans-serif;
	font-size: 60px;
	margin: 0;
	line-height: 60px;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.72);
}
@media (max-width:1200px){
	.slider-home .homeslider .caption h2{
		font-size: 23px;
		line-height: 23px;
	}
}
.slider-home .homeslider .caption p{
	font-size: 19px;
	font-weight: 300;
	line-height: 37px;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.72);
}
@media (max-width:1200px){
	.slider-home .homeslider .caption p{
		font-size:16px;
		line-height: 17px;
	}
}
.slider-home .homeslider_nav{
	background-color: rgba(255,255,255,0.5) !important;
	background: transparent url("../img/nav-homeslider.png") no-repeat left top;
	border: 1px solid #fff;
	border-radius: 50px;
  width: 60px;
  height: 60px;
	top: 50%;
}
@media (max-width:1200px){
	.slider-home .homeslider_nav{
		top: 25%;
		width: 30px;
  		height: 30px;
		background-size: 196%;
	}
}
.slider-home .homeslider_nav.prev{
	left: 2%;
}
.slider-home .homeslider_nav.next{
	background-position: right top !important;
	right: 2%;
}
.btn-homeslider{
	background-color: #F6E200;
	border-radius: 39px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.72);
	color:#000 !important;
	font-size:18px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 15px 35px;
	position: relative;
}
.btn-homeslider:after{
	background-image: url('../img/fleche-noire-droite.svg');
    background-size: 46px 16px;
	content:'';
	display: inline-block;
	position: relative;
	width:46px;
	height: 16px;
	top: 3px;
	margin-left:10px;
		
}
.btn-homeslider:hover{
	background-color: #51798C;
	color:#fff !important;
}
.btn-homeslider:hover:after{
	background-image: url('../img/fleche-blanche-droite.svg');
}

.carousel-home .swiper-slide-inner{
	padding: 15px;
}
.carousel-home .swiper-slide-image{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.40);
}
.carousel-home .elementor-image-carousel-caption{
	position: absolute;
  z-index: 5;
  bottom: 44px;
  left: 29px;
}
.carousel-home .elementor-swiper-button{
	top: -8%;
  border-radius: 50px;
  border: 1px solid #000;
  padding: 19px;
	width: 60px;
  height: 60px;
}
.carousel-home.fleche-blc .elementor-swiper-button{
	border: 1px solid #ffffff;
}
.carousel-home .elementor-swiper-button-next {
  right: auto;
  left: 80px;
}

.editeur_vousnous {
	background:#FFFFFF;
	opacity: 0.85;
	min-height:40vh;
}

.editeur_vousnous h3 {
	color: #0876BC;
	font-size:20px;
	font-weight:bold;
	font-family: "Raleway";
}

.editeur_vousnous p {
	font-size:16px!important;
}

.editeur_vousnous a {
	color:#000000;
	font-weight:bold;
	font-family: "Raleway";
}

.bulle-poucentage{
	width: 215px;
	height:215px;
	background-image: url('../img/fond-bulle-pourcentage.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.bulle-poucentage-desinfection{
	width: 215px;
	height:215px;
	background-image: url('../img/fond-bulle-pourcentage-desinfection.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.bulle-poucentage-ecoresponsable{
	width: 215px;
	height:215px;
	background-image: url('../img/fond-bulle-pourcentage-ecoresponsable.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.affichage-categ .elementor-image-box-title{
	min-height: 60px;
}
.affichage-categ .elementor-image-box-img{
	min-height: 60px;
	/*height: 230px;*/
	height: 300px;
}
.affichage-categ .elementor-image-box-img img{
	/*max-height: 230px;*/
	max-height: 300px;
  height: 100%;
  width: auto;
  max-width: none;
}
.affichage-categ .elementor-image-box-description{
	min-height: 65px;
}
.tableau table, .tableau-desinfection table{
	max-width:900px;
	border-collapse: collapse; 
	border-spacing: 1em 0.5em;
}
.tableau table tr{
	border-bottom:2px solid #C71D77;
}
.tableau-desinfection table tr{
	border-bottom:2px solid #fec800;
}
.tableau table tr:last-child, .tableau-desinfection table tr:last-child{
	border-bottom:0px solid #C71D77;
}
.tableau table td, .tableau-desinfection table td{
	padding:10px;
}

.blog-home .simpleblog__listing__post{
	position: relative;
}
.blog-home .pk-grid .simpleblog__listing__post__wrapper__content{
	text-align: center;
  position: absolute;
  bottom: 0;
  background-color: rgba(255,255,255,0.85);
  width: 80%;
  left: 10%;
	padding: 40px 40px 20px;
}
.blog-home .pk-grid .simpleblog__listing__post__wrapper__content .blog-headline{
	margin-bottom:20px;
}

.blog-home .pk-grid .simpleblog__listing__post__wrapper__content .simpleblog__listing__post__wrapper__content__footer .btn{
	width: 100%;
}
.blog-home .pk-grid .simpleblog__listing__post__wrapper__content .simpleblog__listing__post__wrapper__content__footer .btn i{
	margin-left:10px;
}
.blog-home .pk-grid .simpleblog__listing__post__wrapper__content .simpleblog__listing__post__wrapper__content__footer .btn:hover{
	background-color: rgba(255, 255, 255, 1);
}

.elementor-cta-content{
	max-width: 1800px;
	margin: 0 auto !important;
}

@media (max-width: 800px) {
  #content-wrapper {
    padding-top: 0;
  }
}



 
 /****************************************************************
 Style bouton
 ****************************************************************/

svg#right-arrow-2{
	width: 46px;
  top: 1px;
  position: relative;
}

.bouton-produits svg{
	width: 35px;
  top: 1px;
  position: relative;
}

.cta .elementor-cta-title, .cta .elementor-cta-button-wrapper a, .cta .elementor-cta-description{
	text-shadow: 3px 0px 5px rgba(0,0,0,0.6);
}
 /****************************************************************
 ****************************************************************/

.wpcf7 .elementor-row .elementor-column .wpcf7-form-control-wrap{
	width:100%;
}

.wpcf7-submit{
background-color: #2F4855 !important;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  margin-top: 10px;
  font-size: 16px !important;
	font-family: "Raleway", sans-serif;
  padding: 17px 35px 17px 35px;
  border-radius: 50px 50px 50px 50px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.wpcf7-submit:hover{
	background-color:#1D2F37!important;
}

 /****************************************************************
 fichier helper caché sur les pages
 ****************************************************************/
#module-telechargements-telechargements .page-width.top-content, #module-revendeurs-revendeurs .page-width.top-content, #contact .page-width.top-content, #module-ph_simpleblog-category .page-width.top-content, #module-ph_simpleblog-single .page-width.top-content, #category .page-width.top-content{
	display: none;
}
 /****************************************************************
 revendeurs
 ****************************************************************/
.contenu-form-revendeurs form{
	background-color: #496D7F;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 40px;
}
.contenu-form-revendeurs form .elementor-column {
	padding:10px;
}

.contenu-form-revendeurs input{
	border: none;
	width: 100%;
}
.contenu-form-revendeurs select{
	border: none;
	width: 100%;
}
.contenu-form-revendeurs input.btn-checkbox{
		border: none;
	width: auto;
	min-height: 14px;
}
.contenu-form-revendeurs input.btn-rechercher-revendeurs{
	border: none;
  background-color: #1D2F37;
	font-size: 16px;
  padding: 17px 35px 17px 35px;
  border-radius: 50px 50px 50px 50px;
	cursor: pointer;
}
.contenu-form-revendeurs span{
	color:#ffffff;
	font-size: 14px;
}
.adresse-saisie{
	font-weight: 700;
	font-size:18px;
	margin-bottom:20px;
}
#liste_revendeurs {
	background-color:#1D2F37;
}
#liste_revendeurs ul {
  padding: 3rem;
  position: relative;
	width: 100%;
}
#liste_revendeurs .revendeur{   
	list-style-type: none;
  font-size: 1.4rem;
  line-height: 1.9rem;
  cursor: pointer;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255,255,255,.15);
	color: #fff;
}
#liste_revendeurs .revendeur .text{
		color:#ffffff;
	font-size: 14px;
line-height: 14px;
}
#liste_revendeurs .revendeur .societe{
	font-weight:bold;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
}
#liste_revendeurs .revendeur .telephone , #liste_revendeurs .revendeur .mail, #liste_revendeurs .revendeur .www,  #liste_revendeurs .revendeur .wrap_adresse{
	display: block;
}
#liste_revendeurs .revendeur .wrap_adresse{
	margin-bottom:5px;
}
#liste_revendeurs .revendeur .telephone , #liste_revendeurs .revendeur .mail, #liste_revendeurs .revendeur .www{
	margin-bottom:10px;
}
#liste_revendeurs .revendeur .telephone:before{
	content:url('/img/phone.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 2px;
}
#liste_revendeurs .revendeur .mail:before{
	content:url('/img/mail.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 2px;
}
#liste_revendeurs .revendeur .www:before{
	content:url('/img/www.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 0px;
}

#liste_revendeurs .revendeur.revchoose .telephone:before{
	content:url('/img/phone-jaune.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 2px;
}
#liste_revendeurs .revendeur.revchoose .mail:before{
	content:url('/img/mail-jaune.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 2px;
}
#liste_revendeurs .revendeur.revchoose .www:before{
	content:url('/img/www-jaune.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 0px;
}
.map-name{
	display: block;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}
.contenu-adresse{
	display: block;
	margin-bottom: 10px;
}
.map-adresse1{
	color:#000000;
	font-size: 14px;
line-height: 14px;
}
.map-adresse2{
	color:#000000;
	font-size: 14px;
line-height: 14px;
}
.map-city{
		color:#000000;
	font-size: 14px;
line-height: 14px;
}
.map-phone, .map-email, .map-www{
	display: block;
	margin-bottom: 10px;
}
.map-phone:before{
	content:url('/img/phone-2.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 2px;
}
.map-email:before{
	content:url('/img/mail-2.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 2px;
}
.map-www:before{
	content:url('/img/www-2.svg');
	position: relative;
	height: 15px;
	display: inline-block;
	width: 15px;
	margin-right: 10px;
  top: 0px;
}
#map .gm-style .gm-style-iw-c, #map .gm-style .gm-style-iw-tc:after{
	background-color: #F6E200;
}
/****************************************************************
 contact
 ****************************************************************/
.form-contact h2{
	color: #505050;
  font-family: "Syncopate", sans-serif !important;
  font-size: 26px !important;
  text-transform: uppercase;
  line-height: 1.4em;
	font-weight: 700 !important;
}
.form-contact h3{
	color: #505050;
  font-family: "Caveat", sans-serif;
  font-size: 42px;
  font-weight: 400;
	text-transform: none;
}
.form-contact .elementor-tab-title:not(.elementor-active){
	background-color:#E8E8E8;
}

.wpcf7-form-control-wrap select.form-control:not([size]):not([multiple]){
	height: 52px !important;
}
.wpcf7-form-control-wrap .select_arrow{
	height: 52px !important;
}
.wpcf7-form-control-wrap .select_arrow::before {
top: 18px !important;
}
/****************************************************************
 Page formation
 ****************************************************************/
#form-formation .wpcf7 h3{
	display: none;
}
#form-formation .liste-dates span.wpcf7-list-item{
	float:none !important;
}
.ct7_eachaline{
	float:none !important;
}
/****************************************************************
 404
 ****************************************************************/
.message-404{
	font-size: 42px;
	font-family: "Caveat", sans-serif;
  line-height: 42px;
  font-weight: 400;
  color: #505050;
  max-width: 1200px;
  margin: 20px auto 0;
  letter-spacing: 0.04em;
}
.message-404 span{
	color: #505050;
  font-family: "Syncopate", sans-serif;
  font-size: 42px;
  text-transform: uppercase;
  line-height: 1.4em;
	font-weight: 700;
}
#pagenotfound .page-not-found h4{
		color: #505050;
  font-family: "Syncopate", sans-serif;
  font-size: 70px;
  text-transform: uppercase;
  line-height: 1.4em;
	font-weight: 700;
	margin: 60px 0;
}

/**************************************************
BLOG
**************************************************/
.blog-headline a{
	color: #0876BC;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4em;
}
/**************************************************
not found
**************************************************/
#products .page-not-found{
	padding-bottom: 130px;
}

 /****************************************************************
 FOOTER
 ****************************************************************/
 
.liens-footer ul li a:before{
	content: '';
	display: inline-block;
	background-image: url('../img/right-arrow-blanc.svg');
	background-size: 33px 11px;
	background-repeat: no-repeat;
	margin-right: 10px;
	height: 11px;
	width: 33px;
	position:relative;
}
.liens-footer ul li a{
	position:relative;
}

.btn-footer .elementor-button svg{
	font-size: 22px;
	top: 3px;
  	position: relative;
}