/* ------------app\view\Elements\mbl/help.tpl-----------------*/
h4 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px; }

h5 {
  font-size: 1.2rem; }

h4 {
  margin-top: 0px; }

h4 span {
  color: #a9dcf5;
  font-size: 2rem; }

.info-box {
  border: #ccc thin solid;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 3px; }

.info-note {
  background: #eee;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 10px; }

.info-box.__height_01 {
  height: 160px; }
  @media (max-width: 992px) {
    .info-box.__height_01 {
      height: 200px;
      line-height: 1.2;
      font-size: 0.9rem; } }

.info-box.__height_02 {
  height: 210px; }
  @media (max-width: 992px) {
    .info-box.__height_02 {
      height: 220px;
      line-height: 1.2;
      font-size: 0.9rem; } }

.circle_01 {
  background: rgba(63, 160, 181, 0.15);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 50;
  bottom: 0;
  left: 0; }

.circle_02 {
  border: rgba(63, 160, 181, 0.5) thin dotted;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  z-index: 50;
  bottom: 0;
  left: 0; }