.homepage-oxy {max-width: 1920px;margin:auto;background: #f5f5f5;width: 100%;}
.homepage-oxy .clic {width: 100%;height: 100%;top: 0;left: 0;z-index: 1; background-color: transparent; display: block; opacity: 0; position: absolute;}
.homepage-oxy .grey-back{background: white;}
.homepage-oxy  .only-desk{display: block;}
.homepage-oxy .only-mob{display: none;}

/*Bloc1*/
.homepage-oxy .bloc1 .bouton-hero {padding: 8px 45px ;    text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 600;   width: fit-content; margin-top: 10px; position: relative;z-index: 2;}
.homepage-oxy .bloc1, .homepage-oxy .bloc1 .z1-contenu-text {display: flex;flex-direction: column; overflow: hidden;}
.homepage-oxy .bloc1 {height: auto; position: relative;}
.homepage-oxy .bloc1 .z1-contenu-text { position: absolute; top: 22%;left: 7%; z-index: 0;}
.homepage-oxy .bloc1 .bg-image { width: 100%;} 
.homepage-oxy .bloc1 .bg-image img { object-fit: cover; width: 100%; height: 100%;}
.homepage-oxy .bloc1 h2 {font-weight: 700;font-size: 50px;line-height: 61px;text-transform: uppercase;}
.homepage-oxy .bloc1 p {font-size: 22px;line-height: 24px;}
.homepage-oxy .bloc1 .z1-contenu-square h2{text-align: center;}
.homepage-oxy .bloc1 .z1-contenu-text h2{text-align: left;}
.homepage-oxy .z1-contenu-square {display: flex;flex-direction: column;    justify-content: space-evenly;padding: 15px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);    height: 83%;width: 29%;align-items: center;}                

