#animation{
   position:relative;
   z-index: 0;
   width:100%;
   height:640px;
   margin:0;
   margin-top:-3px;
   max-height: 640px;
}
#carousel .foo{
    position: relative;
    width:100%;
    height:640px;
    float: left;
    overflow: hidden;
}
#carousel .foo img.bg{
   object-fit: cover;
   object-position: center center;
   max-height: 640px;
   width: 100%;
   height: 640px;
}
#carousel{
    position: relative;
    z-index: 10;
    width:100%;
    height:640px;
}
/*////////////PAGER/////////*/
#wpager{
   position: absolute;
   bottom:50px;
   left:0;
   z-index: 1000;
   width:100%;
   text-align: center;
}
#pager a{
   display: inline-block;
   width:18px;
   height: 18px;
   text-indent: -9999em;
   margin-right:5px;
   cursor: pointer;
   background-size: 36px 18px!important;
   background: url(../images/puces.png) no-repeat -18px top;
}
#pager a.selected,#pager a:hover{
   background: url(../images/puces.png) no-repeat left top;
}
#pager a:last-child{
   margin-right:0;
}
/*///////////FIN/PAGER/////////*/


#hpj-anim-1{
   width:454px;
   position: absolute;
   bottom:0;
   right:-30px;
   animation: float2 3s ease-in-out infinite;
   max-width: 50%;
   height: auto;
}

#hpj-anim-1{
   width:454px;
   position: absolute;
   bottom:0;
   right:-30px;
   animation: float2 3s ease-in-out infinite;
   max-width: 50%;
   height: auto;
}
#hpj-anim-3{
   width:379px;
   position: absolute;
   bottom:0;
   right:-30px;
   animation: float2 3s ease-in-out infinite;
   max-width: 50%;
   height: auto;
}
#torah{
   width:231px;
   height: 258px;
   position: absolute;
   max-width: 30%;
   position: absolute;
   top:-50px;
   left:40px;
   z-index: 1000;
   display: none;
}



.wrapper_text_anim{
   position: absolute;
   top:100px;
   left:10%;
   max-width: 80%;
}

@media screen and (min-width: 768px)  {
  .wrapper_text_anim{
      max-width: 50%;
   }
   
   #hpj-anim-1{
      max-width: 40%;
   }
}
.wrapper_text_anim h2{
   font-size:5em;
   font-weight: 900;
   color:#fff;
   line-height: 1em;
   margin-bottom:40px;
}
.wrapper_text_anim p{
   font-size:3em;
   font-weight: normal;
   color:#fff;
}