/* Home hook CSS */ 

@-webkit-keyframes hover-imagecategory{0%{transform:perspective(200px) rotate3d(0,1,0,-90deg) translateX(-100%)}100%{transform:perspective(200px) rotate3d(0,1,0,0deg) translateX(0px)}}
@-moz-keyframes hover-imagecategory{0%{transform:perspective(200px) rotate3d(0,1,0,-90deg) translateX(-100%)}100%{transform:perspective(200px) rotate3d(0,1,0,0deg) translateX(0px)}}
@-o-keyframes hover-imagecategory{0%{transform:perspective(200px) rotate3d(0,1,0,-90deg) translateX(-100%)}100%{transform:perspective(200px) rotate3d(0,1,0,0deg) translateX(0px)}}
@keyframes hover-imagecategory{0%{transform:perspective(200px) rotate3d(0,1,0,-90deg) translateX(-100%)}100%{transform:perspective(200px) rotate3d(0,1,0,0deg) translateX(0px)}}

#reassuringinformationsfooter {
	background: #f4f4f4;
    padding: 50px 0;
	font-family: 'Montserrat'; 
	position:relative
}
    @media (max-width: 1024px){ 
      #reassuringinformationsfooter {width:98%;margin:0 auto;}}
    @media (max-width: 768px){ 
      #reassuringinformationsfooter {width:100%;margin:0 auto;}} 	 	  
	  
#reassuringinformationsfooter li { width:24%;text-align:left; padding:6px 0 0 0;vertical-align:top;}
    @media (max-width: 1024px){ 
      #reassuringinformationsfooter li {width:24%;}}
    @media (max-width: 768px){ 
      #reassuringinformationsfooter li {text-align:center;}}	    
    @media (max-width: 375px){ 
      #reassuringinformationsfooter li {width:90%;}}	  
    @media (max-width: 375px){ 
      #reassuringinformationsfooter li {width:90%;}} 	 	  

#reassuringinformationsfooter .item-img {float:left;margin:0 20px 0 0; }   
    @media (max-width: 768px){ 
     #reassuringinformationsfooter .item-img {float:none;margin:0 auto;opacity:1;}}
    @media (max-width: 560px){ 
     #reassuringinformationsfooter .item-img {float:left;margin:0 10px 0 0;}}	 

#reassuringinformationsfooter .item-title{font-size:18px;padding:0;margin:20px 0 0 0;font-weight:bold;}  
    @media (max-width: 768px){ 
      #reassuringinformationsfooter .item-title {clear:both;}}
    @media (max-width: 560px){ 
      #reassuringinformationsfooter .item-title {clear:none;}}	  

#reassuringinformationsfooter .item-slogan{font-size:14px;padding:0;margin:5px 0 0 0;}  

#reassuringinformationsfooter > ul { 
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
}
   @media (max-width: 768px){
		#reassuringinformationsfooter > ul { 
			flex-wrap: wrap
		}
   }
   
   @media (max-width: 560px){
		#reassuringinformationsfooter > ul { 
			flex-wrap: wrap;
			justify-content:center;
		}
   }   
#reassuringinformationsfooter > ul > li { max-width: 330px}
   @media (max-width: 414px){
		#reassuringinformationsfooter > ul > li { margin: 0 0 10px 0;width : 100%}
   }  



#reassuringinformationsfooter > ul > li div.item-title,
#reassuringinformationsfooter > ul > li div.item-slogan {color:#000;}
 
#reassuringinformationsfooter li:hover .item-img {
-webkit-animation: hover-imagecategory 0.6s cubic-bezier(0.25,0.46,0.45,0.94) 1;
    animation: hover-imagecategory 0.6s cubic-bezier(0.25,0.46,0.45,0.94) 1;
} 

.footer-container #footer ul li {
	padding-bottom: 0px; 
}

@media (max-width: 1205px){ 
	#reassuringinformationsfooter .item-slogan{font-size:12px}  
}
@media (max-width: 1105px){ 
	#reassuringinformationsfooter .item-slogan{font-size:10px}  
}
@media (max-width: 1059px){ 
	#reassuringinformationsfooter > ul > li {text-align:center}
	#reassuringinformationsfooter > ul > li img{display:inline-block;float:none!important;margin:0!important;margin-bottom:10px!important}
	#reassuringinformationsfooter > ul > li div.item-title {display:inline-block}
	#reassuringinformationsfooter .item-slogan{display:none}  
}
@media (min-width: 768px) and (max-width: 867px){ 
	#reassuringinformationsfooter .item-title{font-size:16px}   
}
@media (max-width: 560px){ 
      #reassuringinformationsfooter > ul > li {width:90%;text-align:left;}}