@font-face {
    font-family: 'WorkSansRegular';
    src: url('fonts/WorkSansRegular.eot');
    src: url('fonts/WorkSansRegular.eot') format('embedded-opentype'),
         url('fonts/WorkSansRegular.woff2') format('woff2'),
         url('fonts/WorkSansRegular.woff') format('woff'),
         url('fonts/WorkSansRegular.ttf') format('truetype'),
         url('fonts/WorkSansRegular.svg#WorkSansRegular') format('svg');
}
@font-face {
    font-family: 'WorkSansLight';
    src: url('fonts/WorkSansLight.eot');
    src: url('fonts/WorkSansLight.eot') format('embedded-opentype'),
         url('fonts/WorkSansLight.woff2') format('woff2'),
         url('fonts/WorkSansLight.woff') format('woff'),
         url('fonts/WorkSansLight.ttf') format('truetype'),
         url('fonts/WorkSansLight.svg#WorkSansLight') format('svg');
}
@font-face {
    font-family: 'WorkSansMedium';
    src: url('fonts/WorkSansMedium.eot');
    src: url('fonts/WorkSansMedium.eot') format('embedded-opentype'),
         url('fonts/WorkSansMedium.woff2') format('woff2'),
         url('fonts/WorkSansMedium.woff') format('woff'),
         url('fonts/WorkSansMedium.ttf') format('truetype'),
         url('fonts/WorkSansMedium.svg#WorkSansMedium') format('svg');
}
@font-face {
    font-family: 'WorkSansBold';
    src: url('fonts/WorkSansBold.eot');
    src: url('fonts/WorkSansBold.eot') format('embedded-opentype'),
         url('fonts/WorkSansBold.woff2') format('woff2'),
         url('fonts/WorkSansBold.woff') format('woff'),
         url('fonts/WorkSansBold.ttf') format('truetype'),
         url('fonts/WorkSansBold.svg#WorkSansBold') format('svg');
}
@font-face {
    font-family: 'JostLight';
    src: url('fonts/JostLight.eot');
    src: url('fonts/JostLight.eot') format('embedded-opentype'),
         url('fonts/JostLight.woff2') format('woff2'),
         url('fonts/JostLight.woff') format('woff'),
         url('fonts/JostLight.ttf') format('truetype'),
         url('fonts/JostLight.svg#JostLight') format('svg');
}
@font-face {
    font-family: 'JostRegular';
    src: url('fonts/JostRegular.eot');
    src: url('fonts/JostRegular.eot') format('embedded-opentype'),
         url('fonts/JostRegular.woff2') format('woff2'),
         url('fonts/JostRegular.woff') format('woff'),
         url('fonts/JostRegular.ttf') format('truetype'),
         url('fonts/JostRegular.svg#JostRegular') format('svg');
}
@font-face {
    font-family: 'JostBold';
    src: url('fonts/JostBold.eot');
    src: url('fonts/JostBold.eot') format('embedded-opentype'),
         url('fonts/JostBold.woff2') format('woff2'),
         url('fonts/JostBold.woff') format('woff'),
         url('fonts/JostBold.ttf') format('truetype'),
         url('fonts/JostBold.svg#JostBold') format('svg');
}
@font-face {
    font-family: 'JostSemiBold';
    src: url('fonts/JostSemiBold.eot');
    src: url('fonts/JostSemiBold.eot') format('embedded-opentype'),
         url('fonts/JostSemiBold.woff2') format('woff2'),
         url('fonts/JostSemiBold.woff') format('woff'),
         url('fonts/JostSemiBold.ttf') format('truetype'),
         url('fonts/JostSemiBold.svg#JostSemiBold') format('svg');
}
@font-face {
    font-family: 'WorkSansExtraBold';
    src: url('fonts/WorkSansExtraBold.eot');
    src: url('fonts/WorkSansExtraBold.eot') format('embedded-opentype'),
         url('fonts/WorkSansExtraBold.woff2') format('woff2'),
         url('fonts/WorkSansExtraBold.woff') format('woff'),
         url('fonts/WorkSansExtraBold.ttf') format('truetype'),
         url('fonts/WorkSansExtraBold.svg#WorkSansExtraBold') format('svg');
}




