#cd5_m299 {display:block; overflow: hidden; display: block; }
#cd5_m299 * { box-sizing: border-box; }
#cd5_m299 .m299_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px 0px; width: 100%; max-width: 1400px; margin: 0 auto; }
#cd5_m299 .m299_ibox { display: block;  -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; margin: 4px; width: 90px; height: 70px; position: relative; }
#cd5_m299 .m299_title { position: absolute; top: 0; left: 0; width: 100%; height: 70px; opacity: 0; border-radius: 4px; background-color: #3175ac; color: #fff; font-family: poppinssemibold; text-transform: uppercase; font-size: 11px; letter-spacing: 0.8px; -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
#cd5_m299 .m299_title_inner { display: flex;height: 100%;align-items: center;justify-content: center;padding: 4px;}
#cd5_m299 .m299_image { position: absolute; top: 0; left: 0; width: 100%; height: 70px; background-color: #f8f8f8; border-radius: 4px; opacity: 1;  -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
#cd5_m299 .m299_image_inner { display: flex;height: 100%;align-items: center;text-align: center;padding: 4px;}
#cd5_m299 .m299_image_inner img { width: 42px; margin: auto;}
#cd5_m299 .m299_ibox:hover .m299_title  { opacity: 1; }
#cd5_m299 .m299_ibox:hover .m299_image  { opacity: 0; }