.threeCols .wrap .cols:after, .featureCols .wrap:after, .courseForm form fieldset .accountDetails .contain:after, .courseForm form fieldset .trialDetails .contain:after, .courseForm form fieldset:after {
  content: '';
  display: block;
  clear: both; }

.library.allBooks .wrap .cols .col button, .faqs .wrap .accordion .content {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.tutorialModal .wrap .swiper-menu button {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

.library.allBooks .wrap .cols .col button {
  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%; }

.formErrors .wrap {
  padding: 60px 0 60px 0;
  width: 686px;
  margin: 0 auto;
  position: relative; }
  .formErrors .wrap button {
    right: 0; }

header[role="banner"] .wrap {
  width: 940px;
  margin: 0 auto;
  position: relative; }
  header[role="banner"] .wrap h1 {
    position: relative;
    top: 4px; }
  header[role="banner"] .wrap .trial {
    right: 0; }
    header[role="banner"] .wrap .trial h4 {
      font-size: 1rem;
      padding-right: 26px; }
    header[role="banner"] .wrap .trial a, header[role="banner"] .wrap .trial button {
      width: 264px;
      height: 50px;
      font-size: 1rem;
      border-radius: 25px;
      padding: 0; }
      header[role="banner"] .wrap .trial a span, header[role="banner"] .wrap .trial button span {
        display: inline-block; }

.noResults {
  width: 980px; }

.searchBar {
  padding: 20px 0; }
  .searchBar .hold {
    width: 980px;
    margin: 0 auto; }
    .searchBar .hold form button {
      right: 20px; }
    .searchBar .hold form .input input {
      height: 50px; }
    .searchBar .hold form .input input, .searchBar .hold form .input label {
      padding: 0 15px; }
    .searchBar .hold form .input label {
      top: 19px; }

.screen {
  margin-bottom: 50px; }
  .screen .wrap {
    width: 920px;
    padding-bottom: 100px;
    margin-bottom: 0; }
    .screen .wrap > figure {
      width: 560px; }
    .screen .wrap .content {
      width: 390px;
      top: 50px;
      left: 0; }
      .screen .wrap .content:nth-of-type(1) figure {
        width: 260px; }
      .screen .wrap .content:nth-of-type(2) {
        left: auto;
        top: 178px;
        right: 0;
        width: 460px; }
        .screen .wrap .content:nth-of-type(2) h2 {
          width: 176px;
          margin-left: auto;
          margin-right: 46px; }
      .screen .wrap .content:nth-of-type(3) {
        bottom: 100px; }
        .screen .wrap .content:nth-of-type(3) h2 {
          position: absolute; }
        .screen .wrap .content:nth-of-type(3) figure {
          width: 290px;
          top: -40px; }
      .screen .wrap .content:nth-of-type(4) {
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;
        right: 20px;
        width: 340px; }
      .screen .wrap .content p {
        font-size: 1rem; }

.intro .wrap {
  width: 850px; }
  .intro .wrap header h2 br {
    display: block; }

.threeCols .wrap {
  width: 940px; }
  .threeCols .wrap .cols .col {
    float: left;
    width: 33.3%; }
    .threeCols .wrap .cols .col + .col {
      margin-top: 0; }
    .threeCols .wrap .cols .col p {
      width: 234px;
      margin: 0 auto; }

.twoCols {
  padding-top: 100px; }
  .twoCols.v2.right {
    padding-bottom: 0; }
    .twoCols.v2.right:before {
      height: -moz-calc(100% - 20px);
      height: -o-calc(100% - 20px);
      height: -webkit-calc(100% - 20px);
      height: calc(100% - 20px); }
    .twoCols.v2.right .wrap .cols .col {
      float: left; }
      .twoCols.v2.right .wrap .cols .col + .col {
        margin-top: 0; }
      .twoCols.v2.right .wrap .cols .col figure {
        position: static;
        left: auto;
        right: 0;
        width: 560px; }
      .twoCols.v2.right .wrap .cols .col .content {
        margin-left: 0;
        width: 270px;
        margin-top: 50px; }
  .twoCols.v2 .wrap .cols .col .content {
    margin-left: auto; }
  .twoCols.v2 .wrap .cols .col figure {
    bottom: 0;
    left: 0;
    margin: 0; }
  .twoCols.greyBg2 {
    padding-top: 130px;
    padding-bottom: 0; }
    .twoCols.greyBg2.right:before {
      height: 100%; }
    .twoCols.greyBg2.right .wrap .cols .col figure {
      position: static;
      left: auto;
      right: 0;
      width: 560px;
      bottom: -100px; }
    .twoCols.greyBg2.left .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;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .twoCols.greyBg2.left .wrap .cols .col {
        order: 2; }
        .twoCols.greyBg2.left .wrap .cols .col + .col {
          order: 1; }
        .twoCols.greyBg2.left .wrap .cols .col figure {
          width: 400px;
          margin-top: 0; }
  .twoCols.greyBg .wrap .cols .col figure {
    position: relative;
    top: 88px;
    width: 540px; }
  .twoCols.greyBg .wrap .cols .col .content {
    width: 260px; }
  .twoCols .wrap {
    width: 940px;
    margin: 0 auto; }
    .twoCols .wrap header {
      text-align: center;
      width: 650px;
      margin: 0 auto 20px auto; }
      .twoCols .wrap header h3 {
        padding-bottom: 20px; }
    .twoCols .wrap .cols .col {
      width: 50%;
      float: right; }
      .twoCols .wrap .cols .col + .col {
        margin-top: 0;
        float: left; }
      .twoCols .wrap .cols .col .content {
        margin: 0;
        width: 340px; }
        .twoCols .wrap .cols .col .content .greyButton {
          -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; }
          .twoCols .wrap .cols .col .content .greyButton:hover {
            background-color: #757575;
            color: white; }

.spotlights .wrap {
  width: 940px;
  margin: 0 auto; }
  .spotlights .wrap .cols .col {
    width: -moz-calc(25% - 20px);
    width: -o-calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
    width: calc(25% - 20px);
    -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;
    position: relative; }
    .spotlights .wrap .cols .col:nth-of-type(3) .content figure {
      width: 22px; }
    .spotlights .wrap .cols .col:hover .content span {
      background-color: #757575;
      color: white; }
    .spotlights .wrap .cols .col:nth-of-type(2n + 2) {
      margin-left: 20px; }
    .spotlights .wrap .cols .col:nth-of-type(4n + 2) {
      margin-right: 20px; }
    .spotlights .wrap .cols .col .content h3 {
      height: 38px;
      overflow: hidden;
      padding-bottom: 0;
      margin-bottom: 55px; }
    .spotlights .wrap .cols .col .content p {
      height: 92px;
      overflow: hidden; }
    .spotlights .wrap .cols .col .content span {
      -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 {
  width: 880px;
  margin: 0 auto; }
  .testimonials .wrap h2 {
    font-size: 0.9375rem;
    padding-bottom: 20px;
    padding-bottom: 36px;
    text-align: center; }
  .testimonials .wrap .buttons button {
    width: -moz-calc(25% - 60px);
    width: -o-calc(25% - 60px);
    width: -webkit-calc(25% - 60px);
    width: calc(25% - 60px);
    padding-bottom: 20px;
    height: 68px; }
    .testimonials .wrap .buttons button figure {
      pointer-events: none; }
    .testimonials .wrap .buttons button.active:after, .testimonials .wrap .buttons button:hover:after {
      width: 214px; }
    .testimonials .wrap .buttons button + button {
      margin-left: 80px; }

.library {
  padding: 110px 0 60px 0; }
  .library.allBooks {
    margin-bottom: 100px; }
    .library.allBooks .wrap .cols .col {
      width: -moz-calc(25% - 12px);
      width: -o-calc(25% - 12px);
      width: -webkit-calc(25% - 12px);
      width: calc(25% - 12px);
      background-color: #f2f2f2;
      margin-bottom: 12px;
      -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;
      height: 690px; }
      .library.allBooks .wrap .cols .col:hover {
        background-color: #fcf8e4; }
      .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;
        -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;
        width: 170px;
        height: 50px;
        font-size: 1rem;
        border-radius: 25px;
        padding-top: 0;
        margin-top: 28px;
        -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;
        background-color: transparent; }
        .library.allBooks .wrap .cols .col button:hover {
          background-color: #757575;
          color: white; }
  .library .wrap {
    width: 940px;
    margin: 0 auto; }
    .library .wrap header {
      text-align: center;
      width: 730px;
      margin: 0 auto 120px auto; }
    .library .wrap .yellowButton {
      width: 264px;
      height: 50px;
      font-size: 1rem;
      border-radius: 25px;
      margin-top: 60px; }
      .library .wrap .yellowButton span {
        display: inline-block; }
    .library .wrap .cols .col {
      padding: 0;
      width: -moz-calc(25% - 6px);
      width: -o-calc(25% - 6px);
      width: -webkit-calc(25% - 6px);
      width: calc(25% - 6px);
      -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;
      height: 540px; }
      .library .wrap .cols .col:hover {
        background-color: #fcf8e4; }
      .library .wrap .cols .col.comingSoon:after {
        height: 100px;
        width: 100px; }
      .library .wrap .cols .col .hold .description {
        padding-top: 36px;
        margin: 0 10px 0 20px; }
        .library .wrap .cols .col .hold .description h3 {
          height: 90px;
          font-size: 1.125rem; }
        .library .wrap .cols .col .hold .description .category h4 {
          padding-bottom: 0; }
        .library .wrap .cols .col .hold .description .category p {
          padding: 0; }

.featureCols {
  /*
  	&.wide {
  		
  		.wrap {			
  			
  			.cols {
  				
  				.col {
  					width: 160px;
  					
  					& + .col {
  						width: 540px;
  						margin-left: 50px;
  					}
  					
  					> figure {
  						width: 160px;
  						height: 134px;
  						bottom: 40px;
  					}
  					
  					.content {
  						max-width: 500px;
  					}
  				}
  			}
  		}
  	}
  */ }
  .featureCols.fullHeight .wrap .cols .col {
    width: 50%; }
    .featureCols.fullHeight .wrap .cols .col + .col {
      width: 50%; }
  .featureCols .wrap {
    width: 940px; }
    .featureCols .wrap .cols {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .featureCols .wrap .cols .col {
        width: 50%;
        float: left;
        position: relative; }
        .featureCols .wrap .cols .col.imageCol {
          padding: 0; }
        .featureCols .wrap .cols .col > figure {
          width: 100%; }
        .featureCols .wrap .cols .col .content {
          padding-left: 50px; }
          .featureCols .wrap .cols .col .content h2 {
            padding-bottom: 30px; }
          .featureCols .wrap .cols .col .content p {
            font-size: 1.125rem; }

.tutorials .wrap {
  width: 720px; }
  .tutorials .wrap .cols .col {
    width: -moz-calc(33.3% - 20px);
    width: -o-calc(33.3% - 20px);
    width: -webkit-calc(33.3% - 20px);
    width: calc(33.3% - 20px); }
    .tutorials .wrap .cols .col:nth-of-type(2n + 2) {
      margin-left: 0; }
    .tutorials .wrap .cols .col:nth-of-type(3n + 2) {
      margin-left: 30px;
      margin-right: 30px; }
    .tutorials .wrap .cols .col + .col {
      margin-top: 0; }
    .tutorials .wrap .cols .col h3 {
      padding-right: 20px; }

.tutorialModal {
  padding: 100px 0; }
  .tutorialModal .wrap {
    margin: 0 auto;
    width: 940px; }
    .tutorialModal .wrap .close {
      background-position: -340px -110px;
      width: 32px;
      height: 32px;
      margin: 0 0 60px auto; }
    .tutorialModal .wrap .swiper-menu button {
      background-position: -290px -20px;
      width: 21px;
      height: 41px;
      background-color: transparent;
      margin-top: -75px; }
      .tutorialModal .wrap .swiper-menu button + button {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
    .tutorialModal .wrap .tutorialSlider .swiper-container .swiper-wrapper .swiper-slide h3 {
      padding: 20px 0 0 0;
      font-size: 1.1875rem; }

.faqs .wrap {
  width: 780px;
  margin: 0 auto; }
  .faqs .wrap .btn {
    margin-left: 0; }
  .faqs .wrap h2 {
    padding: 30px 0;
    position: relative; }
    .faqs .wrap h2:after {
      content: '';
      width: 100vw;
      left: 50%;
      position: absolute;
      top: 0;
      height: 100%;
      background-color: #f2f2f2;
      display: block;
      margin-left: -50vw;
      z-index: -1; }
  .faqs .wrap .accordion.open button:after {
    background-color: lightgray; }
  .faqs .wrap .accordion button {
    padding: 16px 0;
    font-size: 1.125rem;
    -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; }
    .faqs .wrap .accordion button:hover {
      background-color: lightgray; }
      .faqs .wrap .accordion button:hover:after {
        background-color: lightgray; }
    .faqs .wrap .accordion button:after {
      content: '';
      width: 100vw;
      left: 50%;
      position: absolute;
      top: 0;
      height: 100%;
      background-color: #f2f2f2;
      display: block;
      margin-left: -50vw;
      z-index: -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; }
    .faqs .wrap .accordion button:before {
      left: -40px;
      top: 15px; }
  .faqs .wrap .accordion .content {
    padding: 35px 0 60px 0;
    margin-left: 0;
    max-width: 700px; }

.courseForm {
  padding: 0 0 60px 0;
  width: 820px;
  margin: 0 auto; }
  .courseForm form fieldset {
    padding: 40px 35px 40px 35px; }
    .courseForm form fieldset .accountDetails {
      margin-top: 25px; }
      .courseForm form fieldset .accountDetails .contain .col {
        width: 50%;
        float: left; }
        .courseForm form fieldset .accountDetails .contain .col figure {
          width: 250px;
          margin-bottom: 30px; }
        .courseForm form fieldset .accountDetails .contain .col p {
          margin-bottom: 0; }
        .courseForm form fieldset .accountDetails .contain .col.buttons {
          width: 220px;
          margin-left: 30px; }
    .courseForm form fieldset .option {
      padding-top: 50px; }
    .courseForm form fieldset .trialDetails + .courseDetails {
      margin-top: 70px; }
    .courseForm form fieldset .trialDetails {
      margin-bottom: 0;
      position: relative;
      margin-top: 20px; }
      .courseForm form fieldset .trialDetails .sameCourse {
        margin-top: 0;
        position: absolute;
        bottom: 0;
        left: 0; }
      .courseForm form fieldset .trialDetails .contain .col {
        width: 50%;
        float: left; }
        .courseForm form fieldset .trialDetails .contain .col + .col {
          margin-top: -56px; }
        .courseForm form fieldset .trialDetails .contain .col figure {
          width: 126px; }
        .courseForm form fieldset .trialDetails .contain .col button {
          padding: 0 23px 0 23px; }

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