/* Back up your CSS on github https://github.com/liamcreative/owl-free-page if working on UAT add your code to the staging branch */
/* line 1, scss/_legacy.scss */
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  color: #333;
}

/* line 9, scss/_legacy.scss */
a:link, a:hover, a:focus {
  text-decoration: none;
}

/* line 13, scss/_legacy.scss */
section#main {
  max-width: 1024px;
  position: relative;
}

/**
 * =============================================================================
 * Global Masthead
 * =============================================================================
 *
 * This file deals with:
 *  * navigation styles (primary, secondary and tertiary levels)
 */
/* line 27, scss/_legacy.scss */
#global-masthead {
  z-index: 100;
  width: 100%;
  height: 48px;
  font-family: source-sans-pro, sans-serif;
}

/* line 34, scss/_legacy.scss */
.masthead-row {
  min-height: 48px;
  position: relative;
  line-height: 24px;
}

/* line 40, scss/_legacy.scss */
#global-masthead a {
  border: 0;
}

/* line 44, scss/_legacy.scss */
#global-masthead .container {
  position: relative;
  z-index: 3;
}

/* line 49, scss/_legacy.scss */
#masthead-top {
  background: #64686c;
  z-index: 20;
  /*padding-left: 10px;*/
}

/* line 55, scss/_legacy.scss */
#masthead-inner {
  margin: auto;
  width: 720px;
}

@media (min-width: 1280px) {
  /* line 61, scss/_legacy.scss */
  #masthead-inner {
    width: 1024px;
  }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  /* line 67, scss/_legacy.scss */
  #masthead-inner {
    width: 960px;
  }
}
/* line 73, scss/_legacy.scss */
#masthead-bottom {
  background: #dfe0e1;
  z-index: 1;
}

/* line 78, scss/_legacy.scss */
#masthead-top h1 {
  float: left;
  margin: 0 0 0 10px;
  display: inline-block;
  width: 152px;
  height: 48px;
  text-indent: -9999px;
  background: url("/assets/images/gel/owl-school-logo.svg") no-repeat left top;
}

/* line 88, scss/_legacy.scss */
.masthead-row > .container > ul {
  margin: 0 10px;
}

/* line 92, scss/_legacy.scss */
.masthead-row .dropdown-menu {
  min-height: 48px;
}

/* line 96, scss/_legacy.scss */
#member-nav, .profile-menu {
  float: right;
  margin-right: 10px;
}

/* line 101, scss/_legacy.scss */
.masthead-row a.logout-link {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  float: right;
  height: 36px;
  margin-right: 10px;
  padding: 12px 20px 0px 20px;
}

/* line 112, scss/_legacy.scss */
#member-nav.logged-out a {
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  padding: 12px 20px;
}

/* line 120, scss/_legacy.scss */
#member-nav.logged-out a.class-login-link {
  margin-top: 7px;
  margin-right: 30px;
  padding: 0px;
  background-image: url("/assets/images/gel/my_class_login.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  width: 197px;
  height: 34px;
}

/* line 132, scss/_legacy.scss */
#member-nav.logged-out a.class-login-link:hover, #member-nav.logged-out a.class-login-link:active, #member-nav.logged-out a.class-login-link:focus {
  background-image: url("/assets/images/gel/my_class_login.svg");
  background-position: 0 -34px;
  background-color: transparent;
}

/* line 138, scss/_legacy.scss */
a.login-link.login, a.logout-link {
  background-color: #4c4f53;
}

/* line 142, scss/_legacy.scss */
a.login-link.login:hover, a.logout-link:hover {
  background-color: #cf1c6d;
}

/* line 146, scss/_legacy.scss */
a#title-bar-home-icon {
  margin: 7px 0px 0px 20px;
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url("/assets/images/gel/home-icon.svg");
  background-color: transparent;
}

/* line 155, scss/_legacy.scss */
a#title-bar-home-icon:hover, a#title-bar-home-icon:active {
  background-image: url("/assets/images/gel/home-icon-hover.svg");
}

/* line 159, scss/_legacy.scss */
#masthead-top li.menu-item h2.default-help-link {
  background-image: none;
  padding: 0px;
}

/* line 164, scss/_legacy.scss */
#masthead-top li.menu-item h2.default-help-link a {
  color: #fff;
  display: inline-block;
  padding: 4px 20px;
}

/*==================================*/
/****** FOR_HOME HEADER DIFFS *******/
/*==================================*/
/* line 176, scss/_legacy.scss */
#masthead-top.for_home h1 {
  margin-left: 20px;
  background: url("/assets/images/gel/owl-home-logo.svg") no-repeat left top;
}

/* line 181, scss/_legacy.scss */
.masthead-row.for_home a.logout-link {
  margin-right: 0px;
}

/* line 185, scss/_legacy.scss */
#member-nav.for_home, .profile-menu.for_home {
  margin-right: 0px;
}

/* line 189, scss/_legacy.scss */
#masthead-top.for_home a.logout-link:hover, #masthead-top.for_home .default-help-link a:hover, #member-nav.for_home.logged-out a:hover {
  background-color: #cf1c6d;
}

/* line 193, scss/_legacy.scss */
#member-nav.for_home.logged-out a.class-login-link:hover {
  background-color: transparent;
}

/* line 197, scss/_legacy.scss */
#masthead-top .no_options {
  background-image: none;
}

/********************
 * LOGIN FORM
 ********************
*/
/* line 206, scss/_legacy.scss */
#login-frame {
  display: none;
}

/* line 210, scss/_legacy.scss */
section#login-form {
  position: absolute;
  top: 48px;
  right: 0;
  display: none;
  z-index: 980;
  width: 308px;
  font-family: myriad-pro, sans-serif;
}

/* line 220, scss/_legacy.scss */
#class_login_holder {
  display: none;
}

/* line 224, scss/_legacy.scss */
section#login-form .login-title {
  width: 277px;
  height: 26px;
  padding: 15px 0 8px 31px;
  color: white;
  background-color: #64686c;
}

/* line 232, scss/_legacy.scss */
#login-content-inner .new_user p {
  padding: 5px 0px;
}

/* line 236, scss/_legacy.scss */
.login-content #eacLoginMessage {
  display: none;
}

/* line 240, scss/_legacy.scss */
.login-content p {
  padding: 10px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 246, scss/_legacy.scss */
#login-form a {
  border-bottom: none;
}

/* line 250, scss/_legacy.scss */
section#login-form .login-close {
  width: 28px;
  height: 28px;
  position: absolute;
  background: transparent url("/assets/images/gel/login-close.png");
  right: 10px;
  top: 11px;
  cursor: pointer;
}

/* line 260, scss/_legacy.scss */
section#login-form .login-title h1 {
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  color: white;
  margin-top: 0px;
}

/* line 267, scss/_legacy.scss */
section#login-form .login-content {
  background: #dfe0e1;
  padding: 22px 28px 13px 31px;
  width: 249px;
  color: #595959;
  font-size: 16px;
  position: absolute;
  z-index: 101;
  border-bottom-left-radius: 30px;
}

/* line 277, scss/_legacy.scss */
section#login-form .login-content .error {
  color: #D63575;
}

/* line 281, scss/_legacy.scss */
section#login-form .login-content input[type="text"],
section#login-form .login-content input[type="password"] {
  border-radius: 20px;
  border: 2px solid #C6E7EB;
  font-size: 16px;
  padding: 10px;
  width: 220px;
}

/* line 289, scss/_legacy.scss */
.login-content input[type="checkbox"] {
  display: none;
}

/* line 292, scss/_legacy.scss */
.login-content input[type="checkbox"] + label span {
  display: inline-block;
  width: 29px;
  height: 28px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
}

/* line 300, scss/_legacy.scss */
.login-content a {
  color: #595959;
  text-decoration: underline;
}

/* line 305, scss/_legacy.scss */
.login-content ul {
  margin: 5px 0 20px 0;
}

/* line 308, scss/_legacy.scss */
.login-content li {
  list-style-type: none;
  margin-bottom: 8px;
}

/* line 313, scss/_legacy.scss */
section#login-form .login-content input[type="submit"] {
  background-color: #CEDA24;
  padding: 5px 17px;
  border: 2px solid white;
  border-radius: 10px;
  float: right;
  font-size: 18px;
  box-shadow: 0 0 5px #888;
  font-weight: 700;
}

/* line 324, scss/_legacy.scss */
section#login-form .login-content input[type="submit"]:hover {
  background-color: #EDF50A;
}

/* ============================================
 * OWL REGISTER POP-UP
 * ==========================================*/
/* line 334, scss/_legacy.scss */
#owl-register {
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  width: 840px;
  margin: -300px 0 0 -420px;
}

/* line 343, scss/_legacy.scss */
#owl-register-inner {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  height: 540px;
}

/* line 350, scss/_legacy.scss */
#owl-register a.close-button {
  border: 4px solid #fff;
  border-radius: 20px;
}

/**
 * =============================================================================
 * Menus
 * =============================================================================
 *
 * This file deals with:
 *  * primary, secondary, tertiary navigation styles
 *  * navigation lists (buttons stacked ontop of eachother) as used in the login menu
 */
/* line 366, scss/_legacy.scss */
.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 372, scss/_legacy.scss */
.menu-item {
  display: block;
}

/* line 376, scss/_legacy.scss */
.menu-item > a {
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 0 10px;
  text-decoration: none;
  color: #1e1e1e;
  font-size: 18px;
  border: 0;
  height: 48px;
  line-height: 48px;
}

@media (min-width: 1024px) {
  /* line 389, scss/_legacy.scss */
  .menu-item > a {
    padding: 0 20px;
  }
}
/* Dropdown menus */
/* line 395, scss/_legacy.scss */
.dropdown-menu > .menu-item {
  position: relative;
  float: left;
  height: 48px;
  line-height: 100%;
  margin-bottom: 0;
}

/* line 403, scss/_legacy.scss */
.dropdown-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #dfe0e1;
  display: none;
  white-space: nowrap;
}

/* line 412, scss/_legacy.scss */
.sub-menu > .menu-item {
  height: 36px;
  width: 100%;
  margin: 0;
}

/* line 418, scss/_legacy.scss */
.sub-menu > .menu-item > a {
  padding-right: 30px;
  position: relative;
  display: block;
  height: 100%;
  line-height: 36px;
}

/* line 426, scss/_legacy.scss */
.sub-menu > .menu-item > a:after {
  content: "";
  display: block;
  width: 12px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 11px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxNS4zMzNweCIgdmlld0JveD0iMCAwIDExIDE1LjMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEgMTUuMzMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMi45OTcsMTQgOSw3Ljk5OSAyLjk5NywyICIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-position: -100px -100px;
}

/* line 439, scss/_legacy.scss */
.sub-menu > .menu-item > a:hover:after {
  background-position: top left;
}

/* line 446, scss/_legacy.scss */
.menu-item:hover > a,
.menu-item > a:focus,
.is-focus > a {
  color: #fff;
  background: #cf1c6d;
}

/* line 451, scss/_legacy.scss */
.current-menu-item > a {
  color: #fff;
  background: #cf1c6d;
}

/* line 456, scss/_legacy.scss */
.dropdown-menu > .current-menu-item > a:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  display: block;
  content: " ";
  border-top: 7px solid #cf1c6d;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

/* line 468, scss/_legacy.scss */
.dropdown-menu > .current-menu-item > ul:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  display: block;
  content: " ";
  border-top: 7px solid #dfe0e1;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

/* line 482, scss/_legacy.scss */
.navigation-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 488, scss/_legacy.scss */
.navigation-list > .navigation-list-item {
  margin-bottom: 10px;
  margin-right: 7px;
}

/* line 493, scss/_legacy.scss */
.horizontal-navigation-list > .navigation-list-item > a {
  background-color: #dfe0e1;
  color: #1e1e1e;
  padding-right: 35px;
}

/* line 499, scss/_legacy.scss */
.horizontal-navigation-list > .navigation-list-item > a.default {
  background-color: #cf1c6d;
  color: #fff;
}

/* line 504, scss/_legacy.scss */
.horizontal-navigation-list > .navigation-list-item {
  float: left;
}

/* line 508, scss/_legacy.scss */
.horizontal-navigation-list > .navigation-list-item > a > .icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxNS4zMzNweCIgdmlld0JveD0iMCAwIDExIDE1LjMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEgMTUuMzMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzMjMyMzIiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMi45OTcsMTQgOSw3Ljk5OSAyLjk5NywyICIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  background-color: transparent;
}

/* line 513, scss/_legacy.scss */
.horizontal-navigation-list > .navigation-list-item > .default > .icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxNS4zMzNweCIgdmlld0JveD0iMCAwIDExIDE1LjMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEgMTUuMzMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMi45OTcsMTQgOSw3Ljk5OSAyLjk5NywyICIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
}

/* line 519, scss/_legacy.scss */
.navigation-links-list,
.navigation-content-list {
  border-bottom: 1px solid #929598;
}

/* line 523, scss/_legacy.scss */
.navigation-links-list > .navigation-list-item,
.navigation-content-list > .navigation-list-item {
  border-top: 1px solid #c0c2c4;
  padding: 0;
  margin: 0;
}

/* line 529, scss/_legacy.scss */
.navigation-content-list > .navigation-list-item > a,
.navigation-links-list > .navigation-list-item > a {
  border: 0;
  color: #323232;
  display: block;
  padding: 5px;
  position: relative;
}

/* line 536, scss/_legacy.scss */
.navigation-links-list > .navigation-list-item > a:hover {
  color: #fff;
}

/* line 539, scss/_legacy.scss */
.navigation-links-list > .navigation-list-item > a > .icon-contained {
  position: absolute;
  top: 5px;
  right: 5px;
}

/* line 544, scss/_legacy.scss */
.navigation-content-list > .navigation-list-item {
  padding: 5px;
}

/* line 547, scss/_legacy.scss */
.navigation-content-list > .navigation-list-item p {
  margin: 0;
}

/* line 553, scss/_legacy.scss */
.tertiary-navigation {
  float: left;
  border-bottom: 1px solid #ccc;
}

/* line 558, scss/_legacy.scss */
.tertiary-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 564, scss/_legacy.scss */
.tertiary-navigation li {
  display: block;
  border-top: 1px solid #ccc;
  margin-bottom: 0;
}

/* line 570, scss/_legacy.scss */
.tertiary-navigation li > a {
  display: block;
  padding: 10px 30px 10px 10px;
  border: none;
  color: #333;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 584, scss/_legacy.scss */
.tertiary-navigation li > a:hover,
.tertiary-navigation li > a:active,
.tertiary-navigation li > a:focus {
  background: #eff0f0;
  color: #cf1c6d;
  cursor: pointer;
}

/* line 590, scss/_legacy.scss */
.tertiary-navigation li.active > a {
  position: relative;
  background: #cf1c6d;
  color: #fff;
  font-weight: 700;
}

/* line 597, scss/_legacy.scss */
.tertiary-navigation li.active > a:after {
  display: block;
  content: "";
  width: 10px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNi4zNzVweCIgaGVpZ2h0PSI5Ljg3NXB4IiB2aWV3Qm94PSIwIDAgNi4zNzUgOS44NzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuMzc1IDkuODc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS43NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuODgsOS4yMDIgNS4xMjMsNC45NiAwLjg4LDAuNzIgIi8+DQo8L3N2Zz4NCg==);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* line 612, scss/_legacy.scss */
.tertiary-navigation ul ul {
  display: none;
}

/* line 615, scss/_legacy.scss */
.tertiary-navigation .active ul {
  display: block;
}

/* line 618, scss/_legacy.scss */
.tertiary-navigation .active ul li a {
  padding-left: 20px;
}

/* line 621, scss/_legacy.scss */
.tertiary-navigation .active ul .active a {
  background: #eff0f0;
  color: #cf1c6d;
  font-weight: 500;
}

/* line 626, scss/_legacy.scss */
.tertiary-navigation .active ul .active a:after {
  display: none;
}

/* line 630, scss/_legacy.scss */
.platform-menu {
  float: right;
}

/* line 633, scss/_legacy.scss */
.platform-menu .sub-menu {
  left: -50px;
  border-radius: 0 0 10px 10px;
}

/* line 637, scss/_legacy.scss */
.platform-menu .sub-menu > .menu-item:last-child > a {
  border-radius: 0 0 10px 10px;
}

/* line 640, scss/_legacy.scss */
.platform-menu .sub-menu > .menu-item > a {
  color: #fff;
}

/* line 644, scss/_legacy.scss */
.platform-menu h2 {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  height: 100%;
  line-height: 40px;
  color: #fff;
  padding: 4px 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAuNzVweCIgaGVpZ2h0PSI2LjE2N3B4IiB2aWV3Qm94PSIwIDAgMTAuNzUgNi4xNjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwLjc1IDYuMTY3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM3MUMzQ0QiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjkuOTk0LDAuMTc2IDUuMjQ0LDQuOTI2IDAuNDk0LDAuMTc2ICIvPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-position: center 37px;
}

/* line 658, scss/_legacy.scss */
.no-touch .platform-menu .menu-item:hover h2,
.touch .platform-menu .menu-item.hover h2 {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAuNzVweCIgaGVpZ2h0PSI2LjE2N3B4IiB2aWV3Qm94PSIwIDAgMTAuNzUgNi4xNjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwLjc1IDYuMTY3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM3MUMzQ0QiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuNDk0LDYuMTY3IDUuMjQ0LDEuNDE3IDkuOTk0LDYuMTY3ICIvPg0KPC9zdmc+DQo=);
}

/* line 662, scss/_legacy.scss */
.touch .platform-menu .menu-item.hover ul.sub-menu {
  display: block;
}

/* line 666, scss/_legacy.scss */
.masthead-row .profile-menu .sub-menu {
  left: 0;
  right: auto;
}

/* line 671, scss/_legacy.scss */
.platform-menu .sub-menu {
  background: #64686c;
}

/* line 675, scss/_legacy.scss */
.platform-menu .menu-item > a {
  font-size: 14px;
}

/**
 * =============================================================================
 * Lightbox
 * =============================================================================
 *
 * This file deals with:
 *  * lightbox styles
 */
/* line 689, scss/_legacy.scss */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.6);
  z-index: 990;
}

/* line 702, scss/_legacy.scss */
.lightbox {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 540px;
  height: auto;
  padding: 30px;
  margin: -200px 0 0 -300px;
  border-radius: 10px;
  border: 1px solid #71c3cd;
  background: #fff;
  z-index: 991;
  -webkit-box-shadow: 0 8px 22px -6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 22px -6px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 22px -6px rgba(0, 0, 0, 0.5);
}

