#homepage .categ .container ul li:hover,
#homepage .container-2 .bloc-infos .our-brands .brands ul li:hover, .pave_communautes section > .container .slick-slide:hover, #wrapper_moteur_kdo .findGift:hover{opacity: 0.8;}
#homepage{max-width: 1560px;margin: auto;}
#homepage .rappel{margin-left: 20px; margin-top: 10px;}
#homepage .cta span, .cta-fllow a span  {border-bottom: 1px solid #383838;padding-bottom: 3px;font-size: 14px;color:#383838;font-weight: 600;}
.wrapper-hp {display:flex;flex-direction: column;max-width: 1320px;margin: auto;}
.wrapper-hp .raw-flex{display: flex;}
.wrapper-hp .cdt{  color:white;position: absolute;  bottom: 10px; right: 10px; text-align: right; font-size: 10px;z-index: 1;}
#homepage .clic, .wrapper-hp .clic2,.wrapper-hp .clic3 { background-color: transparent; display: block; opacity: 0;position: absolute;}
.wrapper-hp .only-mobile{display: none !important;}
.wrapper-hp .only-smartphone{display: none;}
.wrapper-hp .bloc-2 img, .wrapper-hp .bloc-3 img, .wrapper-hp .bloc-4 img{width:100%;}
.cta-fllow{width: 100%;text-align: center;margin-bottom: 3%}
#homepage .logo-only-mobile{display: none;}
  
/*****************BLOC PERSO ET MOTEUR A KDO**************************/
#homepage .blocHP3 {height: 500px;width: 31%;}
#homepage .recosPerso {background: #ffffff none repeat scroll 0 0;}
#homepage .recosPerso .macaron {margin-left: 50%; position: absolute; top: 332px;}
#homepage #giftEngine { width:99%;}
#homepage #giftEngine #wrapper_moteur_kdo {   background: #B3D7F8; height: 500px;  position: relative;background-size:contain;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau {padding: 42px 22px 20px;}
#homepage #giftEngine #wrapper_moteur_kdo  .intro{margin-bottom: 30px;display: flex;align-items: center; flex-direction: column;}
#homepage #giftEngine #wrapper_moteur_kdo .img_hp img{width: 40px;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau .title {font-weight: 800; font-size: 27px; line-height: 26px;color: #272B43;text-transform: uppercase;text-align: center;margin-top:10px;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau .title > br:nth-child(1){display: none;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau .title span{display: none;}
#homepage #giftEngine #wrapper_moteur_kdo .btn-intro{display:none;}
#homepage #giftEngine #wrapper_moteur_kdo .styled-select-button{ overflow: hidden;     margin-bottom: 12px; background: white; width: 100%;}
#homepage #giftEngine #wrapper_moteur_kdo .styled-select-button .select-btn { background: #fff url("//media.idkids.fr/media/oxybul/common/moteur_cadeau/fleche.svg") no-repeat scroll right center; cursor: pointer; height: 44px; line-height: 44px; overflow: hidden; width: 97%;background-size: 20px;    font-weight: 500; font-size: 14px;color:#222A42;}
#homepage #giftEngine #wrapper_moteur_kdo .styled-select-button .select-btn select{-khtml-appearance: none;-ms-appearance: none;-webkit-appearance: none;-o-appearance: none;-moz-appearance: none;background-color: transparent;background-image: none;border: medium none;box-shadow: none;cursor: pointer;padding-left: 5%;width: 100%;}
#homepage #giftEngine #wrapper_moteur_kdo .Big_img_hp{display: none;}
#homepage #giftEngine #wrapper_moteur_kdo .findGift {background: #fff;color: #222A42;cursor: pointer;display: flex;font-size: 14px;text-align: center;text-transform: uppercase;height: 45px;line-height: 45px;font-weight: 600;margin-top: 60px;justify-content: center;}
#homepage #giftEngine #wrapper_moteur_kdo .findGift::after{ background: url('//media.idkids.fr/media/oxybul/common/moteur_cadeau/loupe-noel.svg') no-repeat scroll center;content: '';height: 44px;width: 23px;display: block;background-size: 20px;margin-left: 6px;}
#homepage #giftEngine #wrapper_moteur_kdo .loader{ position: absolute;bottom: 6%;right: 63%;display: none;animation: spin 2s linear infinite!important;}@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
#homepage #giftEngine #wrapper_moteur_kdo .msg_erreur{ background: rgb(255,236,236); box-shadow: 0 1px 1px 0 rgb(241,196,196); padding: .4em 2%; color: #E63737;
line-height: 1.4; font-size: 0.9em; margin-top: 0.4em;display:none;}

/*****************Style Bloc**************************/
.wrapper-hp .img-com {width: 100%;}
#homepage .clic{width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

