#cd5_module223 { box-sizing: border-box; display: block; position: relative; z-index: 2; padding: 0; margin: 0; }
#cd5_module223 .m223_1400 { margin: 0 auto; width: 100%; max-width: 1400px; box-sizing: border-box; padding: 50px 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; }
#cd5_module223 .m223_left { flex: 1;  }
#cd5_module223 .m223_right { flex: 1; }
#cd5_module223 .m223_box { flex: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;  background-color: #fff; margin: 20px 10px; position: relative; overflow: hidden; -webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;  }
#cd5_module223 .m223_box_left { position: relative; flex: 0.4; z-index: 1; -webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out; overflow: hidden; }
#cd5_module223 .m223_box_left_absolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; -webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
#cd5_module223 .m223_box:hover .m223_box_left_absolute { transform: scale(1.1);}
#cd5_module223 .m223_box_right { flex: 0.6; z-index: 1; -webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out; }
#cd5_module223 .m223_box_right h2 { display: block; font-family: poppinssemibold; letter-spacing: -0.4px; font-weight: normal; padding: 15px; padding-bottom: 0px; margin: 0px; font-size: 18px; line-height: 24px; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#cd5_module223 .m223_box_right h3 { display: block; font-family: poppinsregular; font-weight: normal; padding: 15px; padding-top: 2px; padding-bottom: 0px; margin: 0px; font-size: 14px; line-height: 20px; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#cd5_module223 .m223_box_right p { display: block; font-family: poppinsregular; padding: 15px; margin: 0px; font-size: 13px; line-height: 20px; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#cd5_module223 .m223_box_right a { display: inline-block; font-family: poppinssemibold; text-transform: uppercase; border-radius: 4px; margin: 15px; margin-top: 8px; padding: 12px 20px; font-size: 13px; line-height: 13px; text-decoration: none; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; min-width: 150px; text-align: center;}
#cd5_module223 .m223_boxright {flex-direction: column; height: calc(100% - 40px);}
#cd5_module223 .m223_box_left_etc  { flex: 1.5;}
@media only screen and (max-width: 1200px) {
       #cd5_module223 .m223_box_left { flex: 1; }
       #cd5_module223 .m223_box_right { flex: 1; }
       #cd5_module223 .m223_box_left_etc  { flex: 2.9;}
}
@media only screen and (max-width: 960px) {
       #cd5_module202 .m202_box { flex-direction: column; }
       #cd5_module223 .m223_left { flex: none; width: 100%; }
       #cd5_module223 .m223_right { flex: none; width: 100%; }
       #cd5_module223 .m223_boxright {flex-direction: row; height: calc(100% - 20px); margin-top: 0px;}
       #cd5_module223 .m223_box_left_etc  { flex: 1;}
}
@media only screen and (max-width: 500px) {
       #cd5_module223 .m223_box_left  { flex: 0; width: 100%!important; }
       #cd5_module223 .m223_box_right { flex: 1; width: 100%!important; }
       #cd5_module223 .m223_1400 { padding: 20px 10px;}

}
#cd5_module223 { background-color: #f2f2f2; color: #222; }
#cd5_module223 .m223_box { background-color: #fff; -webkit-box-shadow: 10px 10px 15px 0 rgba(24,28,32,0.3); box-shadow: 10px 10px 15px 0 rgba(24,28,32,0.3); }
#cd5_module223 .m223_box:hover { -webkit-box-shadow: 10px 10px 15px 0 rgba(24,28,32,0.6); box-shadow: 10px 10px 15px 0 rgba(24,28,32,0.6); }
#cd5_module223 .m223_box_right h2 { color: #222;}
#cd5_module223 .m223_box_right h3 { color: #acacac;}
#cd5_module223 .m223_box_right p { color: #444; }
#cd5_module223 .m223_box_right a { background-color: #222; color: #fff;}
#cd5_module223 .m223_box_right a:hover { background-color: brown; color: #fff; }