*{scrollbar-width:thin;scrollbar-color:#000;}
*::-webkit-scrollbar{width:15px;}
*::-webkit-scrollbar-track{background:#000;}
*::-webkit-scrollbar-thumb{background-color:#00;border-radius:6px;border:3px solid #1f0706;}

body{background:#000;color:#fff;font-family: 'WorkSansRegular';font-size:13px;line-height:27px;}
a{color:#01abcf;text-decoration:underline;transition:all .4s;outline: none !important;}
/*body.pageTemplate{background:#fdf6de;}*/
a:active, a:hover, a:focus{color:#01abcf;text-decoration:none;}
.image-right{float:right;margin:0 0 20px 30px; box-shadow:0px 0px 35px rgba(255,255,255,0.35);}
.image-left{float:left;margin:0 30px 20px 0;}
h1, h2, h3, h4, h5, h6{   font-family: 'JostLight';line-height:1em;text-transform:none;}
h1{font-size:40px; letter-spacing:0em; color:#dfdbd1; text-transform:uppercase;}
h2{font-size:26px;color:#01acd2;   }
h3{font-size:19px;color:#01acd2;}
h4{font-size:18px;color:#dfdbd1;}
h5{font-size:17px;color:#01acd2;}
h6{font-size:16px;color:#dfdbd1;}
hr{border-color:#fff;margin:50px 0 35px;}
.fullsite{position:relative;}
.container{width:1328px;max-width:100%;position: relative;    margin: 0 auto;}
span.phone-responsive{display:none;}
#news-popup-modal .modal__inner #news-popup .popup-wrapper .popup-content {

    color: #000;
}
#news-popup .popup-wrapper .popup-content .news-item-title { font-size: 16px !important;}





.top-logo{    width: 100%;


    position: relative; height:71px; background:#000; top:0; left:0;    float: left;}

.top-logo .part-right{
width: 320px;
    height: 35px;
    margin-top: 20px;
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    float: right;
 
}
.top-logo .part-right .right{ position:relative; width:213px; height:35px;}

.top-logo .part-right .content-social{
width:79px; height:25px;display:flex;justify-content:space-between; margin-top:7px;
position:relative;z-index: 5;
 
}
.top-logo .part-right .content-social .social{display: flex;
    justify-content: space-between;     width: 41px;}
.top-logo .part-right .content-social .networks_linking{display: flex;
    justify-content: space-between;width: 100%}



.top-logo .part-right .content-social .social .networks_linking a{
   display: inline-block;
    font-size: 0em!important;
    cursor: pointer;
    margin: 0px 0 0 0px!important;
    width:21px!important;
    height:21px!important;
    line-height: 36px!important;
    z-index: 1;
    text-decoration: none;
    border-radius: 0%!important;
    float: left;
    position: relative;
    text-align: center;
 

}

.top-logo .part-right .content-social .social a.networks_facebook{ background:url(../images/fb1.png) no-repeat; width: 13px !important;}
.top-logo .part-right .content-social .social a.networks_facebook:hover{ background:url(../images/fb1-h.png) no-repeat;}


.top-logo .part-right .content-social .social a.networks_instagram{ background:url(../images/instagram1.png)no-repeat; margin-top:1px!important;}
.top-logo .part-right .content-social .social a.networks_instagram:hover{ background:url(../images/instagram1-h.png) no-repeat;}

.top-logo .part-right  .wats{
position: relative;
    width: 26px;
    height:26px;
    background:url(../images/wats.png) right center no-repeat;
   
}
.top-logo .part-right  .wats a{ position:absolute; left:0; top:0; bottom:0; right:0; z-index:1;}
.top-logo .part-right  .wats:hover{  background:url(../images/wats.png) right center no-repeat;}

.top-logo .part-right  .wats .fa-circle:before {

    content: '' !important;
}

.top-logo .part-right  .wats .fa-whatsapp:before {
content: '' !important;
}
.webshop-search-caddy .account-popup,
.webshop-search-caddy .search-popup{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.85);opacity:0;        z-index: 1000;transition:opacity .6s;pointer-events:none;display:flex;justify-content:center;align-items:center;}
.account-popup {
    display: none !important;
}
.searchForm {
    position: relative!important;
    width: 100%!important;
    height: 100%!important;    pointer-events: auto;
}.container-Search {
    position: relative;
    width: 100%;
    height: 100%;
}
.search-popup-close {
    display: none;
}
.account-active .webshop-search-caddy .account-popup,
.search-active .webshop-search-caddy .search-popup{opacity:1;pointer-events:all;}
.webshop-search-caddy .account-popup #user-login,
.webshop-search-caddy .search-popup .searchForm{}
.account-active .webshop-search-caddy .account-popup #user-login,
.search-active .webshop-search-caddy .search-popup .searchForm{transform:scale(1);}
.webshop-search-caddy .account-popup #user-login{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px;}
.webshop-search-caddy .account-popup #user-login h2{grid-column:1/-1;padding:0;margin:0 0 15px;    color: #fff;}
.webshop-search-caddy .account-popup #user-login input.field{font-size:1em;line-height:1.35em;border:none;border-bottom:2px solid #999;background:none;padding:10px;display:inline-block;width:auto;height:auto;margin:0;color:#eee;transition:border-bottom-color .6s, color .6s;}
.webshop-search-caddy .account-popup #user-login input.field:focus{border-bottom-color:#fff;color:#fff;}
.webshop-search-caddy .account-popup #user-login .registrate,
.webshop-search-caddy .account-popup #user-login .forgot{margin:0;line-height:inherit;}
.webshop-search-caddy .account-popup #user-login .registrate{text-align:right;}
.webshop-search-caddy .account-popup #user-login .forgot{text-align:left;}
.webshop-search-caddy .account-popup #user-login .separator{display:none;}
.webshop-search-caddy .account-popup #user-login .catalog-login-with-facebook,
.webshop-search-caddy .account-popup #user-login .catalog-login-with-google{font-size:.8em;}
.webshop-search-caddy .account-popup #user-login .catalog-login-divider{grid-column:1/-1;}
.webshop-search-caddy .account-popup #user-login .Send{grid-column:1/-1;background:#0085a2;display:block;border:none;color:#fff;font-size:.8em;text-transform:uppercase;font-weight:bold;padding:10px;transition:background .6s, color .6s;text-align:center;}
.webshop-search-caddy .account-popup #user-login .Send span{display:none;}
.webshop-search-caddy .account-popup #user-login .Send:hover{background:#fff;color:#000;}
.webshop-search-caddy .account-popup .user-wishlist{display:none;}
.webshop-search-caddy .search-popup .searchForm #searchcatalog{position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    height: 100%;}
.webshop-search-caddy .search-popup .searchForm #searchcatalog label{    display: block;
    text-align: left;
    font-size: 0;
    font-weight: normal;
    padding-left: 15px;}
.webshop-search-caddy .search-popup .searchForm #searchcatalog input#tags{background: none;
    width: 100%;
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 32px;
    border: 0;
    display: block;
    border-bottom: none;
    transition: border-bottom-color .6s;
    position: absolute;
    top: 0;
    font-style: italic;
    padding-left: 15px;}
.webshop-search-caddy .search-popup .searchForm #searchcatalog input#tags:focus{    border-bottom-color: transparent;
    color: #000;    outline: none;}
.webshop-search-caddy .search-popup .searchForm #searchcatalog input#BtnSearch{background:none;border:0;padding:0;font-size:0em;width:36px;height:50px;display:block;position:absolute;right:0;bottom:2px;z-index:1;}
.webshop-search-caddy .search-popup .searchForm #searchcatalog .container-Search::after{content: '\f002';
    font-size: 0;
    line-height: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: 3px;
    width: 30px;
    display: block;
    text-align: center;
    z-index: 2;
    pointer-events: none;
    height: 30px;
    right: 2px;}
.webshop-search-caddy .account-popup .search-popup-close,
.webshop-search-caddy .search-popup .search-popup-close{position:absolute;right:50px;top:50px;color:#0085a2;font-size:2em;line-height:1em;transition:color .6s, transform .6s;cursor:pointer;}
.webshop-search-caddy .account-popup .search-popup-close:hover,
.webshop-search-caddy .search-popup .search-popup-close:hover{color:#fff;transform:rotate(90deg);}
.caddy-button i.fas{ width:15px; height:17px; content:''; background:url(../images/pan1.png) no-repeat; font-size:0;float: left;}
 .caddy-button i.fas:hover{ background:url(../images/pan1-h.png) no-repeat;}
.fa-shopping-cart::before {
  content: "";
}



header.top{position: relative;

    height:90px;
    width: 100%;
    float: left;
    z-index: 4;
  top: 0px; 
}
.is-sticky header.top{position:fixed;box-shadow:0 0 5px #fff;top:0;left:0;right:0;z-index: 10;background:#020202; top:0;}

div#sticky-wrapper{    height: 90px !important;
    position: absolute;
    left: 0;
    top: 69px;
    width: 100%;}

.is-sticky header.top div#sticky-wrapper{ top:0; }


.webshop-search-caddy{ float:right; margin-top:9px;} 




.webshop-search-caddy{position:relative;display:flex;grid-gap:7px;}
.webshop-search-caddy .search-button, .webshop-search-caddy .account-button, .webshop-search-caddy .account-button-logged, .webshop-search-caddy .wishlist-button, .webshop-search-caddy .caddy-button{position:relative;display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;cursor:pointer;background:none;font-size:18px;color:#d7cdb6;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:0.7px;-webkit-text-stroke-color:#fd7cdb6ff; }

.webshop-search-caddy{          position: relative;
    display: flex;
grid-gap: 9px;
    margin-left: 0;}
.webshop-search-caddy .search-button, .webshop-search-caddy .account-button, .webshop-search-caddy .account-button-logged, .webshop-search-caddy .wishlist-button, .webshop-search-caddy .caddy-button{position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
line-height: 19px;
    text-align: center;
    cursor: pointer;
    background: none;
    font-size: 15px;
    color: #d7cdb6;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d7cdb6;
    background: none;}


a.account-button{ display:none!important}
a.wishlist-button{display:none!important}
.caddy-button{display:none!important}

.search-popup {
    position: absolute !important;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    background: none !important;
    z-index: 100;
    display: table-header-group;
    width: 213px;
    height: 35px;
    background: url(../images/recherche.png) no-repeat !important;
    border: none !important;
}
.webshop-search-caddy {
    display: block!important;    width: 213px;
    height: 35px;
 margin: 0 !important;}
.webshop-search-caddy .search-button{     display: none;}
a.wishlist-button{}
.webshop-search-caddy .search-button:hover, .webshop-search-caddy .account-button:hover, .webshop-search-caddy .account-button-logged:hover, .webshop-search-caddy .wishlist-button:hover, .webshop-search-caddy .caddy-button:hover{-webkit-text-stroke-color: #fff; }

.webshop-search-caddy .caddy-button #CaddyCount{    position: absolute;
    right: -10px;
    top: -10px;
    /* background: #d7cdb6; */
    color: #000 !important;
    z-index: 3;
    line-height: 15px;
    font-size: 13px;
    border-radius: 50%;
    pointer-events: none;
    width: 15px;
    background: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: inherit;
    -webkit-text-stroke-color: initial;}

.webshop-search-caddy .caddy-button #CaddyCount:empty{display:none;}
.webshop-search-caddy .account-button i,
.webshop-search-caddy .wishlist-button i{-webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d7cdb6;
}

	
.fa-user:before {
    content: "\f007";
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d7cdb6;
}
.fa-user:hover:before{ -webkit-text-stroke-color: #d7cdb6;}
.webshop-search-caddy .account-button:hover i,
.webshop-search-caddy .wishlist-button:hover i{  -webkit-text-stroke-color: #fff;}
.webshop-search-caddy .account-button-logged i,
.webshop-search-caddy .search-button i,
.webshop-search-caddy .caddy-button i{font-size: 15px;width:16px;height:17px;background-repeat:no-repeat;background-position:center top;position:absolute;left:0;top: 0px;    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d7cdb6;}


.webshop-search-caddy .search-button:hover i,
.webshop-search-caddy .account-button-logged:hover i,
.webshop-search-caddy .caddy-button:hover i{  -webkit-text-stroke-color: #fff;}
.webshop-search-caddy .search-button i{/* background-image:url(../images/icon-search.png) */}
.webshop-search-caddy .account-button-logged i{/* background-image:url(../images/icon-user.png); */}
.webshop-search-caddy .caddy-button i{/* background-image:url(../images/icon-shop.png) */}
.webshop-search-caddy .account-popup,
.webshop-search-caddy .search-popup{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.85);opacity:0;z-index:100;transition:opacity .6s;pointer-events:none;display:flex;justify-content:center;align-items:center;}
.webshop-search-caddy .account-button-logged .fa-user:before {
    content: "\f007";
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d7cdb6;
}


 header.top .header-grid{ 
display:flex;    justify-content: space-between;
    padding: 0px 0; width:100%; border-bottom:1px solid #ffff;

}



header.top nav.main-nav{             position: relative;
    z-index: 3;
    display: table;
    margin: 0 auto;
}

nav.mobile-nav{display:none;}
nav.mobile-nav{position:relative;    z-index: 6;}


.bg-top{    height:546px;
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 0px;
    background: url(../images/banner2.jpg) center center no-repeat;
    background-size: cover;
}
.bg-top.small2.small21{      background: url(../images/banner2.jpg) center center no-repeat;  background-size: cover;}
.bg-top.small2.small22{ background: url(../images/banner-4.jpg) center center no-repeat;    background-size: cover;}
.bg-top.small2.small23{ 
  background: url(../images/banner3.jpg) center center no-repeat; background-size: cover;}}
.bg-top.small2.small24{background: url(../images/banner5.jpg) center center no-repeat;    background-size: cover;}
.bg-top .banner2{ display:none}
.bg-top.small2 {
    height: 500px;
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 0px;
}
.pageContact .bg-top.small2{
    background: url(../images/banner-contact.jpg) center center no-repeat;    background-size: cover;
}
.pageCatalogue .bg-top{
    background: url(../images/banner-catalogue.jpg) center center no-repeat;    background-size: cover;
}
.bg-top.small2 .banner2{ display:block}
.bg-top:before{ position:absolute; left:0px; top:0px; width:100%; height:100%; content:'';  z-index: 2; background:rgba(0,0,0,0.25);}
.bg-top.home{height:933px;}
.banner {
position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;    
 
}
.bg-top.home.small {
    height: 400px;
}
.banner2.small {
    display: none;
}
.banner2 {
    position: absolute;
right:0;
    width: 100%;
    height: 100%;   bottom: 0;   

}

.camera_wrap {
    width: 100%;
    height: 100%;
    margin: 0 !important;

}

 .fluid_container{
width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    right: 0;
    top: 0;
}


.banner.small2{ display:none;}


.banner #slideshow{position:relative;left:0;right:0;top:0;bottom:0;margin:0 !important;}
.banner  .fluid_container #slideshow .camera_pag {
position: absolute;
    bottom: 12px;
    width: 100%!important;
    height: auto;
    margin: 0 auto;
    z-index: 2;
}


.banner  .fluid_container #slideshow .camera_pag  .camera_pag_ul {
list-style: none;
    margin: 0;
    padding: 0;
    text-align: center!important;
    padding-right: 0px !important;
    width: 100%!important;
    margin: 0 auto!important;
    padding-left:0px!important;
}


.banner .fluid_container #slideshow .camera_pag_ul li {
margin: 0 1.25px 0px 1.25px;
	background: none;
	display:inline-block;
    width: 20px;
    height: 20px;
	border-radius:50%;

}


.banner .fluid_container #slideshow .camera_pag_ul li > span {
    left: 0px;
    top:5px;
	right:0px;
    margin:0 auto;
width:6px;
    height: 6px;
 border-radius:50%;
background:rgba(255, 255, 255, 0.5);
}

.banner .fluid_container #slideshow .camera_pag_ul li.cameracurrent> span {background:rgba(255, 255, 255, 1);}


.banner .fluid_container #slideshow .camera_pag_ul li.cameracurrent {

}

.banner #slideshow img{    object-fit: cover;}


.banner2  .fluid_container #slideshow .camera_pag {
position: absolute;
    bottom: 12px;
    width: 100%!important;
    height: auto;
    margin: 0 auto;
    z-index: 2;
}


.banner2  .fluid_container #slideshow .camera_pag  .camera_pag_ul {
list-style: none;
    margin: 0;
    padding: 0;
    text-align: center!important;
    padding-right: 0px !important;
    width: 100%!important;
    margin: 0 auto!important;
    padding-left:0px!important;
}


.banner2 .fluid_container #slideshow .camera_pag_ul li {
margin: 0 1.25px 0px 1.25px;
	background: none;
	display:inline-block;
    width: 23px;
    height: 23px;
	border-radius:50%;

}


.banner2 .fluid_container #slideshow .camera_pag_ul li > span {
    left: 0;
    top:5px;
	right:0px;
    margin:0 auto;
width:5px;
    height: 5px;
 border-radius:50%;
background:rgba(255,255,255,1);
}




.banner2 .fluid_container #slideshow .camera_pag_ul li.cameracurrent {

}

.banner2 #slideshow img{    object-fit: cover;}





/*********************************
.is-sticky  .webshop-search-caddy .account-button i,
.is-sticky  .webshop-search-caddy .wishlist-button i{-webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.is-sticky .webshop-search-caddy .search-button, .is-sticky .webshop-search-caddy .account-button, .is-sticky .webshop-search-caddy .account-button-logged, .webshop-search-caddy .is-sticky .wishlist-button,.is-sticky  .webshop-search-caddy .caddy-button{position:relative;display:inline-block;width:41px;height:42px;line-height:42px;text-align:center;border-radius:50%;cursor:pointer;background:none; font-size: 18px;color: #fff!important;-webkit-text-fill-color: white; -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff!important; border:1px solid #fff!important;}
	
.is-sticky  .fa-user:before {
    content: "\f007";
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff!important;
}

.is-sticky  .webshop-search-caddy .account-button:hover i,
.is-sticky  .webshop-search-caddy .wishlist-button:hover i{  -webkit-text-stroke-color: #ce9f7c!important;}
.is-sticky  .webshop-search-caddy .account-button-logged i,
.is-sticky  .webshop-search-caddy .search-button i,
.is-sticky  .webshop-search-caddy .caddy-button i{font-size: 19px;width:41px;height:42px;background-repeat:no-repeat;background-position:center top;position:absolute;left:0;top: 11px;    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff!important;}

.is-sticky  .webshop-search-caddy .search-button:hover i,
.is-sticky  .webshop-search-caddy .account-button-logged:hover i,
.is-sticky  .webshop-search-caddy .caddy-button:hover i{-webkit-text-stroke-color: #fff!important;}*/



/**********************************/




/*********************************/
/*
.bg-top.home  .webshop-search-caddy .account-button i,
.bg-top.home .webshop-search-caddy .wishlist-button i{-webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.bg-top.home .webshop-search-caddy .search-button, .bg-top.home .webshop-search-caddy .account-button, .bg-top.home .webshop-search-caddy .account-button-logged, .webshop-search-caddy .bg-top.home.wishlist-button,.bg-top.home .webshop-search-caddy .caddy-button{position:relative;display:inline-block;width:41px;height:42px;line-height:42px;text-align:center;border-radius:50%;cursor:pointer;background:none; font-size: 18px;color: #fff;-webkit-text-fill-color: white; -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff; border:1px solid #fff;}
	
.bg-top.home  .fa-user:before {
    content: "\f007";
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

 .webshop-search-caddy .account-button:hover i,
  .webshop-search-caddy .wishlist-button:hover i{  -webkit-text-stroke-color: #ce9f7c!important;}
.bg-top.home  .webshop-search-caddy .account-button-logged i,
.bg-top.home .webshop-search-caddy .search-button i,
.bg-top.home  .webshop-search-caddy .caddy-button i{font-size: 19px;width:41px;height:42px;background-repeat:no-repeat;background-position:center top;position:absolute;left:0;top: 11px;    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;}

.bg-top.home  .webshop-search-caddy .search-button:hover i,
.bg-top.home  .webshop-search-caddy .account-button-logged:hover i,
.bg-top.home  .webshop-search-caddy .caddy-button:hover i{-webkit-text-stroke-color: #ce9f7c;}
.webshop-search-caddy .search-button i{/* background-image:url(../images/icon-search.png) }
.webshop-search-caddy .account-button-logged i{/* background-image:url(../images/icon-user.png); }
.webshop-search-caddy .caddy-button i{/* background-image:url(../images/icon-shop.png) }


.bg-top.home  .webshop-search-caddy .account-button-logged .fa-user:before {
    content: "\f007";
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
*/



.bg-top.home .part-left{  
         margin-top: 305px;
}


.bg-top .part-left {      float: left;
    margin-top:60px;
    margin-left: 0px;
    position: relative;
    width: 100%;
max-width:100%;
    text-align: center;
    z-index: 3;pointer-events: auto;}
.bg-top.small2 .part-left {     margin-top: 114px; }

 .logo {     position: relative;
  
    margin: 0 auto;

    margin-bottom: 25px;
    max-width:385px;}

.logo img{ max-width:100%;}
.container.small .part-left {  float: none;
    margin: 0 auto;
    margin-top: 100px;}

.banner2.small2 {
    display: none;
}.container.small2 {
    display: none;
}
.part-slogon.small2{ display:none;}

{ display:none;}
.fluid_container {

    z-index: inherit!important;
  
}.camera_wrap {
 
    z-index: inherit!important;
}

.bg-top.home .part-left .part-slogon{        position: relative;
width: 100%;
}


.bg-top .part-left h2{      margin: 0px 0px 21px;
    text-transform: none;
    position: relative;
font-style:italic;
    font-size: 30px;
font-style:italic;
font-family: 'JostSemiBold';
    letter-spacing: 0.04em;
    color: #fff;text-shadow:0px 0px 24px rgba(0,0,0,0.75),0px 0px 24px rgba(0,0,0,0.75),0px 0px 24px rgba(0,0,0,0.75),0px 0px 18px rgba(0,0,0,0.75);

}


.bg-top .part-left h6{    margin: 0px 0px 24px;
    text-transform: none;
    position: relative;
    font-size: 26px; line-height:23px;
    letter-spacing: 0.04em;
    color: #0291bb;text-shadow:0px 0px 24px rgba(0,0,0,0.75),0px 0px 24px rgba(0,0,0,0.75),0px 0px 24px rgba(0,0,0,0.75),0px 0px 18px rgba(0,0,0,0.75);
 font-family: 'JostLight';font-style:italic;
}


.bg-top .part-left  .bouton{
width:396px;
height:54px;        
position: relative;

    text-align: left;
    margin: 0 auto;
    font-size:17px;
    letter-spacing: 0em;
    text-transform:none;
    display: block;
    z-index: 2;
background:#fff;
line-height: 54px;
    border-radius: 24px;


 }
.bg-top .part-left .bouton:hover{background:#0291bb;}
.bg-top .part-left .bouton a{ color:#000000;    text-decoration:none;  left:0px; top:0px; padding-left:32px; width:100%; height:100%;    position: absolute;}
.bg-top .part-left .bouton:hover a{ color:#fff; text-decoration:none;}
.bg-top .part-left  .bouton:before{ position:absolute; right:12px; top:10px; width:34px; height:34px; content:''; background:url(../images/fleche.png) no-repeat;}

.bg-top .part-left  .bouton:hover:before{ background:url(../images/fleche-h.png) no-repeat}


header.top .bouton{  display:none;}
.is-sticky header.top  .bouton{
position: absolute;
    pointer-events: auto;
    height: 47px;
    line-height: 47px;
    text-align: center;
    letter-spacing: 0em;
    font-size: 14px;
    color: #fff;
    right: 62px;
bottom: -48px;
    z-index: 2;
    display: block;
    padding: 0 20px;
    text-transform: none;
    border-radius: 28px;
}
.is-sticky header.top  .bouton a{ color:#fff; text-decoration:none;}
.is-sticky header.top  .bouton:hover a{ color:#000; text-decoration:none;}


.is-sticky header.top  .bouton:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #0291bb; 
z-index:-2; border-radius:28px;


}
.is-sticky header.top .bouton:hover:before {
    opacity:0;
}

.is-sticky header.top .bouton:after {
    position: absolute;
    content: '';
    left: 0;
    width: 0;
    top: 0;
    bottom: 0; 
    background:#fff;border-radius:28px;
    transition: width .3s;z-index:-1;   


width:0;
}
.is-sticky header.top .bouton:hover:after {
    width:100%;
}

.is-sticky header.top .bouton:hover a{ color:#000; text-shadow:none;}
/******************************************/
header.top .bouton2{  display:none;}
.is-sticky header.top .bouton2{          position: absolute;
    pointer-events: auto;
    height: 47px;
    line-height: 47px;
    text-align: center;
    letter-spacing: 0em;
    font-size: 14px;
    color: #fff;
    right: 15px;
   bottom: -48px;
    z-index: 4;
    display: block;
    padding: 0 0px;
    text-transform: none;
    padding:13px 0px;
    width: 47px;    }
.is-sticky header.top .bouton2 .wats{    position: relative;

  margin: 0 auto;
width: 20px;
  height: 20px;
  background:url(../images/wats11.png) center center no-repeat;
  pointer-events: auto;
  display: block !important;}
.is-sticky header.top .bouton2:hover .wats{   
  background:url(../images/wats11-h.png) center center no-repeat;
}


.is-sticky header.top .bouton2 .wats .fa-circle:before {

    content: '' !important;
}

.is-sticky header.top  .wats .fa-whatsapp:before {
content: '' !important;
}
.is-sticky header.top  .bouton2 a{ color:#000; text-decoration:none;}
.is-sticky header.top .bouton2:hover a{ color:#000; text-decoration:none;}


.is-sticky  header.top .bouton2:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #0291bb;border-radius:28px;
z-index:-2;   


}
.is-sticky header.top  .bouton2:hover:before {
    opacity:0;
}

.is-sticky header.top  .bouton2:after {
    position: absolute;
    content: '';
    left: 0;
    width: 0;
    top: 0;
    bottom: 0; 
    background:#fff;  border-radius:28px;
    transition: width .3s;z-index:-1;


width:0;
}
.is-sticky header.top .bouton2:hover:after {
    width:100%;
}

.is-sticky header.top .bouton2:hover a{ color:#000; text-shadow:none;}


.fa-whatsapp:before {
    content: "";
}


aside.cart-sidebar {
	position: fixed;
	right: -350px;
	top: 0;
	bottom: 0;
	overflow: auto;
	width: 300px;
	padding: 20px;
	background: #000;
	color: #fff;
	z-index: 120;
	transition: all .4s;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
}
aside.cart-sidebar.active {
	right: 0;
}
aside.cart-sidebar .caddy-close {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}
aside.cart-sidebar .caddy-close span {
	width: 30px;
	height: 30px;
	background: #0085a2 url(../images/icon-close.png) center no-repeat;
	display: block;
	transition: background .4s;
}
aside.cart-sidebar .caddy-close:hover span {
	background-color: #999;
}
aside.cart-sidebar h3 {
    
    font-size: 22px;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    margin: 0 0 20px;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}
aside.cart-sidebar a {
      color: #fff;
}
aside.cart-sidebar .box_cart ul#catalog_cart {
    margin-left: 0;
    }
aside.cart-sidebar .caddy-total {
	font-size: 20px;
	padding: 5px 0 20px;
	color: #000;
	text-align: center;
}
aside.cart-sidebar .caddy-total #catalog_cart_mini-price {
    /*display: none;*/
}
aside.cart-sidebar .box_cart {
    display: grid;
}
aside.cart-sidebar ul,
aside.cart-sidebar li {
    list-style: none;
    margin: 0;
    padding: 0;
}
aside.cart-sidebar ul.Cart li.row {
    position: relative;
  padding: 15px 0px 15px 30px;
  margin: 0;
  font-size: 16px;
}
aside.cart-sidebar ul.Cart li.row:first-child {
  border-top: 0;
}
aside.cart-sidebar ul.Cart li.row span.cartQty {
	display: inline-block;
	padding: 0 1px;
}
aside.cart-sidebar ul.Cart li.row span.cartQty + a {
	margin-left: 3px;
}
aside.cart-sidebar ul.Cart li.row a {
	font-weight: bold;
	font-size: 17px;
}
aside.cart-sidebar ul.Cart li.row strong.cartPrice {
	display: block;
	clear: both;
	text-align: right;
	font-size: 17px;
}
aside.cart-sidebar ul.Cart li.row a.Remove {
    position: absolute;
    left: 0;
    top: 16px;
    padding: 0;
    color: #fff;
    background: #0085a2 url(../images/icon-close.png) no-repeat center;
    background-size: 30%;
    border-radius: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
}
aside.cart-sidebar ul.Cart li.row a.Remove:hover {
    background-color: #999;
}
aside.cart-sidebar .mini-cart-option {
    background: #0085a2;
    color: #fff;
    margin: 5px 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px;
    display: block;
    text-align: center;
}
aside.cart-sidebar .mini-cart-option:hover {
    background: #0085a2;
}
aside.cart-sidebar .mini-cart-option-cart {
    order: 2;
}
aside.cart-sidebar .mini-cart-option-order {
    order: 1;
}



.categorie{    position: relative;
    overflow: hidden;
    padding:55px 0px 30px;

text-align:center;



    margin-top: 0px;
  width: 100%;


    float: left; text-align:center;}




.box-categorie{      
    position: relative; }
.box-categorie a{ text-decoration:none;}


.box-categorie{  position: relative;
    width: 100%;
    float: none;
    display: flex;
    justify-content: space-between;
    max-width: 57%;
    margin: 0 auto;
}

.box-categorie .box{        position: relative;

}

.box-categorie .box h3{
    position: relative;
    color: #fff;
    font-size: 14px;
       margin: 0px 0px 0px 0px;
    letter-spacing: 0em;
    font-style: normal; font-family: 'WorkSansRegular';
    text-transform:uppercase;



   }
.box-categorie .box2:before{ position: absolute;
    left: -66px;
    top: 4px;
    width: 1px;
    height: 10px;
    content: '';
    background: #0291bb;}
.box-categorie .box2:after{ position:absolute;     right: -82px; top:4px; width:1px; height:10px; content:''; background:#0291bb;}


main.content-wrapper.home{    position: relative;
    padding: 122px 0 0px;

    letter-spacing: 0.04em;

    width: 100%;
    float: left;}

main.content-wrapper.home header.page-title h1{ display:none;}


main.content-wrapper header.page-title{position:relative;display:table; }
main.content-wrapper header.page-title h1{
position: relative;
     margin-bottom: 25px;

    text-align: left; display:block; width:auto; display:table;     }

main.content-wrapper header.page-title h1 span:first-child{           display: block;
    color: #01acd2;
    font-size: 25px;
    letter-spacing: -0.01em;
    text-transform: none;
    position: relative;
    z-index: 1;
    margin-top: 0px;
    font-style: italic;
}



main.content-wrapper header.page-title h1 span:last-child{           display: block;
    color: #dfdbd1;
    font-size: 20px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    margin-top: 0px;
    font-style: normal;
}



.box-light {
    background: #11111157;
    padding: 15px;
    margin: 26px 0 20px;    border-radius: 10px;
}
.box-light h1 span:first-child {
    display: block;
    color: #01acd2;
    font-size: 25px;
    letter-spacing: -0.01em;
    text-transform: none;
    position: relative;
    z-index: 1;
    margin-top: 0px;
    font-style: italic;
}
.box-light .wats{    position: relative;

  margin:30px auto;
width: 348px;
  height: 30px;
  background:url(../images/wats2.png) left center no-repeat;
  pointer-events: auto;
  display: block !important;    line-height: 30px;font-size: 26px;}
.box-light .wats:hover{   
  background:url(../images/wats2-h.png) left center no-repeat;
}
span.fa-stack.fa-lg.WhatsApp-contact-icon {
    width: 30px;
      height: 20px;
}
.box-light .wats .fa-circle:before {
    content: '' !important;
}

.box-light  .wats .fa-whatsapp:before {
content: '' !important;
}
body.pageTemplate main.content-wrapper {
           padding: 90px 0 50px;
    width: 100%;
    float: left; 

}
main.content-wrapper {
    padding: 55px 0 50px;
    width: 100%;
    float: left;
}
main.content-wrapper .content{    position: relative;
    width: 100%;
    float: left; padding:40px 50px;}
main.content-wrapper.home .content{       padding: 15px 50px 120px 140px;}
main.content-wrapper .content:before{ position:absolute; left:0; top:0; bottom:0; right:0; content:''; background:#222222;    z-index: -1;}

main.content-wrapper.home .content:before{ position:absolute; left:107px; }
main.content-wrapper .content a{ text-shadow:none;}



main.content-wrapper p{margin:0 0 20px;letter-spacing:0.04em;}
main.content-wrapper.home .img-left{   float: left;
    margin: -73px 70px 125px -140px;
    position: relative;
    width: 100%;
    max-width: 525px;}
main.content-wrapper.home .img-left img{ width:100%; margin:0;}
main.content-wrapper.home .img-left:before{ position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 228px;
    height: 161px;
    content: '';
    background: url(../images/Aqua-Pool-System3.png) no-repeat;
    z-index: 2;
    bottom: -90px;}


main.content-wrapper ul{padding-left:10px;letter-spacing:0em; display:table;    text-align: left;}

main.content-wrapper ul li{position:relative;padding-left:20px;list-style:none; letter-spacing: 0.08em;background: url(../images/list-icon01.png) no-repeat 0 5px;}
main.content-wrapper ul ul{list-style-type:circle;}
main.content-wrapper .table-style{position:relative;letter-spacing:.1em;}
main.content-wrapper .table-style td{text-shadow:0 0 0 #ececec;}
main.content-wrapper .table-style th{background:#ce9f7c;color:#fff;}
main.content-wrapper .table-style th,
main.content-wrapper .table-style td{border:1px solid #ccc;padding:7px 5px;}
.moretext {
  display: none;    overflow: visible !important;
}
a.moreless-button {
    cursor: pointer;
 width:153px; height:43px; line-height:43px; text-align:center; letter-spacing:0.16em; font-size:14px; color:#0085a2; border:2px solid #0085a2;

    margin-top:30px;
    display: table;
    z-index: 2; text-decoration:none;
 



 
}
a.moreless-button:hover{ background:#0085a2; color:#000;}




#news-popup .popup-wrapper .popup-content .news-item-title{    font-size: 17px !important;
    color: #000;}
main.content-wrapper .news-footer{    position: relative;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
        background: #e8e8e821;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .05);
    display: flex
;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-radius: 9px;    width: 100%;
  }
main.content-wrapper .news-footer .news-share .addthis_toolbox{display:inline-block;vertical-align:middle;}
main.content-wrapper .news-footer .news-share .addthis_toolbox a{cursor:pointer;margin-left:5px;padding:0;}
main.content-wrapper .news-footer .news-share .addthis_toolbox a::after{font-family:"Font Awesome 5 Brands";font-weight:400;color:#fff;background:#c6366b;border-radius:50%;width:32px;line-height:32px;font-size:14px;display:inline-block;text-align:center;transition:background .6s;}
main.content-wrapper .news-footer .news-share .addthis_toolbox a:hover:after{background:#222;}
main.content-wrapper .news-footer .news-share .addthis_toolbox a.addthis_button_facebook:after{content:'\f39e';}
main.content-wrapper .news-footer .news-share .addthis_toolbox a.addthis_button_twitter:after{content:'\f099';}
main.content-wrapper .news-footer .news-share .addthis_toolbox a.addthis_button_linkedin:after{content:'\f0e1';}
main.content-wrapper .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone_share:after{content:'\f0d5';}
main.content-wrapper .news-footer .news-share .addthis_toolbox a.addthis_button_email:after{font-family:"Font Awesome 5 Free";font-weight:900;content:'\f0e0';}
main.content-wrapper .news-footer .news-share .addthis_toolbox a.addthis_button_pinterest_share:after{content:'\f231';}
main.content-wrapper .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone:after{content:'\f0d5';}
main.content-wrapper .news-footer .news-share .addthis_toolbox a span{display:none;}
main.content-wrapper .news-footer .news-back{}
main.content-wrapper .news-footer .networks_linking a{
    display: inline-block;
    font-size: 2.2em;
    cursor: pointer;
    margin: 0px 0px 0 5px!important;
    width: 43px!important;
    height: 43px!important;
    z-index: 1;
    text-decoration: none;
    border-radius: 50%!important;
    float: left;
    position: relative;
    background: #dadada!important;
    color: #fff;
    line-height: 47px;

    text-align: center;}
main.content-wrapper .news-footer .networks_linking a:hover{ background:#fff!important; color:#000;}




main.content-wrapper .news-footer .news-back a{display:inline-block;font-size:.8em;font-weight:bold;text-transform:uppercase;text-decoration:none;    background: #d5d5d5;color:#000;padding:10px 20px;}
main.content-wrapper .news-footer .news-back a:hover{background:#0085a2; color:#fff;}
main.content-wrapper .news-footer .news-back a i{margin-right:5px;}
main.content-wrapper .content #AllNews{position:relative;padding-top:30px}
 /*div#AllNews .Item .nophoto,div#AllNews .Item .photo {
    grid-column: 1/3;
    grid-row: 1 / 4;
    position: relative;
    box-shadow: 0 0 0 rgba(255,255,255,.05);
    transition: box-shadow .4s
}

div#AllNews .Item .photo img {
    object-fit: cover;
    transition: all .6s;
    height: 100%;
    width: 100%
}

div#AllNews .news-col {
    width: 100%
}

div#AllNews .Item h3 {
    margin: 0 0 15px;
    color: #000;
}

div#AllNews .Item i.fa-duotone.fa-image {
    display: none
}

div#AllNews .Item {
    position: relative;
    display: grid;
    grid-template-columns: .6fr 30px 1fr;
    grid-template-rows: 50px 1fr 50px;
    margin-bottom: 50px
}

div#AllNews .Item .date {
    display: none
}

div#AllNews .Item:hover .nophoto,div#AllNews .Item:hover .photo {
    box-shadow: 20px -20px 0 rgba(255,255,255,.1)
}

div#AllNews .Item .nophoto {
    background: var(--bs-nav-link-color) url(../images/icon-resto-white.webp) no-repeat center;
    box-shadow: 0 0 0 red
}

div#AllNews .Item .news-desc {
    grid-column: 2 / 4;
    grid-row: 2 / 3;
    z-index: 2;
     background: #f8ebe0;
    padding: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

div#AllNews .Item .button::before {
    content: '';
    position: absolute;
    left: 0;
    right: 100%;
    background: #d3beb1;
    transition: all .4s;
    top: 0;
    bottom: 0;
    z-index: -1
}

div#AllNews .Item .button {
    color: #000 !important;
    border: 1px solid #ce9f7c!important;
    display: table;
    margin: 40px 0 0;
    font-weight: 300;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 35px;
    transition: all .4s;
    position: relative;
    z-index: 1;
    background: none !important;
}
.btn.btn-primary.news-article-back-btn {
    float: right;
}
div#AllNews .Item .button:hover {
    color: #000
}

div#AllNews .Item .button:hover::before {
    right: 0
}

div#AllNews .Item .photo img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block
}
.Item .news-desc h3 br{ display:none;}




/****************************************************************/

section.home-boxes{          padding:105px 0px 90px;
    width: 100%;
    float: left;
    clear: both;
    overflow: hidden; background:url(../images/bg-boxes.jpg) top center no-repeat; min-height:437px; text-align:center; }

section.home-boxes .content-box{width: auto;
    display: table;
    margin: 0 auto;font-size: 14px;
    letter-spacing: 0.04em;}
section.home-boxes a{ color:#fff; text-decoration:none}




section.home-boxes .content-box h2{font-family: 'JostSemiBold'; font-size:60px; font-style:italic; text-transform:uppercase; margin:0px 0px 50px; padding-bottom:20px;  position:relative; color:#fff;}

section.home-boxes .content-box h2:before{ position:absolute; left:0; right:0; margin:0 auto; bottom:0; width:256px; height:1px; content:''; background:#fff;}
section.home-boxes .content-box .plus{margin: 0 auto;
    width: 112px;
    height: 37px;
    line-height: 37px;
    text-align: left;
    padding-left: 15px;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #000000;
    background: #fff;
    position: relative;
    border-radius: 28px;
    margin-top: 40px;}

section.home-boxes .content-box .plus:before{ position:absolute; right:3px; top:6px; width:26px; height:26px; content:''; background:url(../images/fleche2.png) no-repeat;}

section.home-boxes .content-box:hover .plus:before{ background:url(../images/fleche2-h.png) no-repeat}

section.home-boxes .content-box:hover .plus{ background:#000; color:#fff;}


section.home-news{position: relative;
    width: 100%;
    float: left;
    padding: 75px 0px 95px;  }


section.home-news h2{font-size:54px; font-style:italic; text-transform:uppercase; margin:0px 0px 55px;  position:relative; color:#fff; }
section.home-news h2  a{ text-decoration:none;color:#fff; }

section.home-news .titrh2{ font-family: 'JostSemiBold';}

section.home-news  h2:hover a{ text-decoration:none;color:#01abcf; }
section.home-news .col-sm-8 {
width: 100%;
    position: relative;
    z-index: 2;    }
section.home-news .img{position:relative;width:100%; max-width:565px; float:right;   
    z-index: 3;}
section.home-news .img img{ margin:0; max-width:100%;}

section.home-news .img:before{ position:absolute; left:-113px; bottom:-30px; width:234px; height:292px; content:''; background:url(../images/news2.jpg) no-repeat; z-index:1; border:10px solid #000;}
section.home-news .content{    position: relative;
    width: 100%;
    max-width: 575px;
    float: left;
    margin-top:50px;}


section.home-news #AllNews3 {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    max-width: 100%;
}
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
position: absolute;
    bottom: -33px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    padding-left: 13px;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    padding: 0px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
background:rgba(255,255,255,0.5);
border-radius:50%;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;background:#01acd2;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
   
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

section.home-news #AllNews3 figure.Item {
    position: relative;
    margin: 0;
    text-align: center;
color:#bcbcbc;
font-size:13px;
letter-spacing:0em;font-weight: normal;
line-height:27px; text-shadow:0px 0px 0px #bcbcbc; min-height:200px;
}

section.home-news #AllNews3 figure.Item figcaption{     float: left;
    width: 100%;
    max-width: 100%;
    text-align: left;}


section.home-news #AllNews3 figure.Item .photo {    display:none;}
section.home-news #AllNews3 figure.Item figcaption {    z-index: 10; position:relative;      padding: 0px 0px 0px;     text-align: left;
    width: 100%;float: left;}
section.home-news #AllNews3 figure.Item figcaption h3 {
margin: 0 0 10px;
    font-family: 'WorkSansMedium';
    font-size: 25px;
    line-height: 55px;
    letter-spacing: 0em;
    text-transform: none;
    position: relative;
    z-index: 1;
    color: #01abcf;
    text-align: left;
    padding-left: 101px;
    margin-bottom: 3px;
    position: relative;

}

section.home-news #AllNews3 figure.Item figcaption h3:before { position:absolute; left:0; top:0; font-size:80px; color:#4f4f4f; opacity:0.13; font-family: 'WorkSansExtraBold';}

section.home-news #AllNews3 figure.Item:nth-child(1) h3:before{content:'01';}
section.home-news #AllNews3 figure.Item:nth-child(2) h3:before{content:'02';}
section.home-news #AllNews3 figure.Item:nth-child(3) h3:before{content:'03';}
section.home-news #AllNews3 figure.Item:nth-child(4) h3:before{content:'01';}
section.home-news #AllNews3 figure.Item:nth-child(5) h3:before{content:'02';}
section.home-news #AllNews3 figure.Item:nth-child(6) h3:before{content:'03';}

section.home-news #AllNews3 figure.Item:hover h3{ color:#fff;}
section.home-news #AllNews3 figure.Item figcaption p {
    margin: 0;
    text-align: left!important;    max-width: 100%;
    margin: 0 auto;
font-size:13px;
letter-spacing:0em;font-weight: normal;
line-height:27px; text-shadow:0px 0px 0px #bcbcbc; 
}

section.home-news #AllNews3 figure.Item a {
position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 5 !important;
    font-size: 0;
    text-decoration: none;
    outline: none;
    pointer-events: auto;
    height: 100%;
}
section.home-news #AllNews3 figure.Item figcaption a{text-decoration:none;}
section.home-news #AllNews3 figure.Item figcaption span.button{
 width:93px; height:26px; line-height:26px; text-align:left; letter-spacing:0.02em; font-size:14px; color:#fff;
    margin-top: 30px;
    display: table;
    z-index: 2;
text-transform:none; background:url(../images/fleche-news.png) right center no-repeat;
 text-shadow:none;
 



 
}
section.home-news #AllNews3 figure.Item:hover span.button{ background:url(../images/fleche-news-h.png) right center no-repeat;}


/***************************news*********************************/
section.gallery-home{ position:relative; width:100%; padding:50px 0px; background:#222222; text-align:center;  float: left; }



section.gallery-home h2{ font-size:50px;     text-transform: none; margin:0px 0px 50px;  position:relative; color:#01abcf;}

section.gallery-home h2 a{ text-decoration:none;color:#01abcf; }
section.gallery-home  h2:hover a{ text-decoration:none;color:#fff; }

section.gallery-home .highslide-gallery {        margin-bottom: 0px;
    position: relative;
    grid-template-columns: repeat(4, 1fr);
display:grid;
    z-index: 3;
    grid-gap: 10px;
padding:0px 0px;  
 }

section.gallery-home #Gallery .highslideContainer {
    position: relative;
    float: none;
    padding: 0px 0px 0px;
    opacity: 1 !important;
	padding: 0px 0px;	
}
section.gallery-home  .highslide-gallery .highslideContainer a.highslide {
   display: block;
position: relative;  
}
section.gallery-home  .highslide-gallery .highslideContainer a.highslide::after {
display:none;
}
section.gallery-home  .highslide-gallery .highslideContainer a.highslide:hover { opacity:1;}
section.gallery-home  .highslide-gallery .highslideContainer a.highslide::before {
    /*content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0;
    background:url(../images/plus.png) center center no-repeat  rgba(20, 174, 74, 0.8) !important;
    z-index: 2;

	*/
border-radius:0px;
}
section.gallery-home .mcePxmGallery .highslide-gallery .highslideContainer a.highslide {

    background: none;border-radius:0px;
}
section.gallery-home  .highslide-gallery .highslideContainer a.highslide:hover::before{ opacity:1!important; transition: all .3s;		
}
section.gallery-home  .highslide-gallery .highslideContainer a.highslide img {
    width: 100%;
    height:290px!important;
border-radius:0px;

    object-fit: cover;
    object-position: center left;
    transition: object-position .6s;
	



}


/***************************news*********************************/

.news-article-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news-article-body p {
  text-align: justify;
}
.news-article-body-col {order : 1;width: 65%;}
.news-article-photo-col {order : 2;    width: 30%;}
 .news-article-photo-col img{  border-radius: 10px;
    box-shadow: 2px 2px 0px var(--bs-primary-color);
    padding: 3px;}
.news-article-share-col {order : 3;width: 65%;}
.news-article-back-col {order : 4;width: 35%;}
.news-article-photo-col img {
    border-radius: 10px;
    box-shadow: 2px 2px 0px var(--bs-primary-color);
    padding: 3px;
}

/*****************************************************************//****************************************************/
 .page-news div#AllNews .Item .nophoto,div#AllNews .Item .photo {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
    position: relative;
    box-shadow: 0 0 0 rgba(255,255,255,.05);
    transition: box-shadow .4s;
}

 .page-news div#AllNews .Item .photo img {
    object-fit: cover;
    transition: all .6s;
    height: 100%;
    width: 100%;    box-shadow: none;
    border-radius: 0;
}

 .page-news div#AllNews .news-col {
    width: 100%
}

 .page-news div#AllNews .Item h3 {
    margin: 0 0 15px;    font-size: 17px;

}

 .page-news div#AllNews .Item i.fa-duotone.fa-image {
    display: none
}

 .page-news div#AllNews .Item {
    position: relative;
    display: grid;
grid-template-columns: .3fr 30px 1fr;
    grid-template-rows: 30px 1fr 30px;
    margin-bottom: 50px
}

 .page-news div#AllNews .Item .date {
    display: none
}

 .page-news div#AllNews .Item:hover .nophoto,div#AllNews .Item:hover .photo {

}

 .page-news div#AllNews .Item .nophoto {

}
 .page-news div#AllNews .Item .news-desc {
    grid-column: 2 / 4;
    grid-row: 2 / 3;
    z-index: 5;
    background: #181818;
    padding: 50px
}
  .page-news div#AllNews .Item .button::before {
    content: '';
    position: absolute;
    left: 0;
    right: 100%;
    background: #0085a2;
    transition: all .4s;
    top: 0;
    bottom: 0;
    z-index: -1
}

 .page-news div#AllNews .Item .button {
    color: #fff !important;
    border: 1px solid #0085a2!important;
    display: table;
    margin: 40px 0 0;
    font-weight: 300;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 35px;
    transition: all .4s;
    position: relative;
    z-index: 1;
    background: none !important;
}
 .page-news .btn.btn-primary.news-article-back-btn {
    float: right;
}
 .page-news div#AllNews .Item .button:hover {
    color: #000
}

 .page-news div#AllNews .Item .button:hover::before {
    right: 0
}
main.content-wrapper ul.contact-news {
  margin: 30px 0 0;
  background: #0000000f;
  padding: 15px;
  /*! display: flex; */
  font-size: 13px;
  gap: 50px;
  /*! justify-content: space-between; */
  float: left;
  width: 100%; border-radius: 9px;
}
main.content-wrapper ul.contact-news .fa-stack {

    height: 40px;
    line-height: 40px;
    position: relative;

    width: 40px;
}
main.content-wrapper ul.contact-news .fa-circle:before {
     content: "";
    background: url(../images/wats11.png) center center no-repeat #25D366;
    width: 35px;
    height: 35px;
    position: absolute;
    border-radius: 50%;
    left: 0;
}
main.content-wrapper ul.contact-news li{background:url(../images/icon-news.png) no-repeat;

  line-height: 28px;
  padding-left: 34px;
}
.img-news {
  max-width: 450px;
  border-radius: 10px;
  box-shadow: 2px 2px 0px #0085a2;
  padding: 3px;    float: right;    margin-left: 20px;
}
.img-news img{ margin:0; max-width:100%;    border-radius: 10px;}

 .page-news div#AllNews .Item .photo img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block
}
 .page-news .Item .news-desc h3 br{ display:none;}
.page-news{padding:0 0px 30px;background:none}
section.cta2 {
 padding:70px 0px 70px;
background:url(../images/bg-boxes.jpg)top center no-repeat; background-size:cover;

    width: 100%;

    float: left;
    clear: both;
    position: relative; text-align:center; }

section.cta2:before{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.62); content:'';}
section.cta2 a{     color: #fff;
    text-decoration: none;
}

section.cta2 h2{      margin: 0px 0px 21px;
    text-transform: none;
    position: relative;
font-style:italic;
    font-size: 30px;
font-style:italic;
font-family: 'JostSemiBold';
    letter-spacing: 0.04em;
    color: #fff;text-shadow:0px 0px 24px rgba(0,0,0,0.75),0px 0px 24px rgba(0,0,0,0.75),0px 0px 24px rgba(0,0,0,0.75),0px 0px 18px rgba(0,0,0,0.75);

}


section.cta2 h6{    margin: 0px 0px 0px;
    text-transform: none;
    position: relative;
    font-size: 26px; line-height:23px;
    letter-spacing: 0.04em;
    color: #0291bb;text-shadow:0px 0px 24px rgba(0,0,0,0.75),0px 0px 24px rgba(0,0,0,0.75),0px 0px 24px rgba(0,0,0,0.75),0px 0px 18px rgba(0,0,0,0.75);
 font-family: 'JostLight';font-style:italic;
}


section.cta2  .bouton{
width:396px;
height:54px;        
position: relative;

    text-align: left;
    margin: 0 auto;
    font-size:17px;
    letter-spacing: 0em;
    text-transform:none;
    display: block;
margin:0 auto; margin-top:30px;
    z-index: 2;
background:#fff;
line-height: 54px;
    border-radius: 24px;


 }
section.cta2 .bouton:hover{background:#0291bb;}
section.cta2 .bouton a{ color:#000000;    text-decoration:none;  left:0px; top:0px; padding-left:32px; width:100%; height:100%;    position: absolute;}
section.cta2  .bouton:hover a{ color:#fff; text-decoration:none;}
section.cta2  .bouton:before{ position:absolute; right:12px; top:10px; width:34px; height:34px; content:''; background:url(../images/fleche.png) no-repeat;}

section.cta2  .bouton:hover:before{ background:url(../images/fleche-h.png) no-repeat}

section.cta2.home {
    display: none;
}


footer.bottom{ 
min-height: 538px;
    position: relative;
    padding: 60px 0 60px;
    font-size: 14px;
    line-height:25px;
    color: #f2f2f2;
    letter-spacing: 0em;
background:url(../images/bg-footer.jpg) top center no-repeat;
background-size:cover;
width: 100%;
  float: left;
}


footer.bottom .footer-grid{    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0px 127px 0px 0px;width: 100%;
   }

footer.bottom h3{   
    font-size: 18px;
    color: #01acd2;
    font-weight: 400;
    text-transform: none;
    margin: 0px 0 61px;
    letter-spacing: 0em;
    position: relative;
    font-style: italic;
    font-family: 'WorkSansLight';
    padding-left: 21px;

  }
footer.bottom h3:before{ position:absolute; left:0; top:7px; width:16px; height:2px; content:''; background:#0193bc;}
footer.bottom .googlemaps_v2 label.modal-label,  footer.bottom  a{color:#f2f2f2; text-decoration:underline;}
footer.bottom .googlemaps_v2 label.modal-label:hover{text-decoration:none;}
footer.bottom a:hover{text-decoration:none;}

footer.bottom .adress { position:relative;margin-top: 72px;}
footer.bottom .adress2 {position:relative;margin-top: 72px;}
footer.bottom .adress3 {position:relative;margin-top: 72px;}
footer.bottom .adress4 {position:relative;margin-top: 72px;}
/*footer.bottom .adress:before{ position:absolute; left:-82px; top:0; width:1px; height:188px; content:''; background:rgba(194,194,194,0.28);}
footer.bottom .adress2:before{ position:absolute; left:-90px; top:0; width:1px; height:188px; content:''; background:rgba(194,194,194,0.28);}
footer.bottom .adress3:before{ position:absolute; left:-86px; top:0; width:1px; height:188px; content:''; background:rgba(194,194,194,0.28);}
footer.bottom .adress4:before{ position:absolute; left:-86px; top:0; width:1px; height:188px; content:''; background:rgba(194,194,194,0.28);}*/

footer.bottom .logo-footer{ position:relative;  text-align:center}
footer.bottom .logo-footer img{ max-width:100%;}
footer.bottom .adress3 .footer-social{ width: 107px;
    height: 25px;
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    position: relative;
    z-index: 5;  
 
}
footer.bottom .adress3 .footer-social .social{ display: flex;
    justify-content: space-between;
    width: 64px;}
footer.bottom .adress3 .footer-social .networks_linking{display: flex;
    justify-content: space-between;width: 100%}



footer.bottom .adress3 .footer-social .social .networks_linking a{
   display: inline-block;
    font-size: 0em!important;
    cursor: pointer;
    margin: 0px 0 0 0px!important;
    width:30px!important;
    height:30px!important;
    line-height: 30px!important;
    z-index: 1;
    text-decoration: none;
    border-radius: 0%!important;
    float: left;
    position: relative;
    text-align: center;
 

}

footer.bottom .adress3 .footer-social .social a.networks_facebook{ background:url(../images/fb2.png) no-repeat; }
footer.bottom .adress3 .footer-social .sociall a.networks_facebook:hover{ background:url(../images/fb2-h.png) no-repeat;}


footer.bottom .adress3 .footer-social .social a.networks_instagram{ background:url(../images/instagram2.png)no-repeat; margin-top:1px!important}
footer.bottom .adress3 .footer-social .social a.networks_instagram:hover{ background:url(../images/instagram2-h.png) no-repeat;}

footer.bottom .adress3 .footer-social  .wats{
position: relative;
    width: 30px;
    height:30px;
    background:url(../images/wats2.png) right center no-repeat;
   
}
footer.bottom .adress3 .footer-social .wats a{ position:absolute; left:0; top:0; bottom:0; right:0; z-index:1;}
footer.bottom .adress3 .footer-social  .wats:hover{  background:url(../images/wats2-h.png) right center no-repeat;}

footer.bottom .adress3 .footer-social  .wats .fa-circle:before {

    content: '' !important;
}

footer.bottom .adress3 .footer-social  .wats .fa-whatsapp:before {
content: '' !important;
}




.footerSlideButton1 {

color: #0291bb !important;
    font-size: 13px;
}


h2#faq-cat-1-title {
    font-size: 40px;
}
div#nfaq-1 {
    padding: 20px 0px;    margin-top: 35px;
}


.accordion-button::after {
    flex-shrink: 0;
    width: 15px;
    height:15px;
    margin-left: auto;
    content: "";

   
    transition: var(--bs-accordion-btn-icon-transition);
 background:url(../images/drop22.png) top center no-repeat; 
}
.accordion-button:not(.collapsed) {
    color: var(--dark-color);
    background-color: var(--bs-primary-color);
    box-shadow: none;
}
.accordion-flush>.accordion-item>.accordion-collapse, .accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0;
    box-shadow: none !important;
}
.accordion-item {

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#moduleContent form#user-new-password .ctrlHolder label{position:relative;}
#moduleContent form#user-new-password .ctrlHolder label em{float:right;color:#c00;font-style:normal;display:inline-block;padding:0 10px 0 5px;}
#moduleContent form#user-new-password .ctrlHolder input#email{    border: none;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    padding: 5px 15px;
    outline: none !important;
    background: none;
    height: 40px;
    margin: 0px;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%);
    transition: all .4s;
    width: calc(100% - 280px) !important;
    background: rgba(255,255,255,0.1);}
#moduleContent form#user-new-password .ctrlHolder input#email:focus{box-shadow:inset 0 0 0 3px rgba(0,0,0,.2);}
#moduleContent form#user-new-password .buttonHolder{padding-top:10px;}
#moduleContent form#user-new-password .buttonHolder button{font-size:20px;line-height:30px;padding:3px 20px 7px;outline:none !important;background:#353535;color:#fff;border:0;width:auto;display:inline-block;margin:0 auto;height:auto;transition:all .4s;z-index:5;cursor:pointer;}
#moduleContent form#user-new-password .buttonHolder button:hover{background:#0085a2;color:#fff;}
#moduleContent h3{    font-size: 35px;}
a#scrollTopBtn{
    background: #0291bb;
    right: 9px;
    bottom: 30px; color:#fff;}
a#scrollTopBtn:hover{background:#353535;}
.fb_dialog.fb_dialog_advanced,
.fb_dialog.fb_dialog_mobile{right:7px !important;bottom:10px !important;}

.modal-dialog {
    top: 50%;
    transform: translateY(-50%);
}
div#accountRegister .row {
  
    margin-bottom: 20px!important;
}
@media only screen and (min-width : 1920px){


}
@media only screen and (max-width : 1680px){
}


@media only screen and (max-width : 1450px){

 footer.bottom .footer-grid {

    margin: 0; padding:0}
.top-logo .header-grid {

  padding: 0px 0px 0px 0px;
}

}

@media only screen and (max-width:1328px){.container{width:100%;}
.webshop-search-caddy{grid-gap:4px;}



 .top-logo .header-grid .part-right {
  margin-right: 0px;width: 299px;
  }
.logo-footer {
text-align: center;
}

.sf-menu > li{padding: 0px 31px 0 !important;}
section.gallery-home .highslide-gallery .highslideContainer a.highslide img {

  height: auto !important;
}
section.home-news .content {

  max-width: 50%;}
section.home-news .img {

  max-width: 39%;}
}
@media only screen and (max-width:1279px){
.box-categorie .box {
max-width: 317px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 20px;

}
.sf-menu > li{padding: 0px 15px 0 !important;}
	header.top .header-grid {
    grid-gap: 9px;
}
.paiement ul {

  padding: 0px 34px 0px;
}
.home-news h2 {

  font-size: 39px;
  margin: 88px 0px 20px;
  
}

section.paiement .livraison {

    margin-left: 0;left: 13%;
}

footer.bottom .adress::before {

  left: -49px;}



footer.bottom .adress2::before {

  left: -49px;}

footer.bottom .adress3::before {

  left: -49px;}
}
@media only screen and (max-width:1199.98px){


header.top .header-grid {
  display: flex;

  justify-content: space-between;
}
.sf-menu a {
    padding: 0px 0px 0 !important;
    font-size: 14px !important;
  }
.sf-menu > li{padding: 0px 20px 0 !important;}

.is-sticky header.top .header-grid{grid-gap:10px;}


}

@media only screen and (max-width:1023.98px){


}
@media only screen and (max-width:991.98px){

section.home-news #AllNews .news-col:nth-child {
float: none;
display: table;
margin: 0 auto; margin-bottom:20px;padding: 20px; width:100%; max-width:380px;
}


.bg-top .part-left {
  float: none;

  margin: 0 auto;        margin-top: 30px;
}
.container.small .part-left {

  margin-top: 132px;
}

footer.bottom .footer-grid {

  font-size: 16px;
  letter-spacing: 0;

}
.image-right {
  float: none;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: 20px;
  display: table;
}

section.act .content-cta h2 {

  font-size: 30px;
  letter-spacing: 0;

  line-height: 40px;
}

nav.mobile-nav a{width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 22px;
    text-align: center;
    line-height: 37px;
    color: #fff;
    margin-top: 9px;}

header.top nav.main-nav{display:none}
 nav.mobile-nav {
display: table;
    text-align: center;
    float: none;
margin: 0 auto;
  }
.is-sticky header.top  nav.mobile-nav {margin-top: 13px;}

section.cta2 span.phoner {
  display: block;
}
.box-categorie {
 display:block;
  width: 100%;
}


section.home-news #AllNews figure.Item figcaption {
margin-bottom: 29px;
width: 100%;
text-align: center;
}

    


header.top .header-grid{display: flex;
justify-content: space-between;grid-column-gap: 0px; 
 
    grid-gap: 0px;border: none;}

.banner.homeTemplate{height:400px;}
section.home-news #AllNews{grid-gap:30px;}

section.home-news #AllNews figure.Item figcaption h3{font-size: 20px;}

section.home-news{padding:40px 0;}
footer.bottom .footer-grid{display: block;}
footer.bottom .footer-grid img.logo-footer{grid-column:1/4;display:table;margin:0 auto 30px;}
footer.bottom section.newsletter{max-width:100%;grid-column:1/4;order:4;margin:30px 0 0;}
footer.bottom .box-paiement{text-align: center;}
footer.bottom .networks{margin: 0 auto;
float: none;
display: table;
}
main.content-wrapper div#AllNews{grid-gap:30px;}


footer.bottom .adress {

  text-align: center;}
footer.bottom .logo-footer{
margin: 0 auto;
left: 0;
    right: 0;
  }

section.home-news #AllNews figure.Item .photo {
  margin-left: 143px;
  margin-top: 60px;
  margin: 0 auto;
  float: none;
}



.home .txt-cat-content {
  display: block;
max-width: 100% !important;

}



.bg-top.home .part-left {
float: none;
max-width: 100%;
margin: 0 auto;
margin-top: 49px;




}

.is-sticky header.top .bouton {
bottom: -74px;

}
.is-sticky header.top .bouton2 {
bottom: -74px;

}
.bg-top.home .part-left .part-slogon {

  width: 100%;
  padding-left: 0;


  padding-right: 0;
}



footer.bottom .logo-footer img {

  margin: 0 auto;
} 

footer.bottom .adress3 .footer-social{ margin:0 auto;}

.bg-top .part-left h2 {
font-size: 30px;
    letter-spacing: 0;}
.webshop-search-caddy:before { display:none;}

.bg-top.home {
height: 730px;
}

.bg-top {
height: 335px;
}



section.gallery-home h2 {
font-size: 36px;}

section.home-news h2 {
  font-size: 31px; text-align:center; width:100%; margin-bottom: 20px;     }
.home-news #AllNews3 {

  max-width: 100%;
}
.home-news #AllNews3 figure.Item figcaption .caption-right {
  float: right;
  width: 100%;
  max-width: 100%;
  min-height: 300px;
  padding: 10px;
  background: #000;
}
.home-news #AllNews3 figure.Item figcaption .plus {

  float: none;

  margin: 0 auto;
    margin-top: 0px;
  margin-top: 10px;
}
.home-news #AllNews3 figure.Item figcaption h3 {

  text-align: center;
}
.home-news #AllNews3 figure.Item figcaption p {
  margin: 0;
  text-align: center!important;

}