/* line 725, scss/_legacy.scss */
.lightbox .close-button,
.custom-lightbox .close-button {
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 11px;
  background: #cf1c6d url("/assets/images/gel/icon-close.png") no-repeat center center;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/* line 742, scss/_legacy.scss */
.lightbox.information-box {
  height: auto;
  width: 400px;
  margin: -120px 0 0 -230px;
}

/* line 748, scss/_legacy.scss */
.lightbox .confirmed-actions {
  list-style-type: none;
}

/* line 751, scss/_legacy.scss */
.lightbox .confirmed-actions li {
  margin-bottom: 0;
}

/* line 756, scss/_legacy.scss */
.ios .lightbox {
  display: block;
  -webkit-transform: translateX(-9999px);
}

/**
 * =============================================================================
 * Global Footer
 * =============================================================================
 *
 * This file deals with:
 *  * footer navigation
 */
/* line 769, scss/_legacy.scss */
footer {
  background-color: #64686c;
  color: #fff;
  margin-top: 30px;
  clear: both;
  line-height: 36px;
  font-size: 14px;
}

/* line 778, scss/_legacy.scss */
footer > .container {
  padding-top: 28px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iCiAgIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMzMuODE2cHgiIHZpZXdCb3g9IjAgMCAxMjAgMzMuODE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjAgMzMuODE2IgogICB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlZnM+CjwvZGVmcz4KPGc+CiAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLjI3MSwxOC4xNzZjLTIuMTk4LDAtMy45ODgtMS4wNDMtNS4zNjgtMy4xMjljLTAuOTU5LTEuNDM2LTEuNDM3LTMuMzgxLTEuNDM3LTUuODMzCiAgICBjMC0yLjMzOCwwLjQ1LTQuMjQsMS4zNTItNS43MDZjMS4wOTktMS43NzUsMi43NjEtMi42NjIsNC45ODgtMi42NjJjMi4xOTgsMCwzLjk3NCwxLjA1Niw1LjMyNiwzLjE3CiAgICBjMC45MDEsMS40MzcsMS4zNTMsMy4zMzksMS4zNTMsNS43MDZDMTYuNDg1LDE1LjM1OCwxNC40MTQsMTguMTc2LDEwLjI3MSwxOC4xNzYgTTY5LjIzNiwxOC4xNzZjLTIuMTk5LDAtMy45ODgtMS4wMjgtNS4zNjgtMy4wODUKICAgIGMtMC45NTgtMS40NjYtMS40MzctMy40MS0xLjQzNy01LjgzNGMwLTIuMzY3LDAuNDUxLTQuMjgyLDEuMzUyLTUuNzQ4YzEuMDk5LTEuNzc1LDIuNzYxLTIuNjYyLDQuOTg4LTIuNjYyCiAgICBjMi4xOTgsMCwzLjk3MywxLjA3MSw1LjMyNSwzLjIxMmMwLjkwMiwxLjQzNywxLjM1MywzLjMyNiwxLjM1Myw1LjY2NEM3NS40NDksMTUuMzU4LDczLjM3OCwxOC4xNzYsNjkuMjM2LDE4LjE3NiBNMTE0LjcxNiwxNS4zNDMKICAgIGMtMS4yNjgsMS40OTUtMy4wMywyLjI0Mi01LjI4MywyLjI0MmMtMS4xNTYsMC0xLjk1OS0wLjE5MS0yLjQwOS0wLjU3MWMtMC40NTEtMC4zOC0wLjY3Ny0xLjEyMS0wLjY3Ny0yLjIxOFYxLjY0OQogICAgYzAuMzY3LTAuMTEyLDAuNzg5LTAuMTY5LDEuMjY5LTAuMTY5YzIuNjIsMCw0Ljc0NywwLjcxOSw2LjM4MywyLjE1NmMxLjY5LDEuNTIyLDIuNTM1LDMuNTc5LDIuNTM1LDYuMTcxCiAgICBDMTE2LjUzNCwxMi4wODksMTE1LjkyOCwxMy45MzUsMTE0LjcxNiwxNS4zNDMgTTEwLjUyNSwyNi42MjloLTMuNTV2MC4yNTRjMC45MDEsMCwxLjM1MiwwLjQ4LDEuMzUyLDEuNDM2CiAgICBjMCwxLjE4NC0wLjE0MSwyLjM1NS0wLjQyMiwzLjUwOGMtMC4xOTgsMC44MTktMC44MzIsMS4yMjgtMS45MDIsMS4yMjhjLTEuMjEyLDAtMS44Ni0wLjUyMS0xLjk0NC0xLjU2NAogICAgYy0wLjE0MS0xLjQxLTAuMjU0LTMuMDQ0LTAuMzM4LTQuOTAzYy0wLjMzOCwwLjAyOC0xLjI1NSwwLjA0MS0yLjc0OCwwLjA0MXYwLjI5NWwwLjQyMywwLjA0NAogICAgYzAuNTkyLDAuMDI4LDAuOTU4LDAuNjA2LDEuMDk5LDEuNzM0YzAuMTQsMS4yMTIsMC4yMzksMi4xMTIsMC4yOTUsMi43MDVjMC4xMTIsMC45MDIsMC40NjUsMS41MjEsMS4wNTcsMS44NgogICAgYzAuNDUsMC4yNTQsMS4xNTUsMC4zOCwyLjExMywwLjM4YzEuMjk2LDAsMi4xMTMtMC41OTEsMi40NTItMS43NzVjMC4xNC0xLjA3MSwwLjMwMy0yLjE3LDAuNDg2LTMuMjk4CiAgICBjMC4xODMtMS4xMjUsMC43MjUtMS42OSwxLjYyNy0xLjY5VjI2LjYyOXogTTE5LjgyNCwyNi42MjljLTEuMDcxLDAuMDMtMi4yNjksMC4wMy0zLjU5MywwdjAuMjEzCiAgICBjMC42NDcsMC4wNTYsMS4wOTksMC4xNzYsMS4zNTMsMC4zNTljMC4yNTQsMC4xODIsMC4zOTQsMC42MTMsMC40MjMsMS4yODhjMC4wMjgsMC41NjUsMC4wNDIsMS4wMywwLjA0MiwxLjM5NXYxLjY0OQogICAgYy0wLjgxNy0wLjg0NS0xLjYyMS0xLjY3NS0yLjQwOS0yLjQ5NGMtMS4xMjgtMS4xNTMtMS44MzItMS45NTctMi4xMTMtMi40MDloLTIuMjR2MC4yMTNjMC42MiwwLjExMywxLjEyNywwLjQyMiwxLjUyMiwwLjkzCiAgICBjMC4wNTUsMC4xNDEsMC4wODQsMC4zMzcsMC4wODQsMC41OTFjMCwyLjYyLTAuMTA1LDQuMDU4LTAuMzE3LDQuMzFjLTAuMjExLDAuMjU0LTAuNTg2LDAuNDI0LTEuMTIxLDAuNTA4djAuMjExaDMuNzJ2LTAuMjExCiAgICBjLTAuODE3LTAuMDU2LTEuMzI1LTAuMjI2LTEuNTIyLTAuNTA4Yy0wLjE5OC0wLjI4LTAuMjk2LTEuMjgtMC4yOTYtM3YtMS4zMWwwLjA0Mi0wLjA0M2MyLjE0MSwyLjI4MywzLjc0NywzLjk3Myw0LjgxOSw1LjA3MwogICAgaDAuMzM4YzAtMy44ODksMC4wOTgtNS45MzEsMC4yOTYtNi4xMjljMC4xOTctMC4xOTgsMC41Mi0wLjMzOSwwLjk3Mi0wLjQyMlYyNi42Mjl6IE0yNS4xNSwzMy4xODEKICAgIGMtMC42MjEtMC4wODUtMS4wMDctMC4yMjYtMS4xNjItMC40MjRjLTAuMTU2LTAuMTk1LTAuMjQ3LTAuNjA0LTAuMjc1LTEuMjI1Yy0wLjAyOS0wLjQyMS0wLjA0Mi0wLjc0NS0wLjA0Mi0wLjk3MXYtMS4zNTMKICAgIGMwLTAuOTAyLDAuMDQyLTEuNDM2LDAuMTI3LTEuNjA2YzAuMTY5LTAuMzk1LDAuNjA1LTAuNjQ3LDEuMzEtMC43NnYtMC4yMTNoLTMuOTczdjAuMjEzYzAuNTM1LDAuMDgzLDAuOTA5LDAuMjExLDEuMTIsMC4zOAogICAgYzAuMjExLDAuMTY3LDAuMzE3LDEuMTEyLDAuMzE3LDIuODMxYzAsMS41NzktMC4wODUsMi40NjYtMC4yNTQsMi42NjNjLTAuNDgsMC4yNTQtMC44NzQsMC40MDktMS4xODMsMC40NjV2MC4yMTFoNC4wMTVWMzMuMTgxegogICAgIE0zMy44OTksMjYuNjI5aC0zLjEyOHYwLjIxM2MwLjc4OSwwLjE5OCwxLjE4NCwwLjQyMiwxLjE4NCwwLjY3NmMwLDAuMzM3LTAuNTY0LDEuNzktMS42OTEsNC4zNTQKICAgIGMtMS4yMTItMi40NTMtMS44MTctMy45MTctMS44MTctNC4zOTdjMC0wLjMwOSwwLjM2Ni0wLjUxOSwxLjA5OS0wLjYzMnYtMC4yMTNoLTMuNzJ2MC4yMTNjMC42NDcsMC4xMTMsMS4xMTIsMC40OTMsMS4zOTUsMS4xNDEKICAgIGwyLjU3OCw1LjgzM2gwLjA0MmMxLjgzMS00LjExNSwyLjg4Ny02LjI5OCwzLjE3LTYuNTUyYzAuMTk3LTAuMTk4LDAuNDkzLTAuMzM5LDAuODg3LTAuNDIyVjI2LjYyOXogTTE3LjE4MiwyLjYyMQogICAgQzE1LjMzNiwwLjg3NCwxMi45MzQsMCw5Ljk3NSwwQzcuMTAxLDAsNC43MiwwLjg2LDIuODMyLDIuNTc5QzAuOTQzLDQuMjk4LDAsNi41ODEsMCw5LjQyN2MwLDIuOTAyLDAuOTM2LDUuMjI4LDIuODExLDYuOTc0CiAgICBjMS44NzMsMS43NDcsNC4yNjEsMi42Miw3LjE2NCwyLjYyYzIuODQ1LDAsNS4yMjEtMC44NjcsNy4xMjMtMi41OThjMS45MDItMS43MzQsMi44NTMtMy45OTUsMi44NTMtNi43ODUKICAgIEMxOS45NTEsNi43MDgsMTkuMDI3LDQuMzY5LDE3LjE4MiwyLjYyMSBNNDAuODMxLDMwLjk0MmMtMC40NTIsMS40MDgtMS4yMTIsMi4xMTQtMi4yODMsMi4xMTRjLTAuNTkxLDAtMC45NTktMC4xNDEtMS4wOTktMC40MjQKICAgIGMtMC4wODUtMC4xNDEtMC4xNDEtMC41MzUtMC4xNjktMS4xODR2LTEuMjI1aDEuMDk5YzAuNDIzLDAsMC42OTcsMC4wNzIsMC44MjUsMC4yMTFjMC4xMjcsMC4xNDEsMC4yMTgsMC40MzcsMC4yNzUsMC44ODloMC4yMTEKICAgIHYtMS4zNTNjMC4wMjgtMC41NjMsMC4wNDItMC45OTksMC4wNDItMS4zMWgtMC4yNTRjLTAuMDg1LDAuNDUyLTAuMTg0LDAuNzE5LTAuMjk2LDAuODA0Yy0wLjczMywwLjExMy0xLjM2NywwLjE2OS0xLjkwMiwwLjE2OQogICAgbDAuMDQyLTIuNjYzaDAuMjk1YzAuODczLDAsMS40NTEsMC4wNTYsMS43MzMsMC4xNjljMC40NzksMC4xNjksMC43NzUsMC42MTksMC44ODgsMS4zNTFoMC4yNTRsMC4wNDItMS44NmgtNS43OTF2MC4yMTMKICAgIGMwLjc4OSwwLjA4MywxLjIyNiwwLjM5MywxLjMxMSwwLjkzYzAuMDU1LDAuMjgyLDAuMDg1LDAuOTcxLDAuMDg1LDIuMDdjMCwxLjcxOS0wLjA4NSwyLjY5Mi0wLjI1NCwyLjkxNQogICAgYy0wLjQ1MiwwLjIyNi0wLjgzMiwwLjM2Ny0xLjE0MiwwLjQyNHYwLjIxMWg1LjcwN2MwLjIyNC0wLjU5MSwwLjQyMi0xLjM5NSwwLjU5MS0yLjQwOUw0MC44MzEsMzAuOTQyeiBNNTAuMywzMy4yMjMKICAgIGMtMS4yNjgtMC4yNTItMi4zODItMS4zMzgtMy4zNC0zLjI1NGMwLjk1OC0wLjM5MywxLjQzNy0wLjk0MywxLjQzNy0xLjY0OWMwLTEuMTU0LTEuMDI5LTEuNzMyLTMuMDg2LTEuNzMyCiAgICBjLTAuMzY3LDAtMS4zMjUsMC4wMTMtMi44NzQsMC4wNDF2MC4yMTNjMC44MTcsMC4xMTMsMS4yNjgsMC40MjIsMS4zNTMsMC45M2MwLjAyOCwwLjMwOCwwLjA0MiwxLjE1NiwwLjA0MiwyLjUzNXYxLjM1MQogICAgYzAsMC41MzctMC4wODQsMC45MDQtMC4yNTMsMS4wOTljLTAuMTcsMC4xOTgtMC41MzcsMC4zMzktMS4wOTksMC40MjR2MC4yMTFoNC4wNTh2LTAuMjExYy0wLjY0OS0wLjA1Ni0xLjA2NC0wLjE5MS0xLjI0Ny0wLjQwMgogICAgYy0wLjE4NC0wLjIxMS0wLjI4OS0wLjYyNi0wLjMxNy0xLjI0N3YtMS4yNjl2LTMuMzgxYzEuMzUyLDAuMDI4LDIuMDI5LDAuNTM3LDIuMDI5LDEuNTIxYzAsMC43NjMtMC40NjUsMS4yNTYtMS4zOTUsMS40NzkKICAgIGMxLjE4MywyLjExNCwyLjE5OCwzLjI3LDMuMDQzLDMuNDY3YzAuNzMyLDAuMDg1LDEuMjgyLDAuMTI2LDEuNjQ5LDAuMTI2VjMzLjIyM3ogTTU0LjI3MywyOS41ODgKICAgIGMtMS4xMjgtMC41MzQtMS42OTEtMS4wODQtMS42OTEtMS42NDljMC0wLjczMiwwLjM2Ni0xLjA5NywxLjA5OS0xLjA5N2MwLjc2MSwwLDEuMjgyLDAuNjE5LDEuNTY0LDEuODZoMC4yMTFsMC4wODUtMS44MTkKICAgIGMtMC41NjQtMC4yODItMS4xMTMtMC40MjQtMS42NDgtMC40MjRjLTAuNjQ5LDAtMS4xOTgsMC4xNjktMS42NDksMC41MDhjLTAuNTM2LDAuMzY3LTAuODAzLDAuODYtMC44MDMsMS40NzkKICAgIGMwLDAuNzYsMC41NTYsMS40MDEsMS42NywxLjkyM2MxLjExMiwwLjUyMSwxLjY3LDEuMDY0LDEuNjcsMS42MjdjMCwwLjgxNy0wLjQxLDEuMjI1LTEuMjI2LDEuMjI1CiAgICBjLTAuOTg3LDAtMS42MjEtMC43ODktMS45MDItMi4zNjZoLTAuMjExdjIuMTU1YzAuODE2LDAuMzY3LDEuNDc5LDAuNTUsMS45ODcsMC41NWMxLjY5LDAsMi41MzYtMC42NjMsMi41MzYtMS45ODYKICAgIEM1NS45NjMsMzAuNzg3LDU1LjQsMzAuMTI1LDU0LjI3MywyOS41ODggTTYxLjQ1OCwzMy4xODFjLTAuNjIxLTAuMDg1LTEuMDA3LTAuMjI2LTEuMTYyLTAuNDI0CiAgICBjLTAuMTU2LTAuMTk1LTAuMjQ3LTAuNjA0LTAuMjc1LTEuMjI1Yy0wLjAyOS0wLjQyMS0wLjA0Mi0wLjc0NS0wLjA0Mi0wLjk3MXYtMS4zNTNjMC0wLjkwMiwwLjA0Mi0xLjQzNiwwLjEyNy0xLjYwNgogICAgYzAuMTY5LTAuMzk1LDAuNjA1LTAuNjQ3LDEuMzEtMC43NnYtMC4yMTNoLTMuOTMxdjAuMjEzYzAuNTA3LDAuMDgzLDAuODY2LDAuMjExLDEuMDc4LDAuMzhjMC4yMTEsMC4xNjcsMC4zMTcsMS4xMTIsMC4zMTcsMi44MzEKICAgIGMwLDEuNTc5LTAuMDg1LDIuNDY2LTAuMjU0LDIuNjYzYy0wLjQ4LDAuMjU0LTAuODYsMC40MDktMS4xNDEsMC40NjV2MC4yMTFoMy45NzNWMzMuMTgxeiBNNTYuOTM2LDAuNjM0SDQzLjI0MXYwLjQ2NQogICAgYzEuMjk2LDAuMTY5LDIuMTQxLDAuNDU4LDIuNTM2LDAuODY3YzAuMzk0LDAuNDEsMC41OTIsMS4yNDcsMC41OTIsMi41MTV2OS43MjFjMCwxLjUyMy0wLjU5MiwyLjU1MS0xLjc3NSwzLjA4NQogICAgYy0wLjc5LDAuMzM5LTIuMDcxLDAuNTA4LTMuODQ2LDAuNTA4Yy0xLjc3NSwwLTMuNDIzLTEuMTk3LTQuOTQ1LTMuNTkzbC0zLjgwNC01LjkxN0wzNC4wMjYsNS4yCiAgICBjMC44NzMtMS4zNTQsMS42NDgtMi4yODMsMi4zMjUtMi43OTFjMC45MDEtMC42NzYsMi4wNTYtMS4wNywzLjQ2Ni0xLjE4M1YwLjYzNEgzMi40MnYwLjU5MmMxLjI2OCwwLjE2OCwxLjkwMiwwLjU2NCwxLjkwMiwxLjE4MwogICAgYzAsMC42MjEtMC45MywyLjM1NC0yLjc4OSw1LjJsLTQuNDgxLTYuOTc1aC01LjgzM3YwLjU5MmMyLjExMywwLjExMywzLjk0NCwxLjQzNyw1LjQ5NSwzLjk3NGwyLjkxNyw0Ljc3NmwtMi43MDUsMy44NDYKICAgIGMtMC45ODcsMS40MzgtMS43NzYsMi4zODEtMi4zNjcsMi44MzNjLTAuODQ2LDAuNjc2LTIuMDAxLDEuMDU2LTMuNDY2LDEuMTR2MC41OTFoNy42OTN2LTAuNDY1CiAgICBjLTEuMzI1LTAuMzkzLTEuOTg3LTAuODk5LTEuOTg3LTEuNTIxYzAtMC45MywxLjEyNy0yLjgwMiwzLjM4Mi01LjYyMmw0Ljg2MSw3LjYwOGgxNy41NDF2LTAuNDY1CiAgICBjLTEuNjA2LTAuMjgtMi41NzItMC41ODQtMi44OTYtMC45MDhDNDkuMzYyLDE2LjY5LDQ5LjIsMTUuNzk1LDQ5LjIsMTQuMzNWOS44MDdjMC4xOTcsMCwwLjUyMS0wLjAxMywwLjk3Mi0wLjA0MmgxLjAxNAogICAgYzEuMDQyLDAsMS43NDYsMC4yMTksMi4xMTMsMC42NTVjMC4zNjYsMC40MzgsMC41NjMsMS4xNjIsMC41OTIsMi4xNzdoMC40MjNWOC40MTJjLTAuNjIxLDAuMTEzLTEuNjYzLDAuMTY5LTMuMTI4LDAuMTY5SDQ5LjIKICAgIFYxLjQzN2gxLjY5MWMxLjc0NiwwLDIuOTU5LDAuMTE0LDMuNjM1LDAuMzM5YzEuMjM5LDAuMzk0LDEuOTU3LDEuMjY4LDIuMTU2LDIuNjJsMC41MDcsMC4wNDJMNTYuOTM2LDAuNjM0eiBNNjkuMTk0LDI2LjkyNQogICAgdi0wLjI5NWMtMC42NDksMC4wNTctMi4wMjksMC4wODUtNC4xNDIsMC4wODVjLTAuNTM3LDAtMS4yNjktMC4wMjgtMi4xOTktMC4wODVjLTAuMDI4LDAuNzYtMC4wODUsMS40NzktMC4xNjksMi4xNTVsMC4yNTQsMC4wNDMKICAgIGMwLjE0LTAuODQ1LDAuMzgtMS4zNTMsMC43MTktMS41MjFjMC4xNjgtMC4wODUsMC43Ni0wLjE0MSwxLjc3NS0wLjE2OXYyLjg3NGMwLDEuNjA2LTAuMDg1LDIuNTA3LTAuMjU0LDIuNzA1CiAgICBjLTAuMTY5LDAuMTk4LTAuNTc4LDAuMzUyLTEuMjI1LDAuNDY1djAuMjExaDQuMTQydi0wLjIxMWMtMC41OTItMC4wODUtMC45OTMtMC4yMTEtMS4yMDUtMC4zOAogICAgYy0wLjIxMS0wLjE2OS0wLjMxNy0xLjA4NC0wLjMxNy0yLjc0OGwwLjA0My0yLjkxNmMwLjk4NCwwLjAyOCwxLjU2MywwLjA4NSwxLjczMSwwLjE2OWMwLjMzOSwwLjE2NywwLjU3OCwwLjY2MywwLjcxOSwxLjQ3NwogICAgaDAuMjU0QzY5LjIzNiwyNy43NDQsNjkuMTk0LDI3LjEyNCw2OS4xOTQsMjYuOTI1IE03Ny42ODksMjYuNjI5SDc0Ljl2MC4yMTNjMC40NTEsMC4wODMsMC42NzYsMC4yNjcsMC42NzYsMC41NDcKICAgIGMwLDAuMzk1LTAuMzk0LDEuMjk3LTEuMTgzLDIuNzA3Yy0wLjMxLTAuNDUyLTAuNjItMC45MTctMC45My0xLjM5NWMtMC40NTEtMC43MDYtMC42NzctMS4xNDMtMC42NzctMS4zMTIKICAgIGMwLTAuMjI0LDAuMjY3LTAuNDA2LDAuODA0LTAuNTQ3di0wLjIxM2gtMy40NjZ2MC4yMTNjMC4zMzgsMC4wMjgsMC42MiwwLjExMywwLjg0NSwwLjI1MmMwLjUwNywwLjMxMSwxLjM1MiwxLjU1MSwyLjUzNiwzLjcxOQogICAgYzAsMC45Ni0wLjA0MiwxLjUyMy0wLjEyNywxLjY5MmMtMC4xNDEsMC4zMzctMC41OTIsMC41NjMtMS4zNTIsMC42NzZ2MC4yMTFoNC4xNDN2LTAuMjExYy0wLjc2MS0wLjA4NS0xLjIyNi0wLjMyNC0xLjM5NS0wLjcxOQogICAgYy0wLjA1OC0wLjE5NS0wLjA4NS0wLjc3NC0wLjA4NS0xLjczNGMwLTAuMjUyLDAuNDIyLTEuMDk3LDEuMjY4LTIuNTM1YzAuMjgxLTAuNDc4LDAuNTYzLTAuODE3LDAuODQ1LTEuMDE1CiAgICBjMC4xNjktMC4xMzksMC40NjUtMC4yNTQsMC44ODctMC4zMzdWMjYuNjI5eiBNODUuOTMyLDI2LjU4OGMtMC4zOTUsMC0xLjM1MiwwLjAxMy0yLjg3NCwwLjA0MXYwLjI1NAogICAgYzAuNDUxLDAuMDU2LDAuNzk1LDAuMTY5LDEuMDM2LDAuMzM5YzAuMjM5LDAuMTY3LDAuMzU5LDEuMTEyLDAuMzU5LDIuODMxYzAsMS41NzktMC4wODUsMi40ODEtMC4yNTQsMi43MDUKICAgIGMtMC40NTEsMC4yMjYtMC44MzEsMC4zNjctMS4xNDEsMC40MjR2MC4yMTFoNC4xdi0wLjIxMWMtMC42NDctMC4wNTYtMS4wNjUtMC4xODItMS4yNDctMC4zOAogICAgYy0wLjE4My0wLjE5OC0wLjI4OS0wLjYxOS0wLjMxNi0xLjI2OXYtMS4zOTV2LTMuMjU0YzEuNjM0LDAuMDI4LDIuNDUyLDAuNjQ3LDIuNDUyLDEuODZjMCwwLjU2NS0wLjEyMSwwLjk1OC0wLjM1OSwxLjE4NAogICAgYy0wLjI0LDAuMjI2LTAuNjU1LDAuMzgtMS4yNDcsMC40NjV2MC4yNTRjMS45NzItMC4xMTMsMi45NTktMC44MzIsMi45NTktMi4xNTdDODkuMzk4LDI3LjIyMiw4OC4yNDIsMjYuNTg4LDg1LjkzMiwyNi41ODgKICAgICBNNzYuMTQ3LDIuNjQyYy0xLjg0Ny0xLjczMy00LjI0OC0yLjU5OS03LjIwNi0yLjU5OWMtMi44NzQsMC01LjI1NiwwLjg2LTcuMTQzLDIuNTc5Yy0xLjg5LDEuNzItMi44MzMsNC4wMDItMi44MzMsNi44NDgKICAgIGMwLDIuODc0LDAuOTM3LDUuMTg1LDIuODExLDYuOTMyYzEuODczLDEuNzQ3LDQuMjYxLDIuNjIsNy4xNjUsMi42MmMyLjg0NSwwLDUuMjE5LTAuODU4LDcuMTIxLTIuNTc5CiAgICBjMS45MDItMS43MTksMi44NTItMy45ODYsMi44NTItNi44MDVDNzguOTE0LDYuNzA4LDc3Ljk5Miw0LjM3Niw3Ni4xNDcsMi42NDIgTTk4LjUyOCwzMy4yMjMKICAgIGMtMS4yOTctMC4yNTItMi40MDktMS4zMzgtMy4zMzktMy4yNTRjMC45My0wLjM5MywxLjM5NS0wLjk0MywxLjM5NS0xLjY0OWMwLTEuMTU0LTEuMDE1LTEuNzMyLTMuMDQ0LTEuNzMyCiAgICBjLTAuMzY3LDAtMS4zMjUsMC4wMTMtMi44NzQsMC4wNDF2MC4yMTNjMC43ODksMC4xMTMsMS4yMjYsMC40MjIsMS4zMSwwLjkzYzAuMDU2LDAuMzA4LDAuMDg1LDEuMTU2LDAuMDg1LDIuNTM1CiAgICBjMCwwLjI4My0wLjAwOCwwLjcxMy0wLjAyMSwxLjI4OGMtMC4wMTQsMC41OC0wLjEwNSwwLjk2Ny0wLjI3NSwxLjE2MmMtMC4xNywwLjE5OC0wLjUyMSwwLjMzOS0xLjA1NywwLjQyNHYwLjIxMWg0LjAxNnYtMC4yMTEKICAgIGMtMC42NDktMC4wNTYtMS4wNjQtMC4xOTEtMS4yNDctMC40MDJjLTAuMTg0LTAuMjExLTAuMjc1LTAuNjI2LTAuMjc1LTEuMjQ3Yy0wLjAyOS0wLjUwNi0wLjA0Mi0wLjkzLTAuMDQyLTEuMjY5di0zLjM4MQogICAgYzEuMzgxLDAuMDI4LDIuMDcsMC41MzcsMi4wNywxLjUyMWMwLDAuNzYzLTAuNDc4LDEuMjU2LTEuNDM2LDEuNDc5YzEuMTg0LDIuMTE0LDIuMjEyLDMuMjcsMy4wODUsMy40NjcKICAgIGMwLjczMiwwLjA4NSwxLjI4MiwwLjEyNiwxLjY0OSwwLjEyNlYzMy4yMjN6IE0xMDUuMzMyLDMwLjk0MmMtMC40NTEsMS40MDgtMS4yMTIsMi4xMTQtMi4yODEsMi4xMTQKICAgIGMtMC41OTMsMC0wLjk1OS0wLjE0MS0xLjA5OS0wLjQyNGMtMC4wODUtMC4xNDEtMC4xNDEtMC41MzUtMC4xNjktMS4xODR2LTEuMjI1aDEuMDk5YzAuNDIzLDAsMC42OTgsMC4wNzgsMC44MjMsMC4yMzIKICAgIGMwLjEyOCwwLjE1NiwwLjIyLDAuNDQzLDAuMjc2LDAuODY3aDAuMjExdi0xLjM1M2MwLjAyOC0wLjU2MywwLjA0Mi0wLjk5OSwwLjA0Mi0xLjMxaC0wLjI1MwogICAgYy0wLjA4NSwwLjQ1Mi0wLjE4NSwwLjcxOS0wLjI5NywwLjgwNGMtMC43MzMsMC4xMTMtMS4zNjcsMC4xNjktMS45MDIsMC4xNjlsMC4wNDItMi42NjNoMC4yOTdjMC44NzIsMCwxLjQ0OSwwLjA1NiwxLjczMywwLjE2OQogICAgYzAuNDc4LDAuMTY5LDAuNzc0LDAuNjE5LDAuODg3LDEuMzUxaDAuMjU0bDAuMDQxLTEuODZoLTUuNzl2MC4yMTNjMC43ODksMC4wODMsMS4yMjUsMC4zOTMsMS4zMSwwLjkzCiAgICBjMC4wNTUsMC4yODIsMC4wODUsMC45NzEsMC4wODUsMi4wN2MwLDEuNzE5LTAuMDg1LDIuNjkyLTAuMjU0LDIuOTE1Yy0wLjQ1MiwwLjIyNi0wLjgzMiwwLjM2Ny0xLjE0MSwwLjQyNHYwLjIxMWg1LjcwNQogICAgYzAuMjI2LTAuNjE5LDAuNDI0LTEuNDIzLDAuNTkzLTIuNDA5TDEwNS4zMzIsMzAuOTQyeiBNMTEwLjE1MSwyOS41ODhjLTEuMTI4LTAuNTM0LTEuNjktMS4wODQtMS42OS0xLjY0OQogICAgYzAtMC43MzIsMC4zNjYtMS4wOTcsMS4wOTktMS4wOTdjMC43NiwwLDEuMjgyLDAuNjE5LDEuNTY0LDEuODZoMC4yMTFsMC4wODUtMS44MTljLTAuNTM3LTAuMjgyLTEuMDg2LTAuNDI0LTEuNjQ5LTAuNDI0CiAgICBjLTAuNjQ3LDAtMS4xOTcsMC4xNjktMS42NDgsMC41MDhjLTAuNTM1LDAuMzY3LTAuODAzLDAuODYtMC44MDMsMS40NzljMCwwLjc2LDAuNTU2LDEuNDAxLDEuNjY5LDEuOTIzCiAgICBjMS4xMTIsMC41MjEsMS42NzEsMS4wNjQsMS42NzEsMS42MjdjMCwwLjgxNy0wLjQxLDEuMjI1LTEuMjI2LDEuMjI1Yy0wLjk4NiwwLTEuNjIxLTAuNzg5LTEuOTAyLTIuMzY2aC0wLjIxMXYyLjE1NQogICAgYzAuODE2LDAuMzY3LDEuNDgsMC41NSwxLjk4NiwwLjU1YzEuNjkxLDAsMi41MzYtMC42NjMsMi41MzYtMS45ODZDMTExLjg0MiwzMC43ODcsMTExLjI3OCwzMC4xMjUsMTEwLjE1MSwyOS41ODggTTExNi41MTMsMjkuNTg4CiAgICBjLTEuMTQyLTAuNTM0LTEuNzEyLTEuMDg0LTEuNzEyLTEuNjQ5YzAtMC43MzIsMC4zOC0xLjA5NywxLjE0Mi0xLjA5N2MwLjczMiwwLDEuMjU0LDAuNjE5LDEuNTY0LDEuODZoMC4yMTFsMC4wODUtMS44MTkKICAgIGMtMC41NjUtMC4yODItMS4xMjgtMC40MjQtMS42OS0wLjQyNGMtMC42NSwwLTEuMjEzLDAuMTc4LTEuNjkxLDAuNTNjLTAuNDc5LDAuMzUyLTAuNzE4LDAuODM4LTAuNzE4LDEuNDU4CiAgICBjMCwwLjc2LDAuNTU2LDEuNDAxLDEuNjY5LDEuOTIzYzEuMTEyLDAuNTIxLDEuNjcxLDEuMDY0LDEuNjcxLDEuNjI3YzAsMC44MTctMC40MjQsMS4yMjUtMS4yNjksMS4yMjUKICAgIGMtMC45ODYsMC0xLjYyMS0wLjc4OS0xLjkwMi0yLjM2NmgtMC4yMTJ2Mi4xNTVjMC44MTcsMC4zNjcsMS40NzksMC41NSwxLjk4NywwLjU1YzEuNzE5LDAsMi41NzktMC42NjMsMi41NzktMS45ODYKICAgIEMxMTguMjI1LDMwLjc4NywxMTcuNjU1LDMwLjEyNSwxMTYuNTEzLDI5LjU4OCBNMTA3LjY1OCwwLjYzNGwtNy4zMTMsMC4wODV2MC41MDdjMS40MDksMC4yMjYsMi4zMDQsMC41NzgsMi42ODQsMS4wNTcKICAgIGMwLjM4LDAuNDc5LDAuNTcxLDEuNDA5LDAuNTcxLDIuNzg5djkuMDAzYzAsMS4zMjUtMC4yNTQsMi4yNzUtMC43NjIsMi44NTNjLTAuNTA3LDAuNTc4LTEuMzk1LDAuODY3LTIuNjYyLDAuODY3CiAgICBjLTEuNzc2LDAtNS4wMDMtMi43MzMtOS42ODEtOC4yMDFjMS4yNjktMC4zMzgsMi4yOTYtMC44ODcsMy4wODYtMS42NDhjMC45My0wLjg3MywxLjM5Ni0xLjkxNSwxLjM5Ni0zLjEyOAogICAgYzAtMi43ODktMi40NC00LjE4NC03LjMxMy00LjE4NGMtMC4xNjksMC0yLjM4MiwwLjA1Ni02LjYzNywwLjE3bC0wLjA0MSwwLjUwN2MwLjMwOCwwLDAuNjA0LDAuMDE0LDAuODg2LDAuMDQyCiAgICBjMC42NzcsMC4wMjgsMS4xMTIsMC40MzcsMS4zMTEsMS4yMjVjMC4wODMsMC4zOTUsMC4xMjcsMS4wODUsMC4xMjcsMi4wNzFjMCwxLjc3NS0wLjAxNSw0LjA1Ny0wLjA0NCw2Ljg0NwogICAgYy0wLjA1NiwzLjgwNS0wLjA5OCw2LjEwMS0wLjEyNiw2Ljg5aDYuNDI0di0wLjU5MWMtMS40OTItMC4xOTgtMi4zOTUtMC40MDgtMi43MDUtMC42MzRjLTAuNTA3LTAuMzY1LTAuNzYtMS4xOTctMC43Ni0yLjQ5NAogICAgYzAtMC4xMzksMC4wMjgtNC41NjUsMC4wODUtMTMuMjcybDAuMjk2LTAuMDQxYzEuNDA4LDAsMi42MDYsMC4zMjUsMy41OTMsMC45NzJjMS4xNTQsMC43NiwxLjczMywxLjgwMywxLjczMywzLjEyNwogICAgYzAsMC45NTktMC41MjksMS44NzQtMS41ODUsMi43NDdjLTEuMDU3LDAuODc0LTIuMDc5LDEuMzExLTMuMDY1LDEuMzExYzEuNzQ3LDIuMzEsMi44MTgsMy42OTIsMy4yMTMsNC4xNDEKICAgIGMxLjE4NCwxLjMyNSwyLjUwNywyLjQ0LDMuOTczLDMuMzM5YzAuOTMsMC41OTMsMS43NDcsMC45NzMsMi40NTEsMS4xNDJjMC41OTIsMC4xNjcsMS40NzksMC4yNTIsMi42NjMsMC4yNTJoMC43NjFoMC4xMjcKICAgIGw5LjcyMi0wLjA0MWMyLjUzNywwLDQuODI1LTAuODUyLDYuODY4LTIuNTU3YzIuMDQyLTEuNzA1LDMuMDY0LTMuNzk3LDMuMDY0LTYuMjc3QzEyMCwzLjU5MywxMTUuODg2LDAuNjM0LDEwNy42NTgsMC42MzQiLz4KPC9nPgo8L3N2Zz4K);
  background-position: right 24px;
}

