@font-face {
  font-family: "Jabjai";
  src: url("font/jabjai_heavy-webfont.eot?") format("eot"), url("font/jabjai_heavy-webfont.woff2") format("woff2"), url("font/jabjai_heavy-webfont.woff") format("woff"), url("font/jabjai_heavy-webfont.ttf") format("truetype"), url("font/jabjai_heavy-webfont.svg#Jabjai") format("svg"); }
@font-face {
  font-family: "Cartwheel";
  src: url("font/cartwheel-webfont.eot?") format("eot"), url("font/cartwheel-webfont.woff2") format("woff2"), url("font/cartwheel-webfont.woff") format("woff"), url("font/cartwheel-webfont.ttf") format("truetype"), url("font/cartwheel-webfont.svg#Cartwheel") format("svg"); }
body, html {
  background-color: #accce3;
  margin: 0px;
  padding: 0px;
  font-size: 14px; }
  body *, html * {
    font-family: "Roboto", sans-serif;
    position: relative;
    font-weight: 200; }
  body strong, html strong {
    font-weight: bold; }
  body .wrapper, html .wrapper {
    width: 1120px;
    margin: auto; }
  body a:hover, body a:focus, html a:hover, html a:focus {
    text-decoration: none; }

.clearfix {
  clear: both !important;
  float: none !important;
  height: 0px;
  width: 0px; }

.cloud-right {
  position: absolute;
  top: 0px;
  right: 0px; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.loading-overlay {
  background-color: #accce3;
  position: absolute;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: 0.7s;
  opacity: 0;
  top: -15%; }
  .loading-overlay i {
    color: white;
    font-size: 90px;
    margin-top: 350px; }
  .loading-overlay span {
    display: block;
    font-family: "Cartwheel", sans-serif;
    color: white;
    text-align: center;
    font-size: 50px;
    margin-top: 20px;
    margin-left: 15px; }
  .loading-overlay.visible {
    top: 0px;
    opacity: 1; }

header {
  width: 100%; }
  header .header-logo img {
    width: 180px;
    transition: 0.1s;
    transform: scale(1);
    margin-top: 10px;
    display: inline-block;
    z-index: 2; }
    header .header-logo img:hover {
      transform: scale(1.1); }
  header nav {
    float: left;
    width: 100%;
    text-align: center; }
    header nav ul {
      padding: 0px;
      margin: 0px;
      list-style: none;
      vertical-align: top;
      display: inline-block;
      top: 60px; }
      header nav ul li {
        float: left; }
        header nav ul li a {
          text-decoration: none;
          font-weight: lighter;
          color: #444;
          padding: 10px 20px;
          display: block;
          font-size: 18px;
          transition: 0.1s;
          height: 62px; }
          header nav ul li a:hover {
            color: white; }
        header nav ul li.active a {
          color: white; }
          header nav ul li.active a:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 20px 20px 20px;
            border-color: transparent transparent #ffffff transparent;
            position: absolute;
            bottom: -13px;
            left: 50%;
            transform: translateX(-50%); }
    header nav.mobile .header-logo {
      position: absolute;
      left: 0;
      top: 0; }
      header nav.mobile .header-logo img {
        width: 100px; }
    header nav.mobile hr {
      position: absolute;
      top: 70px;
      width: 100%;
      margin: 0;
      padding: 0; }
    header nav.mobile .menu {
      color: white;
      font-size: 30px;
      line-height: 70px;
      float: right;
      cursor: pointer; }
    header nav.mobile ul {
      position: relative;
      width: 100%;
      top: 0;
      transition: 0.5s;
      max-height: 0;
      overflow: hidden; }
      header nav.mobile ul li {
        display: block;
        border-bottom: 1px solid white;
        text-align: center;
        width: 100%; }
        header nav.mobile ul li a {
          display: block;
          color: white;
          height: auto;
          padding: 15px 20px; }
        header nav.mobile ul li.active a:after {
          display: none; }
    header nav.mobile.open ul {
      max-height: 224px; }

.body_inlesson nav ul li a:after {
  display: none; }
.body_inlesson .cloud-right-blue {
  display: none; }

