/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?56434523');
  src: url('fonts/fontello.eot?56434523#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?56434523') format('woff2'),
       url('fonts/fontello.woff?56434523') format('woff'),
       url('fonts/fontello.ttf?56434523') format('truetype'),
       url('fonts/fontello.svg?56434523#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height:1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 
.icon-home:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e801'; } /* '' */
.icon-search:before { content: '\e802'; } /* '' */
.icon-phone:before { content: '\e803'; } /* '' */
.icon-arrow-down:before { content: '\e804'; } /* '' */
.icon-arrow-left:before { content: '\e805'; } /* '' */
.icon-arrow-right:before { content: '\e806'; } /* '' */
.icon-arrow-up:before { content: '\e807'; } /* '' */
.icon-close:before { content: '\e808'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-user:before { content: '\f2c0'; } /* '' */

.wrapper{
	max-width:1200px;
	margin:0 auto;
}
a,
a:hover{
	color:#ffffff;
}
header ul,
footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

/* HEADER */
header{
	font-family:"Poppins", Sans-serif;
	background:#06303b;
	font-size:15px;
	font-weight:300;
	text-transform:uppercase;
	color:#ffffff;
	border-top:8px solid #162326;
	position: relative;
}
header::after{
	content:'';
	position:absolute;
	top:0px;
	right:0;
	height:50px;
	width:50%;
	background:#162326;
}
header .wrapper{
	position:relative;
}
/*SURHEADER*/
header .surheader{
	background:#162326;
	display:flex;
	position:absolute;
	right:0;
	z-index: 1;
	height: 50px;
	vertical-align: middle
}
header .surheader::before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	border-color: transparent #162326 transparent transparent;
	position:absolute;
	top:0;
	left:-50px;
}
header .surheader > nav{
	display: flex;
	vertical-align: middle;
}
header .surheader nav ul{
    display: flex;
    align-items: center;
}
header .surheader nav ul li{
	border-right:1px solid #0a4f61;
}
/*SOUS MENU*/
header .surheader nav ul li.menu-item-has-children ul.sub-menu{
	display: none;
}
header .surheader nav ul li.menu-item-has-children:hover ul.sub-menu{
	display: block;
	position:absolute;
	background:#162326;
}
header .surheader nav ul li.menu-item-has-children:hover ul.sub-menu li a:before{
	display: none;
}
header .surheader nav ul li.menu-item-has-children ul.sub-menu li:first-child a{
	font-size: 15px;
}
/*sousous menu*/
header .surheader nav ul li.menu-item-has-children ul.sub-menu > li.menu-item-has-children > ul.sub-menu{
	display: none;
}
header .surheader nav ul li.menu-item-has-children ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu{
	display: block;
	position:absolute;
	background:#162326;
	right: -220px;
	top: 0px;
}
header .surheader nav ul li:last-child{
	border:none;
}
header .surheader nav ul li a{
	font-size:15px;
	font-weight:300;
	text-transform:uppercase;
	padding:3px 12px;
	display:block;
	transition:color 0.3s linear;
	color: #ffffff;
}
header .surheader nav ul li a:hover{
	color:#0a4f61;
}
header .surheader nav ul li:first-child a{
	font-size:0;
}
header .surheader nav ul li:first-child a::before,
header .surheader nav ul li:last-child a::before{
	font-size:16px;
	color:#ffffff;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height:1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition:color 0.3s linear;
}
header .surheader nav ul li:first-child a:hover::before,
header .surheader nav ul li:last-child a:hover::before{
	color:#0a4f61;
}
header .surheader nav ul li:first-child a::before{
	content: '\e800';
}
header .surheader nav ul li:last-child a::before{
	content: '\e801';
	margin-right: 10px;
}
header .surheader .connect{
	background: #0a4f61;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    display: block;
    padding: 8px 25px;
    transition:color 0.3s linear,background 0.3s linear;
    line-height: 34px;
}
header .surheader .connect:hover{
	color: #0a4f61;
	background: #ffffff;
}
header .surheader nav .connect::before{
	content: '\f2c0';
    width: 34px;
    height: 34px;
    border-radius: 34px;
    background: #162326;
    margin-right: 10px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition:color 0.3s linear,background 0.3s linear;
}
header .surheader nav .connect:hover,
header .surheader nav .connect:hover::before{
	color:#0a4f61;
	background:#ffffff;
}
/*RECHERCHE*/
header .row{
	display: flex;
    justify-content: space-between;
    padding-top: 60px;
    align-items: flex-end;
}
header .row form{
	display: flex;
    justify-content: flex-end;
    border-bottom:2px solid #44646c;
}
header .row form label{
	display:none;
}
header .row form [type=text]{
	width: 380px;
    border-radius: 0;
    border: none;
    background:none;
    font-size:14px;
    color:#ffffff;
    padding:2px;
    font-weight:300;
}
header .row form [type=text]::placeholder {
  color:#dddddd;
  opacity: 0.7;
  font-weight:300;
}
header .row form [type=text]:-ms-input-placeholder {
  color:#dddddd;
  opacity: 0.7;
  font-weight:300;
}
header .row form [type=text]::-ms-input-placeholder {
  color:#dddddd;
  opacity: 0.7;
  font-weight:300;
}
header .row form [type=submit]{
	color: #ffffff;
    font-size: 18px;
    border: none;
    background: none;
    border-radius: 0;
    outline: none;
    padding: 5px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition:color 0.3s linear;
}
header .row form [type=submit]:hover{
	color:#0a4f61;
}

/*MENU DESKTOP*/
header nav.main-nav{
	margin-top:20px;
}
header nav.main-nav ul{
	display: flex;
}
header nav.main-nav ul li{
	width:calc(100% / 6);
	text-align:center;
	border-bottom:5px solid;
}
header nav.main-nav ul li:first-child{
	border-bottom-color:#fc7f3f;
}
header nav.main-nav ul li:nth-child(2){
	border-bottom-color:#68b5dd;
}
header nav.main-nav ul li:nth-child(3){
	border-bottom-color:#b3c13e;
}
header nav.main-nav ul li:nth-child(4){
	border-bottom-color:#fec842;
}
header nav.main-nav ul li:nth-child(5){
	border-bottom-color:#dd1f43;
}
header nav.main-nav ul li:last-child{
	border-bottom-color:#6d355c;
}
header nav.main-nav ul li a{
    display: flex;
    height: 55px;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    transition:background 0.2s linear;
    color: #ffffff;
}
header nav.main-nav ul li a:hover{
	color:#ffffff;
}
header nav.main-nav ul li:first-child a:hover{
	background:#fc7f3f;
}
header nav.main-nav ul li:nth-child(2) a:hover{
	background:#68b5dd;
}
header nav.main-nav ul li:nth-child(3) a:hover{
	background:#b3c13e;
}
header nav.main-nav ul li:nth-child(4) a:hover{
	background:#fec842;
}
header nav.main-nav ul li:nth-child(5) a:hover{
	background:#dd1f43;
}
header nav.main-nav ul li:last-child a:hover{
	background:#6d355c;
}

/* FOOTER */
footer{
	font-family: "Poppins", Sans-serif;
    background: #06303b;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    overflow:hidden;
    padding-bottom:
}
/*NEWSLETTER*/
footer .newsletter-block{
	background:#0a4f61;
}
footer .newsletter-block .wrapper{
	display:flex;
	align-items:center;
	height:110px;
	flex-wrap:wrap;
}
footer .newsletter-block .wrapper .left{
	width:50%;
}
footer .newsletter-block .wrapper .right{
	width:50%;
	text-align:right;
	padding-left:20px;
}
footer .newsletter-block h4{
	font-size:30px;
	color:#b3c13e;
	text-transform:uppercase;
	margin:0;
	font-weight:bold;
}
footer p{
	margin:0;
}
footer .newsletter-block form{
	display: flex;
    justify-content: flex-end;
}
footer .newsletter-block form label{
	display:none;
}
footer .newsletter-block form [type=email]{
	width: 380px;
    border-radius: 0;
    border: none;
}
footer .newsletter-block form [type=submit]{
	color: #06303b;
    border: none;
    background: #b3c13e;
    border-radius: 0;
    width: 175px;
    outline: none;
    opacity:1;
    transition:opacity 0.3s linear;
}
footer .newsletter-block form [type=submit]:hover{
	opacity:0.7;
}
/*LIENS*/
footer .row{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
	font-size:14px;
}
footer .row:nth-child(2){
	padding-bottom: 70px;
}
footer .row > div{
	padding:0 30px;
	border-left:1px solid #2b4f58;
}
footer .row > div:first-child{
	width:22%;
}
footer .row > div:nth-child(2){
	width:30%;
}
footer .row > div:nth-child(3){
	width:23%;
}
footer .row > div:last-child{
	width:25%;
}
footer .row > div.infos{
	display: flex;
    flex-wrap: wrap;
}
footer .row > div.infos ul{
	width:50%;
}
footer .row h3{
	width:100%;
	font-size:25px;
	font-weight:300;
	margin:0 0 25px 0;
}
footer > .wrapper{
    position:relative;
}
footer .row > div a{
	color:#ffffff;
}
footer .row > div a:hover{
	color:#0a4f61;
}
/*LOGO*/
footer .logo img{
	width:195px;
	display:block;
}
/*SOCIAL*/
footer .social ul{
	display:flex;
}
footer .social li{
	margin-right:6px;
	font-size:0;
}
footer .social li a{
	font-size: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    color: #06303b;
    background: #ffffff;
    position: relative;
    transition: background 0.3s linear;
}
footer .social li a::after{
	font-family: 'fontello';
	font-size:16px;
	font-weight:100;
	position:absolute;
	transform: translate(-50%,-50%);
	top:50%;
	left:50%;
	transition:color 0.3s linear;
}
footer .social li a.facebook::after{
	content: '\f09a';
}
footer .social li a.linkedin::after{
	content: '\f0e1';
}
footer .social li a.youtube::after{
	content: '\f167';
}
footer .social li a:hover{
	background:#0a4f61;
}
footer .social li a:hover::after{
	color:#ffffff;
}
/*CATALOGUE*/
footer .row > div.noborder{
	border:none;
}
footer .row > div a.catalogue{
	display: inline-block;
    background: #ff7e00;
    border: 1px solid #ff7e00;
    text-transform: uppercase;
    padding: 8px 17px 4px 17px;
    transition: all 0.3s linear;
    float: right;
    margin-top: 65px;
}
footer .row > div a.catalogue::before{
	content:url("img/icone-catalogue-orange.png");
}
footer .row > div a.catalogue::before{
	content:url("img/icone-catalogue-blanc.png");
	display:inline-block;
	margin-right:10px;
	vertical-align: -4px;
	transition:all 0.3s linear;
}
footer .row > div a.catalogue:hover{
	background:#ffffff;
	color:#ff7e00;
}
footer .row > div a.catalogue:hover::before{
	content:url("img/icone-catalogue-orange.png");
}
/*CEASY*/
footer .wrapper .ceasy{
	display: flex;
    background: #162326;
    padding: 12px 0 11px 80px;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    right: 0;
}
footer .wrapper .ceasy:before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 42px 42px;
	border-color: transparent transparent #162326 transparent;
	position: absolute;
	top: 0px;
	left: -42px;
}
footer .wrapper .ceasy:after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:100%;
	right:-500%;
	background:#162326;
}
footer .wrapper .ceasy a{
	font-size: 13px;
	color: #cccccc;
}
footer .wrapper .ceasy a:hover{
	color:#aaaaaa;
	transition:color 0.2s linear;
}