/* line 785, scss/_legacy.scss */
#copyright-notice {
  margin-bottom: 0;
  margin-top: 5px;
}

/* line 790, scss/_legacy.scss */
#footer-legal-links {
  float: right;
  margin-right: 140px;
}

/* line 795, scss/_legacy.scss */
#footer-legal-links .navigation-list-item {
  margin-bottom: 0;
  margin-left: 10px;
  margin-top: 5px;
}

/* line 801, scss/_legacy.scss */
#footer-legal-links .navigation-list-item a {
  background: transparent;
  color: #fff;
  border: none;
  display: inline;
  padding-right: 0;
}

/* line 808, scss/_legacy.scss */
#footer-legal-links .navigation-list-item a:hover {
  border-bottom: 1px dotted #fff;
}

/* line 812, scss/_legacy.scss */
html {
  height: auto;
  height: 100%;
  min-height: 100%;
}

/* line 817, scss/_legacy.scss */
body {
  height: 100%;
}

/* line 820, scss/_legacy.scss */
section.container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -78px;
  /* the bottom margin is the negative value of the footer's height */
}

/* line 826, scss/_legacy.scss */
#global-footer, .push {
  height: 78px;
  /* '.push' must be the same height as 'footer' */
  clear: both;
}

/* line 831, scss/_legacy.scss */
body, html {
  padding: 0;
}

/* line 835, scss/_legacy.scss */
html {
  height: auto !important;
}

/* line 839, scss/_legacy.scss */
body {
  background: #8bd7fc url("../img/backgrounds/Clouds.png") repeat 0 0;
  font-family: fs-lola-primary-web, sans-serif;
  font-size: 16px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-tap-highlight-color: none;
  outline-color: none !important;
}

/* line 851, scss/_legacy.scss */
body.gecko {
  backface-visibility: visible;
  -moz-backface-visibility: visible;
}

/* line 856, scss/_legacy.scss */
body.free_page_literacy_navigation #main {
  background: white url(../img/backgrounds/reading_header.gif) no-repeat;
}

/* reset gel responsive states */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* line 863, scss/_legacy.scss */
  .container {
    width: 1024px;
  }
}
/* line 868, scss/_legacy.scss */
.container, section.container {
  width: 1024px;
}

/* line 872, scss/_legacy.scss */
.for-home a {
  border-bottom: none;
}

/* line 877, scss/_legacy.scss */
.for-home #content a:not(.tip-toggle .lesser-bubble-link):hover, a:active {
  background-color: transparent;
}

/* line 881, scss/_legacy.scss */
a {
  text-decoration: underline;
  text-underline-position: under;
}

/* line 886, scss/_legacy.scss */
a:hover {
  color: #CE1B6C;
  background-color: transparent;
}

/* line 891, scss/_legacy.scss */
:active {
  outline: none !important;
}

/* line 895, scss/_legacy.scss */
#main-menu .menu-item.current-menu-item > a:after {
  border-top: 0px;
}

/* line 899, scss/_legacy.scss */
hr {
  margin-right: 33px;
  clear: left;
}

/* @group General Styles */
/* line 906, scss/_legacy.scss */
.hide {
  display: none;
}

/* line 910, scss/_legacy.scss */
.clear-right {
  clear: right;
  display: block;
  height: -10px;
}

/* the links on grey area at top and bottom of the page */
/* line 917, scss/_legacy.scss */
.grey, #bottom-links ul {
  font-size: 13px;
  color: white;
  background-color: #5A5A5C;
}

/* line 923, scss/_legacy.scss */
.grey a, #bottom-links a {
  color: white;
}

/* line 927, scss/_legacy.scss */
.box {
  padding: 20px 20px 20px 20px;
  border-radius: 10px;
}

/* line 932, scss/_legacy.scss */
a.white, a.white:hover {
  color: white;
  text-decoration: none;
}

/* line 937, scss/_legacy.scss */
a.home-link {
  position: absolute;
  left: 0;
  display: block;
  width: 360px;
  height: 180px;
  text-decoration: none;
  border-bottom: none;
}

/* line 949, scss/_legacy.scss */
a.home-link:hover,
a.home-link:active,
a.home-link:focus {
  background-color: transparent;
}

/* line 953, scss/_legacy.scss */
a.button {
  display: inline-block;
  background-color: #56568C;
  padding: 15px 25px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: white;
  font-size: 30px;
  text-decoration: none;
  border-radius: 10px;
  border: 2px solid white;
  box-shadow: 0 0 5px #555;
}

/* line 968, scss/_legacy.scss */
#bottom-links ul li .divider {
  background: none;
  color: #9A9698;
}