.hero h1 {
  font-family: "Jabjai";
  color: white;
  font-size: 58px;
  margin: 0px;
  text-align: center;
  margin-top: 40px;
  text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
  letter-spacing: 2px; }
  @media (max-width: 992px) {
    .hero h1 {
      font-size: 40px; } }
  @media (max-width: 768px) {
    .hero h1 {
      font-size: 30px; } }
  @media (max-width: 544px) {
    .hero h1 {
      font-size: 30px;
      margin-top: 25px; } }
.hero .decoration {
  position: absolute;
  bottom: -90px;
  right: 50px;
  transition: 0.4s; }

.yearlevel_select {
  width: 100%;
  clear: both;
  background-image: url("../images/layout/eggs-bg.png");
  background-size: 100%;
  position: relative;
  height: 390px;
  background-position: bottom center;
  background-repeat: no-repeat; }
  @media (max-width: 992px) {
    .yearlevel_select {
      height: auto;
      background-image: none; } }
  .yearlevel_select ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    text-align: center;
    top: 60px; }
    @media (max-width: 992px) {
      .yearlevel_select ul {
        margin-top: 60px;
        margin-bottom: 20px;
        top: auto; } }
    .yearlevel_select ul li {
      display: inline-block;
      margin: 0px -10px;
      z-index: 1; }
      @media (max-width: 992px) {
        .yearlevel_select ul li {
          width: 80%; } }
      .yearlevel_select ul li:nth-of-type(even) {
        z-index: 2;
        top: 40px; }
        @media (max-width: 992px) {
          .yearlevel_select ul li:nth-of-type(even) {
            top: auto; } }
      .yearlevel_select ul li:nth-of-type(2n) {
        transform: rotate(3deg); }
        @media (max-width: 992px) {
          .yearlevel_select ul li:nth-of-type(2n) {
            transform: rotate(0); } }
      .yearlevel_select ul li:nth-of-type(3n) {
        transform: rotate(-4deg); }
        @media (max-width: 992px) {
          .yearlevel_select ul li:nth-of-type(3n) {
            transform: rotate(0); } }
      .yearlevel_select ul li a {
        background: url("../images/layout/egg-link.png");
        width: 168px;
        height: 241px;
        display: block;
        color: #444;
        text-decoration: none;
        transition: 0.17s;
        transform: scale(1);
        transform-origin: bottom center;
        text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); }
        @media (max-width: 992px) {
          .yearlevel_select ul li a {
            background: #ffe14e;
            background-image: none;
            width: 100%;
            height: auto;
            padding: 10px 0;
            border-radius: 5px;
            margin-bottom: 10px; } }
        .yearlevel_select ul li a:hover {
          transform: scale(1.06);
          color: white;
          text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
        .yearlevel_select ul li a span {
          font-family: "Cartwheel", sans-serif;
          display: block;
          text-align: center;
          font-size: 25px;
          top: 50px; }
          @media (max-width: 992px) {
            .yearlevel_select ul li a span {
              top: 0;
              font-size: 27px;
              display: inline-block;
              vertical-align: middle;
              position: relative; } }
        .yearlevel_select ul li a em {
          font-style: normal;
          font-family: "Jabjai", sans-serif;
          display: block;
          text-align: center;
          position: absolute;
          top: 85px;
          font-size: 105px;
          width: 100%; }
          @media (max-width: 992px) {
            .yearlevel_select ul li a em {
              font-size: 27px;
              top: auto;
              display: inline-block;
              vertical-align: middle;
              width: auto;
              margin-left: 10px;
              margin-top: 1px;
              position: relative; } }

.yearlevel_prompt {
  display: block;
  text-align: center;
  color: #444;
  font-family: "Cartwheel", sans-serif;
  font-size: 22px; }

.other_interactives {
  text-align: center; }
  .other_interactives h2 {
    font-family: "Jabjai", sans-serif;
    color: #feb000;
    font-size: 45px;
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    font-weight: 200;
    text-align: left; }
  .other_interactives .char_grid {
    width: 180px;
    margin-top: 127px; }
    @media (max-width: 992px) {
      .other_interactives .char_grid {
        margin-top: 20px; } }
  .other_interactives .row > div > a {
    display: inline-block;
    width: 90%;
    background-color: #feb000;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    padding: 30px;
    box-sizing: border-box;
    vertical-align: top;
    height: 320px;
    cursor: pointer;
    transition: 0.1s;
    transform: scale(1);
    margin-bottom: 30px;
    text-align: center; }
    .other_interactives .row > div > a.yellow {
      background-color: #ffe14e; }
    .other_interactives .row > div > a.green {
      background-color: #d4e25e; }
    .other_interactives .row > div > a.blue {
      background-color: #accce3; }
    .other_interactives .row > div > a:hover {
      transform: scale(1.03); }
    .other_interactives .row > div > a h2, .other_interactives .row > div > a h3 {
      margin: 0px;
      font-size: 25px;
      letter-spacing: 2px;
      text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
      display: inline-block;
      vertical-align: middle;
      color: black;
      display: block;
      text-transform: uppercase; }
      .other_interactives .row > div > a h2:before, .other_interactives .row > div > a h3:before {
        content: " ";
        display: inline-block;
        vertical-align: middle; }
    .other_interactives .row > div > a em {
      font-style: normal;
      font-weight: bold;
      color: black;
      text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
      display: block;
      margin-bottom: 10px;
      font-size: 22px; }
    .other_interactives .row > div > a img {
      display: block;
      margin: auto;
      height: 170px;
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%); }

.main_thirds_section {
  background: white;
  margin-top: 90px;
  text-align: center;
  padding: 100px 0px;
  z-index: 2;
  padding-bottom: 20px; }
  .main_thirds_section .cloud-left {
    position: absolute;
    left: 0px;
    top: -205px; }
  .main_thirds_section a {
    display: inline-block;
    width: 90%;
    margin: 0px 1%;
    background-color: #feb000;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    padding: 30px;
    box-sizing: border-box;
    vertical-align: top;
    height: 320px;
    cursor: pointer;
    transition: 0.1s;
    transform: scale(1);
    margin-bottom: 30px; }
    .main_thirds_section a:hover {
      transform: scale(1.03); }
    .main_thirds_section a.green {
      background-color: #d4e25e; }
    .main_thirds_section a.yellow {
      background-color: #ffe14e; }
    .main_thirds_section a.blue {
      background-color: #accce3; }
    .main_thirds_section a img {
      left: -10px; }
    .main_thirds_section a h2, .main_thirds_section a h3 {
      margin: 0px;
      font-size: 25px;
      letter-spacing: 2px;
      text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
      display: inline-block;
      vertical-align: middle;
      color: black;
      display: block;
      text-transform: uppercase; }
      .main_thirds_section a h2:before, .main_thirds_section a h3:before {
        content: " ";
        display: inline-block;
        vertical-align: middle; }
    .main_thirds_section a h2 {
      font-size: 30px; }
    .main_thirds_section a em {
      font-style: normal;
      font-weight: bold;
      color: black;
      text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
      display: block;
      margin-bottom: 10px;
      font-size: 22px; }
    .main_thirds_section a img {
      display: block;
      margin: auto;
      height: 170px;
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%); }
  .main_thirds_section .decoration {
    position: absolute;
    left: -120px;
    bottom: 24px;
    width: 170px; }

.signup-strip {
  background: #feb000;
  padding: 60px 0px;
  z-index: 3; }
  .signup-strip h2 {
    margin: 0px;
    font-family: "Cartwheel", sans-serif;
    color: white;
    font-size: 40px;
    margin-bottom: 15px; }
    @media (max-width: 768px) {
      .signup-strip h2 {
        font-size: 20px; } }
  .signup-strip .float-left {
    width: 100%; }
    .signup-strip .float-left label {
      display: none; }
    .signup-strip .float-left fieldset {
      border: none;
      padding: 0px;
      margin: 0px;
      width: 420px;
      float: left; }
      @media (max-width: 768px) {
        .signup-strip .float-left fieldset {
          width: 100%;
          margin-bottom: 10px; } }
    .signup-strip .float-left input {
      float: left;
      width: 160px;
      margin-right: 20px;
      padding: 10px 15px;
      border: none;
      background: white;
      color: #444;
      font-size: 18px;
      font-weight: lighter;
      border-radius: 5px; }
      @media (max-width: 768px) {
        .signup-strip .float-left input {
          width: 100%;
          margin-bottom: 10px; } }
      .signup-strip .float-left input[type="submit"] {
        background: #ffe14e;
        cursor: pointer;
        transition: 0.1s; }
        .signup-strip .float-left input[type="submit"]:hover {
          background: #fe7e00; }
  .signup-strip img.float-right {
    position: absolute;
    bottom: -60px;
    right: 0px;
    width: 230px; }

.home_footer > .container {
  width: 100%;
  max-width: 900px; }
.home_footer .row {
  padding: 0px;
  margin: 0px;
  list-style: none;
  text-align: center;
  margin-top: 5px;
  margin-bottom: -15px;
  text-align: center; }
  .home_footer .row > div {
    display: inline-block;
    vertical-align: top;
    line-height: 90px; }
    @media (max-width: 768px) {
      .home_footer .row > div {
        line-height: initial; } }
    .home_footer .row > div a {
      text-decoration: none;
      color: #444;
      margin: 0px 3px;
      line-height: 45px; }
    @media (max-width: 544px) {
      .home_footer .row > div.footer-social {
        padding-top: 10px; } }
    .home_footer .row > div.footer-social a {
      display: inline-block;
      vertical-align: middle; }
    .home_footer .row > div span {
      display: inline-block;
      vertical-align: middle; }
.home_footer .container {
  padding: 30px 0px; }
.home_footer > span {
  background: #7aa5c3;
  display: block;
  padding: 15px 0px;
  text-align: center; }

.cssanimations .yearlevel_select ul li a {
  transition: 0.2s;
  opacity: 0;
  transform: scale(0.7);
  transform-origin: bottom center; }
.cssanimations .yearlevel_select ul li.visible a:hover {
  transform: scale(1.06); }
.cssanimations .yearlevel_select ul li.visible a {
  opacity: 1;
  transform: scale(1); }
.cssanimations .page-body .yearlevel_select {
  opacity: 0;
  transition: 1.3s;
  top: -30px;
  transform: scale(0.8);
  transform-origin: center; }
  .cssanimations .page-body .yearlevel_select.visible {
    transform: scale(1);
    opacity: 1;
    top: 0px; }
.cssanimations .hero .decoration {
  bottom: -196px; }
  .cssanimations .hero .decoration.visible {
    bottom: -90px; }

/* general page layouts */
.cloud-right-blue {
  position: absolute;
  top: 135px;
  right: 0px;
  z-index: 9; }

.page-body {
  background: white;
  margin-top: -68px;
  padding-bottom: 0px; }
  @media (max-width: 992px) {
    .page-body {
      margin-top: -1px; } }
  .page-body > .container {
    padding: 30px 15px; }
    @media (max-width: 992px) {
      .page-body > .container {
        padding-top: 0; } }
  .page-body .yearlevel_select {
    background-image: url("../images/layout/eggs-bg-grey.png");
    background-size: 100%; }
    @media (max-width: 992px) {
      .page-body .yearlevel_select {
        height: auto;
        background-image: none; } }
  .page-body .yearlevel_prompt {
    text-align: left;
    clear: left; }
    @media (max-width: 992px) {
      .page-body .yearlevel_prompt {
        padding-left: 10px; } }
  .page-body h1 {
    font-family: "Jabjai", sans-serif;
    color: #feb000;
    font-size: 45px;
    display: block;
    text-align: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
    box-sizing: border-box; }
    @media (max-width: 992px) {
      .page-body h1 {
        padding-left: 10px; } }
  .page-body .sidebar {
    border: 2px solid #feb000;
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 2%;
    margin-bottom: 20px; }
    .page-body .sidebar .hand_out {
      font-size: 20px;
      margin-top: 15px;
      display: block;
      text-decoration: underline;
      color: #444; }
    .page-body .sidebar .go-back {
      cursor: pointer;
      border: 1px solid #feb000;
      padding: 10px;
      color: #feb000;
      text-decoration: none;
      border-radius: 5px;
      display: block;
      margin-bottom: 20px;
      font-weight: bold;
      transition: 0.2s; }
      .page-body .sidebar .go-back:hover {
        background: #feb000;
        color: white; }
    .page-body .sidebar .sidebar-button {
      display: inline-block;
      cursor: pointer;
      margin: 0px 15px; }
      .page-body .sidebar .sidebar-button img {
        display: block; }
    .page-body .sidebar h2 {
      font-family: "Jabjai", sans-serif;
      display: block;
      color: #444;
      font-size: 30px;
      margin-top: 0px;
      margin-bottom: 20px; }
    .page-body .sidebar ul {
      list-style: none;
      padding: 0px;
      margin: 0px;
      margin-bottom: 35px; }
      .page-body .sidebar ul li {
        margin-bottom: 15px; }
        .page-body .sidebar ul li a {
          color: #feb000;
          font-weight: bold;
          display: block;
          font-size: 16px;
          overflow: auto;
          text-decoration: none;
          color: #444;
          font-weight: lighter; }
          .page-body .sidebar ul li a img {
            float: left;
            width: 50px;
            margin-right: 20px; }
          .page-body .sidebar ul li a span {
            float: left;
            width: 70%; }
        .page-body .sidebar ul li p {
          margin: 0px; }
    .page-body .sidebar.news-resources-sidebar ul li a {
      color: #feb000; }
    .page-body .sidebar.news-resources-sidebar .pdf-list span {
      text-align: left; }
    .page-body .sidebar.news-resources-sidebar ul.latest_news li a {
      text-align: left; }
      .page-body .sidebar.news-resources-sidebar ul.latest_news li a img {
        float: none;
        width: 20%;
        margin-right: 5%;
        display: inline-block;
        vertical-align: middle; }
      .page-body .sidebar.news-resources-sidebar ul.latest_news li a span {
        float: none;
        display: inline-block;
        vertical-align: middle; }
        .page-body .sidebar.news-resources-sidebar ul.latest_news li a span:before {
          content: " ";
          display: inline-block;
          vertical-align: middle; }
  .page-body .main h1 {
    padding-right: 160px; }

.content-header {
  overflow: auto;
  border-bottom: 1px solid #feb000; }
  .content-header h2 {
    font-family: "Cartwheel", sans-serif;
    color: #444;
    font-size: 30px;
    margin-top: 0px; }

.lesson_thumbs {
  overflow: auto;
  padding-top: 30px; }
  .lesson_thumbs a {
    float: left;
    box-sizing: border-box;
    width: 33.3%;
    padding: 0px;
    color: #444;
    text-decoration: none;
    margin-right: -1px;
    z-index: 1;
    transition: 0.2s;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
    .lesson_thumbs a img {
      display: block;
      border: 1px solid #feb000;
      width: 100%;
      box-sizing: border-box; }
    .lesson_thumbs a span {
      border: 1px solid #feb000;
      width: 100%;
      box-sizing: border-box;
      display: block;
      background: rgba(254, 176, 0, 0.6);
      padding: 5px 8px;
      position: absolute;
      bottom: 0px;
      left: 0px;
      transition: 0.2s; }
    .lesson_thumbs a:hover {
      z-index: 2;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); }
      .lesson_thumbs a:hover span {
        background: #feb000; }

.scroll_content {
  height: 650px;
  padding: 25px;
  background-color: rgba(172, 204, 227, 0.2);
  border: 1px solid #feb000;
  overflow-y: scroll;
  overflow-x: hidden; }

.lessonplan_content > div * {
  -webkit-font-smoothing: antialiased; }
.lessonplan_content > div p {
  font-weight: normal; }
.lessonplan_content > div h3 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 22px; }
.lessonplan_content > div h4 {
  font-size: 18px;
  margin: 0px;
  margin-bottom: 20px;
  font-weight: normal;
  color: #444; }
.lessonplan_content > div h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px; }
.lessonplan_content > div strong {
  margin-bottom: 5px; }
.lessonplan_content > div ul, .lessonplan_content > div ol {
  margin-top: 0px; }
  .lessonplan_content > div ul li, .lessonplan_content > div ol li {
    margin: 5px 0px;
    font-weight: normal; }
    .lessonplan_content > div ul li span, .lessonplan_content > div ol li span {
      font-weight: bold; }
.lessonplan_content > div table {
  border: 0px;
  border-collapse: collapse; }
  .lessonplan_content > div table th, .lessonplan_content > div table td {
    border: 1px solid #ccc;
    padding: 8px 10px;
    background: white; }
  .lessonplan_content > div table tr th {
    background: #feb000;
    font-weight: bold; }

.contact_section p em {
  color: #feb000;
  font-weight: bold;
  font-style: normal; }
.contact_section form {
  float: left;
  width: 450px;
  margin-right: 30px;
  border: 2px solid #feb000;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 25px;
  overflow: auto;
  margin-top: 30px; }
  .contact_section form fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px; }
    .contact_section form fieldset label {
      display: block;
      font-size: 17px;
      margin-bottom: 5px; }
    .contact_section form fieldset input, .contact_section form fieldset textarea {
      font-family: "Roboto", sans-serif;
      font-size: 17px;
      padding: 5px 10px;
      border: 1px solid #ccc;
      box-sizing: border-box;
      width: 100%;
      margin-bottom: 25px;
      resize: none; }
  .contact_section form input[type="submit"] {
    float: right;
    background: #feb000;
    border-radius: 4px;
    padding: 10px 20px;
    border: none;
    font-size: 17px;
    font-weight: normal;
    cursor: pointer;
    transition: 0.2s; }
    .contact_section form input[type="submit"]:hover {
      background: #ffe14e; }
.contact_section .contact_address {
  float: left;
  width: 500px;
  margin-top: 30px; }
  .contact_section .contact_address p {
    margin-top: 0px; }

.webinars_title {
  font-family: "Jabjai", sans-serif;
  color: #444;
  font-size: 30px;
  margin-top: 0px; }

.page-body .sidebar .date_select ul li a {
  text-decoration: underline; }
  .page-body .sidebar .date_select ul li a:hover, .page-body .sidebar .date_select ul li a:focus {
    text-decoration: underline;
    color: #feb000; }

.resources_scroll {
  border: 1px solid #feb000;
  background: rgba(172, 204, 227, 0.2); }
  .resources_scroll img {
    float: left;
    width: 225px;
    margin-right: 30px; }
  .resources_scroll h3 {
    margin-top: 0px;
    font-family: "Cartwheel", sans-serif;
    font-size: 25px;
    margin-bottom: 15px; }
    .resources_scroll h3 a {
      background: #feb000;
      color: white;
      border-radius: 5px;
      padding: 5px 10px;
      display: inline-block;
      cursor: pointer;
      text-decoration: none;
      margin-right: 5px;
      margin-bottom: 5px; }

.modal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  display: block; }
  .modal > div {
    position: absolute;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    border: 4px solid #ffe14e;
    background: white;
    text-align: center;
    transition: 0.3s; }
    .modal > div video {
      width: 100%; }
    .modal > div a {
      position: absolute;
      top: -20px;
      right: -20px;
      font-size: 27px;
      text-shadow: 0px 1px 1px #bf7d20, 0px 2px 3px rgba(0, 0, 0, 0.3);
      font-family: "Cartwheel", sans-serif;
      width: 40px;
      height: 40px;
      border-radius: 20px;
      line-height: 42px;
      display: inline-block;
      background: #ffe14e;
      cursor: pointer;
      color: white;
      transition: 0.3s; }
      .modal > div a:hover {
        transform: scale(1.1); }
    .modal > div h2 {
      font-family: "Cartwheel", sans-serif;
      margin-top: 0px;
      font-size: 40px;
      color: #feb000; }

.success-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none; }
  .success-modal > div {
    position: relative;
    margin: auto;
    width: 350px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    top: 50%;
    transform: translateY(-50%) scale(1.3);
    padding: 30px;
    border: 4px solid #ffe14e;
    background: white;
    text-align: center;
    transition: 0.3s;
    opacity: 0; }
    .success-modal > div.visible {
      transform: translateY(-50%) scale(1);
      opacity: 1; }
    .success-modal > div h2 {
      font-family: "Cartwheel", sans-serif;
      margin-top: 0px; }
    .success-modal > div a {
      padding: 10px 30px;
      display: inline-block;
      background: #feb000;
      border-radius: 5px;
      cursor: pointer; }

.chicks-in-your-school h1 {
  text-align: center; }
.chicks-in-your-school .right-image {
  position: absolute;
  right: -130px;
  top: 50%;
  transform: translateY(-50%); }
.chicks-in-your-school .left-image {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }
.chicks-in-your-school .content {
  text-align: center; }
  .chicks-in-your-school .content p {
    margin-bottom: 20px; }
    .chicks-in-your-school .content p strong {
      color: #9c9c9c;
      font-size: 16px; }
  .chicks-in-your-school .content .button {
    font-family: "Jabjai";
    color: white;
    font-size: 25px;
    box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 60px;
    margin-bottom: 30px;
    margin-top: 10px;
    background-color: #7aa5c3;
    display: inline-block;
    transition: 0.3s; }
    .chicks-in-your-school .content .button:hover, .chicks-in-your-school .content .button:focus {
      transform: translate(2px, -2px);
      box-shadow: -8px 8px 10px rgba(0, 0, 0, 0.1); }
.chicks-in-your-school .beige-banner {
  background-color: #fff9f5;
  padding-bottom: 70px;
  padding-top: 30px; }
.chicks-in-your-school .crack-shell {
  position: absolute;
  bottom: -61px;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%); }
.chicks-in-your-school .chick-tiles {
  text-align: center; }
  .chicks-in-your-school .chick-tiles h3 {
    color: #feb000;
    font-family: "Jabjai";
    font-size: 30px;
    text-transform: uppercase; }
  .chicks-in-your-school .chick-tiles .box-green {
    background-color: #d4e25e;
    color: white;
    border-radius: 10px;
    box-shadow: -5px 5px 1px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin: 15px 0;
    margin-bottom: 20px; }
    .chicks-in-your-school .chick-tiles .box-green p {
      text-transform: uppercase;
      font-weight: bold;
      text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2);
      font-size: 16px; }
  .chicks-in-your-school .chick-tiles a {
    color: white;
    font-family: "Jabjai";
    font-size: 20px;
    padding: 10px 20px;
    background: #feb000;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    display: inline-block; }
.chicks-in-your-school .teacher-pack {
  text-align: center;
  padding: 40px 0;
  padding-top: 80px; }
  .chicks-in-your-school .teacher-pack > .container > p {
    font-size: 16px; }
  .chicks-in-your-school .teacher-pack h3 {
    color: black;
    font-size: 25px;
    font-family: "Jabjai";
    text-transform: uppercase; }
  .chicks-in-your-school .teacher-pack .green-box {
    background-color: #d4e25e;
    color: white;
    border-radius: 10px;
    box-shadow: -5px 5px 1px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin: 15px 0;
    margin-bottom: 20px; }
    .chicks-in-your-school .teacher-pack .green-box p {
      text-transform: uppercase;
      font-weight: bold;
      text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2);
      font-size: 16px; }
      .chicks-in-your-school .teacher-pack .green-box p strong {
        font-size: 20px; }
  .chicks-in-your-school .teacher-pack .orange-box {
    background-color: #feb000;
    color: white;
    border-radius: 10px;
    box-shadow: -5px 5px 1px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin: 15px 0;
    margin-bottom: 20px; }
    .chicks-in-your-school .teacher-pack .orange-box p {
      text-transform: uppercase;
      font-weight: bold;
      text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2);
      font-size: 16px; }
      .chicks-in-your-school .teacher-pack .orange-box p strong {
        font-size: 20px; }
  .chicks-in-your-school .teacher-pack img {
    margin-top: 25px;
    margin-bottom: -15px; }

@media print {
  .success-modal {
    display: none !important; }

  .home_footer {
    display: none !important; }

  .cloud-right-blue {
    display: none !important; }

  #print_content {
    display: block; }
    #print_content .close_print {
      display: none; } }

/*# sourceMappingURL=style.min.css.map */