#cd5_227  { padding: 30px 1px; box-sizing: border-box; font-family: poppinsregular; }
#cd5_227 .m227_box1400 { margin: 0 auto; width: 100%; max-width: 1400px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#cd5_227 .m227_boxleft { flex: 0.4; padding-left: 20px; }
#cd5_227 .m227_boxright { flex: 0.6; padding: 0px;}
#cd5_227 .M227_img { width: 100%; display: block; max-width: 400px; padding-bottom: 35px;}
#cd5_227 .m227_header { margin: 0 auto; width: 100%; text-align: left; padding: 2px; font-size: 40px; line-height: 40px; font-family: poppinsbold; box-sizing: border-box;}
#cd5_227 .m227_oneliner {margin: 0 auto; width: 100%; text-align: left; padding: 1px 10px; padding-top: 1px; font-size: 15px; font-weight: 400; box-sizing: border-box; line-height: 24px; max-width: 1000px;}
#cd5_227 .m227_readmore { text-align: center; text-transform: uppercase; min-width: 170px; margin: 2px; margin-top: 20px;  padding: 10px 18px; padding-bottom: 9px; font-size: 15px; font-family: poppinssemibold; text-decoration: none; display: inline-block; 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; box-sizing: border-box;}
#cd5_227 .m227_choose {text-align: center; text-transform: uppercase;min-width: 170px; margin: 2px; margin-top: 20px; padding: 10px 18px; padding-bottom: 9px; font-size: 15px; font-family: poppinssemibold; text-decoration: none; display: inline-block; 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; box-sizing: border-box;}
#cd5_227 .m227_svgbox {margin: 0 auto; width: 100%; max-width: 600px; display: block; position: relative; margin-top: 0px; float: right; padding-right: 10px;}
#cd5_227 .m227_box { display: block; float: left; width: 25%; position: relative; height: 190px; box-sizing: border-box; }
#cd5_227 .m227_border1 { width: 120px; height: 120px; margin: 0 auto;  box-sizing: border-box; margin-top: 15px; border-radius: 2px; }
#cd5_227 .m227_border2 {  border-radius: 2px; width: 105px; height: 105px; padding: 25px; box-sizing: border-box; margin: 7px; }
#cd5_227 .m227_writeup {position: absolute; bottom: 0px; left: 0; right: 0; border: solid 0px black; text-align: center; font-size: 20px; font-family: poppinsbold; line-height: 28px;}
#cd5_227 .m227_writeup span {display: block; font-size: 15px; font-family: poppinssemibold; line-height: 18px;}
#cd5_227 .m227_img1 { width: 35px; margin-left: 6px; margin-top: 0px;}
#cd5_227 .m227_img2 { width: 50px; margin-left: -1px; margin-top: 2px; }
#cd5_227 .m227_img3 { width: 50px; margin-left: 4px; margin-top: 2px;}
#cd5_227 .m227_img4 { width: 55px; margin-left: -3px; margin-top: 2px;}

@media only screen and (max-width: 1000px) {
       #cd5_227 .m227_box { height: 170px; }
       #cd5_227 .M227_img { padding-bottom: 0px;}
       #cd5_227 .m227_border1 { width: 100px; height: 100px; margin: 0 auto;  box-sizing: border-box; margin-top: 15px;  }
       #cd5_227 .m227_border2 {  width: 85px; height: 85px; padding: 25px; box-sizing: border-box; margin: 7px; }
       #cd5_227 .m227_writeup {position: absolute; bottom: 0px; left: 0; right: 0; border: solid 0px black; text-align: center; font-size: 20px; font-family: poppinsbold; line-height: 28px;}
       #cd5_227 .m227_writeup span {display: block; font-size: 15px; line-height: 18px;}
       #cd5_227 .m227_img1 { width: 30px; margin: 0 auto; margin-top: -6px; margin-left: -1px;}
       #cd5_227 .m227_img2 { width: 45px; margin-left: -8px; margin-top: -5px; }
       #cd5_227 .m227_img3 { width: 45px; margin-left: -6px; margin-top: -5px;}
       #cd5_227 .m227_img4 { width: 50px; margin-left: -10px; margin-top: -5px;}
       #cd5_227 .m227_svgbox { float: none; padding-right: 0px; }
}
@media only screen and (max-width: 900px) {
       #cd5_227 .m227_boxleft { flex: none; width: 100%; }
       #cd5_227 .m227_boxright { flex: none; width: 100%;}
       #cd5_227 .m227_svgbox {margin-top: 5px;}
       #cd5_227 .m227_header { text-align: center; }
       #cd5_227 .m227_oneliner { text-align: center; }
       #cd5_227 .m227_boxleft { flex: none; width: 100%; padding-left: 0px; }
       #cd5_227 .m227_boxright { flex: none; width: 100%; margin-top: 10px;}
       #cd5_227 .m227_links { text-align: center; }

}
@media only screen and (max-width: 500px) {
       #cd5_227 .m227_header { font-size: 20px; line-height: 20px;}
       #cd5_227 .m227_box { width: 50%;}
}
#cd5_227  { background-color: #fff; color: #222; }
#cd5_227 .m227_header span { color: #3175ac;}
#cd5_227 .m227_oneliner {color: #444; }
#cd5_227 .m227_readmore {background-color: #3175ac; color: #fff; border: solid 2px #3175ac; }
#cd5_227 .m227_readmore:hover {background-color: #444; border: solid 2px #444; color: #fff; }
#cd5_227 .m227_choose {background-color: #fff; color: #3175ac; border: solid 2px #3175ac;}
#cd5_227 .m227_choose:hover { background-color: #444; color: #fff; border: solid 2px #444; }
#cd5_227 .m227_border1 { border: solid 1px #e0e0e0; box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19) !important;}
#cd5_227 .m227_border2 { border: solid 3px #7a7a7a;}
#cd5_227 .m227_writeup {color: #3175ac;}
#cd5_227 .m227_writeup span {color: #7a7a7a;}
#cd5_227 .m227_img1,#cd5_227 .m227_img2,#cd5_227 .m227_img3,#cd5_227 .m227_img4 { color: #444; }