/* line 973, scss/_legacy.scss */
.divider {
  background: #5a5a5c url("../img/layout/divider.png") no-repeat left top;
  width: 20px;
  height: 22px;
  display: inline-block;
}

/* line 980, scss/_legacy.scss */
.typekit-badge {
  display: none !important;
}

/* line 984, scss/_legacy.scss */
.bottom-right {
  position: absolute;
  bottom: 0;
  right: 15px;
}

/* @end */
/* @group Main Layout */
/* the main section is the paper above the background*/
/* line 995, scss/_legacy.scss */
#main {
  width: 1024px;
  margin: auto;
  position: relative;
  min-height: 0px !important;
}

/* line 1002, scss/_legacy.scss */
#global-masthead {
  width: 1024px;
  margin: auto;
}

/* line 1007, scss/_legacy.scss */
#masthead-inner {
  width: 1024px;
  margin: auto;
}

/* line 1012, scss/_legacy.scss */
footer#global-footer {
  display: none;
}

/* line 1016, scss/_legacy.scss */
body.ebook-collection-page footer#global-footer {
  display: block;
}

/* @group Header */
/* the header section is the section at the top of the page that rarely changes */
/* line 1023, scss/_legacy.scss */
#header {
  height: 180px !important;
  padding: 0px;
  color: #5A5A5C;
  position: relative;
}

/* line 1030, scss/_legacy.scss */
body.for-home-page #header {
  height: 305px !important;
}

/* line 1034, scss/_legacy.scss */
section#top-links {
  min-height: 0 !important;
}

/* line 1038, scss/_legacy.scss */
#header section#info {
  width: 635px;
  position: relative;
  top: 240px;
  margin-left: 30px;
  font-size: 24px;
  line-height: 29px;
  font-family: myriad-pro, sans-serif;
}

/* line 1048, scss/_legacy.scss */
body.for-home-page #info a.red-button {
  position: absolute;
  right: -243px;
  top: -94px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  border-bottom: none;
}

/* line 1064, scss/_legacy.scss */
.for-home-page #info a.red-button:hover, .for-home-page #info a.red-button:active {
  background-color: transparent;
}

/* line 1068, scss/_legacy.scss */
body.for-home-page #info p a img:hover {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* line 1079, scss/_legacy.scss */
.reading-owl.reading-page #side-body a img {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 1090, scss/_legacy.scss */
.reading-owl.reading-page #side-body a img:hover {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* line 1101, scss/_legacy.scss */
section#goto-reading, section#goto-maths {
  width: 133px;
  height: 61px;
  position: absolute;
  right: 40px;
  top: 50px;
  border-radius: 10px;
  margin-top: 12px;
}

/* line 1110, scss/_legacy.scss */
section#goto-reading p, section#goto-maths p {
  margin: 0;
}

/* line 1113, scss/_legacy.scss */
section#goto-reading img, section#goto-maths img {
  box-shadow: 6px 6px 10px #555;
  border-radius: 10px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 1127, scss/_legacy.scss */
section#goto-reading img:hover, section#goto-maths img:hover {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* line 1139, scss/_legacy.scss */
#search {
  background: none repeat scroll 0 0 #E3EBDE;
  border-radius: 8px 8px 8px 8px;
  height: 37px !important;
  min-height: 0 !important;
  left: 346px;
  position: absolute;
  top: 60px;
  width: 356px;
}

/* line 1150, scss/_legacy.scss */
#search .label.active {
  background: none repeat scroll 0 0 #E3EBDE;
  border-radius: 8px 8px 0 0;
  color: #000000;
  font-weight: normal;
  left: 0;
  padding: 4px 15px;
  position: absolute;
  text-shadow: none;
  top: -25px;
}

/* line 1162, scss/_legacy.scss */
#search .search-website .label {
  left: 0;
  top: -28px;
  cursor: pointer;
  padding-bottom: 10px;
  font-size: 11px;
}

/* line 1170, scss/_legacy.scss */
#search .search-website .label.active {
  padding-bottom: 15px;
}

/* line 1174, scss/_legacy.scss */
#search .label + form {
  display: none;
}

/* line 1175, scss/_legacy.scss */
#search .label.active + form {
  display: block;
}

/* line 1176, scss/_legacy.scss */
#search .search-book .label {
  left: 122px;
  top: -28px;
  cursor: pointer;
  font-size: 11px;
}

/* line 1183, scss/_legacy.scss */
#search .label {
  background: rgba(250, 250, 250, 0.6);
  border-radius: 8px 8px 0 0;
  color: #000000;
  font-weight: normal;
  left: 122px;
  padding: 4px 15px;
  position: absolute;
  text-shadow: none;
  top: -25px;
  cursor: pointer;
  line-height: 24px;
}

/* line 1197, scss/_legacy.scss */
.search-book form {
  display: none;
}

/* line 1202, scss/_legacy.scss */
#search .search-website,
#search .search-book,
#search .label {
  background-image: none;
  cursor: none;
  height: auto;
  left: auto;
  top: auto;
  width: auto;
}

/* line 1211, scss/_legacy.scss */
#search input.search {
  line-height: 12px;
}

/* line 1215, scss/_legacy.scss */
.search .search-filters {
  width: 150px;
  float: left;
}

/* line 1220, scss/_legacy.scss */
.search .search-filters ul {
  list-style: none;
}

/* line 1224, scss/_legacy.scss */
.search .search-list .wrap {
  width: 820px;
}

/* line 1228, scss/_legacy.scss */
.search .search-list .wrap ul {
  list-style: none;
}

/* line 1232, scss/_legacy.scss */
.search .search-list {
  padding-left: 125px;
}

/* line 1236, scss/_legacy.scss */
.search .search-list .wrap ul li .counter {
  float: left;
  padding-right: 6px;
}

/* line 1240, scss/_legacy.scss */
.search-list ul li .item-title {
  color: #0088CC;
  font-weight: bold;
}

/* line 1245, scss/_legacy.scss */
.search-list ul li p {
  color: #333;
  font-weight: normal;
}

/* line 1250, scss/_legacy.scss */
.search .search-filters ul li a {
  color: #333;
  font-weight: normal;
  position: relative;
}

/* line 1256, scss/_legacy.scss */
.search .search-filters ul li a.active:before,
.search .search-filters ul li a:hover:before {
  width: 5px;
  height: 5px;
  border: solid #f6a412;
  border-width: 3px 3px 0 0;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 0;
  position: absolute;
  left: -17px;
  top: 5px;
  content: "";
}

/* line 1274, scss/_legacy.scss */
#search input.search {
  border: none;
  background: transparent url("../img/backgrounds/search-input.png") no-repeat left top;
  height: 31px;
  width: 295px;
  color: #666;
  font-size: 14px;
  line-height: 14px;
  padding-left: 10px;
  padding-top: 2px;
  position: absolute;
  top: 4px;
  left: 3px;
}

/* line 1289, scss/_legacy.scss */
#search #submit-website-search, #search #submit-book-search {
  background: url("../img/backgrounds/search-submit.png") no-repeat scroll left top transparent;
  border: 0 none;
  cursor: pointer;
  height: 32px;
  left: 304px;
  position: absolute;
  text-indent: -999em;
  top: 1px;
  width: 48px;
}

/* line 1307, scss/_legacy.scss */
.reading-owl.top-tips section#body,
.reading-owl.find-a-book section#body,
.reading-owl.fun-ideas section#body,
.reading-owl.at-school section#body,
.maths-owl.fun-activities section#body,
.maths-owl.at-school section#body,
.maths-owl.expert-help section#body {
  margin-bottom: -42px;
}

/* line 1311, scss/_legacy.scss */
section#full-size-body {
  float: left;
  padding-bottom: 50px;
  line-height: 24px;
  padding-top: 22px;
  padding-left: 15px;
  padding-right: 42px;
}

/* line 1320, scss/_legacy.scss */
section#side-body {
  float: right;
  width: 275px;
  padding: 17px 50px 2px 50px;
  font-family: fs-lola-primary-web, sans-serif;
  margin-bottom: 50px;
}

/* line 1328, scss/_legacy.scss */
section#side-body .sidebar-button-spacer {
  margin-top: 23px;
}

/* line 1332, scss/_legacy.scss */
section#side-body h2 {
  font-size: 29px;
}

/* line 1336, scss/_legacy.scss */
section#float-side-body {
  font-family: fs-lola-primary-web, sans-serif;
  float: right;
  width: 275px;
  padding: 17px 33px 2px 0;
  position: relative;
}

/* line 1345, scss/_legacy.scss */
section#side-body ul, section#float-side-body ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 1351, scss/_legacy.scss */
section#side-body li, section#float-side-body li {
  line-height: 16px;
}

/* line 1355, scss/_legacy.scss */
section#body:after, section#side-body:after, section#float-side-body:after {
  clear: left;
}

/* @group Main menu */
/* line 1361, scss/_legacy.scss */
#main-menu {
  position: absolute;
  bottom: 0;
  left: -25px;
  top: 105px;
}

/* line 1368, scss/_legacy.scss */
#main-menu ul {
  clear: both;
  height: 60px;
  overflow: hidden;
  width: 1024px;
  border-bottom: 9px solid blue;
  margin: 0 0 0 25px;
  display: block;
  background: none;
  border: none;
  position: relative;
  top: 0px;
  left: 0px;
  border-radius: 0px;
  padding: 0px;
  z-index: 2;
}

/* line 1386, scss/_legacy.scss */
#main-menu ul.reading-site {
  border-bottom: 9px solid #308bd0;
}

/* line 1390, scss/_legacy.scss */
#main-menu ul li {
  display: inline;
  float: left;
  margin-left: 3px;
}

/* line 1396, scss/_legacy.scss */
#main-menu ul li.last {
  margin-left: 0;
}

/* line 1399, scss/_legacy.scss */
#main-menu ul li a {
  color: #FFFFFF;
  display: block;
  font-size: 22px;
  font-weight: bold;
  height: 66px;
  letter-spacing: -1px;
  line-height: 1.5em;
  margin-top: 22px;
  padding-top: 8px;
  text-align: center;
  background-color: blue;
  border-radius: 10px;
  padding: 4px 17px 0 17px;
  text-decoration: underline;
}

/* line 1416, scss/_legacy.scss */
#main-menu ul li a:hover {
  text-decoration: none;
  opacity: 1.0;
  background-image: none;
  border-radius: 10px;
  filter: none;
}

/* line 1424, scss/_legacy.scss */
#main-menu ul li ul {
  display: none;
}

/* top-tips red */
/* line 1429, scss/_legacy.scss */
#main-menu ul.top-tips-for-reading {
  border-bottom: 9px solid #DE372C;
}

/* line 1432, scss/_legacy.scss */
#main-menu ul li.top-tips-for-reading a {
  background-color: #DE372C;
}

/* line 1435, scss/_legacy.scss */
body.top-tips-for-reading h1, body.top-tips-for-reading h2 {
  color: #DE372C;
}

/* line 1438, scss/_legacy.scss */
body.top-tips-for-reading .page-bg {
  background-color: #DE372C;
}

/* line 1441, scss/_legacy.scss */
body.top-tips-for-reading .page-fg {
  color: #DE372C;
}

/* line 1444, scss/_legacy.scss */
body.top-tips-for-reading section.tip a.tip-toggle {
  background-color: #DE372C;
}

/* line 1447, scss/_legacy.scss */
#main-menu ul.top-tips {
  border-bottom: 9px solid #DE372C;
}

/* line 1450, scss/_legacy.scss */
#main-menu ul li.top-tips a {
  background-color: #DE372C;
}

/* line 1453, scss/_legacy.scss */
body.top-tips h1 {
  color: #DE372C;
  padding-bottom: 10px;
}

/* line 1457, scss/_legacy.scss */
body.top-tips h2 {
  color: #DE372C;
  padding-bottom: 5px;
  padding-top: 5px;
}

/* line 1462, scss/_legacy.scss */
body.top-tips .page-bg {
  background-color: #DE372C;
}

/* line 1465, scss/_legacy.scss */
body.top-tips .page-fg {
  color: #DE372C;
}

/* line 1468, scss/_legacy.scss */
body.top-tips section.tip a.tip-toggle {
  background-color: #DE372C;
}

/* line 1471, scss/_legacy.scss */
body.top-tips #side-body .bubble-link {
  background: url("../img/buttons/sidebar/red.png");
}

/* line 1474, scss/_legacy.scss */
body.top-tips .print-button {
  background: transparent url(../img/buttons/print/red.png) no-repeat;
}

/* fun-ideas purple */
/* line 1478, scss/_legacy.scss */
#main-menu ul.fun-ideas {
  border-bottom: 9px solid #B468A7;
}

/* line 1481, scss/_legacy.scss */
#main-menu ul li.fun-ideas a {
  background-color: #B468A7;
}

/* line 1484, scss/_legacy.scss */
body.fun-ideas h1, body.fun-ideas h2 {
  color: #B468A7;
}

/* line 1487, scss/_legacy.scss */
body.fun-ideas .page-bg {
  background-color: #B468A7;
}

/* line 1490, scss/_legacy.scss */
body.fun-ideas .page-fg {
  color: #B468A7;
}

/* line 1493, scss/_legacy.scss */
body.fun-ideas section.tip a.tip-toggle {
  background-color: #B468A7;
}

/* line 1496, scss/_legacy.scss */
body.fun-ideas #side-body .bubble-link {
  background: url("../img/buttons/sidebar/lilac.png");
}

/* line 1499, scss/_legacy.scss */
body.fun-ideas .print-button {
  background: transparent url(../img/buttons/print/lilac.png) no-repeat;
}

/* fun-activities */
/* line 1503, scss/_legacy.scss */
#main-menu ul.fun-activities {
  border-bottom: 9px solid #B468A7;
}

/* line 1506, scss/_legacy.scss */
#main-menu ul li.fun-activities a {
  background-color: #B468A7;
}

/* line 1509, scss/_legacy.scss */
body.fun-activities h1, body.fun-activities h2 {
  color: #B468A7;
}

/* line 1512, scss/_legacy.scss */
body.fun-activities .page-bg {
  background-color: #B468A7;
}

/* line 1515, scss/_legacy.scss */
body.fun-activities .page-fg {
  color: #B468A7;
}

/* line 1518, scss/_legacy.scss */
body.fun-activities section.tip a.tip-toggle {
  background-color: #B468A7;
}

/* line 1521, scss/_legacy.scss */
body.fun-activities #side-body .bubble-link {
  background: url("../img/buttons/sidebar/lilac.png");
}

/* line 1524, scss/_legacy.scss */
body.fun-activities .print-button {
  background: transparent url(../img/buttons/print/lilac.png) no-repeat;
}

/* find-a-book */
/* line 1528, scss/_legacy.scss */
#main-menu ul.find-a-book {
  border-bottom: 9px solid #F6A412;
}

/* line 1531, scss/_legacy.scss */
#main-menu ul li.find-a-book a {
  background-color: #F6A412;
  color: #393939;
}

/* line 1535, scss/_legacy.scss */
body.find-a-book h1, body.find-a-book h2 {
  color: #F6A412;
}

/* line 1538, scss/_legacy.scss */
body.find-a-book .page-bg {
  background-color: #F6A412;
}

/* line 1541, scss/_legacy.scss */
body.find-a-book .page-fg {
  color: #F6A412;
}

/* line 1544, scss/_legacy.scss */
body.find-a-book section.tip a.tip-toggle {
  background-color: #F6A412;
}

/* line 1547, scss/_legacy.scss */
body.find-a-book #side-body .bubble-link {
  background: url("../img/buttons/sidebar/orange.png");
  color: #393939;
  box-shadow: 10px 11px 10px #ccc;
}

/* line 1552, scss/_legacy.scss */
body.find-a-book .print-button {
  color: #393939;
  background: transparent url(../img/buttons/print/orange.png) no-repeat;
}

/* line 1556, scss/_legacy.scss */
.reading-owl.find-a-book-page section#side-body .sidebar-button-spacer {
  margin-top: 0px;
}

/* at-school */
/* line 1560, scss/_legacy.scss */
#main-menu ul.at-school {
  border-bottom: 9px solid #59A831;
}

/* line 1563, scss/_legacy.scss */
#main-menu ul li.at-school a {
  background-color: #59A831;
}

/* line 1566, scss/_legacy.scss */
body.at-school h1, body.at-school h2 {
  color: #59A831;
}

/* line 1569, scss/_legacy.scss */
body.at-school .page-bg {
  background-color: #59A831;
}

/* line 1572, scss/_legacy.scss */
body.at-school .page-fg {
  color: #59A831;
}

/* line 1575, scss/_legacy.scss */
body.at-school section.tip a.tip-toggle {
  background-color: #59A831;
}

/* line 1578, scss/_legacy.scss */
body.at-school #side-body .bubble-link {
  background: url("../img/buttons/sidebar/green.png");
}

/* line 1581, scss/_legacy.scss */
body.at-school .print-button {
  background: transparent url(../img/buttons/print/green.png) no-repeat;
}

/* line 1584, scss/_legacy.scss */
.reading-owl.find-a-book-page a.image-link img {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 1595, scss/_legacy.scss */
.reading-owl.find-a-book-page a.image-link img:hover {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* maths-site */
/* line 1607, scss/_legacy.scss */
#main-menu ul.reading, #main-menu ul.maths {
  border-bottom: 9px solid #308BD0;
}

/* line 1610, scss/_legacy.scss */
#main-menu ul li.reading a, #main-menu ul li.maths a {
  background-color: #308BD0;
}

/* line 1613, scss/_legacy.scss */
body.reading h1, body.reading h2, body.maths h1, body.maths h2 {
  color: #308BD0;
}

/* line 1617, scss/_legacy.scss */
body.reading-owl .menu-item h2, body.maths-owl .menu-item h2 {
  color: #fff;
}

/* line 1621, scss/_legacy.scss */
body.reading-owl #content a {
  color: #08c;
}

/* line 1625, scss/_legacy.scss */
body.reading-owl #content a:hover {
  color: #cf1c6d;
}

/* line 1629, scss/_legacy.scss */
body.reading-owl #content a.bubble-link, body.reading-owl #content a.print-button {
  color: #fff;
}

/* line 1633, scss/_legacy.scss */
body.reading-owl #content a.print-button:hover {
  text-decoration: none;
}

/* line 1637, scss/_legacy.scss */
section.tip {
  margin: auto;
}

/*section#content h1 {
  font-size: 38.5px;
  margin: 0px;
}*/
/* line 1646, scss/_legacy.scss */
body.reading .page-bg, body.maths .page-bg {
  background-color: #308BD0;
}

/* line 1649, scss/_legacy.scss */
body.reading .page-fg, body.maths .page-fg {
  color: #308BD0;
}

/* line 1652, scss/_legacy.scss */
body.reading section.tip a.tip-toggle, body.maths section.tip a.tip-toggle {
  background-color: #308BD0;
}

/* line 1655, scss/_legacy.scss */
body.reading .print-button {
  background: transparent url(../img/buttons/print/blue.png) no-repeat;
}

/* expert-help */
/* line 1659, scss/_legacy.scss */
#main-menu ul.expert-help {
  border-bottom: 9px solid #7D6BB2;
}

/* line 1662, scss/_legacy.scss */
#main-menu ul li.expert-help a {
  background-color: #7D6BB2;
}

/* line 1665, scss/_legacy.scss */
body.expert-help h1, body.expert-help h2 {
  color: #7D6BB2;
}

/* line 1668, scss/_legacy.scss */
body.expert-help .page-bg {
  background-color: #7D6BB2;
}

/* line 1671, scss/_legacy.scss */
body.expert-help .page-fg {
  color: #7D6BB2;
}

/* line 1674, scss/_legacy.scss */
body.expert-help section.tip a.tip-toggle {
  background-color: #7D6BB2;
}

/* line 1677, scss/_legacy.scss */
body.expert-help #side-body .bubble-link {
  background: url("../img/buttons/sidebar/purple.png");
}

/* line 1680, scss/_legacy.scss */
body.expert-help .print-button {
  background: transparent url(../img/buttons/print/purple.png) no-repeat;
}

/* kids-barn */
/* line 1684, scss/_legacy.scss */
#main-menu ul.kids-barn {
  border-bottom: 9px solid #DABA6B;
}