section.home-news .left {

  max-width: 100%;
  text-align: center;
}
section.home-news .content {

  width: 100%;
  max-width: 100%;
  text-align: center;
margin-top:20px;

}


.wrapper-home{ padding:15px 0px 30px;}
body.pageTemplate main.content-wrapper{padding:30px 0px 30px;}
section.home-news #AllNews .news-col {
  
  margin: 0 auto;

  margin-bottom: 20px;width: 100%;
    max-width: 380px; padding:20px;float: none !important;
    display: table;
} .logo-footer {
    max-width: 100%;
    text-align: center;
  }

.boxes-news h2{ font-size:35px;}

footer.bottom .adress2,footer.bottom .adress3,footer.bottom .adress4 {
  text-align: center;
  width: auto;
  display: table;
  margin: 0 auto;margin-top: 20px;
}

footer.bottom  h3{ margin:0 auto; padding-left:0px; padding-bottom: 20px;        margin-bottom: 10px;width:auto; display:table;}
footer.bottom h3::before {
right: 0;
    left: 0;
    margin: 0 auto;
    top: auto;
    bottom: 0;
}
footer.bottom {

    padding: 30px 0 180px;background: url(../images/bg-footer.jpg) bottom center no-repeat; background-size:auto}
footer.bottom .adress::before{ display:none}
footer.bottom .adress2::before{ display:none}
footer.bottom .adress3::before{ display:none}
.banner .fluid_container #slideshow .camera_pag .camera_pag_ul {

  text-align: center !important;
  margin: 0 auto !important;
  padding-left: 0px !important;
}
.banner2 .fluid_container #slideshow .camera_pag .camera_pag_ul {

  text-align: center !important;
  margin: 0 auto !important;
  padding-left: 0px !important;
}

