
.cl_help h2 {
  text-align: center;
  max-width: 60%;
  margin: 4px auto;
  padding: 5px 0px;
  background: #828a84;
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.cl_help a {
  text-decoration : none;
  text-align : center;
}
.cl_help_header {
  width : 90%;
  display : flex;
  flex-wrap : wrap;
  margin : 0px auto;
  margin-top : 20px;
  margin-bottom : 40px;
}
.cl_help_header li {
  position : relative;
  text-align : center;
  width : 45%;
  line-height : 4em;
  margin : 5px 2.5%;
  border-bottom : 1px solid #828a84;
}
.cl_help_header a {
  display : block;
  width : 100%;
}
.cl_menu_box {
  clear : both;
  width : 100%;
  margin-bottom : 30px;
}
.cl_menu_box h3 {
  font-weight : bold;
  font-size : 1.5em;
  line-height : 1.5em;
  border-left : 5px solid #7fd352;
  border-bottom : 1px solid #7fd352;
  padding-left : 10px;
  padding-bottom :10px;
  margin : 10px auto;
  max-width : 80%;
}
.cl_menu_box ul {
  margin : auto;
  max-width : 80%;
}
.cl_menu_box li {
  margin :10px 0px;
  border-bottom : 1px solid #eeeeee;
}
.cl_menu_heading {
  font-size : 1.2em;
  padding : 10px 50px 10px 10px;
  position : relative;
  cursor : pointer;
}
.cl_menu_heading_lines {
  position : absolute;
  right: 10px;
  top : 50%;
}
.cl_menu_heading_lines:after {
  content : "";
  display : inline-block;
  width : 1ex;
  height : 1ex;
  margin-right :8px;
  margin-left :18px;
  border-top : solid 2px #697b91;
  border-right : solid 2px #697b91;
  -webkit-transform: rotate(135deg);
  transform : rotate(135deg);
  transform-origin : top right;
}
.cl_menu_heading_lines.active:after {
  -webkit-transform: rotate(-45deg);
  transform : rotate(-45deg);
}
.cl_menu_item {
  display : none;
  padding : 10px 20px;
  background-color : #eeeeee;
  line-height : 1.5em;
  font-size : 0.9em;
}
.cl_menu_item h4 {
  text-align : center;
  margin : 20px;
  padding-bottom : 10px;
  border-bottom : 1px solid #111111;
  font-size : 18px;
}
.cl_menu_item dt {
  margin-bottom : 10px;
  font-weight : bold;
  font-size : 16px;
}
.cl_menu_item dd {
  padding-left : 20px;
  margin-bottom : 10px;
}
.cl_menu_item span {
  padding : 3px;
  font-weight:700;
}
.cl_support {
  width : 80%;
  margin : 0px auto;
  padding-top : 20px;
  padding-bottom : 40px;
  font-size : 1.2em;
  text-align : center;
}
@media screen and (max-width: 980px) {
  .cl_help h2 {
    max-width : 100%;
  }
  .cl_help_header {
    width : 98%;
    margin-top : 5px;
    margin-bottom : 20px;
  }
  .cl_help_header li {
    flex-basis: 100%;
    line-height : 2em;
    margin : 5px 1%;
  }
  .cl_menu_box h3 {
    font-size : 1em;
    line-height : 1.2em;
    padding-left : 5px;
    padding-bottom : 5px;
    max-width : 95%;
  }
  .cl_menu_heading {
    font-size : 1.2em;
    padding : 10px 50px 10px 10px;
    position : relative;
    cursor : pointer;
  }
  .cl_menu_box ul {
    max-width : 95%;
  }
  .cl_menu_heading {
    font-size : 0.9em;
    padding : 5px 15px 5px 0px;
  }
  .cl_menu_heading_lines {
    right: 5px;
  }
  .cl_menu_heading_lines:after {
    width : 0.9ex;
    height : 0.9ex;
    margin-right :2px;
    margin-left :5px;
  }
  .cl_menu_item {
    padding : 10px 5px;
  }
  .cl_menu_item h4 {
    margin : 10px 5px;
    font-size : 1em;
  }
  .cl_menu_item dt {
    font-size : 1em;
  }
  .cl_menu_item dd {
    padding-left : 5px;
  }
  .cl_support {
    width : 98%;
    font-size : 1em;
  }
}