/* line 1687, scss/_legacy.scss */
#main-menu ul li.kids-barn a {
  background: transparent url("../img/navigation/KidsBarn.png") no-repeat left top;
  color: transparent;
  margin-top: 18px;
}

/* line 1692, scss/_legacy.scss */
#main-menu ul li.kids-barn a:hover {
  margin-top: 10px;
}

/* line 1695, scss/_legacy.scss */
body.kids-barn h1, body.kids-barn h2 {
  color: #DABA6B;
}

/* line 1698, scss/_legacy.scss */
body.kids-barn .page-bg {
  background-color: #DABA6B;
}

/* line 1701, scss/_legacy.scss */
body.kids-barn .page-fg {
  color: #DABA6B;
}

/* line 1704, scss/_legacy.scss */
body.kids-barn section.tip a.tip-toggle {
  background-color: #DABA6B;
}

/* treasure-chest */
/* line 1710, scss/_legacy.scss */
#main-menu ul.treasure-chest {
  border-bottom: 9px solid #DABA6B;
}

/* line 1715, scss/_legacy.scss */
.maths-games-page #main-menu ul.treasure-chest,
.cooking-with-owl-page #main-menu ul.treasure-chest,
.fun-downloads-page #main-menu ul.treasure-chest {
  border-bottom: 9px solid #DABA6B;
}

/* line 1720, scss/_legacy.scss */
.treasure-chest.maths-games-page #hero,
.treasure-chest.cooking-with-owl-page #hero,
.treasure-chest.fun-downloads-page #hero {
  height: 286px;
}

/* line 1727, scss/_legacy.scss */
.maths-games-page #content,
.cooking-with-owl-page #content,
.fun-downloads-page #content,
.maths-owl.colour-in-page #content,
.maths-owl.wallpapers-page #content {
  padding: 22px 0 50px 26px;
}

/* line 1731, scss/_legacy.scss */
#main-menu ul li.treasure-chest a {
  background: transparent url("../img/navigation/KidsTreasureChest.png") no-repeat left top;
  color: transparent;
  width: 253px;
  margin-top: 18px;
}

/* line 1737, scss/_legacy.scss */
#main-menu ul li.treasure-chest a:hover {
  margin-top: 10px;
}

/* line 1740, scss/_legacy.scss */
body.treasure-chest h1, body.treasure-chest h2 {
  color: #DABA6B;
}

/* line 1743, scss/_legacy.scss */
body.treasure-chest .page-bg {
  background-color: #DABA6B;
}

/* line 1746, scss/_legacy.scss */
body.treasure-chest .page-fg {
  color: #DABA6B;
}

/* line 1749, scss/_legacy.scss */
body.treasure-chest section.tip a.tip-toggle {
  background-color: #DABA6B;
}

/* line 1752, scss/_legacy.scss */
#main-menu ul li.selected a, #main-menu ul li a:hover {
  margin-top: 16px;
}

/* line 1755, scss/_legacy.scss */
#main-menu ul li a:focus {
  margin-top: 12px;
}

/* line 1758, scss/_legacy.scss */
.treasure-chest.maths-games-page .maths-pod {
  padding: 0 20px 20px 0;
  width: 290px;
  height: 150px;
}

/* line 1763, scss/_legacy.scss */
.treasure-chest.fun-downloads-page .maths-pod {
  padding: 0 20px 20px 0;
  width: 290px;
  height: 150px;
}

/* line 1768, scss/_legacy.scss */
.treasure-chest.cooking-with-owl-page .maths-pod {
  padding: 0 20px 20px 0;
  width: 187px;
  height: 150px;
}

/* line 1773, scss/_legacy.scss */
.treasure-chest.cooking-with-owl-page .maths-pod:last-of-type {
  padding: 90px 0 0 82px;
  height: 80px;
}

/* line 1777, scss/_legacy.scss */
.maths-owl.colour-in-page #hero {
  height: 325px;
}

/* help-and-terms */
/* line 1781, scss/_legacy.scss */
#main-menu ul.help-and-terms {
  border-bottom: 9px solid #7D6BB2;
}

/* line 1784, scss/_legacy.scss */
#main-menu ul li.help-and-terms a {
  background-color: #7D6BB2;
}

/* line 1787, scss/_legacy.scss */
body.help-and-terms #content h1, body.help-and-terms #content h2 {
  color: #7D6BB2;
}

/* line 1790, scss/_legacy.scss */
body.help-and-terms .page-bg {
  background-color: #7D6BB2;
}

/* line 1793, scss/_legacy.scss */
body.help-and-terms .page-fg {
  color: #7D6BB2;
}

/* line 1796, scss/_legacy.scss */
body.help-and-terms section.tip a.tip-toggle {
  background-color: #7D6BB2;
}

/* line 1799, scss/_legacy.scss */
body.help-and-terms #side-body .bubble-link {
  background: url("../img/buttons/sidebar/purple.png");
}

/* line 1802, scss/_legacy.scss */
body.help-and-terms .print-button {
  background: transparent url(../img/buttons/print/purple.png) no-repeat;
}

/* @end */
/* @end */
/* the content section is the main area that changes with each page */
/*#content{
  margin-top: 0px;
  padding: 0 0 50px 33px;
  font-family: myriad-pro, sans-serif;
  position: relative;
}*/
/* line 1818, scss/_legacy.scss */
body.for-home-page #content {
  margin-top: 50px;
}

/* line 1822, scss/_legacy.scss */
#content h1 {
  font-family: fs-lola-primary-web,sans-serif;
}

/* line 1825, scss/_legacy.scss */
.welcome-layout-with-side-body #content h1 {
  font-family: myriad-pro, sans-serif;
  color: #5A5A5C;
}

/* line 1829, scss/_legacy.scss */
.welcome-layout-with-side-body #content p {
  font-family: myriad-pro, sans-serif;
  color: #5A5A5C;
  font-size: 24px;
  line-height: 29px;
}

/* line 1835, scss/_legacy.scss */
.welcome-layout-with-side-body #side-body p {
  font-size: 19px;
  line-height: 28px;
}

/* line 1841, scss/_legacy.scss */
#content:after {
  clear: left;
}

/* line 1845, scss/_legacy.scss */
.search-results-page #wide-body p:first-child {
  padding: 0px;
}

/* line 1849, scss/_legacy.scss */
.search-results-page #content {
  min-height: 200px;
}

/* line 1853, scss/_legacy.scss */
#wide-body p:first-child {
  padding: 28px 0 0 58px;
  font-size: 18px;
}

/* line 1858, scss/_legacy.scss */
#content .padded {
  padding: 0 33px;
}

/* line 1861, scss/_legacy.scss */
.unpadded {
  padding: 0 0 50px 0 !important;
  width: 1024px !important;
}

/* line 1866, scss/_legacy.scss */
#content p.info {
  font-size: 18px;
  margin-bottom: 19px;
}

/* @group tips */
/* line 1873, scss/_legacy.scss */
section.tip a.tip-toggle {
  display: block;
  margin-top: 7px;
  float: left;
  width: 29px;
  height: 29px;
  cursor: pointer;
  background-image: url("../img/buttons/tip-opened.png?1");
  background-repeat: no-repeat;
  border: 0 !important;
  border-color: none;
}

/* line 1886, scss/_legacy.scss */
section.tip h3 {
  margin-left: 42px;
  font-size: 20px;
}

/* line 1890, scss/_legacy.scss */
section.tip p {
  margin-left: 42px;
}

/* line 1893, scss/_legacy.scss */
section.tip ul, section.tip ol {
  margin-left: 70px;
}

/* line 1896, scss/_legacy.scss */
section.tip a.closed {
  background-image: url("../img/buttons/tip-closed.png?1");
}

/* @end */
/* line 1902, scss/_legacy.scss */
section.key-issue-container {
  background: url("../img/backgrounds/QuestionPhonicsBgBox.jpg") no-repeat scroll left top white;
  height: 108px !important;
  margin-bottom: 20px;
  padding: 5px 10px;
  width: 501px;
}

/* line 1909, scss/_legacy.scss */
section.key-issue-container-inner {
  position: relative;
}

/* line 1912, scss/_legacy.scss */
section.key-issue-container img {
  right: 10px;
  position: absolute;
  bottom: 5px;
}

/* line 1918, scss/_legacy.scss */
section.key-issue-container p {
  padding: 0px 5px 5px 5px;
  margin: 0px;
  font-size: 14px;
}

/* line 1924, scss/_legacy.scss */
section.key-issue-container h2 {
  font-size: 18px !important;
  line-height: 22px;
  width: 360px;
  margin: 0 0 10px 5px;
}

/* line 1931, scss/_legacy.scss */
section.key-issue-container a:hover {
  color: white;
  text-decoration: none;
}

/* line 1936, scss/_legacy.scss */
section#say-the-sounds {
  background: transparent url("../img/backgrounds/QuestionPhonicsBgBoxLarge.jpg") no-repeat scroll left top;
  height: 160px !important;
}

/* line 1941, scss/_legacy.scss */
section#say-the-sounds a {
  float: left;
  height: 37px;
  margin-right: 15px;
  padding-top: 8px;
  width: 52px;
  font-size: 14px;
  line-height: 14px;
}

/* line 1951, scss/_legacy.scss */
section#say-the-sounds .ws {
  width: 152px;
}

/* line 1956, scss/_legacy.scss */
section.pods:after {
  clear: left;
}

/* line 1959, scss/_legacy.scss */
section.pod {
  float: left;
  height: 230px !important;
  padding: 30px 80px 0 35px;
  width: 223px;
  position: relative;
  margin: auto;
  margin-bottom: -18px !important;
  background-repeat: no-repeat;
}

/* line 1970, scss/_legacy.scss */
section.pod h2 {
  color: #7E2C18;
  font-size: 25px;
  line-height: 25px;
  font-weight: normal;
  width: 170px;
  margin-bottom: 12px;
}

/* line 1979, scss/_legacy.scss */
section.pod p {
  width: 170px;
  margin: 0px;
}

/* line 1985, scss/_legacy.scss */
body.reading-owl #content section.pod a, section.pod a:hover {
  position: absolute;
  top: 192px;
  text-align: center;
  left: 27px;
  color: white;
  font-size: 18px;
  text-decoration: none;
  display: block;
  width: 180px;
  font-family: fs-lola-primary-web, sans-serif;
  font-weight: bold;
}

/* line 1999, scss/_legacy.scss */
.pod-container {
  background: url("../img/backgrounds/bg-pod.gif") no-repeat scroll left top transparent;
  height: 188px;
  margin-right: 16px;
  margin-bottom: 38px;
  padding: 2px 2px 8px 5px;
  text-align: left;
  width: 198px;
  float: left;
}

/* line 2010, scss/_legacy.scss */
.pod-container.owl img.lightbox-img {
  width: 193px;
}

/* line 2013, scss/_legacy.scss */
.pod-container.maths-wallpaper img.lightbox-img {
  width: 193px;
}

/* line 2016, scss/_legacy.scss */
.pod-container.owl p {
  margin-top: 10px !important;
}

/* line 2020, scss/_legacy.scss */
.pod-container-with-owls {
  position: relative;
  float: left;
  color: transparent;
  margin-bottom: 10px;
}

/* line 2026, scss/_legacy.scss */
.pod-container-with-owls .pod-container {
  margin-bottom: 76px;
}

/* line 2030, scss/_legacy.scss */
.pod-container-with-owls .pod-container img.lightbox-img {
  border: 1px solid #EFEFEF;
  display: block;
  margin: 5px auto;
}

/* line 2036, scss/_legacy.scss */
.owls {
  position: absolute;
  top: 214px;
  left: 13px;
  width: 83px;
  height: 30px;
  color: transparent;
}

/* line 2045, scss/_legacy.scss */
.owls-info {
  position: absolute;
  top: 214px;
  left: 130px;
  width: 335px;
  height: 30px;
  color: transparent;
  background-image: url(../img/info/owls/difficulty-rating-bar.gif);
}

/* line 2055, scss/_legacy.scss */
.pod-container-with-owls .owls {
  left: 116px;
}

/* line 2059, scss/_legacy.scss */
.owls1_2 {
  background: white url(../img/info/owls/1owl2.gif);
}

/* line 2062, scss/_legacy.scss */
.owls2_2 {
  background: white url(../img/info/owls/2owl2.gif);
}

/* line 2065, scss/_legacy.scss */
.owls1 {
  background: white url(../img/info/owls/1owl.gif);
}

/* line 2068, scss/_legacy.scss */
.owls2 {
  background: white url(../img/info/owls/2owl.gif);
}

/* line 2071, scss/_legacy.scss */
.owls3 {
  background: white url(../img/info/owls/3owl.gif);
}

/* line 2074, scss/_legacy.scss */
.owls1-junior {
  background: white url(../img/info/owls/1owl-junior.gif);
}

/* line 2077, scss/_legacy.scss */
.owls2-junior {
  background: white url(../img/info/owls/2owl-junior.gif);
}

/* line 2080, scss/_legacy.scss */
.owls3-junior {
  background: white url(../img/info/owls/3owl-junior.gif);
}

/* line 2083, scss/_legacy.scss */
.pod-container p {
  margin-top: 0px !important;
}

/* line 2087, scss/_legacy.scss */
.pods .pod-container {
  margin-right: 11px;
}

/* line 2091, scss/_legacy.scss */
.pod-container.dress-oxford-owl {
  position: relative;
}

/* line 2094, scss/_legacy.scss */
.pod-container:last {
  margin-right: 0;
}

/* line 2098, scss/_legacy.scss */
.pod-container.dress-oxford-owl h3 {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 30px;
  line-height: 26px;
  font-size: 20px;
}

/* line 2107, scss/_legacy.scss */
.pod-container.dress-oxford-owl a, .pod-container.dress-oxford-owl a:hover {
  position: absolute;
  top: 153px;
  left: 36px;
  font-size: 20px;
  color: #fff !important;
  text-decoration: none;
}

/* line 2116, scss/_legacy.scss */
.pod-container .pod-content-title {
  color: #000000;
  float: left;
  font-size: 14px;
  margin-left: 15px;
  margin-top: 10px;
  width: 120px;
}

/* line 2125, scss/_legacy.scss */
.pod-container img {
  margin-left: auto;
  margin-right: auto;
}

/* line 2130, scss/_legacy.scss */
.pod-container .icon {
  float: left;
  margin-left: 5px;
  margin-top: 8px;
}

/* line 2136, scss/_legacy.scss */
.game-pod, .game-pod a {
  display: block;
  width: 492px;
  height: 248px;
  background-repeat: no-repeat;
  position: relative;
}

/* line 2144, scss/_legacy.scss */
#content .meet-the-team {
  float: left;
  width: 300px;
}

/* line 2148, scss/_legacy.scss */
#content .meet-the-team h3 {
  padding-left: 10px;
}

/* line 2151, scss/_legacy.scss */
#content .meet-the-team p {
  padding: 0 10px 40px 10px;
}

/* line 2155, scss/_legacy.scss */
#hero {
  width: 1024px;
  height: 266px;
  position: relative;
  left: -33px;
  top: -16px;
}

/* line 2163, scss/_legacy.scss */
img#barn-map {
  width: 1024px;
  height: 266px;
}

/* @group Footer */
/* the footer section is the section at the bottom of the page that rarely changes */
/* line 2170, scss/_legacy.scss */
#footer {
  height: 180px !important;
  padding: 0px 33px 0 33px;
  width: 950px;
  left: auto;
  bottom: 0;
  clear: both;
  position: relative;
}

/* line 2182, scss/_legacy.scss */
.welcome-page #footer,
.for-school-page #footer,
.ebook-collection-page #footer {
  height: 120px;
}

/* line 2186, scss/_legacy.scss */
#footer #newsletter {
  background-color: #B8DEF7;
  font-size: 11px;
  color: #444;
  height: 28px;
  padding: 7px 2px 2px 10px;
  border-radius: 10px;
  width: 690px;
  position: relative;
  top: 46px;
  margin-bottom: 16px;
}

/* line 2199, scss/_legacy.scss */
#footer #newsletter p {
  float: left;
  font-size: 18px;
  margin-top: 2px;
}

/* line 2205, scss/_legacy.scss */
#footer #newsletter input {
  float: left;
  border: none;
  background: #b8def7 url("../img/backgrounds/newsletter-input.png") no-repeat left top;
  height: 31px;
  width: 210px;
  color: #666;
  font-size: 14px;
  line-height: 16px;
  padding-left: 10px;
  padding-top: 0;
  margin-left: 1px;
  position: relative;
  top: -4px;
}

/* line 2221, scss/_legacy.scss */
body.ipad #footer #newsletter input {
  height: 30px;
}

/* line 2225, scss/_legacy.scss */
#footer #newsletter img {
  margin-left: 0px;
  margin-top: -3px;
  vertical-align: top;
}

/* line 2231, scss/_legacy.scss */
#footer .facebook {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/footer/facebook.png");
  position: relative;
  top: 43px;
  left: -1px;
}

/* line 2241, scss/_legacy.scss */
#footer .addthis_toolbox {
  clear: both;
  position: absolute;
  bottom: 50px;
  left: 30px;
  width: 200px;
}

/* line 2249, scss/_legacy.scss */
#footer .owl, #footer .oup-logo {
  position: absolute;
  margin-top: 47px;
  right: 5px;
  width: 230px;
  height: 132px !important;
  background-repeat: no-repeat;
  background-image: url("../img/footer/owl.png");
}

/* line 2258, scss/_legacy.scss */
#footer .oup-logo {
  height: 50px;
  width: 120px;
  right: 33px;
  background: url("../img/footer/oup_logo.png") no-repeat;
}

/* @end */
/* line 2267, scss/_legacy.scss */
#bottom-links {
  position: relative;
  height: 36px !important;
  min-height: 36px !important;
  line-height: 36px;
  font-size: 13px;
  text-align: center;
  width: 1024px;
  color: white;
}

/* line 2278, scss/_legacy.scss */
#bottom-links ul {
  list-style-type: none;
  height: 36px;
  margin: 0;
  padding: 0;
}

/* line 2285, scss/_legacy.scss */
#bottom-links li {
  display: inline;
}

/* @end */
/* @group Buttons */
/* line 2294, scss/_legacy.scss */
body.for-home .buttons .image-link:first-child {
  margin: 0 43px 0 25px;
}

/* line 2298, scss/_legacy.scss */
body.for-home .buttons a.image-link {
  border-bottom: none;
}

/* line 2302, scss/_legacy.scss */
body.for-home .buttons a.image-link:hover, body.for-home .buttons a.image-link:active {
  background-color: transparent;
}

/* line 2306, scss/_legacy.scss */
body.for-home section.buttons {
  margin-bottom: 5px;
}