.img-news {
    max-width: 300px;
    float: none;
    margin: 0 auto;
    display: table;
    margin-bottom: 20px;
}
.home-news .content::before{        display: block;
        position: relative;
        left: 0;
        margin: 0 auto;
        display: table;}
footer.bottom .adress2::before{ display:none}
footer.bottom .adress2::after{ display:none}
.bg-top.home.small {
   height: 415px;
}


section.home-news div#AllNews {

  display: block;
 
}
main.content-wrapper.home {
  position: relative;
  padding: 0px 0 50px;}
.box-categorie .box2::before{ display:none}
.box-categorie .box2::after{ display:none}
main.content-wrapper.home .content {
  padding: 20px;
}

main.content-wrapper.home .content::before {

  left: 0;
}
main.content-wrapper.home .img-left {
  float: none;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 525px;
  display: table;
  margin-bottom: 109px;
}
section.home-boxes .content-box h2 {
 
  font-size: 34px;}
section.home-boxes {
  padding: 50px 0px 50px;

  min-height: auto;

}
section.home-news .img {
  width: 100%;
  max-width: 565px;
  float: none;
  margin: 0 auto;
  display: table;
}
section.home-news .img::before{ display:none}
section.home-news #AllNews3 figure.Item figcaption h3 {

  font-size: 14px;

  text-align: center;
  padding-left: 0;
  margin-bottom: 3px;

}
section.home-news #AllNews3 figure.Item figcaption h3::before{ left:0; right:0; margin:0 auto;}
section.home-news #AllNews3 figure.Item figcaption p {

  text-align: center!important;}
