@charset "UTF-8";
/*
Theme Name: Studycat 2019 Theme
Theme URI: https://www.branigan.co.uk/
Description: The bespoke WordPress theme designed exclusively for Studycat.
Version: 1.0
Author: Branigan Interactive
Author URI: https://www.branigan.co.uk/
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Muli:400,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background-repeat: no-repeat; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* box sizing */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/* structure */
@font-face {
  font-family: 'Studycat-Regular';
  src: url("fonts/Studycat-Regular.eot");
  src: local("☺"), url("fonts/Studycat-Regular.woff") format("woff"), url("fonts/Studycat-Regular.ttf") format("truetype"), url("fonts/Studycat-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* colors - primary */
/* gradients */
.gradient-orange {
  background: linear-gradient(0deg, #ffa300 0%, #ffedcc 100%); }

.gradient-orange-yellow {
  background: linear-gradient(0deg, #ffa300 0%, #ffcf2a 70%); }

.gradient-radial-orange {
  background: radial-gradient(circle, #ffedcc 0%, #ffa300 75%); }

.gradient-aqua {
  background: linear-gradient(0deg, #28b3b5 0%, #79d6d8 100%); }

.gradient-radial-aqua {
  background: radial-gradient(circle, #79d6d8 0%, #28b3b5 75%); }

.gradient-blue, #app-options .app-store-options .appstore-option.monthly, #app-options .app-store-downloads .appstore-option, .page-template-about-us #aboutus-gallery,
.page-template-about-us-section #aboutus-gallery, .blog-banner, .blog-post-header, .page-template-page-kwiksurvey .title-banner, .page-template-page-parentsurvey .title-banner, .page-template-page-referfriend .title-banner, #social-landing-top, .page-template-page-socialmedialanding-small #social-landing-top, body.woocommerce-cart .title-banner, body.woocommerce-checkout .title-banner, body.woocommerce-page .title-banner, .page-template-default .title-banner {
  background: linear-gradient(0deg, #449bef 0%, #a2cdf7 100%); }

.gradient-radial-blue, .webinar-presenter,
.post-author-bio, .apps-for-user {
  background: radial-gradient(circle, #a2cdf7 0%, #449bef 75%); }

.gradient-yellow, #home-blog, #sourcenext .title-banner,
.page-template-page-parentingTW .title-banner {
  background: linear-gradient(0deg, #f6be00 0%, #ffe690 100%); }

.gradient-radial-yellow, .page-template-about-us #our-story .editor .callout,
.page-template-about-us-section #our-story .editor .callout, .page-template-school-closed .sub-heading,
.page-template-school-closed-schoolink .sub-heading,
.page-template-school-closed-lia .sub-heading,
.page-template-school-closed-tsp .sub-heading,
.page-template-school-closed-asiaparent .sub-heading,
.page-template-school-closed-spotify .sub-heading, .page-template-school-closed-schoolink .donation-content, .page-template-school-closed-spotify .donation-content {
  background: radial-gradient(circle, #ffe690 0%, #f6be00 75%); }

.gradient-green, #app-options .app-store-options .appstore-option.annually, .tax-activity_type .title-banner {
  background: linear-gradient(0deg, #2fb693 0%, #43c3ab 100%); }

.gradient-purple, body.woocommerce-account .title-banner {
  background: linear-gradient(0deg, #864abb 0%, #6a4eac 100%); }

/* dev colors */
/* helpers */
.group:after, .blog-post .row-pix:after, body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature:after, .product-main-content .schools-app-details:after, body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul:after {
  content: "";
  display: table;
  clear: both; }

input,
textarea,
select {
  font-family: 'muli', sans-serif; }

a {
  text-decoration: none;
  cursor: pointer;
  color: black; }

.cta,
.editor .cta {
  font-weight: 500;
  font-size: 18px;
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  transition: all ease 0.3s; }

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
  font-size: 0.75em; }

sub {
  top: 0.3em; }

.bg-pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center center; }

.button, #site-wrapper .nf-form-cont input[type="button"], .error404 .message-404 .links-404 li a {
  display: inline-block;
  border-radius: 40px;
  background-color: #ffa300;
  padding: 14px 24px 16px;
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: 0.03em;
  color: black;
  font-weight: 700;
  transition: all ease 0.2s;
  line-height: 1.3em;
  cursor: pointer;
  text-decoration: none !important;
  text-align: center;
  -webkit-appearance: none;
  border: none; }
  .button.primary, #site-wrapper .nf-form-cont input.primary[type="button"], .error404 .message-404 .links-404 li a.primary {
    background-color: #864abb;
    color: white; }
  @media only screen and (max-width: 767px) {
    .button, #site-wrapper .nf-form-cont input[type="button"], .error404 .message-404 .links-404 li a {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 10px; } }
  .button:hover, #site-wrapper .nf-form-cont input[type="button"]:hover, .error404 .message-404 .links-404 li a:hover {
    background-color: #f6be00;
    color: black !important; }
  .button.blue, #site-wrapper .nf-form-cont input.blue[type="button"], .error404 .message-404 .links-404 li a.blue {
    background-color: #449bef;
    color: white !important; }
    .button.blue:hover, #site-wrapper .nf-form-cont input.blue[type="button"]:hover, .error404 .message-404 .links-404 li a.blue:hover {
      background-color: #2d8eed; }
  .button.green, #site-wrapper .nf-form-cont input.green[type="button"], .error404 .message-404 .links-404 li a.green {
    background-color: #2fb693;
    color: white !important; }
    .button.green:hover, #site-wrapper .nf-form-cont input.green[type="button"]:hover, .error404 .message-404 .links-404 li a.green:hover {
      background-color: #258d72; }

/* animation */
.sprite {
  position: absolute;
  z-index: 100; }

/*tabs */
ul.sc-tabs {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #25282a;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    ul.sc-tabs {
      border-bottom: none; } }
  ul.sc-tabs li {
    background: none;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 1px;
    color: rgba(68, 155, 239, 0.75);
    padding: 10px 20px;
    border: 1px solid rgba(68, 155, 239, 0.8);
    border-bottom: 1px solid #25282a !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: 700;
    transition: all ease 0.3s; }
    @media only screen and (max-width: 767px) {
      ul.sc-tabs li {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 10px;
        border-radius: 6px;
        border-bottom: 1px solid #449bef !important;
        margin-bottom: 6px; } }
    ul.sc-tabs li:hover {
      color: #449bef;
      border: 1px solid #449bef;
      background-color: rgba(68, 155, 239, 0.1); }
    ul.sc-tabs li.current {
      color: #25282a;
      border-color: #25282a;
      border-bottom: 1px solid white !important; }
      @media only screen and (max-width: 767px) {
        ul.sc-tabs li.current {
          border-bottom: 1px solid #25282a !important; } }
      ul.sc-tabs li.current:hover {
        pointer-events: none; }

.sc-tab-content {
  display: none; }

.sc-tab-content.current {
  display: inherit; }

/* 12 column grid - based on 1194px width - column width 72px, gutter 30px*/
.container {
  width: 86%;
  margin: 0 auto;
  position: relative; }
  @media only screen and (max-width: 1080px) {
    .container {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .container {
      width: 92%; } }

/* 12 column grid - 6% column / 2.5% gutter */
#site-header {
  height: 140px;
  z-index: 501;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  text-align: left;
  background-color: white;
  transition: all ease 0.3s;
  box-shadow: 0 10px 10px rgba(66, 66, 66, 0.2); }
  @media only screen and (max-width: 1080px) {
    #site-header {
      height: 100px; } }
  @media only screen and (max-width: 767px) {
    #site-header {
      height: 60px; } }

#site-logo {
  position: relative;
  top: 16px;
  width: 280px;
  height: auto;
  transition: all ease 0.3s;
  z-index: 100; }
  @media only screen and (max-width: 767px) {
    #site-logo {
      width: 170px;
      top: 10px; } }

#menu-icon {
  display: none; }
  @media only screen and (max-width: 1080px) {
    #menu-icon {
      position: fixed;
      top: 26px;
      right: 5%;
      cursor: pointer;
      width: 50px;
      display: block;
      height: auto; } }
  @media only screen and (max-width: 767px) {
    #menu-icon {
      top: 13px;
      right: 4%;
      width: 34px; } }

#language-icon {
  display: none; }
  @media only screen and (max-width: 767px) {
    #language-icon {
      display: inline-block;
      position: absolute;
      width: 24px;
      height: 24px;
      right: 54px;
      top: 19px; } }

#cart-icon {
  display: none; }
  @media only screen and (max-width: 1080px) {
    #cart-icon {
      position: absolute;
      top: 36px;
      right: 260px;
      display: block;
      height: 36px;
      width: 36px;
      border-radius: 100%;
      background-color: #449bef;
      background-image: url(images/ic-cart.svg);
      background-size: 24px auto;
      background-position: center center; } }
  @media only screen and (max-width: 767px) {
    #cart-icon {
      top: 18px;
      height: 26px;
      width: 26px;
      right: 96px;
      background-size: 20px auto; } }

/* cart toolbar */
#cart-toolbar {
  width: 200px;
  position: absolute;
  left: 165px;
  top: 0;
  color: white;
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: left; }
  #cart-toolbar p {
    display: inline-block;
    vertical-align: top; }
    #cart-toolbar p.cart-details {
      margin-right: 16px; }
      #cart-toolbar p.cart-details a {
        display: block;
        height: 40px;
        line-height: 38px;
        padding: 0 0 0 28px;
        background-image: url(images/ic-cart.svg);
        background-size: 26px auto;
        background-position: left center; }
    #cart-toolbar p.checkout-buttons {
      height: 40px;
      line-height: 38px; }
    #cart-toolbar p a {
      color: white; }
      #cart-toolbar p a:hover {
        color: #f6be00; }

/* post type (single page - link back to list) label header */
.post-type-label {
  background-color: #25282a;
  color: white;
  height: 60px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 60px;
  padding: 0;
  display: block; }
  @media only screen and (max-width: 767px) {
    .post-type-label {
      line-height: 40px;
      height: 40px;
      font-size: 18px;
      font-size: 1.8rem; } }
  .post-type-label a {
    color: white; }
    .post-type-label a:hover {
      color: #f6be00; }

/* admin-bar */
.admin-bar #site-header {
  top: 32px; }

.admin-restricted-content-notice {
  display: none !important; }

/* header shrink */
#site-header {
  transition: all ease-out .3s; }
  #site-header.headroom--pinned {
    top: 0; }
  #site-header.headroom--unpinned {
    transform: translateY(-40px);
    z-index: 500; }
    @media only screen and (max-width: 1080px) {
      #site-header.headroom--unpinned {
        transform: none; } }

.it .menu-toolbar,
.it #main-nav, .vi .menu-toolbar,
.vi #main-nav, .ko .menu-toolbar,
.ko #main-nav, .fr .menu-toolbar,
.fr #main-nav, .sv .menu-toolbar,
.sv #main-nav, .th .menu-toolbar,
.th #main-nav, .id .menu-toolbar,
.id #main-nav, .de .menu-toolbar,
.de #main-nav, .pt-br .menu-toolbar,
.pt-br #main-nav {
  display: none; }

#toolbar {
  position: relative;
  right: 0;
  width: 100%;
  top: 0;
  height: 40px;
  background-color: #449bef;
  text-align: right; }
  @media only screen and (max-width: 1080px) {
    #toolbar {
      display: none; } }
  #toolbar .menu-toolbar {
    width: 50%;
    margin-right: 20px;
    float: right; }
    #toolbar .menu-toolbar li {
      display: inline-block;
      margin: 0 0 0 20px; }
      #toolbar .menu-toolbar li a {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700;
        color: white;
        letter-spacing: 0.03em;
        transition: all ease 0.3s;
        line-height: 30px;
        height: 40px;
        display: block;
        border-top: 4px solid transparent; }
        #toolbar .menu-toolbar li a:hover {
          color: #f6be00; }
      #toolbar .menu-toolbar li.current_page_parent a, #toolbar .menu-toolbar li.current_page_item a {
        color: #f6be00;
        border-top: 4px solid white; }
  #toolbar #header-account {
    float: right;
    height: 40px; }
    #toolbar #header-account a, #toolbar #header-account span {
      display: inline-block;
      height: 30px;
      line-height: 28px;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 600;
      letter-spacing: 0.03em;
      transition: all ease 0.3s;
      color: white;
      margin: 5px 0 0 0;
      border-radius: 20px;
      background-color: rgba(0, 0, 0, 0.15);
      cursor: pointer;
      padding: 0 20px; }
      #toolbar #header-account a.register-link, #toolbar #header-account a.myaccount-link, #toolbar #header-account span.register-link, #toolbar #header-account span.myaccount-link {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-right: 1px;
        padding: 0 15px 0 20px; }
      #toolbar #header-account a.studycatclub-link, #toolbar #header-account span.studycatclub-link {
        position: relative;
        background-color: #864abb;
        padding-right: 10px;
        /*
        				&::before {
        					content: "";
        					width: 26px;
        					height: 38px;
        					left: -12px;
        					top: -4px;
        					background-image: url(images/studycat-club/ic-studycat-club.png);
        					background-position: center center;
        					background-size: contain;
        					display: block;
        					position: absolute;
        					background-repeat:no-repeat;
        				}
        */ }
        #toolbar #header-account a.studycatclub-link:hover, #toolbar #header-account span.studycatclub-link:hover {
          color: #f6be00;
          background-color: #522b74; }
      #toolbar #header-account a.signup-trigger, #toolbar #header-account a.logout-link, #toolbar #header-account span.signup-trigger, #toolbar #header-account span.logout-link {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin-left: -2px;
        padding: 0 20px 0 15px; }
      #toolbar #header-account a:hover, #toolbar #header-account span:hover {
        color: #f6be00;
        background-color: rgba(0, 0, 0, 0.25); }
    #toolbar #header-account .studycatclub-links {
      border-radius: 20px;
      background-color: #864abb;
      display: inline-block;
      padding: 0 6px;
      position: relative;
      height: 30px;
      margin-top: 5px;
      /*
      			&::before {
      				content: "";
      				width: 26px;
      				height: 38px;
      				left: -12px;
      				top: -4px;
      				background-image: url(images/studycat-club/ic-studycat-club.png);
      				background-position: center center;
      				background-size: contain;
      				display: block;
      				position: absolute;
      				background-repeat:no-repeat;
      			}
      */ }
      #toolbar #header-account .studycatclub-links a {
        display: inline-block;
        height: 30px;
        line-height: 28px;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        transition: all ease 0.3s;
        color: white;
        padding: 0 6px;
        border-radius: 0;
        background-color: transparent;
        margin: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.2); }
        #toolbar #header-account .studycatclub-links a:hover {
          color: #f6be00; }
        #toolbar #header-account .studycatclub-links a:first-child {
          border: none;
          font-size: 15px;
          font-size: 1.5rem; }

/* toolbar highlights */
.single-webinar #menu-toolbar li#menu-item-6177 a {
  color: #f6be00;
  border-top: 4px solid white; }

/* remove blog highlight */
.single-webinar #toolbar #menu-toolbar li#menu-item-6481 a,
.tax-activity_type #toolbar #menu-toolbar li#menu-item-6481 a,
.single-resource #toolbar #menu-toolbar li#menu-item-6481 a,
.single-apps #toolbar #menu-toolbar li#menu-item-6481 a {
  color: white !important;
  border-color: transparent !important; }

/* language switcher */
#language-switcher {
  text-align: left;
  position: absolute;
  top: -34px;
  left: 0;
  width: 150px;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.03em;
  color: white; }
  @media only screen and (max-width: 1080px) {
    #language-switcher {
      top: 38px;
      left: auto;
      right: 85px; } }
  @media only screen and (max-width: 767px) {
    #language-switcher {
      display: none;
      right: 0;
      top: 60px;
      background-color: #2d8eed;
      width: 50%; } }
  #language-switcher .wpml-ls-statics-shortcode_actions {
    background-color: transparent; }
    #language-switcher .wpml-ls-statics-shortcode_actions ul {
      background-color: transparent;
      padding: 0; }
    #language-switcher .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
      height: 28px;
      border: none;
      color: white;
      display: block;
      font-weight: 400;
      font-size: 15px;
      font-size: 1.5rem;
      border-top-left-radius: 14px;
      border-top-right-radius: 14px;
      border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      padding: 4px 20px 0 26px;
      transition: linear !important;
      background-image: url(images/ic-language.png);
      background-size: 16px 16px;
      background-position: 6px center;
      background-repeat: no-repeat;
      background-color: #1275d4; }
      @media only screen and (max-width: 767px) {
        #language-switcher .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
          background-image: none;
          padding: 10px 20px 0 10px;
          border-radius: 0;
          height: 40px;
          font-size: 16px;
          font-size: 1.6rem; } }
      #language-switcher .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a:hover {
        color: #f6be00; }
  #language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    right: auto;
    width: 126px;
    left: 12px; }
    @media only screen and (max-width: 767px) {
      #language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        width: 100%;
        left: 0; } }
    #language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
      border: none;
      height: 28px;
      color: white;
      display: block;
      font-weight: 400;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 5px 10px 5px 14px; }
      @media only screen and (max-width: 767px) {
        #language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
          padding: 10px 10px 5px 10px;
          height: 40px;
          font-size: 16px;
          font-size: 1.6rem; } }
      #language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
        color: #f6be00; }

/*
.post-type-archive,
.single-product,
.page-cart,
.page-checkout {
	.wpml-ls-item-it,
	.wpml-ls-item-ko,
	.wpml-ls-item-sv,
	.wpml-ls-item-id,
	.wpml-ls-item-th,
	.wpml-ls-item-de,
	.wpml-ls-item-fr
	 {
		display:none;
	}
}
	
*/
/* main navigation */
#main-nav {
  position: absolute;
  width: 100%;
  right: 0;
  top: 36px;
  transition: all ease 0.3s;
  padding: 0;
  text-align: right; }
  #main-nav > ul > li {
    display: inline-block;
    padding: 0 0 0 24px; }
    #main-nav > ul > li:last-child a {
      padding-right: 0; }
  #main-nav li {
    display: block;
    position: relative; }
    #main-nav li a {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 700;
      transition: all ease 0.3s;
      display: inline-block;
      padding: 5px;
      letter-spacing: 0.03em;
      color: #25282a; }
      #main-nav li a:hover {
        color: #f6be00; }
    #main-nav li.current-menu-item a, #main-nav li.current-page-ancestor a {
      color: #449bef; }
    #main-nav li.mobile-toolbar {
      display: none; }
    #main-nav li ul.sub-menu {
      display: none; }

.single-app li#menu-item-6135 a {
  color: white; }

/* mobile menu */
@media only screen and (max-width: 1080px) {
  #main-nav {
    display: block;
    position: absolute;
    left: 100vw;
    top: 100px;
    transition: ease all 0.5s;
    height: calc(100vh - 100px);
    padding: 0;
    width: 100vw;
    bottom: auto !important;
    background-color: #ffa300;
    right: auto;
    background-image: url(images/svg-animation/kids-anim02.svg);
    background-size: 55vh auto;
    background-position: center bottom -5vh; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #main-nav {
      background-size: 52vh auto;
      background-position: center bottom -4vh; } }
  @media only screen and (max-width: 1080px) and (max-width: 767px) {
    #main-nav {
      top: 60px;
      height: calc(100vh - 60px);
      background-image: none; } }
  @media only screen and (max-width: 1080px) and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    #main-nav {
      background-image: none; } }
@media only screen and (max-width: 1080px) {
    #main-nav ul {
      display: block;
      background-color: #ffa300;
      padding: 20px 0 0px; } }
    @media only screen and (max-width: 1080px) and (max-width: 767px) {
      #main-nav ul {
        padding: 10px 0 0px; } }
@media only screen and (max-width: 1080px) {
      #main-nav ul li {
        display: block;
        margin: 0;
        float: none;
        text-align: left;
        padding: 0; }
        #main-nav ul li:after {
          display: none !important; }
        #main-nav ul li a {
          font-size: 24px;
          font-size: 2.4rem;
          padding: 15px calc(5% + 76px);
          text-align: left;
          color: #25282a;
          opacity: 1;
          display: block; } }
        @media only screen and (max-width: 1080px) and (max-width: 767px) {
          #main-nav ul li a {
            font-size: 20px;
            font-size: 2rem;
            padding: 10px calc(4% + 16px); } }
        @media only screen and (max-width: 1080px) and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
          #main-nav ul li a {
            font-size: 20px;
            font-size: 2rem;
            padding: 8px 10%; } }
@media only screen and (max-width: 1080px) {
          #main-nav ul li a:hover {
            background-color: #f6be00; }
        #main-nav ul li.mobile-toolbar {
          display: block;
          background-color: #449bef; }
          #main-nav ul li.mobile-toolbar a {
            color: white; }
            #main-nav ul li.mobile-toolbar a:hover {
              background-color: rgba(255, 255, 255, 0.25); }
        #main-nav ul li.logout-trigger {
          display: none; }

  .logged-in #main-nav .register-trigger,
  .logged-in #main-nav .signup-trigger {
    display: none; }
  .logged-in #main-nav .logout-trigger {
    display: block; }

  body.show-menu #main-nav {
    left: calc(-5% - 4px); } }
  @media only screen and (max-width: 1080px) and (max-width: 767px) {
    body.show-menu #main-nav {
      left: calc(-4% - 1px); } }
  @media only screen and (max-width: 1080px) and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    body.show-menu #main-nav {
      left: calc(-4% - 2px); } }

/* sub navigation */
.sub-nav {
  position: relative;
  z-index: 100;
  background-color: #f6be00;
  box-shadow: 0 6px 6px rgba(66, 66, 66, 0.1);
  transition: all ease-out .3s; }
  .sub-nav ul {
    text-align: center;
    padding: 5px 0; }
    .sub-nav ul li {
      display: inline-block;
      margin: 0 5px; }
      .sub-nav ul li a {
        padding: 10px 15px;
        color: white;
        display: block;
        line-height: 1.2em;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 700;
        border-radius: 20px;
        transition: all ease 0.3s;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 767px) {
          .sub-nav ul li a {
            padding: 6px 10px;
            font-weight: 800; } }
        .sub-nav ul li a:hover {
          background-color: rgba(0, 0, 0, 0.1); }
      .sub-nav ul li.current-menu-item a {
        background-color: white;
        color: #449bef;
        text-shadow: none; }
  .sub-nav.fixed {
    position: fixed;
    left: 0;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .sub-nav.fixed {
        position: relative; } }
    .sub-nav.fixed.high {
      top: 100px; }
      @media only screen and (max-width: 767px) {
        .sub-nav.fixed.high {
          top: 0; } }
    .sub-nav.fixed.low {
      top: 140px; }
      @media only screen and (max-width: 1080px) {
        .sub-nav.fixed.low {
          top: 100px; } }
      @media only screen and (max-width: 767px) {
        .sub-nav.fixed.low {
          top: 0; } }

.sub-nav.fixed + #main-content {
  padding-top: 40px; }
  @media only screen and (max-width: 767px) {
    .sub-nav.fixed + #main-content {
      padding-top: 0; } }

.editor h1 {
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1.3em;
  margin: 0 auto 30px; }
  @media only screen and (max-width: 1080px) {
    .editor h1 {
      font-size: 42px;
      font-size: 4.2rem; } }
  @media only screen and (max-width: 767px) {
    .editor h1 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.3em;
      margin: 0 auto 20px; } }
.editor h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0 auto 30px; }
  @media only screen and (max-width: 767px) {
    .editor h2 {
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 1.3em; } }
.editor h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3em;
  margin: 0 auto 30px; }
  @media only screen and (max-width: 1080px) {
    .editor h3 {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1.4em; } }
  @media only screen and (max-width: 767px) {
    .editor h3 {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.3em; } }
  .editor h3.step {
    font-weight: 700;
    color: #449bef;
    margin-bottom: 0;
    font-size: 32px;
    font-size: 3.2rem; }
.editor h4 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3em;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .editor h4 {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.3em; } }
.editor p {
  line-height: 1.6em;
  margin: 0 0 1.5em; }
  @media only screen and (max-width: 767px) {
    .editor p {
      line-height: 1.5em;
      margin: 0 0 1.3em;
      font-size: 16px;
      font-size: 1.6rem; } }
  .editor p.wp-caption-text {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    background-color: #ffe690; }
.editor small {
  font-size: 16px;
  font-size: 1.6rem; }
.editor strong {
  font-weight: 700; }
.editor em {
  font-style: italic; }
.editor ul {
  list-style-type: disc;
  margin: 0 0 1.5em 1em; }
  @media only screen and (max-width: 767px) {
    .editor ul {
      font-size: 16px;
      font-size: 1.6rem; } }
  .editor ul li {
    margin: 0 0 .5em 0;
    line-height: 1.6em; }
.editor ol {
  list-style-type: decimal;
  margin: 0 0 1.5em 1em; }
  .editor ol li {
    margin: 0 0 .5em 0;
    line-height: 1.6em; }
.editor a {
  color: black;
  text-decoration: underline; }
  .editor a.button, .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .editor a {
    text-decoration: none; }
  .editor a:hover {
    color: #449bef; }
@media only screen and (max-width: 767px) {
  .editor img {
    max-width: 100%;
    height: auto; } }
.editor img.aligncenter {
  display: block;
  margin: 0 auto; }
.editor .alignleft {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 1080px) {
    .editor .alignleft {
      margin-right: 20px; } }
.editor .alignright {
  float: right;
  margin-left: 30px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 1080px) {
    .editor .alignright {
      margin-left: 20px;
      max-width: 50% !important;
      height: auto; } }
  @media only screen and (max-width: 767px) {
    .editor .alignright {
      margin-bottom: 20px; } }
.editor .footnotes {
  font-size: 14px;
  font-size: 1.4rem; }

footer {
  position: relative;
  background-color: #f6be00;
  color: #25282a;
  padding: 40px 0; }
  @media only screen and (max-width: 767px) {
    footer {
      padding: 30px 0; } }

#footer-connect {
  padding-bottom: 30px;
  text-align: center; }
  #footer-connect h3 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      #footer-connect h3 {
        font-size: 20px;
        font-size: 2rem; } }
  #footer-connect .app-stores {
    padding-bottom: 20px; }
    #footer-connect .app-stores li {
      width: 60px;
      height: 60px;
      display: inline-block;
      margin: 0 6px; }
      #footer-connect .app-stores li a {
        display: block;
        background-color: #449bef;
        height: 100%;
        background-position: center center;
        border-radius: 100%;
        transition: all ease 0.3s; }
        #footer-connect .app-stores li a.apple {
          background-image: url(images/icon-apple.png);
          background-size: auto 40px; }
        #footer-connect .app-stores li a.google {
          background-image: url(images/icon-googleplay.png);
          background-size: auto 36px; }
        #footer-connect .app-stores li a.amazon {
          background-image: url(images/icon-amazonappstore.png);
          background-size: auto 38px; }
        #footer-connect .app-stores li a:hover {
          background-color: #25282a; }
  #footer-connect .socials li {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin: 0 6px; }
    @media only screen and (max-width: 767px) {
      #footer-connect .socials li {
        width: 42px;
        height: 42px; } }
    #footer-connect .socials li a {
      display: block;
      background-color: rgba(37, 40, 42, 0.33);
      height: 100%;
      background-position: center center;
      border-radius: 100%;
      transition: all ease 0.3s; }
      #footer-connect .socials li a.facebook {
        background-image: url(images/social/ic-facebook.svg);
        background-size: auto 30px; }
        #footer-connect .socials li a.facebook:hover {
          background-color: #3b5998; }
      #footer-connect .socials li a.instagram {
        background-image: url(images/social/ic-instagram.svg);
        background-size: auto 28px; }
        #footer-connect .socials li a.instagram:hover {
          background-color: #25282a; }
      #footer-connect .socials li a.twitter {
        background-image: url(images/social/ic-twitter.svg);
        background-size: auto 24px; }
        #footer-connect .socials li a.twitter:hover {
          background-color: #55acee; }
      #footer-connect .socials li a.linkedin {
        background-image: url(images/social/ic-linkedin.svg);
        background-size: auto 28px; }
        #footer-connect .socials li a.linkedin:hover {
          background-color: #007bb5; }
      #footer-connect .socials li a.youtube {
        background-image: url(images/social/ic-youtube.svg);
        background-size: auto 30px; }
        #footer-connect .socials li a.youtube:hover {
          background-color: #fc0d1b; }

.footer-kidsafe {
  text-align: center;
  padding: 0 0 30px 0;
  font-size: 14px;
  font-size: 1.4rem; }
  .footer-kidsafe p {
    line-height: 1.4em; }
    @media only screen and (max-width: 1080px) {
      .footer-kidsafe p br {
        display: none; } }
  .footer-kidsafe a {
    text-decoration: none;
    color: #25282a; }

.footer-top {
  font-size: 16px;
  font-size: 1.6rem; }
  @media only screen and (max-width: 1080px) {
    .footer-top .footer-links {
      float: none; } }
  .footer-top .footer-links #menu-footer {
    text-align: center; }
  .footer-top .footer-links li {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2em;
    margin: 0 20px 12px 0;
    display: inline-block; }
  .footer-top .footer-links a {
    color: #25282a;
    font-weight: 600; }

.it .footer-links, .vi .footer-links, .ko .footer-links, .fr .footer-links, .sv .footer-links, .th .footer-links, .id .footer-links, .de .footer-links, .pt-br .footer-links {
  display: none; }
.it .footer-bottom, .vi .footer-bottom, .ko .footer-bottom, .fr .footer-bottom, .sv .footer-bottom, .th .footer-bottom, .id .footer-bottom, .de .footer-bottom, .pt-br .footer-bottom {
  float: none;
  width: 100%;
  text-align: center; }

.footer-bottom {
  font-size: 14px;
  font-size: 1.4rem;
  color: #25282a;
  text-align: center;
  margin-top: 20px; }
  .footer-bottom p {
    line-height: 1.3em; }
  .footer-bottom a {
    color: #25282a; }
    .footer-bottom a:hover {
      color: #449bef; }
  .footer-bottom .footer-contacts {
    float: left;
    width: 17%; }
    @media only screen and (max-width: 1080px) {
      .footer-bottom .footer-contacts {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      .footer-bottom .footer-contacts {
        width: 100%; } }

.footer-address {
  clear: both;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  width: 82.5%;
  margin: 0 auto;
  padding: 10px 0 0;
  line-height: 1.2em; }

@media only screen and (max-width: 1080px) {
  #cookie-notice #cn-notice-text {
    width: 58%;
    margin: 10px auto 5px; } }
  @media only screen and (max-width: 1080px) and (max-width: 767px) {
    #cookie-notice #cn-notice-text {
      width: 100%; } }

#cookie-notice #cn-accept-cookie {
  background-color: #509137;
  border: 2px solid white;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 6px 20px;
  color: white; }
  #cookie-notice #cn-accept-cookie:hover {
    background-color: white;
    color: #509137;
    border-color: #509137; }
  @media only screen and (max-width: 1080px) {
    #cookie-notice #cn-accept-cookie {
      display: block;
      width: 100px;
      margin: 10px auto 0; } }
#cookie-notice #cn-more-info {
  padding: none;
  background-color: transparent;
  color: white;
  text-decoration: underline;
  padding: 12px 10px;
  border: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal; }

/* sections */
/* homepage */
#homepage-splash {
  background-color: #25282a;
  position: relative;
  height: 56.26vw; }
  @media only screen and (max-width: 1080px) {
    #homepage-splash {
      height: 60vw; } }
  @media only screen and (max-width: 767px) {
    #homepage-splash {
      height: calc(100vh - 60px);
      overflow: hidden; } }
  #homepage-splash .bg-pic {
    background-image: url(images/parents-banner-bg.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 0.6; }
    @media only screen and (max-width: 767px) {
      #homepage-splash .bg-pic {
        opacity: 0.4; } }
  #homepage-splash #splash-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    opacity: 1;
    overflow: hidden;
    background-image: url(images/parents-banner-bg.jpg);
    background-position: center center;
    background-size: cover; }
    #homepage-splash #splash-video video {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        #homepage-splash #splash-video video {
          display: none; } }
    #homepage-splash #splash-video .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: black;
      opacity: .4;
      z-index: 1; }
  #homepage-splash .container {
    height: 100%;
    display: table;
    z-index: 100; }
  #homepage-splash .editor {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: white;
    padding-top: 10vh; }
    @media only screen and (max-width: 767px) {
      #homepage-splash .editor {
        padding-top: 0; } }
    #homepage-splash .editor h1 {
      font-size: 60px;
      font-size: 6rem;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75); }
      @media only screen and (max-width: 1080px) {
        #homepage-splash .editor h1 {
          font-size: 42px;
          font-size: 4.2rem;
          margin-top: -6vh; } }
      @media only screen and (max-width: 767px) {
        #homepage-splash .editor h1 {
          font-size: 32px;
          font-size: 3.2rem;
          margin-top: -6vh; } }
    #homepage-splash .editor p {
      width: 48.5%;
      margin-left: 25.5%;
      font-size: 24px;
      font-size: 2.4rem; }
      @media only screen and (max-width: 1080px) {
        #homepage-splash .editor p {
          width: 100%;
          margin-left: 0;
          margin-bottom: 0; } }
      @media only screen and (max-width: 767px) {
        #homepage-splash .editor p {
          font-size: 20px;
          font-size: 2rem;
          margin-bottom: 20px; } }
      @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
        #homepage-splash .editor p {
          margin-bottom: 0; } }
    #homepage-splash .editor .cta-group {
      padding-top: 1em; }
      @media only screen and (max-width: 767px) {
        #homepage-splash .editor .cta-group {
          padding-top: 0; } }
      #homepage-splash .editor .cta-group .button, #homepage-splash .editor .cta-group #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #homepage-splash .editor .cta-group input[type="button"], #homepage-splash .editor .cta-group .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #homepage-splash .editor .cta-group a {
        margin: 0 0.5em; }

.home .editor h2 {
  font-weight: 900; }

/* home-module */
.home-module {
  position: relative; }
  .home-module .container {
    display: table; }
    @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
      .home-module .container {
        display: block;
        height: auto; } }
  .home-module .editor {
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
      .home-module .editor {
        display: block; } }
    .home-module .editor p {
      font-size: 22px;
      font-size: 2.2rem; }
      @media only screen and (max-width: 767px) {
        .home-module .editor p {
          font-size: 18px;
          font-size: 1.8rem; } }

/* welcome apps */
#homepage-language-apps {
  padding: 80px 0 20px; }
  @media only screen and (max-width: 767px) {
    #homepage-language-apps {
      padding: 10px 0 20px; } }
  #homepage-language-apps #splash-learncat {
    right: -30px;
    top: -30px;
    height: auto;
    width: 300px; }
    @media only screen and (max-width: 1080px) {
      #homepage-language-apps #splash-learncat {
        width: 190px;
        top: -70px; } }
    @media only screen and (max-width: 767px) {
      #homepage-language-apps #splash-learncat {
        display: none; } }
  #homepage-language-apps #splash-parent {
    left: -40px;
    top: -10px;
    height: auto;
    width: 280px; }
    @media only screen and (max-width: 1080px) {
      #homepage-language-apps #splash-parent {
        right: -30px;
        width: 175px;
        top: -60px; } }
    @media only screen and (max-width: 767px) {
      #homepage-language-apps #splash-parent {
        display: none; } }
  #homepage-language-apps .editor {
    text-align: center;
    margin: 0  auto;
    font-size: 22px;
    font-size: 2.2rem; }
    @media only screen and (max-width: 767px) {
      #homepage-language-apps .editor {
        font-size: 18px;
        font-size: 1.8rem;
        width: 100%;
        min-height: inherit; } }
    #homepage-language-apps .editor.intro {
      min-height: 240px;
      width: 48.5%; }
      @media only screen and (max-width: 1080px) {
        #homepage-language-apps .editor.intro {
          min-height: 200px;
          width: 65.5%; } }
      @media only screen and (max-width: 767px) {
        #homepage-language-apps .editor.intro {
          min-height: inherit;
          width: 100%; } }
    #homepage-language-apps .editor h1, #homepage-language-apps .editor h2 {
      font-size: 48px;
      font-size: 4.8rem;
      margin-bottom: 10px; }
      @media only screen and (max-width: 1080px) {
        #homepage-language-apps .editor h1, #homepage-language-apps .editor h2 {
          font-size: 36px;
          font-size: 3.6rem;
          width: 82.5%;
          margin: 20px auto; } }
      @media only screen and (max-width: 767px) {
        #homepage-language-apps .editor h1, #homepage-language-apps .editor h2 {
          font-size: 26px;
          font-size: 2.6rem;
          width: 100%; } }
  #homepage-language-apps #homepage-other-apps {
    padding: 1vw 0 2vw; }
    #homepage-language-apps #homepage-other-apps article {
      float: left;
      width: 20%;
      height: 20vw;
      border-radius: 6px;
      background-size: cover;
      background-position: center top;
      border: 2px solid rgba(255, 255, 255, 0.75); }
      @media only screen and (max-width: 767px) {
        #homepage-language-apps #homepage-other-apps article {
          width: 100%;
          float: none;
          height: 110px;
          background-position: center center; } }
      #homepage-language-apps #homepage-other-apps article:last-child {
        margin-right: 0; }
      #homepage-language-apps #homepage-other-apps article a {
        display: block;
        transition: all ease 0.3s;
        height: 100%;
        text-align: center;
        position: relative;
        border-radius: 12px; }
        #homepage-language-apps #homepage-other-apps article a:hover {
          background-color: rgba(255, 255, 255, 0.4); }
          #homepage-language-apps #homepage-other-apps article a:hover h1 {
            top: 0.5vw;
            margin-bottom: 15px;
            height: 4vw;
            background-size: auto 4vw; }
            @media only screen and (max-width: 1080px) {
              #homepage-language-apps #homepage-other-apps article a:hover h1 {
                top: 5vw;
                margin-bottom: 0;
                height: 8.5vw;
                background-size: auto 8.5vw; } }
          #homepage-language-apps #homepage-other-apps article a:hover blockquote {
            opacity: 1; }
            @media only screen and (max-width: 1080px) {
              #homepage-language-apps #homepage-other-apps article a:hover blockquote {
                opacity: 0; } }
          #homepage-language-apps #homepage-other-apps article a:hover .button-holder {
            opacity: 1; }
            @media only screen and (max-width: 1080px) {
              #homepage-language-apps #homepage-other-apps article a:hover .button-holder {
                opacity: 0; } }
      #homepage-language-apps #homepage-other-apps article.fun-english a {
        background-color: rgba(51, 205, 216, 0.2); }
      #homepage-language-apps #homepage-other-apps article.fun-spanish a {
        background-color: rgba(250, 94, 104, 0.2); }
      #homepage-language-apps #homepage-other-apps article.fun-chinese a {
        background-color: rgba(255, 163, 0, 0.2); }
      #homepage-language-apps #homepage-other-apps article.fun-french a {
        background-color: rgba(68, 155, 239, 0.2); }
      #homepage-language-apps #homepage-other-apps article.fun-german a {
        background-color: rgba(108, 182, 22, 0.2); }
      #homepage-language-apps #homepage-other-apps article h1 {
        height: 10vw;
        background-size: auto 10vw;
        background-position: center center;
        position: relative;
        transition: all ease 0.3s;
        top: 5vw; }
        @media only screen and (max-width: 767px) {
          #homepage-language-apps #homepage-other-apps article h1 {
            height: 80px;
            background-size: auto 80px;
            top: 12px; } }
        #homepage-language-apps #homepage-other-apps article h1 span {
          opacity: 0;
          visibility: hidden; }
      #homepage-language-apps #homepage-other-apps article blockquote {
        opacity: 0;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700;
        padding: 0 6%;
        transition: 0.3s all ease;
        line-height: 1.3em; }
      #homepage-language-apps #homepage-other-apps article .button-holder {
        position: absolute;
        width: 100%;
        bottom: 15px;
        left: 0;
        opacity: 0;
        transition: all ease 0.3s; }
        #homepage-language-apps #homepage-other-apps article .button-holder .button, #homepage-language-apps #homepage-other-apps article .button-holder #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #homepage-language-apps #homepage-other-apps article .button-holder input[type="button"], #homepage-language-apps #homepage-other-apps article .button-holder .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #homepage-language-apps #homepage-other-apps article .button-holder a {
          padding: 7px 24px; }
        @media only screen and (max-width: 767px) {
          #homepage-language-apps #homepage-other-apps article .button-holder {
            display: none; } }
  #homepage-language-apps .homepage-kidsafe {
    text-align: center;
    padding: 1em 0; }

/* homepage kids */
#home-kids {
  background-color: white;
  padding: 80px 0 0;
  min-height: 40vw; }
  @media only screen and (max-width: 1080px) {
    #home-kids {
      min-height: auto;
      height: calc(100vh - 100px);
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    #home-kids {
      height: calc(100vh - 60px); } }
  @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    #home-kids {
      height: 600px; } }
  #home-kids .container {
    height: 100%;
    display: table;
    text-align: left; }
    @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
      #home-kids .container {
        display: block; } }
  #home-kids .module-content {
    display: table-cell;
    vertical-align: middle;
    position: relative; }
    @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
      #home-kids .module-content {
        display: block; } }
    #home-kids .module-content > .bg-pic.device {
      background-image: url(images/home-kids-device.svg);
      background-position: right top;
      background-size: 100% auto;
      width: 48.5%;
      right: 0;
      left: auto;
      top: 20px;
      bottom: auto; }
      @media only screen and (max-width: 1080px) {
        #home-kids .module-content > .bg-pic.device {
          background-position: center top;
          background-size: 80% auto;
          width: 100%;
          left: auto;
          position: absolute;
          height: 32vh;
          bottom: 10vh;
          top: auto; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #home-kids .module-content > .bg-pic.device {
      background-position: center top -1.5vh;
      background-size: 52% 40vh;
      height: 39vh;
      bottom: 0; } }
  @media only screen and (max-width: 1080px) and (max-width: 767px) {
    #home-kids .module-content > .bg-pic.device {
      background-size: 300px auto;
      height: 200px; } }
  @media only screen and (max-width: 1080px) and (max-width: 767px) and (orientation: landscape) {
    #home-kids .module-content > .bg-pic.device {
      background-size: 400px 300px;
      height: 300px;
      bottom: -140vh; } }

  @media only screen and (max-width: 1080px) and (max-width: 320px) {
    #home-kids .module-content > .bg-pic.device {
      bottom: 7vh;
      background-size: 90% auto; } }

      #home-kids .module-content > .bg-pic.device video {
        position: absolute;
        top: 2.3vw;
        left: 7.25%;
        width: 82%;
        height: auto; }
        @media only screen and (max-width: 1080px) {
          #home-kids .module-content > .bg-pic.device video {
            position: relative;
            top: 3.1vh;
            left: 16.1%;
            width: 65%;
            height: auto;
            margin-top: 0; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #home-kids .module-content > .bg-pic.device video {
      top: 3.5vh;
      left: 27.8%;
      width: 42.75%; } }

        @media only screen and (max-width: 767px) {
          #home-kids .module-content > .bg-pic.device video {
            top: 17px;
            left: 45px;
            width: 245px; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    #home-kids .module-content > .bg-pic.device video {
      top: 13vh;
      left: 22%;
      width: 53.5%; } }

        @media only screen and (max-width: 320px) {
          #home-kids .module-content > .bg-pic.device video {
            top: 2.8vh;
            left: 11.8%;
            width: 73.5%; } }
    #home-kids .module-content .editor {
      text-align: left;
      width: 48.5%;
      display: block;
      min-height: 30vw; }
      @media only screen and (max-width: 1080px) {
        #home-kids .module-content .editor {
          text-align: center;
          width: 100%;
          padding-top: 8vh;
          position: absolute;
          top: 0; } }
  @media only screen and (max-width: 1080px) and (max-width: 767px) {
    #home-kids .module-content .editor {
      padding-top: 6vh; } }

      @media only screen and (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
        #home-kids .module-content .editor h1 {
          margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        #home-kids .module-content .editor h1 {
          margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        #home-kids .module-content .editor p:last-child {
          margin-bottom: 1em; } }
  #home-kids #kids-cats {
    right: 0;
    bottom: 0;
    width: 50%;
    height: auto;
    /*
    		@include respond-to(laptop ) {
    			width:45%;
    			bottom: 10vw;
    		}
    */ }
    @media only screen and (min-width: 1200px) and (max-height: 650px) {
      #home-kids #kids-cats {
        width: 45%;
        bottom: -10vw; } }
    @media only screen and (max-width: 1080px) {
      #home-kids #kids-cats {
        bottom: 0;
        width: 90%; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #home-kids #kids-cats {
      bottom: -5vh;
      width: 50%;
      right: 18vw; } }

  #home-kids .safety-icons {
    display: none; }
    #home-kids .safety-icons img {
      display: inline-block;
      height: 180px;
      width: auto; }
      @media only screen and (max-width: 1080px) {
        #home-kids .safety-icons img {
          height: 150px;
          display: none; } }
      @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
        #home-kids .safety-icons img {
          height: 100px; } }
      #home-kids .safety-icons img:first-child {
        margin-left: 0; }

/* homepage parents */
#home-parents {
  background-color: white;
  height: calc(100vh - 140px); }
  @media only screen and (min-width: 1200px) and (max-height: 650px) {
    #home-parents {
      height: 600px; } }
  @media only screen and (max-width: 1080px) {
    #home-parents {
      height: calc(100vh - 100px); } }
  @media only screen and (max-width: 767px) {
    #home-parents {
      height: calc(100vh - 60px); } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    #home-parents {
      height: 400px; } }

  #home-parents > .bg-pic {
    background-image: url(images/home-parents-bg-photo.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 1; }
    @media only screen and (max-width: 1080px) {
      #home-parents > .bg-pic {
        background-position: center bottom;
        background-size: 100% auto; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #home-parents > .bg-pic {
      background-position: left bottom;
      background-size: 80% auto; } }

  #home-parents #home-family {
    right: 2vw;
    bottom: -8vw;
    width: auto;
    height: 46vh; }
    @media only screen and (min-width: 1200px) and (max-height: 650px) {
      #home-parents #home-family {
        height: 50vh;
        bottom: -4vw; } }
    @media only screen and (max-width: 1080px) {
      #home-parents #home-family {
        right: 0;
        height: 42vh;
        bottom: -9vh; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #home-parents #home-family {
      height: 55vh; } }

    @media only screen and (max-width: 767px) {
      #home-parents #home-family {
        height: 30vh;
        bottom: -6vh; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    #home-parents #home-family {
      height: 60vh; } }

  #home-parents .container {
    height: 100%;
    display: table;
    overflow: hidden;
    z-index: 150; }
  #home-parents .editor {
    text-align: left;
    width: 48.5%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 51%; }
    @media only screen and (max-width: 1080px) {
      #home-parents .editor {
        width: 100%;
        padding: 0;
        text-align: center;
        padding-top: 10vh;
        display: block; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #home-parents .editor {
      width: 60%;
      margin: 0 auto; } }

  #home-parents .safety-icons {
    padding-top: 100px; }
    @media only screen and (max-width: 767px) {
      #home-parents .safety-icons {
        padding-top: 50px; } }
    #home-parents .safety-icons img {
      display: inline-block;
      height: 180px;
      width: auto; }
      @media only screen and (max-width: 1080px) {
        #home-parents .safety-icons img {
          height: 150px; } }
      @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
        #home-parents .safety-icons img {
          height: 100px; } }
      #home-parents .safety-icons img:first-child {
        margin-left: 0; }

/* homepage teachers */
#home-teachers {
  padding: 80px 0; }
  @media only screen and (max-width: 1080px) {
    #home-teachers {
      padding: 50px 0; } }
  @media only screen and (max-width: 767px) {
    #home-teachers {
      padding: 30px 0; } }
  #home-teachers > .bg-pic.background {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  #home-teachers .container {
    text-align: left; }
  @media only screen and (max-width: 1080px) {
    #home-teachers .module-content {
      padding: 50px 0 0 0; } }
  #home-teachers .module-content .editor {
    float: right;
    text-align: left;
    width: 48.5%;
    margin-left: 2.5%;
    display: block;
    position: relative;
    z-index: 10; }
    @media only screen and (max-width: 1080px) {
      #home-teachers .module-content .editor {
        width: 100%;
        text-align: center; } }
@media only screen and (max-width: 1080px) and (orientation: landscape) {
  #home-teachers .module-content .editor h1 {
    margin-bottom: 15px; } }

    @media only screen and (max-width: 767px) {
      #home-teachers .module-content .editor h1 {
        margin-top: -40px; } }
    @media only screen and (max-width: 1080px) {
      #home-teachers .module-content .editor ul {
        text-align: left;
        width: 80%;
        margin-left: 20%; } }
@media only screen and (max-width: 1080px) and (orientation: landscape) {
  #home-teachers .module-content .editor p:last-child {
    margin-top: -10px; } }

    @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
      #home-teachers .module-content .editor p:last-child {
        margin-top: -10px; } }
  #home-teachers .module-content #flyer {
    float: right;
    width: 48.5%;
    display: block;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      #home-teachers .module-content #flyer {
        float: none;
        width: 82.5%;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      #home-teachers .module-content #flyer {
        width: 100%; } }
    #home-teachers .module-content #flyer img {
      width: 100%;
      height: auto;
      border: 4px solid white; }
  #home-teachers #classroom-cats {
    right: 0;
    bottom: -7vw;
    width: auto;
    height: 60vh; }
    @media only screen and (max-width: 1080px) {
      #home-teachers #classroom-cats {
        bottom: -12vw;
        height: 45vh; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #home-teachers #classroom-cats {
      bottom: -6vw;
      height: 45vh;
      right: 16vw; } }

    @media only screen and (max-width: 767px) {
      #home-teachers #classroom-cats {
        bottom: -10vw;
        height: 40vh; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    #home-teachers #classroom-cats {
      bottom: -6vw;
      height: 60vh;
      right: 16vw; } }

/* homepage schools */
#home-schools {
  background-color: #25282a;
  height: calc(100vh - 140px); }
  @media only screen and (max-width: 1080px) {
    #home-schools {
      height: calc(100vh - 100px); } }
  @media only screen and (max-width: 767px) {
    #home-schools {
      height: calc(100vh - 60px); } }
  #home-schools > .bg-pic {
    background-image: url(images/home-schools-bg.jpg);
    background-position: center center;
    background-size: cover;
    opacity: .66; }
    @media only screen and (max-width: 1080px) {
      #home-schools > .bg-pic {
        opacity: .5; } }
  #home-schools .container {
    height: 100%;
    display: table;
    overflow: hidden;
    z-index: 150; }
  #home-schools .module-content {
    display: table-cell;
    vertical-align: middle;
    position: relative; }
    #home-schools .module-content .editor {
      text-align: left;
      width: 48.5%;
      display: table-cell;
      vertical-align: middle;
      padding-left: 51%;
      color: white; }
      @media only screen and (max-width: 1080px) {
        #home-schools .module-content .editor {
          text-align: center;
          margin: auto;
          padding: 0 10%; } }

/* homepage register */
#home-register {
  background-color: #864abb;
  padding: 60px 0;
  color: white; }
  #home-register .container {
    display: block; }
    #home-register .container #register-cat {
      position: absolute;
      left: -7vw;
      top: 0;
      height: 290px;
      width: auto; }
      @media only screen and (max-width: 1080px) {
        #home-register .container #register-cat {
          height: 220px;
          left: -8vw;
          top: 10px; } }
      @media only screen and (max-width: 767px) {
        #home-register .container #register-cat {
          height: 120px;
          top: -36px;
          left: -8vw; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    #home-register .container #register-cat {
      height: 120px;
      top: -40px;
      left: -1vw; } }

    #home-register .container > .intro {
      text-align: center;
      width: 65.5%;
      margin-left: 17%; }
      @media only screen and (max-width: 767px) {
        #home-register .container > .intro {
          width: 82.5%;
          margin-left: 8.5%; }
          #home-register .container > .intro h1 {
            padding: 0 20px; } }
      #home-register .container > .intro h3 a {
        text-decoration: underline;
        color: white; }
  #home-register #home-resources-types {
    padding: 40px 0 30px 0; }
    #home-register #home-resources-types article {
      float: left;
      width: 23%;
      margin-right: 2.5%;
      text-align: left;
      background-color: rgba(255, 255, 255, 0.33);
      padding: 50px 15px 15px;
      border-radius: 6px;
      position: relative; }
      #home-register #home-resources-types article:last-child {
        margin-right: 0; }
      #home-register #home-resources-types article h3 {
        margin-bottom: 10px;
        text-align: center; }
      #home-register #home-resources-types article li {
        line-height: 1.3em; }
      #home-register #home-resources-types article:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: -45px;
        margin-left: -45px;
        width: 90px;
        height: 90px;
        background-size: 90px 90px;
        background-position: left top; }
      #home-register #home-resources-types article.printables:before {
        background-image: url(images/icons_printables.svg); }
      #home-register #home-resources-types article.songs:before {
        background-image: url(images/icons_songs.svg); }
      #home-register #home-resources-types article.academic:before {
        background-image: url(images/icons_academic.svg); }
      #home-register #home-resources-types article.events:before {
        background-image: url(images/icons_live_events.svg); }

/* homepage resources */
#home-resources {
  padding: 80px 0 30px;
  text-align: center; }
  #home-resources .intro {
    margin-bottom: 2em; }
    #home-resources .intro p {
      width: 65.5%;
      margin-left: 17%; }
  #home-resources #home-resources-list {
    padding-bottom: 2vw; }
    #home-resources #home-resources-list article {
      float: left;
      width: 48.5%;
      margin-right: 2.5%;
      margin-bottom: 1em;
      background-color: white;
      border-radius: 6px;
      padding: 1.5vw; }
      #home-resources #home-resources-list article:nth-child(2n) {
        margin-right: 0; }
      #home-resources #home-resources-list article a {
        display: block; }
      #home-resources #home-resources-list article .thumbnail {
        width: 10vw;
        height: 10vw;
        background-color: #e1e1e1;
        float: left;
        margin-right: 1.5vw; }
      #home-resources #home-resources-list article .teaser {
        float: left;
        width: calc(100% - 11.5vw);
        text-align: left; }
        #home-resources #home-resources-list article .teaser h2 {
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: 600;
          margin: 0 0 0.5em; }
        #home-resources #home-resources-list article .teaser p {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.2em; }

/* homepage apps */
#home-apps {
  padding: 60px 0; }
  #home-apps .container {
    text-align: center; }
  #home-apps .intro {
    margin-bottom: 2em; }
    #home-apps .intro p {
      width: 65.5%;
      margin-left: 17%; }

#home-app-list {
  padding: 0 0 2vw; }
  #home-app-list #homepage-hero-apps {
    padding-top: 4vw; }
    #home-app-list #homepage-hero-apps article {
      float: left;
      width: 48.5%;
      margin-right: 2.5%;
      border-radius: 6px;
      background-size: cover;
      background-position: center top;
      border: 2px solid rgba(255, 255, 255, 0.75); }
      #home-app-list #homepage-hero-apps article:last-child {
        margin-right: 0; }
      #home-app-list #homepage-hero-apps article h1 {
        height: 12vw;
        background-size: auto 12vw;
        background-position: center center;
        margin: 0 0 -4vw;
        position: relative;
        top: -4vw;
        transition: all ease 0.3s; }
        #home-app-list #homepage-hero-apps article h1 span {
          opacity: 0;
          visibility: hidden; }
      #home-app-list #homepage-hero-apps article .product-overview {
        padding: 0 10%;
        text-align: left; }
        #home-app-list #homepage-hero-apps article .product-overview p {
          line-height: 1.4em;
          margin-bottom: 1em; }
        #home-app-list #homepage-hero-apps article .product-overview li {
          line-height: 1.4em; }
      #home-app-list #homepage-hero-apps article .button, #home-app-list #homepage-hero-apps article #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #home-app-list #homepage-hero-apps article input[type="button"], #home-app-list #homepage-hero-apps article .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #home-app-list #homepage-hero-apps article a {
        padding: 8px 12px 6px;
        margin-bottom: 20px; }
        #home-app-list #homepage-hero-apps article .button.secondary, #home-app-list #homepage-hero-apps article #site-wrapper .nf-form-cont input.secondary[type="button"], #site-wrapper .nf-form-cont #home-app-list #homepage-hero-apps article input.secondary[type="button"], #home-app-list #homepage-hero-apps article .error404 .message-404 .links-404 li a.secondary, .error404 .message-404 .links-404 li #home-app-list #homepage-hero-apps article a.secondary {
          background-color: #10606a;
          color: white;
          border: 2px solid rgba(255, 255, 255, 0.8); }

/* homepage accreditation */
#home-accreditation {
  background-color: black;
  height: 600px; }
  #home-accreditation .bg-pic {
    background-image: url(images/home-kids-photo.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 0.5; }
  #home-accreditation .container {
    height: 100%;
    display: table; }
  #home-accreditation .editor {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: white; }
    @media only screen and (max-width: 1080px) {
      #home-accreditation .editor h2 {
        width: 60%;
        margin: 0 auto; } }
  @media only screen and (max-width: 1080px) and (max-width: 767px) {
    #home-accreditation .editor h2 {
      width: 80%; } }

  #home-accreditation #home-creds {
    position: absolute;
    bottom: 5vw;
    left: 0;
    width: 100%; }
    #home-accreditation #home-creds .cred-logo {
      float: left;
      width: 20%;
      height: 140px;
      background-size: auto 140px;
      background-position: center center; }
      @media only screen and (max-width: 1080px) {
        #home-accreditation #home-creds .cred-logo {
          height: 90px;
          background-size: auto 90px; } }
      @media only screen and (max-width: 767px) {
        #home-accreditation #home-creds .cred-logo {
          height: 50px;
          background-size: auto 50px; } }

/* home about */
#home-about {
  padding: 60px 0 80px;
  background-color: rgba(68, 155, 239, 0.2);
  position: relative;
  /*
  	#home-about-photo {
  		padding-bottom:27.25%;
  		background-size:cover;
  		background-position:center center;
  		position:relative;
  	}
  */ }
  #home-about .editor {
    float: left;
    width: 48.5%;
    text-align: left;
    margin-right: 2.5%;
    padding-bottom: 30px; }
    @media only screen and (max-width: 1080px) {
      #home-about .editor {
        float: none;
        width: 80%;
        margin: 0 auto; }
        #home-about .editor h1 {
          text-align: center; }
        #home-about .editor p:last-of-type {
          text-align: center; } }
    @media only screen and (max-width: 767px) {
      #home-about .editor {
        width: 100%; } }
  #home-about #home-about-side {
    float: left;
    width: 48.5%;
    position: relative;
    margin-top: 5em; }
    @media only screen and (max-width: 1080px) {
      #home-about #home-about-side {
        float: none;
        width: 80%;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      #home-about #home-about-side {
        width: 100%; } }
    #home-about #home-about-side article {
      padding-bottom: 66.75%;
      background-size: cover;
      background-position: center center;
      width: 100%; }

/* home blog */
#home-blog {
  padding: 60px 0;
  text-align: center; }
  #home-blog .blog-intro {
    text-align: center;
    color: #25282a; }
  @media only screen and (max-width: 1080px) {
    #home-blog .blogroll article {
      margin-bottom: 30px !important; } }
  @media only screen and (max-width: 1080px) {
    #home-blog .blogroll article:nth-child(3n) {
      display: none; } }
  @media only screen and (max-width: 767px) {
    #home-blog .blogroll article:nth-child(3n) {
      display: block; } }
  #home-blog .blogroll article .blog-text {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px 15px 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: all ease 0.3s; }
  #home-blog .blogroll article a:hover .blog-text {
    background-color: rgba(255, 255, 255, 0.8); }

.en #home-blog {
  background: white !important; }

/* schools closed */
#home-schools-closed {
  padding: 4vw 0;
  background-image: url(images/schools-closed-home-bg3.jpg);
  background-size: cover;
  background-position: left center;
  border: 15px solid #f6be00; }
  @media only screen and (max-width: 1080px) {
    #home-schools-closed {
      background-size: 150% auto;
      padding: 48vw 0 0;
      background-position: left top;
      border: 10px solid #f6be00; }
      #home-schools-closed .container {
        width: 100%; } }
  #home-schools-closed .editor {
    width: 48.5%;
    float: right;
    background-color: #f6be00;
    border-radius: 20px;
    padding: 30px;
    color: #25282a; }
    @media only screen and (max-width: 1080px) {
      #home-schools-closed .editor {
        width: 100%;
        border-radius: 0;
        text-align: center; } }
    #home-schools-closed .editor h1 {
      color: white;
      margin: 0 auto 0.1em; }
    #home-schools-closed .editor h2 {
      font-size: 24px;
      font-size: 2.4rem; }

#homepage-summit {
  background-image: url(images/summit/home-summit-bg.jpg);
  background-size: contain;
  background-position: center bottom;
  text-align: center; }
  @media only screen and (max-width: 1080px) {
    #homepage-summit {
      background-size: auto 500px;
      background-position: left bottom; } }
  #homepage-summit .container {
    min-height: 400px;
    padding-top: 30px; }
    @media only screen and (max-width: 1080px) {
      #homepage-summit .container {
        min-height: 550px; } }
    @media only screen and (max-width: 767px) {
      #homepage-summit .container {
        min-height: auto;
        padding-bottom: 20px; } }
  #homepage-summit h1 {
    color: #2fb693;
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: 700; }
    @media only screen and (max-width: 1080px) {
      #homepage-summit h1 {
        font-size: 46px;
        font-size: 4.6rem; } }
    @media only screen and (max-width: 767px) {
      #homepage-summit h1 {
        font-size: 32px;
        font-size: 3.2rem; }
        #homepage-summit h1 br {
          display: none; } }
  #homepage-summit h2 {
    color: #864abb;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    padding: 20px 0; }
    @media only screen and (max-width: 767px) {
      #homepage-summit h2 {
        font-size: 24px;
        font-size: 2.4rem; } }
  #homepage-summit h3 {
    color: #25282a;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      #homepage-summit h3 {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 20px;
        line-height: 1.3em; } }
    #homepage-summit h3 span:before {
      content: "•";
      display: inline-block;
      padding: 0 10px 0 5px; }
  #homepage-summit .summit-cta {
    color: white;
    background-image: url(images/summit/home-summit-cta-bg.jpg);
    background-size: contain;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    padding: 12px 15px 15px;
    transition: color ease 0.3s; }
    @media only screen and (max-width: 767px) {
      #homepage-summit .summit-cta {
        font-size: 24px;
        font-size: 2.4rem;
        display: inline-block;
        margin-bottom: 10px; } }
    #homepage-summit .summit-cta:hover {
      color: #f6be00; }
  #homepage-summit img {
    position: absolute;
    bottom: 24px; }
    @media only screen and (max-width: 1380px) {
      #homepage-summit img {
        width: 25%;
        height: auto; } }
    @media only screen and (max-width: 1080px) {
      #homepage-summit img {
        width: 40%; } }
    @media only screen and (max-width: 767px) {
      #homepage-summit img {
        width: 90%;
        margin-top: 20px;
        position: static; } }
    #homepage-summit img#speakers1 {
      left: 0px; }
      @media only screen and (min-width: 1580px) {
        #homepage-summit img#speakers1 {
          left: 50px; } }
      @media only screen and (max-width: 1080px) {
        #homepage-summit img#speakers1 {
          left: 6%; } }
    #homepage-summit img#speakers2 {
      right: 0px; }
      @media only screen and (min-width: 1580px) {
        #homepage-summit img#speakers2 {
          right: 50px; } }
      @media only screen and (max-width: 1080px) {
        #homepage-summit img#speakers2 {
          right: 6%; } }

/* apps landing */
.page-template-apps .title-banner,
.page-template-apps-landing .title-banner {
  background-color: #25282a; }
  .page-template-apps .title-banner .bg-pic,
  .page-template-apps-landing .title-banner .bg-pic {
    opacity: 0.5; }
  .page-template-apps .title-banner h1,
  .page-template-apps-landing .title-banner h1 {
    color: white; }

.page-template-asianparent-landing .title-banner {
  background-color: white; }
  .page-template-asianparent-landing .title-banner .bg-pic {
    opacity: 1;
    background-position: right center; }
    @media only screen and (max-width: 767px) {
      .page-template-asianparent-landing .title-banner .bg-pic {
        opacity: .75;
        background-position: right -40px center; } }
  .page-template-asianparent-landing .title-banner .title-wrapper h1 {
    color: #25282a;
    text-align: left;
    line-height: 1.3em; }
    @media only screen and (max-width: 1080px) {
      .page-template-asianparent-landing .title-banner .title-wrapper h1 {
        font-size: 4.0rem; } }
    @media only screen and (max-width: 767px) {
      .page-template-asianparent-landing .title-banner .title-wrapper h1 {
        font-size: 3.2rem;
        line-height: 1.2em; } }
  .page-template-asianparent-landing .title-banner .title-wrapper .partnership {
    margin-top: 12px; }
    @media only screen and (max-width: 1080px) {
      .page-template-asianparent-landing .title-banner .title-wrapper .partnership {
        margin-top: 12px; } }
    @media only screen and (max-width: 767px) {
      .page-template-asianparent-landing .title-banner .title-wrapper .partnership {
        margin-top: 6px; } }
    .page-template-asianparent-landing .title-banner .title-wrapper .partnership img {
      width: 320px;
      height: auto;
      display: block;
      margin-top: 18px; }
      @media only screen and (max-width: 1080px) {
        .page-template-asianparent-landing .title-banner .title-wrapper .partnership img {
          width: 280px; } }
      @media only screen and (max-width: 767px) {
        .page-template-asianparent-landing .title-banner .title-wrapper .partnership img {
          margin-top: 12px;
          width: 200px; } }

.page-template-page-families .title-banner {
  background-color: #25282a; }
  .page-template-page-families .title-banner .bg-pic {
    opacity: 0.5;
    background-image: url(images/apps-header-bg.jpg); }
  .page-template-page-families .title-banner h1 {
    color: white;
    width: 86%;
    margin: 0 auto; }

#apps-intro .page-content {
  padding: 60px 0 30px; }
  @media only screen and (max-width: 1080px) {
    #apps-intro .page-content {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    #apps-intro .page-content {
      padding: 30px 0; } }

#hero-apps {
  padding: 0 0 30px; }
  @media only screen and (max-width: 767px) {
    #hero-apps {
      padding: 0; } }

#hero-apps-list article {
  background-size: cover;
  background-position: center top;
  border: 2px solid rgba(255, 255, 255, 0.75);
  text-align: center;
  /*
  		&:last-child {
  			margin-right:0;
  			padding:0 10px 20px;
  		}
  */ }
  @media only screen and (max-width: 1080px) {
    #hero-apps-list article {
      float: none;
      width: 100%;
      margin: 0; } }
  @media only screen and (max-width: 767px) {
    #hero-apps-list article {
      margin: 0 0 20px; }
      #hero-apps-list article ul {
        text-align: left; }
      #hero-apps-list article .preview-video {
        width: 100%; } }
  #hero-apps-list article h1 {
    height: 140px;
    background-size: auto 140px;
    background-position: center center;
    position: relative;
    transition: all ease 0.3s;
    margin: 0 0 1vw 0; }
    @media only screen and (max-width: 1080px) {
      #hero-apps-list article h1 {
        height: 120px;
        background-size: auto 120px; } }
    @media only screen and (max-width: 767px) {
      #hero-apps-list article h1 {
        height: 80px;
        background-size: auto 80px; } }
    #hero-apps-list article h1 span {
      opacity: 0;
      visibility: hidden; }
  #hero-apps-list article .hero-box {
    background-image: url(images/apps/fe-hero-bg.png);
    background-size: 100% 100%;
    background-position: center center;
    padding: 4vw 3vw 2vw; }
    @media only screen and (max-width: 767px) {
      #hero-apps-list article .hero-box {
        padding: 20px 20px 40px; } }
  #hero-apps-list article .product-overview {
    text-align: left;
    float: left;
    width: 48.5%;
    margin-right: 2.5%;
    color: white; }
    @media only screen and (max-width: 1080px) {
      #hero-apps-list article .product-overview {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
        text-align: center; } }
    #hero-apps-list article .product-overview p {
      line-height: 1.4em;
      margin-bottom: 1em; }
    #hero-apps-list article .product-overview li {
      line-height: 1.4em; }
  #hero-apps-list article .button, #hero-apps-list article #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #hero-apps-list article input[type="button"], #hero-apps-list article .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #hero-apps-list article a {
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      #hero-apps-list article .button, #hero-apps-list article #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #hero-apps-list article input[type="button"], #hero-apps-list article .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #hero-apps-list article a {
        width: 100%; } }
    #hero-apps-list article .button.secondary, #hero-apps-list article #site-wrapper .nf-form-cont input.secondary[type="button"], #site-wrapper .nf-form-cont #hero-apps-list article input.secondary[type="button"], #hero-apps-list article .error404 .message-404 .links-404 li a.secondary, .error404 .message-404 .links-404 li #hero-apps-list article a.secondary {
      background-color: #10606a;
      color: white !important;
      border: 3px solid white;
      padding: 8px 12px; }

#other-apps {
  padding: 10px 0 40px; }

#other-apps-list article {
  float: left;
  width: 23%;
  margin-right: 2.5%;
  margin-bottom: 2.5vw;
  border-radius: 6px;
  background-size: cover;
  background-position: center top;
  border: 2px solid rgba(255, 255, 255, 0.75); }
  #other-apps-list article:nth-child(4) {
    margin-right: 0; }
  @media only screen and (max-width: 1080px) {
    #other-apps-list article {
      width: 48.5%;
      margin-bottom: 40px; }
      #other-apps-list article:nth-child(2n) {
        margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    #other-apps-list article {
      float: none;
      width: 100%;
      margin: 0 0 30px; } }
  #other-apps-list article a {
    display: block;
    transition: all ease 0.3s;
    height: 100%;
    transition: background-color ease 0.3s; }
    #other-apps-list article a:hover span {
      background-color: #f6be00; }
  #other-apps-list article h1 {
    height: 160px;
    background-size: 200px auto;
    background-position: center center;
    position: relative;
    transition: all ease 0.3s; }
    @media only screen and (max-width: 767px) {
      #other-apps-list article h1 {
        height: 120px;
        background-size: auto 120px; } }
    #other-apps-list article h1 span {
      opacity: 0;
      visibility: hidden; }
  #other-apps-list article .teaser {
    text-align: center; }
    #other-apps-list article .teaser h3 {
      padding: 0 0 1em;
      line-height: 1.3em; }
    #other-apps-list article .teaser p {
      line-height: 1.4em;
      margin: 0 0 1.5em; }
    #other-apps-list article .teaser .button, #other-apps-list article .teaser #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #other-apps-list article .teaser input[type="button"], #other-apps-list article .teaser .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #other-apps-list article .teaser a {
      border-color: #25282a; }
      #other-apps-list article .teaser .button:hover, #other-apps-list article .teaser #site-wrapper .nf-form-cont input[type="button"]:hover, #site-wrapper .nf-form-cont #other-apps-list article .teaser input[type="button"]:hover, #other-apps-list article .teaser .error404 .message-404 .links-404 li a:hover, .error404 .message-404 .links-404 li #other-apps-list article .teaser a:hover {
        border-color: #f6be00; }

#apps-story {
  position: relative;
  padding: 40px 0;
  background-color: #449bef;
  color: white; }
  #apps-story .editor {
    float: left;
    width: 65.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      #apps-story .editor {
        width: 48.5%; } }
    @media only screen and (max-width: 767px) {
      #apps-story .editor {
        float: none;
        width: 100%;
        margin: 0 0 20px; } }
    #apps-story .editor h2 {
      color: white; }
  #apps-story .apps-story-image {
    float: left;
    width: 31.5%; }
    @media only screen and (max-width: 1080px) {
      #apps-story .apps-story-image {
        width: 48.5%; } }
    @media only screen and (max-width: 767px) {
      #apps-story .apps-story-image {
        float: none;
        width: 100%; } }
    #apps-story .apps-story-image img {
      width: 100%;
      height: auto; }

/* apps single */
.post-type-label {
  padding: 20px 0;
  background-color: #f6be00;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700; }

.app-header {
  padding: 40px 0;
  background-size: cover;
  background-position: center top;
  text-align: center; }
  .app-header h1 {
    background-size: contain;
    background-position: center center;
    height: 150px;
    width: 280px;
    margin: 0 auto 0.5em; }
    @media only screen and (max-width: 1080px) {
      .app-header h1 {
        height: 124px; } }
    .app-header h1 span {
      visibility: hidden;
      opacity: 0; }
  .app-header .sub-heading {
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: 900;
    margin-bottom: 1em; }
    @media only screen and (max-width: 1080px) {
      .app-header .sub-heading {
        font-size: 32px;
        font-size: 3.2rem; } }
  .app-header .overview .editor {
    float: left;
    width: 48.5%;
    margin-right: 2.5%;
    text-align: left;
    font-size: 24px;
    font-size: 2.4rem; }
    @media only screen and (max-width: 1080px) {
      .app-header .overview .editor {
        float: none;
        width: 80%;
        margin: 0 auto 40px;
        font-size: 20px;
        font-size: 2rem; } }
    @media only screen and (max-width: 767px) {
      .app-header .overview .editor {
        width: 90%; } }
    .app-header .overview .editor h2 {
      font-size: 24px;
      font-size: 2.4rem; }

.preview-video {
  float: left;
  width: 48.5%;
  border: 4px solid white;
  border-radius: 6px; }
  @media only screen and (max-width: 1080px) {
    .preview-video {
      float: none;
      width: 80%;
      margin: 0 auto 40px; } }
  @media only screen and (max-width: 767px) {
    .preview-video {
      width: 90%;
      margin: 0 auto; } }
  .preview-video .video-box {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    position: relative; }
    .preview-video .video-box iframe {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute; }
    .preview-video .video-box video {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute; }
    .preview-video .video-box #video-mute-toggle {
      position: absolute;
      width: 240px;
      height: 50px;
      left: 50%;
      margin-left: -100px;
      bottom: -60px;
      background-image: url(images/icons_audio_toggle.svg);
      background-size: 50px auto;
      background-position: 0 -2px;
      background-color: #449bef;
      border: 3px solid white;
      border-radius: 25px;
      transition: transform ease 0.2s;
      color: white;
      font-weight: 800;
      padding: 10px 0 0 46px; }
      .preview-video .video-box #video-mute-toggle:hover {
        transform: scale(1.1); }
      .preview-video .video-box #video-mute-toggle.mute {
        background-position: left -52px; }

.app-description {
  padding: 60px 0;
  text-align: center; }
  .app-description #app-desc {
    width: 82.5%;
    margin-left: 8.5%;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .app-description #app-desc {
        width: 90%;
        margin-left: 5%; } }
  .app-description #app-desc-slideshow #app-desc {
    float: left;
    width: 65.5%;
    margin-left: 0;
    margin-right: 2.5%;
    padding-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .app-description #app-desc-slideshow #app-desc {
        width: 57%; } }
    @media only screen and (max-width: 767px) {
      .app-description #app-desc-slideshow #app-desc {
        width: 100%;
        float: none;
        margin-right: 0;
        padding-right: 0; } }
  .app-description #app-desc-slideshow #app-slideshow {
    float: left;
    width: 31.5%;
    padding-top: 3em; }
    @media only screen and (max-width: 1080px) {
      .app-description #app-desc-slideshow #app-slideshow {
        width: 40%;
        padding-top: 6em; } }
    @media only screen and (max-width: 767px) {
      .app-description #app-desc-slideshow #app-slideshow {
        width: 100%;
        padding: 1em 0 2em;
        float: none; } }
    .app-description #app-desc-slideshow #app-slideshow img {
      width: 100%;
      height: auto;
      border-radius: 6px; }
  .app-description .app-benefits {
    padding: 60px 0; }
    .app-description .app-benefits article {
      float: left;
      width: 31.5%;
      margin-right: 2.5%;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 30px;
      border-radius: 6px; }
      .app-description .app-benefits article:nth-child(3n) {
        margin-right: 0; }
      .app-description .app-benefits article .box-icon {
        display: block;
        margin: -60px auto 20px auto;
        width: 33.33%;
        height: auto; }

#app-options {
  background-color: white;
  padding: 30px 0 40px 0;
  overflow: hidden; }
  #app-options .app-logo {
    background-size: contain;
    background-position: center center;
    height: 140px;
    width: 260px;
    margin: 0 auto 0.5em; }
    @media only screen and (max-width: 1080px) {
      #app-options .app-logo {
        height: 124px; } }
    @media only screen and (max-width: 767px) {
      #app-options .app-logo {
        height: 100px;
        background-size: 200px auto; } }
  #app-options #app-options-intro {
    text-align: center;
    width: 82.5%;
    margin-left: 8.5%; }
    @media only screen and (max-width: 767px) {
      #app-options #app-options-intro {
        width: 100%;
        margin-left: 0; } }
    #app-options #app-options-intro h1 {
      font-size: 42px;
      font-size: 4.2rem;
      margin-bottom: 10px; }
      @media only screen and (max-width: 1080px) {
        #app-options #app-options-intro h1 {
          font-size: 32px;
          font-size: 3.2rem; } }
      @media only screen and (max-width: 767px) {
        #app-options #app-options-intro h1 {
          font-size: 24px;
          font-size: 2.4rem; } }
    #app-options #app-options-intro ul {
      text-align: left;
      margin: 0 auto 1.5em;
      width: 700px; }
      @media only screen and (max-width: 1080px) {
        #app-options #app-options-intro ul {
          width: 100%; } }
      #app-options #app-options-intro ul li {
        list-style-type: none;
        background-image: url(images/fes/check-yellow.png);
        background-size: 32px auto;
        background-position: left center;
        padding-left: 36px;
        line-height: 32px; }
        @media only screen and (max-width: 767px) {
          #app-options #app-options-intro ul li {
            line-height: 1.3em; } }
  #app-options .app-store-options .appstore-option {
    width: 48.5%;
    float: left;
    margin-right: 2.5%;
    color: white;
    border-radius: 6px;
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #app-options .app-store-options .appstore-option {
        width: 100%;
        float: none;
        margin: 0 0 20px; } }
    #app-options .app-store-options .appstore-option:last-child {
      margin-right: 0; }
    #app-options .app-store-options .appstore-option > a {
      display: block;
      padding: 60px 30px 30px;
      color: white;
      text-decoration: none; }
      @media only screen and (max-width: 1080px) {
        #app-options .app-store-options .appstore-option > a {
          padding: 60px 20px 30px; } }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-options .appstore-option > a {
          padding: 15px; } }
    #app-options .app-store-options .appstore-option h2 {
      font-size: 48px;
      font-size: 4.8rem;
      font-weight: 900;
      text-align: center;
      margin-bottom: .3em; }
      @media only screen and (max-width: 1080px) {
        #app-options .app-store-options .appstore-option h2 {
          background-size: auto 80px;
          font-size: 32px;
          font-size: 3.2rem; } }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-options .appstore-option h2 {
          font-size: 28px;
          font-size: 2.8rem;
          padding-top: 30px; } }
    #app-options .app-store-options .appstore-option p {
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: 800;
      line-height: 1.2em;
      margin: 0.8em; }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-options .appstore-option p {
          margin: 0 0 0.5em; } }
      #app-options .app-store-options .appstore-option p span {
        font-size: 24px;
        font-size: 2.4rem; }
    #app-options .app-store-options .appstore-option .button, #app-options .app-store-options .appstore-option #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #app-options .app-store-options .appstore-option input[type="button"], #app-options .app-store-options .appstore-option .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #app-options .app-store-options .appstore-option a {
      width: 360px;
      display: block;
      margin: 0 auto; }
      @media only screen and (max-width: 1080px) {
        #app-options .app-store-options .appstore-option .button, #app-options .app-store-options .appstore-option #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #app-options .app-store-options .appstore-option input[type="button"], #app-options .app-store-options .appstore-option .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #app-options .app-store-options .appstore-option a {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-options .appstore-option .button, #app-options .app-store-options .appstore-option #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #app-options .app-store-options .appstore-option input[type="button"], #app-options .app-store-options .appstore-option .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #app-options .app-store-options .appstore-option a {
          display: none; } }
    @media only screen and (max-width: 767px) {
      #app-options .app-store-options .appstore-option.monthly {
        padding-top: 0; } }
    #app-options .app-store-options .appstore-option.monthly h2 {
      padding-top: 10px; }
    #app-options .app-store-options .appstore-option.annually h2 {
      padding-top: 10px; }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-options .appstore-option.annually h2 {
          padding-top: 30px; } }
    #app-options .app-store-options .appstore-option.annually .best-deal {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      color: #1e9a7a;
      height: 40px;
      line-height: 40px;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 900;
      background-color: rgba(255, 255, 255, 0.5);
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    #app-options .app-store-options .appstore-option.annually .rosette {
      width: 150px;
      height: 150px;
      border-radius: 100%;
      background-image: url(images/rosette-purple.png);
      background-size: cover;
      background-size: center center;
      color: white;
      font-size: 20px;
      font-size: 2rem;
      font-weight: 800;
      text-align: center;
      display: block;
      position: absolute;
      top: -40px;
      right: -40px;
      transform: rotate(20deg);
      padding-top: 40px;
      line-height: 1em;
      text-align: center; }
      @media only screen and (max-width: 1080px) {
        #app-options .app-store-options .appstore-option.annually .rosette {
          width: 120px;
          height: 120px;
          padding-top: 28px;
          font-size: 1.6rem; } }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-options .appstore-option.annually .rosette {
          width: 90px;
          height: 90px;
          padding-top: 20px;
          font-size: 1.2rem;
          top: -20px;
          right: -15px; } }
      #app-options .app-store-options .appstore-option.annually .rosette span {
        font-size: 48px;
        font-size: 4.8rem; }
        @media only screen and (max-width: 1080px) {
          #app-options .app-store-options .appstore-option.annually .rosette span {
            font-size: 40px;
            font-size: 4rem; } }
        @media only screen and (max-width: 767px) {
          #app-options .app-store-options .appstore-option.annually .rosette span {
            font-size: 30px;
            font-size: 3rem; } }
  #app-options .appstore-alternatives {
    margin-top: 40px; }
    #app-options .appstore-alternatives h3 {
      text-align: center; }
    #app-options .appstore-alternatives .download-badges {
      text-align: center; }
      #app-options .appstore-alternatives .download-badges .badge-wrapper {
        float: left;
        width: 48.5%;
        text-align: left; }
        #app-options .appstore-alternatives .download-badges .badge-wrapper:first-child {
          margin-right: 2.5%;
          text-align: right; }
      #app-options .appstore-alternatives .download-badges img {
        display: inline-block;
        height: 60px;
        width: auto; }
  #app-options .app-store-downloads .appstore-option {
    width: 31.5%;
    float: left;
    margin-right: 2.5%;
    color: white;
    border-radius: 6px;
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #app-options .app-store-downloads .appstore-option {
        width: 100%;
        float: none;
        margin: 0 0 20px; } }
    #app-options .app-store-downloads .appstore-option:last-child {
      margin-right: 0; }
    #app-options .app-store-downloads .appstore-option > a {
      display: block;
      padding: 30px;
      color: white;
      text-decoration: none; }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-downloads .appstore-option > a {
          padding: 15px; } }
    #app-options .app-store-downloads .appstore-option h2 {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: .75em;
      padding-top: 100px;
      background-size: auto 100px;
      background-position: center top; }
      @media only screen and (max-width: 1080px) {
        #app-options .app-store-downloads .appstore-option h2 {
          padding-top: 80px;
          background-size: auto 80px;
          font-size: 26px;
          font-size: 2.6rem; } }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-downloads .appstore-option h2 {
          padding: 0 0 0 80px;
          background-size: auto 60px;
          font-size: 20px;
          font-size: 2rem;
          text-align: left;
          background-position: left top;
          height: 60px;
          line-height: 60px;
          margin: 0; } }
    #app-options .app-store-downloads .appstore-option.apple h2 {
      background-image: url(images/icon-apple.png); }
    #app-options .app-store-downloads .appstore-option.google h2 {
      background-image: url(images/icon-android.png); }
    #app-options .app-store-downloads .appstore-option.amazon h2 {
      background-image: url(images/icon-amazonappstore.png); }
    #app-options .app-store-downloads .appstore-option .button, #app-options .app-store-downloads .appstore-option #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #app-options .app-store-downloads .appstore-option input[type="button"], #app-options .app-store-downloads .appstore-option .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #app-options .app-store-downloads .appstore-option a {
      width: 180px; }
      @media only screen and (max-width: 767px) {
        #app-options .app-store-downloads .appstore-option .button, #app-options .app-store-downloads .appstore-option #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #app-options .app-store-downloads .appstore-option input[type="button"], #app-options .app-store-downloads .appstore-option .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #app-options .app-store-downloads .appstore-option a {
          display: none; } }
      #app-options .app-store-downloads .appstore-option .button.buynow, #app-options .app-store-downloads .appstore-option #site-wrapper .nf-form-cont input.buynow[type="button"], #site-wrapper .nf-form-cont #app-options .app-store-downloads .appstore-option input.buynow[type="button"], #app-options .app-store-downloads .appstore-option .error404 .message-404 .links-404 li a.buynow, .error404 .message-404 .links-404 li #app-options .app-store-downloads .appstore-option a.buynow {
        background-color: #509137;
        border-color: #315a22;
        color: white;
        margin-left: 12px; }
  #app-options .app-store-downloads.storecount-2 article {
    width: 48.5%; }
  #app-options .app-store-downloads.storecount-1 article {
    width: 48.5%;
    margin: 0 0 0 25.5%; }

#fun-german .app-header .editor {
  color: white; }

.es #app-options .app-store-options .appstore-option.annually .rosette {
  padding-top: 42px; }
  @media only screen and (max-width: 1080px) {
    .es #app-options .app-store-options .appstore-option.annually .rosette {
      font-size: 16px;
      font-size: 1.6rem;
      padding-top: 32px; }
      .es #app-options .app-store-options .appstore-option.annually .rosette span {
        font-size: 32px;
        font-size: 3.2rem; } }
  @media only screen and (max-width: 767px) {
    .es #app-options .app-store-options .appstore-option.annually .rosette {
      padding-top: 20px;
      font-size: 14px;
      font-size: 1.4rem; }
      .es #app-options .app-store-options .appstore-option.annually .rosette span {
        font-size: 30px;
        font-size: 3rem; } }

/* learning resources */
.tax-activity_type .title-banner {
  height: 180px;
  color: white; }
  .tax-activity_type .title-banner > .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  .tax-activity_type .title-banner .category-desc {
    width: 65.5%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.2em; }
    @media only screen and (max-width: 1080px) {
      .tax-activity_type .title-banner .category-desc {
        width: 82.5%; } }
    @media only screen and (max-width: 767px) {
      .tax-activity_type .title-banner .category-desc {
        width: 100%; } }

/* register module */
.resources-register-module {
  background-color: #864abb;
  color: white;
  padding: 30px;
  border-radius: 6px; }
  @media only screen and (max-width: 767px) {
    .resources-register-module {
      padding: 15px; } }
  .resources-register-module h3 {
    position: relative;
    padding: 0 0 0 48px;
    z-index: 0;
    margin-bottom: 20px; }
    .resources-register-module h3:before {
      content: "";
      display: block;
      position: absolute;
      left: -50px;
      top: -20px;
      width: 110px;
      height: 160px;
      background-image: url(images/svg-animation/sc2-club.svg);
      background-position: left top;
      background-size: contain;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 767px) {
        .resources-register-module h3:before {
          left: -38px;
          width: 80px;
          top: -42px; } }
    .resources-register-module h3 span {
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: 800; }
      @media only screen and (max-width: 767px) {
        .resources-register-module h3 span {
          font-size: 22px;
          font-size: 2.2rem; } }
  .resources-register-module .button, .resources-register-module #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .resources-register-module input[type="button"], .resources-register-module .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .resources-register-module a {
    z-index: 100;
    position: relative; }
  .resources-register-module .signup-message {
    margin: 10px 0 0;
    font-size: 18px;
    font-size: 1.8rem; }
    @media only screen and (max-width: 767px) {
      .resources-register-module .signup-message {
        font-size: 16px;
        font-size: 1.6rem; } }
    .resources-register-module .signup-message span {
      color: white;
      text-decoration: underline;
      font-weight: 700;
      font-size: 19px;
      font-size: 1.9rem;
      transition: all ease 0.3s;
      cursor: pointer; }
      @media only screen and (max-width: 767px) {
        .resources-register-module .signup-message span {
          font-size: 17px;
          font-size: 1.7rem; } }
      .resources-register-module .signup-message span:hover {
        color: #f6be00; }

/* resources filter */
.resources-filter {
  background-color: #2aa283;
  padding: 20px 0; }
  .resources-filter .resources-register-module {
    margin: 20px auto;
    text-align: center; }
    .resources-filter .resources-register-module h3 {
      padding: 0 0 10px;
      display: block; }
      .resources-filter .resources-register-module h3::before {
        left: 0;
        width: 200px;
        height: 200px; }
        @media only screen and (max-width: 1080px) {
          .resources-filter .resources-register-module h3::before {
            left: -60px; } }
        @media only screen and (max-width: 767px) {
          .resources-filter .resources-register-module h3::before {
            display: none; } }
      .resources-filter .resources-register-module h3 span {
        display: inline-block;
        padding-bottom: 10px; }
  .resources-filter h2 {
    color: white;
    margin-bottom: 15px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.75); }
    @media only screen and (max-width: 767px) {
      .resources-filter h2 {
        margin-bottom: 0; } }
  .resources-filter .mobile-filter-toggle {
    display: none; }
    @media only screen and (max-width: 767px) {
      .resources-filter .mobile-filter-toggle {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 4px;
        font-size: 14px;
        font-size: 1.4rem;
        color: white;
        text-decoration: underline;
        text-align: right; } }
  .resources-filter h3 {
    color: white;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
    display: inline-block; }
  .resources-filter .resource-type-buttons {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 6px;
    padding: 10px 15px 10px;
    float: left;
    display: block; }
    @media only screen and (max-width: 767px) {
      .resources-filter .resource-type-buttons {
        display: none;
        float: none;
        margin: 15px 0 0 !important;
        width: 100% !important; } }
  .resources-filter #filter-language {
    width: 23%;
    margin-right: 2.5%; }
  .resources-filter #filter-skills {
    width: 23%;
    margin-right: 2.5%; }
  .resources-filter #filter-topics {
    width: 48.5%; }
  @media only screen and (max-width: 1080px) {
    .resources-filter.song .mobile-filter-toggle {
      display: none; } }
  .resources-filter.song #filter-language,
  .resources-filter.song #filter-skills {
    display: none !important; }
  .resources-filter.song #filter-topics {
    width: 100%; }
  .resources-filter fieldset {
    display: block;
    position: relative; }
  .resources-filter button {
    border: none;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.66);
    color: #103c31;
    padding: 2px 6px;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
    font-weight: 500; }
    .resources-filter button.mixitup-control-active {
      background-color: white; }
    .resources-filter button.showall {
      background-color: transparent;
      text-decoration: underline;
      color: white;
      padding: 0;
      margin: 0 0 0 10px;
      opacity: 0.75;
      font-size: 13px;
      font-size: 1.3rem; }

/*activity types */
.resources-list {
  background-color: #aeeada;
  padding: 30px 0 0 0; }
  .resources-list article {
    float: left;
    width: 50%;
    margin: 0 0 30px 0;
    padding: 0 1.25%; }
    @media only screen and (max-width: 1080px) {
      .resources-list article {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        padding: 0; } }
    .resources-list article a {
      display: block;
      background-color: rgba(255, 255, 255, 0.5);
      padding: 20px 20px 20px 10px;
      border-radius: 6px;
      transition: all ease 0.3s;
      height: 160px;
      position: relative; }
      @media only screen and (max-width: 1080px) {
        .resources-list article a {
          padding: 15px;
          height: 155px; } }
      @media only screen and (max-width: 767px) {
        .resources-list article a {
          height: auto; } }
      .resources-list article a:hover {
        background-color: white; }
    .resources-list article .featured-pic {
      width: 120px;
      height: 168px;
      float: left;
      background-size: contain;
      background-position: top center;
      display: block;
      transition: all ease 0.2s; }
      @media only screen and (max-width: 1080px) {
        .resources-list article .featured-pic {
          width: 110px;
          height: 160px;
          margin: -22px 15px 0 -10px; } }
    .resources-list article .resource-teaser {
      width: calc(100% - 140px);
      float: left;
      font-size: 16px;
      font-size: 1.6rem; }
      @media only screen and (max-width: 1080px) {
        .resources-list article .resource-teaser {
          width: calc(100% - 150px); } }
      .resources-list article .resource-teaser h3 {
        margin: -8px 0 0;
        font-size: 22px;
        font-size: 2.2rem; }
        @media only screen and (max-width: 1080px) {
          .resources-list article .resource-teaser h3 {
            font-size: 20px;
            font-size: 2rem; } }
        @media only screen and (max-width: 767px) {
          .resources-list article .resource-teaser h3 {
            font-size: 18px;
            font-size: 1.8rem; } }
      .resources-list article .resource-teaser p {
        line-height: 1.2em;
        margin: 0; }
    .resources-list article .woocommerce .wc-memberships-restriction-message {
      margin: 0 !important;
      background-color: transparent;
      border: none;
      color: #864abb;
      font-weight: 700;
      padding: 0 0 0 30px;
      background-image: url(images/ic-padlock.svg);
      background-position: left center;
      background-size: 20px auto;
      position: absolute;
      bottom: 14px;
      left: 110px;
      height: 20px;
      line-height: 20px;
      color: transparent; }
      @media only screen and (max-width: 1080px) {
        .resources-list article .woocommerce .wc-memberships-restriction-message {
          left: 60px;
          top: 60px; } }
      .resources-list article .woocommerce .wc-memberships-restriction-message:before {
        display: none; }
  .resources-list.worksheet article .featured-pic, .resources-list.hoja-de-trabajo article .featured-pic {
    transform: rotate(-5deg);
    margin: -22px 20px 0 0; }
  .resources-list.worksheet article:hover .featured-pic, .resources-list.hoja-de-trabajo article:hover .featured-pic {
    transform: scale(1.15) rotate(-5deg); }
  .resources-list.song article, .resources-list.cancion article {
    width: 33.33%;
    margin: 0 0 30px 0;
    padding: 0 1.25%; }
    @media only screen and (max-width: 1080px) {
      .resources-list.song article, .resources-list.cancion article {
        width: 50%;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .resources-list.song article, .resources-list.cancion article {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        padding: 0; } }
    .resources-list.song article a, .resources-list.cancion article a {
      height: 330px; }
      @media only screen and (max-width: 1080px) {
        .resources-list.song article a, .resources-list.cancion article a {
          height: 300px; } }
    .resources-list.song article .featured-pic, .resources-list.cancion article .featured-pic {
      width: 100%;
      height: 200px;
      float: none;
      margin: 0 0 15px;
      background-size: cover;
      background-position: center center; }
      @media only screen and (max-width: 1080px) {
        .resources-list.song article .featured-pic, .resources-list.cancion article .featured-pic {
          height: 180px; } }
    .resources-list.song article .resource-teaser, .resources-list.cancion article .resource-teaser {
      width: 100%;
      float: none;
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center; }
      .resources-list.song article .resource-teaser h3, .resources-list.cancion article .resource-teaser h3 {
        margin: -8px 0 0;
        font-size: 22px;
        font-size: 2.2rem; }
        @media only screen and (max-width: 1080px) {
          .resources-list.song article .resource-teaser h3, .resources-list.cancion article .resource-teaser h3 {
            font-size: 20px;
            font-size: 2rem; } }
        @media only screen and (max-width: 767px) {
          .resources-list.song article .resource-teaser h3, .resources-list.cancion article .resource-teaser h3 {
            font-size: 18px;
            font-size: 1.8rem; } }
      .resources-list.song article .resource-teaser p, .resources-list.cancion article .resource-teaser p {
        line-height: 1.2em;
        margin: 0; }

/* pagination */
.mixitup-pagination {
  background-color: #2fb693;
  padding: 15px 0; }
  .mixitup-pagination .mixitup-page-list {
    text-align: center;
    color: rgba(255, 255, 255, 0.85); }
    .mixitup-pagination .mixitup-page-list button {
      border: none;
      border-radius: 3px;
      background-color: rgba(255, 255, 255, 0.85);
      color: #1a6552;
      font-family: 'Muli', sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      padding: 4px 8px;
      transition: all ease 0.3s;
      cursor: pointer; }
      .mixitup-pagination .mixitup-page-list button:hover {
        background-color: white; }

/* single resource */
.single-resource .resource-label {
  background-color: #2fb693;
  color: white;
  height: 60px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 60px;
  padding: 0;
  display: block; }
  .single-resource .resource-label a {
    color: white; }
    .single-resource .resource-label a:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .single-resource .resource-label {
      font-size: 18px;
      font-size: 1.8rem; } }
.single-resource .resource-header {
  padding: 40px 0 20px 0; }
  @media only screen and (max-width: 767px) {
    .single-resource .resource-header {
      text-align: center;
      padding: 20px 0; } }
  .single-resource .resource-header h1 {
    font-size: 42px;
    font-size: 4.2rem;
    margin: 0; }
    @media only screen and (max-width: 1080px) {
      .single-resource .resource-header h1 {
        font-size: 36px;
        font-size: 3.6rem; } }
    @media only screen and (max-width: 767px) {
      .single-resource .resource-header h1 {
        font-size: 28px;
        font-size: 2.8rem; } }
  .single-resource .resource-header .resource-terms p {
    margin: 0; }
    .single-resource .resource-header .resource-terms p strong {
      font-weight: 800;
      color: #2fb693; }
    .single-resource .resource-header .resource-terms p span::after {
      content: ", "; }
    .single-resource .resource-header .resource-terms p span:last-child::after {
      content: ""; }
  .single-resource .resource-header .members-only {
    position: absolute;
    width: 31.5%;
    right: 0;
    top: 0;
    margin: 0;
    color: #864abb;
    font-weight: 700;
    padding: 15px 18px;
    border-radius: 2em;
    background-color: rgba(134, 74, 187, 0.25);
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .single-resource .resource-header .members-only {
        font-size: 16px;
        font-size: 1.6rem;
        display: block;
        position: relative;
        right: auto;
        margin-top: 10px;
        padding: 4px 0 8px;
        width: 100%; } }
    .single-resource .resource-header .members-only::before {
      content: "";
      width: 72px;
      height: 60px;
      left: -15px;
      top: 0.2em;
      background-image: url(images/studycat-club/ic-studycat-club.png);
      background-position: center center;
      background-size: contain;
      display: block;
      position: absolute;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 767px) {
        .single-resource .resource-header .members-only::before {
          width: 50px;
          height: 48px;
          left: 0px;
          top: -5px; } }
.single-resource .resource-post.worksheet .editor, .single-resource .resource-post.hoja-de-trabajo .editor {
  float: right;
  width: 57%;
  margin-right: 11%; }
  @media only screen and (max-width: 767px) {
    .single-resource .resource-post.worksheet .editor, .single-resource .resource-post.hoja-de-trabajo .editor {
      float: none;
      width: 100%; } }
.single-resource .resource-post.worksheet .download-module, .single-resource .resource-post.hoja-de-trabajo .download-module {
  padding-top: 1em; }
  @media only screen and (max-width: 767px) {
    .single-resource .resource-post.worksheet .download-module, .single-resource .resource-post.hoja-de-trabajo .download-module {
      position: relative;
      width: 92vw; } }
  .single-resource .resource-post.worksheet .download-module .button, .single-resource .resource-post.worksheet .download-module #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .single-resource .resource-post.worksheet .download-module input[type="button"], .single-resource .resource-post.worksheet .download-module .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-resource .resource-post.worksheet .download-module a, .single-resource .resource-post.hoja-de-trabajo .download-module .button, .single-resource .resource-post.hoja-de-trabajo .download-module #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .single-resource .resource-post.hoja-de-trabajo .download-module input[type="button"], .single-resource .resource-post.hoja-de-trabajo .download-module .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-resource .resource-post.hoja-de-trabajo .download-module a {
    width: 90%;
    text-align: center;
    font-size: 23px;
    font-size: 2.3rem;
    background-color: #71dabf;
    border-color: #155141; }
    @media only screen and (max-width: 767px) {
      .single-resource .resource-post.worksheet .download-module .button, .single-resource .resource-post.worksheet .download-module #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .single-resource .resource-post.worksheet .download-module input[type="button"], .single-resource .resource-post.worksheet .download-module .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-resource .resource-post.worksheet .download-module a, .single-resource .resource-post.hoja-de-trabajo .download-module .button, .single-resource .resource-post.hoja-de-trabajo .download-module #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .single-resource .resource-post.hoja-de-trabajo .download-module input[type="button"], .single-resource .resource-post.hoja-de-trabajo .download-module .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-resource .resource-post.hoja-de-trabajo .download-module a {
        width: 100%; } }
    .single-resource .resource-post.worksheet .download-module .button .button-label, .single-resource .resource-post.worksheet .download-module #site-wrapper .nf-form-cont input[type="button"] .button-label, #site-wrapper .nf-form-cont .single-resource .resource-post.worksheet .download-module input[type="button"] .button-label, .single-resource .resource-post.worksheet .download-module .error404 .message-404 .links-404 li a .button-label, .error404 .message-404 .links-404 li .single-resource .resource-post.worksheet .download-module a .button-label, .single-resource .resource-post.hoja-de-trabajo .download-module .button .button-label, .single-resource .resource-post.hoja-de-trabajo .download-module #site-wrapper .nf-form-cont input[type="button"] .button-label, #site-wrapper .nf-form-cont .single-resource .resource-post.hoja-de-trabajo .download-module input[type="button"] .button-label, .single-resource .resource-post.hoja-de-trabajo .download-module .error404 .message-404 .links-404 li a .button-label, .error404 .message-404 .links-404 li .single-resource .resource-post.hoja-de-trabajo .download-module a .button-label {
      background-image: url(images/ic-download.svg);
      background-position: 15px center;
      background-size: 42px auto;
      width: 50%;
      margin: 0 auto;
      display: block; }
      @media only screen and (max-width: 1080px) {
        .single-resource .resource-post.worksheet .download-module .button .button-label, .single-resource .resource-post.worksheet .download-module #site-wrapper .nf-form-cont input[type="button"] .button-label, #site-wrapper .nf-form-cont .single-resource .resource-post.worksheet .download-module input[type="button"] .button-label, .single-resource .resource-post.worksheet .download-module .error404 .message-404 .links-404 li a .button-label, .error404 .message-404 .links-404 li .single-resource .resource-post.worksheet .download-module a .button-label, .single-resource .resource-post.hoja-de-trabajo .download-module .button .button-label, .single-resource .resource-post.hoja-de-trabajo .download-module #site-wrapper .nf-form-cont input[type="button"] .button-label, #site-wrapper .nf-form-cont .single-resource .resource-post.hoja-de-trabajo .download-module input[type="button"] .button-label, .single-resource .resource-post.hoja-de-trabajo .download-module .error404 .message-404 .links-404 li a .button-label, .error404 .message-404 .links-404 li .single-resource .resource-post.hoja-de-trabajo .download-module a .button-label {
          width: 80%; } }
    .single-resource .resource-post.worksheet .download-module .button .file-meta, .single-resource .resource-post.worksheet .download-module #site-wrapper .nf-form-cont input[type="button"] .file-meta, #site-wrapper .nf-form-cont .single-resource .resource-post.worksheet .download-module input[type="button"] .file-meta, .single-resource .resource-post.worksheet .download-module .error404 .message-404 .links-404 li a .file-meta, .error404 .message-404 .links-404 li .single-resource .resource-post.worksheet .download-module a .file-meta, .single-resource .resource-post.hoja-de-trabajo .download-module .button .file-meta, .single-resource .resource-post.hoja-de-trabajo .download-module #site-wrapper .nf-form-cont input[type="button"] .file-meta, #site-wrapper .nf-form-cont .single-resource .resource-post.hoja-de-trabajo .download-module input[type="button"] .file-meta, .single-resource .resource-post.hoja-de-trabajo .download-module .error404 .message-404 .links-404 li a .file-meta, .error404 .message-404 .links-404 li .single-resource .resource-post.hoja-de-trabajo .download-module a .file-meta {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 400;
      text-transform: uppercase;
      display: inline-block;
      top: -.3em;
      position: relative; }
    .single-resource .resource-post.worksheet .download-module .button:hover, .single-resource .resource-post.worksheet .download-module #site-wrapper .nf-form-cont input[type="button"]:hover, #site-wrapper .nf-form-cont .single-resource .resource-post.worksheet .download-module input[type="button"]:hover, .single-resource .resource-post.worksheet .download-module .error404 .message-404 .links-404 li a:hover, .error404 .message-404 .links-404 li .single-resource .resource-post.worksheet .download-module a:hover, .single-resource .resource-post.hoja-de-trabajo .download-module .button:hover, .single-resource .resource-post.hoja-de-trabajo .download-module #site-wrapper .nf-form-cont input[type="button"]:hover, #site-wrapper .nf-form-cont .single-resource .resource-post.hoja-de-trabajo .download-module input[type="button"]:hover, .single-resource .resource-post.hoja-de-trabajo .download-module .error404 .message-404 .links-404 li a:hover, .error404 .message-404 .links-404 li .single-resource .resource-post.hoja-de-trabajo .download-module a:hover {
      background-color: #2fb693; }
.single-resource .resource-post.worksheet .resource-image, .single-resource .resource-post.hoja-de-trabajo .resource-image {
  float: right;
  width: 31.5%; }
  @media only screen and (max-width: 767px) {
    .single-resource .resource-post.worksheet .resource-image, .single-resource .resource-post.hoja-de-trabajo .resource-image {
      float: none;
      width: 100%; } }
  .single-resource .resource-post.worksheet .resource-image img, .single-resource .resource-post.hoja-de-trabajo .resource-image img {
    width: 100%;
    height: auto; }
    @media only screen and (max-width: 767px) {
      .single-resource .resource-post.worksheet .resource-image img, .single-resource .resource-post.hoja-de-trabajo .resource-image img {
        width: 50%;
        margin: 0 auto 20px;
        display: block; } }
  .single-resource .resource-post.worksheet .resource-image .slides, .single-resource .resource-post.hoja-de-trabajo .resource-image .slides {
    margin-top: -48px;
    width: 80%; }
    @media only screen and (max-width: 767px) {
      .single-resource .resource-post.worksheet .resource-image .slides, .single-resource .resource-post.hoja-de-trabajo .resource-image .slides {
        margin: 0 auto;
        width: 50%; } }
    .single-resource .resource-post.worksheet .resource-image .slides img, .single-resource .resource-post.hoja-de-trabajo .resource-image .slides img {
      border: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
      transform: rotate(4deg); }
      @media only screen and (max-width: 767px) {
        .single-resource .resource-post.worksheet .resource-image .slides img, .single-resource .resource-post.hoja-de-trabajo .resource-image .slides img {
          width: 100%; } }
.single-resource .resource-post.song .song-video, .single-resource .resource-post.cancion .song-video {
  float: left;
  width: 57%;
  margin-right: 2.5%;
  position: relative;
  background-color: #25282a;
  /* members only message */ }
  @media only screen and (max-width: 1080px) {
    .single-resource .resource-post.song .song-video, .single-resource .resource-post.cancion .song-video {
      float: none;
      width: 100%;
      margin: 0 0 20px; } }
  .single-resource .resource-post.song .song-video video, .single-resource .resource-post.cancion .song-video video {
    width: 100%; }
  .single-resource .resource-post.song .song-video img, .single-resource .resource-post.cancion .song-video img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    display: block; }
  .single-resource .resource-post.song .song-video .resources-register-module, .single-resource .resource-post.cancion .song-video .resources-register-module {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 25%; }
.single-resource .resource-post.song .editor.lyrics, .single-resource .resource-post.cancion .editor.lyrics {
  float: right;
  width: 40%;
  background-color: #c2efe3;
  border-radius: 12px;
  padding: 30px;
  overflow-y: scroll; }
  @media only screen and (max-width: 1080px) {
    .single-resource .resource-post.song .editor.lyrics, .single-resource .resource-post.cancion .editor.lyrics {
      float: none;
      width: 100%;
      height: auto !important; } }
  .single-resource .resource-post.song .editor.lyrics h3, .single-resource .resource-post.cancion .editor.lyrics h3 {
    margin-bottom: 20px; }
    .single-resource .resource-post.song .editor.lyrics h3 span, .single-resource .resource-post.cancion .editor.lyrics h3 span {
      opacity: 0.5;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 800;
      padding-left: 10px; }
.single-resource .related-resources {
  margin-top: 48px;
  background-color: rgba(47, 182, 147, 0.1);
  padding: 42px 0; }
  .single-resource .related-resources .container > h3 {
    color: #2fb693; }
  .single-resource .related-resources .resources-list {
    background-color: transparent;
    padding: 0; }
  .single-resource .related-resources article {
    width: 31.5%;
    margin: 0 2.5% 0 0;
    padding: 0; }
    @media only screen and (max-width: 1080px) {
      .single-resource .related-resources article {
        float: left; } }
    @media only screen and (max-width: 767px) {
      .single-resource .related-resources article {
        width: 100%;
        float: none;
        margin: 0 0 20px; } }
    .single-resource .related-resources article:last-child {
      margin-right: 0; }
    .single-resource .related-resources article a {
      background-color: rgba(255, 255, 255, 0.75);
      padding: 20px 15px;
      transition: all ease 0.3s;
      height: auto;
      position: relative;
      text-decoration: none; }
      .single-resource .related-resources article a:hover {
        background-color: white; }
    .single-resource .related-resources article .featured-pic {
      width: 80px;
      height: 80px;
      float: left;
      margin-right: 20px;
      background-size: cover;
      background-position: center center; }
      @media only screen and (max-width: 1080px) {
        .single-resource .related-resources article .featured-pic {
          float: none;
          width: 100%;
          background-size: 80px auto;
          margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .single-resource .related-resources article .featured-pic {
          float: left;
          width: 60px;
          height: 60px;
          margin-right: 15px; } }
    .single-resource .related-resources article .resource-teaser {
      width: calc(100% - 100px);
      float: left;
      font-size: 16px;
      font-size: 1.6rem; }
      @media only screen and (max-width: 1080px) {
        .single-resource .related-resources article .resource-teaser {
          width: 100%;
          float: none;
          padding-top: 14px; } }
      @media only screen and (max-width: 767px) {
        .single-resource .related-resources article .resource-teaser {
          width: calc(100% - 75px);
          float: left;
          padding-top: 0; } }
      .single-resource .related-resources article .resource-teaser h3 {
        margin: -8px 0 0;
        font-size: 18px;
        font-size: 1.8rem; }
      .single-resource .related-resources article .resource-teaser p {
        line-height: 1.2em;
        margin: 0; }
      .single-resource .related-resources article .resource-teaser .wc-memberships-restriction-message {
        left: 80px;
        top: 80px; }
        @media only screen and (max-width: 1080px) {
          .single-resource .related-resources article .resource-teaser .wc-memberships-restriction-message {
            left: 60px;
            top: 60px; } }

@media only screen and (max-width: 1080px) {
  .page-template-xmas-worksheet .title-banner {
    height: auto; } }
@media only screen and (max-width: 767px) {
  .page-template-xmas-worksheet .title-banner {
    overflow: hidden; } }
.page-template-xmas-worksheet .title-banner h1 {
  height: 0; }
.page-template-xmas-worksheet .title-banner .banner-image {
  width: 100%;
  height: auto; }
  @media only screen and (max-width: 767px) {
    .page-template-xmas-worksheet .title-banner .banner-image {
      width: 110%; } }
.page-template-xmas-worksheet .page-content {
  width: 100%;
  margin-left: 0;
  padding-top: 60px; }
  @media only screen and (max-width: 1080px) {
    .page-template-xmas-worksheet .page-content {
      padding-top: 30px; } }
  .page-template-xmas-worksheet .page-content .intro {
    float: left;
    width: 65.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 767px) {
      .page-template-xmas-worksheet .page-content .intro {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        text-align: center; } }
    .page-template-xmas-worksheet .page-content .intro h2 {
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .page-template-xmas-worksheet .page-content .intro h2 {
          text-align: center; } }
    .page-template-xmas-worksheet .page-content .intro .button, .page-template-xmas-worksheet .page-content .intro #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .page-template-xmas-worksheet .page-content .intro input[type="button"], .page-template-xmas-worksheet .page-content .intro .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .page-template-xmas-worksheet .page-content .intro a {
      background-color: #fa5e68;
      color: white;
      padding-left: 80px;
      padding-right: 80px;
      font-size: 30px;
      font-size: 3rem; }
      @media only screen and (max-width: 767px) {
        .page-template-xmas-worksheet .page-content .intro .button, .page-template-xmas-worksheet .page-content .intro #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .page-template-xmas-worksheet .page-content .intro input[type="button"], .page-template-xmas-worksheet .page-content .intro .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .page-template-xmas-worksheet .page-content .intro a {
          padding-left: 40px;
          padding-right: 40px;
          background-image: url(images/snowflake.svg), url(images/snowflake.svg);
          background-position: 6px center, right 6px center;
          background-size: 20px auto;
          font-size: 20px;
          font-size: 2rem; } }
      .page-template-xmas-worksheet .page-content .intro .button:hover, .page-template-xmas-worksheet .page-content .intro #site-wrapper .nf-form-cont input[type="button"]:hover, #site-wrapper .nf-form-cont .page-template-xmas-worksheet .page-content .intro input[type="button"]:hover, .page-template-xmas-worksheet .page-content .intro .error404 .message-404 .links-404 li a:hover, .error404 .message-404 .links-404 li .page-template-xmas-worksheet .page-content .intro a:hover {
        background-color: #2fb693;
        color: white !important; }
  .page-template-xmas-worksheet .page-content .worksheet-images {
    float: left;
    width: 31.5%;
    margin-top: -100px;
    padding: 0 2vw;
    transform: rotate(5deg); }
    @media only screen and (max-width: 1080px) {
      .page-template-xmas-worksheet .page-content .worksheet-images {
        margin-top: -60px; } }
    @media only screen and (max-width: 767px) {
      .page-template-xmas-worksheet .page-content .worksheet-images {
        float: none;
        width: 60%;
        margin: 0 auto 50px; } }
    .page-template-xmas-worksheet .page-content .worksheet-images img {
      width: 100%;
      height: auto;
      box-shadow: 6px 6px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(0, 0, 0, 0.1); }
.page-template-xmas-worksheet #worksheet-club-promo {
  background-color: #ff8a17;
  padding: 50px 0 30px;
  background-image: url(images/xmas-worksheet-club-promo3.png);
  background-position: right -6vw bottom;
  background-size: contain; }
  @media only screen and (max-width: 1365px) {
    .page-template-xmas-worksheet #worksheet-club-promo {
      background-position: right -14vw bottom; } }
  @media only screen and (max-width: 1080px) {
    .page-template-xmas-worksheet #worksheet-club-promo {
      background-position: right bottom;
      padding-bottom: 70vw;
      background-image: url(images/xmas-worksheet-club-promo-mobile.jpg); } }
  .page-template-xmas-worksheet #worksheet-club-promo .club-logo {
    float: left;
    width: 19.5%;
    margin-top: -96px;
    margin-left: -2.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-xmas-worksheet #worksheet-club-promo .club-logo {
        float: none;
        display: block;
        margin: -100px auto 0;
        width: 180px; } }
    @media only screen and (max-width: 767px) {
      .page-template-xmas-worksheet #worksheet-club-promo .club-logo {
        width: 180px; } }
  .page-template-xmas-worksheet #worksheet-club-promo .editor {
    float: left;
    width: 57%; }
    @media only screen and (max-width: 1080px) {
      .page-template-xmas-worksheet #worksheet-club-promo .editor {
        float: none;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .page-template-xmas-worksheet #worksheet-club-promo .editor {
        text-align: center; } }
    .page-template-xmas-worksheet #worksheet-club-promo .editor h3 {
      clear: both;
      margin: 0;
      padding-top: 15px; }
    .page-template-xmas-worksheet #worksheet-club-promo .editor .button, .page-template-xmas-worksheet #worksheet-club-promo .editor #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .page-template-xmas-worksheet #worksheet-club-promo .editor input[type="button"], .page-template-xmas-worksheet #worksheet-club-promo .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .page-template-xmas-worksheet #worksheet-club-promo .editor a {
      color: #8D231F;
      background-color: white;
      font-size: 30px;
      font-size: 3rem;
      float: left;
      margin-right: 20px; }
      @media only screen and (max-width: 767px) {
        .page-template-xmas-worksheet #worksheet-club-promo .editor .button, .page-template-xmas-worksheet #worksheet-club-promo .editor #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .page-template-xmas-worksheet #worksheet-club-promo .editor input[type="button"], .page-template-xmas-worksheet #worksheet-club-promo .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .page-template-xmas-worksheet #worksheet-club-promo .editor a {
          font-size: 20px;
          font-size: 2rem;
          float: none;
          display: block;
          margin: 0; } }

/* about us */
.page-template-about-us,
.page-template-about-us-section {
  /*
  	#aboutus-quote {
  		padding: 120px 0 60px 0;
  		margin-top: 0;
  		@extend .gradient-radial-blue;
  		
  		.editor {
  			text-align:center;
  			width:$col6;
  			margin-left:$col3 + $gutter;
  			color:white;
  			text-shadow: 2px 2px 0px rgba(black,0.25);
  			
  			@include respond-to(mobile) {
  				width:90%;
  				margin-left:5%;
  			}
  		}
  		
  	}
  */ }
  .page-template-about-us .title-banner,
  .page-template-about-us-section .title-banner {
    background-image: url(images/about-us/catland-bg.png);
    background-size: 100% auto;
    background-position: center bottom;
    height: 350px; }
    @media only screen and (max-width: 1080px) {
      .page-template-about-us .title-banner,
      .page-template-about-us-section .title-banner {
        height: 300px;
        background-size: contain; } }
    @media only screen and (max-width: 767px) {
      .page-template-about-us .title-banner,
      .page-template-about-us-section .title-banner {
        height: 200px; } }
    .page-template-about-us .title-banner .banner-pic,
    .page-template-about-us-section .title-banner .banner-pic {
      position: absolute; }
      .page-template-about-us .title-banner .banner-pic.pic-left,
      .page-template-about-us-section .title-banner .banner-pic.pic-left {
        left: 5%;
        bottom: -20px;
        width: 300px;
        height: 300px;
        background-image: url(images/about-us/run-cat.png);
        background-size: contain; }
        @media only screen and (max-width: 1080px) {
          .page-template-about-us .title-banner .banner-pic.pic-left,
          .page-template-about-us-section .title-banner .banner-pic.pic-left {
            width: 200px;
            height: 240px; } }
        @media only screen and (max-width: 767px) {
          .page-template-about-us .title-banner .banner-pic.pic-left,
          .page-template-about-us-section .title-banner .banner-pic.pic-left {
            width: 100px;
            height: 220px; } }
      .page-template-about-us .title-banner .banner-pic.pic-right,
      .page-template-about-us-section .title-banner .banner-pic.pic-right {
        right: 0;
        bottom: 0;
        width: 450px;
        height: 350px;
        background-image: url(images/about-us/kid-tablet-magic.png);
        background-size: auto 350px;
        background-position: right bottom; }
        @media only screen and (max-width: 1080px) {
          .page-template-about-us .title-banner .banner-pic.pic-right,
          .page-template-about-us-section .title-banner .banner-pic.pic-right {
            width: 300px;
            height: 220px;
            background-size: auto 220px; } }
        @media only screen and (max-width: 767px) {
          .page-template-about-us .title-banner .banner-pic.pic-right,
          .page-template-about-us-section .title-banner .banner-pic.pic-right {
            width: 140px;
            height: 120px;
            background-size: auto 120px; } }
    .page-template-about-us .title-banner .title-wrapper h1,
    .page-template-about-us-section .title-banner .title-wrapper h1 {
      color: #25282a;
      padding-bottom: 50px;
      font-family: 'Studycat-Regular';
      font-weight: normal !important;
      font-size: 64px;
      font-size: 6.4rem; }
      @media only screen and (max-width: 1080px) {
        .page-template-about-us .title-banner .title-wrapper h1,
        .page-template-about-us-section .title-banner .title-wrapper h1 {
          font-size: 48px;
          font-size: 4.8rem; } }
      @media only screen and (max-width: 1080px) {
        .page-template-about-us .title-banner .title-wrapper h1,
        .page-template-about-us-section .title-banner .title-wrapper h1 {
          font-size: 36px;
          font-size: 3.6rem; } }
  .page-template-about-us #values-statement,
  .page-template-about-us #vision-statement,
  .page-template-about-us #mission-statement,
  .page-template-about-us-section #values-statement,
  .page-template-about-us-section #vision-statement,
  .page-template-about-us-section #mission-statement {
    padding: 0 0 60px; }
    @media only screen and (max-width: 1080px) {
      .page-template-about-us #values-statement,
      .page-template-about-us #vision-statement,
      .page-template-about-us #mission-statement,
      .page-template-about-us-section #values-statement,
      .page-template-about-us-section #vision-statement,
      .page-template-about-us-section #mission-statement {
        padding: 0 0 40px; } }
    @media only screen and (max-width: 767px) {
      .page-template-about-us #values-statement,
      .page-template-about-us #vision-statement,
      .page-template-about-us #mission-statement,
      .page-template-about-us-section #values-statement,
      .page-template-about-us-section #vision-statement,
      .page-template-about-us-section #mission-statement {
        padding: 0 0 30px; } }
    .page-template-about-us #values-statement .editor p,
    .page-template-about-us #vision-statement .editor p,
    .page-template-about-us #mission-statement .editor p,
    .page-template-about-us-section #values-statement .editor p,
    .page-template-about-us-section #vision-statement .editor p,
    .page-template-about-us-section #mission-statement .editor p {
      line-height: 1.8em; }
    .page-template-about-us #values-statement .editor h2,
    .page-template-about-us #vision-statement .editor h2,
    .page-template-about-us #mission-statement .editor h2,
    .page-template-about-us-section #values-statement .editor h2,
    .page-template-about-us-section #vision-statement .editor h2,
    .page-template-about-us-section #mission-statement .editor h2 {
      text-align: left;
      line-height: 1.4em; }
      @media only screen and (max-width: 1080px) {
        .page-template-about-us #values-statement .editor h2,
        .page-template-about-us #vision-statement .editor h2,
        .page-template-about-us #mission-statement .editor h2,
        .page-template-about-us-section #values-statement .editor h2,
        .page-template-about-us-section #vision-statement .editor h2,
        .page-template-about-us-section #mission-statement .editor h2 {
          margin-bottom: 10px; } }
    .page-template-about-us #values-statement .editor h3,
    .page-template-about-us #vision-statement .editor h3,
    .page-template-about-us #mission-statement .editor h3,
    .page-template-about-us-section #values-statement .editor h3,
    .page-template-about-us-section #vision-statement .editor h3,
    .page-template-about-us-section #mission-statement .editor h3 {
      margin-bottom: 20px;
      font-weight: 400;
      line-height: 1.6em; }
  .page-template-about-us #values-statement,
  .page-template-about-us-section #values-statement {
    padding-top: 50px; }
    @media only screen and (max-width: 767px) {
      .page-template-about-us #values-statement,
      .page-template-about-us-section #values-statement {
        padding-top: 40px; } }
    .page-template-about-us #values-statement .editor,
    .page-template-about-us-section #values-statement .editor {
      float: left;
      width: 57%;
      margin-left: 8.5%; }
      @media only screen and (max-width: 1080px) {
        .page-template-about-us #values-statement .editor,
        .page-template-about-us-section #values-statement .editor {
          margin-left: 0;
          width: 65.5%;
          margin-right: 2.5%; } }
      @media only screen and (max-width: 767px) {
        .page-template-about-us #values-statement .editor,
        .page-template-about-us-section #values-statement .editor {
          float: none;
          width: 100%;
          margin: 0 0 10px 0; } }
    .page-template-about-us #values-statement .pic,
    .page-template-about-us-section #values-statement .pic {
      float: left;
      width: 31.5%;
      margin-top: 40px; }
      @media only screen and (max-width: 767px) {
        .page-template-about-us #values-statement .pic,
        .page-template-about-us-section #values-statement .pic {
          float: none;
          width: 100%;
          margin: 0; } }
      .page-template-about-us #values-statement .pic img,
      .page-template-about-us-section #values-statement .pic img {
        width: 100%;
        height: auto; }
        @media only screen and (max-width: 767px) {
          .page-template-about-us #values-statement .pic img,
          .page-template-about-us-section #values-statement .pic img {
            width: 50%;
            display: block;
            margin: 0 auto; } }
    .page-template-about-us #values-statement p,
    .page-template-about-us-section #values-statement p {
      margin-bottom: .5em; }
  .page-template-about-us #vision-statement .editor,
  .page-template-about-us-section #vision-statement .editor {
    float: left;
    width: 57%; }
    @media only screen and (max-width: 767px) {
      .page-template-about-us #vision-statement .editor,
      .page-template-about-us-section #vision-statement .editor {
        float: none;
        width: 100%;
        margin: 0 0 10px 0; } }
  .page-template-about-us #vision-statement .pic,
  .page-template-about-us-section #vision-statement .pic {
    float: left;
    width: 23%;
    margin-left: 8.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 767px) {
      .page-template-about-us #vision-statement .pic,
      .page-template-about-us-section #vision-statement .pic {
        float: none;
        width: 100%;
        margin: 0; } }
    .page-template-about-us #vision-statement .pic img,
    .page-template-about-us-section #vision-statement .pic img {
      width: 100%;
      height: auto; }
      @media only screen and (max-width: 767px) {
        .page-template-about-us #vision-statement .pic img,
        .page-template-about-us-section #vision-statement .pic img {
          width: 50%;
          display: block;
          margin: 0 auto; } }
  .page-template-about-us #mission-statement .editor,
  .page-template-about-us-section #mission-statement .editor {
    float: left;
    width: 57%;
    margin-left: 8.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-about-us #mission-statement .editor,
      .page-template-about-us-section #mission-statement .editor {
        margin-left: 0;
        width: 65.5%; } }
    @media only screen and (max-width: 767px) {
      .page-template-about-us #mission-statement .editor,
      .page-template-about-us-section #mission-statement .editor {
        float: none;
        width: 100%;
        margin: 0 0 10px 0; } }
  .page-template-about-us #mission-statement .pic,
  .page-template-about-us-section #mission-statement .pic {
    float: left;
    width: 31.5%;
    margin-top: -20px; }
    @media only screen and (max-width: 1080px) {
      .page-template-about-us #mission-statement .pic,
      .page-template-about-us-section #mission-statement .pic {
        margin-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .page-template-about-us #mission-statement .pic,
      .page-template-about-us-section #mission-statement .pic {
        float: none;
        width: 100%;
        margin: 0; } }
    .page-template-about-us #mission-statement .pic img,
    .page-template-about-us-section #mission-statement .pic img {
      width: 90%;
      height: auto; }
      @media only screen and (max-width: 767px) {
        .page-template-about-us #mission-statement .pic img,
        .page-template-about-us-section #mission-statement .pic img {
          width: 50%;
          display: block;
          margin: 0 auto; } }
  .page-template-about-us .aboutus-testimonial,
  .page-template-about-us-section .aboutus-testimonial {
    padding: 50px 0;
    margin-top: 0;
    background-color: #449bef; }
    @media only screen and (max-width: 767px) {
      .page-template-about-us .aboutus-testimonial,
      .page-template-about-us-section .aboutus-testimonial {
        padding: 30px 0; } }
    .page-template-about-us .aboutus-testimonial .editor,
    .page-template-about-us-section .aboutus-testimonial .editor {
      text-align: center;
      width: 65.5%;
      margin-left: 17%;
      color: white;
      text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25); }
      @media only screen and (max-width: 767px) {
        .page-template-about-us .aboutus-testimonial .editor,
        .page-template-about-us-section .aboutus-testimonial .editor {
          width: 90%;
          margin-left: 5%; } }
    .page-template-about-us .aboutus-testimonial#aboutus-quote,
    .page-template-about-us-section .aboutus-testimonial#aboutus-quote {
      background-color: #864abb;
      padding: 70px 0 50px 0; }
  .page-template-about-us #aboutus-gallery,
  .page-template-about-us-section #aboutus-gallery {
    padding: 60px 0; }
    .page-template-about-us #aboutus-gallery h2,
    .page-template-about-us-section #aboutus-gallery h2 {
      font-weight: 900; }
    .page-template-about-us #aboutus-gallery .editor,
    .page-template-about-us-section #aboutus-gallery .editor {
      text-align: center;
      margin-bottom: 60px; }
  .page-template-about-us #our-story,
  .page-template-about-us-section #our-story {
    padding: 60px 0; }
    .page-template-about-us #our-story .editor,
    .page-template-about-us-section #our-story .editor {
      text-align: center;
      width: 65.5%;
      margin-left: 8.5%;
      text-align: left; }
      @media only screen and (max-width: 1080px) {
        .page-template-about-us #our-story .editor,
        .page-template-about-us-section #our-story .editor {
          width: 100%;
          margin-left: 0; } }
      .page-template-about-us #our-story .editor img.alignright,
      .page-template-about-us-section #our-story .editor img.alignright {
        margin-top: 10px;
        margin-right: -30%; }
        @media only screen and (max-width: 1080px) {
          .page-template-about-us #our-story .editor img.alignright,
          .page-template-about-us-section #our-story .editor img.alignright {
            margin-right: 0; } }
        @media only screen and (max-width: 767px) {
          .page-template-about-us #our-story .editor img.alignright,
          .page-template-about-us-section #our-story .editor img.alignright {
            margin: 10px auto;
            float: none;
            display: block;
            width: 75%;
            height: auto; } }
      .page-template-about-us #our-story .editor video,
      .page-template-about-us-section #our-story .editor video {
        float: right;
        width: 360px;
        height: 360px;
        margin-right: -30%;
        margin-left: 5%;
        margin-top: -90px; }
        @media only screen and (max-width: 1080px) {
          .page-template-about-us #our-story .editor video,
          .page-template-about-us-section #our-story .editor video {
            margin-right: 0; } }
        @media only screen and (max-width: 767px) {
          .page-template-about-us #our-story .editor video,
          .page-template-about-us-section #our-story .editor video {
            margin: 0 auto 20px;
            width: 320px;
            height: 320px;
            float: none; } }
      .page-template-about-us #our-story .editor h3,
      .page-template-about-us-section #our-story .editor h3 {
        clear: both; }
      .page-template-about-us #our-story .editor .callout,
      .page-template-about-us-section #our-story .editor .callout {
        background-color: #f6be00;
        text-align: center;
        font-weight: 600;
        font-size: 24px;
        font-size: 2.4rem;
        padding: 30px;
        border-radius: 12px; }

/* meet the team */
.page-template-about-us-team .title-banner {
  background-color: #25282a; }
  @media only screen and (max-width: 767px) {
    .page-template-about-us-team .title-banner {
      height: 200px; } }
  .page-template-about-us-team .title-banner .bg-pic {
    background-image: url(images/aboutus-meettheteam.jpg);
    background-size: cover;
    background-position: center top;
    opacity: 0.5; }
  .page-template-about-us-team .title-banner h1 {
    color: white; }
.page-template-about-us-team #team-intro {
  margin-bottom: 40px; }
  .page-template-about-us-team #team-intro .container {
    padding: 40px 0 0;
    border-bottom: 4px dotted #f6be00; }
  .page-template-about-us-team #team-intro .editor {
    float: left;
    width: 48.5%;
    margin: 0 2.5% 40px 0; }
  .page-template-about-us-team #team-intro .team-map {
    float: left;
    width: 48.5%;
    height: auto; }
.page-template-about-us-team .team-section {
  margin-bottom: 50px; }
  .page-template-about-us-team .team-section .editor h2 {
    text-align: center; }
  .page-template-about-us-team .team-section .editor .intro {
    width: 65.5%;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .page-template-about-us-team .team-section .editor .intro {
        width: 100%; } }
.page-template-about-us-team .team-list article {
  float: left;
  width: 31.5%;
  margin-right: 2.5%;
  border: 1px solid #f6be00;
  border-radius: 12px;
  padding: 20px 0;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  min-height: 402px; }
  @media only screen and (max-width: 1080px) {
    .page-template-about-us-team .team-list article {
      min-height: 50vw; } }
  @media only screen and (max-width: 767px) {
    .page-template-about-us-team .team-list article {
      float: none;
      width: 100%;
      margin: 0 0 15px;
      min-height: 110vw; } }
  .page-template-about-us-team .team-list article:nth-child(3n) {
    margin-right: 0; }
  .page-template-about-us-team .team-list article img {
    width: 80%;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    height: auto;
    transition: all ease 0.4s;
    position: relative; }
  .page-template-about-us-team .team-list article .name-role {
    text-align: center; }
    .page-template-about-us-team .team-list article .name-role h3 {
      margin: 15px 0 5px; }
      @media only screen and (max-width: 1080px) {
        .page-template-about-us-team .team-list article .name-role h3 {
          font-size: 20px;
          font-size: 2rem; } }
    .page-template-about-us-team .team-list article .name-role h4 {
      color: #f6be00;
      margin: 0; }
      @media only screen and (max-width: 1080px) {
        .page-template-about-us-team .team-list article .name-role h4 {
          font-size: 18px;
          font-size: 1.8rem; } }
  .page-template-about-us-team .team-list article .notes {
    position: absolute;
    bottom: -100%;
    left: 20px;
    transition: all ease 0.5s; }
    @media only screen and (max-width: 1080px) {
      .page-template-about-us-team .team-list article .notes {
        left: 10px; } }
    .page-template-about-us-team .team-list article .notes ul {
      margin-bottom: 0; }
    .page-template-about-us-team .team-list article .notes li {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.2em;
      margin: 0 0 0.4em; }
      @media only screen and (max-width: 1080px) {
        .page-template-about-us-team .team-list article .notes li {
          font-size: 15px;
          font-size: 1.5rem; } }
      @media only screen and (max-width: 767px) {
        .page-template-about-us-team .team-list article .notes li {
          font-size: 16px;
          font-size: 1.6rem; } }
      .page-template-about-us-team .team-list article .notes li:last-child {
        margin-bottom: 0; }
  .page-template-about-us-team .team-list article.reveal img {
    width: 20%; }
    @media only screen and (max-width: 1080px) {
      .page-template-about-us-team .team-list article.reveal img {
        width: 20%; } }
    @media only screen and (max-width: 767px) {
      .page-template-about-us-team .team-list article.reveal img {
        width: 30%; } }
  .page-template-about-us-team .team-list article.reveal .notes {
    bottom: 40px; }

/* grid gallery - no longer used */
.grid-gallery li {
  float: left;
  margin: 0;
  padding: 0;
  width: 23%;
  background: #449bef;
  position: relative;
  height: 20vw;
  margin-right: 2.5%;
  margin-bottom: 2.25vw;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .grid-gallery li {
      width: 48.5%;
      height: 40vw; }
      .grid-gallery li:nth-child(2), .grid-gallery li:nth-child(7), .grid-gallery li:nth-child(11) {
        margin-right: 0; }
      .grid-gallery li:nth-child(6) {
        margin-right: 2.5% !important; }
      .grid-gallery li:nth-child(5) {
        width: 48.5%;
        margin-right: 0; } }
  .grid-gallery li:nth-child(3), .grid-gallery li:nth-child(12) {
    width: 48.5%;
    margin-right: 0; }
    @media only screen and (max-width: 767px) {
      .grid-gallery li:nth-child(3), .grid-gallery li:nth-child(12) {
        width: 100%; } }
  .grid-gallery li:nth-child(5), .grid-gallery li:nth-child(7), .grid-gallery li:nth-child(13) {
    width: 48.5%; }
  .grid-gallery li:nth-child(6), .grid-gallery li:nth-child(9), .grid-gallery li:nth-child(15) {
    margin-right: 0; }
  .grid-gallery li p {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: all ease 0.5s;
    background-color: #449bef;
    color: white;
    padding: 7.5%; }
    .grid-gallery li p span {
      display: table-cell;
      vertical-align: middle; }
  .grid-gallery li.active:hover p {
    top: 0;
    opacity: 0.85;
    line-height: 1.4em;
    font-weight: 500; }

/* blog */
.blog #main-content {
  padding-top: 0; }

.blog-banner {
  padding: 30px 0;
  text-align: center;
  position: relative;
  color: white; }
  .blog-banner .bg-pic {
    background-image: url(images/blog-header-cat.png);
    background-size: auto 80%;
    background-position: center right 6%; }
    @media only screen and (max-width: 767px) {
      .blog-banner .bg-pic {
        background-image: none; } }
  .blog-banner .blog-banner-text {
    position: relative;
    text-align: center; }
    .blog-banner .blog-banner-text h1 {
      font-size: 48px;
      font-size: 4.8rem;
      font-weight: 700;
      line-height: 1.6em;
      padding-bottom: 10px; }
      @media only screen and (max-width: 767px) {
        .blog-banner .blog-banner-text h1 {
          font-size: 30px;
          font-size: 3rem; } }
    .blog-banner .blog-banner-text p {
      width: 600px;
      margin: 0 auto;
      line-height: 1.3em; }
      @media only screen and (max-width: 767px) {
        .blog-banner .blog-banner-text p {
          width: 90%; } }

.blog-category-nav {
  background-color: rgba(255, 163, 0, 0.25);
  text-align: center;
  padding: 15px 0; }
  @media only screen and (max-width: 1080px) {
    .blog-category-nav {
      padding: 15px 0 6px; } }
  @media only screen and (max-width: 767px) {
    .blog-category-nav {
      padding: 10px 0 4px; } }
  .blog-category-nav ul li {
    display: inline-block;
    padding: 0 6px; }
    @media only screen and (max-width: 1080px) {
      .blog-category-nav ul li {
        padding: 0 4px 8px; } }
    .blog-category-nav ul li a {
      display: block;
      background-color: #f6be00;
      padding: 8px 20px;
      border-radius: 20px;
      font-weight: bold;
      font-size: 18px;
      font-size: 1.8rem;
      transition: all ease 0.3s; }
      @media only screen and (max-width: 1080px) {
        .blog-category-nav ul li a {
          font-size: 16px;
          font-size: 1.6rem;
          padding: 6px 16px; } }
      @media only screen and (max-width: 767px) {
        .blog-category-nav ul li a {
          font-size: 15px;
          font-size: 1.5rem;
          padding: 6px 12px; } }
      .blog-category-nav ul li a:hover {
        background-color: #ffa300; }
    .blog-category-nav ul li.current-cat {
      display: none; }

#blog-list {
  padding: 40px 0 0; }
  @media only screen and (max-width: 767px) {
    #blog-list {
      padding: 30px 0 0; } }
  #blog-list > p {
    width: 82.5%;
    margin: 0 auto;
    text-align: center; }
    @media only screen and (max-width: 1080px) {
      #blog-list > p {
        width: 90%; } }

.blogroll .blog-item {
  position: relative;
  margin: 0 2.5% 50px 0;
  float: left;
  width: 31.5%; }
  .blogroll .blog-item:nth-child(3n) {
    margin-right: 0; }
    @media only screen and (max-width: 1080px) {
      .blogroll .blog-item:nth-child(3n) {
        margin-right: 2.5%; } }
  @media only screen and (max-width: 1080px) {
    .blogroll .blog-item {
      width: 48.5%; }
      .blogroll .blog-item:nth-child(2n) {
        margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    .blogroll .blog-item {
      width: 100%;
      float: none;
      margin: 0 !important; } }
  .blogroll .blog-item .blog-pic {
    position: relative;
    padding-bottom: 75%;
    background-color: #449bef; }
    .blogroll .blog-item .blog-pic .bg-pic {
      transition: all ease 0.3s; }
  .blogroll .blog-item .blog-text {
    padding: 10px 20px 0 0;
    background-color: white;
    position: relative;
    transition: all ease 0.3s; }
    @media only screen and (max-width: 767px) {
      .blogroll .blog-item .blog-text {
        padding: 10px 10px 30px 0; } }
  .blogroll .blog-item .date {
    font-size: 18px;
    font-size: 1.8rem;
    color: rgba(37, 40, 42, 0.4);
    transition: all ease 0.3s;
    font-weight: 700; }
    @media only screen and (max-width: 767px) {
      .blogroll .blog-item .date {
        font-size: 14px;
        font-size: 1.4rem; } }
  .blogroll .blog-item h3 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3em;
    margin: 0 auto 10px;
    padding-right: 15px;
    transition: all ease 0.3s; }
    @media only screen and (max-width: 767px) {
      .blogroll .blog-item h3 {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 0 0 8px 0; } }
  .blogroll .blog-item .excerpt {
    line-height: 1.3em;
    font-size: 16px;
    font-size: 1.6rem; }
    @media only screen and (max-width: 767px) {
      .blogroll .blog-item .excerpt {
        font-size: 14px;
        font-size: 1.4rem; } }
  .blogroll .blog-item .read-more {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 300;
    transition: all ease 0.3s;
    display: block;
    position: absolute;
    bottom: 12px;
    left: 20px;
    letter-spacing: .05em; }
    @media only screen and (max-width: 767px) {
      .blogroll .blog-item .read-more {
        font-size: 18px;
        font-size: 1.8rem; } }
  .blogroll .blog-item a {
    display: block;
    color: black; }
    .blogroll .blog-item a:hover .bg-pic {
      opacity: 0.75; }
    .blogroll .blog-item a:hover h3, .blogroll .blog-item a:hover .date, .blogroll .blog-item a:hover .read-more, .blogroll .blog-item a:hover .blog-text {
      color: #449bef; }

.pages-nav {
  background-color: rgba(255, 163, 0, 0.25); }
  .pages-nav .wp-pagenavi {
    text-align: center;
    padding: 30px 0;
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: .05em;
    color: #ffa300; }
    .pages-nav .wp-pagenavi a {
      color: #ffa300;
      border: none;
      padding: 0;
      display: inline-block;
      margin: 0 5px;
      border: 1px solid rgba(255, 163, 0, 0.8);
      padding: 3px 0 1px;
      transition: all ease 0.3s;
      width: 28px;
      text-align: center;
      cursor: pointer; }
      .pages-nav .wp-pagenavi a.current {
        color: black;
        border-color: black; }
      .pages-nav .wp-pagenavi a.last, .pages-nav .wp-pagenavi a.first {
        display: none; }
      .pages-nav .wp-pagenavi a:hover {
        color: #f6504c;
        border-color: #f6504c; }
    .pages-nav .wp-pagenavi span {
      border: none;
      padding: 0;
      display: inline-block;
      margin: 0 5px;
      border: 1px solid rgba(255, 163, 0, 0.8);
      padding: 3px 0 1px;
      transition: all ease 0.3s;
      width: 28px;
      text-align: center; }
      .pages-nav .wp-pagenavi span.current {
        color: black;
        border-color: black; }
      .pages-nav .wp-pagenavi span.pages, .pages-nav .wp-pagenavi span.extend {
        display: none; }

/* category */
.category .blog-banner {
  height: 120px;
  padding: 20px 0; }
  @media only screen and (max-width: 767px) {
    .category .blog-banner {
      height: auto;
      padding: 10px 0 0; } }

/* single blog */
.blog-label {
  background-color: #25282a;
  color: white !important;
  height: 40px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 40px;
  padding: 0;
  display: block; }
  .blog-label a {
    color: white !important; }
    .blog-label a:hover {
      color: #f6be00 !important; }
  .blog-label span {
    opacity: 0.5; }

.blog-post-header {
  padding: 40px 0;
  text-align: center;
  position: relative;
  color: white; }
  .blog-post-header .wp-post-image {
    width: 150px;
    height: auto;
    margin: 0 auto 10px;
    border-radius: 100%; }
    @media only screen and (max-width: 767px) {
      .blog-post-header .wp-post-image {
        width: 100px;
        margin-bottom: 0; } }
  .blog-post-header .pre-heading {
    font-weight: 800;
    font-size: 30px;
    font-size: 3rem;
    margin: 0 0 -15px; }
  .blog-post-header h1 {
    font-size: 40px;
    font-size: 4rem;
    margin: 10px 0; }
    @media only screen and (max-width: 767px) {
      .blog-post-header h1 {
        font-size: 24px;
        font-size: 2.4rem; } }
  .blog-post-header .post-author {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5em; }
    @media only screen and (max-width: 767px) {
      .blog-post-header .post-author {
        font-size: 18px;
        font-size: 1.8rem; } }
  .blog-post-header .post-category {
    margin: 0 0 0.5em; }
    .blog-post-header .post-category a {
      display: inline-block;
      background-color: #f6be00;
      padding: 6px 16px 8px;
      border-radius: 20px;
      font-weight: bold;
      font-size: 16px;
      font-size: 1.6rem;
      transition: all ease 0.3s;
      text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .blog-post-header .post-category a {
          font-size: 15px;
          font-size: 1.5rem;
          padding: 4px 12px 6px; } }
      .blog-post-header .post-category a:hover {
        background-color: #ffa300;
        color: #25282a; }
  .blog-post-header .post-teaser {
    width: 65.5%;
    margin-left: 17%; }
    @media only screen and (max-width: 767px) {
      .blog-post-header .post-teaser {
        width: 100%;
        margin: 0 auto; } }

.blog-content {
  background-color: white; }
  .blog-content > .container {
    max-width: 1024px; }

.blog-post {
  width: 82.5%;
  background-color: white;
  margin-left: 8.5%;
  padding: 60px 0;
  /* specific styles for blog posts */ }
  @media only screen and (max-width: 1080px) {
    .blog-post {
      width: 80%;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .blog-post {
      width: 90%; } }
  .blog-post blockquote {
    margin: 0 5%;
    border-left: 4px solid #449bef;
    padding-left: 20px;
    font-weight: 700; }
  .blog-post img {
    max-width: 100%;
    height: auto; }
    @media only screen and (max-width: 767px) {
      .blog-post img.alignright {
        float: none;
        margin: 0;
        max-width: 100% !important;
        width: 100%;
        height: auto; } }
  .blog-post sup {
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: baseline;
    position: relative;
    top: -0.75em; }
  .blog-post hr {
    border: none;
    border-top: 3px dotted #00a3e0;
    margin-bottom: 30px; }
  .blog-post .wp-caption {
    max-width: 100% !important;
    margin: 0 0 2em 0;
    padding: 10px; }
    .blog-post .wp-caption.aligncenter {
      margin: 0 auto; }
    .blog-post .wp-caption.alignright {
      margin-bottom: 0; }
      .blog-post .wp-caption.alignright p.wp-caption-text {
        margin-bottom: 0; }
    .blog-post .wp-caption .wp-caption-text {
      padding: 10px; }
    .blog-post .wp-caption img {
      display: block; }
    .blog-post .wp-caption p.wp-caption-text {
      background-color: #f6be00; }
  .blog-post .post-webinar-banner {
    margin: 30px 0 0 0;
    background-color: #f6be00;
    padding: 30px 60px;
    text-align: center;
    border-radius: 6px; }
    @media only screen and (max-width: 767px) {
      .blog-post .post-webinar-banner {
        padding: 20px; } }
    .blog-post .post-webinar-banner h3:first-of-type {
      margin-bottom: 10px; }
    .blog-post .post-webinar-banner h2 {
      margin-bottom: 10px; }
  .blog-post .post-bottom-share {
    text-align: center;
    border-top: 3px dotted #449bef;
    padding: 30px 0 0 0;
    margin: 60px 0 0;
    clear: both; }
    .blog-post .post-bottom-share h3 {
      margin-bottom: 20px; }
  @media only screen and (max-width: 1080px) {
    .blog-post #attachment_6334 img,
    .blog-post #attachment_6327 img,
    .blog-post #attachment_6326 img {
      height: 240px !important;
      width: auto !important; } }
  .blog-post #attachment_6326 {
    margin-right: 0; }
  .blog-post table.post-table {
    border-top: 1px solid #d1e6fb;
    border-left: 1px solid #d1e6fb;
    margin-bottom: 2em;
    width: 100%;
    clear: both; }
    .blog-post table.post-table tr:nth-child(odd) td {
      background-color: white; }
    .blog-post table.post-table th {
      text-align: left;
      padding: 10px 8px;
      border-bottom: 1px solid #d1e6fb;
      border-right: 1px solid #d1e6fb;
      font-weight: 800;
      font-size: 20px;
      background-color: #d1e6fb; }
    .blog-post table.post-table td {
      padding: 10px 8px;
      border-bottom: 1px solid #d1e6fb;
      border-right: 1px solid #d1e6fb;
      line-height: 1.3em;
      vertical-align: middle; }
      .blog-post table.post-table td:first-child {
        width: 50%; }
      .blog-post table.post-table td input {
        margin-right: 6px;
        vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .blog-post #growthmindset1 td {
      display: none; } }
  .blog-post #growthmindset1 td:first-child {
    width: 55%;
    font-weight: 700; }
    @media only screen and (max-width: 1080px) {
      .blog-post #growthmindset1 td:first-child {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      .blog-post #growthmindset1 td:first-child {
        display: block;
        width: 100%; } }
  .blog-post .wp-video {
    width: 100% !important;
    height: auto !important;
    position: relative; }
    .blog-post .wp-video .wp-video-shortcode {
      width: 100% !important;
      height: auto !important;
      padding-bottom: 56.25%; }
      .blog-post .wp-video .wp-video-shortcode .video {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
  .blog-post li .callout-in-list {
    list-style-type: none;
    margin: 0 0 1.4em -1.04em;
    padding: 0 0 .6em 0; }
  .blog-post .callout {
    background-color: #449bef;
    color: white; }
    .blog-post .callout.callout-horiz .callout-pic,
    .blog-post .callout.callout-horiz .callout-text {
      float: left;
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .blog-post .callout.callout-horiz .callout-pic,
        .blog-post .callout.callout-horiz .callout-text {
          float: none;
          width: 100%; } }
    .blog-post .callout .callout-pic {
      padding: 20px 0 20px 20px; }
      @media only screen and (max-width: 767px) {
        .blog-post .callout .callout-pic {
          padding: 10px; } }
      .blog-post .callout .callout-pic img {
        width: 100%;
        height: auto; }
    .blog-post .callout .callout-text {
      padding: 20px;
      line-height: 1.3em;
      font-size: 16px;
      font-size: 1.6rem; }
      @media only screen and (max-width: 767px) {
        .blog-post .callout .callout-text {
          padding: 0 10px 10px; } }
      .blog-post .callout .callout-text p:last-of-type {
        margin-bottom: 0; }
      .blog-post .callout .callout-text a {
        color: white; }
        .blog-post .callout .callout-text a:hover {
          color: #f6be00; }
    .blog-post .callout .button, .blog-post .callout #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .blog-post .callout input[type="button"], .blog-post .callout .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .blog-post .callout a {
      font-size: 17px;
      font-size: 1.7rem;
      padding: 6px 12px 8px;
      margin-top: 15px; }
  .blog-post .row-pix {
    margin-bottom: 2em; }
    .blog-post .row-pix img {
      float: left;
      height: auto; }
      @media only screen and (max-width: 767px) {
        .blog-post .row-pix img {
          width: 100% !important;
          float: none;
          margin: 0 0 1em 0 !important; } }
    .blog-post .row-pix.row-2 img {
      width: 49%;
      display: block;
      margin-left: 2%; }
    .blog-post .row-pix.row-3 img {
      width: 32%;
      display: block;
      margin-left: 2%; }
    .blog-post .row-pix > img:first-child,
    .blog-post .row-pix > a:first-child img {
      margin-left: 0; }
  .blog-post .blog-social-buttons a.button, .blog-post .blog-social-buttons .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .blog-post .blog-social-buttons a {
    color: white;
    position: relative;
    padding-left: 70px;
    border: none; }
    .blog-post .blog-social-buttons a.button:hover, .blog-post .blog-social-buttons .error404 .message-404 .links-404 li a:hover, .error404 .message-404 .links-404 li .blog-post .blog-social-buttons a:hover {
      color: #f6be00 !important; }
    .blog-post .blog-social-buttons a.button:before, .blog-post .blog-social-buttons .error404 .message-404 .links-404 li a:before, .error404 .message-404 .links-404 li .blog-post .blog-social-buttons a:before {
      content: "";
      display: inline-block;
      width: 44px;
      height: 44px;
      position: absolute;
      top: 6px;
      left: 6px;
      border-radius: 100%;
      background-color: rgba(255, 255, 255, 0.2);
      background-size: auto 30px;
      background-position: center center;
      background-repeat: no-repeat; }
    .blog-post .blog-social-buttons a.button.facebook, .blog-post .blog-social-buttons .error404 .message-404 .links-404 li a.facebook, .error404 .message-404 .links-404 li .blog-post .blog-social-buttons a.facebook {
      background-color: #3b5998; }
      .blog-post .blog-social-buttons a.button.facebook:before, .blog-post .blog-social-buttons .error404 .message-404 .links-404 li a.facebook:before, .error404 .message-404 .links-404 li .blog-post .blog-social-buttons a.facebook:before {
        background-image: url(images/ic-facebook.svg); }
    .blog-post .blog-social-buttons a.button.instagram, .blog-post .blog-social-buttons .error404 .message-404 .links-404 li a.instagram, .error404 .message-404 .links-404 li .blog-post .blog-social-buttons a.instagram {
      background: #f09433;
      background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
      .blog-post .blog-social-buttons a.button.instagram:before, .blog-post .blog-social-buttons .error404 .message-404 .links-404 li a.instagram:before, .error404 .message-404 .links-404 li .blog-post .blog-social-buttons a.instagram:before {
        background-image: url(images/ic-instagram.svg); }
  .blog-post a.blog-facebook-link {
    background-color: #3b5998;
    color: white;
    display: block;
    padding: 10px 15px 10px 90px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    position: relative;
    line-height: 1.2em;
    min-height: 80px; }
    .blog-post a.blog-facebook-link:before {
      content: "";
      display: inline-block;
      width: 60px;
      height: 60px;
      position: absolute;
      top: 10px;
      left: 15px;
      border-radius: 100%;
      background-color: rgba(255, 255, 255, 0.2);
      background-image: url(images/ic-facebook.svg);
      background-size: auto 40px;
      background-position: center center;
      background-repeat: no-repeat; }
    .blog-post a.blog-facebook-link:hover {
      color: #f6be00; }
  .blog-post a.blog-studycatclub-link {
    background-color: #864abb;
    color: white;
    display: block;
    padding: 20px 15px 10px 90px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    min-height: 80px;
    position: relative; }
    .blog-post a.blog-studycatclub-link img {
      position: absolute;
      top: 10px;
      left: 15px;
      display: inline-block;
      height: 60px;
      width: auto;
      margin-right: 10px; }
    .blog-post a.blog-studycatclub-link:hover {
      color: #f6be00; }

.post-share h3,
.addtoany_header {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 300;
  margin: 0 0 10px 0; }
  @media only screen and (max-width: 767px) {
    .post-share h3,
    .addtoany_header {
      font-size: 18px;
      font-size: 1.8rem; } }

/* related posts */
.related-posts {
  padding: 40px 0 20px; }
  @media only screen and (max-width: 767px) {
    .related-posts {
      padding: 30px 0 10px; } }
  .related-posts .container > h2 {
    text-align: center;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 700;
    margin: 0 0 40px;
    color: #449bef; }
    @media only screen and (max-width: 1080px) {
      .related-posts .container > h2 {
        font-size: 30px;
        font-size: 3rem; } }
    @media only screen and (max-width: 767px) {
      .related-posts .container > h2 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.2em;
        margin: 0 0 30px; } }
  @media only screen and (max-width: 1080px) {
    .related-posts article:nth-child(3) {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .related-posts article:nth-child(3) {
      display: block; } }

/* blog number section */
.blog-number-section {
  margin: 0 0 10px 0;
  border-top: 3px dotted #f6be00;
  padding-top: 30px; }
  @media only screen and (max-width: 1080px) {
    .blog-number-section {
      margin: 0 0 40px 0; } }
  .blog-number-section h3 {
    float: left;
    width: 240px;
    height: 240px;
    background-color: #f6be00;
    border-radius: 100%;
    text-align: center;
    padding: 0 15px; }
    @media only screen and (max-width: 1080px) {
      .blog-number-section h3 {
        width: 180px;
        height: 180px;
        line-height: 1em;
        margin: 0 20px 20px 0; } }
    @media only screen and (max-width: 767px) {
      .blog-number-section h3 {
        float: none;
        margin: 0 auto 20px; } }
    .blog-number-section h3 span {
      display: block;
      font-size: 50px;
      font-size: 5rem;
      margin: 30px auto 10px;
      position: relative; }
      @media only screen and (max-width: 1080px) {
        .blog-number-section h3 span {
          padding-top: 12px;
          font-size: 40px;
          font-size: 4rem;
          margin-bottom: 5px; } }
    .blog-number-section h3 .book {
      background-image: url(images/ic-book.png);
      background-size: 100px auto;
      background-position: center center;
      margin: 20px auto;
      width: 100px;
      height: 100px;
      padding-top: 30px; }
      @media only screen and (max-width: 1080px) {
        .blog-number-section h3 .book {
          padding-top: 24px;
          background-size: 80px auto;
          margin-bottom: 5px;
          width: 80px;
          height: 80px; } }
      @media only screen and (max-width: 1080px) {
        .blog-number-section h3 .book {
          width: 100%; } }
  .blog-number-section p {
    margin-left: 270px; }
    @media only screen and (max-width: 1080px) {
      .blog-number-section p {
        margin-left: 0; } }
  .blog-number-section.right h3 {
    float: right; }
    @media only screen and (max-width: 1080px) {
      .blog-number-section.right h3 {
        margin: 0 0 20px 20px; } }
    @media only screen and (max-width: 767px) {
      .blog-number-section.right h3 {
        float: none;
        margin: 0 auto 20px; } }
  .blog-number-section.right p {
    margin-left: 0;
    margin-right: 270px; }
    @media only screen and (max-width: 1080px) {
      .blog-number-section.right p {
        margin-right: 0; } }

.example-in-action {
  background-color: #449bef;
  color: white;
  padding: 30px 30px 10px 30px;
  border-radius: 12px;
  margin: 0 0 50px 0; }
  .example-in-action p {
    font-size: 18px;
    font-size: 1.8rem; }
    @media only screen and (max-width: 767px) {
      .example-in-action p {
        font-size: 16px;
        font-size: 1.6rem; } }
  .example-in-action img {
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .example-in-action img {
        float: none;
        margin-bottom: 20px !important; } }

.blog-webinar {
  background-color: #ffe077;
  border-radius: 12px;
  padding: 20px 20px 5px; }
  .blog-webinar img {
    width: 200px;
    height: 200px; }
    @media only screen and (max-width: 767px) {
      .blog-webinar img {
        width: 100%;
        height: auto;
        float: none !important;
        margin-bottom: 0  !important; } }
  .blog-webinar .webinar-teaser {
    margin-left: 220px; }
    @media only screen and (max-width: 767px) {
      .blog-webinar .webinar-teaser {
        margin: 0; } }
  .blog-webinar h3 {
    margin-bottom: 10px; }
    .blog-webinar h3 span {
      font-size: 20px;
      font-size: 2rem;
      font-weight: normal; }
  .blog-webinar p.webinar-time {
    background-color: #449bef;
    color: white;
    border-radius: 6px;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 700;
    margin: 0 0 10px 0; }

.page-template-page-kwiksurvey .title-banner {
  color: white;
  height: 150px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-kwiksurvey .title-banner {
      height: 100px; } }
  .page-template-page-kwiksurvey .title-banner .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  .page-template-page-kwiksurvey .title-banner .title-wrapper h1 {
    font-size: 40px;
    font-size: 4rem; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-kwiksurvey .title-banner .title-wrapper h1 {
        font-size: 36px;
        font-size: 3.6rem; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-kwiksurvey .title-banner .title-wrapper h1 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.3em;
        padding: 0 15px; } }
.page-template-page-kwiksurvey #main-content {
  padding-top: 0; }
.page-template-page-kwiksurvey .page-content {
  padding: 40px 0 60px; }

.page-template-page-parentsurvey .title-banner {
  color: white;
  height: 150px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-parentsurvey .title-banner {
      height: 100px; } }
  .page-template-page-parentsurvey .title-banner .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  .page-template-page-parentsurvey .title-banner .title-wrapper h1 {
    font-size: 40px;
    font-size: 4rem; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-parentsurvey .title-banner .title-wrapper h1 {
        font-size: 36px;
        font-size: 3.6rem; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-parentsurvey .title-banner .title-wrapper h1 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.3em;
        padding: 0 15px; } }
.page-template-page-parentsurvey #main-content {
  padding-top: 0; }
.page-template-page-parentsurvey .page-content {
  width: 100%;
  padding: 40px 0 60px;
  margin-left: 0; }

.page-template-page-referfriend .title-banner {
  color: white;
  height: 150px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-referfriend .title-banner {
      height: 100px; } }
  .page-template-page-referfriend .title-banner .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  .page-template-page-referfriend .title-banner .title-wrapper h1 {
    font-size: 40px;
    font-size: 4rem; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-referfriend .title-banner .title-wrapper h1 {
        font-size: 36px;
        font-size: 3.6rem; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-referfriend .title-banner .title-wrapper h1 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.3em;
        padding: 0 15px; } }
.page-template-page-referfriend #main-content {
  padding-top: 0; }
.page-template-page-referfriend .page-content {
  padding: 40px 0 60px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .page-template-page-referfriend .page-content {
      padding: 10px 0 40px; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-referfriend .page-content .editor img.alignright {
      margin: 0 auto;
      display: block;
      width: 75%;
      float: none; } }
.page-template-page-referfriend #site-wrapper .nf-form-cont {
  background-color: rgba(246, 190, 0, 0.75); }
  @media only screen and (max-width: 767px) {
    .page-template-page-referfriend #site-wrapper .nf-form-cont .submit-container input[type="button"] {
      width: 100%; } }

/* social media landing page */
.page-template-page-socialmedialanding #site-wrapper {
  padding-top: 0; }
.page-template-page-socialmedialanding .container {
  width: 70%;
  max-width: 1200px; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-socialmedialanding .container {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-socialmedialanding .container {
      width: 92%; } }
.page-template-page-socialmedialanding #site-logo {
  width: 260px; }
.page-template-page-socialmedialanding footer {
  padding: 30px 0; }
.page-template-page-socialmedialanding #footer-connect {
  padding-bottom: 0; }
.page-template-page-socialmedialanding .footer-bottom {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 auto;
  float: none;
  text-align: center; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-socialmedialanding .footer-bottom .footer-legals {
      padding-top: 0; } }
.page-template-page-socialmedialanding .footer-address {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px 0 0; }

#social-landing-top {
  position: relative;
  color: white;
  padding: 1vh 0 4vh; }
  @media only screen and (max-width: 1080px) {
    #social-landing-top {
      padding: 10px 0 20px; } }
  @media only screen and (max-width: 767px) {
    #social-landing-top {
      padding: 10px 0 0; } }
  #social-landing-top .bg-pic.background {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  #social-landing-top .social-landing-header {
    text-align: center;
    padding-bottom: 4vh; }
    @media only screen and (max-width: 1080px) {
      #social-landing-top .social-landing-header {
        padding-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      #social-landing-top .social-landing-header {
        padding-bottom: 20px; } }
    #social-landing-top .social-landing-header h1 {
      display: none; }
      @media only screen and (max-width: 1080px) {
        #social-landing-top .social-landing-header h1 {
          display: block;
          margin: 30px 0 0;
          font-size: 32px;
          font-size: 3.2rem;
          text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
          color: white; } }
      @media only screen and (max-width: 767px) {
        #social-landing-top .social-landing-header h1 {
          font-size: 24px;
          font-size: 2.4rem; } }
  #social-landing-top #video-col {
    width: 57%;
    float: left;
    margin: 0 2.5% 0 0;
    text-align: center; }
    @media only screen and (max-width: 1080px) {
      #social-landing-top #video-col {
        width: 100%;
        float: none;
        margin: 0 0 60px; } }
    @media only screen and (max-width: 767px) {
      #social-landing-top #video-col {
        margin: 0 0 40px; } }
    #social-landing-top #video-col #video-box {
      border: 4px solid white;
      border-radius: 4px;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
        #social-landing-top #video-col #video-box {
          width: 75%;
          margin: 0 auto; } }
    #social-landing-top #video-col video {
      width: 100%;
      height: 62.5%;
      display: block; }
    #social-landing-top #video-col .landing-main-cta {
      margin-top: 30px;
      width: 80%; }
      @media only screen and (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
        #social-landing-top #video-col .landing-main-cta {
          width: 60%; } }
      @media only screen and (max-width: 767px) {
        #social-landing-top #video-col .landing-main-cta {
          width: 90%; } }
    #social-landing-top #video-col #mute-toggle {
      position: absolute;
      width: 50px;
      height: 50px;
      left: -10px;
      bottom: -10px;
      background-image: url(images/icons_audio_toggle.svg);
      background-size: 50px auto;
      background-position: center -2px;
      border: 3px solid white;
      border-radius: 100%;
      transition: transform ease 0.2s; }
      #social-landing-top #video-col #mute-toggle:hover {
        transform: scale(1.1); }
      #social-landing-top #video-col #mute-toggle.mute {
        background-position: center -52px; }
  #social-landing-top #quote-col {
    width: 40%;
    float: left;
    text-align: center;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      #social-landing-top #quote-col {
        width: 100%;
        float: none;
        margin: 0 0 40px; } }
    #social-landing-top #quote-col #quote {
      border: 4px solid white;
      border-radius: 4px;
      background-color: rgba(255, 255, 255, 0.75);
      background-position: right center;
      padding: 4vh 12px 0; }
      @media only screen and (max-width: 1080px) {
        #social-landing-top #quote-col #quote {
          padding: 30px 100px;
          height: auto !important; } }
      @media only screen and (max-width: 767px) {
        #social-landing-top #quote-col #quote {
          padding: 20px 20px; } }
      #social-landing-top #quote-col #quote h3 {
        color: rgba(0, 0, 0, 0.75);
        font-weight: 800; }
        @media only screen and (max-width: 1080px) {
          #social-landing-top #quote-col #quote h3 {
            font-size: 24px;
            font-size: 2.4rem; } }
        @media only screen and (max-width: 767px) {
          #social-landing-top #quote-col #quote h3 {
            font-size: 18px;
            font-size: 1.8rem; } }
      #social-landing-top #quote-col #quote blockquote {
        display: block;
        width: 100%; }
        #social-landing-top #quote-col #quote blockquote p {
          padding: 3vh 0 1vh;
          color: black;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 600;
          line-height: 1.4em; }
          @media only screen and (max-width: 1080px) {
            #social-landing-top #quote-col #quote blockquote p {
              font-size: 20px;
              font-size: 2rem;
              line-height: 1.5em; } }
          @media only screen and (max-width: 767px) {
            #social-landing-top #quote-col #quote blockquote p {
              font-size: 18px;
              font-size: 1.8rem;
              line-height: 1.4em; } }
          #social-landing-top #quote-col #quote blockquote p:before {
            content: "\201C"; }
          #social-landing-top #quote-col #quote blockquote p:after {
            content: "\201D"; }
        #social-landing-top #quote-col #quote blockquote cite {
          display: block;
          color: rgba(0, 0, 0, 0.6);
          font-weight: 600;
          padding-bottom: 5px;
          font-size: 18px;
          font-size: 1.8rem; }
    #social-landing-top #quote-col h1 {
      position: relative;
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: 800;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
      padding: 1vw 0 0;
      line-height: 1.2em; }
      @media only screen and (max-width: 1080px) {
        #social-landing-top #quote-col h1 {
          display: none; } }
    #social-landing-top #quote-col #social-welcome-cat {
      position: absolute;
      bottom: -10px;
      right: -120px;
      width: 140px;
      height: auto; }
      @media only screen and (max-width: 1080px) {
        #social-landing-top #quote-col #social-welcome-cat {
          right: -35px;
          bottom: 0; } }
      @media only screen and (max-width: 767px) {
        #social-landing-top #quote-col #social-welcome-cat {
          display: none; } }

.landing-main-cta {
  display: inline-block;
  border: 4px solid white;
  border-radius: 8px;
  color: white !important;
  font-weight: 800;
  font-size: 34px;
  font-size: 3.4rem;
  background-image: linear-gradient(to bottom, #ab82d0, #864abb);
  padding: 12px;
  transition: all ease 0.3s; }
  @media only screen and (max-width: 767px) {
    .landing-main-cta {
      font-size: 26px;
      font-size: 2.6rem; } }
  .landing-main-cta span {
    display: inline-block;
    background-image: url(images/arrow-left-solid-white.svg);
    background-size: 30px auto;
    background-position: right center;
    padding: 0 44px 0 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33); }
    @media only screen and (max-width: 767px) {
      .landing-main-cta span {
        background-size: 22px auto;
        padding: 0 36px 0 0; } }
  .landing-main-cta:hover {
    background-image: linear-gradient(to bottom, #35ec27, #1ed010); }

/* glowing buttons */
@keyframes glowing {
  0% {
    box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.2); }
  50% {
    box-shadow: 0px 0px 12px 12px rgba(255, 255, 255, 0.8); }
  100% {
    box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.2); } }
.cta-glow {
  animation: glowing 1500ms infinite; }

/* middle callout section */
#social-landing-middle {
  text-align: center;
  padding: 3vh 0 6vh;
  position: relative;
  background-color: black; }
  @media only screen and (max-width: 1080px) {
    #social-landing-middle {
      padding: 50px 0; } }
  @media only screen and (max-width: 767px) {
    #social-landing-middle {
      padding: 20px 0 50px 0;
      background-color: rgba(68, 155, 239, 0.5);
      background-image: none; } }
  #social-landing-middle .bg-pic {
    background-image: url(images/social-landing-middle.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 0.6;
    box-shadow: inset 0px 100px 50px 0px rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 767px) {
      #social-landing-middle .bg-pic {
        display: none; } }
  #social-landing-middle h1 {
    margin: 0 0 7vh;
    font-size: 32px;
    font-size: 3.2rem;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    color: white;
    font-weight: 800; }
    @media only screen and (max-width: 767px) {
      #social-landing-middle h1 {
        font-size: 28px;
        font-size: 2.8rem;
        margin: 0 0 15px;
        background-image: url(images/social-landing-middle.jpg);
        background-size: cover;
        background-position: center top;
        padding: 60px 0; } }
  #social-landing-middle .landing-main-cta {
    font-size: 30px;
    font-size: 3rem;
    text-decoration: none; }
    @media only screen and (max-width: 767px) {
      #social-landing-middle .landing-main-cta {
        font-size: 26px;
        font-size: 2.6rem; } }

#social-callouts {
  padding: 0 0 50px; }
  @media only screen and (max-width: 767px) {
    #social-callouts {
      padding: 0 0 30px; } }
  #social-callouts div {
    float: left;
    margin: 0 2.5% 0 0;
    width: 31.5%;
    background-color: rgba(246, 190, 0, 0.9);
    border-radius: 4px;
    padding: 40px 10px 30px;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      #social-callouts div {
        padding: 50px 1vw 30px; } }
    @media only screen and (max-width: 767px) {
      #social-callouts div {
        float: none;
        width: 100%;
        margin: 0 0 15px;
        background-color: #f6be00; } }
    #social-callouts div::before {
      content: "";
      display: inline-block;
      position: absolute;
      top: -30px;
      left: 50%;
      margin-left: -30px;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      background-color: #449bef;
      color: white;
      border: 3px solid white;
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: 700;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
      line-height: 54px; }
    #social-callouts div:nth-child(1)::before {
      content: "1"; }
    #social-callouts div:nth-child(2)::before {
      content: "2"; }
    #social-callouts div:nth-child(3)::before {
      content: "3"; }
    #social-callouts div:last-child {
      margin-right: 0; }
    #social-callouts div h2 {
      font-size: 24px;
      font-size: 2.4rem;
      position: relative;
      margin: 0 0 10px;
      line-height: 1.25em;
      display: table;
      width: 100%; }
      @media only screen and (max-width: 1080px) {
        #social-callouts div h2 {
          font-size: 20px;
          font-size: 2rem; } }
      @media only screen and (max-width: 767px) {
        #social-callouts div h2 {
          font-size: 24px;
          font-size: 2.4rem; } }
      #social-callouts div h2 span {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
    #social-callouts div p {
      font-weight: 600;
      margin: 0; }

#sociallanding-accreditation {
  background-color: white;
  padding: 60px 0; }
  @media only screen and (max-width: 767px) {
    #sociallanding-accreditation {
      padding: 30px 0; } }
  #sociallanding-accreditation .cred-logo {
    float: left;
    width: 20%;
    height: 120px;
    background-size: auto 120px;
    background-position: center center; }
    @media only screen and (max-width: 1080px) {
      #sociallanding-accreditation .cred-logo {
        height: 100px;
        background-size: auto 100px; } }
    @media only screen and (max-width: 767px) {
      #sociallanding-accreditation .cred-logo {
        height: 50px;
        background-size: auto 50px; } }

/* small */
.page-template-page-socialmedialanding-small #site-wrapper {
  padding-top: 0; }
.page-template-page-socialmedialanding-small .container {
  width: 70%;
  max-width: 1000px; }
.page-template-page-socialmedialanding-small #site-logo {
  width: 240px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-socialmedialanding-small #site-logo {
      width: 240px; } }
.page-template-page-socialmedialanding-small footer {
  padding: 30px 0; }
.page-template-page-socialmedialanding-small #footer-connect {
  padding-bottom: 0; }
.page-template-page-socialmedialanding-small .footer-bottom {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 auto;
  float: none;
  text-align: center; }
.page-template-page-socialmedialanding-small .footer-address {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px 0 0; }
.page-template-page-socialmedialanding-small #social-landing-top {
  position: relative;
  color: white;
  padding: 6px 0 30px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-socialmedialanding-small #social-landing-top {
      padding: 10px 0 20px; } }
  .page-template-page-socialmedialanding-small #social-landing-top .bg-pic.background {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  .page-template-page-socialmedialanding-small #social-landing-top .social-landing-header {
    text-align: center;
    padding-bottom: 30px; }
  .page-template-page-socialmedialanding-small #social-landing-top #video-col {
    width: 57%;
    float: left;
    margin: 0 2.5% 0 0;
    text-align: center; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-socialmedialanding-small #social-landing-top #video-col {
        width: 100%;
        float: none;
        margin: 0 0 80px; } }
    .page-template-page-socialmedialanding-small #social-landing-top #video-col #video-box {
      border: 4px solid white;
      border-radius: 4px; }
      @media only screen and (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
        .page-template-page-socialmedialanding-small #social-landing-top #video-col #video-box {
          width: 75%;
          margin: 0 auto; } }
    .page-template-page-socialmedialanding-small #social-landing-top #video-col video {
      width: 100%;
      height: 62.5%;
      display: block; }
    .page-template-page-socialmedialanding-small #social-landing-top #video-col .landing-main-cta {
      margin-top: 30px;
      width: 80%; }
      @media only screen and (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
        .page-template-page-socialmedialanding-small #social-landing-top #video-col .landing-main-cta {
          width: 60%; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-socialmedialanding-small #social-landing-top #video-col .landing-main-cta {
          width: 90%; } }
  .page-template-page-socialmedialanding-small #social-landing-top #quote-col {
    width: 40%;
    float: left;
    text-align: center;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-socialmedialanding-small #social-landing-top #quote-col {
        width: 100%;
        float: none;
        margin: 0 0 40px; } }
    .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote {
      border: 4px solid white;
      border-radius: 4px;
      background-color: rgba(255, 255, 255, 0.75);
      background-image: url(images/social-landing-parent-bg.jpg);
      background-size: cover;
      background-position: right center;
      padding: 3vw 12px 0; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote {
          padding: 20px 100px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote {
          padding: 20px 20px; } }
      .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote h3 {
        color: rgba(0, 0, 0, 0.75);
        font-weight: 700; }
      .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote blockquote {
        display: block;
        width: 100%; }
        .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote blockquote p {
          padding: 20px 0 10px;
          color: black;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 600;
          line-height: 1.4em; }
          .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote blockquote p:before {
            content: "\201C"; }
          .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote blockquote p:after {
            content: "\201D"; }
        .page-template-page-socialmedialanding-small #social-landing-top #quote-col #quote blockquote cite {
          display: block;
          color: rgba(0, 0, 0, 0.6);
          font-weight: 600;
          padding-bottom: 5px;
          font-size: 18px;
          font-size: 1.8rem; }
    .page-template-page-socialmedialanding-small #social-landing-top #quote-col h1 {
      position: relative;
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: 700;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
      padding: 1vw 0 0;
      line-height: 1.2em; }
      @media only screen and (max-width: 767px) {
        .page-template-page-socialmedialanding-small #social-landing-top #quote-col h1 {
          font-size: 32px;
          font-size: 3.2rem;
          line-height: 1.25em; } }
    .page-template-page-socialmedialanding-small #social-landing-top #quote-col #social-welcome-cat {
      position: absolute;
      bottom: -10px;
      right: -120px;
      width: 140px;
      height: auto; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-socialmedialanding-small #social-landing-top #quote-col #social-welcome-cat {
          right: -35px;
          bottom: 0; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-socialmedialanding-small #social-landing-top #quote-col #social-welcome-cat {
          width: 70px;
          bottom: 100px;
          right: -10px; } }
.page-template-page-socialmedialanding-small #social-landing-middle {
  text-align: center;
  padding: 30px 0 50px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-socialmedialanding-small #social-landing-middle {
      padding: 20px 0 50px 0;
      background-color: rgba(68, 155, 239, 0.5);
      background-image: none; } }
  .page-template-page-socialmedialanding-small #social-landing-middle .bg-pic {
    background-image: url(images/social-landing-middle.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 0.6;
    box-shadow: inset 0px 100px 50px 0px rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 767px) {
      .page-template-page-socialmedialanding-small #social-landing-middle .bg-pic {
        display: none; } }
  .page-template-page-socialmedialanding-small #social-landing-middle h1 {
    margin: 0 0 60px;
    font-size: 32px;
    font-size: 3.2rem;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    color: white; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-socialmedialanding-small #social-landing-middle h1 {
        font-size: 40px;
        font-size: 4rem; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-socialmedialanding-small #social-landing-middle h1 {
        font-size: 32px;
        font-size: 3.2rem;
        margin: 0 0 15px;
        background-image: url(images/social-landing-middle.jpg);
        background-size: cover;
        background-position: center top;
        padding: 60px 0; } }
  .page-template-page-socialmedialanding-small #social-landing-middle .landing-main-cta {
    text-decoration: none !important;
    font-size: 30px;
    font-size: 3rem; }
    @media only screen and (max-width: 767px) {
      .page-template-page-socialmedialanding-small #social-landing-middle .landing-main-cta {
        font-size: 26px;
        font-size: 2.6rem; } }
.page-template-page-socialmedialanding-small #social-callouts {
  padding: 0 0 50px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-socialmedialanding-small #social-callouts {
      padding: 0 0 30px; } }
  .page-template-page-socialmedialanding-small #social-callouts div {
    float: left;
    margin: 0 2.5% 0 0;
    width: 31.5%;
    background-color: rgba(246, 190, 0, 0.8);
    border-radius: 4px;
    padding: 40px 10px 30px;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-socialmedialanding-small #social-callouts div {
        padding: 50px 1vw 30px; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-socialmedialanding-small #social-callouts div {
        float: none;
        width: 100%;
        margin: 0 0 15px; } }
    .page-template-page-socialmedialanding-small #social-callouts div::before {
      content: "";
      display: inline-block;
      position: absolute;
      top: -30px;
      left: 50%;
      margin-left: -30px;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      background-color: #449bef;
      color: white;
      border: 3px solid white;
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: 700;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
      line-height: 54px; }
    .page-template-page-socialmedialanding-small #social-callouts div:nth-child(1)::before {
      content: "1"; }
    .page-template-page-socialmedialanding-small #social-callouts div:nth-child(2)::before {
      content: "2"; }
    .page-template-page-socialmedialanding-small #social-callouts div:nth-child(3)::before {
      content: "3"; }
    .page-template-page-socialmedialanding-small #social-callouts div:last-child {
      margin-right: 0; }
    .page-template-page-socialmedialanding-small #social-callouts div h2 {
      font-size: 24px;
      font-size: 2.4rem;
      position: relative;
      margin: 0 0 10px;
      line-height: 1.25em;
      display: table;
      width: 100%; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-socialmedialanding-small #social-callouts div h2 {
          font-size: 20px;
          font-size: 2rem; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-socialmedialanding-small #social-callouts div h2 {
          font-size: 24px;
          font-size: 2.4rem; } }
      .page-template-page-socialmedialanding-small #social-callouts div h2 span {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
    .page-template-page-socialmedialanding-small #social-callouts div p {
      font-weight: 600;
      margin: 0; }
.page-template-page-socialmedialanding-small #sociallanding-accreditation {
  background-color: white;
  padding: 30px 0; }
  @media only screen and (max-width: 767px) {
    .page-template-page-socialmedialanding-small #sociallanding-accreditation {
      padding: 30px 0; } }
  .page-template-page-socialmedialanding-small #sociallanding-accreditation .cred-logo {
    float: left;
    width: 20%;
    height: 120px;
    background-size: auto 120px;
    background-position: center center; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-socialmedialanding-small #sociallanding-accreditation .cred-logo {
        height: 100px;
        background-size: auto 100px; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-socialmedialanding-small #sociallanding-accreditation .cred-logo {
        height: 50px;
        background-size: auto 50px; } }
.page-template-page-socialmedialanding-small .landing-main-cta {
  display: inline-block;
  border: 4px solid white;
  border-radius: 8px;
  color: white !important;
  font-size: 34px;
  font-size: 3.4rem;
  background-image: linear-gradient(to bottom, #24d817, #22941c);
  padding: 12px;
  transition: all ease 0.3s;
  text-decoration: none !important; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-socialmedialanding-small .landing-main-cta {
      font-size: 34px;
      font-size: 3.4rem; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-socialmedialanding-small .landing-main-cta {
      font-size: 26px;
      font-size: 2.6rem; } }
  .page-template-page-socialmedialanding-small .landing-main-cta span {
    display: inline-block;
    background-image: url(images/arrow-left-solid-white.svg);
    background-size: 30px auto;
    background-position: right center;
    padding: 0 44px 0 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33); }
    @media only screen and (max-width: 767px) {
      .page-template-page-socialmedialanding-small .landing-main-cta span {
        background-size: 22px auto;
        padding: 0 36px 0 0; } }
  .page-template-page-socialmedialanding-small .landing-main-cta:hover {
    background-image: linear-gradient(to bottom, #35ec27, #1ed010); }

#language-chooser-overlay #language-chooser-popup {
  position: relative;
  background-color: white;
  width: 90%;
  max-width: 1000px;
  text-align: center;
  border: 3px solid #449bef;
  padding: 60px 20px 15px; }
  @media only screen and (max-width: 767px) {
    #language-chooser-overlay #language-chooser-popup {
      width: 96vw;
      height: 96vh;
      padding: 50px 10px 15px; } }
  #language-chooser-overlay #language-chooser-popup .close-popup {
    background-color: rgba(68, 155, 239, 0.9); }
    @media only screen and (max-width: 767px) {
      #language-chooser-overlay #language-chooser-popup .close-popup {
        top: 10px;
        right: 10px; } }
    #language-chooser-overlay #language-chooser-popup .close-popup:hover {
      background-color: #ffa300; }
  #language-chooser-overlay #language-chooser-popup .editor {
    color: #449bef; }
    @media only screen and (max-width: 1080px) {
      #language-chooser-overlay #language-chooser-popup .editor h2 {
        padding: 0 15%; } }
    @media only screen and (max-width: 767px) {
      #language-chooser-overlay #language-chooser-popup .editor h2 {
        padding: 0;
        font-size: 22px;
        font-size: 2.2rem; } }

#language-options {
  pointer-events: none;
  padding-top: 20px; }
  @media only screen and (max-width: 767px) {
    #language-options {
      padding-top: 0; } }
  #language-options > div {
    float: left;
    width: 18%;
    margin-right: 2.5%;
    transition: all ease 0.3s;
    pointer-events: auto;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      #language-options > div {
        width: 30%;
        margin-right: 5%;
        margin-bottom: 50px; }
        #language-options > div:nth-child(3) {
          margin-right: 0; }
        #language-options > div:nth-child(4) {
          margin-left: 15%; } }
    @media only screen and (max-width: 767px) {
      #language-options > div {
        width: 45%;
        margin-bottom: 8vh; }
        #language-options > div:nth-child(3) {
          margin-right: 5%; }
        #language-options > div:nth-child(4) {
          margin-left: 0; }
        #language-options > div:nth-child(5) {
          margin-left: 25%; } }
    @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
      #language-options > div {
        width: 30%;
        margin-bottom: 10px; }
        #language-options > div:nth-child(3) {
          margin-right: 0; }
        #language-options > div:nth-child(4) {
          margin-left: 15%; }
        #language-options > div:nth-child(5) {
          margin-left: 0%; } }
    #language-options > div:last-child {
      margin-right: 0; }
    #language-options > div img {
      width: 100%;
      height: auto; }
  #language-options:hover > div {
    opacity: 0.33; }
    #language-options:hover > div:hover {
      transform: scale(1.1);
      opacity: 1; }
      #language-options:hover > div:hover .store-buttons {
        opacity: 1; }
  #language-options .store-buttons {
    text-align: center;
    padding: 0 10%;
    transition: opacity ease 1s;
    opacity: 0; }
    @media only screen and (max-width: 1080px) {
      #language-options .store-buttons {
        display: none; } }
    #language-options .store-buttons a {
      display: block;
      width: 100%;
      background-size: cover;
      background-position: center center;
      border: 4px solid white;
      transition: all ease 0.3s;
      box-sizing: content-box;
      border-radius: 10px; }
      #language-options .store-buttons a:hover {
        border-color: #ffa300; }
    #language-options .store-buttons .apple {
      padding-top: 33%;
      background-image: url(images/button-applestore.png); }
    #language-options .store-buttons .google {
      padding-top: 33%;
      background-image: url(images/button-googleplay.png); }
  #language-options .mobile-link {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 1080px) {
      #language-options .mobile-link {
        display: block; } }

/* fun english for schools trial */
.page-template-page-fes-trial .editor a {
  text-decoration: none; }
.page-template-page-fes-trial #site-wrapper {
  padding-top: 0; }
.page-template-page-fes-trial .container {
  width: 72%;
  max-width: 1200px; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-fes-trial .container {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-fes-trial .container {
      width: 92%; } }
.page-template-page-fes-trial footer {
  padding: 30px 0; }
.page-template-page-fes-trial #footer-connect {
  padding-bottom: 0; }
.page-template-page-fes-trial .footer-bottom {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 auto;
  float: none;
  text-align: center; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-fes-trial .footer-bottom .footer-legals {
      padding-top: 0; } }
.page-template-page-fes-trial .footer-address {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px 0 0; }

#fes-trial-top {
  position: relative;
  background-image: url(images/fes-trial/paw-bg-lightblue.jpg);
  background-size: cover;
  background-position: center center;
  color: white;
  padding: 0 0 4vh; }
  @media only screen and (max-width: 1080px) {
    #fes-trial-top {
      padding: 0 0 20px; } }
  @media only screen and (max-width: 767px) {
    #fes-trial-top {
      padding: 0 0 0; } }
  #fes-trial-top .fes-trial-header {
    background-image: url(images/fes-trial/paw-bg-header.png);
    background-size: cover;
    background-position: center bottom;
    padding: 1vh 0 4vh; }
    @media only screen and (max-width: 1080px) {
      #fes-trial-top .fes-trial-header {
        padding: 20px 0 30px; } }
    @media only screen and (max-width: 767px) {
      #fes-trial-top .fes-trial-header {
        padding: 10px 0 30px; } }
    #fes-trial-top .fes-trial-header #fes-logo {
      width: 23%;
      float: left;
      margin-right: 2.5%; }
      @media only screen and (max-width: 767px) {
        #fes-trial-top .fes-trial-header #fes-logo {
          width: 100%;
          float: none;
          margin: 0;
          text-align: center; } }
      #fes-trial-top .fes-trial-header #fes-logo img {
        width: 100%;
        height: auto; }
        @media only screen and (max-width: 1080px) {
          #fes-trial-top .fes-trial-header #fes-logo img {
            margin-top: 20px; } }
        @media only screen and (max-width: 767px) {
          #fes-trial-top .fes-trial-header #fes-logo img {
            width: 50%;
            margin: 0 0 10px; } }
    #fes-trial-top .fes-trial-header .intro {
      float: left;
      width: 74%;
      padding-top: 1vh;
      font-weight: 600; }
      @media only screen and (max-width: 1080px) {
        #fes-trial-top .fes-trial-header .intro {
          padding-top: 0; } }
      @media only screen and (max-width: 767px) {
        #fes-trial-top .fes-trial-header .intro {
          float: none;
          width: 100%;
          text-align: center;
          font-size: 17px;
          font-size: 1.7rem; } }

#fes-experience {
  position: relative;
  padding-top: 2vh;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #fes-experience {
      padding-top: 0; } }
  #fes-experience #cat {
    position: absolute;
    top: 0;
    left: 1%;
    width: 22%;
    height: auto; }
    @media only screen and (max-width: 1080px) {
      #fes-experience #cat {
        top: 30px; } }
    @media only screen and (max-width: 767px) {
      #fes-experience #cat {
        top: 190px;
        left: 12%;
        width: 25%; } }
  #fes-experience .bubble {
    width: 75%;
    margin-left: 25%;
    position: relative;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
    height: 150px; }
    @media only screen and (max-width: 767px) {
      #fes-experience .bubble {
        width: 100%;
        margin: 0;
        height: auto; } }
    #fes-experience .bubble::after {
      content: "";
      display: block;
      position: absolute;
      left: -80px;
      top: 30px;
      width: 80px;
      height: 93px;
      background-image: url(images/fes-trial/cat-bubble-pointer.png);
      background-repeat: no-repeat;
      background-position: right top;
      background-size: cover; }
      @media only screen and (max-width: 767px) {
        #fes-experience .bubble::after {
          background-image: url(images/fes-trial/cat-bubble-pointer-mobile.png);
          width: 70px;
          height: 78px;
          bottom: -76px;
          left: 35%;
          top: auto; } }
    #fes-experience .bubble > .bubble-content {
      display: table;
      width: 100%;
      height: 100%; }
      #fes-experience .bubble > .bubble-content .bubble-text {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          #fes-experience .bubble > .bubble-content .bubble-text {
            padding: 15px 20px; } }
      #fes-experience .bubble > .bubble-content h1 {
        color: #007cb0;
        font-size: 36px;
        font-size: 3.6rem;
        font-weight: 800;
        text-align: center;
        margin-bottom: 2vh; }
        @media only screen and (max-width: 1080px) {
          #fes-experience .bubble > .bubble-content h1 {
            font-size: 28px;
            font-size: 2.8rem; } }
        @media only screen and (max-width: 767px) {
          #fes-experience .bubble > .bubble-content h1 {
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.2em;
            width: 80%;
            margin: 0 auto 15px; } }
  #fes-experience .activities {
    position: relative;
    z-index: 20;
    padding-top: 3vh; }
    @media only screen and (max-width: 767px) {
      #fes-experience .activities {
        padding-top: 4vh; } }
  @media only screen and (max-width: 767px) and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    #fes-experience .activities {
      padding-top: 12vh; } }

    #fes-experience .activities img {
      width: 25%;
      height: auto;
      display: block;
      float: left; }
      @media only screen and (max-width: 767px) {
        #fes-experience .activities img {
          width: 50%; } }
  @media only screen and (max-width: 767px) and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    #fes-experience .activities img {
      margin-bottom: 2vh; } }

    #fes-experience .activities .activities-top img:first-child {
      margin-left: 25%; }
      @media only screen and (max-width: 767px) {
        #fes-experience .activities .activities-top img:first-child {
          margin-left: 50%; } }
    #fes-experience .activities .activities-bottom {
      padding-bottom: 3vh; }

.page-template-page-fes-trial {
  /* glowing buttons */ }
  .page-template-page-fes-trial .landing-main-cta {
    display: inline-block;
    border: 4px solid white;
    border-radius: 8px;
    color: white !important;
    font-family: 'Muli', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 800;
    font-size: 26px;
    font-size: 2.6rem;
    background-image: linear-gradient(to bottom, #b894d7, #864abb);
    padding: 12px;
    transition: all ease 0.3s; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-fes-trial .landing-main-cta {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-fes-trial .landing-main-cta {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3em; } }
    .page-template-page-fes-trial .landing-main-cta span {
      display: inline-block;
      background-image: url(images/arrow-left-solid-white.svg);
      background-size: 22px auto;
      background-position: right center;
      padding: 0 44px 0 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33); }
      @media only screen and (max-width: 767px) {
        .page-template-page-fes-trial .landing-main-cta span {
          background-size: 18px auto;
          padding: 0 36px 0 0;
          width: 90%; } }
    .page-template-page-fes-trial .landing-main-cta:hover {
      background-image: linear-gradient(to bottom, #d0b9e5, #b894d7); }
@keyframes glowing-white {
  0% {
    box-shadow: 0px 0px 6px 6px rgba(255, 255, 255, 0.1); }
  50% {
    box-shadow: 0px 0px 8px 8px rgba(255, 255, 255, 0.6); }
  100% {
    box-shadow: 0px 0px 6px 6px rgba(255, 255, 255, 0.1); } }
@keyframes glowing-blue {
  0% {
    box-shadow: 0px 0px 4px 4px rgba(68, 155, 239, 0.1); }
  50% {
    box-shadow: 0px 0px 6px 6px rgba(68, 155, 239, 0.5); }
  100% {
    box-shadow: 0px 0px 4px 4px rgba(68, 155, 239, 0.1); } }
  .page-template-page-fes-trial .cta-glow-white {
    animation: glowing-white 2000ms infinite; }
  .page-template-page-fes-trial .cta-glow-blue {
    animation: glowing-blue 2000ms infinite; }

/* middle callout section */
#fes-trial-middle {
  text-align: center;
  padding: 4vh 0 6vh;
  position: relative;
  background-color: black; }
  @media only screen and (max-width: 1080px) {
    #fes-trial-middle {
      padding: 50px 0; } }
  @media only screen and (max-width: 767px) {
    #fes-trial-middle {
      padding: 20px 0 50px 0;
      background-color: rgba(68, 155, 239, 0.5);
      background-image: none; } }
  #fes-trial-middle .bg-pic {
    background-image: url(images/fes-trial/kids-tablets.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 0.6;
    box-shadow: inset 0px 100px 50px 0px rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 1080px) {
      #fes-trial-middle .bg-pic {
        background-position: left center; } }
    @media only screen and (max-width: 767px) {
      #fes-trial-middle .bg-pic {
        display: none; } }
  #fes-trial-middle h1 {
    margin: 0 0 7vh;
    font-size: 36px;
    font-size: 3.6rem;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    color: white; }
    @media only screen and (max-width: 767px) {
      #fes-trial-middle h1 {
        font-size: 28px;
        font-size: 2.8rem;
        margin: 0 0 15px;
        background-image: url(images/fes-trial/kids-tablets.jpg);
        background-size: cover;
        background-position: center top;
        padding: 60px 0; } }
  #fes-trial-middle .landing-main-cta {
    font-size: 26px;
    font-size: 2.6rem; }
    @media only screen and (max-width: 1080px) {
      #fes-trial-middle .landing-main-cta {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media only screen and (max-width: 767px) {
      #fes-trial-middle .landing-main-cta {
        font-size: 20px;
        font-size: 2rem; } }

.page-template-page-fes-trial #social-callouts {
  padding: 0 0 50px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-fes-trial #social-callouts {
      padding: 0 0 30px; } }
  .page-template-page-fes-trial #social-callouts div {
    float: left;
    margin: 0 2.5% 0 0;
    width: 31.5%;
    background-color: rgba(246, 190, 0, 0.9);
    border-radius: 4px;
    padding: 40px 10px 30px;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-fes-trial #social-callouts div {
        padding: 50px 1vw 30px; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-fes-trial #social-callouts div {
        float: none;
        width: 100%;
        margin: 0 0 15px;
        background-color: #f6be00; } }
    .page-template-page-fes-trial #social-callouts div::before {
      content: "";
      display: inline-block;
      position: absolute;
      top: -33px;
      left: 50%;
      margin-left: -33px;
      width: 66px;
      height: 66px;
      border-radius: 100%;
      background-color: #449bef;
      background-size: 66px 66px;
      background-repeat: no-repeat;
      background-position: center center; }
    .page-template-page-fes-trial #social-callouts div:nth-child(1)::before {
      background-image: url(images/fes-trial/icons_teacher.svg); }
    .page-template-page-fes-trial #social-callouts div:nth-child(2)::before {
      background-image: url(images/fes-trial/icons_kid.svg); }
    .page-template-page-fes-trial #social-callouts div:nth-child(3)::before {
      background-image: url(images/fes-trial/icons_game.svg); }
    .page-template-page-fes-trial #social-callouts div:last-child {
      margin-right: 0; }
    .page-template-page-fes-trial #social-callouts div h2 {
      font-size: 24px;
      font-size: 2.4rem;
      position: relative;
      margin: 0 0 10px;
      line-height: 1.25em;
      display: table;
      width: 100%; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-fes-trial #social-callouts div h2 {
          font-size: 20px;
          font-size: 2rem; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-fes-trial #social-callouts div h2 {
          font-size: 24px;
          font-size: 2.4rem; } }
      .page-template-page-fes-trial #social-callouts div h2 span {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
    .page-template-page-fes-trial #social-callouts div p {
      font-weight: 600;
      margin: 0; }

#fes-teacher-trial {
  background-image: url(images/fes-trial/paw-bg-lightblue.jpg);
  background-size: cover;
  background-position: center center;
  padding: 6vh 0; }
  @media only screen and (max-width: 767px) {
    #fes-teacher-trial {
      text-align: center; } }
  #fes-teacher-trial .editor {
    float: right;
    width: 48.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 767px) {
      #fes-teacher-trial .editor {
        float: none;
        width: 100%;
        margin: 0; } }
    #fes-teacher-trial .editor h2 {
      font-size: 30px;
      font-size: 3rem;
      margin-bottom: 10px; }
      @media only screen and (max-width: 1080px) {
        #fes-teacher-trial .editor h2 {
          font-size: 24px;
          font-size: 2.4rem;
          line-height: 1.3em; } }
  #fes-teacher-trial img {
    float: right;
    width: 48.5%;
    height: auto;
    border-radius: 12px; }
    @media only screen and (max-width: 767px) {
      #fes-teacher-trial img {
        float: none;
        width: 100%;
        margin: 0 0 20px; } }

#site-wrapper #fes-contact-popup {
  position: relative;
  width: 800px;
  overflow-y: scroll;
  max-height: 100vh;
  margin: 0 auto;
  padding: 40px 40px 15px; }
  @media only screen and (max-width: 1080px) {
    #site-wrapper #fes-contact-popup {
      width: 600px; } }
  @media only screen and (max-width: 767px) {
    #site-wrapper #fes-contact-popup {
      width: 100%;
      padding: 50px 20px 15px; } }
  #site-wrapper #fes-contact-popup h2 {
    font-size: 30px;
    font-size: 3rem;
    text-align: center;
    width: 90%;
    margin: 0 auto 15px; }
    @media only screen and (max-width: 767px) {
      #site-wrapper #fes-contact-popup h2 {
        display: none; } }
  #site-wrapper #fes-contact-popup > p {
    text-align: center;
    border-bottom: 3px dotted rgba(255, 255, 255, 0.25);
    padding-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      #site-wrapper #fes-contact-popup > p {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: left; } }
  #site-wrapper #fes-contact-popup .nf-form-cont {
    width: 60%;
    margin: 0 auto;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      #site-wrapper #fes-contact-popup .nf-form-cont {
        width: 100%; } }
    #site-wrapper #fes-contact-popup .nf-form-cont #nf-field-241-container {
      display: none; }
    #site-wrapper #fes-contact-popup .nf-form-cont .nf-form-fields-required {
      display: block;
      text-align: right;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        #site-wrapper #fes-contact-popup .nf-form-cont .nf-form-fields-required {
          padding-bottom: 10px; } }
    #site-wrapper #fes-contact-popup .nf-form-cont .ninja-forms-req-symbol {
      color: #f6be00; }
    #site-wrapper #fes-contact-popup .nf-form-cont .nf-field-description {
      font-size: 14px;
      font-size: 1.4rem;
      padding-bottom: 10px;
      line-height: 1.1em; }
    #site-wrapper #fes-contact-popup .nf-form-cont input[type="text"] {
      height: 36px; }

.next-buttons {
  text-align: center; }
  @media only screen and (max-width: 1080px) {
    .next-buttons .button, .next-buttons #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .next-buttons input[type="button"], .next-buttons .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .next-buttons a {
      padding: 14px 18px 16px; } }
  @media only screen and (max-width: 767px) {
    .next-buttons .button, .next-buttons #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .next-buttons input[type="button"], .next-buttons .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .next-buttons a {
      margin: 0 5px 15px; } }

/* for schools */
/* new landing page - trial funnel */
.page-template-page-for-schools-landing1 #homepage-splash,
.page-template-page-for-schools-landing2 #homepage-splash,
.page-template-page-for-schools-landing3 #homepage-splash,
.page-template-page-for-schools-landing4 #homepage-splash,
.page-template-page-for-schools-bookbridge #homepage-splash {
  height: auto;
  text-align: left;
  padding: 2vh 0;
  background-image: url(images/fes/s4s-landing-banner-bg.jpg);
  background-size: cover;
  background-position: right center;
  display: block; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-for-schools-landing1 #homepage-splash,
    .page-template-page-for-schools-landing2 #homepage-splash,
    .page-template-page-for-schools-landing3 #homepage-splash,
    .page-template-page-for-schools-landing4 #homepage-splash,
    .page-template-page-for-schools-bookbridge #homepage-splash {
      padding: 5vh 0; } }
  .page-template-page-for-schools-landing1 #homepage-splash > .container,
  .page-template-page-for-schools-landing2 #homepage-splash > .container,
  .page-template-page-for-schools-landing3 #homepage-splash > .container,
  .page-template-page-for-schools-landing4 #homepage-splash > .container,
  .page-template-page-for-schools-bookbridge #homepage-splash > .container {
    display: block; }
  .page-template-page-for-schools-landing1 #homepage-splash .text-box,
  .page-template-page-for-schools-landing2 #homepage-splash .text-box,
  .page-template-page-for-schools-landing3 #homepage-splash .text-box,
  .page-template-page-for-schools-landing4 #homepage-splash .text-box,
  .page-template-page-for-schools-bookbridge #homepage-splash .text-box {
    height: 400px;
    display: table;
    z-index: 100;
    width: 48.5%;
    float: left; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #homepage-splash .text-box,
      .page-template-page-for-schools-landing2 #homepage-splash .text-box,
      .page-template-page-for-schools-landing3 #homepage-splash .text-box,
      .page-template-page-for-schools-landing4 #homepage-splash .text-box,
      .page-template-page-for-schools-bookbridge #homepage-splash .text-box {
        display: block;
        width: 100%;
        height: auto; } }
    .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor,
    .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor,
    .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor,
    .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor,
    .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor {
      padding: 1vh 0 2vh;
      color: white;
      text-align: left;
      padding-right: 5vw; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor,
        .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor,
        .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor,
        .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor,
        .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor {
          display: block;
          padding: 0 0 40px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor,
        .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor,
        .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor,
        .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor,
        .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor {
          padding: 0 0 50px;
          text-align: center; } }
      .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor #fes-logo,
      .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor #fes-logo,
      .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor #fes-logo,
      .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor #fes-logo,
      .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor #fes-logo {
        width: 400px;
        height: auto;
        filter: drop-shadow(4px 4px 0 #1378b4); }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor #fes-logo,
          .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor #fes-logo,
          .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor #fes-logo,
          .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor #fes-logo,
          .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor #fes-logo {
            width: 350px; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor #fes-logo,
          .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor #fes-logo,
          .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor #fes-logo,
          .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor #fes-logo,
          .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor #fes-logo {
            width: 280px; } }
      .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor h1,
      .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor h1,
      .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor h1,
      .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor h1,
      .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor h1 {
        margin-bottom: 10px;
        line-height: 1.2em;
        font-size: 30px;
        font-size: 3rem;
        font-weight: 400;
        margin-top: 15px;
        text-shadow: none; }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor h1,
          .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor h1,
          .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor h1,
          .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor h1,
          .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor h1 {
            font-size: 28px;
            font-size: 2.8rem; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor h1,
          .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor h1,
          .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor h1,
          .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor h1,
          .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor h1 {
            font-size: 24px;
            font-size: 2.4rem;
            padding-bottom: 10px; } }
      .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor p,
      .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor p,
      .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor p,
      .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor p,
      .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor p {
        margin: 0;
        width: 100%; }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor p,
          .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor p,
          .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor p,
          .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor p,
          .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor p {
            width: 100%;
            margin-left: 0; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor p,
          .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor p,
          .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor p,
          .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor p,
          .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor p {
            margin-bottom: 20px; }
            .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor p br,
            .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor p br,
            .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor p br,
            .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor p br,
            .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor p br {
              display: none; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor .button, .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor input[type="button"], .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .page-template-page-for-schools-landing1 #homepage-splash .text-box .editor a,
        .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor .button,
        .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor #site-wrapper .nf-form-cont input[type="button"],
        #site-wrapper .nf-form-cont .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor input[type="button"],
        .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-for-schools-landing2 #homepage-splash .text-box .editor a,
        .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor .button,
        .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor #site-wrapper .nf-form-cont input[type="button"],
        #site-wrapper .nf-form-cont .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor input[type="button"],
        .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-for-schools-landing3 #homepage-splash .text-box .editor a,
        .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor .button,
        .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor #site-wrapper .nf-form-cont input[type="button"],
        #site-wrapper .nf-form-cont .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor input[type="button"],
        .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-for-schools-landing4 #homepage-splash .text-box .editor a,
        .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor .button,
        .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor #site-wrapper .nf-form-cont input[type="button"],
        #site-wrapper .nf-form-cont .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor input[type="button"],
        .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-for-schools-bookbridge #homepage-splash .text-box .editor a {
          width: 100%;
          text-align: center;
          margin: 0; } }
  .page-template-page-for-schools-landing1 #homepage-splash .prod-shots,
  .page-template-page-for-schools-landing2 #homepage-splash .prod-shots,
  .page-template-page-for-schools-landing3 #homepage-splash .prod-shots,
  .page-template-page-for-schools-landing4 #homepage-splash .prod-shots,
  .page-template-page-for-schools-bookbridge #homepage-splash .prod-shots {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48.5%;
    text-align: center; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #homepage-splash .prod-shots,
      .page-template-page-for-schools-landing2 #homepage-splash .prod-shots,
      .page-template-page-for-schools-landing3 #homepage-splash .prod-shots,
      .page-template-page-for-schools-landing4 #homepage-splash .prod-shots,
      .page-template-page-for-schools-bookbridge #homepage-splash .prod-shots {
        position: relative;
        width: 100%; } }
    .page-template-page-for-schools-landing1 #homepage-splash .prod-shots #s4s-banner-cat,
    .page-template-page-for-schools-landing2 #homepage-splash .prod-shots #s4s-banner-cat,
    .page-template-page-for-schools-landing3 #homepage-splash .prod-shots #s4s-banner-cat,
    .page-template-page-for-schools-landing4 #homepage-splash .prod-shots #s4s-banner-cat,
    .page-template-page-for-schools-bookbridge #homepage-splash .prod-shots #s4s-banner-cat {
      position: absolute;
      bottom: 0;
      right: -3.5vw;
      width: 11vw;
      max-width: 180px; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #homepage-splash .prod-shots #s4s-banner-cat,
        .page-template-page-for-schools-landing2 #homepage-splash .prod-shots #s4s-banner-cat,
        .page-template-page-for-schools-landing3 #homepage-splash .prod-shots #s4s-banner-cat,
        .page-template-page-for-schools-landing4 #homepage-splash .prod-shots #s4s-banner-cat,
        .page-template-page-for-schools-bookbridge #homepage-splash .prod-shots #s4s-banner-cat {
          width: 150px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #homepage-splash .prod-shots #s4s-banner-cat,
        .page-template-page-for-schools-landing2 #homepage-splash .prod-shots #s4s-banner-cat,
        .page-template-page-for-schools-landing3 #homepage-splash .prod-shots #s4s-banner-cat,
        .page-template-page-for-schools-landing4 #homepage-splash .prod-shots #s4s-banner-cat,
        .page-template-page-for-schools-bookbridge #homepage-splash .prod-shots #s4s-banner-cat {
          width: 100px; } }
    .page-template-page-for-schools-landing1 #homepage-splash .prod-shots #packshot,
    .page-template-page-for-schools-landing2 #homepage-splash .prod-shots #packshot,
    .page-template-page-for-schools-landing3 #homepage-splash .prod-shots #packshot,
    .page-template-page-for-schools-landing4 #homepage-splash .prod-shots #packshot,
    .page-template-page-for-schools-bookbridge #homepage-splash .prod-shots #packshot {
      width: 100%;
      height: auto;
      position: relative;
      left: -5vw;
      max-width: 600px; }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #homepage-splash .prod-shots #packshot,
        .page-template-page-for-schools-landing2 #homepage-splash .prod-shots #packshot,
        .page-template-page-for-schools-landing3 #homepage-splash .prod-shots #packshot,
        .page-template-page-for-schools-landing4 #homepage-splash .prod-shots #packshot,
        .page-template-page-for-schools-bookbridge #homepage-splash .prod-shots #packshot {
          width: 90%;
          left: -10vw; } }
.page-template-page-for-schools-landing1 #schools-help,
.page-template-page-for-schools-landing2 #schools-help,
.page-template-page-for-schools-landing3 #schools-help,
.page-template-page-for-schools-landing4 #schools-help,
.page-template-page-for-schools-bookbridge #schools-help {
  background-image: url(images/fes/fes-schools-closed-banner.jpg);
  background-position: center center;
  background-size: cover;
  padding: 80px 0 50px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-for-schools-landing1 #schools-help,
    .page-template-page-for-schools-landing2 #schools-help,
    .page-template-page-for-schools-landing3 #schools-help,
    .page-template-page-for-schools-landing4 #schools-help,
    .page-template-page-for-schools-bookbridge #schools-help {
      padding: 50px 0 30px;
      background-position: left center; } }
  .page-template-page-for-schools-landing1 #schools-help .editor,
  .page-template-page-for-schools-landing2 #schools-help .editor,
  .page-template-page-for-schools-landing3 #schools-help .editor,
  .page-template-page-for-schools-landing4 #schools-help .editor,
  .page-template-page-for-schools-bookbridge #schools-help .editor {
    float: left;
    width: 48.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #schools-help .editor,
      .page-template-page-for-schools-landing2 #schools-help .editor,
      .page-template-page-for-schools-landing3 #schools-help .editor,
      .page-template-page-for-schools-landing4 #schools-help .editor,
      .page-template-page-for-schools-bookbridge #schools-help .editor {
        float: none;
        width: 100%;
        margin-right: 0;
        text-align: center; } }
    .page-template-page-for-schools-landing1 #schools-help .editor h1,
    .page-template-page-for-schools-landing2 #schools-help .editor h1,
    .page-template-page-for-schools-landing3 #schools-help .editor h1,
    .page-template-page-for-schools-landing4 #schools-help .editor h1,
    .page-template-page-for-schools-bookbridge #schools-help .editor h1 {
      font-size: 42px;
      font-size: 4.2rem;
      font-weight: 700;
      line-height: 1.3em;
      margin: 0 auto 30px; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #schools-help .editor h1,
        .page-template-page-for-schools-landing2 #schools-help .editor h1,
        .page-template-page-for-schools-landing3 #schools-help .editor h1,
        .page-template-page-for-schools-landing4 #schools-help .editor h1,
        .page-template-page-for-schools-bookbridge #schools-help .editor h1 {
          font-size: 36px;
          font-size: 3.6rem; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #schools-help .editor h1,
        .page-template-page-for-schools-landing2 #schools-help .editor h1,
        .page-template-page-for-schools-landing3 #schools-help .editor h1,
        .page-template-page-for-schools-landing4 #schools-help .editor h1,
        .page-template-page-for-schools-bookbridge #schools-help .editor h1 {
          font-size: 30px;
          font-size: 3rem;
          margin: 0 auto 20px; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #schools-help .editor .button, .page-template-page-for-schools-landing1 #schools-help .editor #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .page-template-page-for-schools-landing1 #schools-help .editor input[type="button"], .page-template-page-for-schools-landing1 #schools-help .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .page-template-page-for-schools-landing1 #schools-help .editor a,
      .page-template-page-for-schools-landing2 #schools-help .editor .button,
      .page-template-page-for-schools-landing2 #schools-help .editor #site-wrapper .nf-form-cont input[type="button"],
      #site-wrapper .nf-form-cont .page-template-page-for-schools-landing2 #schools-help .editor input[type="button"],
      .page-template-page-for-schools-landing2 #schools-help .editor .error404 .message-404 .links-404 li a,
      .error404 .message-404 .links-404 li .page-template-page-for-schools-landing2 #schools-help .editor a,
      .page-template-page-for-schools-landing3 #schools-help .editor .button,
      .page-template-page-for-schools-landing3 #schools-help .editor #site-wrapper .nf-form-cont input[type="button"],
      #site-wrapper .nf-form-cont .page-template-page-for-schools-landing3 #schools-help .editor input[type="button"],
      .page-template-page-for-schools-landing3 #schools-help .editor .error404 .message-404 .links-404 li a,
      .error404 .message-404 .links-404 li .page-template-page-for-schools-landing3 #schools-help .editor a,
      .page-template-page-for-schools-landing4 #schools-help .editor .button,
      .page-template-page-for-schools-landing4 #schools-help .editor #site-wrapper .nf-form-cont input[type="button"],
      #site-wrapper .nf-form-cont .page-template-page-for-schools-landing4 #schools-help .editor input[type="button"],
      .page-template-page-for-schools-landing4 #schools-help .editor .error404 .message-404 .links-404 li a,
      .error404 .message-404 .links-404 li .page-template-page-for-schools-landing4 #schools-help .editor a,
      .page-template-page-for-schools-bookbridge #schools-help .editor .button,
      .page-template-page-for-schools-bookbridge #schools-help .editor #site-wrapper .nf-form-cont input[type="button"],
      #site-wrapper .nf-form-cont .page-template-page-for-schools-bookbridge #schools-help .editor input[type="button"],
      .page-template-page-for-schools-bookbridge #schools-help .editor .error404 .message-404 .links-404 li a,
      .error404 .message-404 .links-404 li .page-template-page-for-schools-bookbridge #schools-help .editor a {
        width: 100%;
        text-align: center; } }
  .page-template-page-for-schools-landing1 #schools-help .prod-shots,
  .page-template-page-for-schools-landing2 #schools-help .prod-shots,
  .page-template-page-for-schools-landing3 #schools-help .prod-shots,
  .page-template-page-for-schools-landing4 #schools-help .prod-shots,
  .page-template-page-for-schools-bookbridge #schools-help .prod-shots {
    float: left;
    width: 48.5%;
    text-align: center;
    padding-top: 3vw; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #schools-help .prod-shots,
      .page-template-page-for-schools-landing2 #schools-help .prod-shots,
      .page-template-page-for-schools-landing3 #schools-help .prod-shots,
      .page-template-page-for-schools-landing4 #schools-help .prod-shots,
      .page-template-page-for-schools-bookbridge #schools-help .prod-shots {
        padding-top: 80px; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #schools-help .prod-shots,
      .page-template-page-for-schools-landing2 #schools-help .prod-shots,
      .page-template-page-for-schools-landing3 #schools-help .prod-shots,
      .page-template-page-for-schools-landing4 #schools-help .prod-shots,
      .page-template-page-for-schools-bookbridge #schools-help .prod-shots {
        display: none; } }
    .page-template-page-for-schools-landing1 #schools-help .prod-shots img,
    .page-template-page-for-schools-landing2 #schools-help .prod-shots img,
    .page-template-page-for-schools-landing3 #schools-help .prod-shots img,
    .page-template-page-for-schools-landing4 #schools-help .prod-shots img,
    .page-template-page-for-schools-bookbridge #schools-help .prod-shots img {
      width: 90%;
      height: auto; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #schools-help .prod-shots img,
        .page-template-page-for-schools-landing2 #schools-help .prod-shots img,
        .page-template-page-for-schools-landing3 #schools-help .prod-shots img,
        .page-template-page-for-schools-landing4 #schools-help .prod-shots img,
        .page-template-page-for-schools-bookbridge #schools-help .prod-shots img {
          width: 100%; } }
.page-template-page-for-schools-landing1 #fes-jointeachers,
.page-template-page-for-schools-landing2 #fes-jointeachers,
.page-template-page-for-schools-landing3 #fes-jointeachers,
.page-template-page-for-schools-landing4 #fes-jointeachers,
.page-template-page-for-schools-bookbridge #fes-jointeachers {
  overflow: hidden;
  padding-bottom: 5vw; }
  @media only screen and (min-width: 1580px) {
    .page-template-page-for-schools-landing1 #fes-jointeachers,
    .page-template-page-for-schools-landing2 #fes-jointeachers,
    .page-template-page-for-schools-landing3 #fes-jointeachers,
    .page-template-page-for-schools-landing4 #fes-jointeachers,
    .page-template-page-for-schools-bookbridge #fes-jointeachers {
      padding-bottom: 10vw; } }
  .page-template-page-for-schools-landing1 #fes-jointeachers .editor,
  .page-template-page-for-schools-landing2 #fes-jointeachers .editor,
  .page-template-page-for-schools-landing3 #fes-jointeachers .editor,
  .page-template-page-for-schools-landing4 #fes-jointeachers .editor,
  .page-template-page-for-schools-bookbridge #fes-jointeachers .editor {
    float: left;
    width: 48.5%;
    margin-right: 2.5%;
    padding-right: 5vw; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-jointeachers .editor,
      .page-template-page-for-schools-landing2 #fes-jointeachers .editor,
      .page-template-page-for-schools-landing3 #fes-jointeachers .editor,
      .page-template-page-for-schools-landing4 #fes-jointeachers .editor,
      .page-template-page-for-schools-bookbridge #fes-jointeachers .editor {
        padding-right: 0;
        float: none;
        width: 100%;
        margin-right: 0; } }
  .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video,
  .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video,
  .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video,
  .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video,
  .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video {
    float: left;
    width: 48.5%;
    position: relative;
    top: 1vw; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video,
      .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video,
      .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video,
      .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video,
      .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video {
        float: none;
        width: 530px;
        margin: 30px auto 0; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video,
      .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video,
      .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video,
      .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video,
      .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video {
        width: 300px; } }
    .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video video,
    .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video .s4s-menu,
    .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video video,
    .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video .s4s-menu,
    .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video video,
    .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video .s4s-menu,
    .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video video,
    .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video .s4s-menu,
    .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video video,
    .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video .s4s-menu {
      width: 85%;
      height: 20vw;
      position: absolute;
      left: 1.07vw;
      top: 1vw; }
      @media only screen and (min-width: 1580px) {
        .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video .s4s-menu {
          width: 562px;
          height: 318px;
          left: 19px;
          top: 16px; } }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video .s4s-menu {
          width: 500px;
          height: 281px;
          left: 16px;
          top: 14px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video .s4s-menu,
        .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video video,
        .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video .s4s-menu {
          width: 280px;
          left: 10px;
          top: 7px;
          height: 160px; } }
    .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img,
    .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img,
    .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img,
    .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img,
    .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img {
      position: absolute;
      display: block; }
      .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img.whiteboard,
      .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img.whiteboard,
      .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img.whiteboard,
      .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img.whiteboard,
      .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img.whiteboard {
        width: 90%;
        height: 22vw;
        left: 0;
        top: 0; }
        @media only screen and (min-width: 1580px) {
          .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img.whiteboard {
            width: 600px;
            height: 352px; } }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img.whiteboard {
            position: relative;
            width: 530px;
            height: 310px; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img.whiteboard,
          .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img.whiteboard {
            width: 300px;
            height: 174px; } }
      .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img.teacher,
      .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img.teacher,
      .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img.teacher,
      .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img.teacher,
      .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img.teacher {
        height: 36vw;
        width: auto;
        right: -6vw;
        top: -1vw; }
        @media only screen and (min-width: 1580px) {
          .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img.teacher {
            height: 500px;
            right: auto;
            left: 350px;
            top: -20px; } }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img.teacher {
            height: 380px;
            right: -120px;
            top: -10px; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing2 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing3 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-landing4 #fes-jointeachers #teacher-video img.teacher,
          .page-template-page-for-schools-bookbridge #fes-jointeachers #teacher-video img.teacher {
            right: -80px;
            height: 300px; } }
.page-template-page-for-schools-landing1 #fes-futureproof,
.page-template-page-for-schools-landing2 #fes-futureproof,
.page-template-page-for-schools-landing3 #fes-futureproof,
.page-template-page-for-schools-landing4 #fes-futureproof,
.page-template-page-for-schools-bookbridge #fes-futureproof {
  background-color: rgba(68, 155, 239, 0.05);
  padding-bottom: 0;
  overflow: hidden; }
  .page-template-page-for-schools-landing1 #fes-futureproof .block1 .editor,
  .page-template-page-for-schools-landing2 #fes-futureproof .block1 .editor,
  .page-template-page-for-schools-landing3 #fes-futureproof .block1 .editor,
  .page-template-page-for-schools-landing4 #fes-futureproof .block1 .editor,
  .page-template-page-for-schools-bookbridge #fes-futureproof .block1 .editor {
    float: left;
    width: 48.5%;
    margin-right: 2.5%;
    padding-bottom: 12vw; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-futureproof .block1 .editor,
      .page-template-page-for-schools-landing2 #fes-futureproof .block1 .editor,
      .page-template-page-for-schools-landing3 #fes-futureproof .block1 .editor,
      .page-template-page-for-schools-landing4 #fes-futureproof .block1 .editor,
      .page-template-page-for-schools-bookbridge #fes-futureproof .block1 .editor {
        float: none;
        width: 100%;
        margin: 0 0 30px 0; } }
  .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video,
  .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video,
  .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video,
  .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video,
  .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video {
    float: left;
    width: 48.5%;
    position: relative;
    top: 0; }
    @media only screen and (min-width: 1580px) {
      .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video {
        top: 0; } }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video {
        float: none;
        width: 100%;
        top: 0;
        width: 600px;
        margin: 0 auto 30px; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video,
      .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video {
        width: 100%; } }
    .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video .laptop,
    .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video .laptop,
    .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video .laptop,
    .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video .laptop,
    .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video .laptop {
      width: 100%;
      height: auto;
      position: relative;
      display: block; }
      @media only screen and (min-width: 1580px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video .laptop,
        .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video .laptop,
        .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video .laptop,
        .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video .laptop,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video .laptop {
          width: 670px; } }
    .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video video,
    .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
    .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video video,
    .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
    .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video video,
    .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
    .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video video,
    .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
    .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video video,
    .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video .teacher-dashboard {
      width: 29.2vw;
      height: 17vw;
      position: absolute;
      left: 6.2vw;
      top: 1.8vw;
      display: block; }
      @media only screen and (min-width: 1580px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video .teacher-dashboard {
          width: 468px;
          height: 272px;
          left: 99px;
          top: 28px; } }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video .teacher-dashboard {
          width: 424px;
          left: 88px;
          height: 247px;
          top: 24px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing1 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing2 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing3 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-landing4 #fes-futureproof .block1 #dashboard-video .teacher-dashboard,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video video,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block1 #dashboard-video .teacher-dashboard {
          left: 13.5vw;
          top: 3vw;
          width: 65vw;
          height: 38vw; } }
  .page-template-page-for-schools-landing1 #fes-futureproof .block2,
  .page-template-page-for-schools-landing2 #fes-futureproof .block2,
  .page-template-page-for-schools-landing3 #fes-futureproof .block2,
  .page-template-page-for-schools-landing4 #fes-futureproof .block2,
  .page-template-page-for-schools-bookbridge #fes-futureproof .block2 {
    padding-top: 2vw; }
    .page-template-page-for-schools-landing1 #fes-futureproof .block2 .editor,
    .page-template-page-for-schools-landing2 #fes-futureproof .block2 .editor,
    .page-template-page-for-schools-landing3 #fes-futureproof .block2 .editor,
    .page-template-page-for-schools-landing4 #fes-futureproof .block2 .editor,
    .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .editor {
      float: right;
      width: 48.5%;
      margin-left: 2.5%;
      padding-bottom: 60px; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block2 .editor,
        .page-template-page-for-schools-landing2 #fes-futureproof .block2 .editor,
        .page-template-page-for-schools-landing3 #fes-futureproof .block2 .editor,
        .page-template-page-for-schools-landing4 #fes-futureproof .block2 .editor,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .editor {
          float: none;
          width: 100%;
          margin: 0 0 30px 0;
          padding-bottom: 400px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block2 .editor,
        .page-template-page-for-schools-landing2 #fes-futureproof .block2 .editor,
        .page-template-page-for-schools-landing3 #fes-futureproof .block2 .editor,
        .page-template-page-for-schools-landing4 #fes-futureproof .block2 .editor,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .editor {
          padding-bottom: 320px; } }
    .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides,
    .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides,
    .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides,
    .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides,
    .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides {
      left: 0;
      width: 46%;
      max-width: 500px;
      position: absolute;
      text-align: center;
      bottom: 0;
      background-image: url(images/fes/parents-screens-bg.jpg);
      background-size: 100% auto;
      background-position: left bottom;
      overflow: hidden; }
      @media only screen and (min-width: 1580px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides {
          bottom: -2vw; } }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides {
          left: 50%;
          width: 420px;
          height: 380px;
          background-position: center bottom;
          max-width: none;
          margin-left: -180px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides,
        .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides {
          left: 50%;
          width: 350px;
          margin-left: -150px; } }
      .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides .cycle-slideshow,
      .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides .cycle-slideshow,
      .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides .cycle-slideshow,
      .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides .cycle-slideshow,
      .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides .cycle-slideshow {
        width: 50%;
        margin: 6vw 0 0 18%; }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides .cycle-slideshow,
          .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides .cycle-slideshow,
          .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides .cycle-slideshow,
          .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides .cycle-slideshow,
          .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides .cycle-slideshow {
            width: 220px;
            margin: 40px 0 0 72px;
            left: 0; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides .cycle-slideshow,
    .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides .cycle-slideshow,
    .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides .cycle-slideshow,
    .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides .cycle-slideshow,
    .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides .cycle-slideshow {
      left: 12.5%; } }

        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides .cycle-slideshow,
          .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides .cycle-slideshow,
          .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides .cycle-slideshow,
          .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides .cycle-slideshow,
          .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides .cycle-slideshow {
            width: 178px;
            margin: 90px 0 0 62px;
            left: 0; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides .cycle-slideshow,
    .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides .cycle-slideshow,
    .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides .cycle-slideshow,
    .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides .cycle-slideshow,
    .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides .cycle-slideshow {
      left: 21.75%; } }

      .page-template-page-for-schools-landing1 #fes-futureproof .block2 .module-slides img,
      .page-template-page-for-schools-landing2 #fes-futureproof .block2 .module-slides img,
      .page-template-page-for-schools-landing3 #fes-futureproof .block2 .module-slides img,
      .page-template-page-for-schools-landing4 #fes-futureproof .block2 .module-slides img,
      .page-template-page-for-schools-bookbridge #fes-futureproof .block2 .module-slides img {
        height: auto;
        width: 100%; }
.page-template-page-for-schools-landing1 #fes-easytouse,
.page-template-page-for-schools-landing2 #fes-easytouse,
.page-template-page-for-schools-landing3 #fes-easytouse,
.page-template-page-for-schools-landing4 #fes-easytouse,
.page-template-page-for-schools-bookbridge #fes-easytouse {
  overflow: hidden; }
  .page-template-page-for-schools-landing1 #fes-easytouse .editor,
  .page-template-page-for-schools-landing2 #fes-easytouse .editor,
  .page-template-page-for-schools-landing3 #fes-easytouse .editor,
  .page-template-page-for-schools-landing4 #fes-easytouse .editor,
  .page-template-page-for-schools-bookbridge #fes-easytouse .editor {
    float: left;
    width: 48.5%;
    margin-right: 2.5%;
    padding-right: 5vw; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-easytouse .editor,
      .page-template-page-for-schools-landing2 #fes-easytouse .editor,
      .page-template-page-for-schools-landing3 #fes-easytouse .editor,
      .page-template-page-for-schools-landing4 #fes-easytouse .editor,
      .page-template-page-for-schools-bookbridge #fes-easytouse .editor {
        padding-right: 0;
        float: none;
        width: 100%;
        margin-right: 0; } }
  .page-template-page-for-schools-landing1 #fes-easytouse #fes-easy-diagram,
  .page-template-page-for-schools-landing2 #fes-easytouse #fes-easy-diagram,
  .page-template-page-for-schools-landing3 #fes-easytouse #fes-easy-diagram,
  .page-template-page-for-schools-landing4 #fes-easytouse #fes-easy-diagram,
  .page-template-page-for-schools-bookbridge #fes-easytouse #fes-easy-diagram {
    float: right;
    width: 48.5%;
    height: auto;
    margin-top: 6vw; }
    @media only screen and (min-width: 1580px) {
      .page-template-page-for-schools-landing1 #fes-easytouse #fes-easy-diagram,
      .page-template-page-for-schools-landing2 #fes-easytouse #fes-easy-diagram,
      .page-template-page-for-schools-landing3 #fes-easytouse #fes-easy-diagram,
      .page-template-page-for-schools-landing4 #fes-easytouse #fes-easy-diagram,
      .page-template-page-for-schools-bookbridge #fes-easytouse #fes-easy-diagram {
        margin-top: 3vw; } }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-easytouse #fes-easy-diagram,
      .page-template-page-for-schools-landing2 #fes-easytouse #fes-easy-diagram,
      .page-template-page-for-schools-landing3 #fes-easytouse #fes-easy-diagram,
      .page-template-page-for-schools-landing4 #fes-easytouse #fes-easy-diagram,
      .page-template-page-for-schools-bookbridge #fes-easytouse #fes-easy-diagram {
        float: none;
        width: 100%; } }
  .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video,
  .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video,
  .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video,
  .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video,
  .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video {
    float: left;
    width: 48.5%;
    position: relative;
    top: 1vw; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video,
      .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video,
      .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video,
      .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video,
      .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video {
        float: none;
        width: 530px;
        margin: 30px auto 0; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video,
      .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video,
      .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video,
      .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video,
      .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video {
        width: 300px; } }
    .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video video,
    .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video video,
    .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video video,
    .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video video,
    .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video video {
      width: 85%;
      height: 20vw;
      position: absolute;
      left: 1.07vw;
      top: 1vw; }
      @media only screen and (min-width: 1580px) {
        .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video video {
          width: 562px;
          height: 318px;
          left: 19px;
          top: 16px; } }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video video {
          width: 500px;
          height: 281px;
          left: 16px;
          top: 14px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video video,
        .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video video {
          width: 280px;
          left: 10px;
          top: 7px;
          height: 160px; } }
    .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img,
    .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img,
    .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img,
    .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img,
    .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img {
      position: absolute;
      display: block; }
      .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img.whiteboard,
      .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img.whiteboard,
      .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img.whiteboard,
      .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img.whiteboard,
      .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img.whiteboard {
        width: 90%;
        height: 22vw;
        left: 0;
        top: 0; }
        @media only screen and (min-width: 1580px) {
          .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img.whiteboard {
            width: 600px;
            height: 352px; } }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img.whiteboard {
            position: relative;
            width: 530px;
            height: 310px; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img.whiteboard,
          .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img.whiteboard {
            width: 300px;
            height: 174px; } }
      .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img.teacher,
      .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img.teacher,
      .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img.teacher,
      .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img.teacher,
      .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img.teacher {
        height: 36vw;
        width: auto;
        right: -6vw;
        top: -1vw; }
        @media only screen and (min-width: 1580px) {
          .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img.teacher {
            height: 500px;
            right: auto;
            left: 350px;
            top: -20px; } }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img.teacher {
            height: 380px;
            right: -120px;
            top: -10px; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing2 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing3 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-landing4 #fes-easytouse #teacher-video img.teacher,
          .page-template-page-for-schools-bookbridge #fes-easytouse #teacher-video img.teacher {
            right: -80px;
            height: 300px; } }
.page-template-page-for-schools-landing1 #fes-madebyteachers,
.page-template-page-for-schools-landing2 #fes-madebyteachers,
.page-template-page-for-schools-landing3 #fes-madebyteachers,
.page-template-page-for-schools-landing4 #fes-madebyteachers,
.page-template-page-for-schools-bookbridge #fes-madebyteachers {
  background-image: url(images/fes/classroom-bg2.jpg);
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  padding: 80px 0 60px; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-for-schools-landing1 #fes-madebyteachers,
    .page-template-page-for-schools-landing2 #fes-madebyteachers,
    .page-template-page-for-schools-landing3 #fes-madebyteachers,
    .page-template-page-for-schools-landing4 #fes-madebyteachers,
    .page-template-page-for-schools-bookbridge #fes-madebyteachers {
      padding: 60px 0 0; } }
  @media only screen and (max-width: 1080px) {
    .page-template-page-for-schools-landing1 #fes-madebyteachers .container,
    .page-template-page-for-schools-landing2 #fes-madebyteachers .container,
    .page-template-page-for-schools-landing3 #fes-madebyteachers .container,
    .page-template-page-for-schools-landing4 #fes-madebyteachers .container,
    .page-template-page-for-schools-bookbridge #fes-madebyteachers .container {
      padding: 0 0 300px; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-for-schools-landing1 #fes-madebyteachers .container,
    .page-template-page-for-schools-landing2 #fes-madebyteachers .container,
    .page-template-page-for-schools-landing3 #fes-madebyteachers .container,
    .page-template-page-for-schools-landing4 #fes-madebyteachers .container,
    .page-template-page-for-schools-bookbridge #fes-madebyteachers .container {
      padding: 0 0 190px; } }
  .page-template-page-for-schools-landing1 #fes-madebyteachers .editor,
  .page-template-page-for-schools-landing2 #fes-madebyteachers .editor,
  .page-template-page-for-schools-landing3 #fes-madebyteachers .editor,
  .page-template-page-for-schools-landing4 #fes-madebyteachers .editor,
  .page-template-page-for-schools-bookbridge #fes-madebyteachers .editor {
    float: right;
    width: 48.5%;
    margin-left: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-madebyteachers .editor,
      .page-template-page-for-schools-landing2 #fes-madebyteachers .editor,
      .page-template-page-for-schools-landing3 #fes-madebyteachers .editor,
      .page-template-page-for-schools-landing4 #fes-madebyteachers .editor,
      .page-template-page-for-schools-bookbridge #fes-madebyteachers .editor {
        float: none;
        width: 100%;
        margin: 0 0 30px 0; } }
    .page-template-page-for-schools-landing1 #fes-madebyteachers .editor h1,
    .page-template-page-for-schools-landing2 #fes-madebyteachers .editor h1,
    .page-template-page-for-schools-landing3 #fes-madebyteachers .editor h1,
    .page-template-page-for-schools-landing4 #fes-madebyteachers .editor h1,
    .page-template-page-for-schools-bookbridge #fes-madebyteachers .editor h1 {
      margin-bottom: 50px; }
  .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video,
  .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video,
  .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video,
  .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video,
  .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video {
    width: 50%;
    position: absolute;
    bottom: 0;
    height: 24vw;
    left: 0;
    max-width: 600px;
    max-height: 350px; }
    @media only screen and (min-width: 1580px) {
      .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video {
        bottom: -2vw; } }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video {
        float: none;
        width: 100%;
        left: 2vw;
        bottom: 100px; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video,
      .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video {
        width: 300px;
        margin: 0 auto;
        left: 0; } }
    .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video video,
    .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video video,
    .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video video,
    .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video video,
    .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video video {
      width: 26.9vw;
      height: 15.2vw;
      position: absolute;
      left: 7.0vw;
      top: 0.6vw; }
      @media only screen and (min-width: 1580px) {
        .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video video {
          width: 430px;
          left: 198px;
          height: 245px;
          top: 11px; } }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video video {
          width: 340px;
          height: 190px;
          position: absolute;
          left: 142px;
          top: 10px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video video,
        .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video video {
          width: 234px;
          left: 36px;
          top: 6px;
          height: 134px; } }
    .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video img,
    .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video img,
    .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video img,
    .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video img,
    .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video img {
      position: absolute;
      display: block; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video img,
        .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video img,
        .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video img,
        .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video img,
        .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video img {
          position: relative;
          margin: 0 auto; } }
      .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video img.device,
      .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video img.device,
      .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video img.device,
      .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video img.device,
      .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video img.device {
        width: 100%;
        height: auto;
        left: -5vw;
        top: 0; }
        @media only screen and (min-width: 1580px) {
          .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video img.device {
            width: 700px;
            left: 0; } }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video img.device {
            width: 550px; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing2 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing3 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-landing4 #fes-madebyteachers #gameplay-video img.device,
          .page-template-page-for-schools-bookbridge #fes-madebyteachers #gameplay-video img.device {
            width: 380px;
            left: -72px; } }
.page-template-page-for-schools-landing1 #fes-funtolearn,
.page-template-page-for-schools-landing2 #fes-funtolearn,
.page-template-page-for-schools-landing3 #fes-funtolearn,
.page-template-page-for-schools-landing4 #fes-funtolearn,
.page-template-page-for-schools-bookbridge #fes-funtolearn {
  background-color: white;
  background-image: url(images/fes/classroom-bg2.jpg);
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  padding: 80px 0 60px; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-for-schools-landing1 #fes-funtolearn,
    .page-template-page-for-schools-landing2 #fes-funtolearn,
    .page-template-page-for-schools-landing3 #fes-funtolearn,
    .page-template-page-for-schools-landing4 #fes-funtolearn,
    .page-template-page-for-schools-bookbridge #fes-funtolearn {
      padding: 60px 0 0; } }
  .page-template-page-for-schools-landing1 #fes-funtolearn .editor,
  .page-template-page-for-schools-landing2 #fes-funtolearn .editor,
  .page-template-page-for-schools-landing3 #fes-funtolearn .editor,
  .page-template-page-for-schools-landing4 #fes-funtolearn .editor,
  .page-template-page-for-schools-bookbridge #fes-funtolearn .editor {
    float: right;
    width: 48.5%;
    margin-left: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-funtolearn .editor,
      .page-template-page-for-schools-landing2 #fes-funtolearn .editor,
      .page-template-page-for-schools-landing3 #fes-funtolearn .editor,
      .page-template-page-for-schools-landing4 #fes-funtolearn .editor,
      .page-template-page-for-schools-bookbridge #fes-funtolearn .editor {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
        text-align: center; } }
  .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video,
  .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video,
  .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video,
  .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video,
  .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video {
    float: right;
    width: 48.5%;
    position: relative;
    top: 1.5vw; }
    @media only screen and (min-width: 1580px) {
      .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video {
        top: 0; } }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video {
        float: none;
        width: 100%;
        top: 0; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video,
      .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video {
        width: 300px;
        margin: 0 auto; } }
    .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video video,
    .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video video,
    .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video video,
    .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video video,
    .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video video {
      width: 26vw;
      height: 14.6vw;
      position: absolute;
      left: 6.6vw;
      top: 0.6vw; }
      @media only screen and (min-width: 1580px) {
        .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video video {
          width: 430px;
          left: 198px;
          height: 245px;
          top: 11px; } }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video video {
          width: 340px;
          height: 190px;
          position: absolute;
          left: 188px;
          top: 10px; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video video,
        .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video video {
          width: 234px;
          left: 36px;
          top: 6px;
          height: 134px; } }
    .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video img,
    .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video img,
    .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video img,
    .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video img,
    .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video img {
      position: absolute;
      display: block; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video img,
        .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video img,
        .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video img,
        .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video img,
        .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video img {
          position: relative;
          margin: 0 auto; } }
      .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video img.device,
      .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video img.device,
      .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video img.device,
      .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video img.device,
      .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video img.device {
        width: 100%;
        height: auto;
        left: -5vw;
        top: 0; }
        @media only screen and (min-width: 1580px) {
          .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video img.device {
            width: 700px;
            left: 0; } }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video img.device {
            width: 550px; } }
        @media only screen and (max-width: 767px) {
          .page-template-page-for-schools-landing1 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing2 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing3 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-landing4 #fes-funtolearn #gameplay-video img.device,
          .page-template-page-for-schools-bookbridge #fes-funtolearn #gameplay-video img.device {
            width: 380px;
            left: -72px; } }
.page-template-page-for-schools-landing1 #fes-understandstudents .editor,
.page-template-page-for-schools-landing2 #fes-understandstudents .editor,
.page-template-page-for-schools-landing3 #fes-understandstudents .editor,
.page-template-page-for-schools-landing4 #fes-understandstudents .editor,
.page-template-page-for-schools-bookbridge #fes-understandstudents .editor {
  float: left;
  width: 48.5%;
  margin-right: 2.5%; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-for-schools-landing1 #fes-understandstudents .editor,
    .page-template-page-for-schools-landing2 #fes-understandstudents .editor,
    .page-template-page-for-schools-landing3 #fes-understandstudents .editor,
    .page-template-page-for-schools-landing4 #fes-understandstudents .editor,
    .page-template-page-for-schools-bookbridge #fes-understandstudents .editor {
      float: none;
      width: 100%;
      margin: 0 0 30px;
      text-align: center; } }
  @media only screen and (max-width: 1080px) {
    .page-template-page-for-schools-landing1 #fes-understandstudents .editor h1 br,
    .page-template-page-for-schools-landing2 #fes-understandstudents .editor h1 br,
    .page-template-page-for-schools-landing3 #fes-understandstudents .editor h1 br,
    .page-template-page-for-schools-landing4 #fes-understandstudents .editor h1 br,
    .page-template-page-for-schools-bookbridge #fes-understandstudents .editor h1 br {
      display: none; } }
.page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video,
.page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video,
.page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video,
.page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video,
.page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video {
  float: left;
  width: 48.5%;
  position: relative;
  top: 1.5vw; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video,
    .page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video,
    .page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video,
    .page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video,
    .page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video {
      float: none;
      width: 100%;
      top: 0;
      width: 600px;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video,
    .page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video,
    .page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video,
    .page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video,
    .page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video {
      width: 100%; } }
  .page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video .laptop,
  .page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video .laptop,
  .page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video .laptop,
  .page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video .laptop,
  .page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video .laptop {
    width: 100%;
    height: auto;
    position: relative;
    display: block; }
    @media only screen and (min-width: 1580px) {
      .page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video .laptop,
      .page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video .laptop,
      .page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video .laptop,
      .page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video .laptop,
      .page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video .laptop {
        width: 670px; } }
  .page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video video,
  .page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video video,
  .page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video video,
  .page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video video,
  .page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video video {
    width: 29.2vw;
    height: 17vw;
    position: absolute;
    left: 6.2vw;
    top: 1.8vw; }
    @media only screen and (min-width: 1580px) {
      .page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video video {
        width: 468px;
        height: 272px;
        left: 99px;
        top: 28px; } }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video video {
        width: 424px;
        left: 88px;
        height: 247px;
        top: 24px; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-landing1 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing2 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing3 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-landing4 #fes-understandstudents #dashboard-video video,
      .page-template-page-for-schools-bookbridge #fes-understandstudents #dashboard-video video {
        left: 13.5vw;
        top: 3vw;
        width: 65vw;
        height: 38vw; } }
.page-template-page-for-schools-landing1 #techspecs,
.page-template-page-for-schools-landing2 #techspecs,
.page-template-page-for-schools-landing3 #techspecs,
.page-template-page-for-schools-landing4 #techspecs,
.page-template-page-for-schools-bookbridge #techspecs {
  background-color: #864abb;
  color: white; }
  .page-template-page-for-schools-landing1 #techspecs h3,
  .page-template-page-for-schools-landing2 #techspecs h3,
  .page-template-page-for-schools-landing3 #techspecs h3,
  .page-template-page-for-schools-landing4 #techspecs h3,
  .page-template-page-for-schools-bookbridge #techspecs h3 {
    padding-top: 1em; }
    .page-template-page-for-schools-landing1 #techspecs h3:first-of-type,
    .page-template-page-for-schools-landing2 #techspecs h3:first-of-type,
    .page-template-page-for-schools-landing3 #techspecs h3:first-of-type,
    .page-template-page-for-schools-landing4 #techspecs h3:first-of-type,
    .page-template-page-for-schools-bookbridge #techspecs h3:first-of-type {
      padding-top: 0; }
  .page-template-page-for-schools-landing1 #techspecs .app-specs,
  .page-template-page-for-schools-landing2 #techspecs .app-specs,
  .page-template-page-for-schools-landing3 #techspecs .app-specs,
  .page-template-page-for-schools-landing4 #techspecs .app-specs,
  .page-template-page-for-schools-bookbridge #techspecs .app-specs {
    padding-bottom: 40px; }
    .page-template-page-for-schools-landing1 #techspecs .app-specs > div,
    .page-template-page-for-schools-landing2 #techspecs .app-specs > div,
    .page-template-page-for-schools-landing3 #techspecs .app-specs > div,
    .page-template-page-for-schools-landing4 #techspecs .app-specs > div,
    .page-template-page-for-schools-bookbridge #techspecs .app-specs > div {
      float: left;
      width: 48.5%;
      padding: 4vw;
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 6px; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-landing1 #techspecs .app-specs > div,
        .page-template-page-for-schools-landing2 #techspecs .app-specs > div,
        .page-template-page-for-schools-landing3 #techspecs .app-specs > div,
        .page-template-page-for-schools-landing4 #techspecs .app-specs > div,
        .page-template-page-for-schools-bookbridge #techspecs .app-specs > div {
          float: none;
          width: 100%; } }
      .page-template-page-for-schools-landing1 #techspecs .app-specs > div:first-child,
      .page-template-page-for-schools-landing2 #techspecs .app-specs > div:first-child,
      .page-template-page-for-schools-landing3 #techspecs .app-specs > div:first-child,
      .page-template-page-for-schools-landing4 #techspecs .app-specs > div:first-child,
      .page-template-page-for-schools-bookbridge #techspecs .app-specs > div:first-child {
        margin-right: 2.5%; }
        @media only screen and (max-width: 1080px) {
          .page-template-page-for-schools-landing1 #techspecs .app-specs > div:first-child,
          .page-template-page-for-schools-landing2 #techspecs .app-specs > div:first-child,
          .page-template-page-for-schools-landing3 #techspecs .app-specs > div:first-child,
          .page-template-page-for-schools-landing4 #techspecs .app-specs > div:first-child,
          .page-template-page-for-schools-bookbridge #techspecs .app-specs > div:first-child {
            margin: 0 0 24px; } }

/* product landing page */
/*
.page-template-page-for-schools-overview {
	
	.title-banner {
		background-color:$black;
		height:360px;
		color:white;
		
		@include respond-to(tablet) {
			height:200px;
		}
		
		.bg-pic1 {
			background-image:url(images/home-schools-crop-bg.jpg);
			background-position:top center;
			background-size:cover;
			opacity:0.66;
		}

		
		.bg-pic2 {
			background-image:url(images/logo-FES.png);
			background-position:center center;
			background-size:360px auto;
			
			@include respond-to(tablet) {
				background-size:240px auto;
			}
		}
		
		h1 {
			visibility:hidden;
		}
		
	}
	
}
*/
.fes-module {
  padding: 80px 0;
  position: relative; }
  @media only screen and (max-width: 1080px) {
    .fes-module {
      padding: 60px 0; } }
  @media only screen and (max-width: 767px) {
    .fes-module {
      padding: 40px 0; } }
  .fes-module .editor h1 {
    font-size: 42px;
    font-size: 4.2rem; }
    @media only screen and (max-width: 1080px) {
      .fes-module .editor h1 {
        font-size: 36px;
        font-size: 3.6rem; } }
    @media only screen and (max-width: 1080px) {
      .fes-module .editor h1 {
        font-size: 30px;
        font-size: 3rem; } }
  .fes-module h1 {
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1.3em;
    margin: 0 auto 30px; }
    @media only screen and (max-width: 1080px) {
      .fes-module h1 {
        font-size: 36px;
        font-size: 3.6rem; } }
    @media only screen and (max-width: 1080px) {
      .fes-module h1 {
        font-size: 30px;
        font-size: 3rem;
        margin: 0 auto 20px; } }

#fes-intro {
  padding-top: 0; }
  #fes-intro .intro-top .editor {
    float: left;
    width: 48.5%;
    margin-right: 2.5%;
    padding-top: 50px;
    font-size: 24px;
    font-size: 2.4rem; }
    @media only screen and (max-width: 1080px) {
      #fes-intro .intro-top .editor {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media only screen and (max-width: 767px) {
      #fes-intro .intro-top .editor {
        float: none;
        width: 100%;
        margin: 0;
        padding-top: 20px; } }
  #fes-intro .intro-top .pic {
    float: left;
    width: 48.5%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #fes-intro .intro-top .pic {
        display: none; } }
    #fes-intro .intro-top .pic img {
      position: relative;
      width: 80%;
      height: auto;
      top: 10px;
      margin-bottom: -220px; }
      @media only screen and (max-width: 1080px) {
        #fes-intro .intro-top .pic img {
          top: -80px;
          width: 90%; } }
  #fes-intro .intro-bottom ul {
    float: left;
    width: 31.5%;
    border: 2px dashed #f6be00;
    border-radius: 12px;
    padding: 20px 10px 12px 16px;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      #fes-intro .intro-bottom ul {
        width: 40%; } }
    @media only screen and (max-width: 767px) {
      #fes-intro .intro-bottom ul {
        float: none;
        width: 100%;
        margin: 0; } }
  #fes-intro .intro-bottom img {
    float: left;
    width: 65.5%;
    height: auto;
    position: relative;
    top: -24px; }
    @media only screen and (max-width: 1080px) {
      #fes-intro .intro-bottom img {
        width: 57%;
        top: 30px; } }
    @media only screen and (max-width: 767px) {
      #fes-intro .intro-bottom img {
        float: none;
        width: 100%; } }

ul.ticklist {
  list-style-type: none;
  margin-left: 0; }
  ul.ticklist li {
    background-image: url(images/fes/check-blue.png);
    background-size: 24px auto;
    background-position: left center;
    line-height: 1.1em;
    padding: 0 0 5px 32px; }
    ul.ticklist li:nth-child(even) {
      background-image: url(images/fes/check-yellow.png); }

#fes-varied-content {
  background-color: rgba(68, 155, 239, 0.15); }
  #fes-varied-content .intro .editor {
    width: 74%; }
    @media only screen and (max-width: 1080px) {
      #fes-varied-content .intro .editor {
        width: 100%; } }
  #fes-varied-content .intro .button, #fes-varied-content .intro #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #fes-varied-content .intro input[type="button"], #fes-varied-content .intro .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #fes-varied-content .intro a {
    position: absolute;
    right: 5%;
    top: 10px; }
    @media only screen and (max-width: 1080px) {
      #fes-varied-content .intro .button, #fes-varied-content .intro #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #fes-varied-content .intro input[type="button"], #fes-varied-content .intro .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #fes-varied-content .intro a {
        position: static;
        margin: -10px 0 30px; } }
  #fes-varied-content #fes-complete-learn-exp {
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #fes-varied-content #fes-complete-learn-exp {
        padding-top: 0; } }
    #fes-varied-content #fes-complete-learn-exp #cat {
      position: absolute;
      top: -80px;
      right: 0;
      width: 20%;
      height: auto; }
      @media only screen and (max-width: 1080px) {
        #fes-varied-content #fes-complete-learn-exp #cat {
          top: -40px;
          width: 22%; } }
      @media only screen and (max-width: 767px) {
        #fes-varied-content #fes-complete-learn-exp #cat {
          top: 175px;
          width: 45%; } }
    #fes-varied-content #fes-complete-learn-exp .bubble {
      width: 75%;
      margin-right: 25%;
      position: relative;
      background-color: white;
      border-radius: 15px;
      box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
      height: 60px; }
      @media only screen and (max-width: 767px) {
        #fes-varied-content #fes-complete-learn-exp .bubble {
          width: 100%;
          margin: 0;
          height: auto; } }
      #fes-varied-content #fes-complete-learn-exp .bubble::after {
        content: "";
        display: block;
        position: absolute;
        right: -90px;
        top: 0px;
        width: 90px;
        height: 80px;
        background-image: url(images/fes/bubble-pointer.png);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 90px 80px; }
        @media only screen and (max-width: 767px) {
          #fes-varied-content #fes-complete-learn-exp .bubble::after {
            background-image: url(images/fes/cat-bubble-pointer-mobile.png);
            width: 90px;
            height: 78px;
            bottom: -76px;
            left: 40%;
            top: auto;
            background-position: left top; } }
      #fes-varied-content #fes-complete-learn-exp .bubble > .bubble-content {
        display: table;
        width: 100%;
        height: 100%; }
        #fes-varied-content #fes-complete-learn-exp .bubble > .bubble-content .bubble-text {
          display: table-cell;
          vertical-align: middle;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            #fes-varied-content #fes-complete-learn-exp .bubble > .bubble-content .bubble-text {
              padding: 15px 20px; } }
        #fes-varied-content #fes-complete-learn-exp .bubble > .bubble-content h1 {
          color: #007cb0;
          font-size: 30px;
          font-size: 3rem;
          font-weight: 800;
          text-align: center;
          margin: 0; }
          @media only screen and (max-width: 1080px) {
            #fes-varied-content #fes-complete-learn-exp .bubble > .bubble-content h1 {
              font-size: 28px;
              font-size: 2.8rem; } }
          @media only screen and (max-width: 767px) {
            #fes-varied-content #fes-complete-learn-exp .bubble > .bubble-content h1 {
              font-size: 22px;
              font-size: 2.2rem;
              line-height: 1.2em;
              width: 80%;
              margin: 0 auto 5px; } }
    #fes-varied-content #fes-complete-learn-exp .activities {
      position: relative;
      z-index: 20;
      padding-top: 3vh; }
      @media only screen and (max-width: 767px) {
        #fes-varied-content #fes-complete-learn-exp .activities {
          padding-top: 4vh; } }
  @media only screen and (max-width: 767px) and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    #fes-varied-content #fes-complete-learn-exp .activities {
      padding-top: 12vh; } }

      #fes-varied-content #fes-complete-learn-exp .activities img {
        width: 22.5%;
        height: auto;
        display: block;
        float: left;
        margin-right: 2.5%; }
        @media only screen and (max-width: 767px) {
          #fes-varied-content #fes-complete-learn-exp .activities img {
            width: 48.75%; } }
  @media only screen and (max-width: 767px) and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    #fes-varied-content #fes-complete-learn-exp .activities img {
      margin-bottom: 2vh; } }

      #fes-varied-content #fes-complete-learn-exp .activities .activities-top img:last-child {
        margin-right: 25%; }
        @media only screen and (max-width: 767px) {
          #fes-varied-content #fes-complete-learn-exp .activities .activities-top img:last-child {
            margin-right: 50%; } }
      #fes-varied-content #fes-complete-learn-exp .activities .activities-bottom {
        padding-bottom: 3vh; }
        @media only screen and (max-width: 767px) {
          #fes-varied-content #fes-complete-learn-exp .activities .activities-bottom img:nth-child(2n) {
            margin-right: 0; } }

#fes-dashboard {
  padding-bottom: 30px; }
  #fes-dashboard .bg-pic {
    background-image: url(images/fes/classroom-bg.jpg);
    opacity: 0.33;
    background-position: center top;
    background-size: cover; }
  #fes-dashboard .editor {
    float: left;
    width: 48.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 767px) {
      #fes-dashboard .editor {
        float: none;
        width: 100%;
        margin: 0 0 30px 0; } }
  #fes-dashboard .module-slides {
    background-image: url(images/teachers-laptop.png);
    background-size: 100% auto;
    background-position: left top;
    height: 400px;
    float: left;
    width: 48.5%;
    margin-top: 20px; }
    @media only screen and (max-width: 1080px) {
      #fes-dashboard .module-slides {
        margin-top: 80px; } }
    @media only screen and (max-width: 767px) {
      #fes-dashboard .module-slides {
        float: none;
        width: 100%;
        margin: 10px 0px 0px 0px;
        height: 60vw; } }
  #fes-dashboard .cycle-slideshow {
    width: 72%;
    top: 5%;
    left: 14%; }
    @media only screen and (max-width: 1080px) {
      #fes-dashboard .cycle-slideshow {
        top: 3%; } }
    #fes-dashboard .cycle-slideshow img {
      height: auto;
      width: 100%; }

#fes-books .editor {
  float: right;
  width: 65.5%;
  margin-left: 2.5%; }
  @media only screen and (max-width: 767px) {
    #fes-books .editor {
      float: none;
      width: 100%;
      margin: 0 0 20px; } }
  #fes-books .editor ul {
    border: 2px dashed #f6be00;
    border-radius: 12px;
    padding: 20px 10px 12px 16px; }
    #fes-books .editor ul li {
      float: left;
      width: 50%;
      background-image: url(images/fes/check-blue.png);
      font-size: 20px;
      font-size: 2rem; }
      @media only screen and (max-width: 767px) {
        #fes-books .editor ul li {
          float: none;
          width: 100%;
          margin: 0 0 10px 0; } }
      #fes-books .editor ul li:nth-child(2), #fes-books .editor ul li:nth-child(3), #fes-books .editor ul li:nth-child(6) {
        background-image: url(images/fes/check-yellow.png); }
#fes-books .module-slides {
  float: right;
  width: 31.5%; }
  @media only screen and (max-width: 767px) {
    #fes-books .module-slides {
      float: none;
      width: 100%; } }
  #fes-books .module-slides .cycle-slideshow {
    height: 350px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #fes-books .module-slides .cycle-slideshow {
        height: 320px; } }
    #fes-books .module-slides .cycle-slideshow img {
      height: 300px;
      opacity: 0;
      width: auto;
      transform: rotate(-3deg);
      margin-top: 20px;
      margin-left: 50px;
      box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
      transition: opacity ease 0.2s; }
      @media only screen and (max-width: 1080px) {
        #fes-books .module-slides .cycle-slideshow img {
          height: auto;
          width: 80%;
          margin-left: 10%; } }
      @media only screen and (max-width: 767px) {
        #fes-books .module-slides .cycle-slideshow img {
          height: auto;
          width: 200px;
          margin-left: 50px; } }
      #fes-books .module-slides .cycle-slideshow img.worksheet {
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px; }
      #fes-books .module-slides .cycle-slideshow img.cycle-slide-active {
        opacity: 1; }
      #fes-books .module-slides .cycle-slideshow img:nth-child(2n) {
        transform: rotate(2deg); }
      #fes-books .module-slides .cycle-slideshow img:nth-child(3n) {
        transform: rotate(2deg); }
      #fes-books .module-slides .cycle-slideshow img:nth-child(4n) {
        transform: rotate(3deg); }

#fes-effective {
  background-color: rgba(68, 155, 239, 0.05);
  /*
  	@keyframes cycle1 {
  		1% {
  			opacity: 1;
  		}
  		
  		95% {
  		  	opacity:1;
  		}
  		
  		100% {
  		  	opacity:0;
  		}
  	}
  */ }
  #fes-effective .editor h2 {
    text-align: center; }
  #fes-effective .diagram {
    float: left;
    width: 65.5%;
    margin-right: 2.5%;
    position: relative;
    text-align: center;
    margin-top: 40px;
    height: 400px; }
    @media only screen and (max-width: 1080px) {
      #fes-effective .diagram {
        width: 100%;
        float: none;
        margin: 40px 0 0;
        height: 380px; } }
    @media only screen and (max-width: 767px) {
      #fes-effective .diagram {
        height: 250px; } }
    #fes-effective .diagram h3 {
      font-weight: 800;
      font-size: 30px;
      font-size: 3rem;
      position: relative;
      top: 100px;
      line-height: 1.2em; }
      @media only screen and (max-width: 767px) {
        #fes-effective .diagram h3 {
          font-size: 18px;
          font-size: 1.8rem;
          top: 70px; } }
      #fes-effective .diagram h3 span {
        padding: 10px;
        background-color: white;
        border: 2px dashed #f6be00;
        border-radius: 12px;
        display: inline-block; }
  #fes-effective .step {
    width: 33%;
    position: absolute;
    opacity: 1;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 700; }
    @media only screen and (max-width: 767px) {
      #fes-effective .step {
        font-size: 22px;
        font-size: 2.2rem; } }
    #fes-effective .step#step1 {
      top: 0;
      left: 50%;
      margin-left: -16.5%;
      opacity: 1;
      color: #2fb693; }
    #fes-effective .step#step2 {
      top: 130px;
      right: 0;
      animation: cycle2 10s infinite;
      color: #ffa300; }
      @media only screen and (max-width: 767px) {
        #fes-effective .step#step2 {
          top: 100px; } }
    #fes-effective .step#step3 {
      top: 280px;
      left: 50%;
      margin-left: -16.5%;
      animation: cycle3 10s infinite;
      color: #449bef; }
      @media only screen and (max-width: 767px) {
        #fes-effective .step#step3 {
          top: 200px; } }
    #fes-effective .step#step4 {
      top: 130px;
      left: 0;
      animation: cycle4 10s infinite;
      text-align: left;
      color: #864abb; }
      @media only screen and (max-width: 767px) {
        #fes-effective .step#step4 {
          top: 100px; } }
@keyframes cycle2 {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  25% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes cycle3 {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  45% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes cycle4 {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  65% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  #fes-effective .arrow {
    position: absolute;
    width: 145px;
    height: 90px;
    background-image: url(images/fes/arrow-cycle-yellow.png);
    background-size: contain;
    background-position: center center;
    opacity: 1; }
    @media only screen and (max-width: 767px) {
      #fes-effective .arrow {
        width: 90px;
        height: 70px; } }
    #fes-effective .arrow#arrow1 {
      right: 20%;
      top: 20px;
      animation: arrow-cycle1 10s infinite; }
      @media only screen and (max-width: 767px) {
        #fes-effective .arrow#arrow1 {
          right: 15%;
          top: 15px; } }
    #fes-effective .arrow#arrow2 {
      right: 20%;
      top: 200px;
      transform: rotate(120deg);
      animation: arrow-cycle2 10s infinite; }
      @media only screen and (max-width: 767px) {
        #fes-effective .arrow#arrow2 {
          right: 15%;
          top: 140px; } }
    #fes-effective .arrow#arrow3 {
      left: 20%;
      top: 200px;
      transform: rotate(180deg);
      animation: arrow-cycle3 10s infinite; }
      @media only screen and (max-width: 767px) {
        #fes-effective .arrow#arrow3 {
          left: 15%;
          top: 145px; } }
    #fes-effective .arrow#arrow4 {
      left: 20%;
      top: 20px;
      transform: rotate(300deg);
      animation: arrow-cycle4 10s infinite; }
      @media only screen and (max-width: 767px) {
        #fes-effective .arrow#arrow4 {
          left: 15%;
          top: 20px; } }
@keyframes arrow-cycle1 {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  25% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes arrow-cycle2 {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  45% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes arrow-cycle3 {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  65% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes arrow-cycle4 {
  0% {
    opacity: 0; }
  80% {
    opacity: 0; }
  85% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  #fes-effective .info-panel {
    position: relative;
    float: left;
    width: 31.5%;
    right: 0;
    top: 0;
    margin-top: 60px; }
    @media only screen and (max-width: 1080px) {
      #fes-effective .info-panel {
        float: none;
        width: 48.5%;
        margin: 0 auto;
        height: 300px; } }
    @media only screen and (max-width: 767px) {
      #fes-effective .info-panel {
        width: 82.5%;
        margin: 0 auto; } }
    #fes-effective .info-panel .panel {
      border: 2px dashed #f6be00;
      border-radius: 12px;
      padding: 12px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      text-align: center;
      width: 100%; }
      #fes-effective .info-panel .panel img {
        width: auto;
        max-width: 80%;
        height: 150px; }
      #fes-effective .info-panel .panel p {
        line-height: 1.3em; }
      #fes-effective .info-panel .panel strong {
        font-weight: 800;
        font-size: 30px;
        font-size: 3rem;
        color: #449bef; }
        @media only screen and (max-width: 767px) {
          #fes-effective .info-panel .panel strong {
            font-size: 22px;
            font-size: 2.2rem; } }
      #fes-effective .info-panel .panel#panel1 {
        animation: info-cycle1 10s infinite; }
        #fes-effective .info-panel .panel#panel1 strong {
          color: #2fb693; }
      #fes-effective .info-panel .panel#panel2 {
        animation: info-cycle2 10s infinite; }
        #fes-effective .info-panel .panel#panel2 strong {
          color: #ffa300; }
      #fes-effective .info-panel .panel#panel3 {
        animation: info-cycle3 10s infinite; }
        #fes-effective .info-panel .panel#panel3 strong {
          color: #449bef; }
      #fes-effective .info-panel .panel#panel4 {
        animation: info-cycle4 10s infinite; }
        #fes-effective .info-panel .panel#panel4 strong {
          color: #864abb; }
@keyframes info-cycle1 {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  25% {
    opacity: 0; }
  95% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes info-cycle2 {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  25% {
    opacity: 1; }
  40% {
    opacity: 1; }
  45% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes info-cycle3 {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  45% {
    opacity: 1; }
  60% {
    opacity: 1; }
  65% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes info-cycle4 {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  65% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* free classroom trial  and get in touch popup */
#festrial-overlay .popup-form,
#getintouch-overlay .popup-form {
  max-height: calc(100vh - 60px);
  overflow-y: scroll;
  width: 60%;
  max-width: 800px; }
  @media only screen and (max-width: 1080px) {
    #festrial-overlay .popup-form,
    #getintouch-overlay .popup-form {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    #festrial-overlay .popup-form,
    #getintouch-overlay .popup-form {
      width: 94%; } }
  #festrial-overlay .popup-form .nf-form-cont,
  #getintouch-overlay .popup-form .nf-form-cont {
    padding: 20px !important;
    margin-bottom: 0 !important;
    background-color: transparent !important; }
    @media only screen and (max-width: 767px) {
      #festrial-overlay .popup-form .nf-form-cont,
      #getintouch-overlay .popup-form .nf-form-cont {
        padding: 20px 0 0 !important; } }
    #festrial-overlay .popup-form .nf-form-cont .sc-hidden,
    #getintouch-overlay .popup-form .nf-form-cont .sc-hidden {
      display: none; }
    #festrial-overlay .popup-form .nf-form-cont .one-half,
    #getintouch-overlay .popup-form .nf-form-cont .one-half {
      float: left;
      width: 47.5%; }
      @media only screen and (max-width: 767px) {
        #festrial-overlay .popup-form .nf-form-cont .one-half,
        #getintouch-overlay .popup-form .nf-form-cont .one-half {
          float: none;
          width: 100%; } }
      #festrial-overlay .popup-form .nf-form-cont .one-half.first,
      #getintouch-overlay .popup-form .nf-form-cont .one-half.first {
        margin-right: 5%;
        clear: left; }
    #festrial-overlay .popup-form .nf-form-cont .privacy-disclaimer,
    #getintouch-overlay .popup-form .nf-form-cont .privacy-disclaimer {
      font-size: 16px;
      font-size: 1.6rem; }
      #festrial-overlay .popup-form .nf-form-cont .privacy-disclaimer p,
      #getintouch-overlay .popup-form .nf-form-cont .privacy-disclaimer p {
        line-height: 1.3em; }
      #festrial-overlay .popup-form .nf-form-cont .privacy-disclaimer a,
      #getintouch-overlay .popup-form .nf-form-cont .privacy-disclaimer a {
        color: white !important;
        text-decoration: underline; }
      @media only screen and (max-width: 767px) {
        #festrial-overlay .popup-form .nf-form-cont .privacy-disclaimer,
        #getintouch-overlay .popup-form .nf-form-cont .privacy-disclaimer {
          font-size: 14px;
          font-size: 1.4rem; } }
    #festrial-overlay .popup-form .nf-form-cont .submit-container input[type="button"],
    #getintouch-overlay .popup-form .nf-form-cont .submit-container input[type="button"] {
      width: 100% !important; }
#festrial-overlay .editor h2,
#getintouch-overlay .editor h2 {
  margin-bottom: 20px; }
#festrial-overlay .editor p,
#getintouch-overlay .editor p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5em;
  margin: 0 0 1em; }
  @media only screen and (max-width: 767px) {
    #festrial-overlay .editor p,
    #getintouch-overlay .editor p {
      font-size: 16px;
      font-size: 1.6rem; } }

#getintouch-overlay .popup-form {
  background-color: #449bef; }

/* schools sub navigation */
.for-schools-nav {
  position: relative;
  z-index: 100;
  background-color: #f6be00;
  box-shadow: 0 6px 6px rgba(66, 66, 66, 0.1);
  transition: all ease-out .3s; }
  .for-schools-nav ul {
    text-align: center;
    padding: 5px 0; }
    .for-schools-nav ul li {
      display: inline-block;
      margin: 0 5px; }
      .for-schools-nav ul li a {
        padding: 10px 15px;
        color: white;
        display: block;
        line-height: 1.2em;
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: 700;
        border-radius: 20px;
        transition: all ease 0.3s;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
        background-color: rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .for-schools-nav ul li a {
            padding: 6px 10px;
            font-weight: 700;
            font-size: 18px;
            font-size: 1.8rem;
            margin-bottom: 6px; } }
        .for-schools-nav ul li a:hover {
          background-color: rgba(0, 0, 0, 0.3); }
      .for-schools-nav ul li.current-menu-item a {
        background-color: white;
        color: #449bef;
        text-shadow: none; }
  .for-schools-nav.fixed {
    position: fixed;
    left: 0;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .for-schools-nav.fixed {
        position: relative; } }
    .for-schools-nav.fixed.high {
      top: 100px; }
      @media only screen and (max-width: 767px) {
        .for-schools-nav.fixed.high {
          top: 0; } }
    .for-schools-nav.fixed.low {
      top: 140px; }
      @media only screen and (max-width: 1080px) {
        .for-schools-nav.fixed.low {
          top: 100px; } }
      @media only screen and (max-width: 767px) {
        .for-schools-nav.fixed.low {
          top: 0; } }

.for-schools-nav.fixed + #main-content,
.for-schools-nav.fixed + .for-schools-content {
  padding-top: 40px; }
  @media only screen and (max-width: 767px) {
    .for-schools-nav.fixed + #main-content,
    .for-schools-nav.fixed + .for-schools-content {
      padding-top: 0; } }

/* schools child pages */
.page-template-page-for-schools-overview .title-banner,
.page-template-page-for-schools-child .title-banner,
.page-template-page-for-schools-videos .title-banner,
.page-template-page-for-schools-samples .title-banner,
.page-template-page-for-schools-guides .title-banner,
.page-template-page-for-schools-parent-download .title-banner,
.page-template-page-for-schools-child-nomenu .title-banner {
  height: 200px;
  color: white; }
  @media only screen and (max-width: 767px) {
    .page-template-page-for-schools-overview .title-banner,
    .page-template-page-for-schools-child .title-banner,
    .page-template-page-for-schools-videos .title-banner,
    .page-template-page-for-schools-samples .title-banner,
    .page-template-page-for-schools-guides .title-banner,
    .page-template-page-for-schools-parent-download .title-banner,
    .page-template-page-for-schools-child-nomenu .title-banner {
      height: 180px; } }
  .page-template-page-for-schools-overview .title-banner .bg-pic1,
  .page-template-page-for-schools-child .title-banner .bg-pic1,
  .page-template-page-for-schools-videos .title-banner .bg-pic1,
  .page-template-page-for-schools-samples .title-banner .bg-pic1,
  .page-template-page-for-schools-guides .title-banner .bg-pic1,
  .page-template-page-for-schools-parent-download .title-banner .bg-pic1,
  .page-template-page-for-schools-child-nomenu .title-banner .bg-pic1 {
    background-image: url(images/s4s-titlebanner-bg.jpg);
    background-position: top center;
    background-size: cover;
    opacity: 1; }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-overview .title-banner .bg-pic1,
      .page-template-page-for-schools-child .title-banner .bg-pic1,
      .page-template-page-for-schools-videos .title-banner .bg-pic1,
      .page-template-page-for-schools-samples .title-banner .bg-pic1,
      .page-template-page-for-schools-guides .title-banner .bg-pic1,
      .page-template-page-for-schools-parent-download .title-banner .bg-pic1,
      .page-template-page-for-schools-child-nomenu .title-banner .bg-pic1 {
        background-position: left 30% center; } }
  .page-template-page-for-schools-overview .title-banner .bg-pic2,
  .page-template-page-for-schools-child .title-banner .bg-pic2,
  .page-template-page-for-schools-videos .title-banner .bg-pic2,
  .page-template-page-for-schools-samples .title-banner .bg-pic2,
  .page-template-page-for-schools-guides .title-banner .bg-pic2,
  .page-template-page-for-schools-parent-download .title-banner .bg-pic2,
  .page-template-page-for-schools-child-nomenu .title-banner .bg-pic2 {
    background-image: url(images/logo-s4s.png);
    background-position: center center;
    background-size: 360px auto; }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-overview .title-banner .bg-pic2,
      .page-template-page-for-schools-child .title-banner .bg-pic2,
      .page-template-page-for-schools-videos .title-banner .bg-pic2,
      .page-template-page-for-schools-samples .title-banner .bg-pic2,
      .page-template-page-for-schools-guides .title-banner .bg-pic2,
      .page-template-page-for-schools-parent-download .title-banner .bg-pic2,
      .page-template-page-for-schools-child-nomenu .title-banner .bg-pic2 {
        background-size: 300px auto; } }
    .page-template-page-for-schools-overview .title-banner .bg-pic2 a,
    .page-template-page-for-schools-child .title-banner .bg-pic2 a,
    .page-template-page-for-schools-videos .title-banner .bg-pic2 a,
    .page-template-page-for-schools-samples .title-banner .bg-pic2 a,
    .page-template-page-for-schools-guides .title-banner .bg-pic2 a,
    .page-template-page-for-schools-parent-download .title-banner .bg-pic2 a,
    .page-template-page-for-schools-child-nomenu .title-banner .bg-pic2 a {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
.page-template-page-for-schools-overview .page-content,
.page-template-page-for-schools-child .page-content,
.page-template-page-for-schools-videos .page-content,
.page-template-page-for-schools-samples .page-content,
.page-template-page-for-schools-guides .page-content,
.page-template-page-for-schools-parent-download .page-content,
.page-template-page-for-schools-child-nomenu .page-content {
  padding-top: 50px;
  width: 82.5%;
  margin-left: 8.5%; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-for-schools-overview .page-content,
    .page-template-page-for-schools-child .page-content,
    .page-template-page-for-schools-videos .page-content,
    .page-template-page-for-schools-samples .page-content,
    .page-template-page-for-schools-guides .page-content,
    .page-template-page-for-schools-parent-download .page-content,
    .page-template-page-for-schools-child-nomenu .page-content {
      width: 100%;
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-for-schools-overview .page-content,
    .page-template-page-for-schools-child .page-content,
    .page-template-page-for-schools-videos .page-content,
    .page-template-page-for-schools-samples .page-content,
    .page-template-page-for-schools-guides .page-content,
    .page-template-page-for-schools-parent-download .page-content,
    .page-template-page-for-schools-child-nomenu .page-content {
      padding-top: 20px; } }
  .page-template-page-for-schools-overview .page-content .editor h1:first-of-type,
  .page-template-page-for-schools-child .page-content .editor h1:first-of-type,
  .page-template-page-for-schools-videos .page-content .editor h1:first-of-type,
  .page-template-page-for-schools-samples .page-content .editor h1:first-of-type,
  .page-template-page-for-schools-guides .page-content .editor h1:first-of-type,
  .page-template-page-for-schools-parent-download .page-content .editor h1:first-of-type,
  .page-template-page-for-schools-child-nomenu .page-content .editor h1:first-of-type {
    font-size: 45px;
    font-size: 4.5rem;
    margin-bottom: 50px; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-overview .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-child .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-videos .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-samples .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-guides .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-parent-download .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-child-nomenu .page-content .editor h1:first-of-type {
        font-size: 38px;
        font-size: 3.8rem; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-overview .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-child .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-videos .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-samples .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-guides .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-parent-download .page-content .editor h1:first-of-type,
      .page-template-page-for-schools-child-nomenu .page-content .editor h1:first-of-type {
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 20px; } }
  .page-template-page-for-schools-overview .page-content .editor .wp-video,
  .page-template-page-for-schools-child .page-content .editor .wp-video,
  .page-template-page-for-schools-videos .page-content .editor .wp-video,
  .page-template-page-for-schools-samples .page-content .editor .wp-video,
  .page-template-page-for-schools-guides .page-content .editor .wp-video,
  .page-template-page-for-schools-parent-download .page-content .editor .wp-video,
  .page-template-page-for-schools-child-nomenu .page-content .editor .wp-video {
    margin: 0 auto; }

/* schools videos */
.page-template-page-for-schools-videos .page-content {
  width: 100%;
  margin: 0; }

.video-gallery #product-training article {
  width: 48.5%; }
  @media only screen and (max-width: 767px) {
    .video-gallery #product-training article {
      width: 100%; } }
  .video-gallery #product-training article:nth-child(2n) {
    margin-right: 0; }
.video-gallery #other-training article {
  width: 31.5%; }
  @media only screen and (max-width: 1080px) {
    .video-gallery #other-training article {
      width: 48.5%; }
      .video-gallery #other-training article:nth-child(2n) {
        margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    .video-gallery #other-training article {
      width: 100%; } }
  .video-gallery #other-training article:nth-child(3n) {
    margin-right: 0; }
    @media only screen and (max-width: 1080px) {
      .video-gallery #other-training article:nth-child(3n) {
        margin-right: 2.5%; } }
.video-gallery article {
  float: left;
  margin: 0 2.5% 60px 0; }
  @media only screen and (max-width: 767px) {
    .video-gallery article {
      float: none;
      margin: 0 0 30px 0; } }
  .video-gallery article .poster {
    position: relative;
    border-radius: 6px; }
    .video-gallery article .poster:after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border-radius: 6px;
      background-color: rgba(0, 0, 0, 0.15);
      background-image: url(images/ic-video-play.svg);
      background-position: center center;
      background-size: 50px 50px;
      background-repeat: no-repeat;
      transition: all ease 0.3s; }
    .video-gallery article .poster img {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      border-radius: 6px;
      transition: all ease 0.3s;
      border: 3px solid transparent; }
  .video-gallery article h3 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    margin: .5em 0;
    transition: all ease 0.3s;
    text-align: center; }
  .video-gallery article p {
    line-height: 1.3em;
    padding-right: 5%;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center; }
  .video-gallery article a {
    display: block;
    outline: none; }
    .video-gallery article a:hover .poster:after {
      background-size: 80px 80px;
      background-color: transparent; }
    .video-gallery article a:hover h3 {
      color: #449bef; }
    .video-gallery article a:hover img {
      border: 3px solid #449bef; }

/* schools samples */
.page-template-page-for-schools-samples .page-content {
  width: 100%;
  margin: 0; }
.page-template-page-for-schools-samples .sample-gallery p {
  text-align: center; }
.page-template-page-for-schools-samples .sample-gallery article {
  float: left;
  width: 31.5%;
  margin: 0 2.5% 60px 0; }
  .page-template-page-for-schools-samples .sample-gallery article:nth-of-type(3n) {
    margin-right: 0; }
  .page-template-page-for-schools-samples .sample-gallery article img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    transition: all ease 0.3s; }
  .page-template-page-for-schools-samples .sample-gallery article a {
    display: block;
    outline: none;
    background-color: black; }
    .page-template-page-for-schools-samples .sample-gallery article a:hover img {
      opacity: 0.75; }
.page-template-page-for-schools-samples .sample-gallery #flashcards article {
  width: 23%; }
  .page-template-page-for-schools-samples .sample-gallery #flashcards article:nth-of-type(3n) {
    margin-right: 2.5%; }
  .page-template-page-for-schools-samples .sample-gallery #flashcards article:nth-of-type(4n) {
    margin-right: 0; }
  .page-template-page-for-schools-samples .sample-gallery #flashcards article img {
    box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.15); }

/* FES guides */
.page-template-page-for-schools-guides .page-content {
  padding-bottom: 30px; }
.page-template-page-for-schools-guides .fes-guides {
  padding-bottom: 60px; }
  .page-template-page-for-schools-guides .fes-guides article {
    float: left;
    width: 31.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-guides .fes-guides article {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
    .page-template-page-for-schools-guides .fes-guides article:nth-child(3n) {
      margin-right: 0; }
    .page-template-page-for-schools-guides .fes-guides article div {
      background-color: #25282a; }
    .page-template-page-for-schools-guides .fes-guides article img {
      width: 100%;
      height: auto;
      display: block;
      transition: all ease 0.3s; }
    .page-template-page-for-schools-guides .fes-guides article h3 {
      text-align: center;
      padding-top: 10px; }
    .page-template-page-for-schools-guides .fes-guides article a {
      display: block;
      text-decoration: none; }
      .page-template-page-for-schools-guides .fes-guides article a:hover img {
        opacity: 0.75; }

.fes-trial-cta {
  background-color: #449bef;
  color: white;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  background-image: url(images/fes/kid-ipad.png);
  background-size: auto 100%;
  background-position: right bottom -20px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 1080px) {
    .fes-trial-cta {
      text-align: left; } }
  @media only screen and (max-width: 767px) {
    .fes-trial-cta {
      text-align: center;
      padding: 20px 20px 200px;
      background-position: center bottom -20px;
      background-size: auto 220px; } }
  .fes-trial-cta h2 {
    margin-bottom: 20px !important;
    color: white !important; }
    @media only screen and (max-width: 1080px) {
      .fes-trial-cta h2 {
        text-align: left !important; } }
  .fes-trial-cta p {
    width: 57%;
    margin: 0 auto 1.5em; }
    @media only screen and (max-width: 1080px) {
      .fes-trial-cta p {
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .fes-trial-cta p {
        width: 100%; } }

.single-post .fes-trial-cta {
  text-align: left; }
  @media only screen and (max-width: 1080px) {
    .single-post .fes-trial-cta {
      padding: 20px;
      background-size: 300px auto;
      background-position: right -30px bottom -20px; }
      .single-post .fes-trial-cta p:last-child {
        width: 100%; } }
  .single-post .fes-trial-cta p {
    margin-left: 0; }

/* downloads FES */
.page-id-145696 .page-content .editor h1, .page-id-145696 .page-content .editor h2 {
  margin-bottom: 30px !important; }

#download.page-template-page-for-schools-child .page-content {
  width: 82.5%;
  margin-left: 8.5%; }

#fes-download-links {
  width: 100%;
  margin: 0 auto 40px; }
  #fes-download-links .fes-download-platform {
    float: left;
    width: 22.5%;
    border-radius: 12px;
    background-color: rgba(134, 74, 187, 0.2);
    padding: 2%;
    margin-left: 3.33%;
    text-align: center; }
    @media only screen and (max-width: 1080px) {
      #fes-download-links .fes-download-platform {
        width: 46%;
        margin: 0 2% 20px; } }
    @media only screen and (max-width: 767px) {
      #fes-download-links .fes-download-platform {
        float: none;
        width: 100%;
        margin: 0 0 20px 0; } }
    #fes-download-links .fes-download-platform:first-child {
      margin-left: 0; }
      @media only screen and (max-width: 1080px) {
        #fes-download-links .fes-download-platform:first-child {
          margin-left: 2%; } }
      @media only screen and (max-width: 767px) {
        #fes-download-links .fes-download-platform:first-child {
          margin: 0 0 30px; } }
    #fes-download-links .fes-download-platform img {
      width: 100%;
      height: auto;
      display: block;
      margin-bottom: 10px; }

/* coming soon */
.page-template-page-for-schools-comingsoon .title-banner {
  background-color: #25282a;
  height: 200px;
  color: white; }
  .page-template-page-for-schools-comingsoon .title-banner .bg-pic1 {
    background-image: url(images/home-schools-bg.jpg);
    background-position: top -20vw center;
    background-size: cover;
    opacity: 0.66; }
    @media only screen and (max-width: 767px) {
      .page-template-page-for-schools-comingsoon .title-banner .bg-pic1 {
        background-position: center center; } }
  .page-template-page-for-schools-comingsoon .title-banner .bg-pic2 {
    background-image: url(images/logo-FES.png);
    background-position: center center;
    background-size: 240px auto; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-for-schools-comingsoon .title-banner .bg-pic2 {
        background-size: 240px auto; } }
    .page-template-page-for-schools-comingsoon .title-banner .bg-pic2 a {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
.page-template-page-for-schools-comingsoon .page-content {
  padding-top: 40px; }
  .page-template-page-for-schools-comingsoon .page-content .editor {
    text-align: center;
    margin: 0 auto;
    max-width: 720px; }
    .page-template-page-for-schools-comingsoon .page-content .editor h1 {
      font-size: 42px;
      font-size: 4.2rem;
      font-weight: 700;
      line-height: 1.3em;
      margin: 0 auto 15px; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-for-schools-comingsoon .page-content .editor h1 {
          font-size: 36px;
          font-size: 3.6rem; } }
      @media only screen and (max-width: 767px) {
        .page-template-page-for-schools-comingsoon .page-content .editor h1 {
          font-size: 30px;
          font-size: 3rem;
          margin: 0 auto 20px; } }
    .page-template-page-for-schools-comingsoon .page-content .editor h3 {
      margin-top: -0.75em; }
    .page-template-page-for-schools-comingsoon .page-content .editor p.coming-soon-pic {
      margin-bottom: 0; }
    .page-template-page-for-schools-comingsoon .page-content .editor .alert {
      background-color: rgba(246, 190, 0, 0.5);
      padding: 30px 30px 10px;
      border-radius: 12px; }

/* summer donations campaign landing page */
/* hide navigation */
.page-id-328148 #site-wrapper {
  padding-top: 0; }
.page-id-328148 #site-header {
  display: none; }
.page-id-328148 .for-schools-nav,
.page-id-328148 #techspecs {
  display: none; }

/* Jector Resources */
.page-jector-resources .editor h1 {
  display: none; }
.page-jector-resources .editor .jector-list {
  list-style-type: none;
  margin-left: 0; }
  .page-jector-resources .editor .jector-list li {
    margin: 0 0 1em; }
    .page-jector-resources .editor .jector-list li a {
      text-decoration: none;
      display: block;
      height: 48px;
      background-color: #fa5e68;
      border-radius: 24px;
      color: white;
      padding: 8px 0 0 70px;
      position: relative; }
      .page-jector-resources .editor .jector-list li a:before {
        content: "";
        width: 60px;
        height: 60px;
        border-radius: 100%;
        background-color: white;
        position: absolute;
        top: -6px;
        left: 0;
        background-position: center center;
        background-repeat: no-repeat; }
    .page-jector-resources .editor .jector-list li.trial-account a:before {
      background-image: url(/wp-content/uploads/2020/03/icon-s4s-300x300.png);
      background-size: cover; }
    .page-jector-resources .editor .jector-list li.scs-intro a:before {
      background-image: url(/wp-content/themes/studycat2019/images/logo-s4s.png);
      background-size: 56px; }
    .page-jector-resources .editor .jector-list li.dashboard a:before {
      background-image: url(/wp-content/uploads/2020/07/jector-icon-intro.jpg);
      background-size: contain; }
    .page-jector-resources .editor .jector-list li.studycat-club a:before {
      background-image: url(/wp-content/themes/studycat2019/images/studycat-club/club-welcome-cat.svg);
      background-size: contain;
      background-color: #864abb; }
    .page-jector-resources .editor .jector-list li.teacher-jason a:before {
      background-image: url(/wp-content/uploads/2020/06/Jason_4.png);
      background-size: cover; }
    .page-jector-resources .editor .jector-list li.facebook a:before {
      background-image: url(images/social/ic-facebook.svg);
      background-size: auto 30px;
      background-color: #3b5998; }
    .page-jector-resources .editor .jector-list li.youtube a:before {
      background-image: url(images/social/ic-youtube.svg);
      background-size: auto 30px;
      background-color: red; }
  @media only screen and (max-width: 1080px) {
    .page-jector-resources .editor .jector-list.half-row {
      width: 100%;
      padding: 0;
      float: none; } }
  .page-jector-resources .editor .jector-list.half-row li a {
    background-color: #449bef; }
  @media only screen and (max-width: 1080px) {
    .page-jector-resources .editor .jector-list.last-row {
      padding: 0; } }
  .page-jector-resources .editor .jector-list.last-row li a {
    background-color: #ffa300; }

#s4s-free-trial #fes-download-links {
  margin: 0 auto 20px;
  text-align: center; }
  #s4s-free-trial #fes-download-links .fes-download-platform {
    width: 25%;
    float: none;
    display: inline-block; }
    @media only screen and (max-width: 1080px) {
      #s4s-free-trial #fes-download-links .fes-download-platform {
        width: 35%; } }
    @media only screen and (max-width: 767px) {
      #s4s-free-trial #fes-download-links .fes-download-platform {
        width: 45%; } }
#s4s-free-trial #s4s-link-icon {
  margin-bottom: -20px; }
#s4s-free-trial #s4s-login-screen {
  transform: rotate(-2deg); }
  @media only screen and (max-width: 767px) {
    #s4s-free-trial #s4s-login-screen {
      width: 300px;
      height: auto; } }

.page-template-page-for-schools-bookbridge #site-wrapper {
  padding-top: 100px; }
.page-template-page-for-schools-bookbridge #site-header {
  height: 100px; }
  .page-template-page-for-schools-bookbridge #site-header.headroom--unpinned {
    transform: none; }
.page-template-page-for-schools-bookbridge #toolbar,
.page-template-page-for-schools-bookbridge #main-nav {
  display: none; }

/* feedback survey */
.page-template-page-feedbacksurvey-2020 .title-banner {
  height: 250px;
  background: black;
  color: white; }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .title-banner {
      height: 150px; } }
  .page-template-page-feedbacksurvey-2020 .title-banner .bg-pic {
    background-image: url(images/home-schools-crop-bg.jpg);
    opacity: 0.6; }
.page-template-page-feedbacksurvey-2020 .page-content {
  padding: 40px 0 60px; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-feedbacksurvey-2020 .page-content {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .page-content {
      width: 100%;
      padding: 20px 0 40px; } }
.page-template-page-feedbacksurvey-2020 .nf-form-cont {
  background-color: white !important;
  padding: 0;
  /* textarea depth */
  /* radio checkbox alignment */
  /* age  field */
  /* error message */
  /* placeholder */
  /* number selector height */
  /* star rating  */ }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .label-above .nf-field-label {
      margin-bottom: 15px; }
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .label-above .nf-field-label label {
        line-height: 1.2em; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .description {
      font-size: 14px;
      font-size: 1.4rem; } }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .shallow textarea {
    height: 120px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .list-checkbox-wrap .nf-field-element li {
      margin: 0 0 20px !important; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .list-checkbox-wrap .nf-field-element li label {
      line-height: 1.2em; } }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .list-checkbox-wrap .nf-field-element li input {
    margin-top: .9em; }
    @media only screen and (max-width: 767px) {
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .list-checkbox-wrap .nf-field-element li input {
        margin-top: 0.35em; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .list-radio-wrap .nf-field-element li {
      margin: 0 0 20px !important; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .list-radio-wrap .nf-field-element li label {
      line-height: 1.2em; } }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .list-radio-wrap .nf-field-element li input {
    margin-top: .9em; }
    @media only screen and (max-width: 767px) {
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .list-radio-wrap .nf-field-element li input {
        margin-top: 0.35em; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .two-col-list .nf-field-element li,
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .three-col-list .nf-field-element li,
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .four-col-list .nf-field-element li {
      float: none;
      width: 100%; } }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .two-col-list .nf-field-element li input,
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .three-col-list .nf-field-element li input,
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .four-col-list .nf-field-element li input {
    margin-top: 1em; }
    @media only screen and (max-width: 767px) {
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .two-col-list .nf-field-element li input,
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .three-col-list .nf-field-element li input,
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .four-col-list .nf-field-element li input {
        margin-top: .35em; } }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .two-col-list .nf-field-element li label,
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .three-col-list .nf-field-element li label,
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .four-col-list .nf-field-element li label {
    line-height: 1.2em; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .age .ninja-forms-field {
    width: 100px; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .nf-error-msg {
    font-weight: 700; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont ::placeholder {
    font-size: 16px;
    font-size: 1.6rem; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .number-selector .ninja-forms-field {
    height: 38px; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .starrating-intro h4 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .starrating-intro p {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .starrating-container .nf-field-label label {
    font-weight: 400;
    line-height: 1.2em; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .starrating {
    background-color: white;
    display: inline-block;
    padding: 6px;
    border-radius: 12px; }
    @media only screen and (max-width: 767px) {
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .starrating {
        width: 100%; }
        .page-template-page-feedbacksurvey-2020 .nf-form-cont .starrating .star {
          width: 10%; } }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont #nf-field-724-wrap .nf-field-label label {
    font-weight: 400; }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .one-half {
    width: 50%;
    padding-right: 4%;
    float: left; }
    @media only screen and (max-width: 767px) {
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .one-half {
        width: 100%;
        float: none;
        margin-right: 0; } }
  .page-template-page-feedbacksurvey-2020 .nf-form-cont .intro p {
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .page-template-page-feedbacksurvey-2020 .nf-form-cont .intro p {
        font-size: 16px;
        font-size: 1.6rem; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-form-cont .nf-next {
      width: 105px; } }
.page-template-page-feedbacksurvey-2020 .nf-mp-header > div {
  position: relative; }
  .page-template-page-feedbacksurvey-2020 .nf-mp-header > div::before {
    content: "Survey progress";
    text-align: center;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 800;
    color: #449bef;
    padding: 0 0 8px 0; }
  .page-template-page-feedbacksurvey-2020 .nf-mp-header > div::after {
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 130px;
    right: -64px;
    top: 0;
    background-image: url(images/cat/cat_wondering.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    @media only screen and (max-width: 767px) {
      .page-template-page-feedbacksurvey-2020 .nf-mp-header > div::after {
        display: none; } }
.page-template-page-feedbacksurvey-2020 .nf-mp-header .nf-progress-container {
  margin: 0;
  border: 3px solid #449bef;
  border-radius: 10px; }
.page-template-page-feedbacksurvey-2020 .nf-mp-header h3 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.3em;
  margin: 30px auto 30px;
  color: #25282a; }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-mp-header h3 {
      font-size: 24px;
      font-size: 2.4rem;
      margin: 15px auto; } }
.page-template-page-feedbacksurvey-2020 .nf-mp-body {
  padding: 30px;
  background-color: rgba(68, 155, 239, 0.1);
  border-radius: 12px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .page-template-page-feedbacksurvey-2020 .nf-mp-body {
      padding: 15px; } }
  .page-template-page-feedbacksurvey-2020 .nf-mp-body::after {
    content: "";
    position: absolute;
    display: block;
    width: 90px;
    height: 140px;
    left: 50%;
    bottom: -110px;
    margin-left: -45px;
    background-image: url(images/cat/cat_memory_noclouds.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    @media only screen and (max-width: 767px) {
      .page-template-page-feedbacksurvey-2020 .nf-mp-body::after {
        height: 100px;
        width: 80px;
        bottom: -90px;
        margin-left: -40px; } }
.page-template-page-feedbacksurvey-2020 .nf-after-form-content .nf-error-msg {
  margin-top: 40px;
  text-align: center; }

/* school-link */
#ban-khao-sat .title-banner .title-wrapper h1 {
  font-size: 50px;
  font-size: 5rem; }
  @media only screen and (max-width: 1080px) {
    #ban-khao-sat .title-banner .title-wrapper h1 {
      font-size: 40px;
      font-size: 4rem; } }
  @media only screen and (max-width: 767px) {
    #ban-khao-sat .title-banner .title-wrapper h1 {
      font-size: 30px;
      font-size: 3rem; } }
#ban-khao-sat .page-content {
  width: 82.5%;
  margin-left: 8.5%; }
  @media only screen and (max-width: 1080px) {
    #ban-khao-sat .page-content {
      width: 100%;
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    #ban-khao-sat .page-content > .editor img.alignright {
      width: 33%;
      margin-bottom: 10px; } }
#ban-khao-sat .nf-form-cont {
  padding: 0px !important; }
  @media only screen and (max-width: 767px) {
    #ban-khao-sat .nf-form-cont .nf-next {
      width: 145px; } }
  #ban-khao-sat .nf-form-cont .sc-hidden {
    display: none; }
#ban-khao-sat .nf-mp-header {
  position: relative;
  z-index: 10; }
  #ban-khao-sat .nf-mp-header > div {
    position: relative; }
    #ban-khao-sat .nf-mp-header > div::before {
      content: "Tiến độ khảo sát"; }
    @media only screen and (max-width: 767px) {
      #ban-khao-sat .nf-mp-header > div::after {
        right: -36px; } }
#ban-khao-sat .ninja-forms-req-symbol {
  display: none; }
#ban-khao-sat .nf-mp-header {
  padding-bottom: 30px; }
#ban-khao-sat .nf-field-label label {
  line-height: 1.3em; }
#ban-khao-sat .number-wrap input {
  font-size: 18px;
  font-size: 1.8rem; }
#ban-khao-sat .five-col-list .list-radio-wrap li {
  line-height: 1.2em; }
  @media only screen and (max-width: 767px) {
    #ban-khao-sat .five-col-list .list-radio-wrap li {
      float: none;
      margin-left: 0;
      width: 100%; } }
  #ban-khao-sat .five-col-list .list-radio-wrap li label {
    font-size: 18px;
    font-size: 1.8rem; }

/* privacy policy */
.page-template-page-privacy .title-banner {
  height: 250px; }
  .page-template-page-privacy .title-banner .title-wrapper h1 {
    font-family: 'Studycat-Regular';
    font-weight: 400; }
  .page-template-page-privacy .title-banner .title-wrapper .wp-post-image {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 150px; }
.page-template-page-privacy #main-content {
  padding-top: 0; }
.page-template-page-privacy .page-content {
  width: 82.5%;
  margin-left: 8.5%; }
  @media only screen and (max-width: 767px) {
    .page-template-page-privacy .page-content {
      width: 100%;
      margin-left: 0; } }
.page-template-page-privacy .editor h2 {
  padding-top: 60px;
  border-top: 3px dotted #449bef;
  margin-top: 60px; }
.page-template-page-privacy .editor a {
  text-decoration: underline; }
  .page-template-page-privacy .editor a:hover {
    color: #449bef; }
.page-template-page-privacy .editor ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0; }
  .page-template-page-privacy .editor ol li {
    margin: 0 0 .6em 0;
    line-height: 1.6em;
    counter-increment: item; }
    .page-template-page-privacy .editor ol li:before {
      content: counters(item,".") ". ";
      padding-right: 0.6em; }
    .page-template-page-privacy .editor ol li h3 {
      display: inline-block; }
    .page-template-page-privacy .editor ol li b {
      font-weight: 700; }
.page-template-page-privacy .editor > ol > li {
  padding-top: 2em; }
  .page-template-page-privacy .editor > ol > li:first-child {
    padding-top: 0; }
  .page-template-page-privacy .editor > ol > li:before {
    font-size: 2.4rem;
    font-weight: 700; }
.page-template-page-privacy .editor ol ol {
  margin-left: 2em; }
  .page-template-page-privacy .editor ol ol > li {
    padding-right: 0.6em;
    padding-left: 1.6em; }
    .page-template-page-privacy .editor ol ol > li:before {
      margin-left: -2.5em; }
.page-template-page-privacy .editor ol ol ol {
  margin-top: 0.5em; }
  .page-template-page-privacy .editor ol ol ol li {
    list-style-type: lower-alpha;
    margin-left: 1em;
    padding-left: .4em; }
    .page-template-page-privacy .editor ol ol ol li:before {
      display: none; }
    .page-template-page-privacy .editor ol ol ol li ol li {
      list-style-type: lower-roman; }
.page-template-page-privacy .editor .privacy-table {
  border-left: 1px solid rgba(68, 155, 239, 0.5);
  border-top: 1px solid rgba(68, 155, 239, 0.5);
  font-size: 18px;
  font-size: 1.8rem; }
  .page-template-page-privacy .editor .privacy-table th, .page-template-page-privacy .editor .privacy-table td {
    padding: 15px;
    border: 1px solid rgba(68, 155, 239, 0.5);
    border-left: none;
    border-top: none; }
  .page-template-page-privacy .editor .privacy-table th {
    font-weight: 700;
    background-color: rgba(68, 155, 239, 0.2);
    text-align: left;
    line-height: 1.2em; }
  .page-template-page-privacy .editor .privacy-table td {
    background-color: rgba(68, 155, 239, 0.05); }

/* iubenda privacy policy */
#iubenda_policy.iubenda_fluid_policy {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px !important;
  color: #25282a !important; }
  #iubenda_policy.iubenda_fluid_policy .iub_container {
    margin-top: 0px !important; }
    #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content {
      color: #25282a !important;
      padding: 0 !important; }
      #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content .iub_header h1 {
        display: none !important; }
      #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content .iub_header p {
        font-size: 16px !important;
        line-height: 30px; }
        #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content .iub_header p a {
          border-bottom: 1px solid #25282a; }
      #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content p {
        font-size: 14px !important;
        color: #25282a !important; }
      #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content h2 {
        font-size: 20px;
        font-variant: normal !important;
        margin: 20px 0;
        color: #25282a !important; }
      #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content h3 {
        font-size: 18px;
        color: #25282a !important; }
      #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content h4 {
        font-size: 16px;
        color: #25282a !important; }
      #iubenda_policy.iubenda_fluid_policy .iub_container .iub_content .simple_pp > h2 {
        font-size: 18px; }
#iubenda_policy .legal_pp .simple_pp li.one_line_col > ul.for_boxes li {
  float: left !important;
  width: 50% !important;
  padding: 0 20px 0 0; }
  #iubenda_policy .legal_pp .simple_pp li.one_line_col > ul.for_boxes li h3 {
    font-size: 14px !important; }
  #iubenda_policy .legal_pp .simple_pp li.one_line_col > ul.for_boxes li li {
    float: none !important;
    width: 100% !important; }

/* events */
/* events */
.page-template-page-events .title-banner {
  background-color: #25282a;
  height: 400px; }
  .page-template-page-events .title-banner .bg-pic {
    background-image: url(images/forum-header-bg.jpg);
    opacity: 0.45; }
  .page-template-page-events .title-banner .title-wrapper {
    padding-top: 12vh; }
    .page-template-page-events .title-banner .title-wrapper .editor {
      text-align: center; }
      .page-template-page-events .title-banner .title-wrapper .editor a {
        color: white; }
  .page-template-page-events .title-banner h1 {
    color: white; }
  .page-template-page-events .title-banner .editor {
    width: 65.5%;
    max-width: 750px;
    margin: auto;
    color: white; }
    .page-template-page-events .title-banner .editor p {
      margin: 0; }
.page-template-page-events .events-intro {
  margin: 0 auto;
  width: 65.5%;
  text-align: center; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-events .events-intro {
      width: 100%;
      text-align: left; } }
.page-template-page-events .cta-holder {
  clear: both;
  padding: 30px 0 0 0;
  text-align: center;
  margin: 0; }
  .page-template-page-events .cta-holder a {
    width: 31.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-events .cta-holder a {
        width: 48.5%; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-events .cta-holder a {
        width: 100%; } }
.page-template-page-events #upcoming-webinars-module {
  background-color: white; }
  .page-template-page-events #upcoming-webinars-module .container h2 {
    font-size: 3.6rem;
    font-weight: 900; }
  .page-template-page-events #upcoming-webinars-module article a {
    background-color: rgba(246, 190, 0, 0.25); }
    .page-template-page-events #upcoming-webinars-module article a:hover {
      background-color: rgba(246, 190, 0, 0.5); }
    .page-template-page-events #upcoming-webinars-module article a .webinar-date {
      margin: 0 0 .4em; }
    .page-template-page-events #upcoming-webinars-module article a span.button {
      padding: 10px 20px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .page-template-page-events #upcoming-webinars-module article a span.button {
          padding: 10px; } }
  .page-template-page-events #upcoming-webinars-module article:last-of-type {
    margin-right: 0; }
.page-template-page-events #events-forums article {
  background-color: rgba(68, 155, 239, 0.1);
  float: left;
  width: 31.5%;
  margin: 0 2.5% 0 0; }
  .page-template-page-events #events-forums article:nth-child(3n) {
    margin-right: 0; }
  @media only screen and (max-width: 1080px) {
    .page-template-page-events #events-forums article {
      width: 100%;
      float: none;
      margin: 0 0 20px; } }
  .page-template-page-events #events-forums article .featured-pic {
    width: 100%;
    height: 16vw;
    margin-bottom: 16px; }
  .page-template-page-events #events-forums article .forum-teaser h3 span {
    font-size: 20px;
    font-size: 2rem; }
  .page-template-page-events #events-forums article .forum-teaser .forum-teaser {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4em; }

/* single */
.single-forum .title-banner,
.page-template-page-forum .title-banner,
.page-template-page-forum2 .title-banner,
.page-template-page-forum3 .title-banner {
  color: white;
  background-color: #25282a;
  height: 320px;
  text-align: center; }
  .single-forum .title-banner .bg-pic,
  .page-template-page-forum .title-banner .bg-pic,
  .page-template-page-forum2 .title-banner .bg-pic,
  .page-template-page-forum3 .title-banner .bg-pic {
    background-image: url(images/forum-bg-1.jpg);
    background-size: cover;
    opacity: 0.4;
    background-position: center top; }
  .single-forum .title-banner .title-wrapper,
  .page-template-page-forum .title-banner .title-wrapper,
  .page-template-page-forum2 .title-banner .title-wrapper,
  .page-template-page-forum3 .title-banner .title-wrapper {
    padding: 0 5%; }
    .single-forum .title-banner .title-wrapper .forum-sub,
    .page-template-page-forum .title-banner .title-wrapper .forum-sub,
    .page-template-page-forum2 .title-banner .title-wrapper .forum-sub,
    .page-template-page-forum3 .title-banner .title-wrapper .forum-sub {
      font-weight: 700;
      font-size: 30px;
      font-size: 3rem;
      padding-top: 100px; }
      @media only screen and (max-width: 767px) {
        .single-forum .title-banner .title-wrapper .forum-sub,
        .page-template-page-forum .title-banner .title-wrapper .forum-sub,
        .page-template-page-forum2 .title-banner .title-wrapper .forum-sub,
        .page-template-page-forum3 .title-banner .title-wrapper .forum-sub {
          font-size: 22px;
          font-size: 2.2rem;
          padding: 60px 0 10px 0; } }
    .single-forum .title-banner .title-wrapper h1,
    .page-template-page-forum .title-banner .title-wrapper h1,
    .page-template-page-forum2 .title-banner .title-wrapper h1,
    .page-template-page-forum3 .title-banner .title-wrapper h1 {
      line-height: 1.1em;
      margin: 0.2em 0; }
      @media only screen and (max-width: 1080px) {
        .single-forum .title-banner .title-wrapper h1,
        .page-template-page-forum .title-banner .title-wrapper h1,
        .page-template-page-forum2 .title-banner .title-wrapper h1,
        .page-template-page-forum3 .title-banner .title-wrapper h1 {
          font-size: 42px;
          font-size: 4.2rem; } }
      @media only screen and (max-width: 767px) {
        .single-forum .title-banner .title-wrapper h1,
        .page-template-page-forum .title-banner .title-wrapper h1,
        .page-template-page-forum2 .title-banner .title-wrapper h1,
        .page-template-page-forum3 .title-banner .title-wrapper h1 {
          font-size: 30px;
          font-size: 3rem; } }
    .single-forum .title-banner .title-wrapper .forum-date,
    .page-template-page-forum .title-banner .title-wrapper .forum-date,
    .page-template-page-forum2 .title-banner .title-wrapper .forum-date,
    .page-template-page-forum3 .title-banner .title-wrapper .forum-date {
      font-weight: 700;
      font-size: 30px;
      font-size: 3rem; }
      @media only screen and (max-width: 767px) {
        .single-forum .title-banner .title-wrapper .forum-date,
        .page-template-page-forum .title-banner .title-wrapper .forum-date,
        .page-template-page-forum2 .title-banner .title-wrapper .forum-date,
        .page-template-page-forum3 .title-banner .title-wrapper .forum-date {
          font-size: 22px;
          font-size: 2.2rem;
          padding: 10px 0; } }
.single-forum #main-content,
.page-template-page-forum #main-content,
.page-template-page-forum2 #main-content,
.page-template-page-forum3 #main-content {
  padding-top: 0; }
  .single-forum #main-content .page-content,
  .page-template-page-forum #main-content .page-content,
  .page-template-page-forum2 #main-content .page-content,
  .page-template-page-forum3 #main-content .page-content {
    padding-top: 40px; }
    @media only screen and (max-width: 1080px) {
      .single-forum #main-content .page-content,
      .page-template-page-forum #main-content .page-content,
      .page-template-page-forum2 #main-content .page-content,
      .page-template-page-forum3 #main-content .page-content {
        width: 100%; } }
    .single-forum #main-content .page-content .editor .blue-box,
    .page-template-page-forum #main-content .page-content .editor .blue-box,
    .page-template-page-forum2 #main-content .page-content .editor .blue-box,
    .page-template-page-forum3 #main-content .page-content .editor .blue-box {
      background-color: #449bef;
      color: white;
      padding: 20px;
      border-radius: 12px;
      text-align: center;
      margin-bottom: 40px; }
      .single-forum #main-content .page-content .editor .blue-box h2,
      .page-template-page-forum #main-content .page-content .editor .blue-box h2,
      .page-template-page-forum2 #main-content .page-content .editor .blue-box h2,
      .page-template-page-forum3 #main-content .page-content .editor .blue-box h2 {
        color: white;
        font-weight: 800;
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .single-forum #main-content .page-content .editor .blue-box h2,
          .page-template-page-forum #main-content .page-content .editor .blue-box h2,
          .page-template-page-forum2 #main-content .page-content .editor .blue-box h2,
          .page-template-page-forum3 #main-content .page-content .editor .blue-box h2 {
            font-size: 24px;
            font-size: 2.4rem; } }
      .single-forum #main-content .page-content .editor .blue-box p:last-child,
      .page-template-page-forum #main-content .page-content .editor .blue-box p:last-child,
      .page-template-page-forum2 #main-content .page-content .editor .blue-box p:last-child,
      .page-template-page-forum3 #main-content .page-content .editor .blue-box p:last-child {
        margin: 0; }
    .single-forum #main-content .page-content .editor h3:first-of-type,
    .page-template-page-forum #main-content .page-content .editor h3:first-of-type,
    .page-template-page-forum2 #main-content .page-content .editor h3:first-of-type,
    .page-template-page-forum3 #main-content .page-content .editor h3:first-of-type {
      text-align: center; }
    .single-forum #main-content .page-content .editor a.button, .single-forum #main-content .page-content .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-forum #main-content .page-content .editor a,
    .page-template-page-forum #main-content .page-content .editor a.button,
    .page-template-page-forum #main-content .page-content .editor .error404 .message-404 .links-404 li a,
    .error404 .message-404 .links-404 li .page-template-page-forum #main-content .page-content .editor a,
    .page-template-page-forum2 #main-content .page-content .editor a.button,
    .page-template-page-forum2 #main-content .page-content .editor .error404 .message-404 .links-404 li a,
    .error404 .message-404 .links-404 li .page-template-page-forum2 #main-content .page-content .editor a,
    .page-template-page-forum3 #main-content .page-content .editor a.button,
    .page-template-page-forum3 #main-content .page-content .editor .error404 .message-404 .links-404 li a,
    .error404 .message-404 .links-404 li .page-template-page-forum3 #main-content .page-content .editor a {
      display: block;
      width: 280px;
      margin: 0 auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .single-forum #main-content .page-content .editor a.button, .single-forum #main-content .page-content .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-forum #main-content .page-content .editor a,
        .page-template-page-forum #main-content .page-content .editor a.button,
        .page-template-page-forum #main-content .page-content .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-forum #main-content .page-content .editor a,
        .page-template-page-forum2 #main-content .page-content .editor a.button,
        .page-template-page-forum2 #main-content .page-content .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-forum2 #main-content .page-content .editor a,
        .page-template-page-forum3 #main-content .page-content .editor a.button,
        .page-template-page-forum3 #main-content .page-content .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-forum3 #main-content .page-content .editor a {
          width: 100%; } }
    .single-forum #main-content .page-content .editor .forum-video,
    .page-template-page-forum #main-content .page-content .editor .forum-video,
    .page-template-page-forum2 #main-content .page-content .editor .forum-video,
    .page-template-page-forum3 #main-content .page-content .editor .forum-video {
      padding: 10px 0 40px; }
    .single-forum #main-content .page-content .editor .forum-guests,
    .page-template-page-forum #main-content .page-content .editor .forum-guests,
    .page-template-page-forum2 #main-content .page-content .editor .forum-guests,
    .page-template-page-forum3 #main-content .page-content .editor .forum-guests {
      padding-bottom: 30px; }
    .single-forum #main-content .page-content .editor .forum-guest,
    .page-template-page-forum #main-content .page-content .editor .forum-guest,
    .page-template-page-forum2 #main-content .page-content .editor .forum-guest,
    .page-template-page-forum3 #main-content .page-content .editor .forum-guest {
      background-color: #f6be00;
      padding: 20px;
      border-radius: 12px;
      float: none;
      width: 100%;
      min-height: 140px;
      margin: 0 0 20px 0;
      position: relative;
      color: white; }
      @media only screen and (max-width: 767px) {
        .single-forum #main-content .page-content .editor .forum-guest,
        .page-template-page-forum #main-content .page-content .editor .forum-guest,
        .page-template-page-forum2 #main-content .page-content .editor .forum-guest,
        .page-template-page-forum3 #main-content .page-content .editor .forum-guest {
          padding: 12px;
          min-height: 120px; } }
      .single-forum #main-content .page-content .editor .forum-guest:nth-child(1),
      .page-template-page-forum #main-content .page-content .editor .forum-guest:nth-child(1),
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest:nth-child(1),
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest:nth-child(1) {
        background-color: #b759f1; }
      .single-forum #main-content .page-content .editor .forum-guest:nth-child(2),
      .page-template-page-forum #main-content .page-content .editor .forum-guest:nth-child(2),
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest:nth-child(2),
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest:nth-child(2) {
        background-color: #38c786; }
      .single-forum #main-content .page-content .editor .forum-guest:nth-child(3),
      .page-template-page-forum #main-content .page-content .editor .forum-guest:nth-child(3),
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest:nth-child(3),
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest:nth-child(3) {
        background-color: #fa5e68; }
      .single-forum #main-content .page-content .editor .forum-guest img,
      .page-template-page-forum #main-content .page-content .editor .forum-guest img,
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest img,
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest img {
        float: left;
        border-radius: 100%;
        border: 3px solid white;
        width: 100px;
        height: 100px;
        display: block; }
        @media only screen and (max-width: 767px) {
          .single-forum #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum2 #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum3 #main-content .page-content .editor .forum-guest img {
            width: 72px;
            height: 72px; } }
      .single-forum #main-content .page-content .editor .forum-guest .linkedin,
      .page-template-page-forum #main-content .page-content .editor .forum-guest .linkedin,
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest .linkedin,
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest .linkedin {
        display: inline-block;
        width: 42px;
        height: 42px;
        background-color: #449bef;
        border-radius: 5px;
        background-image: url(images/social/ic-linkedin.svg);
        background-size: 24px auto;
        background-position: center center;
        transition: all ease 0.2s;
        position: absolute;
        top: 20px;
        right: 20px; }
        @media only screen and (max-width: 767px) {
          .single-forum #main-content .page-content .editor .forum-guest .linkedin,
          .page-template-page-forum #main-content .page-content .editor .forum-guest .linkedin,
          .page-template-page-forum2 #main-content .page-content .editor .forum-guest .linkedin,
          .page-template-page-forum3 #main-content .page-content .editor .forum-guest .linkedin {
            top: auto;
            bottom: 10px;
            right: auto;
            left: 31px;
            width: 30px;
            height: 30px;
            background-size: 18px auto; } }
        .single-forum #main-content .page-content .editor .forum-guest .linkedin:hover,
        .page-template-page-forum #main-content .page-content .editor .forum-guest .linkedin:hover,
        .page-template-page-forum2 #main-content .page-content .editor .forum-guest .linkedin:hover,
        .page-template-page-forum3 #main-content .page-content .editor .forum-guest .linkedin:hover {
          transform: scale(1.2); }
      .single-forum #main-content .page-content .editor .forum-guest > div,
      .page-template-page-forum #main-content .page-content .editor .forum-guest > div,
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest > div,
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest > div {
        margin: 0 0 0 120px;
        line-height: 1.2em; }
        @media only screen and (max-width: 767px) {
          .single-forum #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum2 #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum3 #main-content .page-content .editor .forum-guest > div {
            margin: 0 0 0 82px; } }
        .single-forum #main-content .page-content .editor .forum-guest > div p,
        .page-template-page-forum #main-content .page-content .editor .forum-guest > div p,
        .page-template-page-forum2 #main-content .page-content .editor .forum-guest > div p,
        .page-template-page-forum3 #main-content .page-content .editor .forum-guest > div p {
          margin: 10px 0 0 0;
          line-height: 1.2em; }
      .single-forum #main-content .page-content .editor .forum-guest strong,
      .page-template-page-forum #main-content .page-content .editor .forum-guest strong,
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest strong,
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest strong {
        font-size: 24px;
        font-size: 2.4rem; }
    .single-forum #main-content .page-content .editor .forum-host,
    .page-template-page-forum #main-content .page-content .editor .forum-host,
    .page-template-page-forum2 #main-content .page-content .editor .forum-host,
    .page-template-page-forum3 #main-content .page-content .editor .forum-host {
      clear: left;
      background-color: rgba(246, 190, 0, 0.6);
      padding: 20px 12px;
      border-radius: 12px;
      text-align: center;
      line-height: 1.2em; }
      .single-forum #main-content .page-content .editor .forum-host img,
      .page-template-page-forum #main-content .page-content .editor .forum-host img,
      .page-template-page-forum2 #main-content .page-content .editor .forum-host img,
      .page-template-page-forum3 #main-content .page-content .editor .forum-host img {
        border-radius: 100%;
        width: 100px;
        height: 100px;
        margin-bottom: 10px; }
      .single-forum #main-content .page-content .editor .forum-host strong,
      .page-template-page-forum #main-content .page-content .editor .forum-host strong,
      .page-template-page-forum2 #main-content .page-content .editor .forum-host strong,
      .page-template-page-forum3 #main-content .page-content .editor .forum-host strong {
        font-size: 24px;
        font-size: 2.4rem; }
    .single-forum #main-content .page-content .editor #forum-signup,
    .page-template-page-forum #main-content .page-content .editor #forum-signup,
    .page-template-page-forum2 #main-content .page-content .editor #forum-signup,
    .page-template-page-forum3 #main-content .page-content .editor #forum-signup {
      display: block;
      position: relative;
      padding-top: 30px; }
    .single-forum #main-content .page-content .editor .signup-form h2,
    .page-template-page-forum #main-content .page-content .editor .signup-form h2,
    .page-template-page-forum2 #main-content .page-content .editor .signup-form h2,
    .page-template-page-forum3 #main-content .page-content .editor .signup-form h2 {
      margin-bottom: 0.4em; }
    .single-forum #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
    .page-template-page-forum #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
    .page-template-page-forum2 #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
    .page-template-page-forum3 #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"] {
      width: 280px; }
      @media only screen and (max-width: 767px) {
        .single-forum #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
        .page-template-page-forum #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
        .page-template-page-forum2 #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
        .page-template-page-forum3 #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"] {
          width: 100%; } }

.page-template-page-forum2 .title-banner .bg-pic,
.page-template-page-forum3 .title-banner .bg-pic {
  background-image: url(images/forum-bg-2.jpg); }
.page-template-page-forum2 #main-content .page-content .editor .forum-guest,
.page-template-page-forum3 #main-content .page-content .editor .forum-guest {
  float: none;
  width: 100%;
  margin-right: 0;
  min-height: 140px; }
  .page-template-page-forum2 #main-content .page-content .editor .forum-guest p,
  .page-template-page-forum3 #main-content .page-content .editor .forum-guest p {
    display: block;
    margin: 0; }

.page-template-page-forum3 .title-banner .bg-pic {
  background-image: url(images/forum-bg-3.jpg); }

/* webinars */
.page-template-page-webinars .title-banner {
  background-color: #25282a;
  height: 300px; }
  .page-template-page-webinars .title-banner .bg-pic {
    background-image: url(images/webinar-header-bg.jpg);
    opacity: 0.5; }
  .page-template-page-webinars .title-banner h1 {
    color: white; }

.webinars-list {
  padding: 60px 0;
  background-color: #f6be00; }
  .webinars-list#recent-webinars {
    background-color: #ffd444; }
    .webinars-list#recent-webinars article {
      background-color: rgba(255, 255, 255, 0.3); }
      .webinars-list#recent-webinars article .webinar-times li {
        background-color: rgba(255, 255, 255, 0.75); }
  .webinars-list .container > h2 {
    text-align: center;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 900;
    margin: 0 0 40px 0; }
  .webinars-list article {
    padding: 30px 20px;
    margin-bottom: 40px;
    background-color: white;
    border-radius: 6px; }
    @media only screen and (max-width: 767px) {
      .webinars-list article {
        padding: 20px 0; } }
    .webinars-list article:last-of-type {
      margin-bottom: 0; }
    .webinars-list article .featured-pic {
      float: left;
      width: 20vw;
      height: 20vw;
      margin-right: 4vw;
      background-size: cover;
      background-position: center center; }
      @media only screen and (max-width: 767px) {
        .webinars-list article .featured-pic {
          float: none;
          width: 90%;
          margin: 0 auto 20px;
          height: 60vw; } }
    .webinars-list article .webinar-teaser {
      float: left;
      width: calc(100% - 24vw); }
      @media only screen and (max-width: 767px) {
        .webinars-list article .webinar-teaser {
          float: none;
          width: 90%;
          margin: 0 auto; } }
      .webinars-list article .webinar-teaser h3 {
        margin: 0;
        transition: all ease 0.3s; }
      .webinars-list article .webinar-teaser .webinar-times {
        margin: 0; }
        .webinars-list article .webinar-teaser .webinar-times li {
          display: inline-block;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: 600;
          margin-right: 4px;
          margin-bottom: 4px;
          background-color: rgba(246, 190, 0, 0.5);
          border-radius: 6px;
          padding: 2px 6px; }
          @media only screen and (max-width: 767px) {
            .webinars-list article .webinar-teaser .webinar-times li {
              display: block; } }
          .webinars-list article .webinar-teaser .webinar-times li a {
            text-decoration: none; }
      .webinars-list article .webinar-teaser p.timezone {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0 0 0.5em; }
      .webinars-list article .webinar-teaser p {
        margin-bottom: 1em; }
      .webinars-list article .webinar-teaser span.button {
        padding: 10px 20px; }
    .webinars-list article a {
      display: block; }
      .webinars-list article a:hover h3 {
        color: #449bef; }
      .webinars-list article a:hover .button, .webinars-list article a:hover #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .webinars-list article a:hover input[type="button"], .webinars-list article a:hover .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .webinars-list article a:hover a {
        border: 4px solid #0c4e8e;
        background-color: #449bef;
        color: white; }

.webinar-label {
  background-color: #25282a;
  color: white;
  height: 60px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 60px;
  padding: 0;
  display: block; }
  @media only screen and (max-width: 767px) {
    .webinar-label {
      line-height: 40px;
      height: 40px;
      font-size: 18px;
      font-size: 1.8rem; } }
  .webinar-label a {
    color: white; }

.webinar-header {
  background-color: white;
  padding: 40px 0 20px; }
  @media only screen and (max-width: 767px) {
    .webinar-header {
      padding: 30px 0; } }
  .webinar-header .editor {
    float: left;
    width: 65.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .webinar-header .editor {
        width: 100%;
        margin: 0 auto;
        float: none; } }
    @media only screen and (max-width: 767px) {
      .webinar-header .editor {
        width: 100%; } }
    .webinar-header .editor h1 {
      font-size: 42px;
      font-size: 4.2rem;
      margin: 0 0 0.3em; }
      @media only screen and (max-width: 1080px) {
        .webinar-header .editor h1 {
          font-size: 36px;
          font-size: 3.6rem; } }
      @media only screen and (max-width: 767px) {
        .webinar-header .editor h1 {
          font-size: 28px;
          font-size: 2.8rem; } }
    .webinar-header .editor .webinar-meta {
      margin-bottom: 1em; }
    .webinar-header .editor .host-pic {
      display: inline-block;
      height: 80px;
      width: 80px;
      background-size: cover;
      background-position: center center;
      border-radius: 100%;
      vertical-align: top; }
      @media only screen and (max-width: 767px) {
        .webinar-header .editor .host-pic {
          height: 50px;
          width: 50px; } }
    .webinar-header .editor .host-name {
      display: inline-block;
      height: 80px;
      line-height: 80px;
      font-size: 22px;
      font-size: 2.2rem;
      font-weight: 600;
      padding-left: 20px; }
      @media only screen and (max-width: 767px) {
        .webinar-header .editor .host-name {
          height: 50px;
          line-height: 50px;
          font-size: 16px;
          font-size: 1.6rem;
          padding-left: 10px; } }
    .webinar-header .editor .webinar-times {
      margin: 0; }
      .webinar-header .editor .webinar-times li {
        display: inline-block;
        font-size: 18px;
        font-size: 1.8rem;
        padding-right: 10px; }
        @media only screen and (max-width: 767px) {
          .webinar-header .editor .webinar-times li {
            display: block;
            font-size: 18px;
            font-size: 1.8rem; } }
        .webinar-header .editor .webinar-times li a {
          display: block;
          background-color: #449bef;
          color: white;
          border-radius: 6px;
          padding: 4px 8px;
          transition: all ease 0.3s;
          text-decoration: none;
          font-weight: 800; }
          .webinar-header .editor .webinar-times li a:hover {
            background-color: #ffa300; }
          .webinar-header .editor .webinar-times li a span {
            padding-left: 3px; }
    .webinar-header .editor .date-time-note {
      font-size: 16px;
      font-size: 1.6rem; }
    .webinar-header .editor .language {
      margin: 0 0 0.5em;
      font-weight: 700;
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 6px;
      padding: 4px 8px;
      display: inline-block; }
  .webinar-header .featured-pic {
    float: left;
    width: 31.5%;
    padding-top: 31.5%;
    background-size: cover;
    background-position: center center; }
    @media only screen and (max-width: 1080px) {
      .webinar-header .featured-pic {
        float: none;
        width: 100%;
        padding-top: 100%; } }

.webinar-post {
  padding: 40px 0; }
  .webinar-post .editor {
    float: left;
    width: 82.5%; }
    .webinar-post .editor img {
      max-width: 100%;
      height: auto; }
    @media only screen and (max-width: 1080px) {
      .webinar-post .editor {
        width: 100%;
        float: none;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .webinar-post .editor {
        margin: 0 0 30px; } }
    .webinar-post .editor .register-link {
      font-size: 22px;
      font-size: 2.2rem;
      font-weight: 600; }
    .webinar-post .editor .webinar-video {
      padding: 10px 0 40px; }
    .webinar-post .editor .webinar-download .button span, .webinar-post .editor .webinar-download #site-wrapper .nf-form-cont input[type="button"] span, #site-wrapper .nf-form-cont .webinar-post .editor .webinar-download input[type="button"] span, .webinar-post .editor .webinar-download .error404 .message-404 .links-404 li a span, .error404 .message-404 .links-404 li .webinar-post .editor .webinar-download a span {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 600; }

.webinar-booking {
  padding: 0 0 60px 0; }
  .webinar-booking .editor {
    width: 82.5%; }
    @media only screen and (max-width: 1080px) {
      .webinar-booking .editor {
        width: 90%;
        margin-left: 5%; } }
  .webinar-booking .webinar-buttons {
    margin: 0; }
    .webinar-booking .webinar-buttons li {
      float: left;
      width: 23%;
      margin: 0 2.5% 20px 0;
      list-style-type: none;
      border-radius: 6px; }
      @media only screen and (max-width: 767px) {
        .webinar-booking .webinar-buttons li {
          float: none;
          width: 100%;
          margin: 0 0 20px; } }
      .webinar-booking .webinar-buttons li:nth-child(4n) {
        margin-right: 0; }
      .webinar-booking .webinar-buttons li:nth-child(odd) {
        background-color: #449bef; }
      .webinar-booking .webinar-buttons li:nth-child(even) {
        background-color: #1582eb; }
      .webinar-booking .webinar-buttons li a {
        padding: 20px 12px;
        display: block;
        text-align: center;
        transition: all ease 0.3s;
        text-decoration: none;
        color: white; }
        .webinar-booking .webinar-buttons li a:hover {
          background-color: rgba(255, 255, 255, 0.33); }
      .webinar-booking .webinar-buttons li h3 {
        font-size: 20px;
        font-size: 2rem;
        margin: 0; }
      .webinar-booking .webinar-buttons li .time {
        margin-bottom: 0;
        font-weight: 700; }
      .webinar-booking .webinar-buttons li .timezone {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700; }

.webinar-presenter,
.post-author-bio {
  padding: 60px 0; }
  .webinar-presenter .editor,
  .post-author-bio .editor {
    width: 82.5%;
    margin-left: 8.5%; }
    @media only screen and (max-width: 1080px) {
      .webinar-presenter .editor,
      .post-author-bio .editor {
        width: 90%;
        margin: 0 auto; } }
    .webinar-presenter .editor .host-name-pic,
    .post-author-bio .editor .host-name-pic {
      float: left;
      width: 200px;
      margin-right: 40px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .webinar-presenter .editor .host-name-pic,
        .post-author-bio .editor .host-name-pic {
          float: none;
          width: 100%;
          margin: 0 0 30px; } }
      .webinar-presenter .editor .host-name-pic .host-pic,
      .post-author-bio .editor .host-name-pic .host-pic {
        display: inline-block;
        height: 160px;
        width: 160px;
        background-size: cover;
        background-position: center center;
        border-radius: 100%;
        vertical-align: top; }
        @media only screen and (max-width: 767px) {
          .webinar-presenter .editor .host-name-pic .host-pic,
          .post-author-bio .editor .host-name-pic .host-pic {
            height: 120px;
            width: 120px; } }
      .webinar-presenter .editor .host-name-pic .host-name,
      .post-author-bio .editor .host-name-pic .host-name {
        font-size: 20px;
        font-size: 2rem;
        font-weight: 600;
        padding-top: 20px; }
    .webinar-presenter .editor .host-bio,
    .post-author-bio .editor .host-bio {
      float: left;
      width: calc(100% - 240px);
      font-size: 18px;
      font-size: 1.8rem; }
      @media only screen and (max-width: 767px) {
        .webinar-presenter .editor .host-bio,
        .post-author-bio .editor .host-bio {
          float: none;
          width: 100%;
          margin: 0 auto; } }

/* forums */
/* list */
/* webinars */
.page-template-page-forums .title-banner {
  background-color: #25282a;
  height: 400px; }
  .page-template-page-forums .title-banner .bg-pic {
    background-image: url(images/forum-header-bg.jpg);
    opacity: 0.45; }
  .page-template-page-forums .title-banner .title-wrapper {
    padding-top: 12vh; }
  .page-template-page-forums .title-banner h1 {
    color: white; }
  .page-template-page-forums .title-banner .editor {
    width: 65.5%;
    max-width: 750px;
    margin: auto;
    color: white; }
    .page-template-page-forums .title-banner .editor p {
      margin: 0; }
.page-template-page-forums .page-content {
  padding: 40px 0 20px; }

.forums-list {
  padding: 60px 0; }
  .forums-list > h2 {
    text-align: center;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 900;
    margin: 0 0 40px 0; }
  .forums-list article {
    padding: 30px;
    margin-bottom: 40px;
    background-color: white;
    border-radius: 6px; }
    @media only screen and (max-width: 767px) {
      .forums-list article {
        padding: 20px; } }
    .forums-list article:last-of-type {
      margin-bottom: 0; }
    .forums-list article .featured-pic {
      background-size: cover;
      background-position: center center; }
      @media only screen and (max-width: 767px) {
        .forums-list article .featured-pic {
          float: none;
          width: 90%;
          margin: 0 auto 20px;
          height: 60vw; } }
    .forums-list article .forum-teaser h3 {
      margin: 0;
      transition: all ease 0.3s;
      color: black;
      font-weight: 700; }
      .forums-list article .forum-teaser h3 span {
        font-size: 32px;
        font-size: 3.2rem; }
        @media only screen and (max-width: 1080px) {
          .forums-list article .forum-teaser h3 span {
            font-size: 28px;
            font-size: 2.8rem; } }
        @media only screen and (max-width: 767px) {
          .forums-list article .forum-teaser h3 span {
            font-size: 24px;
            font-size: 2.4rem; } }
    .forums-list article .forum-teaser .forum-time {
      margin: 0 0 .4em; }
    .forums-list article .forum-teaser .forum-overview {
      margin-bottom: 1em; }
    .forums-list article .forum-teaser span.button {
      padding: 10px 20px; }
      @media only screen and (max-width: 767px) {
        .forums-list article .forum-teaser span.button {
          width: 100%;
          padding: 10px; } }
    .forums-list article a {
      display: block; }
      .forums-list article a:hover h3 {
        color: #449bef; }
      .forums-list article a:hover .button, .forums-list article a:hover #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .forums-list article a:hover input[type="button"], .forums-list article a:hover .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .forums-list article a:hover a {
        background-color: #449bef;
        color: white !important; }
  .forums-list#upcoming-forums {
    background-color: rgba(68, 155, 239, 0.2); }
    .forums-list#upcoming-forums h2 {
      color: #25282a; }
    .forums-list#upcoming-forums article .featured-pic {
      width: 48%;
      height: 16vw;
      margin-right: 4%;
      float: left; }
      @media only screen and (max-width: 1080px) {
        .forums-list#upcoming-forums article .featured-pic {
          width: 100%;
          float: none;
          margin: 0 0 20px;
          height: 30vw; } }
    .forums-list#upcoming-forums article .forum-teaser {
      width: 48%;
      float: left;
      margin-top: -0.33em; }
      @media only screen and (max-width: 1080px) {
        .forums-list#upcoming-forums article .forum-teaser {
          float: none;
          width: 100%; } }
      .forums-list#upcoming-forums article .forum-teaser h3 {
        line-height: 1.5em; }
  .forums-list#past-forums {
    background-color: rgba(68, 155, 239, 0.33); }
    .forums-list#past-forums article {
      background-color: rgba(255, 255, 255, 0.6);
      float: left;
      width: 31.5%;
      margin-right: 2.5%; }
      .forums-list#past-forums article:nth-child(3n) {
        margin-right: 0; }
      @media only screen and (max-width: 1080px) {
        .forums-list#past-forums article {
          width: 100%;
          float: none;
          margin: 0 0 20px; } }
      .forums-list#past-forums article .featured-pic {
        width: 100%;
        height: 16vw;
        margin-bottom: 16px; }
      .forums-list#past-forums article .forum-teaser .forum-overview {
        font-size: 18px;
        font-size: 1.8rem; }
    @media only screen and (max-width: 767px) {
      .forums-list#past-forums {
        font-size: 32px;
        font-size: 3.2rem; } }

/* single */
.single-forum .title-banner,
.page-template-page-forum .title-banner,
.page-template-page-forum2 .title-banner,
.page-template-page-forum3 .title-banner {
  height: 360px;
  text-align: center; }
  .single-forum .title-banner.Forum,
  .page-template-page-forum .title-banner.Forum,
  .page-template-page-forum2 .title-banner.Forum,
  .page-template-page-forum3 .title-banner.Forum {
    background-color: #25282a;
    color: white; }
    .single-forum .title-banner.Forum .bg-pic,
    .page-template-page-forum .title-banner.Forum .bg-pic,
    .page-template-page-forum2 .title-banner.Forum .bg-pic,
    .page-template-page-forum3 .title-banner.Forum .bg-pic {
      background-image: url(images/forum-bg-1.jpg);
      background-size: cover;
      opacity: 0.4;
      background-position: center top; }
  .single-forum .title-banner.Summit,
  .page-template-page-forum .title-banner.Summit,
  .page-template-page-forum2 .title-banner.Summit,
  .page-template-page-forum3 .title-banner.Summit {
    background-color: white;
    color: #25282a;
    height: 400px; }
    .single-forum .title-banner.Summit .bg-pic,
    .page-template-page-forum .title-banner.Summit .bg-pic,
    .page-template-page-forum2 .title-banner.Summit .bg-pic,
    .page-template-page-forum3 .title-banner.Summit .bg-pic {
      background-size: cover;
      background-position: center bottom;
      opacity: 1; }
    .single-forum .title-banner.Summit .title-wrapper,
    .page-template-page-forum .title-banner.Summit .title-wrapper,
    .page-template-page-forum2 .title-banner.Summit .title-wrapper,
    .page-template-page-forum3 .title-banner.Summit .title-wrapper {
      padding-bottom: 42px; }
  .single-forum .title-banner .title-wrapper,
  .page-template-page-forum .title-banner .title-wrapper,
  .page-template-page-forum2 .title-banner .title-wrapper,
  .page-template-page-forum3 .title-banner .title-wrapper {
    padding: 0 5%; }
    .single-forum .title-banner .title-wrapper .forum-sub,
    .page-template-page-forum .title-banner .title-wrapper .forum-sub,
    .page-template-page-forum2 .title-banner .title-wrapper .forum-sub,
    .page-template-page-forum3 .title-banner .title-wrapper .forum-sub {
      font-weight: 700;
      font-size: 30px;
      font-size: 3rem;
      padding-top: 0; }
      @media only screen and (max-width: 767px) {
        .single-forum .title-banner .title-wrapper .forum-sub,
        .page-template-page-forum .title-banner .title-wrapper .forum-sub,
        .page-template-page-forum2 .title-banner .title-wrapper .forum-sub,
        .page-template-page-forum3 .title-banner .title-wrapper .forum-sub {
          font-size: 22px;
          font-size: 2.2rem;
          padding: 60px 0 10px 0; } }
    .single-forum .title-banner .title-wrapper .sc-summit-logo,
    .page-template-page-forum .title-banner .title-wrapper .sc-summit-logo,
    .page-template-page-forum2 .title-banner .title-wrapper .sc-summit-logo,
    .page-template-page-forum3 .title-banner .title-wrapper .sc-summit-logo {
      width: 500px;
      height: auto;
      margin-bottom: 20px; }
      @media only screen and (max-width: 767px) {
        .single-forum .title-banner .title-wrapper .sc-summit-logo,
        .page-template-page-forum .title-banner .title-wrapper .sc-summit-logo,
        .page-template-page-forum2 .title-banner .title-wrapper .sc-summit-logo,
        .page-template-page-forum3 .title-banner .title-wrapper .sc-summit-logo {
          width: 300px; } }
    .single-forum .title-banner .title-wrapper h1,
    .page-template-page-forum .title-banner .title-wrapper h1,
    .page-template-page-forum2 .title-banner .title-wrapper h1,
    .page-template-page-forum3 .title-banner .title-wrapper h1 {
      line-height: 1.1em;
      margin: 0.2em 0; }
      @media only screen and (max-width: 1080px) {
        .single-forum .title-banner .title-wrapper h1,
        .page-template-page-forum .title-banner .title-wrapper h1,
        .page-template-page-forum2 .title-banner .title-wrapper h1,
        .page-template-page-forum3 .title-banner .title-wrapper h1 {
          font-size: 42px;
          font-size: 4.2rem; } }
      @media only screen and (max-width: 767px) {
        .single-forum .title-banner .title-wrapper h1,
        .page-template-page-forum .title-banner .title-wrapper h1,
        .page-template-page-forum2 .title-banner .title-wrapper h1,
        .page-template-page-forum3 .title-banner .title-wrapper h1 {
          font-size: 30px;
          font-size: 3rem; } }
    .single-forum .title-banner .title-wrapper .forum-date,
    .page-template-page-forum .title-banner .title-wrapper .forum-date,
    .page-template-page-forum2 .title-banner .title-wrapper .forum-date,
    .page-template-page-forum3 .title-banner .title-wrapper .forum-date {
      font-weight: 700;
      font-size: 30px;
      font-size: 3rem; }
      @media only screen and (max-width: 767px) {
        .single-forum .title-banner .title-wrapper .forum-date,
        .page-template-page-forum .title-banner .title-wrapper .forum-date,
        .page-template-page-forum2 .title-banner .title-wrapper .forum-date,
        .page-template-page-forum3 .title-banner .title-wrapper .forum-date {
          font-size: 22px;
          font-size: 2.2rem;
          padding: 10px 0; } }
.single-forum.postid-362299 .title-banner,
.page-template-page-forum.postid-362299 .title-banner,
.page-template-page-forum2.postid-362299 .title-banner,
.page-template-page-forum3.postid-362299 .title-banner {
  background-color: #25282a;
  color: white; }
  .single-forum.postid-362299 .title-banner .bg-pic,
  .page-template-page-forum.postid-362299 .title-banner .bg-pic,
  .page-template-page-forum2.postid-362299 .title-banner .bg-pic,
  .page-template-page-forum3.postid-362299 .title-banner .bg-pic {
    opacity: 0.4;
    background-position: center top; }
.single-forum #main-content,
.page-template-page-forum #main-content,
.page-template-page-forum2 #main-content,
.page-template-page-forum3 #main-content {
  padding-top: 0; }
  .single-forum #main-content .page-content,
  .page-template-page-forum #main-content .page-content,
  .page-template-page-forum2 #main-content .page-content,
  .page-template-page-forum3 #main-content .page-content {
    padding-top: 40px;
    width: 82.5%;
    margin: 0 auto; }
    @media only screen and (max-width: 1080px) {
      .single-forum #main-content .page-content,
      .page-template-page-forum #main-content .page-content,
      .page-template-page-forum2 #main-content .page-content,
      .page-template-page-forum3 #main-content .page-content {
        width: 100%; } }
    .single-forum #main-content .page-content .editor .blue-box,
    .page-template-page-forum #main-content .page-content .editor .blue-box,
    .page-template-page-forum2 #main-content .page-content .editor .blue-box,
    .page-template-page-forum3 #main-content .page-content .editor .blue-box {
      background-color: #449bef;
      color: white;
      padding: 20px;
      border-radius: 12px;
      text-align: center;
      margin-bottom: 40px; }
      .single-forum #main-content .page-content .editor .blue-box h2,
      .page-template-page-forum #main-content .page-content .editor .blue-box h2,
      .page-template-page-forum2 #main-content .page-content .editor .blue-box h2,
      .page-template-page-forum3 #main-content .page-content .editor .blue-box h2 {
        color: white;
        font-weight: 800;
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .single-forum #main-content .page-content .editor .blue-box h2,
          .page-template-page-forum #main-content .page-content .editor .blue-box h2,
          .page-template-page-forum2 #main-content .page-content .editor .blue-box h2,
          .page-template-page-forum3 #main-content .page-content .editor .blue-box h2 {
            font-size: 24px;
            font-size: 2.4rem; } }
      .single-forum #main-content .page-content .editor .blue-box p:last-child,
      .page-template-page-forum #main-content .page-content .editor .blue-box p:last-child,
      .page-template-page-forum2 #main-content .page-content .editor .blue-box p:last-child,
      .page-template-page-forum3 #main-content .page-content .editor .blue-box p:last-child {
        margin: 0; }
    .single-forum #main-content .page-content .editor h3:first-of-type,
    .page-template-page-forum #main-content .page-content .editor h3:first-of-type,
    .page-template-page-forum2 #main-content .page-content .editor h3:first-of-type,
    .page-template-page-forum3 #main-content .page-content .editor h3:first-of-type {
      text-align: center; }
    .single-forum #main-content .page-content .editor a.button, .single-forum #main-content .page-content .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-forum #main-content .page-content .editor a,
    .page-template-page-forum #main-content .page-content .editor a.button,
    .page-template-page-forum #main-content .page-content .editor .error404 .message-404 .links-404 li a,
    .error404 .message-404 .links-404 li .page-template-page-forum #main-content .page-content .editor a,
    .page-template-page-forum2 #main-content .page-content .editor a.button,
    .page-template-page-forum2 #main-content .page-content .editor .error404 .message-404 .links-404 li a,
    .error404 .message-404 .links-404 li .page-template-page-forum2 #main-content .page-content .editor a,
    .page-template-page-forum3 #main-content .page-content .editor a.button,
    .page-template-page-forum3 #main-content .page-content .editor .error404 .message-404 .links-404 li a,
    .error404 .message-404 .links-404 li .page-template-page-forum3 #main-content .page-content .editor a {
      display: block;
      width: 280px;
      margin: 0 auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .single-forum #main-content .page-content .editor a.button, .single-forum #main-content .page-content .editor .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-forum #main-content .page-content .editor a,
        .page-template-page-forum #main-content .page-content .editor a.button,
        .page-template-page-forum #main-content .page-content .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-forum #main-content .page-content .editor a,
        .page-template-page-forum2 #main-content .page-content .editor a.button,
        .page-template-page-forum2 #main-content .page-content .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-forum2 #main-content .page-content .editor a,
        .page-template-page-forum3 #main-content .page-content .editor a.button,
        .page-template-page-forum3 #main-content .page-content .editor .error404 .message-404 .links-404 li a,
        .error404 .message-404 .links-404 li .page-template-page-forum3 #main-content .page-content .editor a {
          width: 100%; } }
    .single-forum #main-content .page-content .editor .forum-video,
    .page-template-page-forum #main-content .page-content .editor .forum-video,
    .page-template-page-forum2 #main-content .page-content .editor .forum-video,
    .page-template-page-forum3 #main-content .page-content .editor .forum-video {
      padding: 10px 0 40px; }
    .single-forum #main-content .page-content .editor .forum-guests,
    .page-template-page-forum #main-content .page-content .editor .forum-guests,
    .page-template-page-forum2 #main-content .page-content .editor .forum-guests,
    .page-template-page-forum3 #main-content .page-content .editor .forum-guests {
      padding-bottom: 30px; }
    .single-forum #main-content .page-content .editor .forum-guest,
    .page-template-page-forum #main-content .page-content .editor .forum-guest,
    .page-template-page-forum2 #main-content .page-content .editor .forum-guest,
    .page-template-page-forum3 #main-content .page-content .editor .forum-guest {
      background-color: #f6be00;
      padding: 20px;
      border-radius: 12px;
      float: left;
      width: 48.5%;
      min-height: 140px;
      margin: 0 3% 20px 0;
      position: relative;
      color: white; }
      @media only screen and (max-width: 1080px) {
        .single-forum #main-content .page-content .editor .forum-guest,
        .page-template-page-forum #main-content .page-content .editor .forum-guest,
        .page-template-page-forum2 #main-content .page-content .editor .forum-guest,
        .page-template-page-forum3 #main-content .page-content .editor .forum-guest {
          padding: 15px; } }
      @media only screen and (max-width: 767px) {
        .single-forum #main-content .page-content .editor .forum-guest,
        .page-template-page-forum #main-content .page-content .editor .forum-guest,
        .page-template-page-forum2 #main-content .page-content .editor .forum-guest,
        .page-template-page-forum3 #main-content .page-content .editor .forum-guest {
          padding: 10px;
          min-height: 120px;
          float: none;
          width: 100%;
          margin-right: 0; } }
      .single-forum #main-content .page-content .editor .forum-guest:nth-child(2n),
      .page-template-page-forum #main-content .page-content .editor .forum-guest:nth-child(2n),
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest:nth-child(2n),
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest:nth-child(2n) {
        margin-right: 0; }
      .single-forum #main-content .page-content .editor .forum-guest:nth-child(1),
      .page-template-page-forum #main-content .page-content .editor .forum-guest:nth-child(1),
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest:nth-child(1),
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest:nth-child(1) {
        background-color: #b759f1; }
      .single-forum #main-content .page-content .editor .forum-guest:nth-child(2),
      .page-template-page-forum #main-content .page-content .editor .forum-guest:nth-child(2),
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest:nth-child(2),
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest:nth-child(2) {
        background-color: #38c786; }
      .single-forum #main-content .page-content .editor .forum-guest:nth-child(3),
      .page-template-page-forum #main-content .page-content .editor .forum-guest:nth-child(3),
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest:nth-child(3),
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest:nth-child(3) {
        background-color: #fa5e68; }
      .single-forum #main-content .page-content .editor .forum-guest img,
      .page-template-page-forum #main-content .page-content .editor .forum-guest img,
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest img,
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest img {
        float: left;
        border-radius: 100%;
        border: 3px solid white;
        width: 100px;
        height: 100px;
        display: block; }
        @media only screen and (max-width: 1080px) {
          .single-forum #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum2 #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum3 #main-content .page-content .editor .forum-guest img {
            width: 85px;
            height: 85px; } }
        @media only screen and (max-width: 767px) {
          .single-forum #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum2 #main-content .page-content .editor .forum-guest img,
          .page-template-page-forum3 #main-content .page-content .editor .forum-guest img {
            width: 72px;
            height: 72px; } }
      .single-forum #main-content .page-content .editor .forum-guest .linkedin,
      .page-template-page-forum #main-content .page-content .editor .forum-guest .linkedin,
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest .linkedin,
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest .linkedin {
        display: inline-block;
        width: 42px;
        height: 42px;
        background-color: #449bef;
        border-radius: 5px;
        background-image: url(images/social/ic-linkedin.svg);
        background-size: 24px auto;
        background-position: center center;
        transition: all ease 0.2s;
        position: absolute;
        top: 20px;
        right: 20px; }
        @media only screen and (max-width: 1080px) {
          .single-forum #main-content .page-content .editor .forum-guest .linkedin,
          .page-template-page-forum #main-content .page-content .editor .forum-guest .linkedin,
          .page-template-page-forum2 #main-content .page-content .editor .forum-guest .linkedin,
          .page-template-page-forum3 #main-content .page-content .editor .forum-guest .linkedin {
            top: auto;
            bottom: 5px;
            right: 5px;
            left: auto;
            width: 30px;
            height: 30px;
            background-size: 18px auto; } }
        .single-forum #main-content .page-content .editor .forum-guest .linkedin:hover,
        .page-template-page-forum #main-content .page-content .editor .forum-guest .linkedin:hover,
        .page-template-page-forum2 #main-content .page-content .editor .forum-guest .linkedin:hover,
        .page-template-page-forum3 #main-content .page-content .editor .forum-guest .linkedin:hover {
          transform: scale(1.2); }
      .single-forum #main-content .page-content .editor .forum-guest > div,
      .page-template-page-forum #main-content .page-content .editor .forum-guest > div,
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest > div,
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest > div {
        margin: 0 0 0 120px;
        line-height: 1.2em; }
        @media only screen and (max-width: 1080px) {
          .single-forum #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum2 #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum3 #main-content .page-content .editor .forum-guest > div {
            margin: 0 0 0 100px; } }
        @media only screen and (max-width: 767px) {
          .single-forum #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum2 #main-content .page-content .editor .forum-guest > div,
          .page-template-page-forum3 #main-content .page-content .editor .forum-guest > div {
            margin: 0 0 0 82px; } }
        .single-forum #main-content .page-content .editor .forum-guest > div p,
        .page-template-page-forum #main-content .page-content .editor .forum-guest > div p,
        .page-template-page-forum2 #main-content .page-content .editor .forum-guest > div p,
        .page-template-page-forum3 #main-content .page-content .editor .forum-guest > div p {
          margin: 10px 0 0 0;
          line-height: 1.2em; }
      .single-forum #main-content .page-content .editor .forum-guest strong,
      .page-template-page-forum #main-content .page-content .editor .forum-guest strong,
      .page-template-page-forum2 #main-content .page-content .editor .forum-guest strong,
      .page-template-page-forum3 #main-content .page-content .editor .forum-guest strong {
        font-size: 24px;
        font-size: 2.4rem; }
    .single-forum #main-content .page-content .editor .forum-host,
    .page-template-page-forum #main-content .page-content .editor .forum-host,
    .page-template-page-forum2 #main-content .page-content .editor .forum-host,
    .page-template-page-forum3 #main-content .page-content .editor .forum-host {
      clear: left;
      background-color: rgba(246, 190, 0, 0.6);
      padding: 20px 12px;
      border-radius: 12px;
      text-align: center;
      line-height: 1.2em; }
      .single-forum #main-content .page-content .editor .forum-host img,
      .page-template-page-forum #main-content .page-content .editor .forum-host img,
      .page-template-page-forum2 #main-content .page-content .editor .forum-host img,
      .page-template-page-forum3 #main-content .page-content .editor .forum-host img {
        border-radius: 100%;
        width: 100px;
        height: 100px;
        margin-bottom: 10px; }
      .single-forum #main-content .page-content .editor .forum-host strong,
      .page-template-page-forum #main-content .page-content .editor .forum-host strong,
      .page-template-page-forum2 #main-content .page-content .editor .forum-host strong,
      .page-template-page-forum3 #main-content .page-content .editor .forum-host strong {
        font-size: 24px;
        font-size: 2.4rem; }
    .single-forum #main-content .page-content .editor #forum-signup,
    .page-template-page-forum #main-content .page-content .editor #forum-signup,
    .page-template-page-forum2 #main-content .page-content .editor #forum-signup,
    .page-template-page-forum3 #main-content .page-content .editor #forum-signup {
      display: block;
      position: relative;
      padding-top: 60px; }
    .single-forum #main-content .page-content .editor .signup-form h2,
    .page-template-page-forum #main-content .page-content .editor .signup-form h2,
    .page-template-page-forum2 #main-content .page-content .editor .signup-form h2,
    .page-template-page-forum3 #main-content .page-content .editor .signup-form h2 {
      margin-bottom: 0.4em; }
    .single-forum #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
    .page-template-page-forum #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
    .page-template-page-forum2 #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
    .page-template-page-forum3 #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"] {
      width: 280px; }
      @media only screen and (max-width: 767px) {
        .single-forum #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
        .page-template-page-forum #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
        .page-template-page-forum2 #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"],
        .page-template-page-forum3 #main-content .page-content .editor .signup-form .nf-form-cont .submit-container input[type="button"] {
          width: 100%; } }

.page-template-page-forum2 .title-banner .bg-pic,
.page-template-page-forum3 .title-banner .bg-pic {
  background-image: url(images/forum-bg-2.jpg); }
.page-template-page-forum2 #main-content .page-content .editor .forum-guest,
.page-template-page-forum3 #main-content .page-content .editor .forum-guest {
  float: none;
  width: 100%;
  margin-right: 0;
  min-height: 140px; }
  .page-template-page-forum2 #main-content .page-content .editor .forum-guest p,
  .page-template-page-forum3 #main-content .page-content .editor .forum-guest p {
    display: block;
    margin: 0; }

.page-template-page-forum3 .title-banner .bg-pic {
  background-image: url(images/forum-bg-3.jpg); }

/* summit custom styling */
.forum-agenda {
  border-bottom: 4px dotted #f6be00; }
  .forum-agenda > h1 {
    margin-bottom: 10px !important; }
  .forum-agenda .agenda-intro {
    text-align: center; }
    .forum-agenda .agenda-intro p {
      margin-top: 0; }
  .forum-agenda .agenda-listings .section-heading {
    border-top: 4px dotted #f6be00;
    padding-top: 30px;
    color: #449bef; }
    .forum-agenda .agenda-listings .section-heading h2 {
      text-align: left !important;
      margin: 0 0 10px;
      color: #449bef; }
      @media only screen and (max-width: 767px) {
        .forum-agenda .agenda-listings .section-heading h2 {
          font-size: 22px;
          font-size: 2.2rem; } }
    .forum-agenda .agenda-listings .section-heading p {
      display: block;
      font-size: 22px;
      font-size: 2.2rem;
      margin: 0 0 30px;
      line-height: 1.2em; }
      @media only screen and (max-width: 767px) {
        .forum-agenda .agenda-listings .section-heading p {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.6em; } }
  .forum-agenda .agenda-item {
    border-top: 4px dotted #f6be00;
    padding-top: 30px;
    position: relative; }
    .forum-agenda .agenda-item .time-slot {
      float: left;
      width: 100px;
      font-weight: bold;
      color: #449bef; }
      @media only screen and (max-width: 767px) {
        .forum-agenda .agenda-item .time-slot {
          float: none;
          width: 100%;
          margin: 0 0 10px; } }
    .forum-agenda .agenda-item .speaker-photo {
      float: left;
      width: 80px;
      margin: 0 40px 20px 0;
      height: 80px;
      border-radius: 100%; }
      @media only screen and (max-width: 767px) {
        .forum-agenda .agenda-item .speaker-photo {
          width: 60px;
          margin: 0 10px 20px 0;
          height: 60px; } }
    .forum-agenda .agenda-item .time-slot-content {
      float: left;
      width: calc(100% - 220px);
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .forum-agenda .agenda-item .time-slot-content {
          width: calc(100% - 70px); } }
      .forum-agenda .agenda-item .time-slot-content h3 {
        text-align: left !important;
        font-size: 22px;
        font-size: 2.2rem;
        margin-bottom: 0; }
        @media only screen and (max-width: 767px) {
          .forum-agenda .agenda-item .time-slot-content h3 {
            font-size: 18px;
            font-size: 1.8rem; } }

/* summit resources */
#summit-videos {
  margin-bottom: 50px; }
  #summit-videos .summit-video {
    float: left;
    width: 31.5%;
    margin-right: 2.5%;
    line-height: 1.2em; }
    @media only screen and (max-width: 767px) {
      #summit-videos .summit-video {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px; }
        #summit-videos .summit-video:last-child {
          margin-bottom: 0; } }
    #summit-videos .summit-video:nth-child(3n) {
      margin-right: 0; }
    #summit-videos .summit-video a {
      display: block;
      text-decoration: none; }
      #summit-videos .summit-video a img {
        width: 100%;
        height: auto;
        border: 2px solid #449bef; }

#summit-related > div {
  padding-bottom: 15px;
  border-bottom: 3px dotted rgba(37, 40, 42, 0.2);
  margin-bottom: 15px; }
  #summit-related > div a {
    display: block; }
  #summit-related > div .pic {
    float: left;
    width: 200px;
    margin-right: 30px; }
    @media only screen and (max-width: 767px) {
      #summit-related > div .pic {
        float: none;
        width: 100%;
        margin: 0 0 10px; } }
    #summit-related > div .pic img {
      width: 100%;
      height: auto; }
  #summit-related > div .text {
    width: calc(100% - 230px);
    float: left; }
    @media only screen and (max-width: 767px) {
      #summit-related > div .text {
        float: none;
        width: 100%; } }
    #summit-related > div .text *:first-child {
      margin-top: 0; }
    #summit-related > div .text h3 {
      margin-bottom: 0; }

#summit-s4s .s4s-item {
  float: left;
  width: 23%;
  margin-right: 2.5%; }
  #summit-s4s .s4s-item:last-child {
    margin-right: 0; }
  @media only screen and (max-width: 1080px) {
    #summit-s4s .s4s-item {
      width: 48.5%;
      margin-bottom: 40px; }
      #summit-s4s .s4s-item:nth-child(2n) {
        margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    #summit-s4s .s4s-item {
      width: 100%;
      margin-right: 0; } }
  #summit-s4s .s4s-item h3 {
    text-align: center;
    background-color: #449bef;
    color: white;
    height: 32px;
    border-radius: 16px;
    margin-bottom: 10px; }
  #summit-s4s .s4s-item .pic {
    text-align: center;
    height: 200px;
    margin-bottom: 10px; }
    #summit-s4s .s4s-item .pic img {
      height: auto;
      width: auto;
      max-height: 100%;
      max-width: 100%; }
  #summit-s4s .s4s-item .text {
    line-height: 1.2em; }
    #summit-s4s .s4s-item .text a {
      text-decoration: none; }

/* post summit content */
.presentations-intro {
  margin-top: 50px;
  text-align: center; }
  .presentations-intro h2 {
    margin-bottom: 10px !important; }

.presentations-list .summit-presentation {
  text-align: center;
  margin-bottom: 30px;
  background-color: #f1f0ec;
  padding: 20px;
  border-radius: 12px; }
  .presentations-list .summit-presentation h3 {
    margin-bottom: 0; }
  .presentations-list .summit-presentation .wp-video {
    margin: 0 auto; }
  .presentations-list .summit-presentation .forum-download {
    margin-top: 20px; }
    .presentations-list .summit-presentation .forum-download .button, .presentations-list .summit-presentation .forum-download #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .presentations-list .summit-presentation .forum-download input[type="button"], .presentations-list .summit-presentation .forum-download .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .presentations-list .summit-presentation .forum-download a {
      width: auto !important;
      display: inline-block !important; }

.post-summit-info {
  margin: 30px 0;
  text-align: center; }

/* live classes */
/* list */
.page-template-page-virtual-classroom .title-banner {
  background-image: url(images/tj_banner.jpg);
  background-position: left center;
  background-size: auto 100%;
  height: 320px; }
  @media only screen and (max-width: 767px) {
    .page-template-page-virtual-classroom .title-banner {
      height: 400px; } }
  .page-template-page-virtual-classroom .title-banner .bg-pic {
    background-image: url(images/tj-header.png);
    width: 100%;
    background-position: right 50px center;
    background-size: auto 330px;
    top: auto;
    bottom: -25px;
    height: 330px; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-virtual-classroom .title-banner .bg-pic {
        background-size: auto 300px;
        bottom: -15px;
        height: 300px;
        left: auto;
        background-position: right 10px center; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-virtual-classroom .title-banner .bg-pic {
        background-position: right center;
        background-size: auto 280px;
        height: 280px; } }
  @media only screen and (max-width: 767px) {
    .page-template-page-virtual-classroom .title-banner .title-wrapper {
      vertical-align: top; } }
  .page-template-page-virtual-classroom .title-banner .title-wrapper h1 {
    color: black;
    text-align: left;
    width: 48.5%;
    line-height: 1.3em; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-virtual-classroom .title-banner .title-wrapper h1 {
        font-size: 42px;
        font-size: 4.2rem; } }
    @media only screen and (max-width: 767px) {
      .page-template-page-virtual-classroom .title-banner .title-wrapper h1 {
        font-size: 32px;
        font-size: 3.2rem;
        text-align: center;
        padding-top: 20px;
        width: 100%; } }
  .page-template-page-virtual-classroom .title-banner .editor {
    width: 48.5%;
    max-width: 750px;
    margin: auto; }
    .page-template-page-virtual-classroom .title-banner .editor p {
      margin: 0; }
.page-template-page-virtual-classroom .page-content {
  padding: 40px 0 20px; }
.page-template-page-virtual-classroom .intro {
  background-color: rgba(246, 190, 0, 0.75);
  padding: 40px 0; }
  @media only screen and (max-width: 767px) {
    .page-template-page-virtual-classroom .intro {
      text-align: center; } }
  .page-template-page-virtual-classroom .intro .intro-text {
    float: left;
    width: 65.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-virtual-classroom .intro .intro-text {
        width: 100%;
        float: none;
        margin: 0 0 10px; } }
    .page-template-page-virtual-classroom .intro .intro-text img {
      display: block;
      border: 5px solid white;
      border-radius: 100%;
      margin-bottom: 50px; }
      @media only screen and (max-width: 767px) {
        .page-template-page-virtual-classroom .intro .intro-text img {
          float: none;
          margin: 0 auto 10px; } }
  .page-template-page-virtual-classroom .intro .download-app-cta {
    float: left;
    width: 31.5%;
    text-decoration: none;
    display: block; }
    @media only screen and (max-width: 1080px) {
      .page-template-page-virtual-classroom .intro .download-app-cta {
        width: 100%;
        float: none; } }
    .page-template-page-virtual-classroom .intro .download-app-cta .fe-logo {
      width: 300px;
      height: auto;
      display: block;
      margin: -10px auto -42px auto; }
      @media only screen and (max-width: 1080px) {
        .page-template-page-virtual-classroom .intro .download-app-cta .fe-logo {
          display: inline-block;
          width: 260px; } }
    .page-template-page-virtual-classroom .intro .download-app-cta div {
      padding: 40px 30px;
      background-color: #449bef;
      color: white;
      text-align: center;
      border-radius: 12px;
      transition: all ease 0.2s; }
    .page-template-page-virtual-classroom .intro .download-app-cta h3 {
      color: white;
      margin: 0 0 15px; }
    .page-template-page-virtual-classroom .intro .download-app-cta:hover div {
      background-color: #ffa300; }

.classes-list {
  padding: 60px 0; }
  .classes-list > h2 {
    text-align: center;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 800;
    margin: 0 0 40px 0; }
  .classes-list article {
    padding: 30px;
    margin-bottom: 40px;
    background-color: white;
    border-radius: 6px; }
    @media only screen and (max-width: 767px) {
      .classes-list article {
        padding: 20px; } }
    .classes-list article:last-of-type {
      margin-bottom: 0; }
    .classes-list article .featured-pic {
      background-size: cover;
      background-position: center center; }
      @media only screen and (max-width: 767px) {
        .classes-list article .featured-pic {
          float: none;
          width: 90%;
          margin: 0 auto 20px;
          height: 60vw; } }
    @media only screen and (max-width: 767px) {
      .classes-list article .class-teaser {
        text-align: center; } }
    .classes-list article .class-teaser h3 {
      margin: 0;
      transition: all ease 0.3s;
      color: black;
      font-weight: 700; }
      .classes-list article .class-teaser h3 span {
        font-size: 32px;
        font-size: 3.2rem; }
        @media only screen and (max-width: 1080px) {
          .classes-list article .class-teaser h3 span {
            font-size: 28px;
            font-size: 2.8rem; } }
        @media only screen and (max-width: 767px) {
          .classes-list article .class-teaser h3 span {
            font-size: 24px;
            font-size: 2.4rem; } }
    .classes-list article .class-teaser .class-time {
      margin: 0 0 .4em; }
    .classes-list article .class-teaser .class-overview {
      margin-bottom: 1em; }
    .classes-list article .class-teaser span.button {
      padding: 10px 20px; }
      @media only screen and (max-width: 767px) {
        .classes-list article .class-teaser span.button {
          width: 100%;
          padding: 10px; } }
    .classes-list article a {
      display: block; }
      .classes-list article a:hover h3 {
        color: #449bef; }
      .classes-list article a:hover .button, .classes-list article a:hover #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .classes-list article a:hover input[type="button"], .classes-list article a:hover .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .classes-list article a:hover a {
        background-color: #449bef;
        color: white !important; }
  .classes-list#upcoming-classes h2 {
    color: #25282a; }
  .classes-list#upcoming-classes article .featured-pic {
    width: 48%;
    height: 16vw;
    margin-right: 4%;
    float: left; }
    @media only screen and (max-width: 1080px) {
      .classes-list#upcoming-classes article .featured-pic {
        width: 100%;
        float: none;
        margin: 0 0 20px;
        height: 30vw; } }
  .classes-list#upcoming-classes article .class-teaser {
    width: 48%;
    float: left;
    margin-top: -0.33em; }
    @media only screen and (max-width: 1080px) {
      .classes-list#upcoming-classes article .class-teaser {
        float: none;
        width: 100%; } }
    .classes-list#upcoming-classes article .class-teaser h3 {
      line-height: 1.5em; }
  .classes-list#past-classes article {
    background-color: rgba(68, 155, 239, 0.25);
    float: left;
    width: 31.5%;
    margin-right: 2.5%; }
    .classes-list#past-classes article:nth-child(3n) {
      margin-right: 0; }
    @media only screen and (max-width: 1080px) {
      .classes-list#past-classes article {
        width: 100%;
        float: none;
        margin: 0 0 20px; } }
    .classes-list#past-classes article .featured-pic {
      width: 100%;
      height: 16vw;
      margin-bottom: 16px; }
      @media only screen and (max-width: 1080px) {
        .classes-list#past-classes article .featured-pic {
          height: 50vw;
          background-position: center top; } }
    .classes-list#past-classes article .class-teaser .class-overview {
      font-size: 18px;
      font-size: 1.8rem; }

/* single */
.single-classes .title-banner {
  color: white;
  background-color: #449bef;
  height: 320px;
  text-align: left;
  display: block; }
  @media only screen and (max-width: 767px) {
    .single-classes .title-banner {
      height: auto;
      padding: 24px 0; } }
  .single-classes .title-banner .bg-pic {
    background-size: auto 480px;
    opacity: 1;
    background-position: top -30px right;
    width: 50%;
    float: right;
    position: relative;
    height: 320px; }
    @media only screen and (max-width: 767px) {
      .single-classes .title-banner .bg-pic {
        height: 300px;
        width: 100%;
        float: none;
        margin-top: 20px;
        background-position: center center; } }
  .single-classes .title-banner .title-wrapper {
    height: 320px;
    width: 50%;
    float: left;
    display: block; }
    @media only screen and (max-width: 767px) {
      .single-classes .title-banner .title-wrapper {
        height: auto;
        width: 100%;
        float: none;
        text-align: center; } }
    .single-classes .title-banner .title-wrapper .class-sub {
      font-weight: 800;
      font-size: 30px;
      font-size: 3rem;
      padding: 40px 0 0 0; }
      @media only screen and (max-width: 767px) {
        .single-classes .title-banner .title-wrapper .class-sub {
          font-size: 22px;
          font-size: 2.2rem;
          padding: 60px 0 10px 0; } }
    .single-classes .title-banner .title-wrapper h1 {
      line-height: 1.1em;
      margin: 40px 0 0.2em 0;
      text-align: left; }
      @media only screen and (max-width: 1080px) {
        .single-classes .title-banner .title-wrapper h1 {
          font-size: 42px;
          font-size: 4.2rem; } }
      @media only screen and (max-width: 767px) {
        .single-classes .title-banner .title-wrapper h1 {
          font-size: 30px;
          font-size: 3rem;
          margin: 0 0 5px;
          text-align: center; } }
    .single-classes .title-banner .title-wrapper .class-date {
      font-weight: 800;
      font-size: 24px;
      font-size: 2.4rem; }
      @media only screen and (max-width: 767px) {
        .single-classes .title-banner .title-wrapper .class-date {
          font-size: 22px;
          font-size: 2.2rem;
          padding: 10px 0;
          text-align: center; } }
    .single-classes .title-banner .title-wrapper .class-share {
      padding-top: 48px; }
      @media only screen and (max-width: 767px) {
        .single-classes .title-banner .title-wrapper .class-share {
          padding-top: 20px;
          text-align: center; } }
      .single-classes .title-banner .title-wrapper .class-share h3 {
        font-weight: 700;
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 6px; }
.single-classes #main-content {
  padding-top: 0; }
  .single-classes #main-content .page-content {
    padding-top: 40px;
    width: 100%;
    margin-left: 0; }
    @media only screen and (max-width: 1080px) {
      .single-classes #main-content .page-content {
        width: 100%; } }
    .single-classes #main-content .page-content.editor .description {
      float: left;
      width: 57%;
      margin-right: 2.5%; }
      @media only screen and (max-width: 767px) {
        .single-classes #main-content .page-content.editor .description {
          float: none;
          width: 100%;
          margin: 0 0 20px; } }
      .single-classes #main-content .page-content.editor .description h2 {
        margin-bottom: 20px;
        text-align: left; }
        @media only screen and (max-width: 767px) {
          .single-classes #main-content .page-content.editor .description h2 {
            font-size: 24px;
            font-size: 2.4rem; } }
      .single-classes #main-content .page-content.editor .description p:last-child {
        margin: 0; }
      .single-classes #main-content .page-content.editor .description a.button, .single-classes #main-content .page-content.editor .description .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-classes #main-content .page-content.editor .description a {
        display: block;
        width: 280px;
        margin: 0 auto;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .single-classes #main-content .page-content.editor .description a.button, .single-classes #main-content .page-content.editor .description .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .single-classes #main-content .page-content.editor .description a {
            width: 100%; } }
    .single-classes #main-content .page-content.editor .download-app-cta {
      float: left;
      width: 40%;
      text-decoration: none;
      display: block; }
      @media only screen and (max-width: 767px) {
        .single-classes #main-content .page-content.editor .download-app-cta {
          float: none;
          width: 100%; } }
      .single-classes #main-content .page-content.editor .download-app-cta .fe-logo {
        width: 300px;
        height: auto;
        display: block;
        margin: -10px auto -42px auto; }
        @media only screen and (max-width: 1080px) {
          .single-classes #main-content .page-content.editor .download-app-cta .fe-logo {
            width: 240px; } }
      .single-classes #main-content .page-content.editor .download-app-cta div {
        padding: 40px 30px;
        background-color: #449bef;
        color: white;
        text-align: center;
        border-radius: 12px;
        transition: all ease 0.2s; }
      .single-classes #main-content .page-content.editor .download-app-cta h3 {
        color: white;
        margin: 0 0 15px; }
      .single-classes #main-content .page-content.editor .download-app-cta:hover div {
        background-color: #ffa300; }
  .single-classes #main-content .class-content .class-videos {
    width: 57%;
    float: left;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .single-classes #main-content .class-content .class-videos {
        width: 100%;
        float: none;
        margin: 0 0 30px 0; } }
  .single-classes #main-content .class-content .class-video {
    padding: 10px 30px 30px;
    border-radius: 24px;
    text-align: center;
    color: white;
    margin: 0 0 30px; }
    @media only screen and (max-width: 767px) {
      .single-classes #main-content .class-content .class-video {
        padding: 10px 20px 20px; } }
    .single-classes #main-content .class-content .class-video.play {
      background-color: #b759f1; }
    .single-classes #main-content .class-content .class-video.practice {
      background-color: #fa5e68; }
    .single-classes #main-content .class-content .class-video.storytime {
      background-color: #38c786; }
    .single-classes #main-content .class-content .class-video h3 {
      font-size: 36px;
      font-size: 3.6rem;
      color: white;
      font-weight: 800;
      margin: 0 0 10px; }
  .single-classes #main-content .class-content #class-resources {
    float: left;
    width: 40%;
    text-align: center;
    padding-left: 30px; }
    @media only screen and (max-width: 1080px) {
      .single-classes #main-content .class-content #class-resources {
        float: none;
        width: 100%;
        padding: 20px 0 0 0; } }
  .single-classes #main-content .class-content .class-featured-games {
    margin: -10px 0 60px; }
    .single-classes #main-content .class-content .class-featured-games h2 {
      margin-bottom: 20px; }
  .single-classes #main-content .class-content .featured-game .game-mockup {
    position: relative;
    transform: rotate(2deg); }
    .single-classes #main-content .class-content .featured-game .game-mockup .device-bg {
      position: relative;
      width: 100%; }
      @media only screen and (max-width: 1080px) {
        .single-classes #main-content .class-content .featured-game .game-mockup .device-bg {
          width: 480px; } }
      @media only screen and (max-width: 767px) {
        .single-classes #main-content .class-content .featured-game .game-mockup .device-bg {
          width: 300px; } }
    .single-classes #main-content .class-content .featured-game .game-mockup .screenshot {
      position: absolute;
      width: 75.5%;
      height: 13.5vw;
      top: 1.3vw;
      left: 3.8vw;
      background-size: cover;
      background-position: left top; }
      @media only screen and (max-width: 1080px) {
        .single-classes #main-content .class-content .featured-game .game-mockup .screenshot {
          width: 360px;
          height: 204px;
          top: 18px;
          left: 150px; } }
      @media only screen and (max-width: 767px) {
        .single-classes #main-content .class-content .featured-game .game-mockup .screenshot {
          width: 225px;
          height: 125px;
          top: 12px;
          left: 45px; } }
  .single-classes #main-content .class-content .featured-game .game-text {
    margin: 10px 0 0 0; }
    .single-classes #main-content .class-content .featured-game .game-text h3 {
      margin: 0; }
    .single-classes #main-content .class-content .featured-game .game-text p {
      font-size: 16px;
      font-size: 1.6rem;
      margin: 0;
      line-height: 1.3em; }
  .single-classes #main-content .class-content .supporting-resource a {
    display: block;
    text-decoration: none;
    margin: 0 0 30px 0; }
  .single-classes #main-content .class-content .supporting-resource img {
    width: 120px;
    height: auto;
    display: block;
    margin: 0 20px 0 0;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transform: rotate(-4deg); }
    @media only screen and (max-width: 767px) {
      .single-classes #main-content .class-content .supporting-resource img {
        float: none;
        margin: 0 auto 20px; } }
  .single-classes #main-content .class-content .supporting-resource div {
    float: left;
    width: calc(100% - 140px);
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem; }
    @media only screen and (max-width: 767px) {
      .single-classes #main-content .class-content .supporting-resource div {
        float: none;
        width: 100%;
        text-align: center; } }
    .single-classes #main-content .class-content .supporting-resource div h3 {
      margin: 0; }
    .single-classes #main-content .class-content .supporting-resource div p {
      margin: 0;
      line-height: 1.3em; }

.page-template-page-forum2 .title-banner .bg-pic,
.page-template-page-forum3 .title-banner .bg-pic {
  background-image: url(images/forum-bg-2.jpg); }
.page-template-page-forum2 #main-content .page-content .editor .forum-guest,
.page-template-page-forum3 #main-content .page-content .editor .forum-guest {
  float: none;
  width: 100%;
  margin-right: 0;
  min-height: 140px; }
  .page-template-page-forum2 #main-content .page-content .editor .forum-guest p,
  .page-template-page-forum3 #main-content .page-content .editor .forum-guest p {
    display: block;
    margin: 0; }

.page-template-page-forum3 .title-banner .bg-pic {
  background-image: url(images/forum-bg-3.jpg); }

/* content landing pages */
.page-template-content-landing .title-banner,
.page-template-studycat-classroom .title-banner,
.page-template-studycat-singalong .title-banner {
  height: 400px;
  position: relative;
  display: block;
  height: 400px; }
  @media only screen and (max-width: 1080px) {
    .page-template-content-landing .title-banner,
    .page-template-studycat-classroom .title-banner,
    .page-template-studycat-singalong .title-banner {
      height: 300px; } }
  @media only screen and (max-width: 767px) {
    .page-template-content-landing .title-banner,
    .page-template-studycat-classroom .title-banner,
    .page-template-studycat-singalong .title-banner {
      height: auto;
      background-image: none;
      background-color: #449bef;
      padding: 0 0 160px; } }
  .page-template-content-landing .title-banner .bg-pic1,
  .page-template-studycat-classroom .title-banner .bg-pic1,
  .page-template-studycat-singalong .title-banner .bg-pic1 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100%;
    background-position: -50vw center;
    background-size: cover;
    display: block; }
    @media only screen and (max-width: 1080px) {
      .page-template-content-landing .title-banner .bg-pic1,
      .page-template-studycat-classroom .title-banner .bg-pic1,
      .page-template-studycat-singalong .title-banner .bg-pic1 {
        background-position: -45vw center; } }
    @media only screen and (max-width: 767px) {
      .page-template-content-landing .title-banner .bg-pic1,
      .page-template-studycat-classroom .title-banner .bg-pic1,
      .page-template-studycat-singalong .title-banner .bg-pic1 {
        background-color: white;
        background-size: cover; } }
  .page-template-content-landing .title-banner .bg-pic2,
  .page-template-studycat-classroom .title-banner .bg-pic2,
  .page-template-studycat-singalong .title-banner .bg-pic2 {
    position: absolute;
    display: block; }
  .page-template-content-landing .title-banner .title-text,
  .page-template-studycat-classroom .title-banner .title-text,
  .page-template-studycat-singalong .title-banner .title-text {
    width: 50%;
    color: white;
    height: 400px;
    display: table;
    padding: 0 6vw 0 0; }
    @media only screen and (max-width: 1080px) {
      .page-template-content-landing .title-banner .title-text,
      .page-template-studycat-classroom .title-banner .title-text,
      .page-template-studycat-singalong .title-banner .title-text {
        height: 300px; } }
    @media only screen and (max-width: 767px) {
      .page-template-content-landing .title-banner .title-text,
      .page-template-studycat-classroom .title-banner .title-text,
      .page-template-studycat-singalong .title-banner .title-text {
        width: 100%;
        height: auto;
        display: block;
        text-align: center; } }
    .page-template-content-landing .title-banner .title-text .editor,
    .page-template-studycat-classroom .title-banner .title-text .editor,
    .page-template-studycat-singalong .title-banner .title-text .editor {
      display: table-cell;
      vertical-align: middle; }
      .page-template-content-landing .title-banner .title-text .editor h1,
      .page-template-studycat-classroom .title-banner .title-text .editor h1,
      .page-template-studycat-singalong .title-banner .title-text .editor h1 {
        line-height: 1.1em;
        text-align: center;
        width: 75%;
        font-size: 72px;
        font-size: 7.2rem; }
        @media only screen and (max-width: 1080px) {
          .page-template-content-landing .title-banner .title-text .editor h1,
          .page-template-studycat-classroom .title-banner .title-text .editor h1,
          .page-template-studycat-singalong .title-banner .title-text .editor h1 {
            font-size: 56px;
            font-size: 5.6rem;
            width: 100%;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          .page-template-content-landing .title-banner .title-text .editor h1,
          .page-template-studycat-classroom .title-banner .title-text .editor h1,
          .page-template-studycat-singalong .title-banner .title-text .editor h1 {
            font-size: 32px;
            font-size: 3.2rem;
            text-align: center;
            padding-top: 20px;
            width: 100%; } }
      .page-template-content-landing .title-banner .title-text .editor p,
      .page-template-studycat-classroom .title-banner .title-text .editor p,
      .page-template-studycat-singalong .title-banner .title-text .editor p {
        margin: 0; }
.page-template-content-landing .page-content,
.page-template-studycat-classroom .page-content,
.page-template-studycat-singalong .page-content {
  padding: 40px 0 20px; }
.page-template-content-landing .intro,
.page-template-studycat-classroom .intro,
.page-template-studycat-singalong .intro {
  padding: 40px 0; }
  @media only screen and (max-width: 767px) {
    .page-template-content-landing .intro,
    .page-template-studycat-classroom .intro,
    .page-template-studycat-singalong .intro {
      text-align: center;
      padding: 24px 0; } }
  .page-template-content-landing .intro .intro-text,
  .page-template-studycat-classroom .intro .intro-text,
  .page-template-studycat-singalong .intro .intro-text {
    float: right;
    width: 57%;
    padding-left: 5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-content-landing .intro .intro-text,
      .page-template-studycat-classroom .intro .intro-text,
      .page-template-studycat-singalong .intro .intro-text {
        width: 100%;
        float: none;
        margin: 0 0 10px;
        padding: 0; }
        .page-template-content-landing .intro .intro-text h2,
        .page-template-studycat-classroom .intro .intro-text h2,
        .page-template-studycat-singalong .intro .intro-text h2 {
          text-align: center;
          margin-bottom: 15px; } }
    .page-template-content-landing .intro .intro-text img,
    .page-template-studycat-classroom .intro .intro-text img,
    .page-template-studycat-singalong .intro .intro-text img {
      display: block;
      border: 5px solid white;
      border-radius: 100%;
      margin-bottom: 50px; }
      @media only screen and (max-width: 767px) {
        .page-template-content-landing .intro .intro-text img,
        .page-template-studycat-classroom .intro .intro-text img,
        .page-template-studycat-singalong .intro .intro-text img {
          float: none;
          margin: 0 auto 10px; } }
  .page-template-content-landing .intro .download-app-cta,
  .page-template-studycat-classroom .intro .download-app-cta,
  .page-template-studycat-singalong .intro .download-app-cta {
    float: right;
    width: 40%;
    text-decoration: none;
    display: block;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-content-landing .intro .download-app-cta,
      .page-template-studycat-classroom .intro .download-app-cta,
      .page-template-studycat-singalong .intro .download-app-cta {
        width: 100%;
        float: none; } }
    .page-template-content-landing .intro .download-app-cta .app-logo,
    .page-template-studycat-classroom .intro .download-app-cta .app-logo,
    .page-template-studycat-singalong .intro .download-app-cta .app-logo {
      width: 75%;
      height: auto;
      display: block;
      margin: -10px auto 10px auto; }
      @media only screen and (max-width: 1080px) {
        .page-template-content-landing .intro .download-app-cta .app-logo,
        .page-template-studycat-classroom .intro .download-app-cta .app-logo,
        .page-template-studycat-singalong .intro .download-app-cta .app-logo {
          display: block;
          width: 300px;
          margin: 20px auto 10px; } }
      @media only screen and (max-width: 767px) {
        .page-template-content-landing .intro .download-app-cta .app-logo,
        .page-template-studycat-classroom .intro .download-app-cta .app-logo,
        .page-template-studycat-singalong .intro .download-app-cta .app-logo {
          width: 260px; } }
    .page-template-content-landing .intro .download-app-cta div,
    .page-template-studycat-classroom .intro .download-app-cta div,
    .page-template-studycat-singalong .intro .download-app-cta div {
      padding: 20px;
      background-color: #449bef;
      color: white;
      text-align: center;
      border-radius: 12px;
      transition: all ease 0.2s; }
    .page-template-content-landing .intro .download-app-cta h3,
    .page-template-studycat-classroom .intro .download-app-cta h3,
    .page-template-studycat-singalong .intro .download-app-cta h3 {
      color: white;
      margin: 0 0 15px; }
    .page-template-content-landing .intro .download-app-cta:hover div,
    .page-template-studycat-classroom .intro .download-app-cta:hover div,
    .page-template-studycat-singalong .intro .download-app-cta:hover div {
      background-color: #ffa300; }
      .page-template-content-landing .intro .download-app-cta:hover div .button, .page-template-content-landing .intro .download-app-cta:hover div #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .page-template-content-landing .intro .download-app-cta:hover div input[type="button"], .page-template-content-landing .intro .download-app-cta:hover div .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .page-template-content-landing .intro .download-app-cta:hover div a,
      .page-template-studycat-classroom .intro .download-app-cta:hover div .button,
      .page-template-studycat-classroom .intro .download-app-cta:hover div #site-wrapper .nf-form-cont input[type="button"],
      #site-wrapper .nf-form-cont .page-template-studycat-classroom .intro .download-app-cta:hover div input[type="button"],
      .page-template-studycat-classroom .intro .download-app-cta:hover div .error404 .message-404 .links-404 li a,
      .error404 .message-404 .links-404 li .page-template-studycat-classroom .intro .download-app-cta:hover div a,
      .page-template-studycat-singalong .intro .download-app-cta:hover div .button,
      .page-template-studycat-singalong .intro .download-app-cta:hover div #site-wrapper .nf-form-cont input[type="button"],
      #site-wrapper .nf-form-cont .page-template-studycat-singalong .intro .download-app-cta:hover div input[type="button"],
      .page-template-studycat-singalong .intro .download-app-cta:hover div .error404 .message-404 .links-404 li a,
      .error404 .message-404 .links-404 li .page-template-studycat-singalong .intro .download-app-cta:hover div a {
        background-color: #f6be00; }

.content-list {
  padding: 60px 0;
  background-color: rgba(68, 155, 239, 0.25); }
  @media only screen and (max-width: 767px) {
    .content-list {
      padding: 30px 0; } }
  .content-list .container > h2 {
    text-align: center;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 800;
    margin: 0 0 40px 0; }
    @media only screen and (max-width: 767px) {
      .content-list .container > h2 {
        font-size: 24px;
        font-size: 2.4rem;
        margin: 0 0 20px 0; } }
  .content-list article {
    float: left;
    width: 31.5%;
    margin-right: 2.5%;
    margin-bottom: 40px;
    background-color: white;
    border-radius: 12px; }
    .content-list article:nth-child(3n) {
      margin-right: 0; }
    @media only screen and (max-width: 1080px) {
      .content-list article {
        width: 48.5%;
        margin-bottom: 30px; }
        .content-list article:nth-child(3n) {
          margin-right: 2.5%; }
        .content-list article:nth-child(2n) {
          margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .content-list article {
        float: none;
        width: 100%; } }
    .content-list article .featured-pic {
      background-size: cover;
      background-position: center center;
      padding-bottom: 56.25%;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      position: relative; }
    .content-list article.video .featured-pic:after, .content-list article.song .featured-pic:after {
      content: "";
      position: absolute;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      left: 50%;
      margin-left: -30px;
      top: 5vw;
      background-image: url(images/ic-video-play.svg);
      background-size: 60px auto;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0.75;
      transition: opacity ease 0.3s; }
      @media only screen and (max-width: 1080px) {
        .content-list article.video .featured-pic:after, .content-list article.song .featured-pic:after {
          top: 8vw; } }
      @media only screen and (max-width: 767px) {
        .content-list article.video .featured-pic:after, .content-list article.song .featured-pic:after {
          top: 15vw; } }
    .content-list article .teaser {
      padding: 10px 15px;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px; }
      @media only screen and (max-width: 767px) {
        .content-list article .teaser {
          text-align: center; } }
      .content-list article .teaser h3 {
        margin: 0;
        transition: all ease 0.3s;
        color: black;
        font-weight: 700; }
      .content-list article .teaser p {
        margin-bottom: 0;
        line-height: 1.2em; }
    .content-list article a {
      display: block;
      text-decoration: none; }
      .content-list article a.main-link:hover h3 {
        color: #449bef; }
      .content-list article a.main-link:hover .featured-pic:after {
        opacity: 1; }
      .content-list article a.resource-link {
        background-color: #449bef;
        padding: 10px 15px 12px;
        border-radius: 6px;
        color: white;
        margin: 10px 15px;
        transition: all ease 0.3s;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.3em; }
        @media only screen and (max-width: 767px) {
          .content-list article a.resource-link {
            margin: 10px 5px;
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 700;
            text-align: center; } }
        .content-list article a.resource-link:hover {
          background-color: #ffa300; }

.page-template-studycat-classroom .title-banner {
  background-image: url(images/content-landing/sc-classroom-bg.svg);
  background-position: right bottom -5px;
  background-size: auto 360px; }
  @media only screen and (max-width: 767px) {
    .page-template-studycat-classroom .title-banner {
      background-color: #449bef;
      background-image: none; } }
  .page-template-studycat-classroom .title-banner .bg-pic1 {
    background-image: url(images/content-landing/sc-classroom-text-blue.svg); }
    @media only screen and (max-width: 767px) {
      .page-template-studycat-classroom .title-banner .bg-pic1 {
        background-image: url(images/content-landing/sc-classroom-bg.svg);
        width: 100%;
        height: 140px;
        background-position: right bottom -5px; } }
  .page-template-studycat-classroom .title-banner .bg-pic2 {
    width: 50%;
    right: 0;
    bottom: 0;
    height: 100%;
    background-image: url(images/content-landing/sc-classroom-cat.svg);
    background-size: contain;
    background-position: center bottom; }
    @media only screen and (max-width: 767px) {
      .page-template-studycat-classroom .title-banner .bg-pic2 {
        width: 100%;
        height: 140px; } }

.page-template-studycat-singalong .title-banner {
  background-image: url(images/content-landing/spots-bg2.png);
  background-color: #2fb693;
  background-position: left 50vw bottom;
  background-size: auto 400px; }
  @media only screen and (max-width: 767px) {
    .page-template-studycat-singalong .title-banner {
      background-color: #449bef;
      background-image: none; } }
  .page-template-studycat-singalong .title-banner .bg-pic1 {
    background-image: none; }
    @media only screen and (max-width: 767px) {
      .page-template-studycat-singalong .title-banner .bg-pic1 {
        background-image: url(images/content-landing/spots-bg2.png);
        width: 100%;
        height: 140px;
        background-position: right bottom -5px; } }
  .page-template-studycat-singalong .title-banner .bg-pic2 {
    width: 50%;
    right: 0;
    bottom: 2vw;
    height: 100%;
    background-image: url(images/content-landing/cat-spotlight.png);
    background-size: contain;
    background-position: left bottom; }
    @media only screen and (max-width: 767px) {
      .page-template-studycat-singalong .title-banner .bg-pic2 {
        width: 100%;
        height: 140px; } }
.page-template-studycat-singalong .intro .download-app-cta div {
  background-color: #2fb693; }
.page-template-studycat-singalong .content-list {
  background-color: rgba(47, 182, 147, 0.3); }

/* registration and shop */
/* register overlay */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 900; }
  .modal-overlay .overlay-wrapper {
    display: table;
    height: 100%;
    width: 100%; }
  .modal-overlay .overlay-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

.popup-form {
  display: none;
  width: 600px;
  background-color: #864abb;
  border-radius: 6px;
  padding: 30px;
  color: white;
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  text-align: left; }
  .popup-form h3 {
    font-size: 30px;
    font-size: 3rem;
    margin: 0 0 30px !important;
    font-weight: 900;
    color: white !important;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .popup-form h3 {
        line-height: 1.3em; } }
  .popup-form .close-popup {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15px;
    right: 15px;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 0.75;
    transition: all ease 0.3s; }
    .popup-form .close-popup:hover {
      opacity: 1; }
    .popup-form .close-popup:before {
      content: "";
      width: 2px;
      height: 30px;
      background-color: white;
      transform: rotate(45deg);
      position: absolute;
      display: inline-block;
      top: 0;
      left: 14px; }
    .popup-form .close-popup:after {
      content: "";
      width: 2px;
      height: 30px;
      background-color: white;
      transform: rotate(-45deg);
      position: absolute;
      display: inline-block;
      top: 0;
      left: 14px; }
  .popup-form .nf-form-cont .nf-error-msg,
  .popup-form .nf-form-cont .ninja-forms-req-symbol {
    color: #f6be00 !important;
    line-height: 1.2em; }
    .popup-form .nf-form-cont .nf-error-msg strong,
    .popup-form .nf-form-cont .ninja-forms-req-symbol strong {
      font-weight: 700; }
    .popup-form .nf-form-cont .nf-error-msg a,
    .popup-form .nf-form-cont .ninja-forms-req-symbol a {
      color: #f6be00;
      font-weight: 700;
      text-decoration: underline; }
  .popup-form .nf-form-cont .nf-field-description {
    order: 20; }
    .popup-form .nf-form-cont .nf-field-description p {
      font-size: 14px;
      font-size: 1.4rem;
      margin-top: 5px; }
  .popup-form .nf-form-cont .nf-response-msg p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4em;
    margin-bottom: 1em; }

@media only screen and (max-width: 767px) {
  #site-wrapper #sign-in-popup {
    border-radius: 0;
    height: 100vh;
    width: 100vw;
    padding: 30px 0; } }
#site-wrapper #sign-in-popup:before {
  content: "";
  display: block;
  position: absolute;
  left: -60px;
  top: 90px;
  width: 200px;
  height: 300px;
  background-image: url(images/svg-animation/studycat-anim02.svg);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 767px) {
    #site-wrapper #sign-in-popup:before {
      left: 50%;
      margin-left: -80px;
      height: 250px;
      width: 200px;
      bottom: 10px;
      top: auto; } }
#site-wrapper #sign-in-popup .nf-form-cont {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 0; }
#site-wrapper #sign-in-popup .nf-form-wrap {
  padding: 0 80px; }
  @media only screen and (max-width: 767px) {
    #site-wrapper #sign-in-popup .nf-form-wrap {
      padding: 0 20px; } }
#site-wrapper #sign-in-popup .submit-container {
  padding-top: 0; }
  #site-wrapper #sign-in-popup .submit-container input[type="button"] {
    width: 100%; }
#site-wrapper #sign-in-popup p.forgotten-password-link {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center !important; }
  #site-wrapper #sign-in-popup p.forgotten-password-link a {
    color: white !important;
    text-decoration: underline; }

#site-wrapper #register-popup {
  width: 800px;
  overflow-y: scroll;
  max-height: 100vh; }
  @media only screen and (max-width: 1080px) {
    #site-wrapper #register-popup {
      width: 100%;
      border-radius: 0;
      height: 100vh; } }
  #site-wrapper #register-popup .nf-form-cont .ninja-forms-req-symbol {
    display: none; }
  #site-wrapper #register-popup .nf-form-cont .nf-help {
    background: url(images/help-info.png) no-repeat; }
  #site-wrapper #register-popup .nf-form-cont hr {
    background: white; }
  #site-wrapper #register-popup .nf-form-cont .label-right .nf-field-description {
    margin-right: 0;
    width: 50%;
    font-size: 18px;
    font-size: 1.8rem; }
    @media only screen and (max-width: 767px) {
      #site-wrapper #register-popup .nf-form-cont .label-right .nf-field-description {
        font-size: 15px;
        font-size: 1.5rem; } }
    #site-wrapper #register-popup .nf-form-cont .label-right .nf-field-description a {
      color: white; }
  #site-wrapper #register-popup .nf-form-cont .mailchimp-optin-container .field-wrap {
    flex-direction: row; }
  #site-wrapper #register-popup .nf-form-cont .mailchimp-optin-container .checkbox-wrap .nf-field-label {
    width: auto; }
  #site-wrapper #register-popup .nf-form-cont .mailchimp-optin-container .nf-field-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2%;
    width: 35%;
    -ms-flex-order: 10;
    order: 10; }
  #site-wrapper #register-popup .nf-form-cont .privacy-link .nf-field-element p,
  #site-wrapper #register-popup .nf-form-cont .newsletter-promo .nf-field-element p {
    margin: 0 !important; }
  #site-wrapper #register-popup .nf-form-cont .sub-heading {
    margin-bottom: 0 !important; }
  #site-wrapper #register-popup .nf-form-cont .newsletter-promo p {
    margin-bottom: 0; }
  #site-wrapper #register-popup .nf-form-cont .privacy-link {
    font-size: 16px;
    font-size: 1.6rem; }
    #site-wrapper #register-popup .nf-form-cont .privacy-link p {
      line-height: 1.3em; }
    #site-wrapper #register-popup .nf-form-cont .privacy-link a {
      color: white;
      text-decoration: underline; }
  #site-wrapper #register-popup .nf-form-cont .submit-container:before {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: -20px;
    width: 160px;
    height: 220px;
    background-image: url(images/svg-animation/welcome-cat-anim.svg);
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      #site-wrapper #register-popup .nf-form-cont .submit-container:before {
        width: 100px;
        left: -40px;
        top: -30px; } }
  #site-wrapper #register-popup .nf-form-cont .success-overlay {
    margin-bottom: 0;
    text-align: center; }

/* generic register page */
.nf-form-cont .mailchimp-optin-container,
.nf-form-cont #nf-field-200-container,
.nf-form-cont #nf-field-200_1-container {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-radius: 12px !important;
  padding: 10px 10px 5px !important; }
.nf-form-cont .privacy-link p,
.nf-form-cont .newsletter-promo p {
  margin: 0 !important;
  line-height: 1.3em; }
.nf-form-cont .privacy-message p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .nf-form-cont .privacy-message p {
      font-size: 13px;
      font-size: 1.3rem; } }

/* woocommerce styling and overrides */
body.woocommerce-cart .title-banner, body.woocommerce-checkout .title-banner, body.woocommerce-page .title-banner {
  height: 100px;
  color: white; }
  body.woocommerce-cart .title-banner .bg-pic, body.woocommerce-checkout .title-banner .bg-pic, body.woocommerce-page .title-banner .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  @media only screen and (max-width: 767px) {
    body.woocommerce-cart .title-banner, body.woocommerce-checkout .title-banner, body.woocommerce-page .title-banner {
      height: 60px; } }
body.woocommerce-cart .page-content, body.woocommerce-checkout .page-content, body.woocommerce-page .page-content {
  width: 82.5%;
  margin-left: 8.5%;
  padding-top: 50px; }
  @media only screen and (max-width: 1080px) {
    body.woocommerce-cart .page-content, body.woocommerce-checkout .page-content, body.woocommerce-page .page-content {
      width: 100%;
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    body.woocommerce-cart .page-content, body.woocommerce-checkout .page-content, body.woocommerce-page .page-content {
      padding-top: 20px; } }
body.woocommerce-cart table.cart img, body.woocommerce-checkout table.cart img, body.woocommerce-page table.cart img {
  width: 120px;
  height: auto; }

/* Product archive */
body.post-type-archive-product .page-content {
  width: 100%;
  margin-left: 0; }
body.post-type-archive-product ul.products li.product {
  text-align: center; }
  @media only screen and (max-width: 1080px) {
    body.post-type-archive-product ul.products li.product {
      width: 30% !important;
      margin: 0 5% 30px 0 !important;
      clear: none !important; }
      body.post-type-archive-product ul.products li.product:nth-child(2n) {
        float: left !important; }
      body.post-type-archive-product ul.products li.product:nth-child(3n) {
        margin-right: 0 !important; } }
  @media only screen and (max-width: 767px) {
    body.post-type-archive-product ul.products li.product {
      margin: 0 0 20px;
      width: 48% !important;
      margin: 0 4% 30px 0 !important; }
      body.post-type-archive-product ul.products li.product:nth-child(2n) {
        float: left !important;
        margin-right: 0 !important; }
      body.post-type-archive-product ul.products li.product:nth-child(3n) {
        margin-right: 4% !important; } }
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link h3,
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-category__title,
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title {
    padding: .2em 0 0;
    margin: 0;
    font-size: 2.3vw;
    transition: all ease 0.3s; }
    @media only screen and (max-width: 1080px) {
      body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link h3,
      body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-category__title,
      body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title {
        font-size: 30px;
        font-size: 3rem; } }
    @media only screen and (max-width: 767px) {
      body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link h3,
      body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-category__title,
      body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title {
        font-size: 22px;
        font-size: 2.2rem; } }
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link img {
    margin: 0 0 0.2em;
    transition: all ease 0.3s; }
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link .price {
    text-align: center;
    color: #449bef;
    line-height: 1.2em; }
    body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link .price .from {
      text-transform: none;
      font-size: 1em;
      color: #449bef; }
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link:hover h3,
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-category__title,
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
    color: #449bef; }
  body.post-type-archive-product ul.products li.product a.woocommerce-loop-product__link:hover img {
    opacity: 0.75; }
  body.post-type-archive-product ul.products li.product a.button, body.post-type-archive-product ul.products .error404 .message-404 .links-404 li.product a, .error404 .message-404 .links-404 body.post-type-archive-product ul.products li.product a {
    margin: 0; }

/* for families apps */
#shop-apps-families {
  padding-top: 40px; }
  #shop-apps-families h1 {
    text-align: center;
    margin-bottom: 15px; }

.apps-category-intro {
  text-align: center;
  margin: 0 auto 20px;
  line-height: 1.3em; }
  @media only screen and (max-width: 1080px) {
    .apps-category-intro {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .apps-category-intro {
      font-size: 18px;
      font-size: 1.8rem; } }
  .apps-category-intro h3 {
    font-weight: 700;
    margin-bottom: 10px; }

/* for schools apps */
#shop-apps-schools {
  margin-top: -30px;
  background-color: rgba(68, 155, 239, 0.2);
  padding: 20px 0 40px 0; }
  #shop-apps-schools h1 {
    background-image: url(images/logo-s4s.png);
    background-position: center center;
    background-size: contain;
    margin: 0 auto 15px;
    height: 100px; }
    @media only screen and (max-width: 767px) {
      #shop-apps-schools h1 {
        height: 100px; } }
    #shop-apps-schools h1 span {
      display: none; }
  #shop-apps-schools .fes-logo {
    float: left;
    width: 16.95%;
    display: block;
    margin-right: 3.8%; }
  #shop-apps-schools .schools-app {
    float: left;
    width: 48.5%;
    margin-right: 2.5%;
    background-color: white;
    border-radius: 20px;
    padding: 20px; }
    @media only screen and (max-width: 1080px) {
      #shop-apps-schools .schools-app {
        float: none;
        width: 100%;
        margin: 0 0 20px; } }
    #shop-apps-schools .schools-app:last-child {
      margin-right: 0; }
    #shop-apps-schools .schools-app a {
      display: block;
      text-decoration: none !important; }
      #shop-apps-schools .schools-app a:hover .icon img {
        opacity: 0.5; }
      #shop-apps-schools .schools-app a:hover .app-desc span {
        background-color: #ffa300; }
    #shop-apps-schools .schools-app .icon {
      float: left;
      width: 40%;
      padding-right: 10px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #shop-apps-schools .schools-app .icon {
          float: none;
          width: 60%;
          padding: 0;
          margin: 0 auto; } }
      #shop-apps-schools .schools-app .icon img {
        width: 100%;
        height: auto;
        transition: all ease 0.3s; }
      #shop-apps-schools .schools-app .icon h2 {
        margin: 0 0 5px; }
      #shop-apps-schools .schools-app .icon .price {
        color: #449bef;
        font-weight: 700;
        display: block;
        font-size: .857em;
        line-height: 1.2em; }
        #shop-apps-schools .schools-app .icon .price span {
          font-size: 1.2em; }
    #shop-apps-schools .schools-app .app-desc {
      float: left;
      width: 60%;
      padding-left: 10px; }
      @media only screen and (max-width: 767px) {
        #shop-apps-schools .schools-app .app-desc {
          float: none;
          width: 100%;
          padding: 0;
          text-align: center; } }
      #shop-apps-schools .schools-app .app-desc p {
        line-height: 1.4em;
        margin-bottom: 1em; }
      #shop-apps-schools .schools-app .app-desc span {
        padding: 10px 18px 12px;
        border: none; }
      #shop-apps-schools .schools-app .app-desc .school-app-details {
        display: none; }

/* product page */
body.single-product .title-banner.woo {
  display: none; }
body.single-product .page-content {
  width: 100%;
  margin-left: 0;
  padding-top: 20px; }
body.single-product div.product {
  /* tabs */
  /* related products */ }
  body.single-product div.product div.summary {
    margin-right: 2.5%;
    float: left;
    width: 48.5%;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      body.single-product div.product div.summary {
        width: 100%;
        float: none;
        margin-right: 0; } }
    body.single-product div.product div.summary .product-icon-title {
      margin-bottom: .8em;
      position: relative;
      width: 86vw;
      background-color: white;
      z-index: 500;
      padding: 16px 0 0 7vw;
      width: 100vw;
      height: 100px;
      margin-left: -7vw;
      top: 0;
      transition: top ease-out .3s; }
      @media only screen and (max-width: 1080px) {
        body.single-product div.product div.summary .product-icon-title {
          padding: 16px 0 0 5vw;
          margin-left: -5vw; } }
      @media only screen and (max-width: 767px) {
        body.single-product div.product div.summary .product-icon-title {
          margin-bottom: 60px;
          padding: 16px 0 0 4vw;
          margin-left: -4vw; } }
      body.single-product div.product div.summary .product-icon-title .wp-post-image {
        float: left;
        height: 70px;
        width: 70px;
        display: block;
        margin: 0 30px 0 0; }
        @media only screen and (max-width: 767px) {
          body.single-product div.product div.summary .product-icon-title .wp-post-image {
            margin-right: 15px; } }
      body.single-product div.product div.summary .product-icon-title.fixed {
        position: fixed;
        left: 0;
        margin-left: 0; }
      body.single-product div.product div.summary .product-icon-title.high {
        top: 0; }
      body.single-product div.product div.summary .product-icon-title.low {
        top: 40px; }
        @media only screen and (max-width: 1080px) {
          body.single-product div.product div.summary .product-icon-title.low {
            top: 0px; } }
    body.single-product div.product div.summary .product_title {
      float: left;
      width: calc(100% - 120px);
      text-align: left;
      margin: -12px 0 0;
      font-size: 42px;
      font-size: 4.2rem; }
      @media only screen and (max-width: 1080px) {
        body.single-product div.product div.summary .product_title {
          font-size: 36px;
          font-size: 3.6rem; } }
      @media only screen and (max-width: 767px) {
        body.single-product div.product div.summary .product_title {
          font-size: 30px;
          font-size: 3rem;
          margin-top: -5px; } }
    body.single-product div.product div.summary p.price {
      color: #449bef;
      font-size: 19px;
      font-size: 1.9rem;
      font-weight: 600;
      position: relative;
      line-height: 1.1em;
      width: 45%; }
      @media only screen and (max-width: 1080px) {
        body.single-product div.product div.summary p.price {
          font-size: 16px;
          font-size: 1.6rem;
          width: 300px; } }
    body.single-product div.product div.summary .woocommerce-product-details__short-description {
      min-height: 28vw;
      padding-top: 40px; }
      @media only screen and (max-width: 1080px) {
        body.single-product div.product div.summary .woocommerce-product-details__short-description {
          min-height: auto; } }
    body.single-product div.product div.summary #sc-start-learning-front-section {
      position: absolute;
      top: 5px;
      right: calc(-106%);
      width: 100%;
      padding-top: 15px;
      z-index: 501;
      transition: top ease-out .3s; }
      @media only screen and (max-width: 1080px) {
        body.single-product div.product div.summary #sc-start-learning-front-section {
          right: 0;
          display: block;
          text-align: right;
          width: 48vw; } }
      @media only screen and (max-width: 767px) {
        body.single-product div.product div.summary #sc-start-learning-front-section {
          top: 100px;
          background-color: white;
          width: 100vw;
          padding: 0 4vw 4vw;
          left: -4vw;
          right: auto; } }
      body.single-product div.product div.summary #sc-start-learning-front-section #sc-start-learning-button {
        background-color: #ffa300 !important;
        color: #25282a;
        font-size: 2.4rem !important;
        width: 100%;
        display: inline-block; }
        @media only screen and (max-width: 1080px) {
          body.single-product div.product div.summary #sc-start-learning-front-section #sc-start-learning-button {
            width: 100%;
            font-size: 2.0rem !important; } }
        @media only screen and (max-width: 767px) {
          body.single-product div.product div.summary #sc-start-learning-front-section #sc-start-learning-button {
            padding: 5px;
            width: 100%; } }
      body.single-product div.product div.summary #sc-start-learning-front-section.fixed {
        position: fixed;
        width: 42vw;
        right: 7vw; }
        @media only screen and (max-width: 1080px) {
          body.single-product div.product div.summary #sc-start-learning-front-section.fixed {
            right: 5vw;
            top: 0; } }
        @media only screen and (max-width: 767px) {
          body.single-product div.product div.summary #sc-start-learning-front-section.fixed {
            width: 100vw;
            left: 0;
            top: 100px; } }
      body.single-product div.product div.summary #sc-start-learning-front-section.low {
        top: 40px; }
        @media only screen and (max-width: 1080px) {
          body.single-product div.product div.summary #sc-start-learning-front-section.low {
            top: 0px; } }
        @media only screen and (max-width: 1080px) {
          body.single-product div.product div.summary #sc-start-learning-front-section.low {
            top: 100px; } }
    body.single-product div.product div.summary .product-icon-title.fixed + .woocommerce-product-details__short-description {
      padding-top: 120px; }
    @media only screen and (max-width: 767px) {
      body.single-product div.product div.summary .woocommerce-product-details__short-description {
        clear: both; } }
    body.single-product div.product div.summary .woocommerce-product-details__short-description .video-box {
      width: 100%;
      margin-bottom: 1em; }
      body.single-product div.product div.summary .woocommerce-product-details__short-description .video-box video {
        width: 100%;
        height: auto; }
    body.single-product div.product div.summary form.cart {
      border: 1px solid rgba(0, 0, 0, 0.05);
      background-color: rgba(68, 155, 239, 0.1);
      padding: 2vw;
      border-radius: 5px;
      margin-bottom: 0;
      position: relative;
      width: 86vw;
      clear: both;
      margin-top: 80px; }
      body.single-product div.product div.summary form.cart table.group_table {
        float: left;
        margin-right: 40px; }
        body.single-product div.product div.summary form.cart table.group_table td {
          padding-bottom: 1.2em;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 600;
          line-height: 1.2em; }
          body.single-product div.product div.summary form.cart table.group_table td:first-child {
            width: 1em !important; }
      body.single-product div.product div.summary form.cart #wc-stripe-payment-request-wrapper,
      body.single-product div.product div.summary form.cart #wc-stripe-payment-request-button-separator {
        display: none !important; }
      body.single-product div.product div.summary form.cart button.single_add_to_cart_button {
        background-color: #449bef;
        height: 60px;
        border-radius: 60px;
        color: white;
        padding: 0 3em;
        font-size: 24px;
        font-size: 2.4rem; }
        body.single-product div.product div.summary form.cart button.single_add_to_cart_button:hover {
          background-color: #2d8eed;
          color: #f6be00; }
    body.single-product div.product div.summary .product_meta,
    body.single-product div.product div.summary .first-payment-date {
      display: none; }
  body.single-product div.product div.images.woocommerce-product-gallery {
    float: left;
    width: 48.5%;
    padding-top: 110px; }
    @media only screen and (max-width: 1080px) {
      body.single-product div.product div.images.woocommerce-product-gallery {
        float: none;
        width: 100% !important;
        padding-top: 0; } }
    body.single-product div.product div.images.woocommerce-product-gallery .product-kidsafe {
      text-align: right; }
      body.single-product div.product div.images.woocommerce-product-gallery .product-kidsafe img {
        width: auto !important;
        display: inline-block; }
    body.single-product div.product div.images.woocommerce-product-gallery .preview-video {
      padding-top: 1.5em;
      width: 100%;
      border: none; }
      body.single-product div.product div.images.woocommerce-product-gallery .preview-video .video-box {
        width: 100%;
        margin-bottom: 1em; }
        body.single-product div.product div.images.woocommerce-product-gallery .preview-video .video-box video {
          width: 100%;
          height: auto;
          border-radius: 6px; }
        body.single-product div.product div.images.woocommerce-product-gallery .preview-video .video-box #video-mute-toggle {
          position: absolute;
          height: 40px;
          width: auto;
          right: 0;
          left: auto;
          margin-left: 0;
          bottom: -50px;
          background-image: url(images/icons_audio_toggle.svg);
          background-size: 34px auto;
          background-position: 0 0;
          background-color: #ffa300;
          border: 3px solid white;
          border-radius: 20px;
          transition: transform ease 0.2s;
          color: white;
          font-weight: 700;
          padding: 7px 16px 0 46px;
          display: inline-block;
          font-size: 18px;
          font-size: 1.8rem; }
    body.single-product div.product div.images.woocommerce-product-gallery .wp-post-image {
      width: 80%;
      margin: 0 auto; }
    @media only screen and (max-width: 1080px) {
      body.single-product div.product div.images.woocommerce-product-gallery {
        width: 48.5%; } }
    @media only screen and (max-width: 767px) {
      body.single-product div.product div.images.woocommerce-product-gallery {
        float: none;
        width: 100%;
        margin: 0 0 20px; } }
    body.single-product div.product div.images.woocommerce-product-gallery .app-logo {
      width: 80%;
      height: auto;
      display: block;
      margin: 0 auto 20px; }
      @media only screen and (max-width: 767px) {
        body.single-product div.product div.images.woocommerce-product-gallery .app-logo {
          width: 80%;
          margin: 0 auto 20px; } }
    body.single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
      width: 19%;
      padding: 0 1%;
      margin-top: 1vw; }
  body.single-product div.product .woocommerce-tabs {
    padding-top: 30px; }
    body.single-product div.product .woocommerce-tabs .wc-tabs {
      display: none; }
    body.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-of-type {
      display: none; }
    body.single-product div.product .woocommerce-tabs #tab-description .video-box {
      width: 100%;
      margin-bottom: 1em; }
      body.single-product div.product .woocommerce-tabs #tab-description .video-box video {
        width: 100%;
        height: auto; }
    @media only screen and (max-width: 767px) {
      body.single-product div.product .woocommerce-tabs #tab-description .app-gif {
        width: 100%;
        max-width: 100% !important;
        float: none;
        display: block;
        margin: 0 0 30px 0; } }
    body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature {
      padding-bottom: 30px; }
      body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .text {
        width: 65.5%; }
        @media only screen and (max-width: 767px) {
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .text {
            width: 100%;
            padding-bottom: 30px; } }
        body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .text h2 {
          text-align: left;
          margin-bottom: 30px;
          clear: both; }
        body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .text .video-box {
          width: 100%;
          margin-bottom: 1em; }
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .text .video-box video {
            width: 100%;
            height: auto; }
      body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature img {
        margin-bottom: 30px;
        width: 31.5%;
        height: auto;
        display: block; }
        @media only screen and (max-width: 767px) {
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature img {
            width: 100%; } }
      body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature.pic-right .text {
        float: left; }
        @media only screen and (max-width: 767px) {
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature.pic-right .text {
            float: none; } }
      body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature.pic-right img {
        float: right;
        margin-left: 2.5%; }
        @media only screen and (max-width: 767px) {
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature.pic-right img {
            float: none;
            margin-left: 0; } }
      body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature.pic-left .text {
        float: right; }
        @media only screen and (max-width: 767px) {
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature.pic-left .text {
            float: none; } }
      body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature.pic-left img {
        float: left;
        margin-right: 2.5%; }
        @media only screen and (max-width: 767px) {
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature.pic-left img {
            float: none;
            margin-right: 0; } }
      body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .button, body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature input[type="button"], body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature a {
        display: inline-block;
        border: 4px solid transparent;
        border-radius: 40px;
        background-color: #ffa300;
        padding: 14px 24px 16px;
        font-size: 19px;
        font-size: 1.9rem;
        letter-spacing: 0.03em;
        color: black;
        font-weight: 700;
        transition: all ease 0.2s;
        line-height: 1.3em;
        cursor: pointer;
        text-decoration: none !important; }
        @media only screen and (max-width: 767px) {
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .button, body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature input[type="button"], body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature a {
            font-size: 16px;
            font-size: 1.6rem;
            padding: 10px; } }
        body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .button:hover, body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature #site-wrapper .nf-form-cont input[type="button"]:hover, #site-wrapper .nf-form-cont body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature input[type="button"]:hover, body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .error404 .message-404 .links-404 li a:hover, .error404 .message-404 .links-404 li body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature a:hover {
          border: 4px solid #25282a;
          background-color: #f6be00;
          color: black !important; }
        body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .button.blue, body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature #site-wrapper .nf-form-cont input.blue[type="button"], #site-wrapper .nf-form-cont body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature input.blue[type="button"], body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .error404 .message-404 .links-404 li a.blue, .error404 .message-404 .links-404 li body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature a.blue {
          background-color: #449bef;
          color: white !important; }
          body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .button.blue:hover, body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature #site-wrapper .nf-form-cont input.blue[type="button"]:hover, #site-wrapper .nf-form-cont body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature input.blue[type="button"]:hover, body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature .error404 .message-404 .links-404 li a.blue:hover, .error404 .message-404 .links-404 li body.single-product div.product .woocommerce-tabs #tab-description .prod-desc-feature a.blue:hover {
            background-color: #2d8eed; }
    body.single-product div.product .woocommerce-tabs #tab-description h3 {
      text-align: center;
      margin-top: 30px;
      padding: 30px 10px;
      clear: both;
      background-color: rgba(68, 155, 239, 0.2);
      border-radius: 12px; }
  body.single-product div.product .related.products {
    border-top: 4px dotted rgba(0, 0, 0, 0.1);
    padding-top: 2em; }
    body.single-product div.product .related.products h2 {
      font-size: 30px;
      font-size: 3rem;
      margin: 0 0 0.5em; }
    body.single-product div.product .related.products ul.products li.product {
      width: 14.5%;
      margin-left: 2.5%;
      text-align: center; }
      body.single-product div.product .related.products ul.products li.product:first-child {
        margin-left: 0; }
      body.single-product div.product .related.products ul.products li.product img {
        margin: 0 0 10px; }
      body.single-product div.product .related.products ul.products li.product h2 {
        font-size: 20px;
        font-size: 2rem;
        padding: 0;
        margin: 0; }
      body.single-product div.product .related.products ul.products li.product .price {
        color: #449bef;
        font-weight: 600; }
        body.single-product div.product .related.products ul.products li.product .price .from {
          color: #449bef;
          text-transform: none;
          font-size: 1em; }

/* new custom account overlay */
/* see plugin for additional styling */
#sc-start-learning-modal-section.overlay {
  background-color: #449bef !important; }
  #sc-start-learning-modal-section.overlay .sc-clos-modal-btn {
    color: white !important;
    top: 10px !important; }
    @media only screen and (max-width: 767px) {
      #sc-start-learning-modal-section.overlay .sc-clos-modal-btn {
        right: 4%;
        font-size: 42px;
        top: -2px !important; } }
    #sc-start-learning-modal-section.overlay .sc-clos-modal-btn:hover {
      color: #f6be00 !important; }
  #sc-start-learning-modal-section.overlay .scl-container {
    margin-top: 8vh !important;
    border-radius: 12px;
    padding-bottom: 180px; }
    #sc-start-learning-modal-section.overlay .scl-container .scl-header .scl-header-image-container {
      margin-top: 0 !important; }
      @media only screen and (max-width: 1080px) {
        #sc-start-learning-modal-section.overlay .scl-container .scl-header .scl-header-image-container {
          width: 150px !important; }
          #sc-start-learning-modal-section.overlay .scl-container .scl-header .scl-header-image-container .img-left {
            margin-left: 0 !important; }
          #sc-start-learning-modal-section.overlay .scl-container .scl-header .scl-header-image-container .img-right {
            margin-left: 0 !important; } }
      @media only screen and (max-width: 767px) {
        #sc-start-learning-modal-section.overlay .scl-container .scl-header .scl-header-image-container {
          display: none; } }
    @media only screen and (max-width: 767px) {
      #sc-start-learning-modal-section.overlay .scl-container .scl-header .middle-content {
        padding: 0 15px;
        margin-top: 15px;
        text-align: center;
        width: 100%; } }
    @media only screen and (max-width: 1080px) {
      #sc-start-learning-modal-section.overlay .scl-container .scl-header .middle-content #instruction h3 {
        font-size: 30px; } }
    @media only screen and (max-width: 767px) {
      #sc-start-learning-modal-section.overlay .scl-container .scl-header .middle-content #instruction h3 {
        font-size: 20px; } }
    #sc-start-learning-modal-section.overlay .scl-container #scl-form {
      margin: 0 auto 40px; }
      @media only screen and (max-width: 767px) {
        #sc-start-learning-modal-section.overlay .scl-container #scl-form {
          margin: 0 auto 20px;
          padding: 0 15px; } }
      #sc-start-learning-modal-section.overlay .scl-container #scl-form .middle-content {
        display: flex;
        flex-flow: column;
        align-items: center;
        margin-top: -150px; }
        @media only screen and (max-width: 1080px) {
          #sc-start-learning-modal-section.overlay .scl-container #scl-form .middle-content {
            margin-top: -120px; } }
        @media only screen and (max-width: 767px) {
          #sc-start-learning-modal-section.overlay .scl-container #scl-form .middle-content {
            margin-top: 20px; } }
      #sc-start-learning-modal-section.overlay .scl-container #scl-form h4.scl-sign-in-headline {
        margin-top: 10px;
        font-size: 18px; }
        @media only screen and (max-width: 767px) {
          #sc-start-learning-modal-section.overlay .scl-container #scl-form h4.scl-sign-in-headline {
            font-size: 16px; } }
        #sc-start-learning-modal-section.overlay .scl-container #scl-form h4.scl-sign-in-headline a {
          color: #00a3e0; }
      #sc-start-learning-modal-section.overlay .scl-container #scl-form #instruction {
        margin-top: 20px; }
        #sc-start-learning-modal-section.overlay .scl-container #scl-form #instruction h3 {
          font-size: 30px;
          margin-bottom: 15px; }
          @media only screen and (max-width: 767px) {
            #sc-start-learning-modal-section.overlay .scl-container #scl-form #instruction h3 {
              font-size: 24px; } }
      #sc-start-learning-modal-section.overlay .scl-container #scl-form input[type="text"],
      #sc-start-learning-modal-section.overlay .scl-container #scl-form select,
      #sc-start-learning-modal-section.overlay .scl-container #scl-form input[type="password"] {
        margin-bottom: 15px;
        outline: none; }
      #sc-start-learning-modal-section.overlay .scl-container #scl-form .button, #sc-start-learning-modal-section.overlay .scl-container #scl-form #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #sc-start-learning-modal-section.overlay .scl-container #scl-form input[type="button"], #sc-start-learning-modal-section.overlay .scl-container #scl-form .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #sc-start-learning-modal-section.overlay .scl-container #scl-form a {
        border-radius: 40px !important; }
      #sc-start-learning-modal-section.overlay .scl-container #scl-form button#scl-name-next.blue {
        background-color: #449bef !important; }
        #sc-start-learning-modal-section.overlay .scl-container #scl-form button#scl-name-next.blue:hover {
          background-color: #ffa300 !important; }
    #sc-start-learning-modal-section.overlay .scl-container #product-view {
      margin-top: -150px; }
      @media only screen and (max-width: 1080px) {
        #sc-start-learning-modal-section.overlay .scl-container #product-view {
          margin-top: -120px; } }
      @media only screen and (max-width: 767px) {
        #sc-start-learning-modal-section.overlay .scl-container #product-view {
          margin-top: 30px; } }
  #sc-start-learning-modal-section.overlay .teacher-image img {
    border-radius: 100%;
    width: 200px; }
    @media only screen and (max-width: 767px) {
      #sc-start-learning-modal-section.overlay .teacher-image img {
        width: 100px; } }
  #sc-start-learning-modal-section.overlay .image-title {
    text-align: center; }
    #sc-start-learning-modal-section.overlay .image-title h3 {
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        #sc-start-learning-modal-section.overlay .image-title h3 {
          font-size: 18px; } }

/* lower z-index of product fixed title when menu is open  on tablet/mobile */
@media only screen and (max-width: 1080px) {
  body.show-menu .product-icon-title,
  body.show-menu #sc-start-learning-front-section {
    z-index: 400 !important; } }

/* custom content for product page depending on user status/flow */
/* new user account created */
body.single-product.sc-new-user-account .page-content {
  padding-bottom: 0; }
body.single-product.sc-new-user-account div.product div.summary {
  float: none;
  width: 100%; }
  body.single-product.sc-new-user-account div.product div.summary.product-icon-title.price {
    width: 45%; }
    @media only screen and (max-width: 1080px) {
      body.single-product.sc-new-user-account div.product div.summary.product-icon-title.price {
        width: 300px; } }
body.single-product.sc-new-user-account .woocommerce-product-details__short-description {
  display: none; }
body.single-product.sc-new-user-account .after-account-content {
  margin-bottom: 50px;
  clear: both; }
  body.single-product.sc-new-user-account .after-account-content .buy-signals div {
    float: left;
    width: 31.5%;
    padding: 30px;
    text-align: center;
    background-color: #f1f0ec;
    border-radius: 12px;
    margin-right: 2.5%; }
    @media only screen and (max-width: 767px) {
      body.single-product.sc-new-user-account .after-account-content .buy-signals div {
        float: none;
        width: 100%;
        margin: 0 0 20px; } }
    body.single-product.sc-new-user-account .after-account-content .buy-signals div:last-child {
      margin-right: 0; }
      @media only screen and (max-width: 767px) {
        body.single-product.sc-new-user-account .after-account-content .buy-signals div:last-child {
          margin: 0 0 15px 0; } }
    body.single-product.sc-new-user-account .after-account-content .buy-signals div h3 {
      font-weight: 700;
      font-size: 24px;
      font-size: 2.4rem;
      margin: 0 0 20px; }
    body.single-product.sc-new-user-account .after-account-content .buy-signals div h4 {
      font-weight: 700;
      font-size: 20px;
      font-size: 2rem;
      margin: 0 0 10px; }
    body.single-product.sc-new-user-account .after-account-content .buy-signals div p {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.2; }
    body.single-product.sc-new-user-account .after-account-content .buy-signals div.secure img {
      width: 240px;
      height: auto; }

/* change product title icon style for logged in users */
body.member-logged-in div.product div.summary .product-icon-title {
  z-index: 1 !important;
  margin-bottom: 0; }

/* product details */
.product-details {
  padding: 30px 0 40px;
  clear: both; }
  .product-details .product-main-content {
    width: 48.5%;
    margin-right: 2.5%;
    float: left; }
    @media only screen and (max-width: 767px) {
      .product-details .product-main-content {
        float: none;
        width: 100%; } }
  .product-details .app-screenshots {
    width: 48.5%;
    float: left; }
    @media only screen and (max-width: 767px) {
      .product-details .app-screenshots {
        float: none;
        width: 100%; } }
    .product-details .app-screenshots .screenshot-iphone {
      position: relative;
      padding-bottom: 41.55%;
      background-image: url(images/device-frame-phone.png);
      background-size: contain;
      background-position: left top;
      width: 75%;
      transform: rotate(-3deg);
      left: 5%;
      margin: 0; }
      .product-details .app-screenshots .screenshot-iphone img {
        position: absolute;
        top: 1.3vw;
        left: 7.5%;
        width: 80.5%;
        height: auto;
        border-radius: 10px; }
    .product-details .app-screenshots .screenshot-tablet {
      position: relative;
      padding-bottom: 66%;
      background-image: url(images/device-frame-tablet.png);
      background-size: contain;
      background-position: left top;
      width: 90%;
      transform: rotate(3deg);
      left: 5%;
      margin: 0 0 -5px; }
      .product-details .app-screenshots .screenshot-tablet img {
        position: absolute;
        top: 1.3vw;
        left: 3.6%;
        width: 82%;
        height: auto;
        border-radius: 8px; }

@media only screen and (max-width: 767px) {
  body.sc-new-user-account .product-icon-title {
    margin-bottom: 0 !important; } }

.claim-free-trial {
  text-align: center;
  padding-top: 30px;
  width: 86vw;
  position: relative; }
  @media only screen and (max-width: 1080px) {
    .claim-free-trial {
      width: 90vw; } }
  @media only screen and (max-width: 767px) {
    .claim-free-trial {
      width: 92vw; } }
  .claim-free-trial h2 {
    margin-bottom: 5px !important; }
  .claim-free-trial h3 {
    margin-bottom: 10px; }

.sc-all-variations {
  position: relative;
  width: 86vw;
  clear: left; }
  @media only screen and (max-width: 1080px) {
    .sc-all-variations {
      padding-top: 10px; } }
  @media only screen and (max-width: 767px) {
    .sc-all-variations {
      display: block !important;
      width: 100% !important; } }
  .sc-all-variations .sc-variation {
    position: relative; }
    @media only screen and (max-width: 767px) {
      .sc-all-variations .sc-variation {
        margin-bottom: 20px; } }
    .sc-all-variations .sc-variation .sc-variation-box-link .sc-variation-title {
      font-size: 42px !important;
      margin-bottom: 15px !important; }
      @media only screen and (max-width: 1080px) {
        .sc-all-variations .sc-variation .sc-variation-box-link .sc-variation-title {
          font-size: 36px !important; } }
      @media only screen and (max-width: 767px) {
        .sc-all-variations .sc-variation .sc-variation-box-link .sc-variation-title {
          font-size: 32px !important; } }
    .sc-all-variations .sc-variation .sc-variation-box-link button {
      font-family: 'Muli', sans-serif;
      color: #25282a !important; }
    .sc-all-variations .sc-variation .sc-variation-box-link:hover .button, .sc-all-variations .sc-variation .sc-variation-box-link:hover #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .sc-all-variations .sc-variation .sc-variation-box-link:hover input[type="button"], .sc-all-variations .sc-variation .sc-variation-box-link:hover .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .sc-all-variations .sc-variation .sc-variation-box-link:hover a {
      background-color: #f6be00 !important; }
    .sc-all-variations .sc-variation.blue {
      background-color: #449bef !important;
      background-image: none !important; }

.app-features {
  padding: 60px 0;
  text-align: center;
  background-color: #f6be00; }
  .app-features #app-feature-intro {
    width: 82.5%;
    margin-left: 8.5%;
    text-align: left; }
    .app-features #app-feature-intro h2 {
      text-align: center; }
  .app-features .app-features-list {
    padding: 40px 0; }
    .app-features .app-features-list article {
      float: left;
      width: 31.5%;
      margin-right: 2.5%;
      background-color: rgba(255, 255, 255, 0.5);
      padding: 30px;
      border-radius: 6px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .app-features .app-features-list article {
          float: none;
          width: 100%;
          margin: 0 0 40px; } }
      .app-features .app-features-list article:nth-child(3n) {
        margin-right: 0; }
      .app-features .app-features-list article .box-icon {
        display: block;
        margin: -60px auto 20px auto;
        width: 33.33%;
        height: auto; }
        @media only screen and (max-width: 767px) {
          .app-features .app-features-list article .box-icon {
            margin: -60px auto 10px auto;
            width: 25%; } }
      .app-features .app-features-list article p {
        margin-bottom: 0; }
      .app-features .app-features-list article h3 {
        margin-bottom: 4px; }

.app-awards {
  padding: 60px 0;
  text-align: center; }
  .app-awards img {
    display: inline-block;
    margin: 0 50px;
    vertical-align: middle;
    height: 150px !important;
    width: auto; }
    @media only screen and (max-width: 767px) {
      .app-awards img {
        margin: 0 10px;
        height: auto !important;
        width: 100px; } }

.app-download-instructions {
  text-align: center;
  padding-bottom: 60px; }
  .app-download-instructions .editor ol {
    width: 48.5%;
    margin: 0 auto 30px;
    text-align: left; }
    @media only screen and (max-width: 1080px) {
      .app-download-instructions .editor ol {
        width: 74%; } }

.app-testimonials {
  background-color: #449bef;
  padding: 60px 0;
  background-size: cover;
  background-position: center top; }
  .app-testimonials .editor > h2, .app-testimonials .editor > p {
    text-align: center; }
  .app-testimonials .editor h2 {
    color: white; }
  .app-testimonials article {
    float: left;
    width: 31.5%;
    margin-right: 2.5%;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 6px;
    padding: 30px; }
    @media only screen and (max-width: 1080px) {
      .app-testimonials article {
        float: none;
        width: 100%;
        margin: 0 0 20px; } }
    .app-testimonials article:last-child {
      margin-right: 0; }
    .app-testimonials article blockquote {
      line-height: 1.3em;
      font-weight: 500;
      margin-bottom: 1em; }
      .app-testimonials article blockquote:before {
        content: "\201C"; }
      .app-testimonials article blockquote:after {
        content: "\201D";
        position: relative;
        left: -0.2em; }
    .app-testimonials article cite {
      display: block;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 700; }

.app-faqs {
  background-color: white;
  padding: 60px 0; }
  .app-faqs .editor > h2 {
    color: #449bef; }
  .app-faqs .editor > h2, .app-faqs .editor > p {
    text-align: center; }
  .app-faqs .faq-list {
    padding-top: 1em; }
    .app-faqs .faq-list .show-all-faqs {
      text-align: center;
      cursor: pointer;
      font-weight: 800;
      color: #449bef; }
  .app-faqs article {
    display: none;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 4px dotted rgba(68, 155, 239, 0.3);
    width: 65.5%;
    margin-left: 17%;
    cursor: pointer;
    opacity: 0.8;
    transition: all ease 0.3s; }
    @media only screen and (max-width: 1080px) {
      .app-faqs article {
        width: 90%;
        margin-left: 5%; } }
    @media only screen and (max-width: 767px) {
      .app-faqs article {
        width: 100%;
        margin-left: 0; } }
    .app-faqs article.reveal, .app-faqs article:hover {
      opacity: 1; }
    .app-faqs article:nth-child(-n+6) {
      display: block; }
    .app-faqs article .question {
      font-weight: 700;
      font-size: 2.2rem;
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .app-faqs article .question {
          font-size: 19px;
          font-size: 1.9rem; } }
    .app-faqs article .answer {
      padding-top: 1.2em;
      display: none; }
      .app-faqs article .answer p {
        line-height: 1.5em;
        margin: 0 0 1.2em;
        font-size: 1.8rem; }

/* schools app details */
body.product_cat_for-schools #sc-start-learning-front-section {
  display: none !important; }
body.product_cat_for-schools div.product div.summary {
  width: 100% !important;
  margin-right: 0 !important; }
body.product_cat_for-schools div.product div.images {
  display: none !important; }
body.product_cat_for-schools .product-details .app-screenshots {
  display: none !important; }
body.product_cat_for-schools .product-main-content {
  width: 100% !important;
  margin-right: 0 !important;
  float: none; }

#classroom.woocommerce .woocommerce-product-details__short-description,
#student.woocommerce .woocommerce-product-details__short-description {
  padding: 20px;
  background-color: rgba(68, 155, 239, 0.1);
  border-radius: 15px; }
  @media only screen and (max-width: 767px) {
    #classroom.woocommerce .woocommerce-product-details__short-description .price,
    #student.woocommerce .woocommerce-product-details__short-description .price {
      font-size: 18px;
      font-size: 1.8rem;
      text-align: center; }
    #classroom.woocommerce .woocommerce-product-details__short-description .button, #classroom.woocommerce .woocommerce-product-details__short-description #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #classroom.woocommerce .woocommerce-product-details__short-description input[type="button"], #classroom.woocommerce .woocommerce-product-details__short-description .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #classroom.woocommerce .woocommerce-product-details__short-description a,
    #student.woocommerce .woocommerce-product-details__short-description .button,
    #student.woocommerce .woocommerce-product-details__short-description #site-wrapper .nf-form-cont input[type="button"],
    #site-wrapper .nf-form-cont #student.woocommerce .woocommerce-product-details__short-description input[type="button"],
    #student.woocommerce .woocommerce-product-details__short-description .error404 .message-404 .links-404 li a,
    .error404 .message-404 .links-404 li #student.woocommerce .woocommerce-product-details__short-description a {
      width: 100%;
      text-align: center; } }
#classroom.woocommerce div.product div.summary,
#student.woocommerce div.product div.summary {
  margin-bottom: 0; }
#classroom.woocommerce div.product div.images,
#student.woocommerce div.product div.images {
  margin-bottom: 0; }

#student.woocommerce .page-content {
  padding-bottom: 0; }
@media only screen and (max-width: 1080px) {
  #student.woocommerce #tab-description {
    margin-bottom: 0; } }

.product-main-content .schools-app-details {
  border-top: 4px dotted rgba(68, 155, 239, 0.2);
  padding-top: 40px;
  position: relative; }
  .product-main-content .schools-app-details .schools-app-desc {
    float: left;
    width: 48.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .product-main-content .schools-app-details .schools-app-desc {
        float: none;
        width: 100%;
        margin-right: 0; } }
    .product-main-content .schools-app-details .schools-app-desc h2 {
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .product-main-content .schools-app-details .schools-app-desc h2 {
          text-align: center; } }
    .product-main-content .schools-app-details .schools-app-desc h3 {
      background-color: transparent !important;
      padding: 0 !important;
      text-align: left !important;
      font-size: 32px;
      font-size: 3.2rem; }
      @media only screen and (max-width: 767px) {
        .product-main-content .schools-app-details .schools-app-desc h3 {
          text-align: center !important;
          font-size: 26px;
          font-size: 2.6rem; } }
    .product-main-content .schools-app-details .schools-app-desc ul li {
      line-height: 1.4em !important; }
    @media only screen and (max-width: 767px) {
      .product-main-content .schools-app-details .schools-app-desc .button, .product-main-content .schools-app-details .schools-app-desc #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .product-main-content .schools-app-details .schools-app-desc input[type="button"], .product-main-content .schools-app-details .schools-app-desc .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .product-main-content .schools-app-details .schools-app-desc a {
        width: 100%;
        text-align: center; } }
  .product-main-content .schools-app-details .classroom-app-slideshow {
    float: right;
    width: 48.5%; }
    @media only screen and (max-width: 1080px) {
      .product-main-content .schools-app-details .classroom-app-slideshow {
        float: none;
        width: 100%;
        margin-top: -40px; } }
    @media only screen and (max-width: 767px) {
      .product-main-content .schools-app-details .classroom-app-slideshow {
        margin-top: -80px; } }
  .product-main-content .schools-app-details #teacher-video {
    position: relative;
    top: 3em; }
    @media only screen and (max-width: 1080px) {
      .product-main-content .schools-app-details #teacher-video {
        float: none;
        width: 530px;
        margin: 30px auto 100px; } }
    @media only screen and (max-width: 767px) {
      .product-main-content .schools-app-details #teacher-video {
        width: 300px; } }
    .product-main-content .schools-app-details #teacher-video video {
      width: 85%;
      height: 20vw;
      position: absolute;
      left: 1.07vw;
      top: 1vw; }
      @media only screen and (min-width: 1580px) {
        .product-main-content .schools-app-details #teacher-video video {
          width: 562px;
          height: 318px;
          left: 19px;
          top: 16px; } }
      @media only screen and (max-width: 1080px) {
        .product-main-content .schools-app-details #teacher-video video {
          width: 500px;
          height: 281px;
          left: 16px;
          top: 14px; } }
      @media only screen and (max-width: 767px) {
        .product-main-content .schools-app-details #teacher-video video {
          width: 280px;
          left: 10px;
          top: 7px;
          height: 160px; } }
    .product-main-content .schools-app-details #teacher-video img {
      position: absolute;
      display: block; }
      .product-main-content .schools-app-details #teacher-video img.whiteboard {
        width: 90%;
        height: 22vw;
        left: 0;
        top: 0; }
        @media only screen and (min-width: 1580px) {
          .product-main-content .schools-app-details #teacher-video img.whiteboard {
            width: 600px;
            height: 352px; } }
        @media only screen and (max-width: 1080px) {
          .product-main-content .schools-app-details #teacher-video img.whiteboard {
            position: relative;
            width: 530px;
            height: 310px; } }
        @media only screen and (max-width: 767px) {
          .product-main-content .schools-app-details #teacher-video img.whiteboard {
            width: 300px;
            height: 174px; } }
      .product-main-content .schools-app-details #teacher-video img.teacher {
        height: 36vw;
        width: auto;
        right: -6vw;
        top: -1vw; }
        @media only screen and (min-width: 1580px) {
          .product-main-content .schools-app-details #teacher-video img.teacher {
            height: 500px;
            right: auto;
            left: 350px;
            top: -20px; } }
        @media only screen and (max-width: 1080px) {
          .product-main-content .schools-app-details #teacher-video img.teacher {
            height: 380px;
            right: -120px;
            top: -10px; } }
        @media only screen and (max-width: 767px) {
          .product-main-content .schools-app-details #teacher-video img.teacher {
            display: none; } }
  .product-main-content .schools-app-details .app-detail-section {
    border-radius: 20px;
    margin: 0 0 20px;
    position: relative; }
    @media only screen and (max-width: 1080px) {
      .product-main-content .schools-app-details .app-detail-section:last-of-type {
        margin-bottom: 0; } }
    .product-main-content .schools-app-details .app-detail-section.teacher-dashboard .schools-app-desc {
      float: right;
      margin-left: 2.5%;
      margin-right: 0; }
      @media only screen and (max-width: 1080px) {
        .product-main-content .schools-app-details .app-detail-section.teacher-dashboard .schools-app-desc {
          float: none;
          margin: 0; } }
    .product-main-content .schools-app-details .app-detail-section.last-of-type {
      margin-bottom: 0; }
  .product-main-content .schools-app-details #gameplay-video {
    float: right;
    width: 48.5%;
    position: relative;
    top: 100px; }
    @media only screen and (min-width: 1580px) {
      .product-main-content .schools-app-details #gameplay-video {
        top: 0; } }
    @media only screen and (max-width: 1080px) {
      .product-main-content .schools-app-details #gameplay-video {
        float: none;
        width: 450px;
        top: 120px;
        position: absolute;
        right: 0; } }
    @media only screen and (max-width: 767px) {
      .product-main-content .schools-app-details #gameplay-video {
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: 0; } }
    .product-main-content .schools-app-details #gameplay-video video {
      width: 26vw;
      height: 14.6vw;
      position: absolute;
      left: 6.6vw;
      top: 0.6vw; }
      @media only screen and (max-width: 1080px) {
        .product-main-content .schools-app-details #gameplay-video video {
          width: 280px;
          height: 182px;
          position: absolute;
          right: 85px;
          top: 12px;
          left: auto; } }
      @media only screen and (max-width: 767px) {
        .product-main-content .schools-app-details #gameplay-video video {
          position: relative;
          width: 100%;
          left: 0;
          top: 0;
          height: auto;
          border: 3px solid #f6be00; } }
    .product-main-content .schools-app-details #gameplay-video img {
      position: absolute;
      display: block; }
      @media only screen and (max-width: 1080px) {
        .product-main-content .schools-app-details #gameplay-video img {
          position: relative;
          margin: 0 auto; } }
      .product-main-content .schools-app-details #gameplay-video img.device {
        width: 100%;
        height: auto;
        left: -5vw;
        top: 0; }
        @media only screen and (max-width: 1080px) {
          .product-main-content .schools-app-details #gameplay-video img.device {
            width: 450px; } }
        @media only screen and (max-width: 767px) {
          .product-main-content .schools-app-details #gameplay-video img.device {
            display: none; } }
  .product-main-content .schools-app-details #dashboard-video {
    float: left;
    width: 48.5%;
    position: relative;
    top: 100px; }
    @media only screen and (max-width: 1080px) {
      .product-main-content .schools-app-details #dashboard-video {
        float: none;
        width: 100%;
        top: 0;
        width: 600px;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      .product-main-content .schools-app-details #dashboard-video {
        width: 300px; } }
    .product-main-content .schools-app-details #dashboard-video .laptop {
      width: 100%;
      height: auto;
      position: relative;
      display: block; }
      @media only screen and (min-width: 1580px) {
        .product-main-content .schools-app-details #dashboard-video .laptop {
          width: 670px; } }
    .product-main-content .schools-app-details #dashboard-video video {
      width: 29.2vw;
      height: 17vw;
      position: absolute;
      left: 6.2vw;
      top: 1.8vw; }
      @media only screen and (min-width: 1580px) {
        .product-main-content .schools-app-details #dashboard-video video {
          width: 468px;
          height: 272px;
          left: 99px;
          top: 28px; } }
      @media only screen and (max-width: 1080px) {
        .product-main-content .schools-app-details #dashboard-video video {
          width: 424px;
          left: 88px;
          height: 247px;
          top: 24px; } }
      @media only screen and (max-width: 767px) {
        .product-main-content .schools-app-details #dashboard-video video {
          left: 44px;
          top: 12px;
          width: 212px;
          height: 132px; } }
  .product-main-content .schools-app-details .parents-dash-slides {
    right: 0;
    width: 500px;
    height: 400px;
    position: absolute;
    text-align: center;
    top: 100px;
    background-image: url(images/parents-screens-bg.jpg);
    background-size: auto 100%;
    background-position: left bottom;
    overflow: hidden; }
    @media only screen and (max-width: 1080px) {
      .product-main-content .schools-app-details .parents-dash-slides {
        left: 0;
        width: 100%;
        height: 380px;
        background-position: center bottom;
        position: relative;
        top: 0; } }
    @media only screen and (max-width: 767px) {
      .product-main-content .schools-app-details .parents-dash-slides {
        height: 300px;
        background-position: left bottom;
        position: relative; } }
    .product-main-content .schools-app-details .parents-dash-slides .cycle-slideshow {
      width: 224px;
      margin: 28px 0 0 80px; }
      @media only screen and (max-width: 1080px) {
        .product-main-content .schools-app-details .parents-dash-slides .cycle-slideshow {
          width: 220px;
          margin: 28px 0 0 206px;
          left: 0; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    .product-main-content .schools-app-details .parents-dash-slides .cycle-slideshow {
      left: 12.5%; } }

      @media only screen and (max-width: 767px) {
        .product-main-content .schools-app-details .parents-dash-slides .cycle-slideshow {
          width: 178px;
          margin: 28px 0 0 55px;
          left: 0; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    .product-main-content .schools-app-details .parents-dash-slides .cycle-slideshow {
      left: 21.75%; } }

    .product-main-content .schools-app-details .parents-dash-slides img {
      height: auto;
      width: 100%; }

/* shopping cart */
body .woocommerce {
  /* cart totals */ }
  body .woocommerce .woocommerce-form-login-toggle .woocommerce-info::before {
    border-radius: inherit; }
  body .woocommerce form.login,
  body .woocommerce form.register {
    background-color: rgba(68, 155, 239, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 18px;
    font-size: 1.8rem; }
    body .woocommerce form.login p:first-of-type,
    body .woocommerce form.register p:first-of-type {
      margin-bottom: 1em; }
    body .woocommerce form.login .form-row label,
    body .woocommerce form.register .form-row label {
      line-height: 1.6em;
      color: #449bef;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 600; }
    body .woocommerce form.login .form-row input.input-text,
    body .woocommerce form.register .form-row input.input-text {
      height: 40px;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 0 4px;
      border: 1px solid #ccc;
      border-radius: 4px; }
    body .woocommerce form.login button[type="submit"],
    body .woocommerce form.register button[type="submit"] {
      padding: .618em 3em;
      border-radius: 40px;
      margin-right: 20px; }
    body .woocommerce form.login .lost_password,
    body .woocommerce form.register .lost_password {
      font-size: 16px;
      font-size: 1.6rem; }
  body .woocommerce table.shop_table th {
    background-color: rgba(68, 155, 239, 0.05);
    font-size: 16px;
    font-size: 1.6rem;
    color: #449bef;
    font-weight: 600; }
    body .woocommerce table.shop_table th.product-quantity {
      text-align: center; }
  body .woocommerce table.shop_table td {
    font-size: 17px;
    font-size: 1.7rem; }
    @media only screen and (max-width: 767px) {
      body .woocommerce table.shop_table td {
        font-size: 16px;
        font-size: 1.6rem; } }
    body .woocommerce table.shop_table td.product-quantity {
      text-align: center; }
  body .woocommerce .cart_totals h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 0.5em;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      body .woocommerce .cart_totals h2 {
        font-size: 20px;
        font-size: 2rem; } }
  body .woocommerce .cart_totals .shop_table th {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600; }
  body .woocommerce .cart_totals .recurring-totals th {
    background-color: white; }

/* coupons */
body #add_payment_method table.cart td.actions .coupon .input-text, body.woocommerce-cart table.cart td.actions .coupon .input-text, body.woocommerce-checkout table.cart td.actions .coupon .input-text {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 7px 6px;
  width: 150px; }
body.woocommerce #content table.cart td.actions .input-text, body.woocommerce table.cart td.actions .input-text, body.woocommerce-page #content table.cart td.actions .input-text, body.woocommerce-page table.cart td.actions .input-text {
  width: 110px; }

/* buttons */
.woocommerce-page .woocommerce #respond input#submit,
.woocommerce-page .woocommerce a.button,
.woocommerce-page .woocommerce .error404 .message-404 .links-404 li a,
.error404 .message-404 .links-404 li .woocommerce-page .woocommerce a,
.woocommerce-page .woocommerce button.button,
.woocommerce-page .woocommerce input.button,
.woocommerce-page .woocommerce #site-wrapper .nf-form-cont input[type="button"],
#site-wrapper .nf-form-cont .woocommerce-page .woocommerce input[type="button"] {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Muli', sans-serif;
  line-height: 1;
  padding: .618em 1em;
  font-weight: 700;
  border-radius: 4px;
  color: white;
  background-color: rgba(68, 155, 239, 0.75);
  transition: all ease 0.3s; }
  .woocommerce-page .woocommerce #respond input#submit:hover,
  .woocommerce-page .woocommerce a.button:hover,
  .woocommerce-page .woocommerce .error404 .message-404 .links-404 li a:hover,
  .error404 .message-404 .links-404 li .woocommerce-page .woocommerce a:hover,
  .woocommerce-page .woocommerce button.button:hover,
  .woocommerce-page .woocommerce input.button:hover,
  .woocommerce-page .woocommerce #site-wrapper .nf-form-cont input[type="button"]:hover,
  #site-wrapper .nf-form-cont .woocommerce-page .woocommerce input[type="button"]:hover {
    background-color: #449bef;
    color: white; }
  .woocommerce-page .woocommerce #respond input#submit.disabled, .woocommerce-page .woocommerce #respond input#submit:disabled,
  .woocommerce-page .woocommerce #respond input#submit :disabled[disabled],
  .woocommerce-page .woocommerce a.button.disabled,
  .woocommerce-page .woocommerce .error404 .message-404 .links-404 li a.disabled,
  .error404 .message-404 .links-404 li .woocommerce-page .woocommerce a.disabled,
  .woocommerce-page .woocommerce a.button:disabled,
  .woocommerce-page .woocommerce .error404 .message-404 .links-404 li a:disabled,
  .error404 .message-404 .links-404 li .woocommerce-page .woocommerce a:disabled,
  .woocommerce-page .woocommerce a.button :disabled[disabled],
  .woocommerce-page .woocommerce .error404 .message-404 .links-404 li a :disabled[disabled],
  .error404 .message-404 .links-404 li .woocommerce-page .woocommerce a :disabled[disabled],
  .woocommerce-page .woocommerce button.button.disabled,
  .woocommerce-page .woocommerce button.button:disabled,
  .woocommerce-page .woocommerce button.button :disabled[disabled],
  .woocommerce-page .woocommerce input.button.disabled,
  .woocommerce-page .woocommerce #site-wrapper .nf-form-cont input.disabled[type="button"],
  #site-wrapper .nf-form-cont .woocommerce-page .woocommerce input.disabled[type="button"],
  .woocommerce-page .woocommerce input.button:disabled,
  .woocommerce-page .woocommerce #site-wrapper .nf-form-cont input[type="button"]:disabled,
  #site-wrapper .nf-form-cont .woocommerce-page .woocommerce input[type="button"]:disabled,
  .woocommerce-page .woocommerce input.button :disabled[disabled],
  .woocommerce-page .woocommerce #site-wrapper .nf-form-cont input[type="button"] :disabled[disabled],
  #site-wrapper .nf-form-cont .woocommerce-page .woocommerce input[type="button"] :disabled[disabled] {
    background-color: #ddd !important;
    color: #666 !important; }
    .woocommerce-page .woocommerce #respond input#submit.disabled:hover, .woocommerce-page .woocommerce #respond input#submit:disabled:hover,
    .woocommerce-page .woocommerce #respond input#submit :disabled[disabled]:hover,
    .woocommerce-page .woocommerce a.button.disabled:hover,
    .woocommerce-page .woocommerce .error404 .message-404 .links-404 li a.disabled:hover,
    .error404 .message-404 .links-404 li .woocommerce-page .woocommerce a.disabled:hover,
    .woocommerce-page .woocommerce a.button:disabled:hover,
    .woocommerce-page .woocommerce .error404 .message-404 .links-404 li a:disabled:hover,
    .error404 .message-404 .links-404 li .woocommerce-page .woocommerce a:disabled:hover,
    .woocommerce-page .woocommerce a.button :disabled[disabled]:hover,
    .woocommerce-page .woocommerce .error404 .message-404 .links-404 li a :disabled[disabled]:hover,
    .error404 .message-404 .links-404 li .woocommerce-page .woocommerce a :disabled[disabled]:hover,
    .woocommerce-page .woocommerce button.button.disabled:hover,
    .woocommerce-page .woocommerce button.button:disabled:hover,
    .woocommerce-page .woocommerce button.button :disabled[disabled]:hover,
    .woocommerce-page .woocommerce input.button.disabled:hover,
    .woocommerce-page .woocommerce #site-wrapper .nf-form-cont input.disabled[type="button"]:hover,
    #site-wrapper .nf-form-cont .woocommerce-page .woocommerce input.disabled[type="button"]:hover,
    .woocommerce-page .woocommerce input.button:disabled:hover,
    .woocommerce-page .woocommerce #site-wrapper .nf-form-cont input[type="button"]:disabled:hover,
    #site-wrapper .nf-form-cont .woocommerce-page .woocommerce input[type="button"]:disabled:hover,
    .woocommerce-page .woocommerce input.button :disabled[disabled]:hover,
    .woocommerce-page .woocommerce #site-wrapper .nf-form-cont input[type="button"] :disabled[disabled]:hover,
    #site-wrapper .nf-form-cont .woocommerce-page .woocommerce input[type="button"] :disabled[disabled]:hover {
      background-color: #ddd !important;
      color: #666 !important; }

/* big buttons */
.woocommerce-page .woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page .woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page .woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .woocommerce .wc-proceed-to-checkout a.checkout-button {
  font-size: 24px;
  font-size: 2.4rem;
  padding: 1em;
  letter-spacing: normal; }
  @media only screen and (max-width: 767px) {
    .woocommerce-page .woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-page .woocommerce .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-page .woocommerce .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-cart .woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-checkout .woocommerce #add_payment_method .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-checkout .woocommerce .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-checkout .woocommerce .wc-proceed-to-checkout a.checkout-button {
      font-size: 22px;
      font-size: 2.2rem; } }
.woocommerce-page .woocommerce #respond input#submit.alt,
.woocommerce-page .woocommerce a.button.alt,
.woocommerce-page .woocommerce .error404 .message-404 .links-404 li a.alt,
.error404 .message-404 .links-404 li .woocommerce-page .woocommerce a.alt,
.woocommerce-page .woocommerce button.button.alt,
.woocommerce-page .woocommerce input.button.alt,
.woocommerce-page .woocommerce #site-wrapper .nf-form-cont input.alt[type="button"],
#site-wrapper .nf-form-cont .woocommerce-page .woocommerce input.alt[type="button"],
.woocommerce-cart .woocommerce #respond input#submit.alt,
.woocommerce-cart .woocommerce a.button.alt,
.woocommerce-cart .woocommerce .error404 .message-404 .links-404 li a.alt,
.error404 .message-404 .links-404 li .woocommerce-cart .woocommerce a.alt,
.woocommerce-cart .woocommerce button.button.alt,
.woocommerce-cart .woocommerce input.button.alt,
.woocommerce-cart .woocommerce #site-wrapper .nf-form-cont input.alt[type="button"],
#site-wrapper .nf-form-cont .woocommerce-cart .woocommerce input.alt[type="button"],
.woocommerce-checkout .woocommerce #respond input#submit.alt,
.woocommerce-checkout .woocommerce a.button.alt,
.woocommerce-checkout .woocommerce .error404 .message-404 .links-404 li a.alt,
.error404 .message-404 .links-404 li .woocommerce-checkout .woocommerce a.alt,
.woocommerce-checkout .woocommerce button.button.alt,
.woocommerce-checkout .woocommerce input.button.alt,
.woocommerce-checkout .woocommerce #site-wrapper .nf-form-cont input.alt[type="button"],
#site-wrapper .nf-form-cont .woocommerce-checkout .woocommerce input.alt[type="button"] {
  background-color: #2fb693;
  color: white;
  border-radius: 2em; }
  .woocommerce-page .woocommerce #respond input#submit.alt:hover,
  .woocommerce-page .woocommerce a.button.alt:hover,
  .woocommerce-page .woocommerce .error404 .message-404 .links-404 li a.alt:hover,
  .error404 .message-404 .links-404 li .woocommerce-page .woocommerce a.alt:hover,
  .woocommerce-page .woocommerce button.button.alt:hover,
  .woocommerce-page .woocommerce input.button.alt:hover,
  .woocommerce-page .woocommerce #site-wrapper .nf-form-cont input.alt[type="button"]:hover,
  #site-wrapper .nf-form-cont .woocommerce-page .woocommerce input.alt[type="button"]:hover,
  .woocommerce-cart .woocommerce #respond input#submit.alt:hover,
  .woocommerce-cart .woocommerce a.button.alt:hover,
  .woocommerce-cart .woocommerce .error404 .message-404 .links-404 li a.alt:hover,
  .error404 .message-404 .links-404 li .woocommerce-cart .woocommerce a.alt:hover,
  .woocommerce-cart .woocommerce button.button.alt:hover,
  .woocommerce-cart .woocommerce input.button.alt:hover,
  .woocommerce-cart .woocommerce #site-wrapper .nf-form-cont input.alt[type="button"]:hover,
  #site-wrapper .nf-form-cont .woocommerce-cart .woocommerce input.alt[type="button"]:hover,
  .woocommerce-checkout .woocommerce #respond input#submit.alt:hover,
  .woocommerce-checkout .woocommerce a.button.alt:hover,
  .woocommerce-checkout .woocommerce .error404 .message-404 .links-404 li a.alt:hover,
  .error404 .message-404 .links-404 li .woocommerce-checkout .woocommerce a.alt:hover,
  .woocommerce-checkout .woocommerce button.button.alt:hover,
  .woocommerce-checkout .woocommerce input.button.alt:hover,
  .woocommerce-checkout .woocommerce #site-wrapper .nf-form-cont input.alt[type="button"]:hover,
  #site-wrapper .nf-form-cont .woocommerce-checkout .woocommerce input.alt[type="button"]:hover {
    background-color: #1e9a7a; }

@media only screen and (max-width: 767px) {
  .woocommerce #add_payment_method .wc-proceed-to-checkout,
  body.woocommerce-cart .wc-proceed-to-checkout,
  body.woocommerce-checkout .wc-proceed-to-checkout {
    padding: 0; } }

/* notices */
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 1.5em;
  background-color: #f6be00;
  color: #25282a;
  border-top: none !important;
  border-radius: 6px;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem; }
  @media only screen and (max-width: 767px) {
    .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media only screen and (max-width: 767px) {
    .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-error #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .woocommerce .woocommerce-error input[type="button"], .woocommerce .woocommerce-error .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .woocommerce .woocommerce-error a, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-info #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .woocommerce .woocommerce-info input[type="button"], .woocommerce .woocommerce-info .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .woocommerce .woocommerce-info a, .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-message #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .woocommerce .woocommerce-message input[type="button"], .woocommerce .woocommerce-message .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .woocommerce .woocommerce-message a {
      float: none;
      margin: 0 0 10px;
      display: block; } }
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
  background-color: white;
  border-radius: 100%;
  font-size: 28px;
  font-size: 2.8rem;
  top: 0.48em;
  left: 0.5em; }
.woocommerce .woocommerce-message::before {
  color: #2fb693; }

/* checkout */
.woocommerce form.checkout .col-1,
.woocommerce-page form.checkout .col-1 {
  float: none;
  width: 100%; }
.woocommerce form.checkout .col-2,
.woocommerce-page form.checkout .col-2 {
  display: none; }
.woocommerce form.checkout .form-row,
.woocommerce-page form.checkout .form-row {
  margin: 0 0 12px 0; }
  @media only screen and (max-width: 767px) {
    .woocommerce form.checkout .form-row,
    .woocommerce-page form.checkout .form-row {
      float: none !important;
      margin: 0 0 20px 0;
      width: 100% !important; } }
  .woocommerce form.checkout .form-row .required,
  .woocommerce-page form.checkout .form-row .required {
    color: #f6be00;
    font-weight: 700; }
.woocommerce form.checkout #billing_email_field,
.woocommerce form.checkout #billing_address_1_field,
.woocommerce form.checkout #billing_city_field,
.woocommerce form.checkout #billing_postcode_field,
.woocommerce-page form.checkout #billing_email_field,
.woocommerce-page form.checkout #billing_address_1_field,
.woocommerce-page form.checkout #billing_city_field,
.woocommerce-page form.checkout #billing_postcode_field {
  float: left;
  width: 47%;
  overflow: visible;
  clear: none; }
.woocommerce form.checkout #billing_postcode_field,
.woocommerce-page form.checkout #billing_postcode_field {
  clear: both; }
.woocommerce form.checkout #billing_phone_field,
.woocommerce form.checkout #billing_address_2_field,
.woocommerce form.checkout #billing_state_field,
.woocommerce form.checkout #billing_country_field,
.woocommerce-page form.checkout #billing_phone_field,
.woocommerce-page form.checkout #billing_address_2_field,
.woocommerce-page form.checkout #billing_state_field,
.woocommerce-page form.checkout #billing_country_field {
  float: right;
  width: 47%;
  overflow: visible;
  clear: none; }
.woocommerce form.checkout #billing_address_2_field label,
.woocommerce-page form.checkout #billing_address_2_field label {
  clip: auto;
  height: auto;
  overflow: visible;
  position: relative !important;
  width: auto;
  word-wrap: normal; }
.woocommerce form.checkout label,
.woocommerce-page form.checkout label {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6em !important;
  color: #449bef;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem; }
.woocommerce form.checkout input[type="text"],
.woocommerce form.checkout input[type="tel"],
.woocommerce form.checkout input[type="email"],
.woocommerce-page form.checkout input[type="text"],
.woocommerce-page form.checkout input[type="tel"],
.woocommerce-page form.checkout input[type="email"] {
  height: 40px;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0 4px;
  border: 1px solid #ccc;
  border-radius: 4px; }
.woocommerce form.checkout .select2-container,
.woocommerce-page form.checkout .select2-container {
  top: -1px; }
.woocommerce form.checkout .select2-container .select2-selection--single,
.woocommerce-page form.checkout .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ccc; }
.woocommerce form.checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-page form.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 38px; }
.woocommerce form.checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-page form.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px; }
.woocommerce form.checkout .select2-container--default .select2-selection--single .select2-selection__arrow b,
.woocommerce-page form.checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #449bef transparent transparent transparent;
  border-width: 8px 6px 0 6px;
  margin-left: -8px;
  margin-top: -4px; }
.woocommerce form.checkout .select2-results,
.woocommerce-page form.checkout .select2-results {
  font-size: 18px;
  font-size: 1.8rem; }
.woocommerce form.checkout #order_review_heading,
.woocommerce-page form.checkout #order_review_heading {
  margin-top: 30px; }
.woocommerce form.checkout .woocommerce-checkout-review-order-table th,
.woocommerce-page form.checkout .woocommerce-checkout-review-order-table th {
  font-weight: 700; }
.woocommerce form.checkout .woocommerce-checkout-review-order-table .recurring-totals th,
.woocommerce-page form.checkout .woocommerce-checkout-review-order-table .recurring-totals th {
  color: #25282a !important;
  background-color: white !important; }
.woocommerce form.checkout .woocommerce-checkout-review-order-table .product-item-thumbnail,
.woocommerce-page form.checkout .woocommerce-checkout-review-order-table .product-item-thumbnail {
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px; }
  .woocommerce form.checkout .woocommerce-checkout-review-order-table .product-item-thumbnail img,
  .woocommerce-page form.checkout .woocommerce-checkout-review-order-table .product-item-thumbnail img {
    width: 60px;
    height: auto; }
.woocommerce form.checkout #payment,
.woocommerce-page form.checkout #payment {
  background-color: rgba(68, 155, 239, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .woocommerce form.checkout #payment ul.payment_methods,
  .woocommerce-page form.checkout #payment ul.payment_methods {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .woocommerce form.checkout #payment div.payment_box,
  .woocommerce-page form.checkout #payment div.payment_box {
    background-color: rgba(68, 155, 239, 0.1);
    font-size: 16px;
    font-size: 1.6rem; }
    .woocommerce form.checkout #payment div.payment_box p,
    .woocommerce-page form.checkout #payment div.payment_box p {
      margin: 0 0 1em; }
    .woocommerce form.checkout #payment div.payment_box:before,
    .woocommerce-page form.checkout #payment div.payment_box:before {
      border-bottom: 1em solid rgba(68, 155, 239, 0.1);
      top: -.95em; }
  .woocommerce form.checkout #payment .wc-stripe-elements-field, .woocommerce form.checkout #payment .wc-stripe-iban-element-field,
  .woocommerce-page form.checkout #payment .wc-stripe-elements-field,
  .woocommerce-page form.checkout #payment .wc-stripe-iban-element-field {
    border: 1px solid #ccc;
    padding: 10px 5px;
    border-radius: 4px; }
  .woocommerce form.checkout #payment .place-order,
  .woocommerce-page form.checkout #payment .place-order {
    text-align: center; }
    .woocommerce form.checkout #payment .place-order p,
    .woocommerce-page form.checkout #payment .place-order p {
      text-align: left; }
  .woocommerce form.checkout #payment .woocommerce-privacy-policy-text p,
  .woocommerce-page form.checkout #payment .woocommerce-privacy-policy-text p {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 0.5em; }
  .woocommerce form.checkout #payment #place_order,
  .woocommerce-page form.checkout #payment #place_order {
    font-size: 2.4rem;
    padding: 1em 2em;
    float: none;
    margin-top: 10px; }
@media only screen and (max-width: 767px) {
  .woocommerce form.checkout .wc-saved-payment-methods li input.woocommerce-SavedPaymentMethods-tokenInput,
  .woocommerce-page form.checkout .wc-saved-payment-methods li input.woocommerce-SavedPaymentMethods-tokenInput {
    width: 15px;
    float: left;
    margin: 4px 10px 0 0 !important; }
  .woocommerce form.checkout .wc-saved-payment-methods li label,
  .woocommerce-page form.checkout .wc-saved-payment-methods li label {
    float: left;
    width: calc(100% - 30px);
    line-height: 1.3em !important; } }
.woocommerce form.checkout .woocommerce-terms-and-conditions-wrapper .checkbox input,
.woocommerce-page form.checkout .woocommerce-terms-and-conditions-wrapper .checkbox input {
  width: 15px;
  float: left;
  margin: 4px 10px 0 0 !important; }
.woocommerce form.checkout .woocommerce-terms-and-conditions-wrapper .checkbox .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-page form.checkout .woocommerce-terms-and-conditions-wrapper .checkbox .woocommerce-terms-and-conditions-checkbox-text {
  float: left;
  line-height: 1.3em !important; }
.woocommerce form.checkout .woocommerce-terms-and-conditions-wrapper .checkbox .required,
.woocommerce-page form.checkout .woocommerce-terms-and-conditions-wrapper .checkbox .required {
  display: none; }

/* order received */
.woocommerce-order-received .woocommerce .woocommerce-order-overview {
  background-color: rgba(68, 155, 239, 0.05);
  padding: 1em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin: 0 0 1.5em 0; }
  .woocommerce-order-received .woocommerce .woocommerce-order-overview li {
    color: #449bef;
    font-weight: 600;
    text-transform: none;
    font-size: 16px;
    font-size: 1.6rem; }
    .woocommerce-order-received .woocommerce .woocommerce-order-overview li strong {
      color: #25282a;
      font-weight: 800;
      font-size: 18px;
      font-size: 1.8rem; }
.woocommerce-order-received .woocommerce .woocommerce-order-details h2,
.woocommerce-order-received .woocommerce .woocommerce-customer-details h2 {
  margin-bottom: .75em; }
.woocommerce-order-received .woocommerce .woocommerce-order-details address,
.woocommerce-order-received .woocommerce .woocommerce-customer-details address {
  background-color: rgba(68, 155, 239, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em; }

#thankyou-orderinfo {
  background-color: rgba(68, 155, 239, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 30px; }
  @media only screen and (max-width: 767px) {
    #thankyou-orderinfo {
      border: none;
      padding: 15px; } }
  #thankyou-orderinfo > h2 {
    color: #449bef;
    margin: 0 0 30px;
    text-align: left; }
  #thankyou-orderinfo .order-step {
    padding: 30px 0 0;
    border-top: 4px dotted rgba(68, 155, 239, 0.2); }
    #thankyou-orderinfo .order-step h3 span {
      display: inline-block;
      background-color: #f6be00;
      color: #25282a;
      height: 1.5em;
      width: 1.5em;
      border-radius: 100%;
      vertical-align: middle;
      text-align: center; }
  #thankyou-orderinfo #thankyou-downloads th {
    color: #449bef !important;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em; }
  #thankyou-orderinfo #thankyou-downloads td {
    background-color: white;
    line-height: 1em; }
  #thankyou-orderinfo #thankyou-downloads .button, #thankyou-orderinfo #thankyou-downloads #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #thankyou-orderinfo #thankyou-downloads input[type="button"], #thankyou-orderinfo #thankyou-downloads .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #thankyou-orderinfo #thankyou-downloads a {
    margin-right: 10px;
    background-color: #25282a;
    height: 40px;
    border-radius: 6px;
    padding-left: 42px;
    background-size: 20px auto; }
    @media only screen and (max-width: 767px) {
      #thankyou-orderinfo #thankyou-downloads .button, #thankyou-orderinfo #thankyou-downloads #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #thankyou-orderinfo #thankyou-downloads input[type="button"], #thankyou-orderinfo #thankyou-downloads .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #thankyou-orderinfo #thankyou-downloads a {
        margin: 0 0 10px 0;
        padding: 12px 0 0 30px;
        background-size: 14px auto;
        font-size: 13px;
        font-size: 1.3rem;
        display: block;
        width: 155px; } }
    #thankyou-orderinfo #thankyou-downloads .button.apple, #thankyou-orderinfo #thankyou-downloads #site-wrapper .nf-form-cont input.apple[type="button"], #site-wrapper .nf-form-cont #thankyou-orderinfo #thankyou-downloads input.apple[type="button"], #thankyou-orderinfo #thankyou-downloads .error404 .message-404 .links-404 li a.apple, .error404 .message-404 .links-404 li #thankyou-orderinfo #thankyou-downloads a.apple {
      background-image: url(images/icon-applestore.png);
      background-position: 12px 6px; }
      @media only screen and (max-width: 767px) {
        #thankyou-orderinfo #thankyou-downloads .button.apple, #thankyou-orderinfo #thankyou-downloads #site-wrapper .nf-form-cont input.apple[type="button"], #site-wrapper .nf-form-cont #thankyou-orderinfo #thankyou-downloads input.apple[type="button"], #thankyou-orderinfo #thankyou-downloads .error404 .message-404 .links-404 li a.apple, .error404 .message-404 .links-404 li #thankyou-orderinfo #thankyou-downloads a.apple {
          background-position: 10px 10px; } }
    #thankyou-orderinfo #thankyou-downloads .button.google, #thankyou-orderinfo #thankyou-downloads #site-wrapper .nf-form-cont input.google[type="button"], #site-wrapper .nf-form-cont #thankyou-orderinfo #thankyou-downloads input.google[type="button"], #thankyou-orderinfo #thankyou-downloads .error404 .message-404 .links-404 li a.google, .error404 .message-404 .links-404 li #thankyou-orderinfo #thankyou-downloads a.google {
      background-image: url(images/icon-googleplay.png);
      background-position: 15px center; }
      @media only screen and (max-width: 767px) {
        #thankyou-orderinfo #thankyou-downloads .button.google, #thankyou-orderinfo #thankyou-downloads #site-wrapper .nf-form-cont input.google[type="button"], #site-wrapper .nf-form-cont #thankyou-orderinfo #thankyou-downloads input.google[type="button"], #thankyou-orderinfo #thankyou-downloads .error404 .message-404 .links-404 li a.google, .error404 .message-404 .links-404 li #thankyou-orderinfo #thankyou-downloads a.google {
          background-position: 10px center; } }

#studycat-club #studycat-club-banner {
  padding: 40px 0 60px;
  color: white;
  text-align: center;
  background-color: #864abb;
  position: relative;
  overflow: hidden;
  min-height: 300px; }
  @media only screen and (max-width: 1080px) {
    #studycat-club #studycat-club-banner {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    #studycat-club #studycat-club-banner {
      padding: 25px 0 120px; } }
  #studycat-club #studycat-club-banner > .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 17.5%;
    opacity: 0.05; }
  #studycat-club #studycat-club-banner #club-welcome-cat {
    position: absolute;
    left: 0;
    top: 15px;
    height: 270px;
    width: auto; }
    @media only screen and (max-width: 1080px) {
      #studycat-club #studycat-club-banner #club-welcome-cat {
        top: 80px;
        height: 180px; } }
    @media only screen and (max-width: 767px) {
      #studycat-club #studycat-club-banner #club-welcome-cat {
        top: auto;
        bottom: 10px;
        height: 110px;
        left: 20%; } }
  #studycat-club #studycat-club-banner #club-welcome-family {
    position: absolute;
    right: 0;
    top: 30px;
    height: 240px;
    width: auto; }
    @media only screen and (max-width: 1080px) {
      #studycat-club #studycat-club-banner #club-welcome-family {
        right: -10px;
        top: 80px;
        height: 150px; } }
    @media only screen and (max-width: 767px) {
      #studycat-club #studycat-club-banner #club-welcome-family {
        top: auto;
        bottom: 10px;
        height: 120px;
        right: 20%; } }
  @media only screen and (max-width: 767px) {
    #studycat-club #studycat-club-banner > .editor {
      z-index: 10; } }
  #studycat-club #studycat-club-banner h1 {
    color: #f6be00;
    margin-bottom: 10px;
    font-size: 60px;
    font-size: 6rem;
    text-shadow: 2px 2px 2px black; }
    @media only screen and (max-width: 767px) {
      #studycat-club #studycat-club-banner h1 {
        font-size: 40px;
        font-size: 4rem;
        position: relative;
        z-index: 10; } }
  #studycat-club #studycat-club-banner .intro {
    margin: 0 auto;
    width: 65.5%; }
    @media only screen and (max-width: 767px) {
      #studycat-club #studycat-club-banner .intro {
        width: 100%; }
        #studycat-club #studycat-club-banner .intro p {
          font-size: 16px;
          font-size: 1.6rem; } }
@media only screen and (max-width: 1080px) {
  #studycat-club .club-signin-register {
    padding-top: 30px; } }
@media only screen and (max-width: 767px) {
  #studycat-club .club-signin-register {
    padding-top: 0; } }
#studycat-club .club-signin {
  float: left;
  width: 31.5%;
  margin: 0 2.5% 0 17%;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  background-color: #864abb; }
  @media only screen and (max-width: 1080px) {
    #studycat-club .club-signin {
      width: 48.5%;
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    #studycat-club .club-signin {
      width: 100%;
      float: none;
      margin: 0 0 15px 0; } }
  #studycat-club .club-signin .nf-form-cont {
    padding: 20px 30px 0 !important; }
    @media only screen and (max-width: 767px) {
      #studycat-club .club-signin .nf-form-cont {
        padding: 5px 20px 0 !important; }
        #studycat-club .club-signin .nf-form-cont .nf-field-container {
          margin-bottom: 15px; } }
    #studycat-club .club-signin .nf-form-cont .submit-container {
      padding-top: 0 !important;
      margin-bottom: 10px !important; }
  #studycat-club .club-signin .nf-form-title h3 {
    color: white;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      #studycat-club .club-signin .nf-form-title h3 {
        margin-bottom: 5px; } }
  #studycat-club .club-signin .forgot-password p {
    margin-bottom: 0; }
  #studycat-club .club-signin .forgot-password a {
    color: white;
    font-size: 16px;
    font-size: 1.6rem; }
#studycat-club .club-register {
  float: left;
  width: 31.5%;
  border-radius: 12px;
  background-color: white;
  padding: 23px 20px 50px 20px;
  color: #25282a; }
  @media only screen and (max-width: 1080px) {
    #studycat-club .club-register {
      width: 48.5%; } }
  @media only screen and (max-width: 767px) {
    #studycat-club .club-register {
      width: 100%;
      float: none;
      margin: 0 0 10px 0;
      padding: 20px; } }
  #studycat-club .club-register h2 {
    font-size: 30px;
    font-size: 3rem; }
  #studycat-club .club-register ul {
    text-align: left; }
    #studycat-club .club-register ul li {
      line-height: 1.2em;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 700; }
  #studycat-club .club-register .button, #studycat-club .club-register #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont #studycat-club .club-register input[type="button"], #studycat-club .club-register .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li #studycat-club .club-register a {
    padding: 14px 48px 16px; }
#studycat-club #home-blog {
  background: white !important; }
  #studycat-club #home-blog .blog-intro h1 {
    margin-bottom: 0; }
  #studycat-club #home-blog article .blog-text {
    background-color: rgba(68, 155, 239, 0.2); }

#studycat-club-worksheets {
  background-color: rgba(134, 74, 187, 0.15);
  padding: 40px 0;
  color: #25282a;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #studycat-club-worksheets {
      padding: 30px 0; } }
  #studycat-club-worksheets .intro {
    text-align: center; }
    #studycat-club-worksheets .intro h1 {
      margin-bottom: 10px; }
  #studycat-club-worksheets article {
    float: left;
    width: 14.5%;
    margin: 0 2.5% 30px 0; }
    @media only screen and (max-width: 1080px) {
      #studycat-club-worksheets article {
        width: 23%; } }
    @media only screen and (max-width: 767px) {
      #studycat-club-worksheets article {
        width: 48.5%; }
        #studycat-club-worksheets article:nth-child(2n) {
          margin-right: 0 !important; } }
    @media only screen and (max-width: 1080px) {
      #studycat-club-worksheets article:nth-child(4n) {
        margin-right: 0 !important; } }
    #studycat-club-worksheets article:nth-child(6n) {
      margin-right: 0; }
      @media only screen and (max-width: 1080px) {
        #studycat-club-worksheets article:nth-child(6n) {
          margin-right: 2.5%; } }
    #studycat-club-worksheets article a {
      display: block;
      position: relative; }
    #studycat-club-worksheets article img {
      display: block;
      position: relative;
      width: 100%;
      height: auto; }
    #studycat-club-worksheets article h3 {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 800;
      padding: 5px 0 0 0; }

#studycat-club-classes {
  padding: 60px 0 40px 0;
  color: #25282a;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #studycat-club-classes {
      padding: 30px 0; } }
  #studycat-club-classes .intro {
    text-align: center; }
    #studycat-club-classes .intro h1 {
      margin-bottom: 10px; }
  #studycat-club-classes .classes-list {
    padding: 0 0 30px; }

#studycat-club-songs {
  background-color: white;
  padding: 40px 0;
  color: #25282a;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #studycat-club-songs {
      padding: 30px 0; } }
  #studycat-club-songs .intro {
    text-align: center; }
    #studycat-club-songs .intro h1 {
      margin-bottom: 10px; }
  #studycat-club-songs article {
    float: left;
    width: 31.5%;
    margin: 0 2.5% 30px 0; }
    @media only screen and (max-width: 767px) {
      #studycat-club-songs article {
        width: 100%;
        float: none; } }
    #studycat-club-songs article:nth-child(3n) {
      margin-right: 0 !important; }
    #studycat-club-songs article a {
      display: block;
      position: relative; }
    #studycat-club-songs article img {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      border-radius: 6px; }
    #studycat-club-songs article h3 {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 800;
      padding: 5px 0 0 0; }

#studycat-club-webinars {
  background-color: #864abb;
  padding: 40px 0; }
  #studycat-club-webinars .intro {
    text-align: center;
    color: white; }
    #studycat-club-webinars .intro h1 {
      margin-bottom: 10px; }
    #studycat-club-webinars .intro p {
      margin: 0 auto 30px;
      width: 65.5%; }
      @media only screen and (max-width: 767px) {
        #studycat-club-webinars .intro p {
          width: 100%; } }
  #studycat-club-webinars article {
    background-color: rgba(255, 255, 255, 0.75);
    float: left;
    width: 31.5%;
    margin-right: 2.5%;
    border-radius: 12px;
    overflow: hidden; }
    @media only screen and (max-width: 1080px) {
      #studycat-club-webinars article {
        width: 48.5%; }
        #studycat-club-webinars article:nth-child(2n) {
          margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      #studycat-club-webinars article {
        width: 100%;
        margin: 0 0 15px 0 !important; } }
    #studycat-club-webinars article:nth-child(3n) {
      margin-right: 0; }
      @media only screen and (max-width: 1080px) {
        #studycat-club-webinars article:nth-child(3n) {
          display: none; } }
    #studycat-club-webinars article .featured-pic {
      height: 20vw;
      background-size: cover;
      background-position: center center; }
      @media only screen and (max-width: 1080px) {
        #studycat-club-webinars article .featured-pic {
          height: 30vw; } }
      @media only screen and (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
        #studycat-club-webinars article .featured-pic {
          height: 24vw; } }
      @media only screen and (max-width: 767px) {
        #studycat-club-webinars article .featured-pic {
          height: 60vw; } }
    #studycat-club-webinars article .webinar-teaser {
      padding: 15px; }
      #studycat-club-webinars article .webinar-teaser h3 {
        margin-bottom: 0; }
      #studycat-club-webinars article .webinar-teaser .webinar-meta {
        margin-bottom: 0.5em; }
      #studycat-club-webinars article .webinar-teaser .webinar-overview p {
        font-size: 16px;
        font-size: 1.6rem; }
  #studycat-club-webinars .outro {
    text-align: center;
    padding-top: 30px; }

/* account */
body.woocommerce-account .title-banner {
  height: 120px; }
  @media only screen and (max-width: 767px) {
    body.woocommerce-account .title-banner {
      height: 60px; } }
body.woocommerce-account .page-content {
  width: 100%;
  margin-left: 0;
  padding-top: 50px; }
  @media only screen and (max-width: 1080px) {
    body.woocommerce-account .page-content {
      padding-top: 10px; } }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
  width: 20%;
  position: relative;
  z-index: 10; }
  @media only screen and (max-width: 1080px) {
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
      width: 100%; } }
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    margin: 0; }
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
      display: table;
      width: 100%; }
      @media only screen and (max-width: 1080px) {
        body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
          width: 32%;
          float: left;
          margin: 0 2% 0.5em 0; }
          body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(3n) {
            margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
          width: 49%;
          margin: 0 2% 0.5em 0; }
          body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(3n) {
            margin-right: 2%; }
          body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(2n) {
            margin-right: 0; } }
      body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
        display: table-cell;
        text-decoration: none;
        font-weight: 600;
        font-size: 18px;
        font-size: 1.8rem;
        background-color: #b894d7;
        border: 2px solid transparent;
        border-radius: 24px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        height: 42px;
        line-height: 1em;
        padding: 0 20px;
        transition: all ease 0.3s;
        color: white;
        margin-right: 2px;
        width: 100%;
        vertical-align: middle; }
        @media only screen and (max-width: 767px) {
          body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
            height: 32px;
            line-height: 28px;
            padding: 0 10px;
            font-size: 17px;
            font-size: 1.7rem; } }
        @media only screen and (max-width: 1080px) {
          body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
            border-top-right-radius: 24px;
            border-bottom-right-radius: 24px; } }
        body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
          color: #f6be00;
          background-color: #b894d7; }
      body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
        background-color: white;
        border: 2px solid #b894d7;
        color: #864abb;
        border-right-color: white;
        margin-right: 0; }
        @media only screen and (max-width: 1080px) {
          body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
            border-right-color: #864abb; } }
        body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover {
          background-color: white;
          border: 2px solid #b894d7;
          border-right-color: white;
          color: #864abb; }
          @media only screen and (max-width: 1080px) {
            body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover {
              border-right-color: #864abb; } }
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
  min-height: 500px;
  width: 80%;
  border: 2px solid #b894d7;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  padding: 2em;
  position: relative;
  z-index: 5;
  left: -2px; }
  @media only screen and (max-width: 1080px) {
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
      border-radius: 24px;
      width: 100%;
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
      margin-top: 20px; } }
body.woocommerce-account .woocommerce .woocommerce-form-login {
  width: 480px;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    body.woocommerce-account .woocommerce .woocommerce-form-login {
      width: 100%; } }
body.woocommerce-account .woocommerce .woocommerce-ResetPassword {
  background-color: rgba(85, 55, 140, 0.1);
  border-radius: 5px;
  padding: 40px;
  margin: 0 0 30px 17%;
  width: 65.5%; }
  @media only screen and (max-width: 1080px) {
    body.woocommerce-account .woocommerce .woocommerce-ResetPassword {
      margin-left: 0;
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    body.woocommerce-account .woocommerce .woocommerce-ResetPassword {
      padding: 20px; } }
  body.woocommerce-account .woocommerce .woocommerce-ResetPassword h2 {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      body.woocommerce-account .woocommerce .woocommerce-ResetPassword h2 {
        margin-bottom: 20px;
        font-size: 24px;
        font-size: 2.4rem; } }
  @media only screen and (max-width: 767px) {
    body.woocommerce-account .woocommerce .woocommerce-ResetPassword p {
      font-size: 16px;
      font-size: 1.6rem; } }
  body.woocommerce-account .woocommerce .woocommerce-ResetPassword p br:first-of-type {
    display: none; }
  body.woocommerce-account .woocommerce .woocommerce-ResetPassword p.form-row-first {
    width: 100% !important; }
  body.woocommerce-account .woocommerce .woocommerce-ResetPassword label {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem; }
  body.woocommerce-account .woocommerce .woocommerce-ResetPassword input[type="text"],
  body.woocommerce-account .woocommerce .woocommerce-ResetPassword input[type="password"] {
    height: 38px;
    font-family: 'muli', sans-serif;
    font-style: normal;
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    display: block; }
  body.woocommerce-account .woocommerce .woocommerce-ResetPassword.lost_reset_password p.form-row-first {
    width: 47% !important; }
    @media only screen and (max-width: 767px) {
      body.woocommerce-account .woocommerce .woocommerce-ResetPassword.lost_reset_password p.form-row-first {
        width: 100% !important; } }

@media only screen and (max-width: 1080px) {
  .account-page-content {
    min-height: unset; } }

.d-flex {
  display: flex; }

.align-items-center {
  align-items: center; }

.justify-content-center {
  justify-content: center; }

.bg-white {
  background-color: white; }

.text-center {
  text-align: center; }

.text-black {
  color: black; }

#logout-devices-table {
  table-layout: initial; }
  #logout-devices-table tbody tr td p {
    margin-bottom: 0px; }

.logoout-all-devices-pic {
  width: 63px;
  height: 63px;
  background-position: center;
  background-size: cover;
  margin-right: 11px; }
  @media only screen and (max-width: 767px) {
    .logoout-all-devices-pic {
      display: none; } }

.account-page-content {
  min-height: 525px; }

html {
  font-size: 62.5%; }

body {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  color: #25282a; }
  @media only screen and (max-width: 1080px) {
    body {
      font-size: 18px;
      font-size: 1.8rem; } }

#site-wrapper {
  position: relative;
  padding-top: 140px; }
  @media only screen and (max-width: 1080px) {
    #site-wrapper {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    #site-wrapper {
      padding-top: 60px; } }

#main-content {
  position: relative;
  background: white; }

/* default page */
.page-template-default .title-banner {
  color: white; }
  .page-template-default .title-banner .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
.page-template-default #main-content {
  padding-top: 0; }

.title-banner {
  height: 350px;
  position: relative;
  width: 100%;
  display: table; }
  @media only screen and (max-width: 1080px) {
    .title-banner {
      height: 300px; } }
  @media only screen and (max-width: 767px) {
    .title-banner {
      height: 200px; } }
  .title-banner .title-wrapper {
    display: table-cell;
    vertical-align: middle;
    position: relative; }
    .title-banner .title-wrapper h1 {
      font-size: 48px;
      font-size: 4.8rem;
      font-weight: 700;
      line-height: 1.6em;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .title-banner .title-wrapper h1 {
          font-size: 40px;
          font-size: 4rem; } }
      @media only screen and (max-width: 767px) {
        .title-banner .title-wrapper h1 {
          font-size: 32px;
          font-size: 3.2rem; } }

.page-content {
  padding: 80px 0 60px;
  width: 65.5%;
  margin-left: 17%; }
  @media only screen and (max-width: 1080px) {
    .page-content {
      width: 80%;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .page-content {
      padding: 40px 0 30px;
      width: 90%; } }
  .page-content .editor h1, .page-content .editor h2 {
    color: black;
    text-align: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .page-content .editor h1, .page-content .editor h2 {
        margin-bottom: 30px; } }
  .page-content .editor img {
    max-width: 100%;
    height: auto; }
    .page-content .editor img.align-left {
      float: left;
      margin: 0 30px 30px 0; }
    .page-content .editor img.align-right {
      float: right;
      margin: 0 0 30px 30px; }
    .page-content .editor img.pair-left {
      width: 48.66%;
      margin-right: 2.66%; }
    .page-content .editor img.pair-right {
      width: 48.66%; }

/* user type landing */
.page-template-user-landing .content-module,
.page-template-page-parents .content-module,
.page-template-page-teachers .content-module {
  padding: 60px 0;
  height: 500px;
  min-height: 500px;
  position: relative; }
  @media only screen and (max-width: 1080px) {
    .page-template-user-landing .content-module,
    .page-template-page-parents .content-module,
    .page-template-page-teachers .content-module {
      padding: 100px 0 0;
      height: auto; } }
  .page-template-user-landing .content-module .container,
  .page-template-page-parents .content-module .container,
  .page-template-page-teachers .content-module .container {
    height: 100%; }
    .page-template-user-landing .content-module .container.text-left .content-editor,
    .page-template-page-parents .content-module .container.text-left .content-editor,
    .page-template-page-teachers .content-module .container.text-left .content-editor {
      float: left; }
    .page-template-user-landing .content-module .container.text-right .content-editor,
    .page-template-page-parents .content-module .container.text-right .content-editor,
    .page-template-page-teachers .content-module .container.text-right .content-editor {
      float: right; }
  .page-template-user-landing .content-module .content-editor,
  .page-template-page-parents .content-module .content-editor,
  .page-template-page-teachers .content-module .content-editor {
    width: 48.5%;
    display: table;
    height: 100%; }
    @media only screen and (max-width: 1080px) {
      .page-template-user-landing .content-module .content-editor,
      .page-template-page-parents .content-module .content-editor,
      .page-template-page-teachers .content-module .content-editor {
        width: 100%;
        float: none;
        display: block;
        height: auto; } }
    .page-template-user-landing .content-module .content-editor .editor,
    .page-template-page-parents .content-module .content-editor .editor,
    .page-template-page-teachers .content-module .content-editor .editor {
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 1080px) {
        .page-template-user-landing .content-module .content-editor .editor,
        .page-template-page-parents .content-module .content-editor .editor,
        .page-template-page-teachers .content-module .content-editor .editor {
          text-align: center;
          width: 80%;
          margin: auto; } }

/* parents */
#parents .title-banner {
  background-color: #25282a;
  height: 420px;
  color: white; }
  @media only screen and (max-width: 767px) {
    #parents .title-banner {
      height: 200px; } }
  #parents .title-banner .bg-pic1 {
    background-image: url(images/parents-banner-bg2.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 0.66; }
  #parents .title-banner .bg-pic2 {
    background-image: url(images/banner-parents-grandpa.svg), url(images/banner-parents-mumkid.svg);
    background-position: 2% bottom, right bottom;
    background-size: auto 65%, auto 75%;
    bottom: -5vh;
    top: auto; }
#parents #content-module1 {
  background-image: url(images/parents-connected-bg.jpg);
  background-position: right bottom;
  background-size: auto 86%; }
  @media only screen and (max-width: 1080px) {
    #parents #content-module1 {
      background-size: 100% auto;
      padding: 100px 0 0;
      height: 600px; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #parents #content-module1 {
      background-size: 80% auto; }
      #parents #content-module1 .editor p {
        width: 60%;
        margin-left: 20%; } }

  @media only screen and (max-width: 767px) {
    #parents #content-module1 {
      padding-top: 60px;
      min-height: auto;
      height: 400px; } }
@media only screen and (max-width: 1080px) {
  #parents #content-module2 {
    padding-bottom: 390px; } }
@media only screen and (max-width: 767px) {
  #parents #content-module2 {
    padding-bottom: 320px; } }
#parents #content-module2 .module-slides {
  left: 7%;
  width: 42%;
  height: 100%;
  position: absolute;
  text-align: center;
  bottom: 0;
  background-image: url(images/parents-screens-bg.jpg);
  background-size: auto 100%;
  background-position: left bottom;
  overflow: hidden; }
  @media only screen and (max-width: 1080px) {
    #parents #content-module2 .module-slides {
      left: 0;
      width: 100%;
      height: 380px;
      background-position: center bottom; } }
  @media only screen and (max-width: 767px) {
    #parents #content-module2 .module-slides {
      left: 0;
      height: 300px; } }
  #parents #content-module2 .module-slides .cycle-slideshow {
    width: 288px;
    margin: 38px 0 0 98px; }
    @media only screen and (max-width: 1080px) {
      #parents #content-module2 .module-slides .cycle-slideshow {
        width: 220px;
        margin: 28px 0 0 245px;
        left: 0; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #parents #content-module2 .module-slides .cycle-slideshow {
      left: 12.5%; } }

    @media only screen and (max-width: 767px) {
      #parents #content-module2 .module-slides .cycle-slideshow {
        width: 178px;
        margin: 28px 0 0 76px;
        left: 0; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    #parents #content-module2 .module-slides .cycle-slideshow {
      left: 21.75%; } }

  #parents #content-module2 .module-slides img {
    height: auto;
    width: 100%; }
#parents #content-module3 {
  background-color: #25282a; }
  @media only screen and (max-width: 1080px) {
    #parents #content-module3 {
      color: white; } }
  #parents #content-module3 .bg-pic {
    background-image: url(images/parents-global-bg.jpg);
    background-position: right center;
    background-size: cover; }
    @media only screen and (max-width: 1080px) {
      #parents #content-module3 .bg-pic {
        opacity: 0.5; } }

.apps-for-user {
  padding: 60px 0;
  position: relative; }
  .apps-for-user .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  .apps-for-user .editor {
    width: 65.5%;
    margin-left: 17%;
    text-align: center;
    color: white; }
  .apps-for-user .apps-list {
    padding: 1vw 0 3vw 0; }
    .apps-for-user .apps-list article {
      float: left;
      width: 20%;
      height: 20vw;
      border-radius: 6px;
      background-size: cover;
      background-position: center top;
      border: 2px solid rgba(255, 255, 255, 0.75); }
      @media only screen and (max-width: 767px) {
        .apps-for-user .apps-list article {
          width: 100%;
          float: none;
          height: 110px;
          background-position: center center; } }
      .apps-for-user .apps-list article:last-child {
        margin-right: 0; }
      .apps-for-user .apps-list article a {
        display: block;
        background-color: rgba(255, 255, 255, 0);
        transition: all ease 0.3s;
        height: 100%;
        text-align: center;
        position: relative; }
        .apps-for-user .apps-list article a:hover {
          background-color: rgba(255, 255, 255, 0.4); }
          .apps-for-user .apps-list article a:hover h1 {
            top: 0.5vw;
            margin-bottom: 15px;
            height: 4vw;
            background-size: auto 4vw; }
            @media only screen and (max-width: 1080px) {
              .apps-for-user .apps-list article a:hover h1 {
                top: 5vw;
                margin-bottom: 0;
                height: 8.5vw;
                background-size: auto 8.5vw; } }
          .apps-for-user .apps-list article a:hover blockquote {
            opacity: 1; }
            @media only screen and (max-width: 1080px) {
              .apps-for-user .apps-list article a:hover blockquote {
                opacity: 0; } }
          .apps-for-user .apps-list article a:hover .button-holder {
            opacity: 1; }
            @media only screen and (max-width: 1080px) {
              .apps-for-user .apps-list article a:hover .button-holder {
                opacity: 0; } }
      .apps-for-user .apps-list article h1 {
        height: 8.5vw;
        background-size: auto 8.5vw;
        background-position: center center;
        position: relative;
        transition: all ease 0.3s;
        top: 5vw; }
        @media only screen and (max-width: 767px) {
          .apps-for-user .apps-list article h1 {
            height: 80px;
            background-size: auto 80px;
            top: 12px; } }
        .apps-for-user .apps-list article h1 span {
          opacity: 0;
          visibility: hidden; }
      .apps-for-user .apps-list article blockquote {
        opacity: 0;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700;
        padding: 0 6%;
        transition: 0.3s all ease;
        line-height: 1.3em; }
      .apps-for-user .apps-list article .button-holder {
        position: absolute;
        width: 100%;
        bottom: 15px;
        left: 0;
        opacity: 0;
        transition: all ease 0.3s; }
        .apps-for-user .apps-list article .button-holder .button, .apps-for-user .apps-list article .button-holder #site-wrapper .nf-form-cont input[type="button"], #site-wrapper .nf-form-cont .apps-for-user .apps-list article .button-holder input[type="button"], .apps-for-user .apps-list article .button-holder .error404 .message-404 .links-404 li a, .error404 .message-404 .links-404 li .apps-for-user .apps-list article .button-holder a {
          padding: 7px 24px; }
        @media only screen and (max-width: 767px) {
          .apps-for-user .apps-list article .button-holder {
            display: none; } }

/* teachers */
#teachers .title-banner {
  background-color: #25282a;
  color: white;
  height: 420px; }
  @media only screen and (max-width: 1080px) {
    #teachers .title-banner {
      height: 200px; } }
  #teachers .title-banner .bg-pic1 {
    background-image: url(images/teachers-banner-bg.jpg);
    background-size: cover;
    background-position: center center;
    opacity: 0.5; }
  #teachers .title-banner .bg-pic2 {
    background-image: url(images/banner-teachers-teacher.svg);
    background-position: right 15% top;
    background-size: auto 125%; }
    @media only screen and (max-width: 1080px) {
      #teachers .title-banner .bg-pic2 {
        background-position: right 5% bottom;
        background-size: auto 75%; } }
@media only screen and (max-width: 1080px) {
  #teachers #content-module1 {
    height: auto;
    padding-top: 50px;
    padding-bottom: 30px; } }
#teachers #content-module1 .container {
  background-image: url(images/schools.png);
  background-position: right center;
  background-size: 48% auto; }
  @media only screen and (max-width: 1080px) {
    #teachers #content-module1 .container {
      background-position: center top;
      padding-top: 360px;
      background-size: 80% auto; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #teachers #content-module1 .container {
      background-size: 60% auto; } }

  @media only screen and (max-width: 767px) {
    #teachers #content-module1 .container {
      background-size: 90% auto;
      padding-top: 60%; } }
#teachers #content-module2 {
  height: 520px;
  background-image: url(images/teachers-laptop-bg.jpg);
  background-position: center center;
  background-size: cover; }
  @media only screen and (max-width: 1080px) {
    #teachers #content-module2 {
      padding-top: 30px;
      height: auto;
      padding-bottom: 20px; } }
  #teachers #content-module2 .module-slides {
    background-image: url(images/teachers-laptop.png);
    background-size: 100% auto;
    background-position: left top;
    height: 400px;
    float: left;
    width: 47%;
    margin-top: 20px; }
    @media only screen and (max-width: 1080px) {
      #teachers #content-module2 .module-slides {
        float: none;
        width: 60%;
        height: 260px;
        margin: 0 auto 20px; } }
  @media only screen and (max-width: 1080px) and (orientation: landscape) {
    #teachers #content-module2 .module-slides {
      width: 60%;
      height: 330px; } }

    @media only screen and (max-width: 767px) {
      #teachers #content-module2 .module-slides {
        width: 100%; } }
    #teachers #content-module2 .module-slides .cycle-slideshow {
      position: relative;
      top: 7%;
      width: 70%;
      left: 15%; }
      @media only screen and (max-width: 767px) {
        #teachers #content-module2 .module-slides .cycle-slideshow {
          top: 6%; } }
    #teachers #content-module2 .module-slides img {
      width: 100%;
      height: auto; }
#teachers #content-module3 {
  background-image: url(images/global.png);
  background-position: right bottom;
  background-size: 50% auto; }
  @media only screen and (max-width: 1080px) {
    #teachers #content-module3 {
      background-position: center bottom;
      padding-bottom: 180px; } }
  @media only screen and (max-width: 767px) {
    #teachers #content-module3 {
      padding-bottom: 80px; } }

/* schools */
#overview.page-template-user-landing .title-banner {
  background-color: #25282a;
  height: 420px;
  color: white; }
  @media only screen and (max-width: 1080px) {
    #overview.page-template-user-landing .title-banner {
      height: 200px; } }
  #overview.page-template-user-landing .title-banner .bg-pic1 {
    background-image: url(images/home-schools-bg.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 0.66; }
#overview.page-template-user-landing #content-module1 {
  height: auto; }
  @media only screen and (max-width: 1080px) {
    #overview.page-template-user-landing #content-module1 {
      padding-top: 40px; } }
  #overview.page-template-user-landing #content-module1 .container {
    background-image: url(images/Products_web2.jpg);
    background-position: right top;
    background-size: 48% auto; }
    @media only screen and (max-width: 1080px) {
      #overview.page-template-user-landing #content-module1 .container {
        background-position: center top;
        background-size: 80% auto;
        padding-top: 55%; } }
    @media only screen and (max-width: 767px) {
      #overview.page-template-user-landing #content-module1 .container {
        background-size: 90% auto;
        padding-top: 60%; } }
#overview.page-template-user-landing #content-module2 {
  height: auto; }

/* webinars upcoming module */
#upcoming-webinars-module {
  background-color: #f6be00;
  padding: 40px 0; }
  #upcoming-webinars-module h2 {
    text-align: center; }
  #upcoming-webinars-module article {
    float: left;
    width: 31.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 767px) {
      #upcoming-webinars-module article {
        float: none;
        width: 100%;
        margin: 0 0 15px; } }
    #upcoming-webinars-module article a {
      text-decoration: none;
      background-color: rgba(255, 255, 255, 0.75);
      border-radius: 6px;
      transition: all ease 0.3s;
      display: block;
      padding: 20px; }
      #upcoming-webinars-module article a:hover {
        background-color: white; }
    #upcoming-webinars-module article .featured-pic {
      position: relative;
      padding-bottom: 75%;
      background-size: cover; }
    #upcoming-webinars-module article .webinar-teaser {
      padding-top: 10px; }
      #upcoming-webinars-module article .webinar-teaser h3 {
        line-height: 1.2em;
        margin: 0;
        font-weight: 700; }
      #upcoming-webinars-module article .webinar-teaser .webinar-meta {
        margin: 0 0 5px 0; }
      #upcoming-webinars-module article .webinar-teaser .webinar-times {
        margin: 0; }
        #upcoming-webinars-module article .webinar-teaser .webinar-times li {
          display: inline-block;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: 600;
          margin-right: 4px;
          background-color: rgba(255, 255, 255, 0.85);
          border-radius: 6px;
          padding: 2px 6px; }
          @media only screen and (max-width: 767px) {
            #upcoming-webinars-module article .webinar-teaser .webinar-times li {
              display: block; } }
          #upcoming-webinars-module article .webinar-teaser .webinar-times li a {
            text-decoration: none; }
    #upcoming-webinars-module article:last-child {
      margin-right: 0; }

/* search results */
.search-results .blog-banner {
  padding-bottom: 0; }
.search-results .blog-banner-text h1 {
  padding-bottom: 0;
  line-height: normal; }
.search-results .blog-banner-text h2 {
  font-family: nimbus-sans-extended, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-weight: 700;
  line-height: 1.6em; }
  @media only screen and (max-width: 767px) {
    .search-results .blog-banner-text h2 {
      font-size: 18px;
      font-size: 1.8rem; } }
.search-results .blog-banner-text p.search-text {
  display: block !important; }
.search-results .category-tabs {
  display: none; }

/* register */
.page-template-register .title-banner {
  background-color: #864abb;
  color: white;
  height: 200px;
  display: block; }
  .page-template-register .title-banner .bg-pic {
    background-image: url(images/paw_pencil-bg.png);
    background-repeat: repeat;
    background-size: 20%;
    opacity: 0.2; }
  .page-template-register .title-banner .container {
    height: 100%;
    display: table; }
  .page-template-register .title-banner #register-cat {
    position: absolute;
    left: -3vw;
    bottom: -180px;
    height: 320px;
    width: auto; }
    @media only screen and (max-width: 1080px) {
      .page-template-register .title-banner #register-cat {
        bottom: -60px;
        height: 260px; } }
    @media only screen and (max-width: 767px) {
      .page-template-register .title-banner #register-cat {
        bottom: -64px;
        height: 160px;
        left: 50%;
        margin-left: -50px; } }
  .page-template-register .title-banner h1 {
    line-height: 1em; }
    @media only screen and (max-width: 767px) {
      .page-template-register .title-banner h1 {
        margin-top: -30px; } }
    .page-template-register .title-banner h1 span {
      font-size: 30px;
      font-size: 3rem; }
      @media only screen and (max-width: 767px) {
        .page-template-register .title-banner h1 span {
          font-size: 20px;
          font-size: 2rem; } }

#register-form {
  padding: 60px 0; }
  #register-form .editor {
    width: 48.5%;
    margin-left: 25.5%; }
    @media only screen and (max-width: 1080px) {
      #register-form .editor {
        width: 80%;
        margin-left: 10%; } }
    @media only screen and (max-width: 767px) {
      #register-form .editor {
        width: 100%;
        margin-left: 0; } }
    #register-form .editor p:last-of-type a {
      text-decoration: underline; }

#site-wrapper .nf-form-cont {
  background-color: rgba(134, 74, 187, 0.1);
  border-radius: 5px;
  padding: 40px;
  margin: 0 0 30px 0; }
  @media only screen and (max-width: 767px) {
    #site-wrapper .nf-form-cont {
      padding: 30px 15px; } }
  #site-wrapper .nf-form-cont .hidden {
    display: none; }
  #site-wrapper .nf-form-cont .nf-form-fields-required {
    padding-bottom: 20px;
    display: none; }
  #site-wrapper .nf-form-cont .nf-field-description {
    font-size: 16px;
    font-size: 1.6rem;
    padding-bottom: 5px; }
    #site-wrapper .nf-form-cont .nf-field-description b {
      font-weight: bold; }
  @media only screen and (max-width: 767px) {
    #site-wrapper .nf-form-cont .nf-field-label label {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media only screen and (max-width: 767px) {
    #site-wrapper .nf-form-cont .label-above .nf-field-label {
      margin-bottom: 5px; } }
  #site-wrapper .nf-form-cont .one-half {
    width: 100%;
    float: none;
    margin-left: 0; }
  @media only screen and (max-width: 767px) {
    #site-wrapper .nf-form-cont .three-col-list ul li {
      float: none;
      width: 100%; } }
  #site-wrapper .nf-form-cont select {
    height: 40px;
    font-family: 'muli', sans-serif;
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem; }
    @media only screen and (max-width: 767px) {
      #site-wrapper .nf-form-cont select {
        font-size: 16px;
        font-size: 1.6rem; } }
  #site-wrapper .nf-form-cont input[type="text"],
  #site-wrapper .nf-form-cont input[type="email"],
  #site-wrapper .nf-form-cont input[type="password"],
  #site-wrapper .nf-form-cont input[type="tel"] {
    height: 38px;
    font-family: 'muli', sans-serif;
    font-style: normal;
    font-size: 20px;
    font-size: 2rem; }
  #site-wrapper .nf-form-cont textarea {
    width: 100%;
    height: 180px; }
  #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
  #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.2em;
    font-weight: 500;
    margin-top: 0.2em; }
    @media only screen and (max-width: 767px) {
      #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
      #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1em;
        margin-left: 1.3em; } }
  @media only screen and (max-width: 767px) {
    #site-wrapper .nf-form-cont .label-right .nf-field-label {
      padding-left: 4%;
      line-height: 1.1em; } }
  #site-wrapper .nf-form-cont hr {
    border: 0;
    height: 1px;
    background: #864abb;
    margin: 0 0 1.5em 0; }
  #site-wrapper .nf-form-cont h3 {
    text-align: center;
    color: #864abb;
    margin-bottom: 30px; }
  #site-wrapper .nf-form-cont .studycat-captcha {
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      #site-wrapper .nf-form-cont .studycat-captcha {
        display: block; } }
  #site-wrapper .nf-form-cont .submit-container {
    padding-top: 1em;
    text-align: center; }
    #site-wrapper .nf-form-cont .submit-container input[type="button"] {
      display: inline-block;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 6; }
  #site-wrapper .nf-form-cont .ninja-forms-req-symbol {
    color: black; }

/* contact page */
#contact .editor h2 {
  margin-bottom: 30px; }
  @media only screen and (max-width: 1080px) {
    #contact .editor h2 {
      margin-bottom: 20px; } }
#contact .editor hr {
  height: 0;
  border: none;
  border-top: 3px dotted #449bef;
  background: none;
  padding: 0;
  margin: 2em 0; }

/* 404 */
.error404 .banner-404 {
  background-color: #fae5ba; }
.error404 .message-404 {
  width: 82.5%;
  margin-left: 8.5%;
  padding-top: 30px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .error404 .message-404 {
      width: 100%;
      margin: 0;
      padding-top: 20px; } }
  .error404 .message-404 h3 {
    margin: 0; }
  .error404 .message-404 .links-404 {
    margin: 0; }
    .error404 .message-404 .links-404 li {
      display: inline-block;
      padding: 0 5px; }
      @media only screen and (max-width: 767px) {
        .error404 .message-404 .links-404 li {
          padding: 0; } }
      .error404 .message-404 .links-404 li a {
        padding: 10px 20px 12px; }
        @media only screen and (max-width: 767px) {
          .error404 .message-404 .links-404 li a {
            padding: 8px 12px 10px; } }
  .error404 .message-404 .addtoany_content {
    display: none; }
.error404 .image-404 {
  height: 51.25vw;
  background-image: url(images/404.png);
  background-size: cover;
  background-position: center top; }

/* schools closed */
.page-template-school-closed .title-banner,
.page-template-school-closed-schoolink .title-banner,
.page-template-school-closed-lia .title-banner,
.page-template-school-closed-tsp .title-banner,
.page-template-school-closed-asiaparent .title-banner,
.page-template-school-closed-spotify .title-banner {
  background-color: black;
  color: white;
  display: block;
  display: table; }
  @media only screen and (max-width: 767px) {
    .page-template-school-closed .title-banner,
    .page-template-school-closed-schoolink .title-banner,
    .page-template-school-closed-lia .title-banner,
    .page-template-school-closed-tsp .title-banner,
    .page-template-school-closed-asiaparent .title-banner,
    .page-template-school-closed-spotify .title-banner {
      height: 300px; } }
  .page-template-school-closed .title-banner .bg-pic,
  .page-template-school-closed-schoolink .title-banner .bg-pic,
  .page-template-school-closed-lia .title-banner .bg-pic,
  .page-template-school-closed-tsp .title-banner .bg-pic,
  .page-template-school-closed-asiaparent .title-banner .bg-pic,
  .page-template-school-closed-spotify .title-banner .bg-pic {
    background-image: url(images/schools-closed2.jpg);
    opacity: 0.5;
    background-position: center top;
    background-size: cover; }
  .page-template-school-closed .title-banner .title-wrapper,
  .page-template-school-closed-schoolink .title-banner .title-wrapper,
  .page-template-school-closed-lia .title-banner .title-wrapper,
  .page-template-school-closed-tsp .title-banner .title-wrapper,
  .page-template-school-closed-asiaparent .title-banner .title-wrapper,
  .page-template-school-closed-spotify .title-banner .title-wrapper {
    padding: 0 10%; }
    @media only screen and (max-width: 767px) {
      .page-template-school-closed .title-banner .title-wrapper,
      .page-template-school-closed-schoolink .title-banner .title-wrapper,
      .page-template-school-closed-lia .title-banner .title-wrapper,
      .page-template-school-closed-tsp .title-banner .title-wrapper,
      .page-template-school-closed-asiaparent .title-banner .title-wrapper,
      .page-template-school-closed-spotify .title-banner .title-wrapper {
        padding: 0 5%; } }
    .page-template-school-closed .title-banner .title-wrapper .pre-heading,
    .page-template-school-closed-schoolink .title-banner .title-wrapper .pre-heading,
    .page-template-school-closed-lia .title-banner .title-wrapper .pre-heading,
    .page-template-school-closed-tsp .title-banner .title-wrapper .pre-heading,
    .page-template-school-closed-asiaparent .title-banner .title-wrapper .pre-heading,
    .page-template-school-closed-spotify .title-banner .title-wrapper .pre-heading {
      font-size: 32px;
      font-size: 3.2rem;
      margin: 0;
      font-weight: 800;
      text-align: center;
      color: #f6be00; }
      @media only screen and (max-width: 767px) {
        .page-template-school-closed .title-banner .title-wrapper .pre-heading,
        .page-template-school-closed-schoolink .title-banner .title-wrapper .pre-heading,
        .page-template-school-closed-lia .title-banner .title-wrapper .pre-heading,
        .page-template-school-closed-tsp .title-banner .title-wrapper .pre-heading,
        .page-template-school-closed-asiaparent .title-banner .title-wrapper .pre-heading,
        .page-template-school-closed-spotify .title-banner .title-wrapper .pre-heading {
          font-size: 28px;
          font-size: 2.8rem; } }
    .page-template-school-closed .title-banner .title-wrapper h1,
    .page-template-school-closed-schoolink .title-banner .title-wrapper h1,
    .page-template-school-closed-lia .title-banner .title-wrapper h1,
    .page-template-school-closed-tsp .title-banner .title-wrapper h1,
    .page-template-school-closed-asiaparent .title-banner .title-wrapper h1,
    .page-template-school-closed-spotify .title-banner .title-wrapper h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 1.4em; }
      @media only screen and (max-width: 1080px) {
        .page-template-school-closed .title-banner .title-wrapper h1,
        .page-template-school-closed-schoolink .title-banner .title-wrapper h1,
        .page-template-school-closed-lia .title-banner .title-wrapper h1,
        .page-template-school-closed-tsp .title-banner .title-wrapper h1,
        .page-template-school-closed-asiaparent .title-banner .title-wrapper h1,
        .page-template-school-closed-spotify .title-banner .title-wrapper h1 {
          font-size: 36px;
          font-size: 3.6rem; } }
      @media only screen and (max-width: 767px) {
        .page-template-school-closed .title-banner .title-wrapper h1,
        .page-template-school-closed-schoolink .title-banner .title-wrapper h1,
        .page-template-school-closed-lia .title-banner .title-wrapper h1,
        .page-template-school-closed-tsp .title-banner .title-wrapper h1,
        .page-template-school-closed-asiaparent .title-banner .title-wrapper h1,
        .page-template-school-closed-spotify .title-banner .title-wrapper h1 {
          font-size: 28px;
          font-size: 2.8rem; } }
.page-template-school-closed .sub-heading,
.page-template-school-closed-schoolink .sub-heading,
.page-template-school-closed-lia .sub-heading,
.page-template-school-closed-tsp .sub-heading,
.page-template-school-closed-asiaparent .sub-heading,
.page-template-school-closed-spotify .sub-heading {
  background-color: #f6be00;
  padding: 40px 0; }
  .page-template-school-closed .sub-heading h2,
  .page-template-school-closed-schoolink .sub-heading h2,
  .page-template-school-closed-lia .sub-heading h2,
  .page-template-school-closed-tsp .sub-heading h2,
  .page-template-school-closed-asiaparent .sub-heading h2,
  .page-template-school-closed-spotify .sub-heading h2 {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6em;
    margin: 0;
    font-weight: 700;
    margin: 0 auto;
    width: 82.5%; }
    @media only screen and (max-width: 767px) {
      .page-template-school-closed .sub-heading h2,
      .page-template-school-closed-schoolink .sub-heading h2,
      .page-template-school-closed-lia .sub-heading h2,
      .page-template-school-closed-tsp .sub-heading h2,
      .page-template-school-closed-asiaparent .sub-heading h2,
      .page-template-school-closed-spotify .sub-heading h2 {
        font-size: 20px;
        font-size: 2rem;
        width: 100%; } }
    .page-template-school-closed .sub-heading h2 sup,
    .page-template-school-closed-schoolink .sub-heading h2 sup,
    .page-template-school-closed-lia .sub-heading h2 sup,
    .page-template-school-closed-tsp .sub-heading h2 sup,
    .page-template-school-closed-asiaparent .sub-heading h2 sup,
    .page-template-school-closed-spotify .sub-heading h2 sup {
      font-size: 13px;
      font-size: 1.3rem;
      vertical-align: baseline;
      position: relative;
      top: -0.75em;
      font-weight: normal; }
  .page-template-school-closed .sub-heading .apps-list,
  .page-template-school-closed-schoolink .sub-heading .apps-list,
  .page-template-school-closed-lia .sub-heading .apps-list,
  .page-template-school-closed-tsp .sub-heading .apps-list,
  .page-template-school-closed-asiaparent .sub-heading .apps-list,
  .page-template-school-closed-spotify .sub-heading .apps-list {
    padding: 20px 0 0; }
    .page-template-school-closed .sub-heading .apps-list span,
    .page-template-school-closed-schoolink .sub-heading .apps-list span,
    .page-template-school-closed-lia .sub-heading .apps-list span,
    .page-template-school-closed-tsp .sub-heading .apps-list span,
    .page-template-school-closed-asiaparent .sub-heading .apps-list span,
    .page-template-school-closed-spotify .sub-heading .apps-list span {
      display: block;
      float: left;
      width: 20%;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .page-template-school-closed .sub-heading .apps-list span,
        .page-template-school-closed-schoolink .sub-heading .apps-list span,
        .page-template-school-closed-lia .sub-heading .apps-list span,
        .page-template-school-closed-tsp .sub-heading .apps-list span,
        .page-template-school-closed-asiaparent .sub-heading .apps-list span,
        .page-template-school-closed-spotify .sub-heading .apps-list span {
          width: 33.33%; }
          .page-template-school-closed .sub-heading .apps-list span:nth-child(1), .page-template-school-closed .sub-heading .apps-list span:nth-child(2),
          .page-template-school-closed-schoolink .sub-heading .apps-list span:nth-child(1),
          .page-template-school-closed-schoolink .sub-heading .apps-list span:nth-child(2),
          .page-template-school-closed-lia .sub-heading .apps-list span:nth-child(1),
          .page-template-school-closed-lia .sub-heading .apps-list span:nth-child(2),
          .page-template-school-closed-tsp .sub-heading .apps-list span:nth-child(1),
          .page-template-school-closed-tsp .sub-heading .apps-list span:nth-child(2),
          .page-template-school-closed-asiaparent .sub-heading .apps-list span:nth-child(1),
          .page-template-school-closed-asiaparent .sub-heading .apps-list span:nth-child(2),
          .page-template-school-closed-spotify .sub-heading .apps-list span:nth-child(1),
          .page-template-school-closed-spotify .sub-heading .apps-list span:nth-child(2) {
            width: 50%;
            margin: 0 0 20px; } }
    .page-template-school-closed .sub-heading .apps-list img,
    .page-template-school-closed-schoolink .sub-heading .apps-list img,
    .page-template-school-closed-lia .sub-heading .apps-list img,
    .page-template-school-closed-tsp .sub-heading .apps-list img,
    .page-template-school-closed-asiaparent .sub-heading .apps-list img,
    .page-template-school-closed-spotify .sub-heading .apps-list img {
      width: 80%;
      height: auto; }
.page-template-school-closed .page-content,
.page-template-school-closed-schoolink .page-content,
.page-template-school-closed-lia .page-content,
.page-template-school-closed-tsp .page-content,
.page-template-school-closed-asiaparent .page-content,
.page-template-school-closed-spotify .page-content {
  padding-top: 40px; }
  .page-template-school-closed .page-content .editor h2:first-child,
  .page-template-school-closed-schoolink .page-content .editor h2:first-child,
  .page-template-school-closed-lia .page-content .editor h2:first-child,
  .page-template-school-closed-tsp .page-content .editor h2:first-child,
  .page-template-school-closed-asiaparent .page-content .editor h2:first-child,
  .page-template-school-closed-spotify .page-content .editor h2:first-child {
    margin-bottom: 40px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .page-template-school-closed .page-content .editor h2:first-child,
      .page-template-school-closed-schoolink .page-content .editor h2:first-child,
      .page-template-school-closed-lia .page-content .editor h2:first-child,
      .page-template-school-closed-tsp .page-content .editor h2:first-child,
      .page-template-school-closed-asiaparent .page-content .editor h2:first-child,
      .page-template-school-closed-spotify .page-content .editor h2:first-child {
        font-size: 24px;
        font-size: 2.4rem; } }
  @media only screen and (max-width: 767px) {
    .page-template-school-closed .page-content .editor img,
    .page-template-school-closed-schoolink .page-content .editor img,
    .page-template-school-closed-lia .page-content .editor img,
    .page-template-school-closed-tsp .page-content .editor img,
    .page-template-school-closed-asiaparent .page-content .editor img,
    .page-template-school-closed-spotify .page-content .editor img {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .page-template-school-closed .page-content .editor p:last-of-type,
    .page-template-school-closed-schoolink .page-content .editor p:last-of-type,
    .page-template-school-closed-lia .page-content .editor p:last-of-type,
    .page-template-school-closed-tsp .page-content .editor p:last-of-type,
    .page-template-school-closed-asiaparent .page-content .editor p:last-of-type,
    .page-template-school-closed-spotify .page-content .editor p:last-of-type {
      display: none; } }
.page-template-school-closed #site-wrapper .nf-form-cont .nf-field-label label,
.page-template-school-closed-schoolink #site-wrapper .nf-form-cont .nf-field-label label,
.page-template-school-closed-lia #site-wrapper .nf-form-cont .nf-field-label label,
.page-template-school-closed-tsp #site-wrapper .nf-form-cont .nf-field-label label,
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .nf-field-label label,
.page-template-school-closed-spotify #site-wrapper .nf-form-cont .nf-field-label label {
  line-height: 1.3em; }
.page-template-school-closed #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
.page-template-school-closed #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
.page-template-school-closed-schoolink #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
.page-template-school-closed-schoolink #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
.page-template-school-closed-lia #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
.page-template-school-closed-lia #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
.page-template-school-closed-tsp #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
.page-template-school-closed-tsp #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
.page-template-school-closed-spotify #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
.page-template-school-closed-spotify #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label {
  font-weight: 400; }
  @media only screen and (max-width: 767px) {
    .page-template-school-closed #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
    .page-template-school-closed #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
    .page-template-school-closed-schoolink #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
    .page-template-school-closed-schoolink #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
    .page-template-school-closed-lia #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
    .page-template-school-closed-lia #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
    .page-template-school-closed-tsp #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
    .page-template-school-closed-tsp #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
    .page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
    .page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label,
    .page-template-school-closed-spotify #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li label,
    .page-template-school-closed-spotify #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li label {
      line-height: 1.6em; } }
.page-template-school-closed #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li input,
.page-template-school-closed #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-schoolink #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li input,
.page-template-school-closed-schoolink #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-lia #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li input,
.page-template-school-closed-lia #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-tsp #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li input,
.page-template-school-closed-tsp #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li input,
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-spotify #site-wrapper .nf-form-cont .list-radio-wrap .nf-field-element li input,
.page-template-school-closed-spotify #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input {
  margin-top: 1em; }
.page-template-school-closed #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-schoolink #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-lia #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-tsp #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.page-template-school-closed-spotify #site-wrapper .nf-form-cont .list-checkbox-wrap .nf-field-element li input {
  margin-top: 1em; }
.page-template-school-closed #site-wrapper .nf-form-cont .privacy-message p,
.page-template-school-closed-schoolink #site-wrapper .nf-form-cont .privacy-message p,
.page-template-school-closed-lia #site-wrapper .nf-form-cont .privacy-message p,
.page-template-school-closed-tsp #site-wrapper .nf-form-cont .privacy-message p,
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .privacy-message p,
.page-template-school-closed-spotify #site-wrapper .nf-form-cont .privacy-message p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .page-template-school-closed #site-wrapper .nf-form-cont .privacy-message p,
    .page-template-school-closed-schoolink #site-wrapper .nf-form-cont .privacy-message p,
    .page-template-school-closed-lia #site-wrapper .nf-form-cont .privacy-message p,
    .page-template-school-closed-tsp #site-wrapper .nf-form-cont .privacy-message p,
    .page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .privacy-message p,
    .page-template-school-closed-spotify #site-wrapper .nf-form-cont .privacy-message p {
      font-size: 13px;
      font-size: 1.3rem; } }
.page-template-school-closed #site-wrapper .nf-form-cont .submit-container,
.page-template-school-closed-schoolink #site-wrapper .nf-form-cont .submit-container,
.page-template-school-closed-lia #site-wrapper .nf-form-cont .submit-container,
.page-template-school-closed-tsp #site-wrapper .nf-form-cont .submit-container,
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .submit-container,
.page-template-school-closed-spotify #site-wrapper .nf-form-cont .submit-container {
  padding-top: 0; }
  @media only screen and (max-width: 1080px) {
    .page-template-school-closed #site-wrapper .nf-form-cont .submit-container input[type="button"],
    .page-template-school-closed-schoolink #site-wrapper .nf-form-cont .submit-container input[type="button"],
    .page-template-school-closed-lia #site-wrapper .nf-form-cont .submit-container input[type="button"],
    .page-template-school-closed-tsp #site-wrapper .nf-form-cont .submit-container input[type="button"],
    .page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .submit-container input[type="button"],
    .page-template-school-closed-spotify #site-wrapper .nf-form-cont .submit-container input[type="button"] {
      width: 100%; } }

#schools-closed-feedback-survey .page-content {
  width: 100%;
  margin-left: 0; }

/* schools closed - sponsor campaigns */
.page-template-school-closed-schoolink .title-wrapper .date-range,
.page-template-school-closed-lia .title-wrapper .date-range,
.page-template-school-closed-tsp .title-wrapper .date-range {
  text-align: center;
  font-weight: 800;
  font-size: 24px;
  font-size: 2.4rem;
  padding-top: 1em; }
  @media only screen and (max-width: 767px) {
    .page-template-school-closed-schoolink .title-wrapper .date-range,
    .page-template-school-closed-lia .title-wrapper .date-range,
    .page-template-school-closed-tsp .title-wrapper .date-range {
      font-size: 20px;
      font-size: 2rem; } }
.page-template-school-closed-schoolink .sub-heading .ll-logo,
.page-template-school-closed-lia .sub-heading .ll-logo,
.page-template-school-closed-tsp .sub-heading .ll-logo {
  display: block;
  margin: 0 auto 20px;
  width: 200px; }
.page-template-school-closed-schoolink .sub-heading .lia-logo,
.page-template-school-closed-lia .sub-heading .lia-logo,
.page-template-school-closed-tsp .sub-heading .lia-logo {
  display: block;
  margin: 0 auto 20px;
  width: 150px; }
.page-template-school-closed-schoolink .sub-heading .apps-list,
.page-template-school-closed-lia .sub-heading .apps-list,
.page-template-school-closed-tsp .sub-heading .apps-list {
  padding: 20px 0 0; }
  .page-template-school-closed-schoolink .sub-heading .apps-list span,
  .page-template-school-closed-lia .sub-heading .apps-list span,
  .page-template-school-closed-tsp .sub-heading .apps-list span {
    display: block;
    margin: 0 auto;
    width: 300px;
    text-align: center;
    float: none; }
    @media only screen and (max-width: 767px) {
      .page-template-school-closed-schoolink .sub-heading .apps-list span,
      .page-template-school-closed-lia .sub-heading .apps-list span,
      .page-template-school-closed-tsp .sub-heading .apps-list span {
        width: 33.33%; }
        .page-template-school-closed-schoolink .sub-heading .apps-list span:nth-child(1), .page-template-school-closed-schoolink .sub-heading .apps-list span:nth-child(2),
        .page-template-school-closed-lia .sub-heading .apps-list span:nth-child(1),
        .page-template-school-closed-lia .sub-heading .apps-list span:nth-child(2),
        .page-template-school-closed-tsp .sub-heading .apps-list span:nth-child(1),
        .page-template-school-closed-tsp .sub-heading .apps-list span:nth-child(2) {
          width: 75%;
          margin: 0 auto 20px; } }
  .page-template-school-closed-schoolink .sub-heading .apps-list img,
  .page-template-school-closed-lia .sub-heading .apps-list img,
  .page-template-school-closed-tsp .sub-heading .apps-list img {
    width: 80%;
    height: auto; }

/* school-link */
.page-template-school-closed-schoolink #site-header #header-account {
  display: none; }
@media only screen and (max-width: 1080px) {
  .page-template-school-closed-schoolink #site-header #cart-icon,
  .page-template-school-closed-schoolink #site-header #menu-icon {
    display: none; } }
@media only screen and (max-width: 767px) {
  .page-template-school-closed-schoolink #site-header #language-icon {
    display: none; } }
.page-template-school-closed-schoolink #site-header > .container::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 300px;
  height: 80px;
  background-image: url(images/logo-language-link.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain; }
  @media only screen and (max-width: 767px) {
    .page-template-school-closed-schoolink #site-header > .container::after {
      top: 8px;
      width: 200px;
      height: 44px; } }
.page-template-school-closed-schoolink #site-header > .container #language-switcher {
  display: none; }
@media only screen and (max-width: 767px) {
  .page-template-school-closed-schoolink .page-content {
    width: 100%; } }
.page-template-school-closed-schoolink .donation-content {
  background-color: #f6be00;
  padding: 40px 0; }
  .page-template-school-closed-schoolink .donation-content .sub-heading {
    padding: 0;
    background: transparent;
    float: left;
    width: 48.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-school-closed-schoolink .donation-content .sub-heading {
        float: none;
        margin: 0 0 30px;
        width: 100%; } }
    .page-template-school-closed-schoolink .donation-content .sub-heading .apps-list {
      padding-top: 0;
      margin-top: -10px; }
    .page-template-school-closed-schoolink .donation-content .sub-heading h2 {
      text-align: left;
      width: 100%;
      font-size: 22px;
      font-size: 2.2rem; }
      @media only screen and (max-width: 1080px) {
        .page-template-school-closed-schoolink .donation-content .sub-heading h2 {
          text-align: center; } }
      @media only screen and (max-width: 767px) {
        .page-template-school-closed-schoolink .donation-content .sub-heading h2 {
          font-size: 18px;
          font-size: 1.8rem; } }
  .page-template-school-closed-schoolink .donation-content .video-container {
    float: left;
    width: 48.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-school-closed-schoolink .donation-content .video-container {
        float: none;
        width: 100%; } }
    .page-template-school-closed-schoolink .donation-content .video-container video {
      width: 100%;
      height: auto;
      border-radius: 12px;
      box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.33); }
@media only screen and (max-width: 767px) {
  .page-template-school-closed-schoolink #site-wrapper .nf-form-cont .submit-container input[type="button"] {
    font-size: 14px;
    font-size: 1.4rem; } }

/* spotify */
.page-template-school-closed-spotify #site-header #header-account {
  display: none; }
@media only screen and (max-width: 1080px) {
  .page-template-school-closed-spotify #site-header #cart-icon,
  .page-template-school-closed-spotify #site-header #menu-icon {
    display: none; }
  .page-template-school-closed-spotify #site-header #language-icon {
    display: none; }
  .page-template-school-closed-spotify #site-header #language-switcher {
    display: none; } }
.page-template-school-closed-spotify #site-header > .container #main-nav {
  display: none; }
.page-template-school-closed-spotify #site-header > .container::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 280px;
  height: 80px;
  background-image: url(images/logo-spotify.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain; }
  @media only screen and (max-width: 767px) {
    .page-template-school-closed-spotify #site-header > .container::after {
      top: 10px;
      width: 100px;
      height: 42px; } }
@media only screen and (max-width: 767px) {
  .page-template-school-closed-spotify .page-content {
    width: 100%; } }
.page-template-school-closed-spotify .donation-content {
  background-color: #f6be00;
  padding: 40px 0; }
  .page-template-school-closed-spotify .donation-content .sub-heading {
    padding: 0;
    background: transparent;
    float: left;
    width: 48.5%;
    margin-right: 2.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-school-closed-spotify .donation-content .sub-heading {
        float: none;
        margin: 0 0 30px;
        width: 100%; } }
    .page-template-school-closed-spotify .donation-content .sub-heading .apps-list {
      padding-top: 20px; }
      .page-template-school-closed-spotify .donation-content .sub-heading .apps-list span {
        display: block;
        float: left;
        width: 33.33%;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .page-template-school-closed-spotify .donation-content .sub-heading .apps-list span {
            width: 33.33%; }
            .page-template-school-closed-spotify .donation-content .sub-heading .apps-list span:nth-child(1), .page-template-school-closed-spotify .donation-content .sub-heading .apps-list span:nth-child(2) {
              width: 50%;
              margin: 0 0 20px; } }
      .page-template-school-closed-spotify .donation-content .sub-heading .apps-list img {
        width: 80%;
        height: auto; }
    .page-template-school-closed-spotify .donation-content .sub-heading h2 {
      text-align: left;
      width: 100%;
      font-size: 22px;
      font-size: 2.2rem; }
      @media only screen and (max-width: 1080px) {
        .page-template-school-closed-spotify .donation-content .sub-heading h2 {
          text-align: center; } }
      @media only screen and (max-width: 767px) {
        .page-template-school-closed-spotify .donation-content .sub-heading h2 {
          font-size: 18px;
          font-size: 1.8rem; } }
  .page-template-school-closed-spotify .donation-content .video-container {
    float: left;
    width: 48.5%; }
    @media only screen and (max-width: 1080px) {
      .page-template-school-closed-spotify .donation-content .video-container {
        float: none;
        width: 100%; } }
    .page-template-school-closed-spotify .donation-content .video-container video {
      width: 100%;
      height: auto;
      border-radius: 12px;
      box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.33); }
@media only screen and (max-width: 767px) {
  .page-template-school-closed-spotify #site-wrapper .nf-form-cont .submit-container input[type="button"] {
    font-size: 14px;
    font-size: 1.4rem; } }

/* theAsiaParent */
.page-template-school-closed-asiaparent .title-banner .title-wrapper .pre-heading {
  color: #51bbd3; }
.page-template-school-closed-asiaparent .sub-heading {
  background: white; }
  .page-template-school-closed-asiaparent .sub-heading .editor {
    text-align: center; }
  .page-template-school-closed-asiaparent .sub-heading .partnership {
    margin: 0 0 15px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700; }
    @media only screen and (max-width: 767px) {
      .page-template-school-closed-asiaparent .sub-heading .partnership {
        font-size: 20px;
        font-size: 2rem; } }
  .page-template-school-closed-asiaparent .sub-heading .ap-logo {
    width: 400px;
    height: auto;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .page-template-school-closed-asiaparent .sub-heading .ap-logo {
        width: 300px; } }
.page-template-school-closed-asiaparent #main-content {
  background-color: #bae3ed; }
.page-template-school-closed-asiaparent #site-wrapper .nf-form-cont {
  background-color: white; }
  .page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .submit-container input[type="button"] {
    color: white;
    background-color: #eb4547; }
    .page-template-school-closed-asiaparent #site-wrapper .nf-form-cont .submit-container input[type="button"]:hover {
      background-color: #51bbd3; }

#sourcenext .title-banner,
.page-template-page-parentingTW .title-banner {
  height: auto;
  padding: 20px 0;
  color: #25282a; }
  #sourcenext .title-banner .title-wrapper,
  .page-template-page-parentingTW .title-banner .title-wrapper {
    text-align: center; }
    #sourcenext .title-banner .title-wrapper h1,
    .page-template-page-parentingTW .title-banner .title-wrapper h1 {
      padding-bottom: 10px; }
      #sourcenext .title-banner .title-wrapper h1 img,
      .page-template-page-parentingTW .title-banner .title-wrapper h1 img {
        width: 320px;
        height: auto;
        display: block;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          #sourcenext .title-banner .title-wrapper h1 img,
          .page-template-page-parentingTW .title-banner .title-wrapper h1 img {
            width: 240px; } }
    #sourcenext .title-banner .title-wrapper h2 span,
    .page-template-page-parentingTW .title-banner .title-wrapper h2 span {
      vertical-align: middle;
      font-weight: 700;
      padding-right: 10px;
      font-size: 18px;
      font-size: 1.8rem; }
      @media only screen and (max-width: 767px) {
        #sourcenext .title-banner .title-wrapper h2 span,
        .page-template-page-parentingTW .title-banner .title-wrapper h2 span {
          font-size: 16px;
          font-size: 1.6rem;
          padding-right: 5px; } }
    #sourcenext .title-banner .title-wrapper h2 img,
    .page-template-page-parentingTW .title-banner .title-wrapper h2 img {
      vertical-align: middle;
      width: 200px;
      height: auto; }
      @media only screen and (max-width: 767px) {
        #sourcenext .title-banner .title-wrapper h2 img,
        .page-template-page-parentingTW .title-banner .title-wrapper h2 img {
          width: 180px; } }
#sourcenext .page-content,
.page-template-page-parentingTW .page-content {
  padding: 40px 0 60px; }
#sourcenext p.sourcenext-app-links img,
.page-template-page-parentingTW p.sourcenext-app-links img {
  width: 200px;
  height: auto;
  vertical-align: middle; }

.page-template-page-redemption .title-banner {
  height: auto;
  padding: 30vw 0 0 0;
  background-image: url(images/xmas-worksheet-banner-zh-hant.jpg);
  background-size: contain;
  color: #25282a; }
  .page-template-page-redemption .title-banner .title-wrapper {
    text-align: center; }
    .page-template-page-redemption .title-banner .title-wrapper h1 img {
      width: 260px;
      height: auto;
      display: block;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .page-template-page-redemption .title-banner .title-wrapper h1 img {
          width: 240px; } }
    .page-template-page-redemption .title-banner .title-wrapper h2 span {
      vertical-align: middle;
      font-weight: 700;
      padding-right: 10px;
      font-size: 18px;
      font-size: 1.8rem; }
      @media only screen and (max-width: 767px) {
        .page-template-page-redemption .title-banner .title-wrapper h2 span {
          font-size: 16px;
          font-size: 1.6rem;
          padding-right: 5px; } }
    .page-template-page-redemption .title-banner .title-wrapper h2 img {
      vertical-align: middle;
      width: 200px;
      height: auto; }
      @media only screen and (max-width: 767px) {
        .page-template-page-redemption .title-banner .title-wrapper h2 img {
          width: 180px; } }
.page-template-page-redemption .page-content {
  padding: 20px 0 60px; }