/* line 2310, scss/_legacy.scss */
body.for-home .buttons .image-link img {
  box-shadow: 10px 10px 10px #ccc;
  border-radius: 20px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 2324, scss/_legacy.scss */
body.for-home .buttons .image-link img:hover {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* line 2336, scss/_legacy.scss */
.print-buttons {
  display: block;
  position: relative;
  bottom: 10px;
  width: 220px;
  margin: auto;
}

/* line 2343, scss/_legacy.scss */
.print-buttons a {
  background-color: #0391e6;
  padding: 2px 25px 5px 25px;
  text-align: center;
  color: white;
  font-size: 24px;
  text-decoration: none;
  border-radius: 10px;
  margin-right: 10px;
}

/* line 2354, scss/_legacy.scss */
.print-button {
  color: white;
  padding: 9px 11px 12px 20px;
  border-radius: 25px;
  width: 85px;
  display: block;
  font-family: fs-lola-primary-web, sans-serif;
  font-size: 19px;
  font-weight: bold;
  line-height: 20px;
  box-shadow: 5px 5px 10px #bbb;
}

/* @group Behaviour */
/* bubble buttons*/
/* line 2371, scss/_legacy.scss */
.bubble-link {
  display: block;
  background: transparent url("../img/buttons/sidebar/bubble.png") repeat-y;
  width: 276px;
  text-align: center;
  padding: 14px 0;
  color: white;
  font-size: 22px;
  font-weight: bold;
  line-height: 22px;
  border-radius: 18px;
  box-shadow: 10px 11px 10px #ccc;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  margin-bottom: 16px;
}

/* line 2394, scss/_legacy.scss */
.bubble-link:hover {
  color: white;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

/* line 2408, scss/_legacy.scss */
a.lesser-bubble-link {
  display: block;
  border-radius: 5px;
  width: 176px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #fff !important;
  font-size: 18px;
}

/* line 2419, scss/_legacy.scss */
body.find-a-book-page #content a.bubble-link {
  color: #000;
}

/* @end */
/* @end */
/* @group Dropdowns */
/* line 2426, scss/_legacy.scss */
div.dropdown > a {
  display: block;
  width: 330px;
  margin: 0 0 12px 12px;
  height: 27px;
  border-radius: 14px;
  padding: 11px 0 4px 20px;
  box-shadow: 0 0 15px #888;
  background-color: #f9a400;
  background: #f9a400 url("../img/dropdown/caret.png") no-repeat 306px 13px;
}

/* line 2437, scss/_legacy.scss */
.ebook-collection div.dropdown > a {
  background: lightgrey url("../img/dropdown/caret.png") no-repeat 300px 13px;
  width: 330px;
  box-shadow: none;
  margin: 0 0 12px 0;
}

/* line 2443, scss/_legacy.scss */
div.dropdown a {
  color: #393939;
  font-size: 20px;
  font-weight: bold;
  font-family: fs-lola-primary-web, sans-serif;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 2458, scss/_legacy.scss */
div.dropdown a:hover {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* line 2470, scss/_legacy.scss */
body.find-a-book div.dropdown a {
  color: #333 !important;
}

/* line 2474, scss/_legacy.scss */
body.find-a-book div.dropdown a:hover {
  background-color: #f9a400;
}

/* line 2478, scss/_legacy.scss */
body.ipad div.dropdown a:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 2483, scss/_legacy.scss */
body.iphone div.dropdown a:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 2488, scss/_legacy.scss */
div.dropdown.span4 {
  width: 360px;
  float: left;
  position: relative;
}

/* line 2493, scss/_legacy.scss */
ul.dropdown-menu {
  width: 350px;
  left: 10px;
  top: 36px;
  border-radius: 14px;
}

/* line 2499, scss/_legacy.scss */
ul.dropdown-menu.profile-menu {
  width: auto;
  border-radius: none;
}

/* line 2503, scss/_legacy.scss */
#global-masthead a {
  text-decoration: none;
}

/* @end */
/* line 2509, scss/_legacy.scss */
section.lib-signin {
  position: absolute;
  right: 34px;
  top: 235px;
  width: 100px;
  display: none;
}

/* line 2517, scss/_legacy.scss */
section.lib-signin a {
  font-size: 22px;
  color: #FAA21B;
  text-decoration: underline;
  display: block;
  height: 35px;
}

/* line 2525, scss/_legacy.scss */
.butterfly-1 {
  width: 110px;
  background: transparent url("../img/backgrounds/butterfly_1.png") no-repeat right;
}

/* line 2530, scss/_legacy.scss */
.butterfly-2 {
  width: 90px;
  background: transparent url("../img/backgrounds/butterfly_2.png") no-repeat right;
}

/* @group FormLibrary */
/* line 2537, scss/_legacy.scss */
section#FormLibrary {
  height: 220px !important;
}

/* line 2541, scss/_legacy.scss */
section#FormLibrary .container {
  margin-left: 45px;
}

/* line 2545, scss/_legacy.scss */
section#FormLibrary ul.dropdown-menu {
  display: none;
  width: 330px;
  position: absolute;
  border: 1px solid #aaa;
  top: 26px;
  left: 10px;
  z-index: 50;
  background-color: #fff;
  box-shadow: 4px 4px 10px 0 #dbdbdb;
  margin: 0px;
}

/* line 2558, scss/_legacy.scss */
.ebook-library section#FormLibrary ul.dropdown-menu {
  background-color: #d3d3d3;
}

/* line 2562, scss/_legacy.scss */
section#FormLibrary ul.dropdown-menu li {
  margin: 2px;
  list-style-type: none;
}

/* line 2567, scss/_legacy.scss */
section#FormLibrary ul.dropdown-menu li a {
  color: #000;
  display: inline-block;
  width: 310px;
  padding: 5px;
}

/* line 2574, scss/_legacy.scss */
section#FormLibrary ul.dropdown-menu li a:hover {
  color: #fff !important;
  background-color: #08c;
  font-weight: bold;
  text-decoration: none;
}

/* line 2581, scss/_legacy.scss */
.ebook-collection section#FormLibrary {
  height: 208px !important;
}

/* line 2585, scss/_legacy.scss */
.view-select {
  position: absolute;
  right: 9px;
  top: 15px;
}

/* line 2590, scss/_legacy.scss */
.ebook-collection .view-select {
  top: 86px;
  right: 28px;
}

/* line 2594, scss/_legacy.scss */
.ebook-collection #wide-body h2 {
  color: #59595C;
  font-weight: bold;
  font-family: fs-lola-primary-web, sans-serif;
  font-size: 18pt;
  margin-bottom: 2px;
  margin-left: 7px;
}

/* line 2602, scss/_legacy.scss */
.ebook-collection #wide-body p {
  width: 642px;
  color: #59595C;
  font-size: 19px;
  line-height: 28px;
  margin-left: 7px;
}

/* line 2609, scss/_legacy.scss */
.ebook-collection #FormLibrary {
  padding-top: 30px;
  margin-left: 17px;
}

/* line 2614, scss/_legacy.scss */
.ebook-collection #FormLibrary div.dropdown.span4 {
  width: 382px;
}

/* line 2618, scss/_legacy.scss */
.view-select .default-view {
  display: inline-block;
  width: 117px;
  height: 39px;
  background: transparent url(../img/buttons/library-covers.png?1) 0 39px;
}

/* line 2624, scss/_legacy.scss */
.view-select .default-view.active {
  background: transparent url(../img/buttons/library-covers.png?1);
}

/* line 2628, scss/_legacy.scss */
.view-select .detail-view {
  display: inline-block;
  width: 117px;
  height: 39px;
  background: transparent url(../img/buttons/library-detail.png) 0 39px;
}

/* line 2634, scss/_legacy.scss */
.view-select .detail-view.active {
  background: transparent url(../img/buttons/library-detail.png);
}

/* line 2637, scss/_legacy.scss */
.search-ebook {
  position: absolute;
  right: 20px;
  top: 12px;
}

/* line 2643, scss/_legacy.scss */
.search-ebook .label {
  color: #6C6C6F;
  background: transparent;
  font-family: fs-lola-primary-web, sans-serif;
  font-size: 17pt;
  margin-bottom: 2px;
  font-weight: bold;
  margin-left: -6px;
}

/* line 2652, scss/_legacy.scss */
.search-ebook input {
  border-radius: 15px;
  border: 2px solid #C1C1C1;
  padding: 5px 0 5px 35px;
  background: url(../img/backgrounds/loupe.png) no-repeat 10px 2px;
  margin-top: 7px;
}

/* line 2659, scss/_legacy.scss */
.search-ebook input#submit-ebook-search {
  display: none;
}

/* @end */
/* @group Bookshelf */
/* line 2668, scss/_legacy.scss */
ul.bookshelf {
  background: url(../img/backgrounds/bookshelf.png) no-repeat scroll left bottom transparent;
  height: 158px;
  margin: 20px -15px;
  position: relative;
  text-align: center;
  width: 1002px;
  position: relative;
}

/* line 2678, scss/_legacy.scss */
.ebook-library ul.bookshelf {
  background: none;
  border-bottom: 2px solid #BDBDBE;
  width: 940px;
  margin: 20px 0;
}

/* line 2685, scss/_legacy.scss */
.ebook-library ul.bookshelf li {
  margin: 0px 0px 0px 22px;
}

/* line 2689, scss/_legacy.scss */
.ebook-library ul.bookshelf li:first-child {
  margin-left: 0px;
}

/* line 2693, scss/_legacy.scss */
ul.bookshelf li {
  background-position: center bottom;
  background-repeat: no-repeat;
  border: 0px solid green;
  height: 135px;
  width: 135px;
  margin: -40px 0px 0px 22px;
  float: left;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(200, 0, 0, 0);
}

/* line 2707, scss/_legacy.scss */
ul.bookshelf .is-ebook {
  width: 54px;
  height: 54px;
  background: transparent url("../img/books/isEbook.png") no-repeat left top;
  position: absolute;
  bottom: -13px;
  right: -10px;
}

/* line 2715, scss/_legacy.scss */
.ebook-library ul.bookshelf .is-ebook {
  background: transparent url("../img/books/isEbook-teal.png?1") no-repeat left top;
  bottom: -21px;
  right: -20px;
}

/* line 2720, scss/_legacy.scss */
table.booktable {
  margin: 0px 10px 33px 10px;
  width: 962px;
  table-layout: fixed;
  position: relative;
}

/* line 2727, scss/_legacy.scss */
table.booktable, table.booktable tr, table.booktable th, table.booktable td {
  border: 0px;
}

/* line 2731, scss/_legacy.scss */
body.reading-owl #content table.booktable a.btn-booktable {
  color: #000;
}

/* line 2738, scss/_legacy.scss */
table.booktable th.th-image-book,
table.booktable th.th-title,
table.booktable th.th-author,
table.booktable th.th-series {
  background: #F8A326;
}

/* line 2741, scss/_legacy.scss */
table.booktable th.th-image-book {
  width: 115px;
  border-radius: 24px 0 0 0;
  padding-left: 15px;
}

/* line 2746, scss/_legacy.scss */
table.booktable th.th-title {
  width: 135px;
}

/* line 2749, scss/_legacy.scss */
table.booktable th.th-author {
  width: 140px;
}

/* line 2752, scss/_legacy.scss */
table.booktable th.th-series {
  width: 180px;
  border-radius: 0 24px 0 0;
}

/* line 2756, scss/_legacy.scss */
table.booktable th.th-empty {
  width: 126px;
  background-color: transparent;
}

/* line 2760, scss/_legacy.scss */
table.booktable th {
  color: #393939;
  font: bold 22px/1em "fs-lola-primary-web", sans-serif;
  border-bottom: 7px solid transparent;
  padding: 7px 0 3px;
  vertical-align: bottom;
}

/* line 2767, scss/_legacy.scss */
.booktable thead tr:after {
  content: "";
  width: 100%;
  height: 7px;
  background: #F8A326;
  position: absolute;
  left: 0;
  border-radius: 0 5px 5px 0;
  top: 54px;
}

/* line 2777, scss/_legacy.scss */
.ebook-collection-page .booktable thead tr:after {
  background: #DEDEDE;
}

/* line 2782, scss/_legacy.scss */
table.booktable td, table.booktable th {
  text-align: left;
}

/* line 2785, scss/_legacy.scss */
table.booktable tbody td {
  vertical-align: top;
  padding: 10px 20px 12px 0;
  border-bottom: 2px solid #F8A326;
}

/* line 2790, scss/_legacy.scss */
table.booktable tbody td a {
  color: #333;
}

/* line 2794, scss/_legacy.scss */
table.booktable tbody td .btn-booktable {
  background: #fff;
  border: 2px solid #F8A326;
  display: inline-block;
  padding: 4px 10px;
  max-width: 90px;
  border-radius: 14px;
  margin-bottom: 80px;
  font-size: 14px;
  box-shadow: 2px 2px 5px #888;
}

/* @end */
/* @group Carousel */
/* @end */
/* line 2813, scss/_legacy.scss */
.oxford-id {
  text-align: right;
}

/* @specific pages */
/* line 2818, scss/_legacy.scss */
.video-js {
  margin: auto;
}

/* line 2822, scss/_legacy.scss */
body.biff-chip-kipper #hero {
  background: transparent url(../img/barn/hero/hero-barn-nav-biff.jpg);
}

/* line 2826, scss/_legacy.scss */
body.project-x #hero {
  background: transparent url(../img/barn/hero/hero-barn-nav-project.jpg);
}

/* line 2830, scss/_legacy.scss */
body.oxford-owl #hero {
  background: transparent url(../img/barn/hero/hero-barn-nav-owl.jpg);
}

/* line 2834, scss/_legacy.scss */
body.meet-the-team #hero {
  background: transparent url(../img/barn/hero/hero-barn-nav-meet.jpg);
}

/* line 2838, scss/_legacy.scss */
body.print-out-and-play #hero {
  background: transparent url(../img/barn/hero/hero-barn-nav-printplay.jpg);
}

/* line 2842, scss/_legacy.scss */
body.oxford-owl #content {
  background-color: #9c6a45;
  min-height: 600px;
  margin-bottom: 50px;
}

/* line 2847, scss/_legacy.scss */
body.oxford-owl .pods {
  background-color: white;
  height: 255px !important;
  padding: 25px;
  padding-right: 13px;
  width: 866px;
  border-radius: 10px;
}

/* line 2856, scss/_legacy.scss */
section.wallpaper {
  background: white url(../img/backgrounds/wallpaper-popup.jpg) 22px 0 no-repeat;
  padding: 120px 0 0 81px;
  min-height: 600px;
}

/* line 2862, scss/_legacy.scss */
section.wallpaper img {
  box-shadow: 0 0 10px #888;
}

/* line 2865, scss/_legacy.scss */
section.wallpaper .small-wallpaper-select {
  float: left;
  width: 250px;
  height: 250px;
}

/* line 2870, scss/_legacy.scss */
section.wallpaper .small-wallpaper-select select {
  margin-top: 20px;
  font-size: 14px;
}

/* line 2874, scss/_legacy.scss */
section.wallpaper .large-wallpaper-select {
  text-align: center;
  width: 500px;
  position: relative;
  left: -10px;
}

/* line 2880, scss/_legacy.scss */
section.wallpaper .large-wallpaper-select select {
  margin-top: 50px;
  font-size: 14px;
}

/* line 2885, scss/_legacy.scss */
body.video-with-playlist #global-masthead, body.popup-layout #global-masthead {
  display: none;
}

/* line 2889, scss/_legacy.scss */
#cboxWrapper {
  overflow: visible;
}

/* line 2893, scss/_legacy.scss */
#cboxClose {
  visibility: visible;
  top: -15px;
  right: -15px;
}

/* line 2899, scss/_legacy.scss */
section#video-body {
  float: right;
  width: 625px;
  margin: 33px 165px 0 0;
}

/* line 2905, scss/_legacy.scss */
section#video-side-body {
  float: left;
  width: 180px;
  padding-left: 20px;
}

/* line 2910, scss/_legacy.scss */
section#video-side-body h3 {
  margin: 30px 0px 20px 0px;
  font-family: fs-lola-primary-web, sans-serif;
  font-weight: bold;
}

/* line 2915, scss/_legacy.scss */
section#video-side-body ul {
  margin: 0;
}

/* line 2918, scss/_legacy.scss */
section#video-side-body li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* line 2924, scss/_legacy.scss */
section#video-side-body li a:hover, section#video-side-body li a:active, section#video-side-body li a:focus {
  background-color: transparent;
  color: #cf1c6d;
}

/* line 2929, scss/_legacy.scss */
.vjs-default-skin .vjs-big-play-button {
  position: relative;
  left: auto;
  top: 12em;
  margin: auto;
}

/* @end */
/* line 2937, scss/_legacy.scss */
.pagination {
  display: block;
  margin: 2em auto;
  text-align: center;
}

/* line 2943, scss/_legacy.scss */
.pagination * {
  display: inline-block;
}

/* line 2947, scss/_legacy.scss */
.pagination .current {
  font-size: 20px;
  font-weight: bold;
}

/* line 2952, scss/_legacy.scss */
.pagination a {
  padding: 4px;
  font-size: 18px;
  font-weight: bold;
  height: 20px;
  background: none;
  line-height: 24px;
  box-shadow: none;
  border: none;
}

/* line 2964, scss/_legacy.scss */
.pagination span.previous_page, .pagination span.next_page {
  padding: 0;
}

/* line 2969, scss/_legacy.scss */
.pagination .button, .pagination .previous_page, .pagination .next_page {
  color: #fff;
  cursor: pointer;
}

/* line 2976, scss/_legacy.scss */
.pagination .button:hover, .pagination .previous_page:hover, .next_page:hover {
  color: #fff;
  opacity: 0.9;
}

/* line 2981, scss/_legacy.scss */
.pagination .disabled, .pagination .disabled:hover {
  color: #333;
  cursor: default;
}

/* line 2991, scss/_legacy.scss */
.pagination .button.disabled,
.pagination .button.disabled:hover,
.pagination .previous_page.disabled,
.pagination .previous_page.disabled:hover,
.pagination .next_page.disabled,
.pagination .next_page.disabled:hover {
  filter: none;
  opacity: 1;
}

/* line 2996, scss/_legacy.scss */
body.confirmation-page-page #main h2, body.confirmation-error-page #main h2 {
  color: #575789;
  font-weight: normal;
  font-size: 46px;
}

/* line 3002, scss/_legacy.scss */
.activity-container {
  display: block;
  float: left;
  text-align: center;
  width: 170px;
  min-height: 260px;
  width: 231px;
}

/* line 3010, scss/_legacy.scss */
.activity-container h3 {
  font-size: 16px;
  line-height: 16px;
}

/* line 3015, scss/_legacy.scss */
.row-container {
  display: inline-block;
  margin-left: 59px;
  margin-top: 10px;
  vertical-align: top;
}

/* Treasure Chest Page */
/* line 3024, scss/_legacy.scss */
.treasure-chest-page #content {
  padding: 0px;
}

/* line 3028, scss/_legacy.scss */
.treasure-chest #hero {
  left: 0;
  top: 0;
  height: 296px !important;
}

/* line 3034, scss/_legacy.scss */
.treasure-chest-page #hero {
  background: url("../img/backgrounds/OWL_chest_main.png") no-repeat;
  height: 643px !important;
}

/* line 3039, scss/_legacy.scss */
.treasure-chest-page #float-side-body {
  display: none;
}

/* line 3043, scss/_legacy.scss */
.treasure-game {
  float: left;
  height: 207px !important;
  padding: 20px 30px 40px;
  position: relative;
  width: 265px;
  color: #2c438f;
  min-height: 207px;
  top: -270px;
  left: 25px;
  margin-bottom: -250px !important;
}

/* line 3055, scss/_legacy.scss */
.treasure-game h2 {
  color: #2c438f !important;
  font-family: fs-lola-primary-web, sans-serif;
  font-size: 24px;
}

/* line 3060, scss/_legacy.scss */
.treasure-game a {
  font-family: fs-lola-primary-web, sans-serif;
  border-radius: 8px 8px 8px 8px;
  color: #FFFFFF;
  display: block;
  font-size: 18px;
  white-space: nowrap;
  font-weight: bold;
  left: 10px;
  padding: 9px 40px;
  position: absolute;
  top: 179px;
  width: 100px;
}

/* line 3074, scss/_legacy.scss */
.treasure-game + .treasure-game a {
  left: 13px;
}

/* line 3077, scss/_legacy.scss */
.treasure-game:last-of-type a {
  left: 7px;
}