section.home-news #AllNews3 figure.Item figcaption span.button {

  margin: 0 auto;
    margin-top: 0px;
  margin-top: 10px;
}

.slick-dots {

  text-align: center;
  padding-left:0px;
}
.box-categorie .box2::after{ display:none}
.box-categorie .box2::before{ display:none}
}
@media only screen and (max-width:767.98px){


.categorie2 .box-categorie2 .box22 {

  margin: 0 auto;
}

.banner .part-left.home span.phone-responsive {
  display:inline-block;
}
section.home-news #AllNews figure.Item .photo img {
  width: 285px;
  height: 285px;
}

section.home-news #AllNews figure.Item figcaption {
  z-index: 10;
  position: relative;

  width: 100%;
  text-align: center;

  margin-top: 20px;

}


	.banner .fluid_container #slideshow .camera_pag{display:none}

header.top a.cta{padding:0;white-space:nowrap;}

span.phone{display:none;}
span.phone-responsive{display:inline-block;}

section.home-news #AllNews{grid-template-columns:1fr;}


 .banner.homeTemplate{width:100%;display:table;}
.banner .box-commande .btn-commande{margin:20px 0 0;}

main.content-wrapper{padding:40px 0;}
#moduleContent form#user-new-password .ctrlHolder input#email{width:100% !important;}
main.content-wrapper div#AllNews{grid-template-columns:1fr;max-width:560px;margin:0 auto;}