/*OPE 1*/
.wrapper-hp .bloc-1 {height:500px;position: relative;width: 69%;margin-right: 10px;}
.wrapper-hp .bloc-1 .clic{height: 500px; left: 0; top: 0; width: 100%;z-index: 1;}
.wrapper-hp .bloc-1 picture img{object-fit: cover;width: 100%;height: 100%;}
.wrapper-hp .bloc-1 .bloc-1-container { position: absolute;left: 60px;top: 78px;text-align: left;width: 39%;}
.wrapper-hp .bloc-1 h2 span {font-size: 48px; color:#ED2A2A;}
.wrapper-hp .bloc-1 h2 {  line-height: 40px!important;text-transform: uppercase; font-size: 36px; font-weight: 800;}
.wrapper-hp .bloc-1 .bloc-1-container p{margin-top: 5px;font-size: 14px;}
.wrapper-hp .bloc-1 .cta{padding: 10px 20px; margin-top: 20px;    display: table;}
.wrapper-hp  .bloc-1 .logo-idk{position: absolute; width: 370px; top: 50%; left: 50%; transform: translate(-50%,-50%);}



/*bloc prod*/
#homepage .bloc-com-prod .contain-prod{margin: 20px auto 0;display: flex}
#homepage .bloc-com-prod> div {position: relative; text-align: center;}
#homepage .bloc-com-prod> div h2{text-transform: uppercase;line-height: 25px;font-size: 18px;}
#homepage .bloc-com-prod> div .cta{margin-top: 10px;}
#homepage .bloc-com-prod> div .text{margin: 5px 0 0 0;}
#homepage .bloc-com-prod> div .text .brand{text-transform: uppercase;}
#homepage .bloc-com-prod> div .text .brand, #homepage .bloc-com-prod> div .text .price{font-weight: 700;}
#homepage .bloc-prod{position: relative;}

/*OPE 2 et OPE 3*/
#homepage .bloc-com {justify-content: center;display: flex;margin : 40px 0;}
#homepage .bloc-com > div {position: relative; width: 597px; margin: 0 6px;}
#homepage .bloc-com > div h2{text-transform: uppercase;line-height: 25px;font-size: 18px;}
#homepage .bloc-com > div .cta{margin-top:2px;}
#homepage .bloc-com > div .text{margin: 10px 0 0 0;}

/*Bloc video*/
.bloc-video{display: flex;  margin: 20px 0 30px;  align-items: center;background: #fddd3a;}
.bloc-video .video{font-size: 0;}
.bloc-video .text { width: 31%;  margin: auto;}
.bloc-video .text h2{text-transform: uppercase; font-size: 25px; line-height: 34px;}
.bloc-video .text h3{text-transform: uppercase; font-weight: 500;}
.bloc-video .text a{font-weight: 600;}

/*OXY dem*/
.oxy-idk-bulle{ position: absolute; top: 5%;z-index: 2;right: 33%}


@media screen and (max-width: 1279px) {
#homepage { width: 100%;max-width: inherit;}
.bloc-video .text {padding: 50px 40px;width: auto;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau .title { font-size: 24px; line-height: 28px;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau .title span { font-size: 20px;}
#homepage #wrapper_moteur_kdo {background-size:cover;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau {  padding: 5%;}
}

@media screen and (max-width: 1024px) {
.wrapper-hp .mobile { display: none;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau { padding: 30px 18px; }
#homepage #giftEngine #wrapper_moteur_kdo {background-size: cover;}
#homepage #giftEngine {width: auto;margin: 0 auto 15px;}
.bloc-video .video, .bloc-video iframe{width: 100%;}
.bloc-video .text {padding: 50px 40px;}
.wrapper-oxy-idk .slick-arrow {  display: none;}
#homepage .blocHP3 { width:45%;}
.wrapper-hp .bloc-1 { width: 65%;}

.wrapper-hp .bloc-1 .bloc-1-container {width: 53%;}
}

@media screen and (min-width: 768px) {
    #homepage #giftEngine {overflow: hidden;}
    #homepage #giftEngine #wrapper_moteur_kdo  .intro{flex-direction: column;}
}

@media screen and (max-width:768px) {
#homepage{font-size:16px}
.wrapper-hp .only-mobile{display: block !important;}
.wrapper-hp .only-desktop{display: none!important;}
.wrapper-hp .cta-mobile {display:block;border: 1px solid #383838;margin-bottom: 4%;height: 40px;line-height: 40px;width: 90%;margin-left: auto;margin-right: auto;text-align: center;font-weight: 500; font-size: 14px; position: relative;z-index: 1;}
.cta-fllow {  margin-bottom: 7%; margin-top: 8%;}
.oxy-idk-bulle { right: 10%;}

/*Bloc perso et moteur a cadeaux*/
#homepage .blocHP3 { height: auto; position: fixed; bottom: 0; z-index: 1; width: 100%;z-index: 3;}
#homepage #giftEngine { width: 100%; margin: 0; height: auto;border-radius: 0; overflow: hidden;  border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: inherit;}
#homepage #giftEngine #wrapper_moteur_kdo .link {margin: inherit;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau { border-top-left-radius: 10px;border-top-right-radius: 10px;}
#homepage #giftEngine #wrapper_moteur_kdo { height: auto;width: 100%;background: #B3D7F8;border-top-left-radius: 10px;border-top-right-radius: 10px;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.36), 0 1px 6px rgba(0,0,0,0.36);display: inherit;overflow: inherit;border-radius: inherit;}
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau {padding: 13px 10px 12px;display: inherit; height: auto;}
#homepage #giftEngine #wrapper_moteur_kdo .intro {margin-bottom: 0;  justify-content: space-between;height: auto; width: 100%;background: white;
    border-radius: 30px; align-items: center;flex-direction: inherit;}
#homepage #giftEngine #wrapper_moteur_kdo .intro.rotate {justify-content: left;background: transparent; }
#homepage #giftEngine #wrapper_moteur_kdo .styled-select-button:not(:nth-child(3)):after {  display:none;}
#homepage #giftEngine #wrapper_moteur_kdo .img_hp {  margin: 0 5px 0 10px;}
#homepage  #giftEngine #wrapper_moteur_kdo .img_hp img{width: 30px;}
#homepage #giftEngine #wrapper_moteur_kdo .btn-intro.rotate::after {content: "";background: url("https://media.idkids.fr/media/oxybul/common/images/close.svg");width: 20px;height: 20px;display: block;position: absolute;top: 11px;background-repeat: no-repeat;right: 10px;background-size: 100%;}
#homepage #giftEngine #wrapper_moteur_kdo .btn-intro.rotate img{display: none;}
#homepage #giftEngine #wrapper_moteur_kdo .intro.active:before { -webkit-transform: rotate( -90deg)!important;  -ms-transform: rotate(-90deg)!important;
    transform: rotate( -90deg)!important;}
#homepage #giftEngine #wrapper_moteur_kdo .intro h2 span{display: none;}
#homepage #giftEngine #wrapper_moteur_kdo .styled-select-button .select-btn { background-size: 20px; width: 100%;background-position:  97% center;}
#homepage #giftEngine #wrapper_moteur_kdo .styled-select-button .select-btn select {  text-align: left;}

#homepage #giftEngine #wrapper_moteur_kdo .findGift { margin: auto;    border-radius: 30px;}
#homepage #giftEngine #wrapper_moteur_kdo .btn-intro {display: flex;  }
#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau  form {margin : 20px auto;display: block;}   

#homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau .title {    font-size: 16px;text-align: left;margin-top: 0;margin-left: 2px;width: 206px;padding: 5px 0;}

/*Bloc 1, 2, 3, 4*/
.wrapper-hp .bloc-1 picture, 
.wrapper-hp .bloc-1, 
.wrapper-hp .bloc-1 picture img{width: 100%;}
.wrapper-hp .bloc-1 h2 {line-height: 41px !important; }
.wrapper-hp .bloc-1{height: auto;position: relative;}
.wrapper-hp .bloc-1 .bloc-1-container {left: 30px;top: 20px;}
.wrapper-hp .bloc-1-container.only-desktop{display: none;}
.wrapper-hp .bloc-1-container.only-mobile { position: initial; margin: 5% 0;top:0;left: 0;}
.wrapper-hp .bloc-1 .logo-idk {width: 229px;}
.wrapper-hp .bloc-1 { margin-bottom: 15px;margin-right: 0;}
 /*****************Style bloc com**************************/
 #homepage .bloc-com { margin: 0 10px;}
 #homepage .bloc-com > div { width: 100%;margin: 0 0 35px 0;}
 #homepage .bloc-com > div h2{font-size: 20px;}
}

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

 /*A deplacer dans le fichier css template*/

#homepage .hero .logo { display: none!important}

.wrapper-hp .bloc-1  .text{    margin-left: 20px;margin-top: 20px; padding-right: 20px;}
.wrapper-hp .bloc-1 .cta { margin-top: 15px;}
.wrapper-hp .bloc-1 h2 br{display: none;}
.wrapper-hp .bloc-1 h2 { font-size: 28px;line-height: 28px !important; } 
.wrapper-hp .bloc-1 .bloc-1-container {width: auto;}
.wrapper-hp .bloc-1 .logo-idk {display: none;}
#homepage .bloc-com{flex-direction: column;}
#homepage .bloc-com > div .text { margin: 5px 0 0 0;}
.bloc-video { flex-direction: column;}
#homepage .slider-hero { position: relative;}
.bloc-video .text { padding: 30px;}
.oxy-idk-bulle {    width: 100%; right: inherit; bottom: -5px; top: inherit;}
.oxy-idk-bulle img {    width: 100%; }

}
@media screen and (max-width: 440px) {
#homepage #wrapper_moteur_kdo .moteur_cadeau .title {line-height: 21px;font-size: 16px;line-height: 21px;margin-left: 6px;}
#wrapper_moteur_kdo .btn-intro { width: 250px;}   
   
}

@media screen and (max-width:340px){
.wrapper-oxy-idk .text { width: 54%; top: 19px;}
}