/* end */
/* Maths video pod */
/* line 3083, scss/_legacy.scss */
.maths-video-pod {
  background: -moz-linear-gradient(center top, #fafafa, #e9e9e9) repeat scroll 0 0 transparent;
  border: 1px solid #E7E7E7;
  border-radius: 7px 7px 7px 7px;
  float: left;
  height: 190px;
  margin: 0 20px 20px 0;
  padding: 10px;
  position: relative;
  width: 250px;
  float: left;
}

/* line 3095, scss/_legacy.scss */
.maths-video-pod h3 {
  color: white;
  position: absolute;
  font-size: 24px;
  line-height: 24px;
  left: 20px;
  width: 230px;
  text-align: center;
  top: 15px;
}

/* line 3106, scss/_legacy.scss */
.maths-video-pod a.video-image {
  position: absolute;
  top: 75px;
  left: 177px;
  background: url(../img/buttons/play-button.png);
  display: block;
  width: 48px;
  height: 46px;
}

/* line 3115, scss/_legacy.scss */
.maths-video-pod a.video-image:hover {
  opacity: 0.6;
}

/* line 3118, scss/_legacy.scss */
.maths-video-pod a.video-link {
  position: absolute;
  bottom: 5px;
  background: #ad91e8;
  color: white;
  padding: 9px 20px;
  border-radius: 10px;
  left: 65px;
}

/* end */
/* Treasure Chest Games */
/* line 3132, scss/_legacy.scss */
.maths-pod {
  width: 263px;
  height: 160px;
  float: left;
  position: relative;
}

/* line 3138, scss/_legacy.scss */
.maths-pod span {
  position: absolute;
  left: 204px;
  top: 106px;
  font-size: 24px;
  color: #363636;
  font-weight: bold;
  font-family: fs-lola-primary-web, sans-serif;
}

/* end */
/* line 3149, scss/_legacy.scss */
.simple-math-pod {
  display: block;
  float: left;
  width: 120px;
  height: 110px;
  padding: 20px 10px 10px 10px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: white;
  border-radius: 20px;
  margin: 7px;
}

/* line 3162, scss/_legacy.scss */
.simple-math-pod:hover {
  color: white;
}

/* line 3166, scss/_legacy.scss */
.colouring-download {
  float: left;
  width: 150px;
  margin-right: 20px;
}

/* line 3172, scss/_legacy.scss */
.colouring-download img {
  border: 1px solid black;
}

/* line 3176, scss/_legacy.scss */
.colouring-download span {
  display: block;
  width: 150px;
  text-align: center;
  padding-top: 10px;
}

/* Kids Barn page */
/* line 3185, scss/_legacy.scss */
.kids-barn-page .pod a {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 3196, scss/_legacy.scss */
.kids-barn-page .pod a:hover {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* line 3207, scss/_legacy.scss */
.kids-barn-page .play-with-biff a {
  left: 15px !important;
  padding-top: 9px;
  text-align: center;
  height: 37px;
  background: url("../img/buttons/kids_barn/green.png") no-repeat 19px 0px;
}

/* line 3215, scss/_legacy.scss */
.kids-barn-page .pod.find-a-book a {
  color: #393939;
  height: 34px;
  bottom: 26px!important;
  left: 0px!important;
  padding-top: 11px;
  background: url(../img/buttons/kids_barn/orange.png) no-repeat 20px 0px;
}

/* line 3224, scss/_legacy.scss */
.kids-barn-page .play-with-project-x,
.kids-barn-page .meet-the-rest-of-the-team {
  padding-left: 26px;
  padding-right: 89px;
}

/* line 3228, scss/_legacy.scss */
.kids-barn-page .play-with-project-x a {
  padding-top: 10px;
  left: 5px !important;
  height: 38px;
  background: url(../img/buttons/kids_barn/green.png) no-repeat 19px 0px;
}

/* line 3234, scss/_legacy.scss */
.kids-barn-page .play-with-oxford-owl {
  padding-left: 18px;
  padding-right: 100px;
}

/* line 3238, scss/_legacy.scss */
.kids-barn-page .play-with-oxford-owl a {
  bottom: 18px!important;
  left: -3px !important;
  padding-top: 10px;
  height: 37px;
  background: url(../img/buttons/kids_barn/green.png) no-repeat 19px 0px;
}

/* line 3246, scss/_legacy.scss */
.kids-barn-page section.pod.print-and-play, .kids-barn-page section.pod.meet-the-rest-of-the-team, .kids-barn-page section.pod.find-a-book {
  margin-top: -20px;
}

/* line 3250, scss/_legacy.scss */
.kids-barn-page .print-and-play a {
  bottom: 26px!important;
  left: 14px!important;
  height: 38px;
  padding-top: 10px;
  background: url(../img/buttons/kids_barn/green.png) no-repeat 19px 0px;
}

/* line 3257, scss/_legacy.scss */
.kids-barn-page .meet-the-rest-of-the-team a {
  bottom: 26px!important;
  left: 14px!important;
  height: 38px;
  padding-top: 9px;
  background: url("../img/buttons/kids_barn/blue.png") no-repeat 7px 0px;
}

/* line 3265, scss/_legacy.scss */
.kids-barn-page .meet-the-rest-of-the-team p,
.kids-barn-page .find-a-book p {
  width: 160px;
}

/* line 3268, scss/_legacy.scss */
.kids-barn-page .pod.find-a-book {
  padding-left: 20px;
  padding-right: 96px;
}

/* line 3272, scss/_legacy.scss */
.kids-barn-page .pods .pod h2 {
  font-family: fs-lola-primary-web, sans-serif;
  font-weight: bold;
  margin: 3px 0px;
}

/* line 3278, scss/_legacy.scss */
.kids-barn-page .pods {
  background: #9b6a45;
  height: 273px !important;
  margin: auto;
}

/* line 3284, scss/_legacy.scss */
.kids-barn-page .unpadded {
  padding: 0 !important;
}

/* line 3287, scss/_legacy.scss */
.kids-barn-page #content #wide-body {
  margin-top: -16px;
}

/* line 3291, scss/_legacy.scss */
.kids-barn-page #content #wide-body img.selected_by_wym {
  margin-bottom: -6px;
}

/* line 3295, scss/_legacy.scss */
.kids-barn-page .pods:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 3303, scss/_legacy.scss */
.character-library-page .pod-container {
  height: 197px;
  margin-bottom: 5px;
}

/* line 3308, scss/_legacy.scss */
.character-library-page section#float-side-body, .fun-downloads-page section#float-side-body {
  height: 346px !important;
}

/* line 3311, scss/_legacy.scss */
.colouring-in section#float-side-body {
  height: 323px !important;
}

/* line 3315, scss/_legacy.scss */
.colouring-in-page .pod-container {
  height: 197px;
  margin-bottom: 5px;
}

/* line 3319, scss/_legacy.scss */
.reading-owl.kids-barn.biff-chip-kipper.colouring-in.colouring-in-page section#float-side-body {
  height: 346px !important;
}

/* End */
/* Nextsteps popup */
/* line 3326, scss/_legacy.scss */
body.nextsteps {
  overflow: hidden;
}

/* line 3330, scss/_legacy.scss */
.popup {
  height: 100%;
  position: relative;
}

/* line 3334, scss/_legacy.scss */
.popup-layout, .video-with-playlist {
  overflow: auto;
  border-radius: 10px;
}

/* line 3339, scss/_legacy.scss */
body.popup-layout, body.video-with-playlist {
  overflow: hidden;
}

/* line 3343, scss/_legacy.scss */
body.popup-layout section.container {
  width: auto;
}

/* line 3347, scss/_legacy.scss */
.nextsteps {
  background: white url(../img/backgrounds/good-reads-banner.png?2) no-repeat top right;
}

/* line 3351, scss/_legacy.scss */
.nextsteps .content {
  padding-top: 153px;
}

/* line 3355, scss/_legacy.scss */
.nextsteps h1 {
  margin-bottom: 30px;
  color: #71c4cd;
}

/* line 3359, scss/_legacy.scss */
.nextsteps ul {
  margin-left: 20px;
}

/* line 3363, scss/_legacy.scss */
.nextsteps li {
  margin-bottom: 10px;
  font-size: 16px;
}

/* End */
/* Welcome */
/* line 3370, scss/_legacy.scss */
body.welcome-layout, body.welcome-layout-with-side-body, body.ebook-collection-page {
  background: url("../img/backgrounds/owl_pattern_small.png") repeat scroll 0 0 whitesmoke;
}

/* line 3374, scss/_legacy.scss */
body.welcome-layout section#main, body.welcome-layout-with-side-body section#main, body.ebook-collection-page section#main {
  background: white;
}

/* line 3377, scss/_legacy.scss */
body.welcome-layout section#main, body.welcome-layout-with-side-body section#main, body.for-home-page section#main {
  margin-top: -23px;
}

/* line 3381, scss/_legacy.scss */
body.welcome-layout #header, body.welcome-layout-with-side-body #header {
  height: auto;
}

/* line 3384, scss/_legacy.scss */
body.welcome-layout #header section#info, body.welcome-layout-with-side-body #header section#info {
  top: 10px;
  width: 700px;
}

/* line 3388, scss/_legacy.scss */
body.welcome-layout section#info, body.welcome-layout-with-side-body section#info, p:nth-child(2) {
  background: none;
}

/* line 3391, scss/_legacy.scss */
body.welcome-page section#main #content {
  padding: 0 0 0px 33px;
}

/* line 3394, scss/_legacy.scss */
body.welcome-page section#main #content .buttons a:last-child {
  margin: 0 0 0 38px;
}

/* line 3397, scss/_legacy.scss */
body.welcome-page section#main #content .buttons a:last-child img {
  margin: -50px 0 0 0;
}

/* line 3400, scss/_legacy.scss */
body.welcome-page #header {
  height: 370px;
}

/* line 3403, scss/_legacy.scss */
body.welcome-page #header section#info {
  top: 20px;
  width: 950px;
}

/* line 3407, scss/_legacy.scss */
body.welcome-page section#info p:first-child {
  margin-bottom: 20px;
  font-family: fs-lola-primary-web;
  font-weight: bold;
}

/* line 3412, scss/_legacy.scss */
body.welcome-page section#info p:nth-child(2) {
  float: left;
}

/* line 3415, scss/_legacy.scss */
body.welcome-page section#info p:nth-child(3) {
  font-size: 24px;
  margin: 120px 0 0 460px;
}

/*
body.for-school-page #content{
  top: 0px;
}

body.for-school-page #content p:last-child{
  position: absolute;
  top: 0;
  right: 33px;
}
*/
/* line 3430, scss/_legacy.scss */
body.for-school-page #content section.right-image {
  position: absolute;
  right: 33px;
  top: 20px;
}

/* line 3436, scss/_legacy.scss */
body.for-school-page #content section.right-image-text {
  font-size: 22px;
  left: 40px;
  line-height: 27px;
  position: absolute;
  top: 324px;
  width: 160px;
}

/* line 3445, scss/_legacy.scss */
.ebook-collection #ebook-header {
  border-bottom: 9px solid #70c4c7;
  height: 134px !important;
  background-color: #fff;
  margin: 0px;
}

/* line 3452, scss/_legacy.scss */
#ebook-content h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  font-family: fs-lola-primary-web,sans-serif;
  color: #333;
}

/* line 3460, scss/_legacy.scss */
#ebook-content p {
  width: 70%;
  font-family: fs-lola-primary-web,sans-serif;
  color: #333;
}

/* line 3466, scss/_legacy.scss */
.ebook-collection #ebook-content {
  position: relative;
  background-color: #fff;
  margin: 0px;
  padding: 30px;
}

/* line 3473, scss/_legacy.scss */
.ebook-collection .home-link {
  display: block;
  width: 1024px;
  height: 46px;
  background: #595959 url("../img/backgrounds/dark_banner_logo.png") no-repeat 26px 10px;
  position: absolute;
  left: 0;
}

/* line 3481, scss/_legacy.scss */
.ebook-collection .for-teacher-banner {
  position: relative;
  top: 40px;
  width: 666px;
  height: 67px !important;
  float: left;
  margin-left: 30px;
  background: url("../img/backgrounds/eBook_library_logo.png?1") no-repeat;
}

/* line 3491, scss/_legacy.scss */
body.ebook-collection #main-menu {
  bottom: 22px;
  left: 0px;
}

/* line 3499, scss/_legacy.scss */
.ebook-collection-page table.booktable th.th-image-book,
.ebook-collection-page table.booktable th.th-title,
.ebook-collection-page table.booktable th.th-author,
.ebook-collection-page table.booktable th.th-series {
  background: #DEDEDE;
}

/* line 3503, scss/_legacy.scss */
.ebook-collection-page table.booktable tbody td {
  border-bottom: 2px solid #DEDEDE;
}

/* line 3506, scss/_legacy.scss */
.ebook-collection-page table.booktable tbody td .btn-booktable {
  border: 2px solid #DEDEDE;
}

/* line 3509, scss/_legacy.scss */
.ebook-collection-page table.booktable th {
  border-bottom: 7px solid #DEDEDE;
  color: #1A1A1A;
}

/* end */
/* storyteller video page */
/* line 3516, scss/_legacy.scss */
.video-story-box {
  width: 800px;
  background: #f7f5e6;
  margin: 40px 75px !important;
  padding: 14px 0 0 19px;
}

/* line 3523, scss/_legacy.scss */
p.video-story {
  margin: 10px;
}

/* line 3527, scss/_legacy.scss */
.video-story-pod {
  width: 266px;
  height: 185px;
  float: left;
}

/* line 3532, scss/_legacy.scss */
a.storyteller-notes {
  font-size: 11px;
  display: block;
  width: 50px;
  line-height: 14px;
  float: right;
  margin: 3px 18px 0 0;
}

/* End */
/* grammar video link */
/* line 3543, scss/_legacy.scss */
.grammar-video-link {
  height: 110px !important;
  position: relative;
  margin: 0px;
}

/* line 3549, scss/_legacy.scss */
section.container section {
  margin: 0px;
}

/* line 3553, scss/_legacy.scss */
.grammar-video-link img {
  float: left;
}

/* line 3556, scss/_legacy.scss */
.grammar-video-link h3, .grammar-video-link a {
  margin-left: 150px;
}

/* line 3559, scss/_legacy.scss */
.grammar-video-link h3 {
  line-height: 20px;
  font-size: 20px;
}

/* line 3563, scss/_legacy.scss */
.grammar-video-link.nikki-gamble h3, .grammar-video-link.nikki-gamble a {
  margin-left: 220px;
}

/* End */
/* Hideable content */
/* line 3569, scss/_legacy.scss */
a.hideable-content {
  background: -moz-linear-gradient(center top, white, #e8e8e8) repeat scroll 0 0 transparent;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  display: block;
  font-size: 24px;
  line-height: 30px;
  margin: 10px 0;
  padding: 10px;
  position: relative;
  width: 573px;
  cursor: pointer;
}

/* line 3583, scss/_legacy.scss */
a.hideable-content span.arrow {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* line 3588, scss/_legacy.scss */
a.hideable-content span.info {
  color: white;
  display: none;
}

/* line 3592, scss/_legacy.scss */
a.hideable-content.show-info span.info {
  display: inline-block;
  padding: 3px 10px 3px 10px;
  border-radius: 10px;
  font-size: 18px;
  position: absolute;
  right: 70px;
  top: 7px;
}

/* line 3602, scss/_legacy.scss */
.cboxIframe.game {
  padding: 10px;
  overflow: hidden;
}

/* line 3606, scss/_legacy.scss */
.cboxIframe {
  border-radius: 10px;
}

/* line 3609, scss/_legacy.scss */
.wf-active {
  border-radius: 10px;
}

/* line 3612, scss/_legacy.scss */
.popup-image {
  text-align: center;
  padding: 28px;
}

/* End */
/* popover */
/* line 3619, scss/_legacy.scss */
.popover {
  max-width: none;
  width: 290px;
}

/* line 3624, scss/_legacy.scss */
.popover-close {
  background: orange url("../img/icons/popover-close.gif") repeat scroll 0 0;
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 30px;
}

/* line 3634, scss/_legacy.scss */
.ebook-collection-page .popover-close {
  background: #dedede url(../img/buttons/popover-closegrey.gif);
}

/* line 3638, scss/_legacy.scss */
.read-ebook-link {
  font-family: fs-lola-primary-web,sans-serif;
  font-weight: bold;
}

/* line 3643, scss/_legacy.scss */
.read-ebook-link:hover, .read-ebook-link:active, .read-ebook-link:focus {
  color: #cf1c6d;
  background-color: transparent;
}

/* End */
/* task feed */
/* line 3650, scss/_legacy.scss */
ul.feed {
  list-style: none;
  margin-left: 50px;
}

/* line 3654, scss/_legacy.scss */
ul.feed li {
  border: 2px solid #000;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px;
  width: 800px;
  height: 38px;
}

/* line 3662, scss/_legacy.scss */
ul.feed li.current {
  background: #ffb7b7;
}

/* line 3665, scss/_legacy.scss */
ul.feed li .asw-right {
  float: right;
}

/* line 3668, scss/_legacy.scss */
ul.feed li .asw-left {
  float: left;
}

/* line 3671, scss/_legacy.scss */
ul.feed li .asw-left .asw-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 28px;
}

/* line 3676, scss/_legacy.scss */
.adventure-selection-widget {
  text-align: center;
}

/* line 3679, scss/_legacy.scss */
.adventure-selection-widget select {
  margin-right: 66px;
}

/* line 3682, scss/_legacy.scss */
.load-next-feed {
  float: right;
  margin-right: 126px;
}

/* End */
/* search book finder */
/* line 3689, scss/_legacy.scss */
.search-bookfinder {
  float: left;
  width: 280px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

/* line 3695, scss/_legacy.scss */
.search-bookfinder form {
  margin-bottom: 10px;
}

/* line 3698, scss/_legacy.scss */
.search-bookfinder header {
  position: relative;
  background-color: #ddd;
  border-radius: 7px 7px 0 0;
  padding-bottom: 10px;
}

/* line 3704, scss/_legacy.scss */
.search-bookfinder header .label {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-shadow: none;
  background: none;
  padding: 10px 7px;
  display: block;
}

/* line 3713, scss/_legacy.scss */
.search-bookfinder header .search {
  border: 1px solid #666;
  border-radius: 15px;
  padding: 2px 5px 2px 30px;
  margin: 0 7px;
  width: 230px;
}

/* line 3720, scss/_legacy.scss */
.search-bookfinder header #submit-bookfinder-search {
  border: 0;
  background: url("../img/buttons/bookfinder/bk-search.png") no-repeat center 8px;
  width: 25px;
  height: 25px;
  text-indent: -999em;
  position: absolute;
  top: 35px;
  left: 10px;
}

/* line 3731, scss/_legacy.scss */
.search-bookfinder .clear-all,
.search-bookfinder .show-more-cat {
  font-size: 12px;
  text-decoration: underline;
  padding-left: 7px;
}

/* line 3736, scss/_legacy.scss */
.search-bookfinder .filters {
  padding: 7px;
}

/* line 3739, scss/_legacy.scss */
.search-bookfinder .filters section {
  margin-bottom: 2px;
}

/* line 3742, scss/_legacy.scss */
.search-bookfinder .filters .filter-title {
  display: block;
  background-color: #ddd;
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 600;
}

/* line 3749, scss/_legacy.scss */
.search-bookfinder .filters .filter-title:after {
  content: "";
  float: right;
  margin-top: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #333 transparent transparent transparent;
}

/* line 3759, scss/_legacy.scss */
.search-bookfinder .filters .filter-title.closed:after {
  margin-top: 4px;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #333;
}

/* line 3764, scss/_legacy.scss */
.search-bookfinder .filters ul {
  margin: 3px 5px 5px;
  padding: 0;
  list-style: none;
}

/* line 3769, scss/_legacy.scss */
.search-bookfinder .filters ul li input[type=checkbox] {
  margin: 0;
  display: none;
}

/* line 3773, scss/_legacy.scss */
.search-bookfinder .filters ul li label {
  display: block;
  padding-left: 20px;
  margin: 0;
  font-size: 13px;
  background: url("../img/buttons/bookfinder/bk-checkbox.png") no-repeat left 5px;
}

/* line 3780, scss/_legacy.scss */
.search-bookfinder .filters ul li input[type=checkbox]:checked + label {
  background-position: left -10px;
}

/* line 3784, scss/_legacy.scss */
.search-bookfinder ~ .ebook-library {
  width: 670px;
  padding-left: 300px;
}

/* line 3788, scss/_legacy.scss */
.search-bookfinder ~ .ebook-library .bookshelf {
  width: 670px;
}

/* line 3791, scss/_legacy.scss */
body.book-finder-layout #main-menu ul.find-a-book {
  border-bottom: 0;
  background: #ddd;
  height: 50px;
  padding-left: 250px;
  width: 774px;
}

/* line 3798, scss/_legacy.scss */
body.book-finder-layout #main-menu ul.find-a-book li {
  padding: 0 5px;
}

/* line 3801, scss/_legacy.scss */
body.book-finder-layout #main-menu ul.find-a-book li a {
  margin-top: 10px;
  background: none;
  color: #000;
  font-size: 20px;
  height: auto;
  padding: 0 17px;
  border-right: 1px solid #000;
  border-radius: 0;
}