main.content-wrapper header.page-title h1 span.sub-title{font-size:24px;}

 .logo {

    max-width: 200px;
  }



section.home-news #AllNews figure.Item figcaption h3 {
  font-size: 16px;
}


.logo {
margin: 0px auto 0;
text-align: center;

max-width: 200px;
margin: 0 auto;
float: none;margin-top: 45px; max-width:300px;
}
.banner .part-left.home span.phoner
.banner .part-left.home p {

  font-size: 21px;}

.bg-top.home .banner .fluid_container::before {
display:none;
}


bg-top.home header.top .header-grid {

  display: block;
}


.top-logo .networks {
margin: 0 auto;
  margin-top: 20px;
}




.bg-top .part-left h2 {
font-size: 34px;
    margin-top: 20px;
   }  

}
@media only screen and (max-width:640px){
section.cta2 h2 {
font-size: 23px;}
section.cta2 h6 {

  font-size: 22px;

}
.page-news div#AllNews .Item {
 
    display: block;

}.contactForm .contact-submit {
        text-align: center;
        margin-top: 20px;
    }
.page-news div#AllNews .Item .nophoto, div#AllNews .Item .photo {

    height: 200px;
}
.box-categorie {
 display:block;
  width: 100%;
}

.boxes-news h2{ font-size: 30px;}

