#cd5_module197 {  margin: 0px; clear: left; box-sizing: border-box; z-index: 2; position: relative; position: relative; overflow: hidden; height: 520px;}
#cd5_module197 .m197_box { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 2; }
#cd5_module197 .m197_mainbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; transition:all 0.4s ease-in-out;   }
#cd5_module197 .m197_mainbox_inner {margin: auto; max-width: 1000px; padding: 20px;  }
#cd5_module197 .m197_mainbox_inner > h2 { font-family: poppinssemibold!important; margin: 0!important; padding: 0!important;  text-align: left!important;  }
#cd5_module197 .m197_mainbox_inner > p { font-family: poppinsregular; line-height: 22px; padding-top: 12px; }
#cd5_module197 .m197_box:hover .m197_mainbox { left: 100%;  }
#cd5_module197 .m197_mainbox2 { position: absolute; top: 0; right: 100%; 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_module197 .m197_box:hover .m197_mainbox2 { right: 0; }
#cd5_module197 .m197_mainbox2_inner { margin: auto; width: 100%; max-width: 1400px; position: relative; height: 100%; padding: 0px 5px; box-sizing: border-box; }
#cd5_module197 .m197_box1 { display: block; position: relative; width: 33.33%; float: left;  height: 400px; padding: 0px; margin: 0; box-sizing: border-box; cursor: pointer; cursor: pointer; }
#cd5_module197 .m197_box1_inner { position: absolute; top: -250%; left: 10px; right: 10px; height: 380px; -webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; transition-delay: 0.7s; }
#cd5_module197 .m197_box:hover .m197_box1_inner { top: 70px;  }
#cd5_module197 .m197_box2_inner { position: absolute; bottom: -250%; left: 10px; right: 10px; height: 380px; -webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out; transition-delay: 0.9s; }
#cd5_module197 .m197_box:hover .m197_box2_inner { bottom: -50px;  }
#cd5_module197 .m197_box3_inner { position: absolute; top: -250%; left: 10px; right: 10px; height: 380px; -webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; transition-delay: 1.2s; }
#cd5_module197 .m197_box:hover .m197_box3_inner { top: 70px;  }
#cd5_module197 .m197_box1_inner2 { position: relative; z-index: 4; display: block; height: 100%; overflow: hidden; }
#cd5_module197 .m197_overlay { height: 100%; position: absolute; width: 100%; opacity: 0.5;   z-index: 3; -webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;  }
#cd5_module197 .m197_box1_inner2:hover .m197_overlay { transition-delay: 0.8s;  }
#cd5_module197 .m197_box_label { z-index: 5; font-family: poppinssemibold; position: absolute; height: 70px; bottom: 0; left: 0px; right: 0px; display: block; cursor: pointer; -webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
#cd5_module197 .m197_box_label h2 { text-transform: uppercase; font-family: poppinssemibold; font-size: 20px; line-height: 20px; padding: 20px 2px; text-align: center; }
#cd5_module197 .m197_box1_inner2:hover .m197_box_label { bottom: -70px; }
#cd5_module197 .m197_box_inner {  position: absolute; height: 100%; z-index: 5; top: 100%; left: 0px; right: 0px; cursor: pointer; transition: height 2s; -webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; vertical-align: center; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center;}
#cd5_module197 .m197_box1_inner2:hover .m197_box_inner { top: 0px;  }
#cd5_module197 .m197_box h2 { text-transform: uppercase; font-family: poppinssemibold; font-size: 20px; line-height: 20px; padding: 20px; text-align: center; margin: 5px;  }
#cd5_module197 .m197_box_inner p { box-sizing: border-box;  font-family: poppinsregular; width: 100%; padding: 20px; padding-top: 0px; text-align: center; font-size: 14px; line-height: 20px; }
#cd5_module197 .m197_link { font-family: poppinsbold; padding:15px 25px; padding-bottom: 12px; display: inline-block; font-size: 15px; line-height: 1; border-radius: 4px; text-transform: uppercase; text-align: center; box-sizing: border-box; -webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; text-decoration: none; }
#cd5_module197 .m197_divlink {   -webkit-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear; text-align: center; }
#cd5_module197 .m197_box:hover .m197_divlink {   transition-delay: 0.45s; z-index: 15;}
#cd5_module197 .m197_box:hover .m197_overlay {   transition-delay: 0.45s;}
#cd5_module197 { background-color: #e0e0e0; color: #ffffff;}
#cd5_module197 .m197_box { background-color: rgba(18,18,18,0.7);}
#cd5_module197 .m197_mainbox2 { background-color: rgba(11,11,11,0.8);}
#cd5_module197 .m197_box_inner {  background-color: rgba(18,18,18,0.5); }
#cd5_module197 .m197_overlay { background-color: rgba(18,18,18,0.15); }
#cd5_module197 .m197_box_inner { background-color: rgba(18,18,18,0.15) !important; }
#cd5_module197 .m197_box_label { background-color: rgba(18,18,18,0.5); }
#cd5_module197 .m197_link { color: #111111; background-color: #ffffff; }
#cd5_module197 .m197_link:hover { background-color: #ff0000; color: #ffffff; }
#cd5_module197 .m197_box1_inner2:hover .m197_overlay {   background-color: rgba(18,18,18,0.4); }