@import url('https://fonts.googleapis.com/css?family=Anton|Architects+Daughter|Caveat|Dekko|Jua|Patrick+Hand|Patrick+Hand+SC|Permanent+Marker&display=swap');
/* FONTS 01 */
.ignifi p {
    margin: 10px 12px!important;
}
.ignifi button {
    background-image: linear-gradient(to bottom,#fff,#ffffff);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
}
.ignifi .font01 {
  font-family: 'Patrick Hand', cursive;
  font-size: 20px;
  line-height: 35px;
}
.ignifi .font01 p {
  font-family: 'Patrick Hand', cursive;
  font-size: 20px;
  line-height: 35px;
}
.ignifi .enlarge-txt .font01 {
  font-size: 24px;
  line-height: 38px;
}
.ignifi .enlarge-txt .font01 p {
  font-size: 24px;
  line-height: 38px;
}
.ignifi .enlarge-txt .font01 .note p {
  font-size: 24px;
  line-height: 38px;
}
/* FONTS 02 */
.ignifi .font02 {
  font-family: 'Patrick Hand SC', cursive!important;
  font-size: 22px;
  line-height: 35px;
}
.ignifi .font02 p {
  font-family: 'Patrick Hand SC', cursive!important;
  font-size: 22px;
  line-height: 35px;
}
.ignifi .enlarge-txt .font02 {
  font-size: 28px;
  line-height: 38px;
}
.ignifi .enlarge-txt .font02 p {
  font-size: 28px;
  line-height: 38px;
}
.ignifi .enlarge-txt .font02 .note p {
  font-size: 28px;
  line-height: 38px;
}
/* FONTS 03 */
.ignifi .font03 {
  font-family: 'Permanent Marker', cursive!important;
  font-size: 21px;
  line-height: 35px;
}
.ignifi .font03 span {
  font-family: 'Permanent Marker', cursive!important;
  font-size: 21px;
  line-height: 35px;
}
.ignifi .enlarge-txt .font03 {
  font-size: 26px;
  line-height: 38px;
}
.ignifi .enlarge-txt .font03 p {
  font-size: 26px;
  line-height: 38px;
}
.ignifi .enlarge-txt .font03 .note p {
  font-size: 26px;
  line-height: 38px;
}
/* FONTS 04 */
.ignifi .font04 {
  font-family: 'Caveat', cursive!important;
  font-size: 26px;
  line-height: 35px;
}
.ignifi .enlarge-txt .font04 {
  font-size: 32px;
  line-height: 38px;
}
.ignifi .enlarge-txt .font04 p {
  font-size: 32px;
  line-height: 38px;
}
.ignifi .enlarge-txt .font04 .note p {
  font-size: 32px;
  line-height: 38px;
}
/* FONTS 05 */
.ignifi .font05 {
  font-family: 'Anton', sans-serif!important;
  font-size: 24px;
  line-height: 35px;
  /*    text-transform: uppercase; */
}
.ignifi .font05 a {
  font-family: 'Anton', sans-serif!important;
  font-size: 24px;
  line-height: 35px;
  /*    text-transform: uppercase; */
}
.ignifi .enlarge-txt .font05 {
  font-size: 30px;
  line-height: 44px;
}
.ignifi .enlarge-txt .font05 p {
  font-size: 30px;
  line-height: 44px;
}
.ignifi .enlarge-txt .font05 .note p {
  font-size: 30px;
  line-height: 44px;
}
/* FONTS 06 */
.ignifi .font06 {
  font-family: 'Jua', sans-serif!important;
  font-size: 24px;
  line-height: 35px;
  /*    text-transform: uppercase; */
}
.ignifi .enlarge-txt .font06 {
  font-size: 30px;
  line-height: 44px;
}
.ignifi .enlarge-txt .font06 p {
  font-size: 30px;
  line-height: 44px;
}
.ignifi .enlarge-txt .font06 .note p {
  font-size: 30px;
  line-height: 44px;
}
/* FONTS 07 */
.ignifi .font07 {
  font-family: 'Jua', sans-serif!important;
  font-size: 22px;
  line-height: 32px;
  /*    text-transform: uppercase; */
}
.ignifi .enlarge-txt .font07 {
  font-size: 28px;
  line-height: 40px;
}
.ignifi .enlarge-txt .font07 p {
  font-size: 28px;
  line-height: 40px;
}
.ignifi .enlarge-txt .font07 .note p {
  font-size: 28px;
  line-height: 40px;
}
/* FONTS 08 */
.ignifi .font08 {
font-family: 'Architects Daughter', cursive!important;
  font-size: 22px;
  line-height: 32px;
  /*    text-transform: uppercase; */
}
.ignifi .enlarge-txt .font08 {
  font-size: 28px;
  line-height: 40px;
}
.ignifi .enlarge-txt .font08 p {
  font-size: 28px;
  line-height: 40px;
}
.ignifi .enlarge-txt .font08 .note p {
  font-size: 28px;
  line-height: 40px;
}
/* FONTS 09 */
.ignifi .font09 {
font-family: 'Dekko', cursive!important;
  font-size: 22px;
  line-height: 32px;
  /*    text-transform: uppercase; */
}
.ignifi .enlarge-txt .font09 {
  font-size: 28px;
  line-height: 40px;
}
.ignifi .enlarge-txt .font09 p {
  font-size: 28px;
  line-height: 40px;
}
.ignifi .enlarge-txt .font09 .note p {
  font-size: 28px;
  line-height: 40px;
}
/* colours s01 */
.ignifi .s01 .fw-box, .ignifi .s01 .col2 div, .ignifi .s01 .col3 div, .ignifi .s01 .col4 div, .ignifi .s01 .video {
  border: 2px solid #95d2d7;
}
.ignifi .s01 h1, .ignifi .s01 .quote {
  color: #95d2d7;
}
.ignifi .s01 .box, .ignifi .s01 .dash {
  background-color: #95d2d7;
}
.ignifi .s01 .color01 {
  background-color: #95d2d7;
  color: #000000;
}
.ignifi .s01 .color02 {
  background-color: #a0c9ad;
  color: #000000;
}
.ignifi .s01 .color03 {
  background-color: #d8f7ff;
  color: #000000;
}
.ignifi .s01 .color04 {
  background-color: #e2e2e2;
  color: #000000;
}
.ignifi .s01 .color05 {
  background-color: #ffbfa0;
  color: #000000;
}
.ignifi .s01 .col2 div {
  background-color: #d8f7ff;
  color: #000000;
}
.ignifi .s01 .col3 div {
  background-color: #d8f7ff;
  color: #000000;
}
.ignifi .s01 .col4 div {
  background-color: #d8f7ff;
  color: #000000;
}
/* colours s02 */
.ignifi .s02 .fw-box, .ignifi .s02 .col2 div, .ignifi .s02 .col3 div, .ignifi .s02 .col4 div, .ignifi .s02 .video {
  border: 2px solid #dfb8b0;
}
.ignifi .s02 h1, .ignifi .s02 .quote, .ignifi .s02 .num {
  color: #dfb8b0;
}
.ignifi .s02 .box, .ignifi .s02 .dash {
  background-color: #dfb8b0;
}
.ignifi .s02 .color01 {
  background-color: #dfb8b0;
  color: #000000;
}
.ignifi .s02 .color02 {
  background-color: #e6d0da;
  color: #000000;
}
.ignifi .s02 .color03 {
  background-color: #d4c1ec;
  color: #000000;
}
.ignifi .s02 .color04 {
  background-color: #e2e2e2;
  color: #000000;
}
.ignifi .s02 .color05 {
  background-color: #b399d4;
  color: #000000;
}
.ignifi .s02 .col2 div {
  background-color: #d4c1ec;
  color: #000000;
}
.ignifi .s02 .col3 div {
  background-color: #d4c1ec;
  color: #000000;
}
.ignifi .s02 .col4 div {
  background-color: #d4c1ec;
  color: #000000;
}
/* colours s03 */
.ignifi .s03 .fw-box, .ignifi .s03 .col2 div, .ignifi .s03 .col3 div, .ignifi .s03 .col4 div, .ignifi .s03 .video {
  border: 2px solid #91c5df;
}
.ignifi .s03 h1, .ignifi .s03 .quote, .ignifi .s03 .num {
  color: #91c5df;
}
.ignifi .s03 .box, .ignifi .s03 .dash {
  background-color: #91c5df;
  color: #000000;
}
.ignifi .s03 .color01 {
  background-color: #91c5df;
  color: #000000;
}
.ignifi .s03 .color02 {
  background-color: #d1e6d7;
  color: #000000;
}
.ignifi .s03 .color03 {
  background-color: #dad1e9;
  color: #000000;
}
.ignifi .s03 .color04 {
  background-color: #e2e2e2;
  color: #000000;
}
.ignifi .s03 .color05 {
  background-color: #dbebf8;
  color: #000000;
}
.ignifi .s03 .col2 div {
  background-color: #c1def0;
  color: #000000;
}
.ignifi .s03 .col3 div {
  background-color: #c1def0;
  color: #000000;
}
.ignifi .s03 .col4 div {
  background-color: #c1def0;
  color: #000000;
}
/* colours s04 */
.ignifi .s04 .fw-box, .ignifi .s04 .col2 div, .ignifi .s04 .col3 div, .ignifi .s04 .col4 div, .ignifi .s04 .video {
  border: 2px solid #6cc396;
}
.ignifi .s04 h1, .ignifi .s04 .quote {
  color: #6cc396;
}
.ignifi .s04 .box, .ignifi .s04 .dash {
  background-color: #6cc396;
  color: #000000;
}
.ignifi .s04 .color01 {
  background-color: #6cc396;
  color: #000000;
}
.ignifi .s04 .color02 {
  background-color: #cae3a6;
  color: #000000;
}
.ignifi .s04 .color03 {
  background-color: #6dc8c8;
  color: #000000;
}
.ignifi .s04 .color04 {
  background-color: #e2e2e2;
  color: #000000;
}
.ignifi .s04 .color05 {
  background-color: #5ac9d0;
  color: #000000;
}
.ignifi .s04 .col2 div {
  background-color: #cae3a6;
  color: #000000;
}
.ignifi .s04 .col3 div {
  background-color: #cae3a6;
  color: #000000;
}
.ignifi .s04 .col4 div {
  background-color: #cae3a6;
  color: #000000;
}
/* colours s05 */
.ignifi .s05 .fw-box, .ignifi .s05 .col2 div, .ignifi .s05 .col3 div, .ignifi .s05 .col4 div, .ignifi .s05 .video {
  border: 2px solid #a9b79e;
}
.ignifi .s05 h1, .ignifi .s05 .quote {
  color: #a9b79e;
}
.ignifi .s05 .box, .ignifi .s05 .dash {
  background-color: #a9b79e;
  color: #000000;
}
.ignifi .s05 .color01 {
  background-color: #a9b79e;
  color: #000000;
}
.ignifi .s05 .color02 {
  background-color: #ffd1d1;
  color: #000000;
}
.ignifi .s05 .color03 {
  background-color: #d0b8c5;
  color: #000000;
}
.ignifi .s05 .color04 {
  background-color: #e2e2e2;
  color: #000000;
}
.ignifi .s05 .color05 {
  background-color: #bfaed0;
  color: #000000;
}
.ignifi .s05 .col2 div {
  background-color: #bd4ea6;
  color: #000000;
}
.ignifi .s05 .col3 div {
  background-color: #bd4ea6;
  color: #000000;
}
.ignifi .s05 .col4 div {
  background-color: #bd4ea6;
  color: #000000;
}
/* colours s06 */
.ignifi .s06 .fw-box, .ignifi .s06 .col2 div, .ignifi .s06 .col3 div, .ignifi .s06 .col4 div, .ignifi .s06 .video {
  border: 2px solid #cea27d;
}
.ignifi .s06 h1, .ignifi .s06 .quote {
  color: #cea27d;
}
.ignifi .s06 .box, .ignifi .s06 .dash {
  background-color: #cea27d;
  color: #000000;
}
.ignifi .s06 .color01 {
  background-color: #cea27d;
  color: #000000;
}
.ignifi .s06 .color02 {
  background-color: #ffd696;
  color: #000000;
}
.ignifi .s06 .color03 {
  background-color: #ffee93;
  color: #000000;
}
.ignifi .s06 .color04 {
  background-color: #e2e2e2;
  color: #000000;
}
.ignifi .s06 .color05 {
  background-color: #ffc09f;
  color: #000000;
}
.ignifi .s06 .col2 div {
  background-color: #bd4ea6;
  color: #000000;
}
.ignifi .s06 .col3 div {
  background-color: #bd4ea6;
  color: #000000;
}
.ignifi .s06 .col4 div {
  background-color: #bd4ea6;
  color: #000000;
}
/* colour palette objects */
.ignifi .col2 div {
  width: 369px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 7px;
  margin: 16px 18px 16px 18px;
  font-size: 18px;
  padding: 0px 13px 0px 13px;
}
.ignifi .col3 div {
  width: 234px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 7px;
  margin: 16px 18px 16px 18px;
  font-size: 18px;
  padding: 0px 13px 0px 13px;
}
.ignifi .col4 div {
  width: 159px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 7px;
  margin: 16px 18px 16px 18px;
  font-size: 17px;
  padding: 0px 13px 0px 13px;
}
.ignifi .video {
  max-width: 680px;
  margin: auto;
  padding: 15px;
  border-radius: 10px;
}
.ignifi h1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  margin: 0px 12px 0px 12px;
  padding: 10px 0px 4px 0px;
}
.ignifi .box {
  width: auto;
  margin-left: 30px;
  border-radius: 10px;
  margin: 0px 16px 16px 16px;
  padding: 8px 18px;
  font-weight: normal;
}
.ignifi .fw-box {
  width: auto;
  margin-left: 30px;
  border-radius: 10px;
  margin: 20px 16px 30px 16px;
  padding: 18px 28px;
}
.ignifi .list p {
  padding: 15px 20px 15px 20px;
  margin: 0px 15px 0px 15px;
  border-radius: 10px;
}
.ignifi .list p:last-child {
  margin: 0px 15px 30px 15px;
}
.ignifi .quote {
  font-weight: 700;
  line-height: 40px;
  margin: 0px 12px 0px 12px;
  padding: 10px 0px 10px 0px;
  text-align: center;
}
.ignifi .characters {
  display: table;
  text-align: center;
  width: auto;
  margin: auto;
}
.ignifi .dash {
  margin: auto;
  width: 20px;
  height: 1px;
}
.ignifi .num {
  font-size: 25px;
}
/* layout */
.ignifi {
  width: 100%;
  background-color: #FBFBFB;
  letter-spacing: 1px;
}
.ignifi .container {
  width: 902px;
  background-color: #FFFFFF;
  padding: 0px 12px;
  display: inline-block;
}
.ignifi .hide {
  display: none;
  height: 0px;
}
@media print, screen and (max-width: 902px) {
  .ignifi .container {
    width: 100%;
  }
}
@media print, screen and (max-width: 45em) {
  .ignifi .container {
    padding: 0px 0px;
  }
}
.ignifi .spacer {
  max-width: 60px;
  height: 2px;
  background-color: #cccccc;
  margin: 35px auto 40px auto;
}
.ignifi img {
  display: block;
  border-radius: 10px;
}
.ignifi .centre {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.ignifi .col2btn {
  display: flex;
  display: -webkit-flex; /* Safari 8 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 8 */
  justify-content: center;
  -webkit-justify-content: center; /* Safari 8 */
  margin: 8px 0px 18px 0px;
}
.ignifi .col2btn div {
  width: 80px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 7px;
  border: 2px solid #eb8b27;
  margin: 0px 18px 10px 18px;
  font-size: 18px;
  padding: 0px 13px 0px 13px;
  cursor: pointer;
}
.ignifi .col2btn div span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.ignifi .col2 {
  display: flex;
  display: -webkit-flex; /* Safari 8 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 8 */
  justify-content: center;
  -webkit-justify-content: center; /* Safari 8 */
  margin: 8px 0px 18px 0px;
}
.ignifi .col2 div span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
@media print, screen and (max-width: 45em) {
  .ignifi .col2 div {
    width: 100%;
    height: auto;
    line-height: 10px;
    padding: 18px 10px 18px 10px;
  }
}
.ignifi .col3 {
  display: flex;
  display: -webkit-flex; /* Safari 8 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 8 */
  justify-content: center;
  -webkit-justify-content: center; /* Safari 8 */
  margin: 8px 0px 18px 0px;
}
@media print, screen and (max-width: 45em) {
  .ignifi .col3 div {
    width: 100%;
    height: auto;
    line-height: 10px;
    padding: 18px 10px 18px 10px;
  }
}
.ignifi .col3 div span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.ignifi .col4 {
  display: flex;
  display: -webkit-flex; /* Safari 8 */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 8 */
  justify-content: center;
  -webkit-justify-content: center; /* Safari 8 */
  margin: 8px 0px 18px 0px;
}
@media print, screen and (max-width: 30em) {
  .ignifi .col4 div {
    width: 100%;
    height: auto;
    line-height: 10px;
    padding: 18px 10px 18px 10px;
  }
}
.ignifi .col4 div span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.ignifi .course-link {
  width: 130px;
  margin: 20px auto;
  border-radius: 10px;
}
.ignifi .fw-img {
  width: auto;
  border: 2px solid #cccccc;
  border-radius: 10px;
  margin: 0px 19px;
}
.ignifi .hw-img {
  max-width: 440px;
  border-radius: 10px;
  margin: 0px auto 30px auto;
  border: 2px solid #cccccc;
}
.ignifi .qw-img {
  max-width: 230px;
  border-radius: 10px;
  margin: 0px auto 30px auto;
  border: 2px solid #cccccc;
}
.ignifi .outline {
  border-radius: 10px;
  border: 2px solid #cccccc;
}
.ignifi .sw-img {
  max-width: 120px;
  border-radius: 10px;
  margin: 0px auto 30px auto;
  border: 2px solid #cccccc;
}
.ignifi .vsw-img {
  max-width: 50px;
  border-radius: 15px;
  margin: 0px auto 15px auto;
  border: 2px solid #cccccc;
}
.ignifi .msg-vid {
  display: inline;
}
.ignifi .msg-vid .video {
  background-color: #e9e9ea;
  margin: 5px !important;
  border: none;
}
@media print, screen and (max-width: 45em) {
  .ignifi .msg-vid .video {
    margin: 10px !important;
  }
}
.ignifi .youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border: 2px solid #000000;
}
.ignifi .youtube iframe, .ignifi .youtube object, .ignifi .youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* text styles */
.ignifi p {
  line-height: 28px;
  margin-left: 15px;
  margin-right: 15px;
}
.ignifi .child {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}
.ignifi .brain {
  max-width: 540px;
  margin-left: 30px;
  border-radius: 10px;
  color: #000000;
  /*font-size: 21px;*/
  margin: 0px auto 30px auto;
  padding: 18px 28px;
  font-weight: normal;
  text-align: center
}
.ignifi .note {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
}
.ignifi .note p {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 15px;
}
@media print, screen and (max-width: 584px) {
  .ignifi .note {
    max-width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }
}
.ignifi .ext-link {
  display: block;
  line-height: 25px;
  max-width: 300px;
  margin: 0px auto 20px auto;
  padding: 15px;
  text-align: center;
  border: 1px solid #eb8b27;
  color: #eb8b27;
  border-radius: 10px;
  text-decoration: none;
  background-color: #FFFFFF;
}
.ignifi .access {
  text-align: right;
  margin-right: 12px;
  margin-top: 10px;
}
.ignifi .adjust {
  cursor: pointer;
  padding: 8px 12px;
  border: 1px solid #eb8b27;
  color: #eb8b27;
  display: inline-block;
  margin-bottom: 20px;
}
.ignifi .selected {
  background-color: #eb8b27;
  color: #FFFFFF;
}
.ignifi .enlarge-txt {
  font-size: 19px;
  line-height: 32px;
}
.ignifi .enlarge-txt p {
  font-size: 19px;
  line-height: 32px;
}
.ignifi .enlarge-txt .note p {
  font-size: 16px;
  line-height: 32px;
}
.ignifi .characters img {
  display: inline;
  max-width: 150px;
  margin: 10px 10px auto 0px;
}
.ignifi .characters img:last-child {
  margin: 10px 0px auto 0px;
}
.ignifi .cartoon {
  display: flex;
  align-items: center;
  max-width: 500px;
  margin: auto auto 23px auto;
  border-radius: 40px;
  padding: 9px 20px 9px 12px
}
.ignifi .cartoon img {
  max-width: 160px;
  margin: auto
}
.ignifi .cartoon p {
  margin: auto;
  padding: 10px 20px 10px 15px;
}
.ignifi .cartoon p img {
  display: inline;
  max-width: none;
  width: 100%;
  border-radius: 25px;
}
@media print, screen and (max-width: 45em) {
  .ignifi .characters {
    border-radius: 30px;
  }
  .ignifi .characters img {
    display: inline;
    max-width: 90px;
    margin: auto 10px auto 0px;
  }
  .ignifi .cartoon {
    display: block;
    max-width: 500px;
    text-align: center;
    margin: auto auto 23px auto;
    border-radius: 20px;
    padding: 12px
  }
  .ignifi .cartoon img {
    max-width: 90px;
    margin: auto
  }
  .ignifi .cartoon p {
    margin: auto;
  }
  .ignifi .cartoon p img {
    max-width: 200px;
    margin-right: 10px;
  }
}
@media print, screen and (max-width: 578px) {
  .ignifi .cartoon {
    margin: auto 15px 23px 15px;
  }
}
.ignifi .quoteImg {
  display: flex;
  align-items: center;
  width: 700px;
  margin: auto auto 23px auto;
}
.ignifi .quoteImg img {
  border-radius: 10px;
  border: 2px solid #cccccc;
}
.ignifi .quoteImg div {
  margin: 20px;
}
@media print, screen and (max-width: 45em) {
  .ignifi .quoteImg {
    display: inline;
    align-items: center;
    max-width: 700px;
    margin: auto auto 23px auto;
  }
  .ignifi .quoteImg img {
    margin: auto;
  }
  .ignifi .quoteImg div {
    margin: 10px;
  }
}
.ignifi .col2Img {
  display: flex;
  align-items: center;
}
.ignifi .col2Img img {
  border-radius: 10px;
}
@media print, screen and (max-width: 45em) {
  .ignifi .col2Img {
    display: inline;
    align-items: center;
  }
  .ignifi .col2Img img {
    margin: auto auto 20px auto!important;
  }
}
.ignifi .infoGraph {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  margin: auto auto 23px auto;
}
.ignifi .infoGraph p {
  padding: 10px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  color: #000000 !important;
}
.ignifi .infoSpacer {
  max-width: 150px;
  height: 8px;
  background-color: #ffffff;
  margin: 0px auto 10px auto;
}
@media print, screen and (max-width: 45em) {
  .ignifi .infoGraph {
    display: block;
  }
  .ignifi .infoGraph img {
    margin: auto;
  }
  .ignifi .infoGraph div {
    padding: 10px;
  }
}
.ignifi .raccoon {
  background-color: #fdf2f0
}
.ignifi .deer {
  background-color: #fdf6df
}
.ignifi .fox {
  background-color: #eef4f7
}
.ignifi .beaver {
  background-color: #feefe6
}
.ignifi .owl {
  background-color: #f5f6e1
}
.ignifi .center {
  text-align: center
}
.ignifi .msg {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px !important;
  color: #ffffff;
  text-align: right;
  margin: auto 14px auto 100px;
  border-radius: 10px;
}
.ignifi .txtL {
  text-align: left;
  margin: auto 100px auto 4px !important;
  color: #000000;
}
.ignifi .msg img {
  margin-top: 10px;
  max-width: 250px;
  border-radius: 10px;
  border: 2px solid #ffffff;
  display: inline;
}
.ignifi .msg p {
  display: inline-block;
  background-color: #6bb7f5;
  padding: 10px;
  border-radius: 10px;
  margin: 8px 0px;
}
.ignifi .txtL p {
  background-color: #e9e9ea;
}
@media print, screen and (max-width: 45em) {
  .ignifi .msg {
    margin: auto 10px auto 40px;
  }
  .ignifi .txtL {
    margin: auto 40px auto 10px !important;
  }
}
.ignifi .red {
  background-color: #ff3c45 !important;
}
.ignifi .green {
  background-color: #77c453 !important;
}
.ignifi .adjustCord {
  margin: 0px 15px 0px 12px
}
.ignifi .cordContainer {
  display: table;
  width: 100%;
}
.ignifi .accordion {
  background-color: #fff;
  color: #eb8b27;
  cursor: pointer;
  padding: 18px;
  width: auto;
  text-align: left;
  outline: none;
  transition: 0.2s;
  font-size: 22px;
  border: 2px solid #eb8b27;
  border-radius: 10px;
  margin-bottom: 6px;
}
.ignifi .active, .accordion:hover {
  background-color: #eb8b27;
  color: #fff;
}
.ignifi .panel {
  padding: 0px 4px 6px 4px;
  background-color: #fff;
  color: #000;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.ignifi .accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  margin-left: 5px;
  right: 0px;
  display: block;
  float: right;
  font-size: 22px;
}
.ignifi .active:after {
  content: "–"; /* Unicode character for "minus" sign (-) */
  margin-right: 1px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .ignifi .accordion {
    margin-bottom: 8px;
  }
}
/* Brain Image */
.ignifi .tablink {
  display: inline;
  outline: none;
  cursor: pointer;
  font-size: 17px;
  margin: 20px 4px 0px 4px;
  padding: 15px;
  text-align: center;
  border: 2px solid #eb8b27;
  color: #eb8b27;
  border-radius: 10px;
  text-decoration: none;
  background-color: #FFFFFF;
}
.ignifi .tabcontent {
  display: none;
  padding-top: 20px;
}
/* Phone */
.ignifi .phone_edge {
  border: 20px #000000 solid;
  padding: 20px 20px 20px 27px;
  background-color: #ffffff;
  min-height: 800px;
}
.ignifi .phone_adjust {
  max-width: 530px;
  margin: auto;
}
.ignifi .ckDel {
  color: #eb8b27;
  cursor: pointer;
  padding: 10px;
  font-size: 16px;
  border: 2px solid #eb8b27;
  border-radius: 10px;
  width: 150px;
  display: block;
  text-decoration: none;
  text-align: center;
  margin: auto;
}
.ignifi .off {
  display: none;
}
@media print, screen and (max-width: 45em) {
  .ignifi .phone_edge {
    border: 15px #000000 solid;
    padding: 10px 10px 10px 10px;
    background-color: #ffffff;
  }
}
.ignifi .stickynotes div {
  background-color: #fde961 !important;
  border-radius: 0px !important;
  border: none !important;
  -webkit-box-shadow: 2px 7px 5px -1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 2px 7px 5px -1px rgba(0, 0, 0, 0.33);
  box-shadow: 2px 7px 5px -1px rgba(0, 0, 0, 0.33);
}
.ignifi .bigger div {
  font-size: 25px !important;
}
.ignifi .patient {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ignifi .patient img {
  border-radius: 0px!important;
}
.ignifi .listKids {
    margin: 15px;
}
.ignifi .listKids p {
    padding: 25px;
    text-align: left;
    margin: 12px auto;
    border-radius: 0px 40px 40px 0px;
    border-left: 3px solid #000000;
}