.categorie h2 {

  font-size: 30px;}
header.top .logo img{
    max-height: inherit;
    max-width: 80%;
}

.webshop-search-caddy{position: relative;
  display: flex;
  grid-gap: 7px;
margin: 0 auto;}





main.content-wrapper p{text-align:left !important;}
.wrapper-home p {
  text-align:left !important;
}

main.content-wrapper div#AllNews figure.Item figcaption p{text-align:center !important;}

main.content-wrapper header.page-title h1 span.sub-title{font-size: 23px;}
.txt-cat-content {

    max-width: 100%;}

.is-sticky header.top .right {

  float: right;
}

footer.bottom .info {

  letter-spacing: 0;
}
.banner .box-commande.home {

  margin: 22px 0 0 0px;}
.banner .part-left.home p {

  font-size: 20px;}

section.resto h2 {
        font-size: 31px;}
section.resto h6 {
    font-size: 20px;}
section.gallery-home .highslide-gallery {

  grid-template-columns: repeat(1, 1fr);
}

.wrapper-home h2{ text-align:left!important;}
 .top-logo .header-grid {
 
    display: block;
  }


.bg-top .part-left h6 {
font-size: 17px;

}


 
}
@media only screen and (max-width:480px){


footer.bottom .heure::before{ left:0; right:0; margin:0 auto;}

.is-sticky header.top .bouton{ font-size:13px;    padding: 0 14px;}
.box-categorie {
 display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:10px;
  width: 100%;
}


h2.h2-home {
font-size: 29px;
    width: 100%;
    text-align: center;}



h1 {
        font-size: 30px;
        line-height: 1.2em;
}
h2 {
    font-size: 18px;
    color: #fff;
}
main.content-wrapper header.page-title h1 span:last-child {

  font-size: 21px;}

.top-logo {

  padding-bottom: 10px;
}
.bg-top .part-left .bouton {

width: 290px;font-size: 11px;
}
section.cta2 .bouton{

width: 290px;font-size: 11px;
}



.camera_prev, .camera_next, .camera_commands {

  top: 90%!important;}

}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;    margin: 0 auto;
    display: table; margin-top:0px;
}
.sf-menu::after {
	content: '';
	display: block;
	clear: both;
}
.sf-menu > li {
	float: left;                 padding: 0px 50.6px 0; position: relative;
}
.sf-menu > li:first-child{ padding-left:0;}
.sf-menu > li:last-child{ padding-right:0;}
.sf-menu > li > ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 0;
}
.sf-menu > li > ul {
	opacity: 0;
	transition: opacity .4s;
}
.sf-menu > li:hover > ul,
.sf-menu > li.sfHover > ul {
	opacity: 1;
}
.sf-menu a{ 
padding: 0px 0px 0;
    font-size:14px;
font-family: 'WorkSansRegular';
font-weight:normal;
    text-decoration: none;
    color: #ffffff;
    line-height: 103px;
    letter-spacing: 0.06em;
    text-transform:uppercase;
    text-align: center;
    height:90px;



  }