/* line 3812, scss/_legacy.scss */
body.book-finder-layout #main-menu ul.find-a-book li:last-of-type a {
  border-right: 0;
}

/* line 3816, scss/_legacy.scss */
body.book-finder-layout #main-menu ul.find-a-book li.selected a,
body.book-finder-layout #main-menu ul.find-a-book li a:hover {
  margin-top: 10px;
  background-color: #fff;
  color: #f00;
  border-color: #fff;
  border-radius: 10px;
}

/* line 3823, scss/_legacy.scss */
.ebook-library .tabs {
  border-bottom: 2px solid #ddd;
  text-align: center;
}

/* line 3827, scss/_legacy.scss */
.ebook-library .tabs a {
  display: inline-block;
  padding: 5px 10px;
  border: 2px solid #FFF;
  border-bottom: 0;
  box-sizing: border-box;
  margin-bottom: 0px;
  background: #CCC;
  border-radius: 10px 10px 0 0;
}

/* line 3837, scss/_legacy.scss */
.ebook-library .tabs a.active {
  background: #FFF;
  border: 2px solid #ddd;
  border-bottom-color: #FFF;
  margin-bottom: -2px;
}

/* line 3844, scss/_legacy.scss */
.ebook-library a {
  border-bottom: 0px;
}

@media screen and (min-width: 790px) and (max-width: 800px) {
  /* line 3851, scss/_legacy.scss */
  #main,
  #footer,
  #bottom-links {
    width: 800px;
    overflow: hidden;
  }

  /* line 3856, scss/_legacy.scss */
  #header,
  body.welcome-page section#main #content {
    padding-left: 15px;
  }

  /* line 3859, scss/_legacy.scss */
  body.welcome-page #header section#info {
    width: 769px;
  }

  /* line 3862, scss/_legacy.scss */
  body.welcome-page section#info p:nth-child(3) {
    margin-left: 340px;
  }

  /* line 3865, scss/_legacy.scss */
  body.welcome-page section#main #content .buttons .image-link img {
    max-width: 46%;
  }

  /* line 3868, scss/_legacy.scss */
  #footer {
    width: 718px;
  }
}
/* group modal_iframe */
/* line 3874, scss/_legacy.scss */
#modal_iframe {
  z-index: 10000;
}

/* line 3877, scss/_legacy.scss */
#modal_iframe > iframe {
  border: 0;
}

/* end */
/* line 3882, scss/_legacy.scss */
.carousel {
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
}

/* line 3887, scss/_legacy.scss */
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* line 3892, scss/_legacy.scss */
.carousel .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

/* line 3901, scss/_legacy.scss */
.carousel .item > img {
  display: block;
  line-height: 1;
}

/* line 3907, scss/_legacy.scss */
.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}

/* line 3910, scss/_legacy.scss */
.carousel .active {
  left: 0;
}

/* line 3914, scss/_legacy.scss */
.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 3919, scss/_legacy.scss */
.carousel .next {
  left: 100%;
}

/* line 3922, scss/_legacy.scss */
.carousel .prev {
  left: -100%;
}

/* line 3926, scss/_legacy.scss */
.carousel .next.left,
.carousel .prev.right {
  left: 0;
}

/* line 3929, scss/_legacy.scss */
.carousel .active.left {
  left: -100%;
}

/* line 3932, scss/_legacy.scss */
.carousel .active.right {
  left: 100%;
}

/* line 3935, scss/_legacy.scss */
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* line 3955, scss/_legacy.scss */
.carousel-control.right {
  left: auto;
  right: 15px;
}

/* line 3959, scss/_legacy.scss */
.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* line 3965, scss/_legacy.scss */
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

/* line 3975, scss/_legacy.scss */
.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
}

/* line 3979, scss/_legacy.scss */
section.game-pod a:hover, section.game-pod a:active, section.game-pod a:visited, section.game-pod a:focus {
  background-color: transparent;
}

/* line 3983, scss/_legacy.scss */
a.login-close {
  text-decoration: none;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 3991, scss/_legacy.scss */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

/* line 3992, scss/_legacy.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.5 !important;
}

/* line 3993, scss/_legacy.scss */
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

/* line 3994, scss/_legacy.scss */
#cboxContent {
  position: relative;
}

/* line 3995, scss/_legacy.scss */
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 10px;
}

/* line 3996, scss/_legacy.scss */
#cboxTitle {
  margin: 0;
}

/* line 3997, scss/_legacy.scss */
#cboxLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 3998, scss/_legacy.scss */
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  border-radius: 10px;
}

/* line 3999, scss/_legacy.scss */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/* line 4000, scss/_legacy.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
  border-radius: 10px;
}

/* line 4001, scss/_legacy.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* line 4002, scss/_legacy.scss */
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* line 4009, scss/_legacy.scss */
#cboxOverlay {
  background: #000;
}

/* line 4010, scss/_legacy.scss */
#colorbox {
  outline: 0;
}

/* line 4011, scss/_legacy.scss */
#cboxContent {
  margin-top: 20px;
  background: transparent;
}

/* line 4012, scss/_legacy.scss */
.cboxIframe {
  background: #fff;
}

/* line 4013, scss/_legacy.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 4014, scss/_legacy.scss */
#cboxLoadedContent {
  padding-right: 15px;
}

/* line 4015, scss/_legacy.scss */
#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

/* line 4016, scss/_legacy.scss */
#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}

/* line 4017, scss/_legacy.scss */
#cboxLoadingGraphic {
  background: transparent url(../img/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 4020, scss/_legacy.scss */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 4022, scss/_legacy.scss */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

/* line 4023, scss/_legacy.scss */
#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

/* line 4024, scss/_legacy.scss */
#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(../img/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

/* line 4025, scss/_legacy.scss */
#cboxPrevious:hover {
  background-position: bottom left;
}

/* line 4026, scss/_legacy.scss */
#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(../img/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

/* line 4027, scss/_legacy.scss */
#cboxNext:hover {
  background-position: bottom right;
}

/* line 4028, scss/_legacy.scss */
#cboxClose {
  position: absolute;
  top: -15px;
  right: 5px;
  display: block;
  background: url(../img/controls.png) no-repeat top center;
  width: 30px;
  height: 29px;
  text-indent: -9999px;
}

/* line 4029, scss/_legacy.scss */
#cboxClose:hover {
  background-position: bottom center;
}

/*
 * =============================================================================
 * Prototyping
 * =============================================================================
 */
/*
 * =============================================================================
 * Carousel - Used to preview book speads
 * =============================================================================
 */
/* line 12, scss/_gel-carousel.scss */
#gel-spread-carousel {
  height: 652px;
}

/* line 16, scss/_gel-carousel.scss */
.carousel {
  width: 100%;
  background-color: #cfd725;
  height: 865px;
}
/* line 21, scss/_gel-carousel.scss */
.carousel .right-button,
.carousel .left-button {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #cf1c6d;
  /*pinkcolor*/
  display: block;
  position: absolute;
  border: 2px solid white;
  background-image: none;
}

/* line 35, scss/_gel-carousel.scss */
.left-button-container,
.right-button-container {
  background-color: #575756 !important;
  /*greycolor*/
  height: 100%;
  background-color: #222222;
  position: absolute;
  top: 0;
  width: 50px;
}

/* line 46, scss/_gel-carousel.scss */
#gel-spread-carousel .carousel .right-button,
#gel-spread-carousel .carousel .left-button {
  left: 6px;
  margin-top: 251px;
  position: absolute;
}

/* line 53, scss/_gel-carousel.scss */
.right-button:after,
.left-button:before {
  color: #fff;
  content: "";
  height: 24px;
  left: 6px;
  position: absolute;
  top: 1px;
  width: 24px;
}

/* line 63, scss/_gel-carousel.scss */
.right-button:after {
  background: url("../img/icons/icon-sprite.png") no-repeat scroll 0 -116px transparent;
}

/* line 66, scss/_gel-carousel.scss */
.left-button:before {
  background: url("../img/icons/icon-sprite.png") no-repeat scroll -24px -116px transparent;
}

/* line 70, scss/_gel-carousel.scss */
.left-button:focus,
.right-button:focus {
  text-decoration: none;
}

/* line 73, scss/_gel-carousel.scss */
#gel-spread-carousel .carousel-indicators {
  left: 46.3%;
  position: absolute;
  top: auto;
  z-index: 0;
  right: auto;
  padding: 0;
}
/* line 80, scss/_gel-carousel.scss */
#gel-spread-carousel .carousel-indicators li {
  background-color: #dadada;
  border-radius: 50%;
  float: left;
  height: 25px;
  margin: 20px 20px 20px 0;
  width: 25px;
  list-style-type: none;
  transition: background-color 1000ms linear;
}
/* line 89, scss/_gel-carousel.scss */
#gel-spread-carousel .carousel-indicators li.active {
  background-color: #575756;
}

/* line 98, scss/_gel-carousel.scss */
#gel-carousel .carousel-indicators {
  left: 47.1%;
}

/* line 107, scss/_gel-carousel.scss */
a.left-button-container:hover,
a.left-button-container:active,
a.left-button-container:focus,
a.right-button-container:hover,
a.right-button-container:active,
a.right-button-container:focus {
  background-color: #3d3d3d;
}

/* line 110, scss/_gel-carousel.scss */
.right-button-container {
  right: 0;
}

/* line 114, scss/_gel-carousel.scss */
#gel-carousel .right-button {
  right: 5px;
  top: 71px;
}

/* line 118, scss/_gel-carousel.scss */
#gel-carousel .left-button {
  right: 0px;
  left: 6px !important;
  top: 71px;
}

/* line 124, scss/_gel-carousel.scss */
.carousel .right-button:hover,
.carousel .left-button:hover {
  background-color: #bf166a;
}

/* line 127, scss/_gel-carousel.scss */
.home-carousel-container {
  padding: 15px 40px 20px;
}

/* line 130, scss/_gel-carousel.scss */
#gel-carousel ul.bookshelf {
  background: none repeat scroll 0 0 transparent;
  margin: 0 auto !important;
  width: 766px !important;
}

/* line 135, scss/_gel-carousel.scss */
#gel-carousel .outer-carousel {
  height: 247px;
  width: 100%;
}

/* line 139, scss/_gel-carousel.scss */
.carousel-ebook-heading {
  max-width: 661px;
}

/* line 142, scss/_gel-carousel.scss */
#gel-carousel ul.bookshelf li {
  margin: 0 0 0 22px;
  background-color: #EFEFEF;
  padding: 20px;
  border-radius: 10px;
  background-position: 50% 20px;
}

/* line 149, scss/_gel-carousel.scss */
#gel-carousel ul.bookshelf li:first-child {
  margin: 0px;
}

/* line 152, scss/_gel-carousel.scss */
#gel-carousel .popover {
  height: 111px;
  top: 0 !important;
}

/* line 156, scss/_gel-carousel.scss */
#gel-carousel .carousel .item a {
  width: 203px;
  border: none;
  margin: 0px;
  width: 100%;
  float: none;
}

/* line 164, scss/_gel-carousel.scss */
#gel-spread-carousel section.outer-carousel,
#gel-spread-carousel .carousel {
  width: 100% !important;
  height: 550px;
}

/* line 168, scss/_gel-carousel.scss */
#gel-spread-carousel .carousel .item {
  height: 550px;
}

/* line 172, scss/_gel-carousel.scss */
#gel-spread-carousel .carousel .carousel-inner {
  height: 550px;
}

/* line 176, scss/_gel-carousel.scss */
.book-spread {
  margin: 0 auto;
  width: 75%;
  height: 100%;
}
/* line 180, scss/_gel-carousel.scss */
.book-spread img {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*
 * =============================================================================
 * Popover - Used to launch eBook or trigger register/log-in dialogue
 * =============================================================================
 */
/* line 8, scss/_popover.scss */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

/* line 31, scss/_popover.scss */
.popover.top {
  margin-top: -10px;
}

/* line 34, scss/_popover.scss */
.popover.right {
  margin-left: 10px;
}

/* line 37, scss/_popover.scss */
.popover.bottom {
  margin-top: 10px;
}

/* line 40, scss/_popover.scss */
.popover.left {
  margin-left: -10px;
}

/* line 43, scss/_popover.scss */
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

/* line 55, scss/_popover.scss */
.popover-title:empty {
  display: none;
}

/* line 58, scss/_popover.scss */
.popover-content {
  padding: 9px 14px;
}

/* line 61, scss/_popover.scss */
.popover .arrow, .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* line 69, scss/_popover.scss */
.popover .arrow {
  border-width: 11px;
}

/* line 72, scss/_popover.scss */
.popover .arrow:after {
  border-width: 10px;
  content: "";
}

/* line 76, scss/_popover.scss */
.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

/* line 84, scss/_popover.scss */
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #fff;
  border-bottom-width: 0;
}

/* line 90, scss/_popover.scss */
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

/* line 98, scss/_popover.scss */
.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}

/* line 104, scss/_popover.scss */
.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

/* line 112, scss/_popover.scss */
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #fff;
  border-top-width: 0;
}

/* line 118, scss/_popover.scss */
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

/* line 126, scss/_popover.scss */
.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #fff;
  border-right-width: 0;
}

/* line 132, scss/_popover.scss */
.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

/* line 137, scss/_popover.scss */
.thumbnails:before, .thumbnails:after {
  display: table;
  line-height: 0;
  content: "";
}

/* line 142, scss/_popover.scss */
.thumbnails:after {
  clear: both;
}

/* line 145, scss/_popover.scss */
.row-fluid .thumbnails {
  margin-left: 0;
}

/* line 148, scss/_popover.scss */
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

/* line 153, scss/_popover.scss */
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/* line 169, scss/_popover.scss */
a.thumbnail:hover, a.thumbnail:focus {
  border-color: #08c;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

/* line 175, scss/_popover.scss */
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/* line 181, scss/_popover.scss */
.thumbnail .caption {
  padding: 9px;
  color: #555;
}

/*
 * =============================================================================
 * Content stub v6 - Approved layout
 * =============================================================================
 */
/* line 8, scss/_content-stub_v06.scss */
body {
  font-family: 'Source Sans Pro';
  color: #333;
  background: #8bd7fc;
  background-image: url(http://cdn.oxfordowl.co.uk/2015/07/21/18/10/09/689/15839_content/images/Clouds.png);
  margin: 0;
  padding: 0;
}

/* line 19, scss/_content-stub_v06.scss */
#content_stub_v06 #book_record {
  padding: 60px;
  padding-top: 30px;
  padding-bottom: 0;
  background: #fff;
  box-sizing: border-box;
  width: 1024px;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
/* line 31, scss/_content-stub_v06.scss */
#content_stub_v06 h1, #content_stub_v06 h2, #content_stub_v06 h3, #content_stub_v06 h4 {
  margin: 0;
  padding: 0;
}
/* line 36, scss/_content-stub_v06.scss */
#content_stub_v06 h1 {
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 35px;
}
/* line 42, scss/_content-stub_v06.scss */
#content_stub_v06 ul {
  padding: 0;
}
/* line 46, scss/_content-stub_v06.scss */
#content_stub_v06 a {
  color: #2776BB;
}
/* line 50, scss/_content-stub_v06.scss */
#content_stub_v06 h2 {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 30px;
}
/* line 56, scss/_content-stub_v06.scss */
#content_stub_v06 h2 > span {
  font-weight: 600;
  line-height: 50px;
}
/* line 61, scss/_content-stub_v06.scss */
#content_stub_v06 p {
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 1em;
}
/* line 68, scss/_content-stub_v06.scss */
#content_stub_v06 figure {
  display: block;
  position: relative;
  overflow: hidden;
  width: 45%;
  box-sizing: border-box;
  padding-left: 0;
  float: left;
  margin: 0;
}
/* line 79, scss/_content-stub_v06.scss */
#content_stub_v06 figure img {
  width: 100%;
}
/* line 83, scss/_content-stub_v06.scss */
#content_stub_v06 figcaption {
  font-size: 22px;
  border-radius: 10px;
  margin-top: 20px;
  left: 0;
  opacity: 1;
}
/* line 91, scss/_content-stub_v06.scss */
#content_stub_v06 .launch_book {
  background-color: #000;
  border-radius: 10px;
}
/* line 96, scss/_content-stub_v06.scss */
#content_stub_v06 .buttons {
  margin-top: 20px;
}
/* line 100, scss/_content-stub_v06.scss */
#content_stub_v06 .button {
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  padding: 6px 20px;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-bottom: 10px;
  border: 0;
}
/* line 115, scss/_content-stub_v06.scss */
#content_stub_v06 .button:hover {
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: .8;
}
/* line 121, scss/_content-stub_v06.scss */
#content_stub_v06 .button_preview {
  float: left;
  color: #fff;
  background: #2776BB;
  width: 49%;
  border-width: 2px;
  border-style: solid;
  border-color: #2776BB;
}
/* line 131, scss/_content-stub_v06.scss */
#content_stub_v06 .button_buy {
  float: right;
  color: #2776BB;
  background: #fff;
  width: 49%;
  border-width: 2px;
  border-style: solid;
  border-color: #2776BB;
}
/* line 141, scss/_content-stub_v06.scss */
#content_stub_v06 .book_holder > img {
  width: 100%;
  float: left;
}
/* line 146, scss/_content-stub_v06.scss */
#content_stub_v06 .book_info {
  width: 55%;
  box-sizing: border-box;
  padding: 0 40px 0 60px;
  float: right;
  background: #fff;
  min-height: 400px;
}
/* line 155, scss/_content-stub_v06.scss */
#content_stub_v06 .book_details {
  font-weight: 400;
  font-size: 22px;
  line-height: 40px;
}
/* line 161, scss/_content-stub_v06.scss */
#content_stub_v06 .book_details_left {
  float: left;
  width: 50%;
  text-align: left;
}
/* line 167, scss/_content-stub_v06.scss */
#content_stub_v06 .book_details_right {
  float: right;
  width: 50%;
  text-align: right;
}
/* line 173, scss/_content-stub_v06.scss */
#content_stub_v06 .overlay_slider {
  border-radius: 0;
  position: absolute;
  left: 0;
  width: 100%;
}
/* line 180, scss/_content-stub_v06.scss */
#content_stub_v06 .book_desc {
  float: right;
  font-weight: 400;
  font-size: 22px;
  margin-top: 40px;
  margin-bottom: 40px;
  line-height: 32px;
}
/* line 189, scss/_content-stub_v06.scss */
#content_stub_v06 .tag a {
  cursor: pointer;
  float: left;
  margin-right: 10px;
  padding: 8px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-bottom: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #2776BB;
}
/* line 207, scss/_content-stub_v06.scss */
#content_stub_v06 .related {
  clear: both;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  min-height: 300px;
  padding: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}
/* line 220, scss/_content-stub_v06.scss */
#content_stub_v06 .related > h2 {
  margin-bottom: 0;
}
/* line 224, scss/_content-stub_v06.scss */
#content_stub_v06 .related li {
  font-size: 22px;
  line-height: 36px;
  list-style: none;
  text-decoration: underline;
}
/* line 231, scss/_content-stub_v06.scss */
#content_stub_v06 .rel_resource {
  float: left;
  margin-right: 30px;
  width: 30%;
  min-height: 200px;
  text-align: left;
}
/* line 239, scss/_content-stub_v06.scss */
#content_stub_v06 .rel_resource > img {
  width: 95%;
}
/* line 243, scss/_content-stub_v06.scss */
#content_stub_v06 .clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/* line 249, scss/_content-stub_v06.scss */
#content_stub_v06 .rel_content {
  width: 200px;
  height: 200px;
  float: left;
  text-align: center;
  margin-right: 40px;
}
/* line 257, scss/_content-stub_v06.scss */
#content_stub_v06 .rel_content a {
  font-weight: 600;
  font-size: 18px;
}
/* line 262, scss/_content-stub_v06.scss */
#content_stub_v06 .rel_content a img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 20px;
  transition: all .2s ease-in-out;
  outline: 2px solid #fff;
}
/* line 271, scss/_content-stub_v06.scss */
#content_stub_v06 .rel_content a img:hover {
  outline: 2px solid #3498db;
}
