.intro .wrap nav ul:after, .spotlights .wrap .cols:after, .library .wrap .cols:after, .courseForm form fieldset .accountDetails .contain .col.buttons:after, .courseForm form fieldset .trialDetails .contain .col:after {
  content: '';
  display: block;
  clear: both; }

.modal .wrap .text .options a, .modal .wrap .text .options button, .trialDocked .wrap button, .searchBar .hold form .input input, .intro .wrap nav ul li a span, .screenSlider .swiper-container .swiper-pagination span, .threeCols .wrap .btn, .twoCols .wrap .cols .col .content a.greyButton, .twoCols .wrap .cols .col .content button.greyButton, .twoCols .wrap .cols .col .content a.yellowButton, .twoCols .wrap .cols .col .content button.yellowButton, .spotlights .wrap .cols .col, .library.allBooks .wrap .cols .col button, .library .wrap .yellowButton, .library .wrap .filter .input select, .library .wrap .filter .results, .library .wrap .cols .col, .featureCols .wrap .cols .col .content a, .featureCols .wrap .cols .col .content button, .tutorialModal, .faqs .wrap .btn, .faqs .wrap .accordion button, .courseForm form .submit, .courseForm form fieldset .input.info span, .courseForm form fieldset .trialDetails .sameCourse:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.modal .wrap .close, .formErrors .wrap button, .formErrors .wrap h2:before, header[role="banner"] .wrap h1:before, header[role="banner"] .wrap h1:after, .searchBar .hold form button, .screenSlider .swiper-menu button, .testimonials .wrap .swiper-menu button, .library .swiper-menu button, .library .wrap .filter .input:after, .tutorialModal .wrap .close, .faqs .wrap .accordion button:before, .courseForm form fieldset .input.info span:after, .courseForm form fieldset .input.info label:after, .courseForm form fieldset .input.select:after, .courseForm form fieldset .accountDetails .contain .col.buttons button:after, .courseForm form fieldset .trialDetails .sameCourse:before, .courseForm form fieldset .trialDetails .contain .col button:after {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

.intro .wrap header h2, .intro .wrap header p, .threeCols .wrap header h2, .twoCols .wrap header h3, .twoCols .wrap .cols .col .content h2, .spotlights .wrap header h2, .noResults h2, .library .wrap header h3, .library .wrap .cols .col .hold .description h3, .featureCols .wrap .cols .col .content h2, .tutorials .wrap h2, .courseForm form fieldset > h3, .courseForm form fieldset .accountDetails .contain .col p, .courseForm form fieldset .option h3, .courseForm form fieldset .trialDetails .contain .col .description h3 {
  font-family: 'poynter-oldstyle-display', serif; }

.modal .wrap .text h2, .intro .wrap nav ul li a, .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content h2, .threeCols .wrap .cols .col h3, .spotlights .wrap .cols .col .content h3, .courseForm form fieldset .accountDetails .contain .col p span {
  font-family: 'pragmatica-slabserif', sans-serif; }

.modal .wrap .text p, .modal .wrap .text > a, .modal .wrap .text .options a, .modal .wrap .text .options button, .formErrors .wrap h2, .formErrors .wrap ul li, .trialDocked .wrap button, .searchBar .hold form .input input, .searchBar .hold form .input label, .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content p, .threeCols .wrap .btn, .threeCols .wrap .cols .col p, .twoCols .wrap header h2, .twoCols .wrap .cols .col .content p, .twoCols .wrap .cols .col .content a.greyButton, .twoCols .wrap .cols .col .content button.greyButton, .twoCols .wrap .cols .col .content a.yellowButton, .twoCols .wrap .cols .col .content button.yellowButton, .spotlights .wrap .cols .col .content span, .testimonials .wrap h2, .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide .testimonial p, .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide .testimonial h5, .noResults p, .library.allBooks .wrap .cols .col button, .library .wrap header h2, .library .wrap .yellowButton, .library .wrap .filter .input select, .library .wrap .filter .results, .library .wrap .cols .col .hold .description p, .library .wrap .cols .col .hold .description .category h4, .featureCols .wrap .cols .col .content h3, .featureCols .wrap .cols .col .content p, .featureCols .wrap .cols .col .content li, .featureCols .wrap .cols .col .content a, .featureCols .wrap .cols .col .content button, .tutorials .wrap .cols .col h3, .tutorialModal .wrap .tutorialSlider .swiper-container .swiper-wrapper .swiper-slide h3, .faqs .wrap .btn, .faqs .wrap h2, .faqs .wrap .accordion button, .faqs .wrap .accordion .content p, .courseForm form h2, .courseForm form .submit, .courseForm form .disclaimer, .courseForm form fieldset .input.info span, .courseForm form fieldset .input input, .courseForm form fieldset .input label, .courseForm form fieldset .accountDetails .contain .col.buttons button, .courseForm form fieldset .option .forgot, .courseForm form fieldset .trialDetails .sameCourse, .courseForm form fieldset .trialDetails .contain .col button, .courseForm form fieldset .trialDetails .contain .col .description h4 {
  font-family: 'pragmatica', sans-serif; }

.placeholder {
  pointer-events: none;
  -webkit-transition: 0.3s opacity linear;
  -ms-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
  position: absolute; }
  .placeholder.faded {
    opacity: 0.5; }
  .placeholder.hide {
    display: none; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.hide {
  display: none !important; }

.desktop {
  display: none; }

.modal {
  background-color: rgba(22, 22, 22, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  z-index: 100000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all; }
  .modal.showMore .wrap .text {
    display: none; }
    .modal.showMore .wrap .text.more {
      display: block; }
  .modal.open {
    opacity: 1;
    pointer-events: all; }
    .modal.open .wrap {
      opacity: 1;
      margin-top: 86px; }
  .modal .wrap {
    background-color: #1e4b63;
    border-radius: 6px;
    margin: 0 20px 0 20px;
    padding: 40px 0 80px 0;
    text-align: center;
    position: relative;
    opacity: 0;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all;
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s; }
    .modal .wrap .close {
      text-indent: -9999px;
      background-position: -370px -80px;
      width: 19px;
      height: 19px;
      position: absolute;
      top: 40px;
      right: 20px; }
    .modal .wrap figure {
      width: 150px;
      margin: 0 auto 40px auto; }
      .modal .wrap figure + figure {
        width: 220px;
        margin-bottom: 20px; }
    .modal .wrap .text {
      width: 300px;
      margin: 0 auto; }
      .modal .wrap .text.more {
        display: none; }
      .modal .wrap .text h2 {
        color: white;
        font-weight: 300;
        font-size: 1rem;
        line-height: 1.25; }
      .modal .wrap .text h2 + p {
        margin-top: 30px; }
      .modal .wrap .text p {
        font-size: 0.75rem;
        font-weight: 300;
        color: #8ea5b1; }
        .modal .wrap .text p a {
          text-decoration: underline; }
        .modal .wrap .text p.bigger {
          font-size: 1.2rem;
          margin-top: 30px; }
      .modal .wrap .text h2 + a {
        margin-top: 12px; }
      .modal .wrap .text a + h2 {
        margin-top: 50px; }
      .modal .wrap .text > a {
        display: block;
        padding: 10px 0;
        width: 190px;
        margin: 0 auto;
        background-color: #ecc81f;
        color: #161616;
        border-radius: 16px;
        text-align: center;
        font-size: 0.75rem;
        font-weight: 300; }
      .modal .wrap .text .options {
        width: 185px;
        margin: 30px auto 0 auto; }
        .modal .wrap .text .options a, .modal .wrap .text .options button {
          width: 80px;
          display: block;
          float: left;
          height: 30px;
          border: 1px solid #ecc81f;
          text-transform: uppercase;
          font-size: 0.6875rem;
          color: #ecc81f;
          border-radius: 15px;
          font-weight: 700;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center; }
        .modal .wrap .text .options button {
          float: right; }

.formErrors {
  position: fixed;
  top: 86px;
  left: 0;
  width: 100%;
  z-index: 10000;
  background-color: rgba(236, 200, 31, 0.98);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.18); }
  .formErrors.change {
    top: 56px; }
  .formErrors .wrap {
    padding: 15px 38px 40px 15px; }
    .formErrors .wrap button {
      text-indent: -9999px;
      background-position: -340px -80px;
      width: 19px;
      height: 19px;
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 1; }
    .formErrors .wrap h2 {
      font-weight: 300;
      line-height: 1.25;
      color: #161616;
      padding-bottom: 15px; }
      .formErrors .wrap h2:before {
        content: '';
        background-position: -450px -50px;
        width: 21px;
        height: 18px;
        display: block;
        margin-bottom: 18px; }
      .formErrors .wrap h2 a {
        text-decoration: underline; }
      .formErrors .wrap h2 em {
        font-style: normal;
        color: rgba(22, 22, 22, 0.5); }
    .formErrors .wrap ul {
      margin-left: 15px; }
      .formErrors .wrap ul li {
        list-style: disc;
        font-weight: 700;
        font-size: 0.875rem;
        color: #161616;
        line-height: 1.28; }

body {
  padding-top: 86px;
  padding-bottom: 100px;
  -webkit-font-smoothing: antialiased; }
  body.trialPage {
    padding-top: 161px; }
    body.trialPage .library .wrap .yellowButton {
      border: 1px solid #757575;
      background-color: transparent;
      color: #757575;
      opacity: 0.5;
      pointer-events: none; }
  body a {
    text-decoration: none; }

.trialDocked {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 100vw;
  z-index: 1000;
  background-color: #f2f2f2;
  border-top: 1px solid lightgray; }
  .trialDocked .wrap {
    margin: 20px 0; }
    .trialDocked .wrap button {
      background-color: #ecc81f;
      width: 150px;
      height: 31px;
      display: block;
      margin: 0 auto;
      text-align: center;
      font-weight: 700;
      font-size: 0.8rem;
      border-radius: 15px;
      width: 260px;
      margin: 0 auto; }

header[role="banner"] {
  background-color: #1e4b63;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  height: 86px;
  -webkit-transition: height 0.6s cubic-bezier(0.11, 0, 0.5, 0);
  -ms-transition: height 0.6s cubic-bezier(0.11, 0, 0.5, 0);
  transition: height 0.6s cubic-bezier(0.11, 0, 0.5, 0); }
  header[role="banner"].change {
    height: 56px; }
    header[role="banner"].change .wrap h1:before {
      opacity: 0;
      height: 0; }
    header[role="banner"].change .wrap h1:after {
      opacity: 1;
      height: 24px; }
  header[role="banner"] .wrap {
    padding: 16px 0; }
    header[role="banner"] .wrap h1 {
      font-size: 0;
      position: relative; }
      header[role="banner"] .wrap h1:before {
        content: '';
        background-position: -20px -20px;
        width: 246px;
        height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transition: opacity 0.6s cubic-bezier(0.11, 0, 0.5, 0);
        -ms-transition: opacity 0.6s cubic-bezier(0.11, 0, 0.5, 0);
        transition: opacity 0.6s cubic-bezier(0.11, 0, 0.5, 0);
        -webkit-transition-delay: 0.3s;
        -ms-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      header[role="banner"] .wrap h1:after {
        content: '';
        background-position: -20px -100px;
        width: 200px;
        height: 24px;
        display: block;
        margin: 0 auto;
        opacity: 0;
        height: 0;
        -webkit-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
        transition-delay: 0.5s;
        -webkit-transition: opacity 0.6s cubic-bezier(0.11, 0, 0.5, 0);
        -ms-transition: opacity 0.6s cubic-bezier(0.11, 0, 0.5, 0);
        transition: opacity 0.6s cubic-bezier(0.11, 0, 0.5, 0); }

.searchBar {
  background-color: #f2f2f2;
  padding: 15px; }
  .searchBar .hold form {
    position: relative; }
    .searchBar .hold form button {
      text-indent: -9999px;
      background-position: -450px -20px;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      right: 15px;
      margin-top: -8px; }
    .searchBar .hold form .input {
      position: relative; }
      .searchBar .hold form .input input {
        height: 45px;
        border: 0;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        border-radius: 0;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff; }
      .searchBar .hold form .input input, .searchBar .hold form .input label {
        font-weight: 300;
        font-size: 0.875rem;
        color: #757575;
        padding: 0 5px; }
      .searchBar .hold form .input label {
        top: 16px;
        left: 0; }

.intro {
  position: relative;
  padding: 40px 0 30px 0; }
  .intro.trialIntro {
    padding-top: 120px; }
    .intro.trialIntro:before {
      display: none; }
  .intro:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: -moz-linear-gradient(top, #fcf8e4 0%, rgba(252, 248, 228, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcf8e4 0%, rgba(252, 248, 228, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcf8e4 0%, rgba(252, 248, 228, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf8e4', endColorstr='#00fcf8e4',GradientType=0 );
    /* IE6-9 */ }
  .intro .wrap nav {
    width: 300px;
    margin: 0 auto 40px auto; }
    .intro .wrap nav ul li {
      display: inline-block;
      width: 33.3%;
      text-align: center;
      float: left;
      position: relative; }
      .intro .wrap nav ul li.current a span {
        background-color: #ecc81f;
        color: black; }
      .intro .wrap nav ul li.complete:after {
        opacity: 0.3; }
      .intro .wrap nav ul li.complete a span {
        background-color: #f5e38f;
        border: 2px solid #f5e38f;
        color: white; }
      .intro .wrap nav ul li.complete a h4 {
        color: lightgray; }
      .intro .wrap nav ul li:last-of-type:after {
        display: none; }
      .intro .wrap nav ul li:after {
        content: '';
        position: absolute;
        top: 17px;
        right: -44px;
        width: 100%;
        height: 2px;
        background-color: #ecc81f;
        display: block; }
      .intro .wrap nav ul li a {
        font-size: 0.625rem; }
        .intro .wrap nav ul li a span {
          display: block;
          width: 34px;
          height: 34px;
          margin: 0 auto;
          border: 2px solid #ecc81f;
          border-radius: 50%;
          font-weight: 500;
          color: #ecc81f;
          font-size: 1.25rem;
          padding-top: 6px;
          position: relative;
          background-color: white;
          z-index: 10; }
        .intro .wrap nav ul li a h4 {
          padding-top: 10px;
          text-transform: uppercase;
          font-weight: 400;
          width: 74px;
          margin: 0 auto;
          color: #757575; }
  .intro .wrap header {
    text-align: center;
    padding: 0 20px; }
    .intro .wrap header h2 {
      font-size: 1.875rem;
      font-weight: 700;
      line-height: 1.1; }
    .intro .wrap header h2 + p {
      margin-top: 20px; }
    .intro .wrap header p {
      font-size: 1rem;
      line-height: 1.3; }
    .intro .wrap header img {
      width: auto;
      max-width: 100%;
      height: auto; }
    .intro .wrap header figure.table {
      margin-top: 70px; }

.screenSlider {
  position: relative;
  margin-bottom: 60px;
  overflow: hidden; }
  .screenSlider .swiper-menu button {
    background-color: transparent;
    background-position: -290px -20px;
    width: 21px;
    height: 41px;
    left: 12px;
    margin-top: -118px; }
    .screenSlider .swiper-menu button + button {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      left: auto;
      right: 12px; }
  .screenSlider .swiper-container {
    padding-bottom: 150px; }
    .screenSlider .swiper-container .swiper-pagination {
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      .screenSlider .swiper-container .swiper-pagination span {
        border-radius: 50%;
        width: 8px;
        height: 8px;
        display: inline-block;
        border: 1px solid lightgray; }
        .screenSlider .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
          background-color: #757575;
          border: 1px solid transparent; }
        .screenSlider .swiper-container .swiper-pagination span + span {
          margin-left: 14px; }
    .screenSlider .swiper-container > figure {
      position: absolute;
      top: 0;
      left: 0;
      width: 280px;
      margin: 0 auto;
      right: 0; }
    .screenSlider .swiper-container .swiper-wrapper .swiper-slide {
      position: relative; }
      .screenSlider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:before {
        opacity: 1; }
      .screenSlider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content h2, .screenSlider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content p, .screenSlider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content figure {
        opacity: 1; }
      .screenSlider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content .pencil {
        top: 80px; }
      .screenSlider .swiper-container .swiper-wrapper .swiper-slide:before {
        content: '';
        display: block;
        width: 182px;
        height: 260px;
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+20,0+100 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 );
        /* IE6-9 */
        opacity: 1;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
      .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content {
        margin-top: 60px;
        position: relative; }
        .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content h2 {
          font-weight: 300;
          font-size: 1.125rem;
          text-align: center;
          line-height: 1.1;
          letter-spacing: -0.01em;
          margin: 0 auto 20px auto;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all;
          -webkit-transition-delay: 0.8s;
          opacity: 0; }
        .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content p {
          font-size: 0.875rem;
          color: #161616;
          width: 260px;
          margin: 0 auto;
          position: relative;
          left: 22px;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all;
          -webkit-transition-delay: 1.2s;
          opacity: 0; }
          .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content p span {
            background-color: #ecc81f;
            -webkit-box-shadow: -22px 29px 5px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: -22px 29px 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: -22px 29px 5px 0px rgba(0, 0, 0, 0.1);
            display: inline-block;
            margin-bottom: 8px;
            opacity: 0.9;
            padding: 4px 4px; }
        .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content figure {
          width: 132px;
          margin: 0 auto;
          -webkit-box-shadow: -10px 20px 5px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: -10px 20px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -10px 20px 5px 0px rgba(0, 0, 0, 0.1);
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all;
          -webkit-transition-delay: 1.2s;
          opacity: 0; }
          .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content figure.collab {
            width: 150px;
            box-shadow: 0 0 0 0; }
          .screenSlider .swiper-container .swiper-wrapper .swiper-slide .content figure.pencil {
            width: 80px;
            margin-left: -70px;
            position: absolute;
            top: 60px;
            left: 50%;
            box-shadow: 0 0 0 0; }

.threeCols {
  margin-bottom: 80px; }
  .threeCols .wrap {
    margin: 0 28px; }
    .threeCols .wrap header {
      padding-bottom: 50px; }
      .threeCols .wrap header h2 {
        font-size: 1.125rem;
        text-align: center;
        font-weight: 700;
        line-height: 1.2; }
    .threeCols .wrap .btn {
      background-color: #ecc81f;
      width: 150px;
      height: 31px;
      display: block;
      margin: 0 auto;
      text-align: center;
      font-weight: 700;
      font-size: 0.8rem;
      border-radius: 15px;
      margin-top: 56px; }
      .threeCols .wrap .btn span {
        display: none; }
    .threeCols .wrap .cols .col {
      text-align: center; }
      .threeCols .wrap .cols .col + .col {
        margin-top: 30px; }
      .threeCols .wrap .cols .col figure {
        width: 100%;
        margin: 0 auto 16px auto; }
      .threeCols .wrap .cols .col h3 {
        font-weight: 700;
        font-size: 1rem;
        padding-bottom: 5px; }
      .threeCols .wrap .cols .col p {
        font-weight: 300;
        line-height: 1.25;
        padding: 0 10px; }

.twoCols {
  padding-top: 52px;
  position: relative; }
  .twoCols.greyBg2:before {
    content: '';
    width: 100%;
    height: -moz-calc(100% - 90px);
    height: -o-calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
    height: calc(100% - 90px);
    height: 100%;
    display: block;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .twoCols.greyBg2.left .wrap .cols .col figure {
    width: 200px;
    margin-left: 40px; }
  .twoCols.greyBg {
    background-color: #f2f2f2;
    padding: 38px 0 72px 0; }
    .twoCols.greyBg .wrap .cols .col + .col {
      margin-top: 0; }
  .twoCols .wrap header {
    margin: 0 30px; }
    .twoCols .wrap header h2 {
      font-size: 0.875rem;
      color: #757575;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-weight: 400;
      padding-bottom: 16px;
      padding-bottom: 26px; }
    .twoCols .wrap header h3 {
      font-weight: 700;
      font-size: 2.625rem;
      line-height: 1.04;
      padding-bottom: 40px; }
  .twoCols .wrap .cols .col + .col {
    margin-top: 54px; }
  .twoCols .wrap .cols .col .content {
    margin: 0 40px; }
    .twoCols .wrap .cols .col .content h2 {
      font-weight: 700;
      font-size: 2.625rem;
      line-height: 1.04;
      padding-bottom: 40px; }
    .twoCols .wrap .cols .col .content p {
      font-weight: 300;
      line-height: 1.25; }
    .twoCols .wrap .cols .col .content a {
      padding-top: 10px; }
    .twoCols .wrap .cols .col .content a, .twoCols .wrap .cols .col .content button {
      margin-top: 30px; }
      .twoCols .wrap .cols .col .content a.greyButton, .twoCols .wrap .cols .col .content button.greyButton {
        background-color: #f2f2f2;
        width: 135px;
        height: 31px;
        font-weight: 700;
        font-size: 0.75rem;
        color: #757575;
        padding-top: 9px;
        text-align: center;
        border-radius: 15px;
        border: 1px solid #757575;
        display: block; }
      .twoCols .wrap .cols .col .content a.yellowButton, .twoCols .wrap .cols .col .content button.yellowButton {
        background-color: #ecc81f;
        width: 150px;
        height: 31px;
        display: block;
        margin: 0 auto;
        text-align: center;
        font-weight: 700;
        font-size: 0.8rem;
        border-radius: 15px;
        margin: 30px 0 0 0; }
        .twoCols .wrap .cols .col .content a.yellowButton span, .twoCols .wrap .cols .col .content button.yellowButton span {
          display: none; }

.spotlights {
  background-color: #f2f2f2;
  padding: 72px 10px 36px 10px; }
  .spotlights .wrap header h2 {
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.09;
    text-align: center;
    padding: 0 30px 40px 30px; }
  .spotlights .wrap header p {
    display: none; }
  .spotlights .wrap .cols {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .spotlights .wrap .cols .col {
      background-color: white;
      padding: 18px 40px 12px 12px;
      float: left;
      width: -moz-calc(50% - 6px);
      width: -o-calc(50% - 6px);
      width: -webkit-calc(50% - 6px);
      width: calc(50% - 6px);
      margin-bottom: 12px;
      border-top: 4px solid #1e4b63; }
      .spotlights .wrap .cols .col:nth-of-type(2n + 2) {
        margin-left: 12px; }
      .spotlights .wrap .cols .col .content figure {
        width: 20px;
        margin-bottom: 10px; }
      .spotlights .wrap .cols .col .content h3 {
        font-size: 0.875rem;
        font-weight: 700;
        padding-bottom: 35px; }
      .spotlights .wrap .cols .col .content p {
        display: none; }
      .spotlights .wrap .cols .col .content span {
        font-size: 0.625rem;
        color: #757575;
        font-weight: 300; }

.testimonials {
  margin-top: 70px;
  margin-bottom: 90px; }
  .testimonials .wrap {
    margin: 0 40px; }
    .testimonials .wrap h2 {
      font-size: 0.875rem;
      color: #757575;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-weight: 400;
      padding-bottom: 16px; }
    .testimonials .wrap .swiper-menu button {
      background-color: transparent;
      background-position: -320px -20px;
      width: 10px;
      height: 19px;
      left: 12px; }
      .testimonials .wrap .swiper-menu button + button {
        left: auto;
        background-position: -390px -120px;
        right: 12px; }
    .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active figure img {
      opacity: 1; }
    .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active figure:after {
      width: 151px; }
    .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .testimonial {
      opacity: 1; }
    .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide figure {
      width: 106px;
      position: relative;
      padding-bottom: 12px; }
      .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide figure img {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        -webkit-transition-delay: 1.8s; }
      .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide figure:after {
        content: '';
        width: 0;
        height: 4px;
        background-color: #ecc81f;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: width 0.6s cubic-bezier(0.33, 1, 0.68, 1);
        -webkit-transition-delay: 0.6s; }
    .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide .testimonial {
      margin-top: 36px;
      opacity: 0;
      -webkit-transition-delay: 1.2s;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide .testimonial p {
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 1.2;
        padding-bottom: 30px; }
      .testimonials .wrap .swiper-container .swiper-wrapper .swiper-slide .testimonial h5 {
        font-weight: 300;
        line-height: 1.25; }

.noResults {
  margin: 0 15px;
  display: none; }
  .noResults.show {
    display: block; }
  .noResults h2 {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.04;
    padding-bottom: 12px; }
  .noResults p {
    font-size: 1.25rem;
    line-height: 1.25;
    color: #757575;
    font-weight: 300; }

.library {
  background-color: #f2f2f2;
  padding: 50px 0px 80px; }
  .library.allBooks {
    background-color: transparent;
    padding: 0 10px;
    margin-bottom: 50px; }
    .library.allBooks .wrap .yellowButton.load {
      pointer-events: all;
      background-color: #ecc81f;
      color: black;
      opacity: 1;
      border: 1px solid transparent; }
    .library.allBooks .wrap .yellowButton.active {
      background-color: #ecc81f;
      color: black;
      border: 1px solid transparent;
      opacity: 1;
      pointer-events: all; }
    .library.allBooks .wrap .cols .col {
      background-color: #f2f2f2;
      margin-bottom: 12px;
      height: 450px; }
      .library.allBooks .wrap .cols .col.selected {
        background-color: #ecc81f; }
        .library.allBooks .wrap .cols .col.selected:hover {
          background-color: #ecc81f; }
        .library.allBooks .wrap .cols .col.selected button {
          background-color: white;
          color: black;
          border: 0; }
      .library.allBooks .wrap .cols .col:nth-of-type(2n + 2) {
        margin-left: 12px; }
      .library.allBooks .wrap .cols .col button {
        background-color: #f2f2f2;
        width: 135px;
        height: 31px;
        font-weight: 700;
        font-size: 0.75rem;
        color: #757575;
        padding-top: 9px;
        text-align: center;
        border-radius: 15px;
        border: 1px solid #757575;
        display: block;
        padding-top: 0;
        margin: 18px auto 0 auto; }
  .library .swiper-menu button {
    background-color: transparent;
    background-position: -320px -20px;
    width: 10px;
    height: 19px;
    left: 12px;
    top: 50%; }
    .library .swiper-menu button + button {
      left: auto;
      right: 12px;
      background-position: -390px -120px; }
  .library .wrap {
    margin: 0 20px; }
    .library .wrap header {
      margin: 0 0 30px 0; }
      .library .wrap header h2 {
        font-size: 0.875rem;
        color: #757575;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-weight: 400;
        padding-bottom: 16px; }
      .library .wrap header h3 {
        font-weight: 700;
        font-size: 2.5rem;
        line-height: 1.04; }
    .library .wrap .yellowButton {
      background-color: #ecc81f;
      width: 150px;
      height: 31px;
      display: block;
      margin: 0 auto;
      text-align: center;
      font-weight: 700;
      font-size: 0.8rem;
      border-radius: 15px;
      font-size: 1rem;
      width: 264px;
      height: 50px;
      border-radius: 24px;
      margin-top: 70px;
      padding-top: 17px; }
      .library .wrap .yellowButton.clear {
        background-color: transparent;
        border: 1px solid #757575;
        width: auto;
        margin-top: 30px; }
    .library .wrap button.yellowButton {
      padding-top: 0; }
    .library .wrap .filter {
      margin-bottom: 45px; }
      .library .wrap .filter .input {
        position: relative; }
        .library .wrap .filter .input:after {
          content: '';
          background-position: -360px -50px;
          width: 9px;
          height: 6px;
          display: block;
          position: absolute;
          top: 50%;
          margin-top: -3px;
          right: 10px;
          pointer-events: none; }
        .library .wrap .filter .input + .input {
          margin-top: 5px; }
        .library .wrap .filter .input select {
          border: 1px solid lightgray;
          border-radius: 2px;
          height: 50px;
          font-weight: 400;
          font-size: 0.875rem;
          padding-left: 15px; }
      .library .wrap .filter .results {
        border: 1px solid lightgray;
        border-radius: 2px;
        height: 50px;
        font-weight: 400;
        font-size: 0.875rem;
        padding: 17px 0 0 15px;
        margin-top: 5px; }
    .library .wrap .cols .col {
      background-color: white;
      padding: 12px 0 20px 0;
      float: left;
      width: -moz-calc(50% - 6px);
      width: -o-calc(50% - 6px);
      width: -webkit-calc(50% - 6px);
      width: calc(50% - 6px);
      border-top: 4px solid #1e4b63;
      height: 340px;
      position: relative; }
      .library .wrap .cols .col .hold {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%; }
        .library .wrap .cols .col .hold .imageContain {
          margin: 0 12px;
          overflow: hidden;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: flex-end;
          -moz-align-items: flex-end;
          -ms-align-items: flex-end;
          align-items: flex-end;
          overflow: hidden; }
          .library .wrap .cols .col .hold .imageContain figure {
            width: 140px;
            margin: 0 auto;
            max-height: 170px; }
        .library .wrap .cols .col .hold .description {
          padding-top: 18px;
          margin: 0 12px 0 12px; }
          .library .wrap .cols .col .hold .description h3 {
            font-weight: 600;
            font-size: 0.75rem;
            height: 51px;
            overflow: hidden;
            margin-bottom: 5px; }
          .library .wrap .cols .col .hold .description p {
            font-weight: 300;
            padding-bottom: 20px;
            font-size: 0.75rem; }
          .library .wrap .cols .col .hold .description .category h4 {
            font-size: 0.875rem;
            color: #757575;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            font-weight: 400;
            padding-bottom: 16px;
            font-size: 0.625rem;
            font-weight: 300;
            padding-bottom: 0; }
          .library .wrap .cols .col .hold .description .category p {
            padding-bottom: 0; }
      .library .wrap .cols .col.comingSoon:after {
        background-image: url("../images/coming-soon.svg");
        background-repeat: no-repeat;
        background-size: cover;
        content: ' ';
        height: 65px;
        position: absolute;
        right: 0;
        top: 0;
        width: 65px; }

.featureCols.yellowBg {
  background-color: #fcf8e4; }
.featureCols.greyBg {
  background-color: #f2f2f2; }
.featureCols .wrap .cols .col {
  padding: 52px 40px; }
  .featureCols .wrap .cols .col.imageCol {
    padding-bottom: 0; }
  .featureCols .wrap .cols .col > figure {
    width: 290px; }
  .featureCols .wrap .cols .col .content figure {
    width: 55px;
    margin-bottom: 20px; }
  .featureCols .wrap .cols .col .content h3 {
    text-transform: uppercase;
    font-size: 0.9375rem;
    color: #757575;
    padding-bottom: 16px; }
  .featureCols .wrap .cols .col .content h2 {
    font-weight: 700;
    font-size: 1.875rem;
    padding-bottom: 20px; }
  .featureCols .wrap .cols .col .content strong {
    font-weight: 700; }
  .featureCols .wrap .cols .col .content ul {
    margin-left: 20px; }
    .featureCols .wrap .cols .col .content ul li {
      list-style: disc; }
  .featureCols .wrap .cols .col .content p, .featureCols .wrap .cols .col .content li {
    font-weight: 300;
    line-height: 1.3; }
  .featureCols .wrap .cols .col .content a, .featureCols .wrap .cols .col .content button {
    background-color: #ecc81f;
    width: 150px;
    height: 31px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 0.8rem;
    border-radius: 15px;
    margin-left: 0;
    margin-top: 30px; }
    .featureCols .wrap .cols .col .content a span, .featureCols .wrap .cols .col .content button span {
      display: none; }

.tutorials {
  margin-top: 100px;
  margin-bottom: 60px; }
  .tutorials .wrap {
    margin: 0 40px; }
    .tutorials .wrap > figure {
      width: 55px;
      margin-bottom: 20px; }
    .tutorials .wrap h2 {
      font-weight: 700;
      font-size: 1.875rem;
      padding-bottom: 50px; }
    .tutorials .wrap .cols .col {
      cursor: pointer; }
      .tutorials .wrap .cols .col + .col {
        margin-top: 40px; }
      .tutorials .wrap .cols .col figure {
        position: relative;
        pointer-events: none; }
        .tutorials .wrap .cols .col figure:before {
          background-color: rgba(33, 33, 33, 0.3);
          content: '';
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%; }
        .tutorials .wrap .cols .col figure:after {
          content: '';
          background-image: url("../images/play.svg");
          width: 62px;
          height: 62px;
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          margin: -32px auto 0 auto; }
      .tutorials .wrap .cols .col h3 {
        padding-top: 14px;
        font-weight: 700;
        pointer-events: none; }

.tutorialModal {
  background-color: #f2f2f2;
  padding: 40px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  height: 100%;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  top: -1500px; }
  .tutorialModal.openModalWindow {
    top: 0; }
  .tutorialModal .wrap {
    margin: 0; }
    .tutorialModal .wrap .close {
      text-indent: -9999px;
      background-position: -340px -80px;
      width: 19px;
      height: 19px;
      margin: 0 20px 20px auto; }
    .tutorialModal .wrap .tutorialSlider .swiper-container .swiper-wrapper .swiper-slide h3 {
      font-weight: 700;
      padding: 14px 0 0 20px; }
    .tutorialModal .wrap .tutorialSlider .swiper-container .swiper-pagination {
      text-align: center;
      margin-top: 36px; }
      .tutorialModal .wrap .tutorialSlider .swiper-container .swiper-pagination span {
        width: 8px;
        height: 8px;
        display: inline-block;
        border: 1px solid lightgray;
        border-radius: 50%; }
        .tutorialModal .wrap .tutorialSlider .swiper-container .swiper-pagination span + span {
          margin-left: 10px; }
        .tutorialModal .wrap .tutorialSlider .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
          border: 1px solid #757575;
          background-color: #757575; }

.faqs {
  margin-bottom: 50px; }
  .faqs .wrap .btn {
    background-color: #ecc81f;
    width: 150px;
    height: 31px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 0.8rem;
    border-radius: 15px;
    margin: 46px 0 0 40px; }
    .faqs .wrap .btn span {
      display: none; }
  .faqs .wrap h2 {
    padding: 30px 40px;
    font-weight: 700;
    font-size: 2.5rem;
    background-color: #f2f2f2; }
  .faqs .wrap .accordion {
    border-top: 2px solid white; }
    .faqs .wrap .accordion.open button {
      background-color: lightgray; }
      .faqs .wrap .accordion.open button:before {
        background-position: -360px -20px; }
    .faqs .wrap .accordion.open .content {
      display: block; }
    .faqs .wrap .accordion button {
      font-weight: 700;
      padding: 16px 40px;
      text-align: left;
      line-height: 1.2;
      background-color: #f2f2f2;
      width: 100%;
      position: relative; }
      .faqs .wrap .accordion button:before {
        content: '';
        display: block;
        position: absolute;
        left: 10px;
        top: 18px;
        width: 15px;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: opacity;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: opacity;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: opacity;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: opacity;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: opacity;
        background-position: -340px -20px;
        height: 15px; }
    .faqs .wrap .accordion .content {
      display: none;
      padding: 35px 40px 40px 40px; }
      .faqs .wrap .accordion .content p {
        font-weight: 300;
        line-height: 1.3; }
        .faqs .wrap .accordion .content p em {
          font-style: italic; }
        .faqs .wrap .accordion .content p + p {
          margin-top: 20px; }

.courseForm {
  padding: 34px 15px 60px 15px; }
  .courseForm form h2 {
    font-size: 0.875rem;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 400;
    padding-bottom: 16px;
    font-size: 0.75rem;
    text-align: center; }
  .courseForm form .submit {
    background-color: #ecc81f;
    width: 150px;
    height: 31px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 0.8rem;
    border-radius: 15px;
    padding-top: 0;
    height: 50px;
    font-size: 1rem;
    width: 190px;
    border-radius: 25px;
    margin-top: 40px; }
  .courseForm form .disclaimer {
    text-align: center;
    font-size: 0.75rem;
    color: #757575;
    line-height: 1.3;
    margin-top: 80px; }
  .courseForm form fieldset {
    padding-top: 20px; }
    .courseForm form fieldset + fieldset {
      margin-top: 30px; }
    .courseForm form fieldset.captcha .g-recaptcha {
      margin: 0 auto;
      position: relative;
      width: 304px; }
    .courseForm form fieldset > h3 {
      padding-top: 0;
      font-weight: 600;
      font-size: 1.25rem;
      position: relative;
      margin-bottom: 30px;
      padding-bottom: 13px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .courseForm form fieldset > h3:after {
        content: '';
        width: 108px;
        background-color: #ecc81f;
        height: 5px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0; }
    .courseForm form fieldset .input {
      position: relative; }
      .courseForm form fieldset .input.info.show span {
        opacity: 1;
        top: -70px; }
      .courseForm form fieldset .input.info span {
        border: 1px solid rgba(117, 117, 117, 0.5);
        border-radius: 2px;
        background-color: #fcf8e4;
        color: #757575;
        font-size: 0.75rem;
        display: block;
        position: absolute;
        top: -50px;
        left: 115px;
        padding: 14px;
        max-width: 160px;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        opacity: 0;
        line-height: 1.3; }
        .courseForm form fieldset .input.info span:after {
          content: '';
          background-position: -430px -50px;
          width: 19px;
          height: 12px;
          display: block;
          position: absolute;
          bottom: -12px;
          left: 14px; }
      .courseForm form fieldset .input.info label {
        cursor: pointer; }
        .courseForm form fieldset .input.info label:after {
          content: '';
          background-position: -400px -50px;
          width: 20px;
          height: 20px;
          display: inline-block;
          margin-left: 10px;
          position: absolute;
          top: -5px;
          left: 65px; }
      .courseForm form fieldset .input + .input {
        margin-top: 30px; }
      .courseForm form fieldset .input.select:after {
        content: '';
        background-position: -360px -50px;
        width: 9px;
        height: 6px;
        display: block;
        position: absolute;
        top: 50px;
        right: 10px;
        pointer-events: none; }
      .courseForm form fieldset .input ul li {
        display: none; }
      .courseForm form fieldset .input [data-invalid="true"] {
        border: 1px solid red; }
      .courseForm form fieldset .input input, .courseForm form fieldset .input select {
        border: 1px solid #757575;
        border-radius: 2px;
        height: 50px;
        padding: 0 10px;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
        .courseForm form fieldset .input input:focus, .courseForm form fieldset .input select:focus {
          border: 1px solid #ecc81f; }
      .courseForm form fieldset .input label {
        margin-bottom: 13px;
        display: block; }
      .courseForm form fieldset .input input, .courseForm form fieldset .input label {
        font-weight: 400;
        font-size: 0.875rem; }
    .courseForm form fieldset .hideDetails {
      display: none; }
      .courseForm form fieldset .hideDetails.show {
        display: block; }
    .courseForm form fieldset .accountDetails .contain .col figure {
      width: 250px;
      margin-bottom: 30px; }
    .courseForm form fieldset .accountDetails .contain .col p {
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 30px; }
      .courseForm form fieldset .accountDetails .contain .col p span {
        color: #757575;
        font-weight: 300;
        font-size: 1rem; }
    .courseForm form fieldset .accountDetails .contain .col.buttons {
      width: 220px; }
      .courseForm form fieldset .accountDetails .contain .col.buttons button {
        width: 50%;
        float: left;
        font-weight: 400;
        border-bottom: 1px solid #757575;
        position: relative;
        color: #757575; }
        .courseForm form fieldset .accountDetails .contain .col.buttons button:after {
          content: '';
          height: 6px;
          display: block;
          position: absolute;
          bottom: -3px;
          left: 0;
          width: 0;
          background-color: #ecc81f;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all; }
        .courseForm form fieldset .accountDetails .contain .col.buttons button + button:after {
          left: auto;
          right: 0; }
        .courseForm form fieldset .accountDetails .contain .col.buttons button.active:after, .courseForm form fieldset .accountDetails .contain .col.buttons button:hover:after {
          width: 105px; }
    .courseForm form fieldset .option {
      padding-top: 50px;
      display: none; }
      .courseForm form fieldset .option.show {
        display: block; }
      .courseForm form fieldset .option h3 {
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 30px; }
      .courseForm form fieldset .option .forgot {
        font-size: 0.875rem;
        color: #757575;
        margin-top: 10px; }
    .courseForm form fieldset .trialDetails {
      margin-bottom: 35px; }
      .courseForm form fieldset .trialDetails .sameCourse {
        font-size: 1.125rem;
        padding-right: 40px;
        position: relative;
        margin-top: 40px; }
        .courseForm form fieldset .trialDetails .sameCourse.active:before {
          display: none; }
        .courseForm form fieldset .trialDetails .sameCourse:before {
          content: '';
          background-position: -380px -50px;
          width: 15px;
          height: 15px;
          display: block;
          position: absolute;
          top: 50%;
          margin-top: -7px;
          right: 7px;
          display: block; }
        .courseForm form fieldset .trialDetails .sameCourse:after {
          content: '';
          width: 30px;
          height: 30px;
          display: block;
          border: 3px solid #ecc81f;
          border-radius: 50%;
          position: absolute;
          top: 50%;
          margin-top: -15px;
          right: 0; }
      .courseForm form fieldset .trialDetails .contain .col + .col {
        margin-top: 35px; }
      .courseForm form fieldset .trialDetails .contain .col figure {
        width: 110px;
        float: left; }
      .courseForm form fieldset .trialDetails .contain .col button {
        position: relative;
        font-size: 0.875rem;
        float: left;
        padding: 0 23px 0 12px; }
        .courseForm form fieldset .trialDetails .contain .col button:after {
          content: '';
          background-position: -340px -50px;
          width: 13px;
          height: 13px;
          display: block;
          position: absolute;
          top: 50%;
          margin-top: -6px;
          right: 0; }
      .courseForm form fieldset .trialDetails .contain .col .description h3 {
        font-size: 1.25rem;
        padding-bottom: 10px; }
      .courseForm form fieldset .trialDetails .contain .col .description h4 {
        font-size: 0.875rem; }

.grecaptcha-badge {
  display: none; }

/*# sourceMappingURL=mobile.css.map */