/*CARRES DE COULEURS ELEMENTOR*/
/*HOMESLIDER*/
#home-slider .swiper-wrapper.elementor-slides > div .elementor-slide-heading{
	padding-left:15px;
	position:relative; 
	z-index:1;
}
/*
#home-slider .swiper-wrapper.elementor-slides > div .elementor-slide-heading::before{
	content:'';
	display:block;
	width:70px;
	height:70px;
	position:absolute;
	top:-14px;
	left:0px;
	z-index:-1;
}
#home-slider .elementor-slides [data-swiper-slide-index="0"] .elementor-slide-heading::before{
	background:#6d355c !important; mise en oeuvre
}
#home-slider .elementor-slides [data-swiper-slide-index="1"] .elementor-slide-heading::before{
	background:#dd1f43 !important; /*deco
}
#home-slider .elementor-slides [data-swiper-slide-index="2"] .elementor-slide-heading::before{
	background:#fec842 !important; hygiene
}
#home-slider .elementor-slides [data-swiper-slide-index="3"] .elementor-slide-heading::before{
	background:#b3c13e !important; /*isolaiton
}
#home-slider .elementor-slides [data-swiper-slide-index="4"] .elementor-slide-heading::before{
	background:#68b5dd !important; /*brosserie
}
#home-slider .elementor-slides [data-swiper-slide-index="5"] .elementor-slide-heading::before{
	background:#fc7f3f !important; /*outillage
}

/*HOME CONSEIL SLIDER*/
#home-conseil-slider .swiper-slide-contents{
	display: flex;
    flex-direction: column;
    align-items: center;
}
#home-conseil-slider .elementor-slide-description{
	display: inline-block;
    padding:5px 20px;
}
#home-conseil-slider .elementor-slides [data-swiper-slide-index="2"] .elementor-slide-description{
	background:#6d355c !important; /*mise en oeuvre*/
}
#home-conseil-slider .elementor-slides [data-swiper-slide-index="3"] .elementor-slide-description{
	background:#dd1f43 !important; /*deco*/
}
#home-conseil-slider .elementor-slides [data-swiper-slide-index="4"] .elementor-slide-description{
	background:#fec842 !important; /*hygiene*/
}
#home-conseil-slider .elementor-slides [data-swiper-slide-index="5"] .elementor-slide-description{
	background:#b3c13e !important; /*isolaiton*/
}
#home-conseil-slider .elementor-slides [data-swiper-slide-index="1"] .elementor-slide-description{
	background:#68b5dd !important; /*brosserie*/
}
#home-conseil-slider .elementor-slides [data-swiper-slide-index="0"] .elementor-slide-description{
	background:#fc7f3f !important; /*outillage*/
}
#home-conseil-slider .swiper-pagination-bullet{
	border-radius:0;
	opacity:0.7;
	width:18px;
	height:18px;
}
#home-conseil-slider .swiper-pagination-bullet-active{
	opacity:1;
}
#home-conseil-slider .swiper-pagination-bullets span:nth-child(3){
	background:#6d355c !important; /*mise en oeuvre*/
}
#home-conseil-slider .swiper-pagination-bullets span:nth-child(5){
	background:#dd1f43 !important; /*deco*/
}
#home-conseil-slider .swiper-pagination-bullets span:nth-child(4){
	background:#fec842 !important; /*hygiene*/
}
#home-conseil-slider .swiper-pagination-bullets span:nth-child(6){
	background:#b3c13e !important; /*isolaiton*/
}
#home-conseil-slider .swiper-pagination-bullets span:nth-child(2){
	background:#68b5dd !important; /*brosserie*/
}
#home-conseil-slider .swiper-pagination-bullets span:nth-child(1){
	background:#fc7f3f !important; /*outillage*/
}
/*FOOTER*/
div.tnp-subscription form{
	display: flex;
	align-items: flex-end;
}
div.tnp-field.tnp-field-email{
	width: 65%;
}
div.tnp-field.tnp-field-email label{
	color: #ffffff;
}
div.tnp-field.tnp-field-button{
	width: 35%;
}
input.tnp-submit{
background: #B3C13E;
color:#06303B;
border: 0px !important;
width: 100%;
}
/*MAP REVENDEURS*/
iframe html body div div div div div{
	display: none !important;
}

