#cd5_module220 { margin: 0px; clear: left; box-sizing: border-box; z-index: 2; position: relative; position: relative; overflow: hidden; padding: 100px 50px;}
#cd5_module220 .m220_box { margin: 0 auto; width: 100%; box-sizing: border-box; max-width: 1400px; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; padding: 0px 10px; }
#cd5_module220 .m220_ibox { flex: 1; overflow: hidden; margin: 10px; position: relative; height: 300px; display: flex;align-content: stretch;align-items: center;  }
#cd5_module220 .m220_imgbox { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; -ms-transform: scale(1.2);    -moz-transform: scale(1.2);    -webkit-transform: scale(1.2);    -o-transform: scale(1.2);    transform: scale(1.2);  }
#cd5_module220 .m220_ibox:hover .m220_imgbox { -ms-transform: scale(1);    -moz-transform: scale(1);    -webkit-transform: scale(1);    -o-transform: scale(1);    transform: scale(1); }
#cd5_module220 .m220_imgbox_layer {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;   }
#cd5_module220 .m220_data { display: block; position: relative; text-align: center; width: calc( 100% - 80px); box-sizing: border-box; padding: 40px 0px; margin: 0px 40px; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; }
#cd5_module220 .m220_data>h2 { font-size: 20px; font-family: poppinsregular; display: block;}
#cd5_module220 .m220_link { display: inline-block; margin-top:30px; padding: 12px 18px; border-radius: 4px; box-sizing: border-box; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; text-transform: uppercase; font-family: poppinsbold; font-size: 14px; text-align: center; min-width: 150px; }
@media only screen and (max-width: 1040px) {
     #cd5_module220 {  padding: 50px 0px;}
     #cd5_module220 .m220_box { padding: 0px 10px; }
     #cd5_module220 .m220_ibox { margin: 10px;}
     #cd5_module220 .m220_data { width: calc( 100% - 40px); margin: 0px 20px;}
}
@media only screen and (max-width: 767px) {
     #cd5_module220 {  padding: 10px 0px;}
     #cd5_module220 .m220_box { height: 660px; padding: 0px 20px; }
     #cd5_module220 .m220_ibox { flex: none; width: 100%; height: 200px; margin: 10px; }
}
#cd5_module220 { background-color: #ffffff;}
#cd5_module220 .m220_imgbox_layer {background-color: rgba(12,12,12,0.6);}
#cd5_module220 .m220_ibox:hover .m220_imgbox_layer {background-color: rgba(12,12,12,0.2);}
#cd5_module220 .m220_data>h2 { color: #fff; }
#cd5_module220 .m220_ibox:hover  .m220_data { background-color: rgba(11,11,11,0.8); }
#cd5_module220 .m220_link { background-color: #ff0000; color: #fff;}
#cd5_module220 .m220_link:hover { color: #000000; background-color: #fff;}