/*****************MOTEUR A KDO Jouets et textiles *************************/
#giftEngine {overflow: hidden;}
#giftEngine #wrapper_moteur_kdo {   background: #B3D7F8; height: 500px;  position: relative;background-size:contain;}
#giftEngine #wrapper_moteur_kdo .moteur_cadeau {padding: 42px 22px 20px;}
#giftEngine #wrapper_moteur_kdo  .intro{margin-bottom: 30px;display: flex;align-items: center;}
#giftEngine #wrapper_moteur_kdo .img_hp img{width: 40px;}
#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;}
#giftEngine #wrapper_moteur_kdo .moteur_cadeau .title > br:nth-child(1){display: none;}
#giftEngine #wrapper_moteur_kdo .moteur_cadeau .title span{display: none;}
#giftEngine #wrapper_moteur_kdo .btn-intro{display:none;}
#giftEngine #wrapper_moteur_kdo .styled-select-button{ overflow: hidden;     margin-bottom: 12px; background: white; width: 100%;}
#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;}
#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%;}
#giftEngine #wrapper_moteur_kdo .Big_img_hp{display: none;}
#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;}
#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;}
#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); }}
#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;}

@media screen and (max-width: 1024px) {
    #giftEngine #wrapper_moteur_kdo .moteur_cadeau { padding: 30px 18px; }
    #giftEngine #wrapper_moteur_kdo {background-size: cover;}
    #giftEngine{width: 100%;}
}

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

@media screen and (max-width:767px) {
.bloc-HP-moteur-cadeau { height: auto; position: fixed; bottom: 0; z-index: 1; width: 100%;z-index: 3;}
#giftEngine { width: 100%; margin: 0; height: auto;border-radius: 0; overflow: hidden;  border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: inherit;}
#giftEngine #wrapper_moteur_kdo .link {margin: inherit;}
#giftEngine #wrapper_moteur_kdo .moteur_cadeau { border-top-left-radius: 10px;border-top-right-radius: 10px;}
#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;}
#giftEngine #wrapper_moteur_kdo .moteur_cadeau {padding: 13px 10px 12px;display: inherit; height: auto;}
#giftEngine #wrapper_moteur_kdo .intro {margin-bottom: 0;  justify-content: space-between;height: auto; width: 100%;background: white;
    border-radius: 30px; align-items: center;}
#giftEngine #wrapper_moteur_kdo .intro.rotate {justify-content: left;background: transparent; }
#giftEngine #wrapper_moteur_kdo .styled-select-button:not(:nth-child(3)):after {  display:none;}
#giftEngine #wrapper_moteur_kdo .img_hp {  margin: 0 5px 0 10px;}
#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%;}
#giftEngine #wrapper_moteur_kdo .btn-intro.rotate img{display: none;}
#giftEngine #wrapper_moteur_kdo .intro.active:before { -webkit-transform: rotate( -90deg)!important;  -ms-transform: rotate(-90deg)!important;
    transform: rotate( -90deg)!important;}
#giftEngine #wrapper_moteur_kdo .intro h2 span{display: none;}
#giftEngine #wrapper_moteur_kdo .styled-select-button .select-btn { background-size: 20px; width: 100%;background-position:  97% center;}
#giftEngine #wrapper_moteur_kdo .styled-select-button .select-btn select {  text-align: left;}
#giftEngine #wrapper_moteur_kdo .img_hp img{width: 30px;}
#giftEngine #wrapper_moteur_kdo .findGift { margin: auto;    border-radius: 30px;}
#giftEngine #wrapper_moteur_kdo .btn-intro {display: block;  }
#giftEngine #wrapper_moteur_kdo .moteur_cadeau  form {margin : 20px auto;}   

#giftEngine #wrapper_moteur_kdo .moteur_cadeau .title {    font-size: 16px;line-height: 38px;text-align: left;margin-top: 0;margin-left: 2px;width: 200px;}

.homepage #giftEngine #wrapper_moteur_kdo .moteur_cadeau  form,
.homepage #giftEngine #wrapper_moteur_kdo .link{display: none;}
}