/*PAGE PRODUITS DETAIL*/
body.single-product .pp-advanced-tabs.pp-style-1 .pp-advanced-tabs-wrapper.at-horizontal .pp-advanced-tabs-title{
	width: calc(100%/3);
}

/*Couleur*/
body.single-product div.product_cat-outillage-et-materiel div.tocolorized *{
	color: #FC7F3F !important;
}
body.single-product div.product_cat-outillage-et-materiel div.tocolorized span.pp-second-text{
	color: #06303B !important;
}

/*FIX ELEMENTOR RESPONSIVE*/
@media (max-width: 767px) {
	.elementor-posts .elementor-post{
		display:block !important;
	}
}

@media only screen and (max-width : 1150px) {
	/*HEADER*/
	header{
		border:none;
	}
	header::after{
		display:none;
	}
	header .surheader{
		position:static;
	}
	header .row{
		padding:30px 20px 0 20px;
	}
	/*FOOTER*/
	footer .newsletter-block .wrapper{
		padding:20px;
	}
	footer .newsletter-block form [type=email],
	footer .newsletter-block form [type=submit]{
		width:100%;
	}
	footer .row > div{
		width:50%!important;
		margin-bottom: 30px;
	}
	footer .row > div a.catalogue{
		float:none;
	}
}
@media only screen and (max-width : 880px) {
	/*HEADER*/
	header{
		display:none;
	}
	/*FOOTER*/
	footer .newsletter-block .wrapper{
		height:auto;
	}
	footer .row > div.infos ul{
		width:100%;
	}
}
@media only screen and (max-width : 880px) {
	/*FOOTER*/
	footer .newsletter-block .wrapper .left,
	footer .newsletter-block .wrapper .right{
		width:100%;
		padding:20px;
	}
	footer .row > div{
		width:100%!important;
	}
}