/*Cross selll*/
.homepage-oxy #shopinshop_products .js-parentsFav{width: auto;margin: auto;color:#686B6E;}
.homepage-oxy #shopinshop_products .slick-arrow{cursor: pointer;z-index: 1;position: absolute;top: 32%;}
.homepage-oxy #shopinshop_products .arrow-prev{left: 7%;}
.homepage-oxy #shopinshop_products .arrow-next{ right: 7%;}
.homepage-oxy #shopinshop_products .item-box  {margin: 0 3px;position: relative;}
.homepage-oxy #shopinshop_products .item-box .Img img{width: 300px;border: 1px solid #D9D9D9;}
.homepage-oxy #shopinshop_products .parentsFav-crosssell-title,
.homepage-oxy #shopinshop_products button.img-arrow.arrow-hide.arrow-prev,
.homepage-oxy #shopinshop_products button.img-arrow.arrow-next , 
.homepage-oxy #shopinshop_products .img-set.img-move.img-secondary,.homepage-oxy #shopinshop_products .product-rate-container {display: none;}
.homepage-oxy #shopinshop_products .item-grid .item-box .product-item .details .sticker {position: relative;}
.homepage-oxy .item-grid .item-box .product-item .details .brand { font-weight: 600;  font-size: 0.75rem; text-transform: uppercase;}
.homepage-oxy .item-grid .item-box .product-item .details .product-title-txt { font-weight: 300; font-size: 0.875rem; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; margin: 0 auto;}
.homepage-oxy .js-parentsFav .existe-coloris, .homepage-oxy .js-parentsFav .details-age {font-size: 11px;}
.homepage-oxy .item-grid .item-box .product-item .details {margin: 12px auto 0;}
.homepage-oxy #shopinshop_products .Img{position: relative;}
.homepage-oxy .item-grid .item-box .stickers-eko{    position: absolute; top: 205px;margin-left: 10px;}
.homepage-oxy .item-grid .item-box .product-item .details a::after {content: '';background: transparent;position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.homepage-oxy .add-to-basket {display: none!important;}
.homepage-oxy .stickertitle{padding: 0 5px;}
.homepage-oxy #shopinshop_products .slick-arrow svg{-webkit-box-shadow: -1px 7px 11px -3px rgba(56,56,56,0.93); box-shadow: -1px 7px 11px -3px rgba(56,56,56,0.93);-webkit-border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;}

/*Blocs links*/
.homepage-oxy .bloc-links{margin:2% 0;}
.homepage-oxy .bloc-links h2{text-align: center;margin: 10px 0;font-size: 25px;padding: 10px;line-height: 31px;}
.homepage-oxy .bloc-links ul{display: flex;flex-wrap: wrap;justify-content: center;justify-content: center;}
.homepage-oxy .bloc-links ul li { flex: 1;text-align: center;    margin: 7px;}
.homepage-oxy .bloc-links ul li a{font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase;padding: 10px 0;display: block; margin: 10px; text-align: center;}

/*Blocs Com*/
.homepage-oxy .bloc-com{background-color: #FFFFFF;}
.homepage-oxy .bloc-com .bloc-com-over{display: flex;  margin: 30px 0;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.homepage-oxy .bloc-com .bloc-com-over > div{ position: relative;font-size: 0;}
.homepage-oxy .bloc-com .bloc-com-over .full-width{width: 100%;margin-bottom: 10px;}
.homepage-oxy .bloc-com .bloc-com-over .bloc-3{margin-right: 10px;flex: 1;}
.homepage-oxy .bloc-com .bloc-com-over .bloc-4{flex: 1;}
.homepage-oxy .bloc-com  .bloc-com-over .bloc-cta{ position: absolute; top: 45px;left: 50%; transform: translate(-50%, -15px);right: 50%; width: 96%; text-align: center }
 .homepage-oxy .bloc-com  .bloc-com-over  h2{font-size: 52px;letter-spacing: 8px;text-transform: uppercase;margin-bottom: 20px;line-height: 58px;}
.homepage-oxy .bloc-com  .bloc-com-over h3 {    font-size: 16px; padding: 11px 50px; width: fit-content; text-align: center; text-transform: uppercase;margin: auto;font-weight: 400;}
.homepage-oxy .bloc-com  .bloc-offer .date{font-size: 16px;padding: 14px 0;font-weight: 700;position: absolute;top: 0;left: 0;    width: 100%;}
.homepage-oxy .bloc-com img{     -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;width: 100%;    width: 100%; height: 100%;object-fit: cover;}
.homepage-oxy .bloc-com .bloc-com-over a:hover h3{background:#0D3880 ; color: #FFFFFF;}

/*Blocs infos*/

.homepage-oxy .bloc-infos ul{display: flex; justify-content: space-between;}

/*Blocs conseils*/
.homepage-oxy .bloc-conseils{ position: relative;}
.homepage-oxy .bloc-conseils .bloc-text{position: absolute;bottom: 0;width: 100%;}
.homepage-oxy .bloc-conseils .bloc-img img{width: 100%;}
.homepage-oxy .bloc-conseils .bloc-text .title{text-align: center;margin-bottom: 40Px;} 
.homepage-oxy .bloc-conseils .bloc-text .title h2{font-size: 72px;color: #fff;font-weight: 400;text-transform: uppercase;letter-spacing:7px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.homepage-oxy .bloc-conseils .bloc-conseils-over{ display: flex;    justify-content: space-between; }
.homepage-oxy .bloc-conseils .bloc-conseils-over  a{font-size: 16px;
 text-transform: uppercase;letter-spacing: 3px;background: #fff;text-align: center;margin-right: 5px;flex: 1;display: flex;align-items: center;line-height: 19px;padding: 10px;justify-content: center;}
 .homepage-oxy .bloc-conseils .bloc-conseils-over a:hover{color:#fff;background: #383838;}

/*Blocs brands*/
.homepage-oxy .bloc-brands {    padding: 3% 0;background: #fff;}
.homepage-oxy .bloc-brands .bloc-brands-logos{width: 93%;margin: auto;display: flex;align-items: center;}
.homepage-oxy .bloc-brands .bloc-brands-logos .slick-slide {margin: 20px;}
.homepage-oxy .bloc-brands .bloc-brands-logos .arrow-prev { padding-right: 27px; }
.homepage-oxy .bloc-brands .bloc-brands-logos  .slick-arrow{cursor: pointer;}
.homepage-oxy .bloc-brands .bloc-brands-logos  .arrow-next{ padding-left: 23px;}

/*Manifesto*/
.homepage-oxy .manifesto {text-align: center; margin: 4% auto;  padding: 0 20px;height: 280px; position: relative;}
.homepage-oxy .manifesto h2 {text-transform: uppercase;font-style: normal;  font-weight:800;font-size: 50px; line-height: 54px; }
.homepage-oxy .manifesto h3{text-transform: uppercase;   font-size: 25px;}
.homepage-oxy .manifesto .slide-manifesto .slick-slide {text-align: center; display: flex; flex-direction: column;align-items: center; justify-content: center;}
.homepage-oxy .manifesto .slide-manifesto {font-size: 22px;line-height: 30px;text-align: center; font-weight:800;}
.homepage-oxy .manifesto .slide-manifesto .wheel {flex-direction: row;}
.homepage-oxy .manifesto .slide-manifesto .wheel .bloc-text{margin-left: 24px;} 
.homepage-oxy .manifesto .slide-manifesto .slick-list {margin: auto;
text-align: center; display: flex; flex-direction: column;  align-items: center; justify-content: center;}
.homepage-oxy .manifesto .slide-manifesto .slick-track {margin: auto;display: flex;align-items: center; justify-content: center;}
.homepage-oxy .manifesto .slick-dots { position: inherit;  bottom: inherit;  display: inherit;  padding: 0;  margin: 20px auto;  list-style: none;}
.homepage-oxy .manifesto .slick-dots li {position: relative;display: inline-block;width: 10px;height: 15px;margin: 0 3px;padding: 0;cursor: pointer;}
.homepage-oxy .manifesto .slick-dots button { color: #1D1D1B !important; background: #1D1D1B !important;}
.homepage-oxy .manifesto .slick-active button {background: #F5C438!important; color: #F5C438!important;}
.homepage-oxy .manifesto .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 6px; height: 6px; padding: 3px; cursor: pointer; color: #C4C4C4; border: 0; outline: none; background: #C4C4C4; border-radius: 30px;}


/*Social networks*/
.homepage-oxy .social-networks{text-align: center;  text-transform: uppercase;background: #fff;padding: 30px 0 0;}
.homepage-oxy .social-networks h2{font-size: 18px;    margin-bottom: 20px;}
.homepage-oxy .social-networks ul{display: flex;justify-content: center;justify-content: center;}
.homepage-oxy .social-networks ul li{margin: 0 20px;}


@media (min-width: 1025px) {
  .homepage-oxy .bloc-links ul li:hover a { -webkit-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.05);  transition: all 0.5s;}
  .homepage-oxy .bloc-conseils .bloc-conseils-over > div:hover .cta{opacity: 1;}
  .homepage-oxy .bloc-infos ul li img{-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
  .homepage-oxy .bloc-infos ul li img:hover,
  .homepage-oxy .bloc-conseils .bloc-conseils-over > div:hover .img, .homepage-oxy .bloc-conseils .bloc-conseils-over > div:hover .text h2{-webkit-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.05);  transition: all 0.5s;}
  .homepage-oxy .bloc-infos{width: 90%; margin: auto;}
  .homepage-oxy #shopinshop_products{ margin-left: 15px;}
  .homepage-oxy #shopinshop_products .item-grid{min-height: 620px;}
}

@media (max-width: 1024px) {
    /*Cross selll*/
    .homepage-oxy #shopinshop_products .js-parentsFav{        padding-bottom: 28px; width: 100%;  overflow-x: auto; }
    .homepage-oxy #shopinshop_products .js-parentsFav .item-grid{ display: flex; margin: 0 10px;width: max-content;padding: 0px 0 20px 0;} 
    ::-webkit-scrollbar { -webkit-appearance: none; width: 3px; height: 4px; -webkit-overflow-scrolling: auto;}
    ::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #ccc;-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
    .homepage-oxy #shopinshop_products .item-box .Img .img-set{    transform: inherit!important;}
    .homepage-oxy .bloc-brands .bloc-brands-logos {width: max-content;}
    .homepage-oxy .bloc-brands .bloc-brands-logos div {    margin: 20Px 20px 20px 0;}
    .homepage-oxy .bloc1 h2 {font-size: 38px;line-height: 45px;}
    .homepage-oxy .z1-contenu-square {width: fit-content;}
    .homepage-oxy .bloc-infos-over,
    .homepage-oxy .bloc-conseils .bloc-liens  { overflow: auto; width: 100%;}
    .homepage-oxy .bloc-infos ul li{width: 300px;}
    .homepage-oxy .bloc-infos ul, .homepage-oxy .bloc-conseils .bloc-conseils-over {width: max-content;}
    .homepage-oxy .bloc-conseils .bloc-text .title h2 {
    font-size: 40px;}
    .homepage-oxy .manifesto h2 {font-size: 35px;line-height: 38px;}
    .homepage-oxy .manifesto h3 {font-size: 18px;line-height: 23px;}
}
@media (max-width: 768px) {
  .homepage-oxy  .only-desk{display: none;}
  .homepage-oxy .only-mob{display: block;}
  .homepage-oxy .item-grid .item-box .product-item{width: 200px;}
  .homepage-oxy .bloc-links ul li { width: 43%;flex: inherit;}
  .homepage-oxy .bloc-conseils .bloc-text {position: inherit;}
  .homepage-oxy .bloc-conseils .bloc-text .title h2 {font-size: 14px;letter-spacing: 2px;text-shadow: none;background: #E11665;       padding: 5px;}
  .homepage-oxy .bloc-conseils .bloc-text .title{margin-bottom: 0; margin-top: -90px;}
  .homepage-oxy .bloc-conseils .bloc-text .title .img img{width: 70px;}
  .homepage-oxy .bloc-conseils .bloc-conseils-over a {font-size: 14px; letter-spacing: 1px;line-height: 18px;padding: 5px;}
  .homepage-oxy .manifesto .slide-manifesto .wheel {flex-direction: column;}
  .homepage-oxy .manifesto .slick-dots {  margin: 0px auto;}
  .homepage-oxy .manifesto {height: auto; margin: auto; padding: 10px 20px;}
  .homepage-oxy .manifesto h2 {font-size: 30px;line-height: 38px;}
  .homepage-oxy .manifesto h3 {font-size: 16px;line-height: 23px;}
   .homepage-oxy .manifesto .img { width: 140px;}
}

@media (max-width: 680px) {

    /*Bloc1*/
    .homepage-oxy .bloc1 .z1-contenu-text {top: auto!important;bottom: 20px;}
    .homepage-oxy .homepage-oxy .bloc1 { margin-bottom: 0; }
    .homepage-oxy .z1-contenu-square {  top: inherit; left: 0; transform: inherit; height: auto;width: 100%;bottom: 0;align-items: flex-start;padding: 25px 10px 25px 30px;}
    .homepage-oxy .bloc1 h2 { font-size: 26px;line-height: 30px;  }
    .homepage-oxy .bloc1 .z1-contenu-text h2 br{display: none;}
    .homepage-oxy .bloc1 .bouton-hero { padding: 7px 30px; font-size: 14px;}
    
      /*Blocs Links*/
    .homepage-oxy .bloc-links {  margin: 0 auto 30px; }
    .homepage-oxy .bloc-links ul li a {font-size: 16px;} 
    .homepage-oxy .bloc-links h2 {font-size: 22px;}

    /*Blocs Com*/
    .homepage-oxy .bloc-com .bloc-com-over {display: flex; flex-direction: column;}
    .homepage-oxy .bloc-com .bloc-com-over > div{width: auto;flex: none;}
    .homepage-oxy .bloc-com .bloc-com-over > div:not(.bloc-offer) img{object-fit:  cover;  width: 100%;height: 100%;object-position: top;}
    .homepage-oxy .bloc-com .bloc-com-over h2 {font-size: 42px; line-height: 46px;}
    .homepage-oxy .bloc-com .bloc-com-over .bloc-3 {margin-right: 0;margin-bottom: 10px;}
   .homepage-oxy .bloc-infos ul li { width: 225px;}
  
    /*Blocs manifesto*/
    .homepage-oxy .social-networks h2{font-size: 16px;}
    }

    @media (max-width: 450px) {
    .homepage-oxy .bloc-com .bloc-com-over h2 {font-size: 30px; line-height: 35px;}
    .homepage-oxy .manifesto h2{font-size: 27px;       line-height: 32px;}
   .homepage-oxy .manifesto h3{font-size: 15px;  line-height: 18px; }
    }