.sf-menu a:before{ position:absolute; left:0; right:0; margin:0 auto; bottom:0; width:27px; height:3px; content:''; opacity:0; background:url(../images/bg-a.png)  no-repeat;}

.sf-menu ul{background:#000;min-width:100%;text-align:center;box-shadow:0 2px 5px rgba(255,255,255,.15);}
.sf-menu ul li{padding:0;padding: 0px 1px 0px 2px;
    float: left;}
.sf-menu li a:hover, .sf-menu li.sfHover > a,
.sf-menu li.active > a,.sf-menu li.selected > a { color:#01acd2!important; border:none!important;}

.sf-menu li a:hover:before, .sf-menu li.sfHover > a:before,
.sf-menu li.active > a,.sf-menu li.selected > a:before { opacity:1;}

.sf-menu ul a{transition:color .6s;padding:8px 5px!important;text-transform:none;font-weight:400 !important;color:#000 !important; height:auto!important; line-height:1.2em!important;}
.sf-menu ul a:before{ display:none;}
.sf-menu ul a:hover,.sf-menu ul .selected a, .sf-menu ul .active a{color:#01acd2!important; border:none!important;  }
.sf-menu ul a:hover,
.sf-menu ul .selected a, .sf-menu ul .active a{color:#fff!important;border:none!important;  }
.sf-menu li a:hover:before, .sf-menu li.sfHover > a:before,
.sf-menu li.active > a:before,.sf-menu li.selected > a:before { opacity:1;}


 .sf-menu > li > ul {
	border: 2px solid #01acd2;
	background: #000;

	text-align: left;
	padding: 5px;
	margin-top: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;pointer-events: none;
}
 .sf-menu > li > ul > li {
    width: 100%;
  padding: 0px;
    float: left;
}
 .sf-menu > li > ul > li > a {
    color: #fff;
    background: #01acd2;
    border-radius: 0px;
    font-size: 13px;
    padding-bottom: 5px;
    margin-bottom: 3px;
    height: auto;
    line-height: 1em;
    text-align: center;
padding: 8px 5px 10px!important; pointer-events: auto;    border: none !important;
	
}
.sf-menu > li > ul > li > a:hover,
 .sf-menu > li > ul > li.sfHover > a {

	color:#000!important;    background: #fff;
}
 .sf-menu > li > ul > li > ul {
	position: relative;
	display: block!important;
	height: auto!important;
}
 .sf-menu > li > ul > li > ul li {
	/*border-top: 1px solid rgba(74,74,74,.5);*/
}
.sf-menu > li > ul > li > ul li:first-child {
	border-top: 0;
}
.sf-menu > li > ul > li > ul li a {
	font-weight: normal;
	font-size: 13px;
 padding: 7px 5px 10px;
	color: #fff;
	 height: auto;
    line-height: 1em;
}
.sf-menu > li > ul > li > ul li a:hover {

	color:#fff;
}
 .sf-menu > li > ul > li > a.opened{
		color:#fff;}
.sf-arrows .sf-with-ul::after{content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: 0;
    transform: rotate(90deg);
    margin-left: 0px;
       bottom: 10px;    line-height: 8px;
    right: 0px;}
@media only screen and (max-width:1328px){

}
.site-overlay{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;transform:translate3d(100%,0,0);transition:opacity 0.4s, transform 0s 0.4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.close-button{width:1.5em;height:1.5em;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:1em;font-size:0.75em;border:none;background:transparent;color:transparent;}
.close-button::before,
.close-button::after{content:'';position:absolute;width:3px;height:100%;top:0;left:50%;background:#fff;transition:background .4s;}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.close-button:hover::before,
.close-button:hover::after{background:#01abcf;}
.menu-wrap{position:fixed;overflow:auto;top:0;left:0;z-index:1001;width:300px;height:100%;background: #000;box-shadow:0 0 20px rgba(0,0,0,1);padding:40px 20px 20px;transform:translateX(-100vw);transition:transform 0.4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.menu-wrap-caddy{position:fixed;overflow:auto;top:0;left:0;z-index:1001;width:300px;height:100%;background:#000;box-shadow:0 0 20px rgba(0,0,0,1);padding:40px 20px 0;transform:translateX(-100vw);transition:transform 0.4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.mobile-menu{transform:translateX(500px);}
.mobile-menu > ul,
.mobile-menu .language{display:block;transform:translateX(-1000px);}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language{transition:transform 0s 0.4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.mobile-menu ul{list-style:none;margin:0;padding:0;}
.mobile-menu ul ul{font-size:1em;background:rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.2);}
.mobile-menu li:first-child{border-top:none;}
.mobile-menu > ul ~ ul li:first-child{border-top:1px solid rgba(255,255,255,.2);}
.mobile-menu li{border-top:1px solid rgba(255,255,255,.2);}
.mobile-menu li li{position:relative;border-top:1px solid rgba(255,255,255,.2);}
.mobile-menu li li::before{content:'\f105';font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;color:rgba(255,255,255,.5);z-index:5;left:10px;top:50%;transform:translateY(-50%);}
.mobile-menu a{padding:5px 10px;display:block;color:#fff;text-decoration:none;transition:background .4s, color .4s}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a{background:#01acd2;color:#fff;}
.mobile-menu li li a{padding-left:25px;}
.show-menu .menu-wrap,
.show-menu-caddy .menu-wrap-caddy{transform:translate3d(0,0,0);transition:transform 0.8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language{transform:translate3d(0,0,0);transition:transform 0.8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language{transition-duration:0.9s;}
.show-menu .site-overlay,
.show-menu-caddy .site-overlay{opacity:1;transition:opacity 0.8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);transform:translate3d(0,0,0);}