/* ==========================================================================
	POPUP RGPD
========================================================================== */
div#cookie-container-bar{
	display: flex;
	vertical-align: middle;
	justify-content: center;
}
div#cookie-container-bar div#cookie-img-bar{
	display: flex;
	vertical-align: middle;
	align-items: center;
}
div#cookie-container-bar div#cookie-img-bar img{
	width: 150px;
	height: 150px;
}
div#cookie-container-bar div#cookie-text-bar{
	padding: 10px;
	width: 75%;
}
div#cookie-container-bar div.cookie-ss-text-bar{
	font-size:0.8em;
	text-align:center
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message{
	text-align: center;
	font-size:16px
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message strong{
	font-size:1.2em
}
div#cookie-container-bar div#cookie-buttons-bar{
	display: flex;
	justify-content: center;
}
#cookie-law-info-bar{
	text-align: left !important; 
	padding: 15px 15px !important; 
	border-color: rgb(51, 51, 51) !important; 
	border-radius: 15px !important; 
	background-color: rgba(255, 255, 255, 0.97) !important; 
	color: rgb(51, 51, 51); font-family: inherit !important; 
	position: fixed !important; 
	width: 600px !important; 
	height: auto !important; 
	max-height: 500px !important; 
	top: 61% !important; 
	left: 63% !important; 
	transform: translate(-50%, -50%) !important; 
	overflow: auto !important; 
	
}

@media screen and (max-width: 640px) {
	#cookie-law-info-bar{
		padding: 5px 5px !important; 
		width: 100% !important; 
		max-height: 600px !important;
		top: 50% !important;
		left: 47% !important;
		transform: inherit !important;
	}
	
	div#cookie-container-bar div#cookie-text-bar{
		padding: 10px;
		width: 100%;
	}
	#wt-cli-accept-all-btn,
	#wt-cli-reject-btn,
	#wt-cli-settings-btn{
		padding:8px 15px!important;
	}
	div#cookie-container-bar{
		flex-wrap: wrap;
	}
	div#cookie-container-bar div#cookie-text-bar{
		font-size: 12px;
	}
}