.red {
  background-color: red; }

.green {
  background-color: green; }

.blue {
  background-color: blue; }

.full-height {
  height: 100%; }

.relative {
  position: relative; }

.valign {
  display: table; }
  .valign > div {
    display: table-cell;
    vertical-align: middle; }

.valign-row {
  display: table; }
  .valign-row > .columns {
    display: table-cell;
    vertical-align: middle; }
  .valign-row > .columns,
  .valign-row > [class*="column"] + [class*="column"]:last-child {
    float: none; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
input,
select,
button,
.button,
.reveal-modal {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
input,
select {
  color: #434a54; }

html.overflow-hidden {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%; }
html body {
  color: #656d78;
  background-color: white;
  background-image: url(../img/header-sh-repeat.svg);
  background-repeat: repeat-x;
  background-position: 0px 143px; }
  html body.overflow-hidden {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%; }
  html body.search-on {
    background-position: 0px 208px; }
  html body#library, html body#deactivate {
    background-position: 0px 43px; }
  @media only screen and (max-width: 64em) {
    html body {
      background-position: 0px 120px; }
      html body.search-on {
        background-position: 0px 185px; }
      html body#library, html body#deactivate {
        background-position: 0px 43px; } }
  html body #content {
    position: relative; }
    html body #content #main {
      margin-top: -0.375rem;
      margin-bottom: 6.25rem;
      padding: 0;
      border-left: 1px solid rgba(255, 255, 255, 0.1); }
      @media only screen and (max-width: 64em) {
        html body #content #main {
          margin-top: 0; } }
      html body #content #main.line {
        border-left: 1px solid #e9eaea; }
  html body .row {
    max-width: 90em;
    min-width: 43.75em; }
    html body .row.inner {
      min-width: 0; }
    html body .row.full-width {
      max-width: 100%; }
  @media only screen and (min-width: 64.0625em) {
    html body .tablet {
      display: none; } }
  @media only screen and (max-width: 64em) {
    html body .desktop {
      display: none; } }

@media only screen and (max-width: 64em) {
  #header-upper {
    margin-bottom: 0.9375rem; } }
#header-upper .row {
  padding: 0 1rem; }
  #header-upper .row:first-child {
    height: 2.8125rem; }
    @media only screen and (max-width: 64em) {
      #header-upper .row:first-child {
        height: 2.3125rem; } }
  @media only screen and (max-width: 64em) {
    #header-upper .row ul {
      margin-bottom: 0; } }
  #header-upper .row #global-nav li#header-logo-wrapper {
    height: 1.75rem; }
    #header-upper .row #global-nav li#header-logo-wrapper.oa {
      padding-top: 0.6875rem; }
    #header-upper .row #global-nav li#header-logo-wrapper.owl {
      padding-top: 0.6875rem; }
    #header-upper .row #global-nav li#header-logo-wrapper.ascend {
      padding-top: 0.125rem; }
  #header-upper .row #global-nav li a {
    padding-top: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    color: #88909a;
    transition: color 300ms ease-out;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #header-upper .row #global-nav li a:hover, #header-upper .row #global-nav li a:focus {
      color: #3bafda; }
      .oa #header-upper .row #global-nav li a:hover, .oa #header-upper .row #global-nav li a:focus {
        color: #3bafda; }
      .owl #header-upper .row #global-nav li a:hover, .owl #header-upper .row #global-nav li a:focus {
        color: #71c3cd; }
      .ascend #header-upper .row #global-nav li a:hover, .ascend #header-upper .row #global-nav li a:focus {
        color: #a9b329; }
  #header-upper .row #user-btn {
    margin-top: 0.5625rem;
    margin-bottom: 0.1875rem; }
    #header-upper .row #user-btn li a {
      height: 1.625rem;
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1;
      transition: color 300ms ease-out;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #3bafda; }
      .oa #header-upper .row #user-btn li a {
        color: #3bafda; }
      .owl #header-upper .row #user-btn li a {
        color: #71c3cd; }
      .ascend #header-upper .row #user-btn li a {
        color: #a9b329; }
      #header-upper .row #user-btn li a i {
        width: 1.625rem;
        height: 1.625rem;
        color: white;
        padding-top: 0.4375rem;
        margin-left: 0.5rem;
        text-align: center;
        transition: background-color 300ms ease-out;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
        border-radius: 16px;
        background-color: #3bafda; }
        .oa #header-upper .row #user-btn li a i {
          background-color: #3bafda; }
        .owl #header-upper .row #user-btn li a i {
          background-color: #71c3cd; }
        .ascend #header-upper .row #user-btn li a i {
          background-color: #a9b329; }
      .oa #header-upper .row #user-btn li a:hover, .oa #header-upper .row #user-btn li a:focus {
        color: #2392ba; }
      .owl #header-upper .row #user-btn li a:hover, .owl #header-upper .row #user-btn li a:focus {
        color: #42afbc; }
      .ascend #header-upper .row #user-btn li a:hover, .ascend #header-upper .row #user-btn li a:focus {
        color: #878f21; }
      #header-upper .row #user-btn li a:hover i, #header-upper .row #user-btn li a:focus i {
        color: white; }
        .oa #header-upper .row #user-btn li a:hover i, .oa #header-upper .row #user-btn li a:focus i {
          background-color: #2392ba; }
        .owl #header-upper .row #user-btn li a:hover i, .owl #header-upper .row #user-btn li a:focus i {
          background-color: #42afbc; }
        .ascend #header-upper .row #user-btn li a:hover i, .ascend #header-upper .row #user-btn li a:focus i {
          background-color: #878f21; }
  #header-upper .row #menu-icon {
    margin-top: 0.625rem;
    margin-left: -1rem;
    padding: 1rem;
    padding-top: 0.375rem;
    font-size: 1.5rem;
    color: #aab2bc;
    transition: color 300ms ease-out; }
    #header-upper .row #menu-icon:hover, #header-upper .row #menu-icon:focus {
      color: #3bafda; }
      .oa #header-upper .row #menu-icon:hover, .oa #header-upper .row #menu-icon:focus {
        color: #3bafda; }
      .owl #header-upper .row #menu-icon:hover, .owl #header-upper .row #menu-icon:focus {
        color: #71c3cd; }
      .ascend #header-upper .row #menu-icon:hover, .ascend #header-upper .row #menu-icon:focus {
        color: #a9b329; }
  #header-upper .row h1 {
    width: 100%;
    margin: 0;
    margin-top: 0.25rem;
    margin-bottom: 0.125rem;
    font-size: 2.375rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.3px;
    color: #434a54; }
    @media only screen and (min-width: 64.0625em) {
      #header-upper .row h1.small {
        margin-top: 0.75rem;
        margin-bottom: 0.25rem;
        font-size: 1.75rem; } }
    @media only screen and (max-width: 64em) {
      #header-upper .row h1 {
        font-size: 0.875rem;
        text-align: center;
        letter-spacing: 0; } }
  #header-upper .row h2 {
    margin: 0;
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: -0.3px;
    text-align: center;
    color: #434a54; }
  #header-upper .row .search-btn {
    margin-top: 0.625rem;
    margin-right: -1rem;
    padding: 1rem;
    padding-top: 0.3125rem;
    font-size: 1.5rem;
    color: #aab2bc;
    transition: color 300ms ease-out; }
    #header-upper .row .search-btn:hover, #header-upper .row .search-btn:focus {
      color: #3bafda; }
      .oa #header-upper .row .search-btn:hover, .oa #header-upper .row .search-btn:focus {
        color: #3bafda; }
      .owl #header-upper .row .search-btn:hover, .owl #header-upper .row .search-btn:focus {
        color: #71c3cd; }
      .ascend #header-upper .row .search-btn:hover, .ascend #header-upper .row .search-btn:focus {
        color: #a9b329; }
    #header-upper .row .search-btn.active {
      color: #3bafda; }
      .oa #header-upper .row .search-btn.active {
        color: #3bafda; }
      .owl #header-upper .row .search-btn.active {
        color: #71c3cd; }
      .ascend #header-upper .row .search-btn.active {
        color: #a9b329; }
      .oa #header-upper .row .search-btn.active:hover, .oa #header-upper .row .search-btn.active:focus {
        color: #2392ba; }
      .owl #header-upper .row .search-btn.active:hover, .owl #header-upper .row .search-btn.active:focus {
        color: #42afbc; }
      .ascend #header-upper .row .search-btn.active:hover, .ascend #header-upper .row .search-btn.active:focus {
        color: #878f21; }

#header-lower {
  margin-top: 1rem; }
  #header-lower .row {
    height: 2.75rem;
    padding: 0 1rem;
    padding-bottom: 0; }
    #header-lower .row.search-on {
      height: 2.375rem; }
    #header-lower .row .inline-list {
      margin: 0; }
      #header-lower .row .inline-list li {
        margin: 0;
        margin-left: 2.5rem; }
        #header-lower .row .inline-list li:first-child {
          margin: 0; }
        #header-lower .row .inline-list li a {
          height: 2.375rem;
          padding-top: 0.75rem;
          font-size: 0.875rem;
          font-weight: 600;
          line-height: 1;
          text-transform: uppercase;
          color: #434a54;
          transition: color 300ms ease-out;
          text-rendering: geometricPrecision;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          #header-lower .row .inline-list li a:hover, #header-lower .row .inline-list li a:focus {
            color: #3bafda; }
            .oa #header-lower .row .inline-list li a:hover, .oa #header-lower .row .inline-list li a:focus {
              color: #3bafda; }
            .owl #header-lower .row .inline-list li a:hover, .owl #header-lower .row .inline-list li a:focus {
              color: #71c3cd; }
            .ascend #header-lower .row .inline-list li a:hover, .ascend #header-lower .row .inline-list li a:focus {
              color: #a9b329; }
          #header-lower .row .inline-list li a.active {
            border-bottom: 2px solid;
            border-color: #3bafda;
            color: #3bafda; }
            .oa #header-lower .row .inline-list li a.active {
              border-color: #3bafda; }
            .owl #header-lower .row .inline-list li a.active {
              border-color: #71c3cd; }
            .ascend #header-lower .row .inline-list li a.active {
              border-color: #a9b329; }
            .oa #header-lower .row .inline-list li a.active {
              color: #3bafda; }
            .owl #header-lower .row .inline-list li a.active {
              color: #71c3cd; }
            .ascend #header-lower .row .inline-list li a.active {
              color: #a9b329; }
      #header-lower .row .inline-list#tools-menu li:first-child {
        margin-left: 0; }
      #header-lower .row .inline-list#tools-menu li i {
        padding-right: 0.375rem; }
      #header-lower .row .inline-list#tools-menu li .search-btn {
        padding-right: 0; }
        #header-lower .row .inline-list#tools-menu li .search-btn i {
          padding-right: 0; }
        #header-lower .row .inline-list#tools-menu li .search-btn:hover, #header-lower .row .inline-list#tools-menu li .search-btn:focus {
          color: #3bafda; }
          .oa #header-lower .row .inline-list#tools-menu li .search-btn:hover, .oa #header-lower .row .inline-list#tools-menu li .search-btn:focus {
            color: #3bafda; }
          .owl #header-lower .row .inline-list#tools-menu li .search-btn:hover, .owl #header-lower .row .inline-list#tools-menu li .search-btn:focus {
            color: #71c3cd; }
          .ascend #header-lower .row .inline-list#tools-menu li .search-btn:hover, .ascend #header-lower .row .inline-list#tools-menu li .search-btn:focus {
            color: #a9b329; }
        #header-lower .row .inline-list#tools-menu li .search-btn.active {
          border-bottom: 0;
          color: #3bafda; }
          .oa #header-lower .row .inline-list#tools-menu li .search-btn.active {
            color: #3bafda; }
          .owl #header-lower .row .inline-list#tools-menu li .search-btn.active {
            color: #71c3cd; }
          .ascend #header-lower .row .inline-list#tools-menu li .search-btn.active {
            color: #a9b329; }

#search-field-wrapper {
  display: none;
  height: 4.375rem;
  border-top: 1px solid #e9eaea;
  margin: 0 1.875rem; }
  @media only screen and (max-width: 64em) {
    #search-field-wrapper {
      margin: 0; } }
  #search-field-wrapper input {
    height: 3.9375rem;
    padding-top: 0.25rem;
    padding-right: 4.125rem;
    padding-left: 0;
    border: 0;
    font-size: 1.125rem;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    #search-field-wrapper input:focus {
      border: 0; }
    @media only screen and (max-width: 64em) {
      #search-field-wrapper input {
        padding-left: 1.875rem;
        padding-right: 6rem; } }
  #search-field-wrapper ::-webkit-input-placeholder {
    color: #ccd1d9; }
  #search-field-wrapper input:focus::-webkit-input-placeholder {
    color: #aab2bc; }
  #search-field-wrapper :-moz-placeholder {
    color: #ccd1d9; }
  #search-field-wrapper input:focus:-moz-placeholder {
    color: #aab2bc; }
  #search-field-wrapper ::-moz-placeholder {
    color: #ccd1d9; }
  #search-field-wrapper input:focus::-moz-placeholder {
    color: #aab2bc; }
  #search-field-wrapper :-ms-input-placeholder {
    color: #ccd1d9; }
  #search-field-wrapper input:focus:-ms-input-placeholder {
    color: #aab2bc; }
  #search-field-wrapper a {
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 2px;
    right: 16px;
    padding: 1rem;
    font-size: 1.125rem;
    color: #aab2bc;
    transition: color 300ms ease-out;
    cursor: pointer; }
    #search-field-wrapper a:hover, #search-field-wrapper a:focus {
      color: #3bafda; }
      .oa #search-field-wrapper a:hover, .oa #search-field-wrapper a:focus {
        color: #3bafda; }
      .owl #search-field-wrapper a:hover, .owl #search-field-wrapper a:focus {
        color: #71c3cd; }
      .ascend #search-field-wrapper a:hover, .ascend #search-field-wrapper a:focus {
        color: #a9b329; }

#contents {
  margin-top: -0.375rem;
  margin-bottom: 6.25rem;
  padding: 0 1.875rem;
  border-right: 1px solid rgba(255, 255, 255, 0.1); }
  @media only screen and (max-width: 64em) {
    #contents {
      display: none; } }
  #contents.line {
    border-right: 1px solid #e9eaea; }
  #contents .container {
    padding-top: 1.875rem; }
    #contents .container ul {
      margin: 0;
      margin-bottom: 2.5rem; }
      #contents .container ul li {
        padding: 1rem 0;
        font-size: 1rem;
        line-height: 1.4;
        list-style-type: none;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        #contents .container ul li .click {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%; }
        #contents .container ul li > a {
          position: relative;
          display: block;
          padding-left: 1.25rem;
          color: #434a54;
          transition: color 300ms ease-out; }
          #contents .container ul li > a:hover, #contents .container ul li > a:focus {
            color: #3bafda; }
            .oa #contents .container ul li > a:hover, .oa #contents .container ul li > a:focus {
              color: #3bafda; }
            .owl #contents .container ul li > a:hover, .owl #contents .container ul li > a:focus {
              color: #71c3cd; }
            .ascend #contents .container ul li > a:hover, .ascend #contents .container ul li > a:focus {
              color: #a9b329; }
          #contents .container ul li > a span {
            position: absolute;
            top: 0;
            left: 0; }
            #contents .container ul li > a span:before {
              margin-right: 0.8125rem;
              font-family: fontAwesome;
              font-size: 1rem;
              content: '\f107'; }
        #contents .container ul li.active {
          font-size: 1.1875rem;
          font-weight: 600; }
          #contents .container ul li.active > a span:before {
            content: '\f106'; }
        #contents .container ul li ul {
          margin-left: 1.25rem;
          margin-bottom: 0;
          font-weight: 400; }
          #contents .container ul li ul li {
            padding: 0.625rem 0; }
            #contents .container ul li ul li:first-child {
              padding-top: 1.25rem; }
            #contents .container ul li ul li.active {
              font-size: 1rem;
              font-weight: 400; }
              #contents .container ul li ul li.active > a {
                text-decoration: underline;
                color: #3bafda; }
                .oa #contents .container ul li ul li.active > a {
                  color: #3bafda; }
                .owl #contents .container ul li ul li.active > a {
                  color: #71c3cd; }
                .ascend #contents .container ul li ul li.active > a {
                  color: #a9b329; }
      #contents .container ul.lvl-1 > li {
        border-bottom: 1px solid #e9eaea; }
        #contents .container ul.lvl-1 > li > a:only-child {
          padding-left: 0; }
    #contents .container #go-to-page-wrapper {
      position: relative; }
      #contents .container #go-to-page-wrapper ::-webkit-input-placeholder {
        color: #ccd1d9; }
      #contents .container #go-to-page-wrapper input:focus::-webkit-input-placeholder {
        color: #aab2bc; }
      #contents .container #go-to-page-wrapper :-moz-placeholder {
        color: #ccd1d9; }
      #contents .container #go-to-page-wrapper input:focus:-moz-placeholder {
        color: #aab2bc; }
      #contents .container #go-to-page-wrapper ::-moz-placeholder {
        color: #ccd1d9; }
      #contents .container #go-to-page-wrapper input:focus::-moz-placeholder {
        color: #aab2bc; }
      #contents .container #go-to-page-wrapper :-ms-input-placeholder {
        color: #ccd1d9; }
      #contents .container #go-to-page-wrapper input:focus:-ms-input-placeholder {
        color: #aab2bc; }
      #contents .container #go-to-page-wrapper input {
        font-size: 0.9375rem;
        padding-right: 2.25rem;
        margin-bottom: 0.25rem;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        border-color: #3bafda; }
        .oa #contents .container #go-to-page-wrapper input {
          border-color: #3bafda; }
        .owl #contents .container #go-to-page-wrapper input {
          border-color: #71c3cd; }
        .ascend #contents .container #go-to-page-wrapper input {
          border-color: #a9b329; }
        #contents .container #go-to-page-wrapper input:hover, #contents .container #go-to-page-wrapper input:focus {
          background-color: white; }
          .oa #contents .container #go-to-page-wrapper input:hover, .oa #contents .container #go-to-page-wrapper input:focus {
            border-color: #2392ba; }
          .owl #contents .container #go-to-page-wrapper input:hover, .owl #contents .container #go-to-page-wrapper input:focus {
            border-color: #42afbc; }
          .ascend #contents .container #go-to-page-wrapper input:hover, .ascend #contents .container #go-to-page-wrapper input:focus {
            border-color: #878f21; }
      #contents .container #go-to-page-wrapper a {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.5625rem 0.875rem;
        font-size: 1.125rem;
        line-height: 1;
        transition: color 300ms ease-out;
        cursor: pointer;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #3bafda; }
        .oa #contents .container #go-to-page-wrapper a {
          color: #3bafda; }
        .owl #contents .container #go-to-page-wrapper a {
          color: #71c3cd; }
        .ascend #contents .container #go-to-page-wrapper a {
          color: #a9b329; }
        .oa #contents .container #go-to-page-wrapper a:hover, .oa #contents .container #go-to-page-wrapper a:focus {
          color: #2392ba; }
        .owl #contents .container #go-to-page-wrapper a:hover, .owl #contents .container #go-to-page-wrapper a:focus {
          color: #42afbc; }
        .ascend #contents .container #go-to-page-wrapper a:hover, .ascend #contents .container #go-to-page-wrapper a:focus {
          color: #878f21; }

#deactivate-confirm {
  position: fixed;
  max-width: 30.625rem;
  padding-top: 1.875rem;
  background-repeat: no-repeat;
  background-position: 50% 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #deactivate-confirm h1 {
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #deactivate-confirm h1 {
      color: #3bafda; }
    .owl #deactivate-confirm h1 {
      color: #71c3cd; }
    .ascend #deactivate-confirm h1 {
      color: #a9b329; }
  #deactivate-confirm p {
    margin-bottom: 1.875rem;
    font-size: 0.9375rem;
    text-align: center;
    color: #434a54; }
  #deactivate-confirm .ok-btn {
    display: block;
    width: 10.625rem;
    margin: 0 auto;
    margin-bottom: 1rem; }
  #deactivate-confirm .cancel-btn {
    display: block;
    width: 8.125rem;
    margin: 0 auto;
    color: #88909a;
    background-color: white;
    transition: color 300ms ease-out; }
    #deactivate-confirm .cancel-btn:hover, #deactivate-confirm .cancel-btn:focus {
      color: #3bafda; }
      .oa #deactivate-confirm .cancel-btn:hover, .oa #deactivate-confirm .cancel-btn:focus {
        color: #3bafda; }
      .owl #deactivate-confirm .cancel-btn:hover, .owl #deactivate-confirm .cancel-btn:focus {
        color: #71c3cd; }
      .ascend #deactivate-confirm .cancel-btn:hover, .ascend #deactivate-confirm .cancel-btn:focus {
        color: #a9b329; }

#footer {
  padding: 2.25rem 1rem;
  background-color: #434a54; }
  #footer #footer-nav ul {
    float: right;
    margin: 0;
    line-height: 1; }
    #footer #footer-nav ul li {
      float: left;
      display: inline-block;
      list-style-type: none;
      padding: 1.25rem 1.125rem;
      color: #aab2bc;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media only screen and (max-width: 57em) {
        #footer #footer-nav ul li {
          padding-left: 0.5625rem;
          padding-right: 0.5625rem;
          font-size: 0.8125rem; }
          #footer #footer-nav ul li:first-child {
            padding-left: 0; }
          #footer #footer-nav ul li:last-child {
            padding-right: 0; } }
      #footer #footer-nav ul li:first-child {
        padding-left: 0; }
      #footer #footer-nav ul li:last-child {
        padding-right: 0; }
      #footer #footer-nav ul li a {
        color: #aab2bc;
        transition: color 300ms ease-out; }
        #footer #footer-nav ul li a:hover, #footer #footer-nav ul li a:focus {
          color: white; }

#menu-fs {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 20000;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: none; }
  #menu-fs .container {
    position: relative;
    width: 50%;
    min-width: 300px;
    height: 100%;
    background-color: #fff;
    display: table;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); }
    #menu-fs .container .header-logo {
      margin-top: 26px;
      margin-left: 56px;
      margin-bottom: 60px; }
    #menu-fs .container h1 {
      margin: 0 3.5rem 1.625rem 3.5rem;
      font-size: 1.375rem;
      font-weight: 600;
      color: #434a54; }
    #menu-fs .container #book-nav-fs {
      margin: 0;
      list-style-type: none; }
      #menu-fs .container #book-nav-fs li {
        margin-bottom: 1.625rem; }
        #menu-fs .container #book-nav-fs li:last-child {
          margin-bottom: 2.5rem; }
        #menu-fs .container #book-nav-fs li a {
          padding-left: 3.5rem;
          font-size: 1.125rem;
          font-weight: 600;
          line-height: 1;
          color: #656d78;
          transition: color 300ms ease-out;
          text-rendering: geometricPrecision;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          #menu-fs .container #book-nav-fs li a:hover, #menu-fs .container #book-nav-fs li a:focus {
            color: #3bafda; }
            .oa #menu-fs .container #book-nav-fs li a:hover, .oa #menu-fs .container #book-nav-fs li a:focus {
              color: #3bafda; }
            .owl #menu-fs .container #book-nav-fs li a:hover, .owl #menu-fs .container #book-nav-fs li a:focus {
              color: #71c3cd; }
            .ascend #menu-fs .container #book-nav-fs li a:hover, .ascend #menu-fs .container #book-nav-fs li a:focus {
              color: #a9b329; }
          #menu-fs .container #book-nav-fs li a.active {
            padding-left: 3.25rem;
            border-left: 4px solid;
            border-color: #3bafda;
            color: #3bafda; }
            .oa #menu-fs .container #book-nav-fs li a.active {
              border-color: #3bafda; }
            .owl #menu-fs .container #book-nav-fs li a.active {
              border-color: #71c3cd; }
            .ascend #menu-fs .container #book-nav-fs li a.active {
              border-color: #a9b329; }
            .oa #menu-fs .container #book-nav-fs li a.active {
              color: #3bafda; }
            .owl #menu-fs .container #book-nav-fs li a.active {
              color: #71c3cd; }
            .ascend #menu-fs .container #book-nav-fs li a.active {
              color: #a9b329; }
    #menu-fs .container #global-nav-fs {
      margin: 0;
      margin-bottom: 2.25rem;
      border-top: 1px solid #e9eaea;
      padding-top: 1.625rem;
      list-style-type: none; }
      #menu-fs .container #global-nav-fs li {
        margin-bottom: 0.875rem; }
        #menu-fs .container #global-nav-fs li a {
          padding-left: 3.5rem;
          font-size: 0.9375rem;
          font-weight: 400;
          line-height: 1;
          color: #656d78;
          transition: color 300ms ease-out;
          text-rendering: geometricPrecision;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          #menu-fs .container #global-nav-fs li a:hover, #menu-fs .container #global-nav-fs li a:focus {
            color: #3bafda; }
            .oa #menu-fs .container #global-nav-fs li a:hover, .oa #menu-fs .container #global-nav-fs li a:focus {
              color: #3bafda; }
            .owl #menu-fs .container #global-nav-fs li a:hover, .owl #menu-fs .container #global-nav-fs li a:focus {
              color: #71c3cd; }
            .ascend #menu-fs .container #global-nav-fs li a:hover, .ascend #menu-fs .container #global-nav-fs li a:focus {
              color: #a9b329; }
          #menu-fs .container #global-nav-fs li a.active {
            padding-left: 3.25rem;
            border-left: 4px solid;
            border-color: #3bafda;
            color: #3bafda; }
            .oa #menu-fs .container #global-nav-fs li a.active {
              border-color: #3bafda; }
            .owl #menu-fs .container #global-nav-fs li a.active {
              border-color: #71c3cd; }
            .ascend #menu-fs .container #global-nav-fs li a.active {
              border-color: #a9b329; }
            .oa #menu-fs .container #global-nav-fs li a.active {
              color: #3bafda; }
            .owl #menu-fs .container #global-nav-fs li a.active {
              color: #71c3cd; }
            .ascend #menu-fs .container #global-nav-fs li a.active {
              color: #a9b329; }
    #menu-fs .container #user-btn-fs {
      margin: 0;
      margin-bottom: 1.625rem;
      list-style-type: none; }
      #menu-fs .container #user-btn-fs li a {
        padding-left: 3.5rem;
        height: 1.625rem;
        font-size: 0.9375rem;
        font-weight: 600;
        line-height: 1;
        transition: color 300ms ease-out;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #3bafda; }
        .oa #menu-fs .container #user-btn-fs li a {
          color: #3bafda; }
        .owl #menu-fs .container #user-btn-fs li a {
          color: #71c3cd; }
        .ascend #menu-fs .container #user-btn-fs li a {
          color: #a9b329; }
        #menu-fs .container #user-btn-fs li a i {
          width: 2.25rem;
          height: 2.25rem;
          font-size: 1rem;
          color: white;
          padding-top: 0.75rem;
          margin-right: 0.625rem;
          text-align: center;
          transition: background-color 300ms ease-out;
          -webkit-border-radius: 18px;
          -moz-border-radius: 18px;
          -ms-border-radius: 18px;
          -o-border-radius: 18px;
          border-radius: 18px;
          background-color: #3bafda; }
          .oa #menu-fs .container #user-btn-fs li a i {
            background-color: #3bafda; }
          .owl #menu-fs .container #user-btn-fs li a i {
            background-color: #71c3cd; }
          .ascend #menu-fs .container #user-btn-fs li a i {
            background-color: #a9b329; }
        .oa #menu-fs .container #user-btn-fs li a:hover, .oa #menu-fs .container #user-btn-fs li a:focus {
          color: #2392ba; }
        .owl #menu-fs .container #user-btn-fs li a:hover, .owl #menu-fs .container #user-btn-fs li a:focus {
          color: #42afbc; }
        .ascend #menu-fs .container #user-btn-fs li a:hover, .ascend #menu-fs .container #user-btn-fs li a:focus {
          color: #878f21; }
        #menu-fs .container #user-btn-fs li a:hover i, #menu-fs .container #user-btn-fs li a:focus i {
          color: white; }
          .oa #menu-fs .container #user-btn-fs li a:hover i, .oa #menu-fs .container #user-btn-fs li a:focus i {
            background-color: #2392ba; }
          .owl #menu-fs .container #user-btn-fs li a:hover i, .owl #menu-fs .container #user-btn-fs li a:focus i {
            background-color: #42afbc; }
          .ascend #menu-fs .container #user-btn-fs li a:hover i, .ascend #menu-fs .container #user-btn-fs li a:focus i {
            background-color: #878f21; }
    #menu-fs .container .close-btn {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 2.5rem;
      font-weight: 300;
      line-height: 1;
      color: #aab2bc;
      padding: 0.25rem 1rem;
      transition: color 300ms ease-out; }
      #menu-fs .container .close-btn:hover, #menu-fs .container .close-btn:focus {
        color: #3bafda; }
        .oa #menu-fs .container .close-btn:hover, .oa #menu-fs .container .close-btn:focus {
          color: #3bafda; }
        .owl #menu-fs .container .close-btn:hover, .owl #menu-fs .container .close-btn:focus {
          color: #71c3cd; }
        .ascend #menu-fs .container .close-btn:hover, .ascend #menu-fs .container .close-btn:focus {
          color: #a9b329; }

#contents-fs {
  margin-bottom: 6.25rem;
  padding: 0 1.875rem;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
  background-color: white;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: none; }
  #contents-fs .container {
    padding-top: 1.875rem; }
    #contents-fs .container ul {
      margin: 0;
      margin-bottom: 2.5rem; }
      #contents-fs .container ul li {
        padding: 1.25rem 0;
        font-size: 1.25rem;
        line-height: 1;
        list-style-type: none;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        #contents-fs .container ul li .click {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%; }
        #contents-fs .container ul li > a {
          position: relative;
          display: block;
          padding-left: 1.25rem;
          color: #434a54;
          transition: color 300ms ease-out; }
          #contents-fs .container ul li > a:hover, #contents-fs .container ul li > a:focus {
            color: #3bafda; }
            .oa #contents-fs .container ul li > a:hover, .oa #contents-fs .container ul li > a:focus {
              color: #3bafda; }
            .owl #contents-fs .container ul li > a:hover, .owl #contents-fs .container ul li > a:focus {
              color: #71c3cd; }
            .ascend #contents-fs .container ul li > a:hover, .ascend #contents-fs .container ul li > a:focus {
              color: #a9b329; }
          #contents-fs .container ul li > a span {
            position: absolute;
            top: 0;
            left: 0; }
            #contents-fs .container ul li > a span:before {
              margin-right: 0.8125rem;
              font-family: fontAwesome;
              font-size: 1rem;
              content: '\f107'; }
        #contents-fs .container ul li.active {
          font-weight: 700; }
          #contents-fs .container ul li.active > a {
            color: #3bafda; }
            .oa #contents-fs .container ul li.active > a {
              color: #3bafda; }
            .owl #contents-fs .container ul li.active > a {
              color: #71c3cd; }
            .ascend #contents-fs .container ul li.active > a {
              color: #a9b329; }
            #contents-fs .container ul li.active > a span:before {
              content: '\f106'; }
        #contents-fs .container ul li ul {
          margin-left: 1.25rem;
          margin-bottom: 0;
          font-weight: 400; }
          #contents-fs .container ul li ul li {
            padding: 1rem 0;
            font-size: 1.125rem; }
            #contents-fs .container ul li ul li:first-child {
              padding-top: 1.875rem; }
            #contents-fs .container ul li ul li.active > a {
              text-decoration: underline;
              color: #3bafda; }
              .oa #contents-fs .container ul li ul li.active > a {
                color: #3bafda; }
              .owl #contents-fs .container ul li ul li.active > a {
                color: #71c3cd; }
              .ascend #contents-fs .container ul li ul li.active > a {
                color: #a9b329; }
      #contents-fs .container ul.lvl-1 > li {
        border-bottom: 1px solid #e9eaea; }
        #contents-fs .container ul.lvl-1 > li > a:only-child {
          padding-left: 0; }
    #contents-fs .container #go-to-page-wrapper {
      position: relative; }
      #contents-fs .container #go-to-page-wrapper ::-webkit-input-placeholder {
        color: #ccd1d9; }
      #contents-fs .container #go-to-page-wrapper input:focus::-webkit-input-placeholder {
        color: #aab2bc; }
      #contents-fs .container #go-to-page-wrapper :-moz-placeholder {
        color: #ccd1d9; }
      #contents-fs .container #go-to-page-wrapper input:focus:-moz-placeholder {
        color: #aab2bc; }
      #contents-fs .container #go-to-page-wrapper ::-moz-placeholder {
        color: #ccd1d9; }
      #contents-fs .container #go-to-page-wrapper input:focus::-moz-placeholder {
        color: #aab2bc; }
      #contents-fs .container #go-to-page-wrapper :-ms-input-placeholder {
        color: #ccd1d9; }
      #contents-fs .container #go-to-page-wrapper input:focus:-ms-input-placeholder {
        color: #aab2bc; }
      #contents-fs .container #go-to-page-wrapper input {
        font-size: 1.25rem;
        padding: 1.5rem 1rem 1.625rem;
        padding-right: 2.25rem;
        margin-bottom: 0.625rem;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px; }
      #contents-fs .container #go-to-page-wrapper a {
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.9375rem 1.125rem;
        font-size: 1.25rem;
        line-height: 1;
        transition: color 300ms ease-out;
        cursor: pointer;
        color: #3bafda; }
        .oa #contents-fs .container #go-to-page-wrapper a {
          color: #3bafda; }
        .owl #contents-fs .container #go-to-page-wrapper a {
          color: #71c3cd; }
        .ascend #contents-fs .container #go-to-page-wrapper a {
          color: #a9b329; }
        .oa #contents-fs .container #go-to-page-wrapper a:hover, .oa #contents-fs .container #go-to-page-wrapper a:focus {
          color: #2392ba; }
        .owl #contents-fs .container #go-to-page-wrapper a:hover, .owl #contents-fs .container #go-to-page-wrapper a:focus {
          color: #42afbc; }
        .ascend #contents-fs .container #go-to-page-wrapper a:hover, .ascend #contents-fs .container #go-to-page-wrapper a:focus {
          color: #878f21; }
    #contents-fs .container h1 {
      width: 100%;
      margin: 0;
      margin-top: 0.25rem;
      margin-bottom: 0.125rem;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1;
      text-align: center;
      letter-spacing: 0;
      color: #434a54; }
    #contents-fs .container h2 {
      margin: 0;
      margin-bottom: 1.625rem;
      font-size: 1.875rem;
      font-weight: 600;
      letter-spacing: -0.3px;
      text-align: center;
      color: #434a54; }
    #contents-fs .container .close-btn {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 2.5rem;
      font-weight: 300;
      line-height: 1;
      color: #aab2bc;
      padding: 0.25rem 1rem;
      transition: color 300ms ease-out; }
      #contents-fs .container .close-btn:hover, #contents-fs .container .close-btn:focus {
        color: #3bafda; }
        .oa #contents-fs .container .close-btn:hover, .oa #contents-fs .container .close-btn:focus {
          color: #3bafda; }
        .owl #contents-fs .container .close-btn:hover, .owl #contents-fs .container .close-btn:focus {
          color: #71c3cd; }
        .ascend #contents-fs .container .close-btn:hover, .ascend #contents-fs .container .close-btn:focus {
          color: #a9b329; }

#prev-next {
  height: 3.5625rem;
  margin-top: -0.0625rem;
  border-bottom: 1px solid #e9eaea; }
  @media only screen and (min-width: 64.0625em) {
    #prev-next {
      display: none; } }
  #prev-next.search-on {
    margin-top: -0.375rem; }
  #prev-next a {
    padding: 1rem 1.875rem;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #prev-next .prev-btn,
  #prev-next .next-btn {
    color: #656d78;
    transition: all 300ms ease-out; }
    #prev-next .prev-btn:not(.disabled):hover, #prev-next .prev-btn:not(.disabled):focus,
    #prev-next .next-btn:not(.disabled):hover,
    #prev-next .next-btn:not(.disabled):focus {
      border: 0;
      background-image: url(../img/header-sh-repeat.svg);
      background-repeat: repeat-x;
      color: white;
      background-color: #3bafda; }
      .oa #prev-next .prev-btn:not(.disabled):hover, .oa #prev-next .prev-btn:not(.disabled):focus, .oa
      #prev-next .next-btn:not(.disabled):hover, .oa
      #prev-next .next-btn:not(.disabled):focus {
        background-color: #3bafda; }
      .owl #prev-next .prev-btn:not(.disabled):hover, .owl #prev-next .prev-btn:not(.disabled):focus, .owl
      #prev-next .next-btn:not(.disabled):hover, .owl
      #prev-next .next-btn:not(.disabled):focus {
        background-color: #71c3cd; }
      .ascend #prev-next .prev-btn:not(.disabled):hover, .ascend #prev-next .prev-btn:not(.disabled):focus, .ascend
      #prev-next .next-btn:not(.disabled):hover, .ascend
      #prev-next .next-btn:not(.disabled):focus {
        background-color: #a9b329; }
    #prev-next .prev-btn.active,
    #prev-next .next-btn.active {
      border: 0;
      background-image: url(../img/header-sh-repeat.svg);
      background-repeat: repeat-x;
      color: white;
      transition: background-color 300ms ease-out;
      background-color: #3bafda; }
      .oa #prev-next .prev-btn.active, .oa
      #prev-next .next-btn.active {
        background-color: #3bafda; }
      .owl #prev-next .prev-btn.active, .owl
      #prev-next .next-btn.active {
        background-color: #71c3cd; }
      .ascend #prev-next .prev-btn.active, .ascend
      #prev-next .next-btn.active {
        background-color: #a9b329; }
      .oa #prev-next .prev-btn.active:hover, .oa #prev-next .prev-btn.active:focus, .oa
      #prev-next .next-btn.active:hover, .oa
      #prev-next .next-btn.active:focus {
        background-color: #2392ba; }
      .owl #prev-next .prev-btn.active:hover, .owl #prev-next .prev-btn.active:focus, .owl
      #prev-next .next-btn.active:hover, .owl
      #prev-next .next-btn.active:focus {
        background-color: #42afbc; }
      .ascend #prev-next .prev-btn.active:hover, .ascend #prev-next .prev-btn.active:focus, .ascend
      #prev-next .next-btn.active:hover, .ascend
      #prev-next .next-btn.active:focus {
        background-color: #878f21; }
    #prev-next .prev-btn.disabled,
    #prev-next .next-btn.disabled {
      color: #ccd1d9;
      cursor: default; }
  #prev-next .prev-btn {
    border-right: 1px solid #e9eaea; }
    #prev-next .prev-btn i {
      margin-right: 0.375rem; }
  #prev-next .next-btn {
    border-left: 1px solid #e9eaea; }
    #prev-next .next-btn i {
      margin-left: 0.375rem; }
  #prev-next #contents-btn-wrapper {
    text-align: center; }
    #prev-next #contents-btn-wrapper #contents-btn {
      display: inline-block;
      transition: color 300ms ease-out;
      color: #3bafda; }
      .oa #prev-next #contents-btn-wrapper #contents-btn {
        color: #3bafda; }
      .owl #prev-next #contents-btn-wrapper #contents-btn {
        color: #71c3cd; }
      .ascend #prev-next #contents-btn-wrapper #contents-btn {
        color: #a9b329; }
      .oa #prev-next #contents-btn-wrapper #contents-btn:hover, .oa #prev-next #contents-btn-wrapper #contents-btn:focus {
        color: #2392ba; }
      .owl #prev-next #contents-btn-wrapper #contents-btn:hover, .owl #prev-next #contents-btn-wrapper #contents-btn:focus {
        color: #42afbc; }
      .ascend #prev-next #contents-btn-wrapper #contents-btn:hover, .ascend #prev-next #contents-btn-wrapper #contents-btn:focus {
        color: #878f21; }
      #prev-next #contents-btn-wrapper #contents-btn i {
        font-size: 0.875rem;
        margin-right: 0.375rem; }

.panels {
  padding: 2.5rem !important;
  padding-bottom: 0 !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .panels h1 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #434a54; }
  @media only screen {
    .panels .small-block-grid-3 > li {
      width: 33.33333%;
      list-style: none; }
    .panels .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .panels .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; } }
  @media only screen and (min-width: 58.125em) {
    .panels .tablet-block-grid-4 > li {
      width: 25%;
      list-style: none; }
    .panels .tablet-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .panels .tablet-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; } }
  @media only screen and (min-width: 64.0625em) {
    .panels .medium-block-grid-3 > li {
      width: 33.33333%;
      list-style: none; }
    .panels .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .panels .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; } }
  @media only screen and (min-width: 76.875em) {
    .panels .large-block-grid-4 > li {
      width: 25%;
      list-style: none; }
    .panels .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .panels .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; } }

.panel-grid > li > a {
  position: relative;
  display: block;
  padding: 0.5rem;
  border: 1px solid #e9eaea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: box-shadow 300ms ease-out; }
  .panel-grid > li > a:hover, .panel-grid > li > a:focus {
    border-color: white;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25); }
  .panel-grid > li > a .panel-img {
    position: relative; }
    .panel-grid > li > a .panel-img.video {
      background-repeat: no-repeat;
      background-size: cover; }
    .panel-grid > li > a .panel-img img {
      width: 100%; }
  .panel-grid > li > a h1 {
    display: inline-block;
    padding: 0.375rem 0.375rem 0;
    margin-bottom: 0.625rem;
    font-size: 1.1875rem !important;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.3 !important;
    color: #434a54; }
  .panel-grid > li > a p {
    margin-bottom: 0.1875rem;
    padding: 0 0.375rem;
    font-size: 0.9375rem;
    color: #434a54; }
.panel-grid > li .inter-year {
  display: none; }

#reader {
  position: absolute;
  z-index: 200;
  width: 100%;
  height: 100%;
  background: black;
  display: none; }
  #reader #reader-header {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 2.1875rem;
    background-color: rgba(0, 0, 0, 0.75); }
    #reader #reader-header #zoom-menu {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      -moz-user-select: -moz-none;
      -moz-user-select: none;
      -o-user-select: none;
      -khtml-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      #reader #reader-header #zoom-menu li {
        padding: 0;
        margin: 0; }
        #reader #reader-header #zoom-menu li:first-child {
          margin-left: 1.5rem; }
        #reader #reader-header #zoom-menu li a {
          padding: 0.625rem;
          padding-top: 0.5rem;
          font-size: 1.25rem;
          line-height: 1;
          transition: color 300ms ease-out;
          color: #aab2bc; }
          .oa #reader #reader-header #zoom-menu li a:hover, .oa #reader #reader-header #zoom-menu li a:focus {
            color: #2392ba; }
          .owl #reader #reader-header #zoom-menu li a:hover, .owl #reader #reader-header #zoom-menu li a:focus {
            color: #42afbc; }
          .ascend #reader #reader-header #zoom-menu li a:hover, .ascend #reader #reader-header #zoom-menu li a:focus {
            color: #878f21; }
    #reader #reader-header h2 {
      margin-top: 1rem;
      margin-bottom: 0.0625rem;
      font-size: 0.75rem;
      letter-spacing: -0.2px;
      color: #aab2bc;
      text-align: center;
      display: none;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #reader #reader-header h1 {
      margin-top: 0.5625rem;
      margin-bottom: 0.1875rem;
      font-size: 0.875rem;
      line-height: 1.1;
      letter-spacing: -0.2px;
      color: #aab2bc;
      text-align: center;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media only screen and (max-width: 64em) {
        #reader #reader-header h1 {
          font-size: 1.125rem; } }
      #reader #reader-header h1.small {
        font-size: 0.875rem;
        line-height: 1.2; }
    #reader #reader-header .page-numbers {
      font-size: 0.8125rem;
      color: #434a54;
      text-align: center;
      font-weight: 600;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #reader #reader-header .close-btn {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      padding: 0.25rem 1rem;
      padding-top: 0.0625rem;
      padding-right: 0.625rem;
      font-size: 2.25rem;
      font-weight: 300;
      line-height: 1;
      transition: color 300ms ease-out;
      color: #aab2bc; }
      .oa #reader #reader-header .close-btn:hover, .oa #reader #reader-header .close-btn:focus {
        color: #2392ba; }
      .owl #reader #reader-header .close-btn:hover, .owl #reader #reader-header .close-btn:focus {
        color: #42afbc; }
      .ascend #reader #reader-header .close-btn:hover, .ascend #reader #reader-header .close-btn:focus {
        color: #878f21; }
  #reader .nav-btn {
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    font-size: 3.75rem;
    color: #aab2bc;
    transition: color 300ms ease-out; }
    #reader .nav-btn:not(.disabled):hover, #reader .nav-btn:not(.disabled):focus {
      color: #3bafda; }
      .oa #reader .nav-btn:not(.disabled):hover, .oa #reader .nav-btn:not(.disabled):focus {
        color: #3bafda; }
      .owl #reader .nav-btn:not(.disabled):hover, .owl #reader .nav-btn:not(.disabled):focus {
        color: #71c3cd; }
      .ascend #reader .nav-btn:not(.disabled):hover, .ascend #reader .nav-btn:not(.disabled):focus {
        color: #a9b329; }
    #reader .nav-btn.disabled {
      display: none; }
    #reader .nav-btn.prev-btn {
      left: 0; }
      #reader .nav-btn.prev-btn i {
        padding-left: 0.875rem;
        padding-right: 1.125rem;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%; }
    #reader .nav-btn.next-btn {
      right: 0; }
      #reader .nav-btn.next-btn i {
        right: 0;
        padding-left: 1.125rem;
        padding-right: 0.875rem;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%; }
    #reader .nav-btn i {
      position: absolute;
      top: 50%;
      margin-top: -1.875rem;
      background-color: rgba(0, 0, 0, 0.5); }
  #reader .reader-pages {
    padding-top: 6.25rem;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    max-width: 100%; }
    #reader .reader-pages :first-child img {
      border: 1px solid #e9eaea;
      border-right: 0;
      -webkit-box-shadow: -8px 0 5px -5px rgba(0, 0, 0, 0.05), 0 -8px 5px -5px rgba(0, 0, 0, 0.05), 0 8px 5px -5px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: -8px 0 5px -5px rgba(0, 0, 0, 0.05), 0 -8px 5px -5px rgba(0, 0, 0, 0.05), 0 8px 5px -5px rgba(0, 0, 0, 0.05);
      box-shadow: -8px 0 5px -5px rgba(0, 0, 0, 0.05), 0 -8px 5px -5px rgba(0, 0, 0, 0.05), 0 8px 5px -5px rgba(0, 0, 0, 0.05); }
    #reader .reader-pages :last-child img {
      border: 1px solid #e9eaea;
      border-left: 0;
      -webkit-box-shadow: 0 -8px 5px -5px rgba(0, 0, 0, 0.05), 8px 0 5px -5px rgba(0, 0, 0, 0.05), 0 8px 5px -5px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 -8px 5px -5px rgba(0, 0, 0, 0.05), 8px 0 5px -5px rgba(0, 0, 0, 0.05), 0 8px 5px -5px rgba(0, 0, 0, 0.05);
      box-shadow: 0 -8px 5px -5px rgba(0, 0, 0, 0.05), 8px 0 5px -5px rgba(0, 0, 0, 0.05), 0 8px 5px -5px rgba(0, 0, 0, 0.05); }
  #reader .reader-panel {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none; }
    #reader .reader-panel .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(67, 74, 84, 0.4); }
    #reader .reader-panel .container {
      position: fixed;
      z-index: 1;
      bottom: 46px;
      width: 100%;
      height: 15rem;
      padding: 1.125rem;
      background: white;
      display: none;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      #reader .reader-panel .container h1 {
        margin: 0;
        margin-bottom: 0.75rem;
        font-size: 0.9375rem;
        line-height: 1;
        color: #434a54; }
        #reader .reader-panel .container h1 a {
          font-size: 0.8125rem;
          margin-left: 1.125rem;
          color: #3bafda;
          transition: color 300ms ease-out; }
          .oa #reader .reader-panel .container h1 a {
            color: #3bafda; }
          .owl #reader .reader-panel .container h1 a {
            color: #71c3cd; }
          .ascend #reader .reader-panel .container h1 a {
            color: #a9b329; }
          .oa #reader .reader-panel .container h1 a:hover, .oa #reader .reader-panel .container h1 a:focus {
            color: #2392ba; }
          .owl #reader .reader-panel .container h1 a:hover, .owl #reader .reader-panel .container h1 a:focus {
            color: #42afbc; }
          .ascend #reader .reader-panel .container h1 a:hover, .ascend #reader .reader-panel .container h1 a:focus {
            color: #878f21; }
      #reader .reader-panel .container .close-btn {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        padding: 0.5rem 1rem;
        font-size: 2.125rem;
        font-weight: 300;
        line-height: 1;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #reader .reader-panel .container .close-btn {
          color: #3bafda; }
        .owl #reader .reader-panel .container .close-btn {
          color: #71c3cd; }
        .ascend #reader .reader-panel .container .close-btn {
          color: #a9b329; }
        .oa #reader .reader-panel .container .close-btn:hover, .oa #reader .reader-panel .container .close-btn:focus {
          color: #2392ba; }
        .owl #reader .reader-panel .container .close-btn:hover, .owl #reader .reader-panel .container .close-btn:focus {
          color: #42afbc; }
        .ascend #reader .reader-panel .container .close-btn:hover, .ascend #reader .reader-panel .container .close-btn:focus {
          color: #878f21; }
      #reader .reader-panel .container .scroller {
        width: 100%;
        height: 11.875rem;
        padding-top: 0.375rem;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch; }
        #reader .reader-panel .container .scroller > ul {
          margin: 0;
          padding: 0;
          height: 100%;
          list-style: none; }
          #reader .reader-panel .container .scroller > ul ul {
            display: none; }
        #reader .reader-panel .container .scroller > ul > li {
          float: left;
          width: 9.9375rem;
          height: 100%;
          margin-left: 0.75rem; }
          #reader .reader-panel .container .scroller > ul > li:first-child {
            margin-left: 0; }
          #reader .reader-panel .container .scroller > ul > li a {
            display: inline-block;
            width: 9.9375rem;
            padding: 0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px; }
            #reader .reader-panel .container .scroller > ul > li a .panel-img {
              position: relative;
              overflow: hidden;
              transition: box-shadow 300ms ease-out;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              -o-border-radius: 3px;
              border-radius: 3px; }
              #reader .reader-panel .container .scroller > ul > li a .panel-img:hover, #reader .reader-panel .container .scroller > ul > li a .panel-img:focus {
                border-color: white;
                -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
                -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
                box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35); }
              #reader .reader-panel .container .scroller > ul > li a .panel-img.video {
                background-repeat: no-repeat;
                background-size: cover; }
              #reader .reader-panel .container .scroller > ul > li a .panel-img img {
                width: 100%; }
            #reader .reader-panel .container .scroller > ul > li a h1 {
              padding-top: 0.5rem;
              margin-bottom: 0.625rem;
              font-size: 0.8125rem;
              font-weight: 600;
              letter-spacing: -0.2px;
              line-height: 1.3;
              color: #434a54; }
            #reader .reader-panel .container .scroller > ul > li a p {
              display: none; }
  #reader #reader-toolbar {
    position: fixed;
    z-index: 3;
    bottom: 0;
    width: 100%;
    height: 2.875rem;
    /* background: rgba(247, 0, 57, 0.75); */
    background: rgba(0, 0, 0, 0.75); }
    #reader #reader-toolbar .container {
      margin: 0 auto;
      width: 39.125rem; }
      #reader #reader-toolbar .container ul {
        margin: 0;
        list-style: none;
        text-align: center; }
        #reader #reader-toolbar .container ul li {
          float: left;
          display: block;
          font-size: 0.75rem;
          line-height: 1;
          color: #aab2bc;
          text-rendering: geometricPrecision;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          #reader #reader-toolbar .container ul li ::-webkit-input-placeholder {
            color: #88909a; }
          #reader #reader-toolbar .container ul li input:focus::-webkit-input-placeholder {
            color: white; }
          #reader #reader-toolbar .container ul li :-moz-placeholder {
            color: #88909a; }
          #reader #reader-toolbar .container ul li input:focus:-moz-placeholder {
            color: white; }
          #reader #reader-toolbar .container ul li ::-moz-placeholder {
            color: #88909a; }
          #reader #reader-toolbar .container ul li input:focus::-moz-placeholder {
            color: white; }
          #reader #reader-toolbar .container ul li :-ms-input-placeholder {
            color: #88909a; }
          #reader #reader-toolbar .container ul li input:focus:-ms-input-placeholder {
            color: white; }
          #reader #reader-toolbar .container ul li input {
            display: block;
            width: 6.25rem;
            height: 1.875rem;
            margin: 0.5625rem 1rem 0 1rem;
            padding: 0 0.625rem;
            font-size: 0.9375rem;
            text-align: center;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px; }
          #reader #reader-toolbar .container ul li a {
            display: block;
            height: 100%;
            padding: 0.625rem 1rem 0.25rem;
            color: #aab2bc;
            transition: color 300ms ease-out; }
            #reader #reader-toolbar .container ul li a:not(.selected):hover, #reader #reader-toolbar .container ul li a:not(.selected):focus {
              color: #3bafda; }
              .oa #reader #reader-toolbar .container ul li a:not(.selected):hover, .oa #reader #reader-toolbar .container ul li a:not(.selected):focus {
                color: #3bafda; }
              .owl #reader #reader-toolbar .container ul li a:not(.selected):hover, .owl #reader #reader-toolbar .container ul li a:not(.selected):focus {
                color: #71c3cd; }
              .ascend #reader #reader-toolbar .container ul li a:not(.selected):hover, .ascend #reader #reader-toolbar .container ul li a:not(.selected):focus {
                color: #a9b329; }
            #reader #reader-toolbar .container ul li a.selected {
              cursor: pointer;
              color: #3bafda; }
              .oa #reader #reader-toolbar .container ul li a.selected {
                color: #3bafda; }
              .owl #reader #reader-toolbar .container ul li a.selected {
                color: #71c3cd; }
              .ascend #reader #reader-toolbar .container ul li a.selected {
                color: #a9b329; }
            #reader #reader-toolbar .container ul li a#reader-bookmark-btn.selected {
              color: #e7ab41; }
            #reader #reader-toolbar .container ul li a#reader-add-note-btn.selected {
              cursor: default; }
            #reader #reader-toolbar .container ul li a i {
              display: block;
              font-size: 1.125rem; }
  #reader #reader-notes {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none; }
    #reader #reader-notes .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(67, 74, 84, 0.4); }
    #reader #reader-notes .container {
      position: fixed;
      top: 0;
      right: 0;
      width: 25rem;
      height: 100%;
      padding: 5rem 1.5625rem;
      background: white;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); }
      #reader #reader-notes .container.reader-open {
        padding-bottom: 5rem; }
      #reader #reader-notes .container h1 {
        position: absolute;
        top: 25px;
        left: 25px;
        font-size: 1.875rem;
        letter-spacing: -0.2px;
        line-height: 1;
        color: #3bafda; }
        .oa #reader #reader-notes .container h1 {
          color: #3bafda; }
        .owl #reader #reader-notes .container h1 {
          color: #71c3cd; }
        .ascend #reader #reader-notes .container h1 {
          color: #a9b329; }
      #reader #reader-notes .container .close-btn {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.5rem 1rem;
        font-size: 2.125rem;
        font-weight: 300;
        line-height: 1;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #reader #reader-notes .container .close-btn {
          color: #3bafda; }
        .owl #reader #reader-notes .container .close-btn {
          color: #71c3cd; }
        .ascend #reader #reader-notes .container .close-btn {
          color: #a9b329; }
        .oa #reader #reader-notes .container .close-btn:hover, .oa #reader #reader-notes .container .close-btn:focus {
          color: #2392ba; }
        .owl #reader #reader-notes .container .close-btn:hover, .owl #reader #reader-notes .container .close-btn:focus {
          color: #42afbc; }
        .ascend #reader #reader-notes .container .close-btn:hover, .ascend #reader #reader-notes .container .close-btn:focus {
          color: #878f21; }
      #reader #reader-notes .container #note-wrapper {
        height: 100%;
        padding-right: 1rem;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; }
        #reader #reader-notes .container #note-wrapper .note {
          margin-bottom: 1.5625rem; }
          #reader #reader-notes .container #note-wrapper .note p {
            font-size: 0.9375rem;
            margin-bottom: 0.1875rem; }
          #reader #reader-notes .container #note-wrapper .note a {
            display: inline-block;
            font-size: 0.8125rem;
            color: #3bafda;
            margin-right: 1.25rem; }
            .oa #reader #reader-notes .container #note-wrapper .note a {
              color: #3bafda; }
            .owl #reader #reader-notes .container #note-wrapper .note a {
              color: #71c3cd; }
            .ascend #reader #reader-notes .container #note-wrapper .note a {
              color: #a9b329; }
            .oa #reader #reader-notes .container #note-wrapper .note a:hover, .oa #reader #reader-notes .container #note-wrapper .note a:focus {
              color: #2392ba; }
            .owl #reader #reader-notes .container #note-wrapper .note a:hover, .owl #reader #reader-notes .container #note-wrapper .note a:focus {
              color: #42afbc; }
            .ascend #reader #reader-notes .container #note-wrapper .note a:hover, .ascend #reader #reader-notes .container #note-wrapper .note a:focus {
              color: #878f21; }

#note-add {
  position: fixed;
  max-width: 30.625rem;
  padding-top: 9.375rem;
  background-repeat: no-repeat;
  background-position: 50% 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #note-add h1 {
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #note-add h1 {
      color: #3bafda; }
    .owl #note-add h1 {
      color: #71c3cd; }
    .ascend #note-add h1 {
      color: #a9b329; }
  #note-add p {
    margin-bottom: 1.875rem;
    font-size: 0.9375rem;
    text-align: center;
    color: #434a54; }
  #note-add textarea {
    resize: none;
    height: 10.25rem;
    margin-bottom: 1.875rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  #note-add #save-note-btn {
    display: block;
    width: 10.625rem;
    margin: 0 auto;
    margin-bottom: 1rem; }
  #note-add .cancel-btn {
    display: block;
    width: 8.125rem;
    margin: 0 auto;
    color: #88909a;
    background-color: white;
    transition: color 300ms ease-out; }
    #note-add .cancel-btn:hover, #note-add .cancel-btn:focus {
      color: #3bafda; }
      .oa #note-add .cancel-btn:hover, .oa #note-add .cancel-btn:focus {
        color: #3bafda; }
      .owl #note-add .cancel-btn:hover, .owl #note-add .cancel-btn:focus {
        color: #71c3cd; }
      .ascend #note-add .cancel-btn:hover, .ascend #note-add .cancel-btn:focus {
        color: #a9b329; }

.oa #note-add {
  background-image: url(../img/header-add-note-oa.svg); }

.owl #note-add {
  background-image: url(../img/header-add-note-owl.svg); }

.ascend #note-add {
  background-image: url(../img/header-add-note-ascend.svg); }

#note-delete {
  position: fixed;
  max-width: 30.625rem;
  padding-top: 1.875rem;
  background-repeat: no-repeat;
  background-position: 50% 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #note-delete h1 {
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #note-delete h1 {
      color: #3bafda; }
    .owl #note-delete h1 {
      color: #71c3cd; }
    .ascend #note-delete h1 {
      color: #a9b329; }
  #note-delete p {
    margin-bottom: 1.875rem;
    font-size: 0.9375rem;
    text-align: center;
    color: #434a54; }
  #note-delete #delete-note-btn {
    display: block;
    width: 10.625rem;
    margin: 0 auto;
    margin-bottom: 1rem; }
  #note-delete .cancel-btn {
    display: block;
    width: 8.125rem;
    margin: 0 auto;
    color: #88909a;
    background-color: white;
    transition: color 300ms ease-out; }
    #note-delete .cancel-btn:hover, #note-delete .cancel-btn:focus {
      color: #3bafda; }
      .oa #note-delete .cancel-btn:hover, .oa #note-delete .cancel-btn:focus {
        color: #3bafda; }
      .owl #note-delete .cancel-btn:hover, .owl #note-delete .cancel-btn:focus {
        color: #71c3cd; }
      .ascend #note-delete .cancel-btn:hover, .ascend #note-delete .cancel-btn:focus {
        color: #a9b329; }

.oa #note-add {
  background-image: url(../img/header-add-note-oa.svg); }

.owl #note-add {
  background-image: url(../img/header-add-note-owl.svg); }

.ascend #note-add {
  background-image: url(../img/header-add-note-ascend.svg); }

#note-share {
  position: fixed;
  max-width: 30.625rem;
  padding-top: 1.875rem;
  background-repeat: no-repeat;
  background-position: 50% 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #note-share h1 {
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #note-share h1 {
      color: #3bafda; }
    .owl #note-share h1 {
      color: #71c3cd; }
    .ascend #note-share h1 {
      color: #a9b329; }
  #note-share p {
    margin-bottom: 1rem;
    font-size: 0.9375rem;
    text-align: center;
    color: #434a54; }
  #note-share ul {
    margin: 0; }
    #note-share ul li {
      margin: 0;
      list-style: none; }
      #note-share ul li:last-child {
        margin-bottom: 1.875rem; }
  #note-share select {
    color: #434a54;
    background-color: white;
    border: 1px solid #ccd1d9;
    transition: border-color 300ms ease-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    #note-share select:hover, #note-share select:focus {
      border-color: #3bafda; }
      .oa #note-share select:hover, .oa #note-share select:focus {
        border-color: #3bafda; }
      .owl #note-share select:hover, .owl #note-share select:focus {
        border-color: #71c3cd; }
      .ascend #note-share select:hover, .ascend #note-share select:focus {
        border-color: #a9b329; }
    #note-share select:disabled {
      background-color: #e9eaea; }
      #note-share select:disabled:hover, #note-share select:disabled:focus {
        border: 1px solid #ccd1d9; }
  #note-share #note-shared {
    margin: 1.875rem 0;
    padding: 0.875rem;
    text-align: left;
    background-color: #e9eaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    #note-share #note-shared p {
      margin-bottom: 0.625rem;
      font-size: 0.875rem;
      line-height: 1.3;
      text-align: left; }
    #note-share #note-shared li {
      position: relative;
      margin-bottom: 0.625rem; }
      #note-share #note-shared li:last-child {
        margin: 0; }
      #note-share #note-shared li input {
        position: absolute;
        top: 0.4375rem; }
      #note-share #note-shared li label {
        margin-left: 1.25rem; }
  #note-share #share-note-btn {
    display: block;
    width: 10.625rem;
    margin: 0 auto;
    margin-bottom: 1rem; }
  #note-share .cancel-btn {
    display: block;
    width: 8.125rem;
    margin: 0 auto;
    color: #88909a;
    background-color: white;
    transition: color 300ms ease-out; }
    #note-share .cancel-btn:hover, #note-share .cancel-btn:focus {
      color: #3bafda; }
      .oa #note-share .cancel-btn:hover, .oa #note-share .cancel-btn:focus {
        color: #3bafda; }
      .owl #note-share .cancel-btn:hover, .owl #note-share .cancel-btn:focus {
        color: #71c3cd; }
      .ascend #note-share .cancel-btn:hover, .ascend #note-share .cancel-btn:focus {
        color: #a9b329; }

#inter-year-modal {
  position: fixed;
  max-width: 30.625rem;
  max-height: 37.5rem;
  padding-top: 3.125rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #inter-year-modal h1 {
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #inter-year-modal h1 {
      color: #3bafda; }
    .owl #inter-year-modal h1 {
      color: #71c3cd; }
    .ascend #inter-year-modal h1 {
      color: #a9b329; }
  #inter-year-modal p {
    margin-bottom: 1.875rem;
    font-size: 0.9375rem;
    text-align: center;
    color: #434a54; }
  #inter-year-modal h2 {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center; }
  #inter-year-modal .scroller {
    width: 27.5rem;
    height: 32.5rem;
    padding: 0 0.625rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    #inter-year-modal .scroller .img {
      text-align: center;
      margin-bottom: 1.875rem; }
    #inter-year-modal .scroller ul {
      margin: 0;
      padding: 0;
      width: 100%;
      list-style: none;
      text-align: center; }
      #inter-year-modal .scroller ul li {
        float: left;
        margin-bottom: 1rem;
        width: 100%;
        font-size: 1.125rem;
        line-height: 1.2; }
        #inter-year-modal .scroller ul li a {
          transition: color 300ms ease-out;
          color: #3bafda; }
          .oa #inter-year-modal .scroller ul li a {
            color: #3bafda; }
          .owl #inter-year-modal .scroller ul li a {
            color: #71c3cd; }
          .ascend #inter-year-modal .scroller ul li a {
            color: #a9b329; }
          .oa #inter-year-modal .scroller ul li a:hover, .oa #inter-year-modal .scroller ul li a:focus {
            color: #2392ba; }
          .owl #inter-year-modal .scroller ul li a:hover, .owl #inter-year-modal .scroller ul li a:focus {
            color: #42afbc; }
          .ascend #inter-year-modal .scroller ul li a:hover, .ascend #inter-year-modal .scroller ul li a:focus {
            color: #878f21; }

#question-modal {
  position: fixed;
  max-width: 30.625rem;
  max-height: 21.875rem;
  padding-top: 3.125rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #question-modal.img {
    max-height: 33.75rem; }
    #question-modal.img .scroller {
      height: 28.75rem; }
  #question-modal h1 {
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #question-modal h1 {
      color: #3bafda; }
    .owl #question-modal h1 {
      color: #71c3cd; }
    .ascend #question-modal h1 {
      color: #a9b329; }
  #question-modal h2 {
    margin-bottom: 1.875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    text-align: center; }
  #question-modal p {
    margin-bottom: 0.625rem;
    font-size: 0.9375rem;
    color: #434a54; }
    #question-modal p:nth-child(4) {
      margin-bottom: 1.875rem; }
  #question-modal .scroller {
    width: 27.5rem;
    height: 16.875rem;
    padding: 0 0.625rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    #question-modal .scroller .img {
      text-align: center;
      margin-bottom: 1.875rem; }
    #question-modal .scroller ul {
      margin: 0;
      padding: 0;
      width: 100%;
      list-style: none;
      text-align: center; }
      #question-modal .scroller ul li {
        float: left;
        margin-bottom: 1rem;
        width: 100%;
        font-size: 1.125rem;
        line-height: 1.2; }
        #question-modal .scroller ul li a {
          transition: color 300ms ease-out;
          color: #3bafda; }
          .oa #question-modal .scroller ul li a {
            color: #3bafda; }
          .owl #question-modal .scroller ul li a {
            color: #71c3cd; }
          .ascend #question-modal .scroller ul li a {
            color: #a9b329; }
          .oa #question-modal .scroller ul li a:hover, .oa #question-modal .scroller ul li a:focus {
            color: #2392ba; }
          .owl #question-modal .scroller ul li a:hover, .owl #question-modal .scroller ul li a:focus {
            color: #42afbc; }
          .ascend #question-modal .scroller ul li a:hover, .ascend #question-modal .scroller ul li a:focus {
            color: #878f21; }

#graph-results {
  position: fixed;
  max-width: 38.75rem;
  max-height: 40rem;
  padding-top: 2.5rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #graph-results h1 {
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #graph-results h1 {
      color: #3bafda; }
    .owl #graph-results h1 {
      color: #71c3cd; }
    .ascend #graph-results h1 {
      color: #a9b329; }
  #graph-results p {
    margin-bottom: 1.875rem;
    font-size: 0.9375rem;
    text-align: center;
    color: #434a54; }
  #graph-results h2 {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center; }
  #graph-results .scroller {
    width: 36.25rem;
    height: 35rem;
    padding: 0 0.625rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    #graph-results .scroller .img {
      text-align: center;
      margin-bottom: 1.875rem; }
    #graph-results .scroller #graph-results-key {
      margin: 0;
      padding: 0;
      width: 100%; }
      #graph-results .scroller #graph-results-key li {
        display: inline-block; }
        #graph-results .scroller #graph-results-key li span {
          display: inline; }
        #graph-results .scroller #graph-results-key li#key-class-avg {
          position: relative;
          padding-left: 2.875rem; }
          #graph-results .scroller #graph-results-key li#key-class-avg span {
            position: absolute;
            top: 11px;
            left: 0;
            width: 40px;
            height: 7px;
            border-top: 4px dashed #33bef2; }
        #graph-results .scroller #graph-results-key li#key-result span {
          font-weight: 700;
          color: #58b957; }
        #graph-results .scroller #graph-results-key li#key-attempts span {
          font-weight: 600;
          color: #aab2bc; }
    #graph-results .scroller #graph-results-list {
      margin-top: 1.25rem;
      padding: 0;
      width: 100%; }
      #graph-results .scroller #graph-results-list li {
        display: inline-block;
        font-size: 0.875rem; }
        #graph-results .scroller #graph-results-list li span {
          display: inline; }
        #graph-results .scroller #graph-results-list li .position {
          font-weight: 700; }
        #graph-results .scroller #graph-results-list li .result {
          font-weight: 700;
          color: #58b957; }
        #graph-results .scroller #graph-results-list li .attempts {
          font-weight: 600;
          color: #aab2bc; }

#assign-work {
  max-width: 46rem;
  height: 38.125rem;
  padding: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #assign-work .container {
    padding: 1.875rem; }
    #assign-work .container > h1 {
      margin-top: 0;
      font-size: 1.875rem;
      text-align: center;
      color: #3bafda; }
      .oa #assign-work .container > h1 {
        color: #3bafda; }
      .owl #assign-work .container > h1 {
        color: #71c3cd; }
      .ascend #assign-work .container > h1 {
        color: #a9b329; }
    #assign-work .container > p {
      font-size: 0.9375rem;
      text-align: center;
      color: #434a54; }
  #assign-work #choose-work {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 2rem;
    padding-right: 1rem; }
    #assign-work #choose-work > h1 {
      margin-bottom: 1.25rem; }
    #assign-work #choose-work .scroller {
      width: 100%;
      height: 21.25rem;
      padding-left: 0.375rem;
      padding-top: 0.375rem;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; }
      #assign-work #choose-work .scroller ul {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none; }
        #assign-work #choose-work .scroller ul.quizzes {
          width: 31.25rem;
          margin: 0 auto;
          margin-top: 6.25rem; }
        #assign-work #choose-work .scroller ul.quiz {
          width: 10.3125rem;
          margin: 0 auto;
          margin-top: 6.25rem; }
        #assign-work #choose-work .scroller ul li {
          float: left; }
          #assign-work #choose-work .scroller ul li a {
            position: relative;
            width: 9.9375rem;
            margin: 0.1875rem;
            display: inline-block;
            width: 9.9375rem;
            padding: 0.25rem;
            border: 1px solid #e9eaea;
            transition: box-shadow 300ms ease-out;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px; }
            #assign-work #choose-work .scroller ul li a:hover, #assign-work #choose-work .scroller ul li a:focus {
              border-color: white;
              -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
              -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
              box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35); }
            #assign-work #choose-work .scroller ul li a.selected {
              border-color: #434a54;
              background-color: #434a54; }
              #assign-work #choose-work .scroller ul li a.selected h1 {
                color: white; }
              #assign-work #choose-work .scroller ul li a.selected:hover, #assign-work #choose-work .scroller ul li a.selected:focus {
                border-color: #434a54;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none; }
            #assign-work #choose-work .scroller ul li a .panel-img {
              position: relative;
              overflow: hidden; }
              #assign-work #choose-work .scroller ul li a .panel-img.video {
                background-repeat: no-repeat;
                background-size: cover; }
              #assign-work #choose-work .scroller ul li a .panel-img img {
                width: 100%; }
            #assign-work #choose-work .scroller ul li a h1 {
              padding: 0.1875rem;
              padding-bottom: 0;
              margin-bottom: 0;
              font-size: 0.75rem;
              font-weight: 600;
              letter-spacing: -0.2px;
              line-height: 1.3;
              color: #434a54; }
            #assign-work #choose-work .scroller ul li a p {
              display: none; }
              #assign-work #choose-work .scroller ul li a p.panel-book {
                display: block;
                padding-left: 0.1875rem;
                font-size: 0.75rem; }
    #assign-work #choose-work label {
      position: absolute;
      bottom: 40px;
      left: 40px;
      display: inline-block;
      margin: 0; }
      #assign-work #choose-work label input[type="checkbox"] {
        margin-right: 0.375rem; }
    #assign-work #choose-work .next-btn {
      position: absolute;
      bottom: 40px;
      right: 40px;
      display: inline-block;
      margin: 0; }
  #assign-work #pick-students {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: none; }
    #assign-work #pick-students .assign-work-title {
      font-size: 1.5rem;
      margin-bottom: 0; }
    #assign-work #pick-students .row:not(#pub) {
      padding-top: 1rem;
      border-bottom: 1px solid #e9eaea; }
      #assign-work #pick-students .row:not(#pub).last {
        border: 0; }
      #assign-work #pick-students .row:not(#pub) #pub {
        padding: 0.625rem 0;
        margin-bottom: 0.625rem;
        background-color: #f5f7fa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
        #assign-work #pick-students .row:not(#pub) #pub h1 {
          margin: 0; }
        #assign-work #pick-students .row:not(#pub) #pub p {
          font-size: 0.8125rem;
          margin: 0; }
        #assign-work #pick-students .row:not(#pub) #pub select {
          margin-top: 0.1875rem;
          margin-bottom: 0; }
      #assign-work #pick-students .row:not(#pub) h1 {
        font-size: 0.9375rem;
        font-weight: 600;
        text-transform: uppercase; }
        #assign-work #pick-students .row:not(#pub) h1 span {
          margin-left: 0.375rem;
          font-weight: 400;
          text-transform: capitalize; }
          #assign-work #pick-students .row:not(#pub) h1 span.required {
            color: #e9573f; }
          #assign-work #pick-students .row:not(#pub) h1 span.optional {
            color: #58b957; }
      #assign-work #pick-students .row:not(#pub) select {
        margin-bottom: 0.375rem;
        background-color: white;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px; }
        #assign-work #pick-students .row:not(#pub) select ::-webkit-input-placeholder {
          color: #ccd1d9; }
        #assign-work #pick-students .row:not(#pub) select input:focus::-webkit-input-placeholder {
          color: #aab2bc; }
        #assign-work #pick-students .row:not(#pub) select :-moz-placeholder {
          color: #ccd1d9; }
        #assign-work #pick-students .row:not(#pub) select input:focus:-moz-placeholder {
          color: #aab2bc; }
        #assign-work #pick-students .row:not(#pub) select ::-moz-placeholder {
          color: #ccd1d9; }
        #assign-work #pick-students .row:not(#pub) select input:focus::-moz-placeholder {
          color: #aab2bc; }
        #assign-work #pick-students .row:not(#pub) select :-ms-input-placeholder {
          color: #ccd1d9; }
        #assign-work #pick-students .row:not(#pub) select input:focus:-ms-input-placeholder {
          color: #aab2bc; }
        #assign-work #pick-students .row:not(#pub) select:not(:disabled) {
          color: #434a54;
          border-color: #3bafda; }
          .oa #assign-work #pick-students .row:not(#pub) select:not(:disabled) {
            border-color: #3bafda; }
          .owl #assign-work #pick-students .row:not(#pub) select:not(:disabled) {
            border-color: #71c3cd; }
          .ascend #assign-work #pick-students .row:not(#pub) select:not(:disabled) {
            border-color: #a9b329; }
          .oa #assign-work #pick-students .row:not(#pub) select:not(:disabled):hover, .oa #assign-work #pick-students .row:not(#pub) select:not(:disabled):focus {
            border-color: #2392ba; }
          .owl #assign-work #pick-students .row:not(#pub) select:not(:disabled):hover, .owl #assign-work #pick-students .row:not(#pub) select:not(:disabled):focus {
            border-color: #42afbc; }
          .ascend #assign-work #pick-students .row:not(#pub) select:not(:disabled):hover, .ascend #assign-work #pick-students .row:not(#pub) select:not(:disabled):focus {
            border-color: #878f21; }
        #assign-work #pick-students .row:not(#pub) select#class-group {
          min-width: 5rem; }
        #assign-work #pick-students .row:not(#pub) select#pub-select {
          width: 100%; }
      #assign-work #pick-students .row:not(#pub) input[type="checkbox"] {
        margin-right: 0.375rem; }
      #assign-work #pick-students .row:not(#pub) input[type="text"] {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px; }
      #assign-work #pick-students .row:not(#pub) textarea {
        height: 4.375rem;
        resize: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px; }
      #assign-work #pick-students .row:not(#pub) .date-change {
        margin: 0; }
        #assign-work #pick-students .row:not(#pub) .date-change a {
          position: relative;
          display: inline-block;
          transition: color 300ms ease-out;
          color: #3bafda; }
          .oa #assign-work #pick-students .row:not(#pub) .date-change a {
            color: #3bafda; }
          .owl #assign-work #pick-students .row:not(#pub) .date-change a {
            color: #71c3cd; }
          .ascend #assign-work #pick-students .row:not(#pub) .date-change a {
            color: #a9b329; }
          .oa #assign-work #pick-students .row:not(#pub) .date-change a:hover, .oa #assign-work #pick-students .row:not(#pub) .date-change a:focus {
            color: #2392ba; }
          .owl #assign-work #pick-students .row:not(#pub) .date-change a:hover, .owl #assign-work #pick-students .row:not(#pub) .date-change a:focus {
            color: #42afbc; }
          .ascend #assign-work #pick-students .row:not(#pub) .date-change a:hover, .ascend #assign-work #pick-students .row:not(#pub) .date-change a:focus {
            color: #878f21; }
          #assign-work #pick-students .row:not(#pub) .date-change a i {
            font-size: 1.25rem;
            margin-right: 0.375rem; }
          #assign-work #pick-students .row:not(#pub) .date-change a input {
            float: right;
            width: 5.625rem;
            height: 1.5rem;
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 0.9375rem;
            line-height: 1;
            cursor: pointer;
            color: #3bafda;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; }
            .oa #assign-work #pick-students .row:not(#pub) .date-change a input {
              color: #3bafda; }
            .owl #assign-work #pick-students .row:not(#pub) .date-change a input {
              color: #71c3cd; }
            .ascend #assign-work #pick-students .row:not(#pub) .date-change a input {
              color: #a9b329; }
            .oa #assign-work #pick-students .row:not(#pub) .date-change a input:hover, .oa #assign-work #pick-students .row:not(#pub) .date-change a input:focus {
              color: #2392ba; }
            .owl #assign-work #pick-students .row:not(#pub) .date-change a input:hover, .owl #assign-work #pick-students .row:not(#pub) .date-change a input:focus {
              color: #42afbc; }
            .ascend #assign-work #pick-students .row:not(#pub) .date-change a input:hover, .ascend #assign-work #pick-students .row:not(#pub) .date-change a input:focus {
              color: #878f21; }
            #assign-work #pick-students .row:not(#pub) .date-change a input[readonly] {
              background-color: white; }
          #assign-work #pick-students .row:not(#pub) .date-change a button {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            background-color: transparent; }
    #assign-work #pick-students .prev-btn {
      position: absolute;
      bottom: 40px;
      left: 40px;
      display: inline-block;
      margin: 0; }
    #assign-work #pick-students .assign-btn {
      position: absolute;
      bottom: 40px;
      right: 40px;
      display: inline-block;
      margin: 0;
      background-color: #58b957; }
      #assign-work #pick-students .assign-btn:hover, #assign-work #pick-students .assign-btn:focus {
        background-color: #419a40; }

#video-modal {
  position: fixed;
  max-width: 46rem;
  min-height: 25rem;
  max-height: 38.125rem;
  padding: 1.25rem;
  padding-top: 1rem; }
  #video-modal > i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    z-index: -1;
    color: #aab2bc; }
  #video-modal h1 {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #434a54;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #video-modal h1 i {
      margin-right: 0.375rem; }
  #video-modal .flex-video {
    margin-top: 1rem;
    margin-bottom: 0; }

#profile-menu {
  position: absolute;
  top: 38px;
  right: 0;
  width: 6.25rem;
  z-index: 1000;
  display: none;
  background-color: #3bafda;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2); }
  .oa #profile-menu {
    background-color: #3bafda; }
  .owl #profile-menu {
    background-color: #71c3cd; }
  .ascend #profile-menu {
    background-color: #a9b329; }
  #profile-menu:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
    border-bottom-color: #3bafda; }
    .oa #profile-menu:before {
      border-bottom-color: #3bafda; }
    .owl #profile-menu:before {
      border-bottom-color: #71c3cd; }
    .ascend #profile-menu:before {
      border-bottom-color: #a9b329; }
  #profile-menu ul {
    list-style-type: none;
    margin: 0; }
    #profile-menu ul li a {
      display: block;
      height: 2.125rem;
      margin: 0;
      padding: 0 0.625rem;
      line-height: 2.125rem;
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: white;
      transition: background-color 300ms ease-out; }
      .oa #profile-menu ul li a:hover, .oa #profile-menu ul li a:focus {
        background-color: #2392ba; }
      .owl #profile-menu ul li a:hover, .owl #profile-menu ul li a:focus {
        background-color: #42afbc; }
      .ascend #profile-menu ul li a:hover, .ascend #profile-menu ul li a:focus {
        background-color: #878f21; }

#update-password-modal {
  position: fixed;
  max-width: 30.625rem;
  max-height: 37.5rem;
  padding-top: 3.125rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #update-password-modal h1 {
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #update-password-modal h1 {
      color: #3bafda; }
    .owl #update-password-modal h1 {
      color: #71c3cd; }
    .ascend #update-password-modal h1 {
      color: #a9b329; }
  #update-password-modal label {
    margin-bottom: 0.4375rem;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #434a54; }
  #update-password-modal input {
    margin-bottom: 1.875rem; }
  #update-password-modal .button {
    margin: 0;
    margin-top: 1.875rem; }
    #update-password-modal .button.update-password-btn {
      background-color: #58b957; }
      #update-password-modal .button.update-password-btn:hover, #update-password-modal .button.update-password-btn:focus {
        background-color: #419a40; }

#add-product-modal {
  position: fixed;
  max-width: 30.625rem;
  max-height: 37.5rem;
  padding-top: 3.125rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #add-product-modal h1 {
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
    text-align: center;
    color: #3bafda; }
    .oa #add-product-modal h1 {
      color: #3bafda; }
    .owl #add-product-modal h1 {
      color: #71c3cd; }
    .ascend #add-product-modal h1 {
      color: #a9b329; }
  #add-product-modal label {
    margin-bottom: 0.4375rem;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #434a54; }
  #add-product-modal input {
    margin-bottom: 1.875rem; }
  #add-product-modal .button {
    margin: 0;
    margin-top: 1.875rem; }
    #add-product-modal .button.update-password-btn {
      background-color: #58b957; }
      #add-product-modal .button.update-password-btn:hover, #add-product-modal .button.update-password-btn:focus {
        background-color: #419a40; }

select,
textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] {
  color: #656d78;
  border-color: #ccd1d9; }
  select:hover:not([disabled]), select:focus:not([disabled]),
  textarea:hover:not([disabled]),
  textarea:focus:not([disabled]),
  input[type="text"]:hover:not([disabled]),
  input[type="text"]:focus:not([disabled]),
  input[type="number"]:hover:not([disabled]),
  input[type="number"]:focus:not([disabled]),
  input[type="email"]:hover:not([disabled]),
  input[type="email"]:focus:not([disabled]),
  input[type="password"]:hover:not([disabled]),
  input[type="password"]:focus:not([disabled]) {
    background-color: white;
    border-color: #3bafda; }
    .oa select:hover:not([disabled]), .oa select:focus:not([disabled]), .oa
    textarea:hover:not([disabled]), .oa
    textarea:focus:not([disabled]), .oa
    input[type="text"]:hover:not([disabled]), .oa
    input[type="text"]:focus:not([disabled]), .oa
    input[type="number"]:hover:not([disabled]), .oa
    input[type="number"]:focus:not([disabled]), .oa
    input[type="email"]:hover:not([disabled]), .oa
    input[type="email"]:focus:not([disabled]), .oa
    input[type="password"]:hover:not([disabled]), .oa
    input[type="password"]:focus:not([disabled]) {
      border-color: #3bafda; }
    .owl select:hover:not([disabled]), .owl select:focus:not([disabled]), .owl
    textarea:hover:not([disabled]), .owl
    textarea:focus:not([disabled]), .owl
    input[type="text"]:hover:not([disabled]), .owl
    input[type="text"]:focus:not([disabled]), .owl
    input[type="number"]:hover:not([disabled]), .owl
    input[type="number"]:focus:not([disabled]), .owl
    input[type="email"]:hover:not([disabled]), .owl
    input[type="email"]:focus:not([disabled]), .owl
    input[type="password"]:hover:not([disabled]), .owl
    input[type="password"]:focus:not([disabled]) {
      border-color: #71c3cd; }
    .ascend select:hover:not([disabled]), .ascend select:focus:not([disabled]), .ascend
    textarea:hover:not([disabled]), .ascend
    textarea:focus:not([disabled]), .ascend
    input[type="text"]:hover:not([disabled]), .ascend
    input[type="text"]:focus:not([disabled]), .ascend
    input[type="number"]:hover:not([disabled]), .ascend
    input[type="number"]:focus:not([disabled]), .ascend
    input[type="email"]:hover:not([disabled]), .ascend
    input[type="email"]:focus:not([disabled]), .ascend
    input[type="password"]:hover:not([disabled]), .ascend
    input[type="password"]:focus:not([disabled]) {
      border-color: #a9b329; }
  select:disabled,
  textarea:disabled,
  input[type="text"]:disabled,
  input[type="number"]:disabled,
  input[type="email"]:disabled,
  input[type="password"]:disabled {
    color: #ccd1d9;
    border-color: #e9eaea; }

::-webkit-input-placeholder {
  color: #c4c9d0; }

:-moz-placeholder {
  color: #c4c9d0; }

::-moz-placeholder {
  color: #c4c9d0; }

:-ms-input-placeholder {
  color: #c4c9d0; }

::-webkit-scrollbar {
  -webkit-appearance: none; }

::-webkit-scrollbar:vertical {
  width: 12px; }

::-webkit-scrollbar:horizontal {
  height: 12px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent; }

#scrollUp {
  bottom: 110px;
  right: 20px;
  width: 2.75rem;
  height: 2.75rem;
  padding-top: 0.375rem;
  transition: background-color 300ms ease-out;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  border-radius: 22px;
  background-color: #3bafda; }
  .oa #scrollUp {
    background-color: #3bafda; }
  .owl #scrollUp {
    background-color: #71c3cd; }
  .ascend #scrollUp {
    background-color: #a9b329; }
  #scrollUp:before {
    padding-left: 0.75rem;
    font-family: fontAwesome;
    font-size: 1.9375rem;
    line-height: 1;
    content: '\f106';
    color: white; }
  .oa #scrollUp:hover, .oa #scrollUp:focus {
    background-color: #2392ba; }
  .owl #scrollUp:hover, .owl #scrollUp:focus {
    background-color: #42afbc; }
  .ascend #scrollUp:hover, .ascend #scrollUp:focus {
    background-color: #878f21; }
  #scrollUp.notes-open {
    background: red;
    right: 420px; }

button,
.button,
input[type=submit] {
  padding-top: 0.625rem;
  padding-right: 1.25rem;
  padding-bottom: 0.6875rem;
  padding-left: 1.25rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  transition: all 300ms ease-out;
  background-color: #3bafda;
  border-color: #3bafda; }
  .oa button, .oa
  .button, .oa
  input[type=submit] {
    background-color: #3bafda; }
  .owl button, .owl
  .button, .owl
  input[type=submit] {
    background-color: #71c3cd; }
  .ascend button, .ascend
  .button, .ascend
  input[type=submit] {
    background-color: #a9b329; }
  .oa button, .oa
  .button, .oa
  input[type=submit] {
    border-color: #3bafda; }
  .owl button, .owl
  .button, .owl
  input[type=submit] {
    border-color: #71c3cd; }
  .ascend button, .ascend
  .button, .ascend
  input[type=submit] {
    border-color: #a9b329; }
  .oa button:hover, .oa button:focus, .oa
  .button:hover, .oa
  .button:focus, .oa
  input[type=submit]:hover, .oa
  input[type=submit]:focus {
    background-color: #2392ba; }
  .owl button:hover, .owl button:focus, .owl
  .button:hover, .owl
  .button:focus, .owl
  input[type=submit]:hover, .owl
  input[type=submit]:focus {
    background-color: #42afbc; }
  .ascend button:hover, .ascend button:focus, .ascend
  .button:hover, .ascend
  .button:focus, .ascend
  input[type=submit]:hover, .ascend
  input[type=submit]:focus {
    background-color: #878f21; }

.button:disabled,
.button:disabled:hover,
.button:disabled:focus {
  color: #aab2bc;
  background-color: #e9eaea;
  opacity: 1;
  cursor: default; }

.reveal-modal-bg {
  background: rgba(67, 74, 84, 0.4); }

.reveal-modal {
  border: 0;
  box-shadow: 0 0 10px rgba(67, 74, 84, 0.25); }

.reveal-modal .close-reveal-modal {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem 1rem;
  font-size: 2.125rem;
  font-weight: normal;
  line-height: 1;
  transition: color 300ms ease-out;
  color: #3bafda; }
  .oa .reveal-modal .close-reveal-modal {
    color: #3bafda; }
  .owl .reveal-modal .close-reveal-modal {
    color: #71c3cd; }
  .ascend .reveal-modal .close-reveal-modal {
    color: #a9b329; }
  .oa .reveal-modal .close-reveal-modal:hover, .oa .reveal-modal .close-reveal-modal:focus {
    color: #2392ba; }
  .owl .reveal-modal .close-reveal-modal:hover, .owl .reveal-modal .close-reveal-modal:focus {
    color: #42afbc; }
  .ascend .reveal-modal .close-reveal-modal:hover, .ascend .reveal-modal .close-reveal-modal:focus {
    color: #878f21; }

.ui-datepicker {
  padding: 0;
  border: 0;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  background-color: white;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }
  .ui-datepicker .ui-icon,
  .ui-datepicker .ui-widget-content .ui-icon {
    background-image: url(../img/ui-icons_ffffff_256x240.png); }
  .ui-datepicker .ui-widget-header .ui-icon {
    background-image: url(../img/ui-icons_ffffff_256x240.png); }
  .ui-datepicker .ui-state-default .ui-icon {
    background-image: url(../img/ui-icons_ffffff_256x240.png); }
  .ui-datepicker .ui-state-hover .ui-icon,
  .ui-datepicker .ui-state-focus .ui-icon {
    background-image: url(../img/ui-icons_ffffff_256x240.png); }
  .ui-datepicker .ui-state-active .ui-icon {
    background-image: url(../img/ui-icons_ffffff_256x240.png); }
  .ui-datepicker .ui-state-highlight .ui-icon {
    background-image: url(../img/ui-icons_ffffff_256x240.png); }
  .ui-datepicker .ui-state-error .ui-icon,
  .ui-datepicker .ui-state-error-text .ui-icon {
    background-image: url(../img/ui-icons_cc0000_256x240.png); }
  .ui-datepicker .ui-datepicker-header {
    border: 0;
    color: white;
    font-weight: 600;
    background: #3bafda;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
    .oa .ui-datepicker .ui-datepicker-header {
      background: #3bafda; }
    .owl .ui-datepicker .ui-datepicker-header {
      background: #71c3cd; }
    .ascend .ui-datepicker .ui-datepicker-header {
      background: #a9b329; }
    .ui-datepicker .ui-datepicker-header .ui-state-hover,
    .ui-datepicker .ui-datepicker-header .ui-state-focus {
      border: 0;
      background: transparent;
      font-weight: inherit;
      color: white;
      opacity: 0.7; }
  .ui-datepicker .ui-datepicker-calendar {
    border: 0; }
    .ui-datepicker .ui-datepicker-calendar thead {
      background-color: white; }
      .ui-datepicker .ui-datepicker-calendar thead th {
        font-weight: 600;
        color: #434a54; }
    .ui-datepicker .ui-datepicker-calendar tbody tr {
      background: white; }
      .ui-datepicker .ui-datepicker-calendar tbody tr td {
        border: 0;
        background: white;
        border-right: 1px solid #e9eaea; }
        .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child {
          border-right: 0; }
        .ui-datepicker .ui-datepicker-calendar tbody tr td a {
          text-align: center;
          border: 0;
          transition: background 300ms ease-out;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px; }
          .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default {
            color: #434a54;
            background: white; }
          .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-hover {
            color: #434a54; }
            .oa .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-hover {
              background: #b1dff0; }
            .owl .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-hover {
              background: #c6e7eb; }
            .ascend .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-hover {
              background: #e4e9a1; }
          .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-highlight {
            color: #434a54;
            background: #f6bb42; }
            .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-highlight.ui-state-hover {
              color: #434a54;
              background: #eea40b; }
          .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active {
            color: white;
            background: #58b957; }
            .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active.ui-state-hover {
              color: white;
              background: #419a40; }

.f-dropdown {
  outline: none; }

.alert-box.warning {
  background-color: #f6bb42;
  color: #434a54;
  border-color: #eea40b; }
  .alert-box.warning a {
    color: #434a54; }
.alert-box.alert {
  background-color: #e9573f;
  color: white;
  border-color: #d43318; }
  .alert-box.alert a {
    color: white; }
.alert-box .alert-body {
  position: relative;
  padding-left: 1.5625rem; }
  .alert-box .alert-body:after {
    font-family: fontAwesome;
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    top: -2px;
    content: '\f071'; }

table.responsive {
  margin-bottom: 0; }
  table.responsive td,
  table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
  table.responsive th:first-child,
  table.responsive td:first-child {
    display: none; }

.pinned {
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  width: 25%;
  overflow: hidden;
  overflow-x: scroll;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc; }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%; }
    .pinned table th,
    .pinned table td {
      white-space: nowrap; }
    .pinned table td:last-child {
      border-bottom: 0; }

.table-wrapper {
  position: relative;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  overflow: hidden;
  border-right: 1px solid #ccd1d9; }
  .table-wrapper .scrollable {
    overflow: scroll;
    overflow-y: hidden; }
    .table-wrapper .scrollable table {
      margin-left: 25%; }

.tooltip {
  background: #434a54; }

.has-tip {
  border-bottom: 0; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: 0; }

#book-landing #lhs .container {
  float: left;
  padding-left: 2.5rem;
  max-width: 29.75rem; }
  #book-landing #lhs .container #download-btn {
    margin-top: -0.375rem;
    background-color: white;
    color: #434a54;
    font-weight: 600;
    font-size: 1.0625rem;
    transition: color 300ms ease-out;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
    #book-landing #lhs .container #download-btn:hover, #book-landing #lhs .container #download-btn:focus {
      color: #3bafda; }
      .oa #book-landing #lhs .container #download-btn:hover, .oa #book-landing #lhs .container #download-btn:focus {
        color: #3bafda; }
      .owl #book-landing #lhs .container #download-btn:hover, .owl #book-landing #lhs .container #download-btn:focus {
        color: #71c3cd; }
      .ascend #book-landing #lhs .container #download-btn:hover, .ascend #book-landing #lhs .container #download-btn:focus {
        color: #a9b329; }
    #book-landing #lhs .container #download-btn i {
      margin-right: 0.4375rem; }
  #book-landing #lhs .container img {
    margin-top: 2.5rem;
    max-width: 100%;
    height: auto;
    width: 100%;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
@-moz-document url-prefix() {
  #book-landing #lhs .container img img {
    width: 100%;
    max-width: 100%; } }
  #book-landing #lhs .container p {
    margin-bottom: 0.875rem;
    padding: 0;
    font-size: 0.9375rem;
    line-height: 1;
    letter-spacing: -0.3px;
    color: #88909a;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #book-landing #lhs .container #deactivate-btn {
    display: inline-block;
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
    padding: 0.25rem 0.5rem;
    color: #ed5564;
    font-size: 0.8125rem;
    font-weight: 600;
    border: 1px solid #ed5564;
    transition: all 300ms ease-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #book-landing #lhs .container #deactivate-btn:hover, #book-landing #lhs .container #deactivate-btn:focus {
      color: white;
      background-color: #ed5564; }
    #book-landing #lhs .container #deactivate-btn i {
      margin-right: 0.4375rem; }
#book-landing #rhs {
  padding: 2.4375rem 1.875rem 0 2.4375rem; }
  #book-landing #rhs .container {
    max-width: 36.5625rem; }
    #book-landing #rhs .container #book-blurb {
      color: #434a54;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      #book-landing #rhs .container #book-blurb p:first-child:first-letter {
        float: left;
        font-size: 5.625rem;
        font-weight: 300;
        line-height: 3.75rem;
        padding-top: 0.375rem;
        padding-right: 0.25rem; }
    #book-landing #rhs .container #by {
      padding-bottom: 2.0625rem;
      font-size: 1rem;
      color: #88909a;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #book-landing #rhs .container .small {
      margin-bottom: 3.75rem;
      font-size: 0.9375rem;
      line-height: 1.5rem;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      #book-landing #rhs .container .small:last-child {
        margin-bottom: 0; }
      #book-landing #rhs .container .small h1 {
        font-size: 0.875rem;
        font-weight: 600;
        text-transform: uppercase;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #3bafda; }
        .oa #book-landing #rhs .container .small h1 {
          color: #3bafda; }
        .owl #book-landing #rhs .container .small h1 {
          color: #71c3cd; }
        .ascend #book-landing #rhs .container .small h1 {
          color: #a9b329; }
      #book-landing #rhs .container .small#learn-more {
        margin-bottom: 0; }
      #book-landing #rhs .container .small a {
        color: #434a54;
        transition: color 300ms ease-out; }
        #book-landing #rhs .container .small a:hover, #book-landing #rhs .container .small a:focus {
          color: #3bafda; }
          .oa #book-landing #rhs .container .small a:hover, .oa #book-landing #rhs .container .small a:focus {
            color: #3bafda; }
          .owl #book-landing #rhs .container .small a:hover, .owl #book-landing #rhs .container .small a:focus {
            color: #71c3cd; }
          .ascend #book-landing #rhs .container .small a:hover, .ascend #book-landing #rhs .container .small a:focus {
            color: #a9b329; }

#dashboard #pages {
  position: relative;
  background-color: #f5f7fa;
  background: -moz-radial-gradient(center, ellipse cover, white 0%, #f5f7fa 100%);
  background: -webkit-radial-gradient(center, ellipse cover, white 0%, #f5f7fa 100%);
  background: radial-gradient(ellipse at center, white 0%, #f5f7fa 100%);
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #dashboard #pages .shadow {
    position: absolute;
    width: 100%;
    height: 0.625rem;
    opacity: 0.5;
    background-image: url(../img/header-sh-repeat.svg);
    background-repeat: repeat-x; }
  #dashboard #pages .line {
    position: absolute;
    left: -1px;
    width: 1px;
    height: 100%;
    background-image: url(../img/header-sh-repeat.svg);
    background-repeat: repeat-x;
    background-color: #f5f7fa; }
  #dashboard #pages .prev-btn,
  #dashboard #pages .next-btn {
    display: inline-block;
    padding: 1rem;
    font-size: 3.75rem;
    color: #aab2bc;
    transition: color 300ms ease-out; }
    #dashboard #pages .prev-btn:not(.disabled):hover, #dashboard #pages .prev-btn:not(.disabled):focus,
    #dashboard #pages .next-btn:not(.disabled):hover,
    #dashboard #pages .next-btn:not(.disabled):focus {
      color: #3bafda; }
      .oa #dashboard #pages .prev-btn:not(.disabled):hover, .oa #dashboard #pages .prev-btn:not(.disabled):focus, .oa
      #dashboard #pages .next-btn:not(.disabled):hover, .oa
      #dashboard #pages .next-btn:not(.disabled):focus {
        color: #3bafda; }
      .owl #dashboard #pages .prev-btn:not(.disabled):hover, .owl #dashboard #pages .prev-btn:not(.disabled):focus, .owl
      #dashboard #pages .next-btn:not(.disabled):hover, .owl
      #dashboard #pages .next-btn:not(.disabled):focus {
        color: #71c3cd; }
      .ascend #dashboard #pages .prev-btn:not(.disabled):hover, .ascend #dashboard #pages .prev-btn:not(.disabled):focus, .ascend
      #dashboard #pages .next-btn:not(.disabled):hover, .ascend
      #dashboard #pages .next-btn:not(.disabled):focus {
        color: #a9b329; }
    #dashboard #pages .prev-btn.disabled,
    #dashboard #pages .next-btn.disabled {
      color: #ccd1d9;
      cursor: default; }
  #dashboard #pages #pages-lhs {
    position: relative;
    min-height: 25rem; }
    #dashboard #pages #pages-lhs #page-wrapper {
      position: relative; }
      #dashboard #pages #pages-lhs #page-wrapper #page-front {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        margin-top: -175px;
        margin-left: -150px;
        width: 16.25rem;
        height: 21.875rem; }
        #dashboard #pages #pages-lhs #page-wrapper #page-front:hover img, #dashboard #pages #pages-lhs #page-wrapper #page-front:focus img {
          -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4); }
        #dashboard #pages #pages-lhs #page-wrapper #page-front img {
          display: none;
          transition: box-shadow 300ms ease-out;
          -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25); }
      #dashboard #pages #pages-lhs #page-wrapper #page-back {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -140px;
        margin-left: -100px;
        width: 15rem;
        height: 17.5rem; }
        #dashboard #pages #pages-lhs #page-wrapper #page-back img {
          display: none;
          -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); }
  #dashboard #pages #pages-rhs {
    min-height: 25rem; }
    #dashboard #pages #pages-rhs #pages-bookmark-btn {
      position: absolute;
      left: 20px;
      top: 50px;
      font-size: 1.25rem;
      color: #aab2bc;
      transition: color 300ms ease-out; }
      #dashboard #pages #pages-rhs #pages-bookmark-btn:not(.selected):hover, #dashboard #pages #pages-rhs #pages-bookmark-btn:not(.selected):focus {
        color: #3bafda; }
        .oa #dashboard #pages #pages-rhs #pages-bookmark-btn:not(.selected):hover, .oa #dashboard #pages #pages-rhs #pages-bookmark-btn:not(.selected):focus {
          color: #3bafda; }
        .owl #dashboard #pages #pages-rhs #pages-bookmark-btn:not(.selected):hover, .owl #dashboard #pages #pages-rhs #pages-bookmark-btn:not(.selected):focus {
          color: #71c3cd; }
        .ascend #dashboard #pages #pages-rhs #pages-bookmark-btn:not(.selected):hover, .ascend #dashboard #pages #pages-rhs #pages-bookmark-btn:not(.selected):focus {
          color: #a9b329; }
      #dashboard #pages #pages-rhs #pages-bookmark-btn.selected {
        color: #3bafda; }
        .oa #dashboard #pages #pages-rhs #pages-bookmark-btn.selected {
          color: #3bafda; }
        .owl #dashboard #pages #pages-rhs #pages-bookmark-btn.selected {
          color: #71c3cd; }
        .ascend #dashboard #pages #pages-rhs #pages-bookmark-btn.selected {
          color: #a9b329; }
    #dashboard #pages #pages-rhs #pages-add-note-btn {
      position: absolute;
      left: 54px;
      top: 50px;
      font-size: 1.25rem;
      color: #aab2bc;
      transition: color 300ms ease-out; }
      #dashboard #pages #pages-rhs #pages-add-note-btn:not(.selected):hover, #dashboard #pages #pages-rhs #pages-add-note-btn:not(.selected):focus {
        color: #3bafda; }
        .oa #dashboard #pages #pages-rhs #pages-add-note-btn:not(.selected):hover, .oa #dashboard #pages #pages-rhs #pages-add-note-btn:not(.selected):focus {
          color: #3bafda; }
        .owl #dashboard #pages #pages-rhs #pages-add-note-btn:not(.selected):hover, .owl #dashboard #pages #pages-rhs #pages-add-note-btn:not(.selected):focus {
          color: #71c3cd; }
        .ascend #dashboard #pages #pages-rhs #pages-add-note-btn:not(.selected):hover, .ascend #dashboard #pages #pages-rhs #pages-add-note-btn:not(.selected):focus {
          color: #a9b329; }
      #dashboard #pages #pages-rhs #pages-add-note-btn.selected {
        color: #3bafda; }
        .oa #dashboard #pages #pages-rhs #pages-add-note-btn.selected {
          color: #3bafda; }
        .owl #dashboard #pages #pages-rhs #pages-add-note-btn.selected {
          color: #71c3cd; }
        .ascend #dashboard #pages #pages-rhs #pages-add-note-btn.selected {
          color: #a9b329; }
    #dashboard #pages #pages-rhs #pages-titles-wrapper {
      margin-left: 1.25rem; }
      #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles {
        margin-top: 6.25rem;
        margin-bottom: 1.875rem; }
        #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles h1 {
          font-size: 2.3125rem;
          line-height: 1.1;
          letter-spacing: -0.2px; }
          @media only screen and (max-width: 64em) {
            #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles h1 {
              font-size: 1.875rem; } }
          #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles h1.small {
            font-size: 1.5rem;
            line-height: 1.2; }
        #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles h2 {
          font-size: 1.125rem; }
        #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles h3 {
          margin-top: 0.625rem;
          font-size: 1.125rem;
          line-height: 1.3;
          letter-spacing: -0.2px; }
          @media only screen and (max-width: 64em) {
            #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles h3 {
              font-size: 1rem; } }
          #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles h3.small {
            font-size: 0.75rem;
            line-height: 1.2; }
        #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles p {
          font-size: 0.9375rem;
          color: #88909a; }
          #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles p.page-numbers {
            color: #434a54;
            font-size: 1.375rem; }
          #dashboard #pages #pages-rhs #pages-titles-wrapper #pages-titles p strong {
            font-weight: 600; }
    #dashboard #pages #pages-rhs #pages-menu {
      margin-left: 0; }
      #dashboard #pages #pages-rhs #pages-menu li:last-child {
        margin-left: 0.9375rem; }
  #dashboard #pages.no-pages {
    background: #3bafda; }
    .oa #dashboard #pages.no-pages {
      background: #3bafda; }
    .owl #dashboard #pages.no-pages {
      background: #71c3cd; }
    .ascend #dashboard #pages.no-pages {
      background: #a9b329; }
    #dashboard #pages.no-pages .line {
      background-color: #3bafda; }
      .oa #dashboard #pages.no-pages .line {
        background-color: #3bafda; }
      .owl #dashboard #pages.no-pages .line {
        background-color: #71c3cd; }
      .ascend #dashboard #pages.no-pages .line {
        background-color: #a9b329; }
    #dashboard #pages.no-pages .prev-btn,
    #dashboard #pages.no-pages .next-btn {
      margin: 0;
      color: white;
      opacity: 0.8;
      transition: opacity 300ms ease-out; }
      #dashboard #pages.no-pages .prev-btn:not(.disabled):hover, #dashboard #pages.no-pages .prev-btn:not(.disabled):focus,
      #dashboard #pages.no-pages .next-btn:not(.disabled):hover,
      #dashboard #pages.no-pages .next-btn:not(.disabled):focus {
        color: white;
        opacity: 1; }
      #dashboard #pages.no-pages .prev-btn.disabled,
      #dashboard #pages.no-pages .next-btn.disabled {
        color: white;
        opacity: 0.3; }
    #dashboard #pages.no-pages #page-wrapper {
      display: none; }
    #dashboard #pages.no-pages #pages-rhs {
      min-height: 0;
      padding-bottom: 1.875rem; }
      #dashboard #pages.no-pages #pages-rhs #pages-bookmark-btn {
        position: absolute;
        left: 50%;
        top: 22px;
        margin-left: -0.5625rem;
        font-size: 1.25rem;
        color: white;
        transition: opacity 300ms ease-out; }
        #dashboard #pages.no-pages #pages-rhs #pages-bookmark-btn:not(.selected):hover, #dashboard #pages.no-pages #pages-rhs #pages-bookmark-btn:not(.selected):focus {
          color: white;
          opacity: 0.8; }
        #dashboard #pages.no-pages #pages-rhs #pages-bookmark-btn.selected {
          color: white;
          opacity: 0.8; }
      #dashboard #pages.no-pages #pages-rhs #pages-titles-wrapper {
        margin-left: 0;
        margin-bottom: 0; }
        #dashboard #pages.no-pages #pages-rhs #pages-titles-wrapper #pages-titles {
          margin-top: 3.75rem;
          margin-bottom: 0;
          color: white;
          text-align: center; }
          #dashboard #pages.no-pages #pages-rhs #pages-titles-wrapper #pages-titles h1 {
            font-size: 2.125rem;
            line-height: 1.1;
            letter-spacing: -0.2px;
            color: white; }
          #dashboard #pages.no-pages #pages-rhs #pages-titles-wrapper #pages-titles h2 {
            font-size: 1.125rem;
            color: white; }
          #dashboard #pages.no-pages #pages-rhs #pages-titles-wrapper #pages-titles h3 {
            color: white; }
          #dashboard #pages.no-pages #pages-rhs #pages-titles-wrapper #pages-titles p {
            margin: 0;
            color: white; }
      #dashboard #pages.no-pages #pages-rhs #pages-menu {
        width: 100%;
        text-align: center; }
        #dashboard #pages.no-pages #pages-rhs #pages-menu li {
          display: inline-block;
          float: none;
          margin: 0; }
          #dashboard #pages.no-pages #pages-rhs #pages-menu li a {
            margin: 0;
            margin-top: 1.875rem;
            background-color: white;
            transition: all 300ms ease-out;
            color: #3bafda; }
            .oa #dashboard #pages.no-pages #pages-rhs #pages-menu li a {
              color: #3bafda; }
            .owl #dashboard #pages.no-pages #pages-rhs #pages-menu li a {
              color: #71c3cd; }
            .ascend #dashboard #pages.no-pages #pages-rhs #pages-menu li a {
              color: #a9b329; }
            #dashboard #pages.no-pages #pages-rhs #pages-menu li a:hover, #dashboard #pages.no-pages #pages-rhs #pages-menu li a:focus {
              color: white; }
              .oa #dashboard #pages.no-pages #pages-rhs #pages-menu li a:hover, .oa #dashboard #pages.no-pages #pages-rhs #pages-menu li a:focus {
                background-color: #2392ba; }
              .owl #dashboard #pages.no-pages #pages-rhs #pages-menu li a:hover, .owl #dashboard #pages.no-pages #pages-rhs #pages-menu li a:focus {
                background-color: #42afbc; }
              .ascend #dashboard #pages.no-pages #pages-rhs #pages-menu li a:hover, .ascend #dashboard #pages.no-pages #pages-rhs #pages-menu li a:focus {
                background-color: #878f21; }
#dashboard .text-content {
  padding: 2.5rem !important;
  padding-bottom: 0 !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #dashboard .text-content h1 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #434a54; }
  #dashboard .text-content .text-panel {
    padding: 1.25rem;
    border: 1px solid #e9eaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    #dashboard .text-content .text-panel h2 {
      font-size: 1.1875rem;
      font-weight: 400;
      letter-spacing: -0.2px;
      color: #434a54; }
      #dashboard .text-content .text-panel h2:first-child {
        margin-top: 0; }
    #dashboard .text-content .text-panel h3 {
      font-size: 1.1875rem;
      font-weight: 400;
      letter-spacing: -0.2px; }
      .oa #dashboard .text-content .text-panel h3 {
        color: #2392ba; }
      .owl #dashboard .text-content .text-panel h3 {
        color: #42afbc; }
      .ascend #dashboard .text-content .text-panel h3 {
        color: #878f21; }
    #dashboard .text-content .text-panel h4 {
      font-size: 0.9375rem;
      font-weight: 700;
      color: #434a54; }
    #dashboard .text-content .text-panel h5 {
      margin-bottom: 0;
      font-size: 0.9375rem;
      font-weight: 600;
      color: #434a54; }
    #dashboard .text-content .text-panel ul,
    #dashboard .text-content .text-panel ul li {
      font-size: 0.9375rem; }
    #dashboard .text-content .text-panel p {
      font-size: 0.9375rem; }
      .oa #dashboard .text-content .text-panel p a {
        color: #2392ba; }
      .owl #dashboard .text-content .text-panel p a {
        color: #42afbc; }
      .ascend #dashboard .text-content .text-panel p a {
        color: #878f21; }
      #dashboard .text-content .text-panel p a:hover, #dashboard .text-content .text-panel p a:focus {
        text-decoration: underline; }
      #dashboard .text-content .text-panel p strong {
        font-weight: 600; }
    #dashboard .text-content .text-panel .hidden {
      display: none; }
    #dashboard .text-content .text-panel .text-panel-row {
      margin-bottom: 1.25rem; }
    #dashboard .text-content .text-panel .img-left img {
      padding-right: 1.25rem; }
    #dashboard .text-content .text-panel .img-right img {
      padding-left: 1.25rem; }
    #dashboard .text-content .text-panel .read-more {
      margin-bottom: 0;
      margin-top: 1.25rem; }
    #dashboard .text-content .text-panel table {
      width: 100%;
      border-spacing: 0; }
      #dashboard .text-content .text-panel table thead {
        background: none; }
        #dashboard .text-content .text-panel table thead th {
          font-weight: 600;
          text-align: center;
          color: #434a54; }
      #dashboard .text-content .text-panel table tbody tr {
        background: #f5f7fa; }
        #dashboard .text-content .text-panel table tbody tr:nth-of-type(even) {
          background: none; }
        #dashboard .text-content .text-panel table tbody tr td {
          text-align: center;
          color: #434a54;
          border-right: 1px solid #ccd1d9; }
          #dashboard .text-content .text-panel table tbody tr td:last-child {
            border: 0; }
      #dashboard .text-content .text-panel table a {
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #dashboard .text-content .text-panel table a {
          color: #3bafda; }
        .owl #dashboard .text-content .text-panel table a {
          color: #71c3cd; }
        .ascend #dashboard .text-content .text-panel table a {
          color: #a9b329; }
        .oa #dashboard .text-content .text-panel table a:hover, .oa #dashboard .text-content .text-panel table a:focus {
          color: #2392ba; }
        .owl #dashboard .text-content .text-panel table a:hover, .owl #dashboard .text-content .text-panel table a:focus {
          color: #42afbc; }
        .ascend #dashboard .text-content .text-panel table a:hover, .ascend #dashboard .text-content .text-panel table a:focus {
          color: #878f21; }
      #dashboard .text-content .text-panel table p {
        margin: 0; }

.owl #dashboard .text-content .text-panel h3 {
  color: #cf1c6d; }

#notes #main > .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #notes #main > .row h1 {
    font-size: 2.3125rem;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #notes #main > .row .empty {
    width: 37.5rem;
    margin: 0 auto;
    margin-top: 8.75rem;
    text-align: center; }
    #notes #main > .row .empty.owl {
      width: 25rem; }
      #notes #main > .row .empty.owl ul li.icon i {
        padding-top: 1.0625rem;
        padding-left: 0.3125rem; }
    #notes #main > .row .empty ul {
      margin: 0;
      padding: 0;
      margin-bottom: 3.125rem; }
      #notes #main > .row .empty ul li {
        display: inline-block;
        width: 11.25rem;
        margin: 0;
        padding: 0 0.625rem;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.3;
        text-transform: uppercase;
        color: #88909a; }
        #notes #main > .row .empty ul li.arrow {
          width: 1.875rem;
          margin-top: 0.9375rem;
          padding: 0;
          padding-left: 0.375rem; }
          #notes #main > .row .empty ul li.arrow i {
            font-size: 3.75rem;
            color: #ccd1d9; }
        #notes #main > .row .empty ul li.icon {
          padding: 0 1.25rem; }
          #notes #main > .row .empty ul li.icon i {
            width: 5.625rem;
            height: 5.625rem;
            margin-left: 1.5625rem;
            margin-bottom: 1.25rem;
            padding-top: 0.875rem;
            font-size: 3.75rem;
            color: white;
            background-color: #3bafda;
            -webkit-border-radius: 45px;
            -moz-border-radius: 45px;
            -ms-border-radius: 45px;
            -o-border-radius: 45px;
            border-radius: 45px; }
            .oa #notes #main > .row .empty ul li.icon i {
              background-color: #3bafda; }
            .owl #notes #main > .row .empty ul li.icon i {
              background-color: #71c3cd; }
            .ascend #notes #main > .row .empty ul li.icon i {
              background-color: #a9b329; }
    #notes #main > .row .empty p {
      font-size: 1.1875rem;
      color: #656d78; }
  #notes #main > .row .chapter {
    margin-top: 1.875rem; }
    #notes #main > .row .chapter h2 {
      margin-bottom: 1rem;
      font-size: 1.5rem;
      line-height: 1.1;
      letter-spacing: -0.2px;
      color: #434a54; }
    #notes #main > .row .chapter .note {
      position: relative;
      margin: 0.875rem 0;
      border-bottom: 1px solid #e9eaea; }
      #notes #main > .row .chapter .note p {
        margin-bottom: 1rem;
        margin-right: 15rem; }
      #notes #main > .row .chapter .note ul {
        position: absolute;
        top: 0;
        right: 0; }
        #notes #main > .row .chapter .note ul li a {
          font-size: 0.9375rem;
          transition: color 300ms ease-out;
          color: #3bafda; }
          .oa #notes #main > .row .chapter .note ul li a {
            color: #3bafda; }
          .owl #notes #main > .row .chapter .note ul li a {
            color: #71c3cd; }
          .ascend #notes #main > .row .chapter .note ul li a {
            color: #a9b329; }
          .oa #notes #main > .row .chapter .note ul li a:hover, .oa #notes #main > .row .chapter .note ul li a:focus {
            color: #2392ba; }
          .owl #notes #main > .row .chapter .note ul li a:hover, .owl #notes #main > .row .chapter .note ul li a:focus {
            color: #42afbc; }
          .ascend #notes #main > .row .chapter .note ul li a:hover, .ascend #notes #main > .row .chapter .note ul li a:focus {
            color: #878f21; }

#bookmarks #main > .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #bookmarks #main > .row h1 {
    margin-bottom: 1.875rem;
    font-size: 2.3125rem;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #bookmarks #main > .row .empty:not(.owl) {
    width: 37.5rem;
    margin: 0 auto;
    margin-top: 8.75rem;
    text-align: center; }
    #bookmarks #main > .row .empty:not(.owl) i {
      width: 5.625rem;
      height: 5.625rem;
      margin-left: 1.5625rem;
      margin-bottom: 1.25rem;
      padding-top: 1rem;
      padding-left: 0.125rem;
      font-size: 3.75rem;
      color: white;
      background-color: #3bafda;
      -webkit-border-radius: 45px;
      -moz-border-radius: 45px;
      -ms-border-radius: 45px;
      -o-border-radius: 45px;
      border-radius: 45px; }
      .oa #bookmarks #main > .row .empty:not(.owl) i {
        background-color: #3bafda; }
      .owl #bookmarks #main > .row .empty:not(.owl) i {
        background-color: #71c3cd; }
      .ascend #bookmarks #main > .row .empty:not(.owl) i {
        background-color: #a9b329; }
    #bookmarks #main > .row .empty:not(.owl) p {
      font-size: 1.1875rem;
      color: #656d78; }
  #bookmarks #main > .row .empty.owl {
    width: 25rem;
    margin: 0 auto;
    margin-top: 8.75rem;
    text-align: center; }
    #bookmarks #main > .row .empty.owl ul {
      margin: 0;
      padding: 0;
      margin-bottom: 3.125rem; }
      #bookmarks #main > .row .empty.owl ul li {
        display: inline-block;
        width: 11.25rem;
        margin: 0;
        padding: 0 0.625rem;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.3;
        text-transform: uppercase;
        color: #88909a; }
        #bookmarks #main > .row .empty.owl ul li.arrow {
          width: 1.875rem;
          margin-top: 0.9375rem;
          padding: 0;
          padding-left: 0.375rem; }
          #bookmarks #main > .row .empty.owl ul li.arrow i {
            font-size: 3.75rem;
            color: #ccd1d9; }
        #bookmarks #main > .row .empty.owl ul li.icon i {
          width: 7.5rem;
          height: 7.5rem;
          margin-left: 1.125rem;
          font-size: 5.625rem;
          color: white;
          color: #3bafda;
          -webkit-border-radius: 45px;
          -moz-border-radius: 45px;
          -ms-border-radius: 45px;
          -o-border-radius: 45px;
          border-radius: 45px; }
          .oa #bookmarks #main > .row .empty.owl ul li.icon i {
            color: #3bafda; }
          .owl #bookmarks #main > .row .empty.owl ul li.icon i {
            color: #71c3cd; }
          .ascend #bookmarks #main > .row .empty.owl ul li.icon i {
            color: #a9b329; }
  #bookmarks #main > .row .bookmark {
    position: relative;
    margin: 0.875rem 0;
    border-bottom: 1px solid #e9eaea; }
    #bookmarks #main > .row .bookmark p {
      margin-bottom: 1rem;
      margin-right: 3.75rem; }
      #bookmarks #main > .row .bookmark p i {
        margin: 0 0.5rem; }
    #bookmarks #main > .row .bookmark a {
      color: #3bafda;
      transition: color 300ms ease-out; }
      .oa #bookmarks #main > .row .bookmark a {
        color: #3bafda; }
      .owl #bookmarks #main > .row .bookmark a {
        color: #71c3cd; }
      .ascend #bookmarks #main > .row .bookmark a {
        color: #a9b329; }
      .oa #bookmarks #main > .row .bookmark a:hover, .oa #bookmarks #main > .row .bookmark a:focus {
        color: #2392ba; }
      .owl #bookmarks #main > .row .bookmark a:hover, .owl #bookmarks #main > .row .bookmark a:focus {
        color: #42afbc; }
      .ascend #bookmarks #main > .row .bookmark a:hover, .ascend #bookmarks #main > .row .bookmark a:focus {
        color: #878f21; }
    #bookmarks #main > .row .bookmark .bookmark-btn {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 1.25rem;
      transition: color 300ms ease-out;
      color: #3bafda; }
      .oa #bookmarks #main > .row .bookmark .bookmark-btn {
        color: #3bafda; }
      .owl #bookmarks #main > .row .bookmark .bookmark-btn {
        color: #71c3cd; }
      .ascend #bookmarks #main > .row .bookmark .bookmark-btn {
        color: #a9b329; }
      .oa #bookmarks #main > .row .bookmark .bookmark-btn:hover, .oa #bookmarks #main > .row .bookmark .bookmark-btn:focus {
        color: #2392ba; }
      .owl #bookmarks #main > .row .bookmark .bookmark-btn:hover, .owl #bookmarks #main > .row .bookmark .bookmark-btn:focus {
        color: #42afbc; }
      .ascend #bookmarks #main > .row .bookmark .bookmark-btn:hover, .ascend #bookmarks #main > .row .bookmark .bookmark-btn:focus {
        color: #878f21; }

#resources.public {
  background-position: 0px 120px; }
  @media only screen and (min-width: 64.063em) {
    #resources.public #header-upper {
      margin-bottom: 2.75rem; } }
#resources #main .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #resources #main .row h1 {
    font-size: 2.3125rem;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #resources #main .row .assign-work-btn {
    padding-top: 0.5rem;
    padding-right: 0.875rem;
    padding-bottom: 0.5625rem;
    padding-left: 0.875rem;
    font-size: 0.875rem;
    font-weight: 600; }
  #resources #main .row .chapter {
    margin-top: 1.875rem; }
    #resources #main .row .chapter > p {
      display: inline-block;
      width: calc(100% - 120px);
      margin-bottom: 0.3125rem;
      line-height: 1.2; }
      #resources #main .row .chapter > p i {
        margin: 0 0.5rem; }
      #resources #main .row .chapter > p a:not(.button) {
        color: #3bafda;
        transition: color 300ms ease-out; }
        .oa #resources #main .row .chapter > p a:not(.button) {
          color: #3bafda; }
        .owl #resources #main .row .chapter > p a:not(.button) {
          color: #71c3cd; }
        .ascend #resources #main .row .chapter > p a:not(.button) {
          color: #a9b329; }
        .oa #resources #main .row .chapter > p a:not(.button):hover, .oa #resources #main .row .chapter > p a:not(.button):focus {
          color: #2392ba; }
        .owl #resources #main .row .chapter > p a:not(.button):hover, .owl #resources #main .row .chapter > p a:not(.button):focus {
          color: #42afbc; }
        .ascend #resources #main .row .chapter > p a:not(.button):hover, .ascend #resources #main .row .chapter > p a:not(.button):focus {
          color: #878f21; }
    #resources #main .row .chapter > h2 {
      float: left;
      width: calc(100% - 120px);
      margin-bottom: 1rem;
      font-size: 1.5rem;
      line-height: 1.1;
      letter-spacing: -0.2px;
      color: #434a54; }
      #resources #main .row .chapter > h2 a {
        margin-left: 0.625rem;
        font-size: 1rem;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #resources #main .row .chapter > h2 a {
          color: #3bafda; }
        .owl #resources #main .row .chapter > h2 a {
          color: #71c3cd; }
        .ascend #resources #main .row .chapter > h2 a {
          color: #a9b329; }
        .oa #resources #main .row .chapter > h2 a:hover, .oa #resources #main .row .chapter > h2 a:focus {
          color: #2392ba; }
        .owl #resources #main .row .chapter > h2 a:hover, .owl #resources #main .row .chapter > h2 a:focus {
          color: #42afbc; }
        .ascend #resources #main .row .chapter > h2 a:hover, .ascend #resources #main .row .chapter > h2 a:focus {
          color: #878f21; }
  #resources #main .row #filters {
    padding-left: 2.5rem; }
    @media only screen and (max-width: 64em) {
      #resources #main .row #filters {
        padding-left: 0; } }
    #resources #main .row #filters h1 {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      font-weight: 600; }
    #resources #main .row #filters h2 {
      font-size: 0.875rem;
      font-weight: 600;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      color: #434a54; }
    #resources #main .row #filters ul {
      list-style: none;
      margin: 0;
      margin-bottom: 1.25rem; }
      #resources #main .row #filters ul li {
        position: relative;
        margin-bottom: 0.625rem; }
        #resources #main .row #filters ul li input {
          position: absolute;
          top: 0.4375rem; }
        #resources #main .row #filters ul li label {
          margin-left: 1.25rem; }
    #resources #main .row #filters select {
      color: #434a54;
      background-color: white;
      border: 1px solid #ccd1d9;
      transition: border-color 300ms ease-out;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      #resources #main .row #filters select:hover, #resources #main .row #filters select:focus {
        border-color: #3bafda; }
        .oa #resources #main .row #filters select:hover, .oa #resources #main .row #filters select:focus {
          border-color: #3bafda; }
        .owl #resources #main .row #filters select:hover, .owl #resources #main .row #filters select:focus {
          border-color: #71c3cd; }
        .ascend #resources #main .row #filters select:hover, .ascend #resources #main .row #filters select:focus {
          border-color: #a9b329; }
    #resources #main .row #filters .inline-list {
      margin: 0;
      margin-bottom: 1.875rem; }
      #resources #main .row #filters .inline-list li {
        margin-left: 0.625rem; }
        #resources #main .row #filters .inline-list li:first-child {
          margin: 0; }
      #resources #main .row #filters .inline-list .button {
        margin: 0;
        padding-top: 0.375rem;
        padding-right: 0.9375rem;
        padding-bottom: 0.4375rem;
        padding-left: 0.9375rem;
        font-size: 0.875rem; }
    #resources #main .row #filters .accordion {
      margin: 0; }
      @media only screen and (max-width: 64em) {
        #resources #main .row #filters .accordion {
          border: 1px solid #e9eaea;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px; } }
      #resources #main .row #filters .accordion .accordion-navigation > a {
        padding: 0.625rem 0;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        text-align: center;
        background: transparent;
        color: #88909a;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media only screen and (min-width: 64.063em) {
          #resources #main .row #filters .accordion .accordion-navigation > a {
            display: none; } }
      @media only screen and (max-width: 64em) {
        #resources #main .row #filters .accordion .accordion-navigation .content {
          margin: 0 auto;
          max-width: 25rem; } }
  #resources #main .row #view-more-btn {
    margin-top: 1.25rem;
    width: 100%; }

#library #main .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media only screen {
    #library #main .row .small-block-grid-3 > li {
      width: 33.33333%;
      list-style: none; }
    #library #main .row .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    #library #main .row .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; } }
  @media only screen and (min-width: 58.125em) {
    #library #main .row .tablet-block-grid-4 > li {
      width: 25%;
      list-style: none; }
    #library #main .row .tablet-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    #library #main .row .tablet-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; } }
  @media only screen and (min-width: 64.0625em) {
    #library #main .row .medium-block-grid-5 > li {
      width: 20%;
      list-style: none; }
    #library #main .row .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    #library #main .row .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; } }
  @media only screen and (min-width: 76.875em) {
    #library #main .row .large-block-grid-6 > li {
      width: 16.66667%;
      list-style: none; }
    #library #main .row .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    #library #main .row .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; } }
  #library #main .row h1 {
    margin-bottom: 1.875rem;
    font-size: 2.3125rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #library #main .row .library-grid li a {
    position: relative;
    display: block;
    padding: 0.75rem;
    border: 1px solid #e9eaea;
    transition: box-shadow 300ms ease-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    #library #main .row .library-grid li a#add-product-btn {
      display: table;
      width: 100%;
      text-align: center;
      border: 1px solid;
      color: white;
      border-color: #3bafda;
      background-color: #3bafda;
      transition: all 300ms ease-out; }
      .oa #library #main .row .library-grid li a#add-product-btn {
        border-color: #3bafda; }
      .owl #library #main .row .library-grid li a#add-product-btn {
        border-color: #71c3cd; }
      .ascend #library #main .row .library-grid li a#add-product-btn {
        border-color: #a9b329; }
      .oa #library #main .row .library-grid li a#add-product-btn {
        background-color: #3bafda; }
      .owl #library #main .row .library-grid li a#add-product-btn {
        background-color: #71c3cd; }
      .ascend #library #main .row .library-grid li a#add-product-btn {
        background-color: #a9b329; }
      #library #main .row .library-grid li a#add-product-btn div {
        display: table-cell;
        vertical-align: middle; }
      #library #main .row .library-grid li a#add-product-btn span {
        display: block;
        font-size: 4.75rem;
        font-weight: 300;
        line-height: 1; }
      #library #main .row .library-grid li a#add-product-btn p {
        font-size: 1.1875rem;
        font-weight: 600;
        line-height: 1;
        color: white; }
      #library #main .row .library-grid li a#add-product-btn:hover, #library #main .row .library-grid li a#add-product-btn:focus {
        -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25); }
        .oa #library #main .row .library-grid li a#add-product-btn:hover, .oa #library #main .row .library-grid li a#add-product-btn:focus {
          border-color: #2392ba; }
        .owl #library #main .row .library-grid li a#add-product-btn:hover, .owl #library #main .row .library-grid li a#add-product-btn:focus {
          border-color: #42afbc; }
        .ascend #library #main .row .library-grid li a#add-product-btn:hover, .ascend #library #main .row .library-grid li a#add-product-btn:focus {
          border-color: #878f21; }
        .oa #library #main .row .library-grid li a#add-product-btn:hover, .oa #library #main .row .library-grid li a#add-product-btn:focus {
          background-color: #2392ba; }
        .owl #library #main .row .library-grid li a#add-product-btn:hover, .owl #library #main .row .library-grid li a#add-product-btn:focus {
          background-color: #42afbc; }
        .ascend #library #main .row .library-grid li a#add-product-btn:hover, .ascend #library #main .row .library-grid li a#add-product-btn:focus {
          background-color: #878f21; }
    #library #main .row .library-grid li a:hover, #library #main .row .library-grid li a:focus {
      border-color: white;
      -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25); }
    #library #main .row .library-grid li a .valign img {
      max-width: 100%;
      height: auto;
      width: 100%;
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
@-moz-document url-prefix() {
  #library #main .row .library-grid li a .valign img img {
    width: 100%;
    max-width: 100%; } }
    #library #main .row .library-grid li a p {
      display: inline-block;
      padding: 0.375rem 0.375rem 0;
      margin-bottom: 0;
      font-size: 1.1875rem !important;
      font-weight: 400;
      letter-spacing: -0.2px;
      line-height: 1.3 !important;
      color: #434a54; }

#assigned-work #main > .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #assigned-work #main > .row h1 {
    margin-bottom: 1.875rem;
    font-size: 2.3125rem;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #assigned-work #main > .row #load-class {
    margin-bottom: 1.25rem; }
    #assigned-work #main > .row #load-class p {
      margin-bottom: 0.625rem; }
      @media only screen and (max-width: 64em) {
        #assigned-work #main > .row #load-class p {
          margin-top: 1.25rem; } }
    #assigned-work #main > .row #load-class select {
      margin-top: 0.125rem;
      color: #434a54;
      background-color: white;
      border: 1px solid #ccd1d9;
      transition: border-color 300ms ease-out;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      #assigned-work #main > .row #load-class select:hover, #assigned-work #main > .row #load-class select:focus {
        border-color: #3bafda; }
        .oa #assigned-work #main > .row #load-class select:hover, .oa #assigned-work #main > .row #load-class select:focus {
          border-color: #3bafda; }
        .owl #assigned-work #main > .row #load-class select:hover, .owl #assigned-work #main > .row #load-class select:focus {
          border-color: #71c3cd; }
        .ascend #assigned-work #main > .row #load-class select:hover, .ascend #assigned-work #main > .row #load-class select:focus {
          border-color: #a9b329; }
    #assigned-work #main > .row #load-class .button {
      margin-left: 1.25rem; }
  #assigned-work #main > .row .work {
    position: relative;
    padding-top: 1rem;
    border-top: 1px solid #e9eaea; }
    #assigned-work #main > .row .work h1 {
      margin: 0;
      margin-bottom: 0.625rem;
      font-size: 1.5rem;
      font-weight: 600;
      color: #434a54; }
  #assigned-work #main > .row .work-item {
    padding-top: 1rem;
    border-top: 1px solid #e9eaea; }
    #assigned-work #main > .row .work-item:first-child {
      padding-top: 0; }
    #assigned-work #main > .row .work-item p:first-child {
      margin: 0;
      font-weight: 600; }
      #assigned-work #main > .row .work-item p:first-child a {
        margin-left: 0.375rem;
        font-weight: 400;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #assigned-work #main > .row .work-item p:first-child a {
          color: #3bafda; }
        .owl #assigned-work #main > .row .work-item p:first-child a {
          color: #71c3cd; }
        .ascend #assigned-work #main > .row .work-item p:first-child a {
          color: #a9b329; }
        .oa #assigned-work #main > .row .work-item p:first-child a:hover, .oa #assigned-work #main > .row .work-item p:first-child a:focus {
          color: #2392ba; }
        .owl #assigned-work #main > .row .work-item p:first-child a:hover, .owl #assigned-work #main > .row .work-item p:first-child a:focus {
          color: #42afbc; }
        .ascend #assigned-work #main > .row .work-item p:first-child a:hover, .ascend #assigned-work #main > .row .work-item p:first-child a:focus {
          color: #878f21; }
    #assigned-work #main > .row .work-item p:last-child {
      position: relative; }
      #assigned-work #main > .row .work-item p:last-child a:first-child {
        display: inline-block;
        margin-right: 7.5rem;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #assigned-work #main > .row .work-item p:last-child a:first-child {
          color: #3bafda; }
        .owl #assigned-work #main > .row .work-item p:last-child a:first-child {
          color: #71c3cd; }
        .ascend #assigned-work #main > .row .work-item p:last-child a:first-child {
          color: #a9b329; }
        .oa #assigned-work #main > .row .work-item p:last-child a:first-child:hover, .oa #assigned-work #main > .row .work-item p:last-child a:first-child:focus {
          color: #2392ba; }
        .owl #assigned-work #main > .row .work-item p:last-child a:first-child:hover, .owl #assigned-work #main > .row .work-item p:last-child a:first-child:focus {
          color: #42afbc; }
        .ascend #assigned-work #main > .row .work-item p:last-child a:first-child:hover, .ascend #assigned-work #main > .row .work-item p:last-child a:first-child:focus {
          color: #878f21; }
      #assigned-work #main > .row .work-item p:last-child a:last-child {
        position: absolute;
        top: 0;
        right: 0;
        color: #656d78;
        transition: color 300ms ease-out; }
        #assigned-work #main > .row .work-item p:last-child a:last-child:hover, #assigned-work #main > .row .work-item p:last-child a:last-child:focus {
          color: #3bafda; }
          .oa #assigned-work #main > .row .work-item p:last-child a:last-child:hover, .oa #assigned-work #main > .row .work-item p:last-child a:last-child:focus {
            color: #3bafda; }
          .owl #assigned-work #main > .row .work-item p:last-child a:last-child:hover, .owl #assigned-work #main > .row .work-item p:last-child a:last-child:focus {
            color: #71c3cd; }
          .ascend #assigned-work #main > .row .work-item p:last-child a:last-child:hover, .ascend #assigned-work #main > .row .work-item p:last-child a:last-child:focus {
            color: #a9b329; }
    #assigned-work #main > .row .work-item p i {
      margin: 0 0.5rem; }
  #assigned-work #main > .row .completed {
    position: relative;
    padding-top: 1.875rem;
    border-top: 1px solid #e9eaea; }
    #assigned-work #main > .row .completed:last-child {
      margin-bottom: 0; }
    #assigned-work #main > .row .completed h1 {
      margin: 0;
      margin-bottom: 1.875rem;
      font-size: 2.3125rem;
      line-height: 1.1;
      letter-spacing: -0.2px;
      color: #434a54; }
      @media only screen and (max-width: 64em) {
        #assigned-work #main > .row .completed h1 {
          font-size: 1.875rem;
          font-weight: 600;
          letter-spacing: -0.3px;
          text-align: center;
          color: #434a54; } }
    #assigned-work #main > .row .completed > p {
      margin: 0; }
    #assigned-work #main > .row .completed .work-item:last-child {
      border-bottom: 0; }
      #assigned-work #main > .row .completed .work-item:last-child p:last-child {
        margin-bottom: 0; }

#teacher-resources #main .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #teacher-resources #main .row .columns > h1 {
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
    font-size: 2.3125rem;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
    #teacher-resources #main .row .columns > h1:first-child {
      margin-top: 0; }
  #teacher-resources #main .row .columns:first-child {
    margin-top: 0; }

#search-results #main > .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #search-results #main > .row h1 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 1.625rem;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
    #search-results #main > .row h1 strong {
      font-weight: 600; }
  #search-results #main > .row .error {
    margin-top: 1.25rem; }
    #search-results #main > .row .error p {
      margin-bottom: 0.625rem; }
  #search-results #main > .row .search-result {
    padding-top: 1rem;
    border-bottom: 1px solid #e9eaea; }
    #search-results #main > .row .search-result:first-child {
      padding-top: 0; }
    #search-results #main > .row .search-result h1 {
      margin: 0.625rem 0; }
      #search-results #main > .row .search-result h1 a {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #search-results #main > .row .search-result h1 a {
          color: #3bafda; }
        .owl #search-results #main > .row .search-result h1 a {
          color: #71c3cd; }
        .ascend #search-results #main > .row .search-result h1 a {
          color: #a9b329; }
        .oa #search-results #main > .row .search-result h1 a:hover, .oa #search-results #main > .row .search-result h1 a:focus {
          color: #2392ba; }
        .owl #search-results #main > .row .search-result h1 a:hover, .owl #search-results #main > .row .search-result h1 a:focus {
          color: #42afbc; }
        .ascend #search-results #main > .row .search-result h1 a:hover, .ascend #search-results #main > .row .search-result h1 a:focus {
          color: #878f21; }
    #search-results #main > .row .search-result p:first-child {
      margin: 0; }
      #search-results #main > .row .search-result p:first-child a {
        color: #656d78;
        transition: color 300ms ease-out; }
        #search-results #main > .row .search-result p:first-child a:hover, #search-results #main > .row .search-result p:first-child a:focus {
          color: #3bafda; }
          .oa #search-results #main > .row .search-result p:first-child a:hover, .oa #search-results #main > .row .search-result p:first-child a:focus {
            color: #3bafda; }
          .owl #search-results #main > .row .search-result p:first-child a:hover, .owl #search-results #main > .row .search-result p:first-child a:focus {
            color: #71c3cd; }
          .ascend #search-results #main > .row .search-result p:first-child a:hover, .ascend #search-results #main > .row .search-result p:first-child a:focus {
            color: #a9b329; }
    #search-results #main > .row .search-result p:last-child {
      position: relative; }
      #search-results #main > .row .search-result p:last-child a:first-child {
        display: inline-block;
        margin-right: 7.5rem;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #search-results #main > .row .search-result p:last-child a:first-child {
          color: #3bafda; }
        .owl #search-results #main > .row .search-result p:last-child a:first-child {
          color: #71c3cd; }
        .ascend #search-results #main > .row .search-result p:last-child a:first-child {
          color: #a9b329; }
        .oa #search-results #main > .row .search-result p:last-child a:first-child:hover, .oa #search-results #main > .row .search-result p:last-child a:first-child:focus {
          color: #2392ba; }
        .owl #search-results #main > .row .search-result p:last-child a:first-child:hover, .owl #search-results #main > .row .search-result p:last-child a:first-child:focus {
          color: #42afbc; }
        .ascend #search-results #main > .row .search-result p:last-child a:first-child:hover, .ascend #search-results #main > .row .search-result p:last-child a:first-child:focus {
          color: #878f21; }
      #search-results #main > .row .search-result p:last-child a:last-child {
        position: absolute;
        top: 0;
        right: 0;
        color: #656d78;
        transition: color 300ms ease-out; }
        #search-results #main > .row .search-result p:last-child a:last-child:hover, #search-results #main > .row .search-result p:last-child a:last-child:focus {
          color: #3bafda; }
          .oa #search-results #main > .row .search-result p:last-child a:last-child:hover, .oa #search-results #main > .row .search-result p:last-child a:last-child:focus {
            color: #3bafda; }
          .owl #search-results #main > .row .search-result p:last-child a:last-child:hover, .owl #search-results #main > .row .search-result p:last-child a:last-child:focus {
            color: #71c3cd; }
          .ascend #search-results #main > .row .search-result p:last-child a:last-child:hover, .ascend #search-results #main > .row .search-result p:last-child a:last-child:focus {
            color: #a9b329; }
    #search-results #main > .row .search-result p i {
      margin: 0 0.5rem; }

#quizzes #main > .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #quizzes #main > .row h1 {
    margin-bottom: 1.875rem;
    font-size: 2.3125rem;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #quizzes #main > .row #load-class {
    margin-bottom: 1.25rem; }
    #quizzes #main > .row #load-class p {
      margin-bottom: 0.625rem; }
      @media only screen and (max-width: 64em) {
        #quizzes #main > .row #load-class p {
          margin-top: 1.25rem; } }
    #quizzes #main > .row #load-class .columns {
      padding-right: 1.25rem; }
      #quizzes #main > .row #load-class .columns select {
        margin-top: 0.125rem; }
      #quizzes #main > .row #load-class .columns.results-btn-container {
        padding: 0; }
        #quizzes #main > .row #load-class .columns.results-btn-container .results-btn {
          display: inline-block;
          float: right;
          font-size: 0.875rem;
          font-weight: 600;
          text-transform: uppercase;
          line-height: 2.5rem;
          transition: color 300ms ease-out;
          color: #3bafda; }
          .oa #quizzes #main > .row #load-class .columns.results-btn-container .results-btn {
            color: #3bafda; }
          .owl #quizzes #main > .row #load-class .columns.results-btn-container .results-btn {
            color: #71c3cd; }
          .ascend #quizzes #main > .row #load-class .columns.results-btn-container .results-btn {
            color: #a9b329; }
          .oa #quizzes #main > .row #load-class .columns.results-btn-container .results-btn:hover, .oa #quizzes #main > .row #load-class .columns.results-btn-container .results-btn:focus {
            color: #2392ba; }
          .owl #quizzes #main > .row #load-class .columns.results-btn-container .results-btn:hover, .owl #quizzes #main > .row #load-class .columns.results-btn-container .results-btn:focus {
            color: #42afbc; }
          .ascend #quizzes #main > .row #load-class .columns.results-btn-container .results-btn:hover, .ascend #quizzes #main > .row #load-class .columns.results-btn-container .results-btn:focus {
            color: #878f21; }
          #quizzes #main > .row #load-class .columns.results-btn-container .results-btn i {
            margin-right: 0.1875rem;
            font-size: 1.0625rem; }
  #quizzes #main > .row .chapter h1 {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #quizzes #main > .row .chapter .topic {
    position: relative;
    padding: 1rem;
    padding-bottom: 0;
    border: 1px solid #e9eaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    #quizzes #main > .row .chapter .topic .topic-header {
      margin-bottom: 1rem; }
      #quizzes #main > .row .chapter .topic .topic-header p {
        display: inline-block;
        width: calc(100% - 120px);
        margin-bottom: 0.3125rem;
        line-height: 1.2; }
        #quizzes #main > .row .chapter .topic .topic-header p i {
          margin: 0 0.5rem; }
        #quizzes #main > .row .chapter .topic .topic-header p a:not(.button) {
          color: #3bafda;
          transition: color 300ms ease-out; }
          .oa #quizzes #main > .row .chapter .topic .topic-header p a:not(.button) {
            color: #3bafda; }
          .owl #quizzes #main > .row .chapter .topic .topic-header p a:not(.button) {
            color: #71c3cd; }
          .ascend #quizzes #main > .row .chapter .topic .topic-header p a:not(.button) {
            color: #a9b329; }
          .oa #quizzes #main > .row .chapter .topic .topic-header p a:not(.button):hover, .oa #quizzes #main > .row .chapter .topic .topic-header p a:not(.button):focus {
            color: #2392ba; }
          .owl #quizzes #main > .row .chapter .topic .topic-header p a:not(.button):hover, .owl #quizzes #main > .row .chapter .topic .topic-header p a:not(.button):focus {
            color: #42afbc; }
          .ascend #quizzes #main > .row .chapter .topic .topic-header p a:not(.button):hover, .ascend #quizzes #main > .row .chapter .topic .topic-header p a:not(.button):focus {
            color: #878f21; }
      #quizzes #main > .row .chapter .topic .topic-header h2 {
        float: left;
        width: calc(100% - 120px);
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.2px;
        color: #434a54; }
        #quizzes #main > .row .chapter .topic .topic-header h2 a {
          margin-left: 0.625rem;
          font-size: 1rem;
          transition: color 300ms ease-out;
          color: #3bafda; }
          .oa #quizzes #main > .row .chapter .topic .topic-header h2 a {
            color: #3bafda; }
          .owl #quizzes #main > .row .chapter .topic .topic-header h2 a {
            color: #71c3cd; }
          .ascend #quizzes #main > .row .chapter .topic .topic-header h2 a {
            color: #a9b329; }
          .oa #quizzes #main > .row .chapter .topic .topic-header h2 a:hover, .oa #quizzes #main > .row .chapter .topic .topic-header h2 a:focus {
            color: #2392ba; }
          .owl #quizzes #main > .row .chapter .topic .topic-header h2 a:hover, .owl #quizzes #main > .row .chapter .topic .topic-header h2 a:focus {
            color: #42afbc; }
          .ascend #quizzes #main > .row .chapter .topic .topic-header h2 a:hover, .ascend #quizzes #main > .row .chapter .topic .topic-header h2 a:focus {
            color: #878f21; }
    #quizzes #main > .row .chapter .topic .button {
      position: absolute;
      top: 16px;
      right: 16px;
      padding-top: 0.5rem;
      padding-right: 0.875rem;
      padding-bottom: 0.5625rem;
      padding-left: 0.875rem; }
    #quizzes #main > .row .chapter .topic .topic-item {
      position: relative;
      padding-top: 1rem;
      border-top: 1px solid #e9eaea; }
      #quizzes #main > .row .chapter .topic .topic-item h1 {
        margin-top: 0.4375rem;
        margin-bottom: 1.6875rem;
        font-size: 1.125rem;
        font-weight: 600;
        letter-spacing: -0.2px;
        color: #434a54; }
        #quizzes #main > .row .chapter .topic .topic-item h1 a {
          margin-left: 0.625rem;
          font-size: 1rem;
          font-weight: 400;
          transition: color 300ms ease-out;
          color: #3bafda; }
          .oa #quizzes #main > .row .chapter .topic .topic-item h1 a {
            color: #3bafda; }
          .owl #quizzes #main > .row .chapter .topic .topic-item h1 a {
            color: #71c3cd; }
          .ascend #quizzes #main > .row .chapter .topic .topic-item h1 a {
            color: #a9b329; }
          .oa #quizzes #main > .row .chapter .topic .topic-item h1 a:hover, .oa #quizzes #main > .row .chapter .topic .topic-item h1 a:focus {
            color: #2392ba; }
          .owl #quizzes #main > .row .chapter .topic .topic-item h1 a:hover, .owl #quizzes #main > .row .chapter .topic .topic-item h1 a:focus {
            color: #42afbc; }
          .ascend #quizzes #main > .row .chapter .topic .topic-item h1 a:hover, .ascend #quizzes #main > .row .chapter .topic .topic-item h1 a:focus {
            color: #878f21; }
      #quizzes #main > .row .chapter .topic .topic-item .student-results-btn {
        position: absolute;
        top: 22px;
        right: 0;
        padding: 0;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        background: transparent;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #quizzes #main > .row .chapter .topic .topic-item .student-results-btn {
          color: #3bafda; }
        .owl #quizzes #main > .row .chapter .topic .topic-item .student-results-btn {
          color: #71c3cd; }
        .ascend #quizzes #main > .row .chapter .topic .topic-item .student-results-btn {
          color: #a9b329; }
        .oa #quizzes #main > .row .chapter .topic .topic-item .student-results-btn:hover, .oa #quizzes #main > .row .chapter .topic .topic-item .student-results-btn:focus {
          color: #2392ba; }
        .owl #quizzes #main > .row .chapter .topic .topic-item .student-results-btn:hover, .owl #quizzes #main > .row .chapter .topic .topic-item .student-results-btn:focus {
          color: #42afbc; }
        .ascend #quizzes #main > .row .chapter .topic .topic-item .student-results-btn:hover, .ascend #quizzes #main > .row .chapter .topic .topic-item .student-results-btn:focus {
          color: #878f21; }
      #quizzes #main > .row .chapter .topic .topic-item .inline-list {
        margin-top: 0.4375rem;
        margin-right: 8.75rem;
        margin-bottom: 0.4375rem; }
        #quizzes #main > .row .chapter .topic .topic-item .inline-list li {
          display: inline-block; }
          #quizzes #main > .row .chapter .topic .topic-item .inline-list li:first-child {
            padding-right: 1.25rem; }
          #quizzes #main > .row .chapter .topic .topic-item .inline-list li strong {
            display: inline; }
      #quizzes #main > .row .chapter .topic .topic-item .content {
        margin-top: 1rem;
        padding: 0; }
        #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu {
          float: right;
          margin: 0;
          margin-right: 0.125rem;
          padding: 0; }
          #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li {
            padding: 0; }
            #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li:first-child {
              margin-left: 0; }
            #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a {
              display: inline-block;
              font-size: 1rem;
              color: #3bafda; }
              .oa #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a {
                color: #3bafda; }
              .owl #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a {
                color: #71c3cd; }
              .ascend #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a {
                color: #a9b329; }
              #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a span {
                font-size: 0.8125rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.3px; }
              .oa #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a:hover, .oa #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a:focus {
                color: #2392ba; }
              .owl #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a:hover, .owl #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a:focus {
                color: #42afbc; }
              .ascend #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a:hover, .ascend #quizzes #main > .row .chapter .topic .topic-item .content .quiz-tools-menu li a:focus {
                color: #878f21; }
        #quizzes #main > .row .chapter .topic .topic-item .content table {
          width: 100%;
          border: 0; }
          #quizzes #main > .row .chapter .topic .topic-item .content table thead {
            background: none; }
            #quizzes #main > .row .chapter .topic .topic-item .content table thead th {
              font-weight: 600;
              text-align: center;
              color: #434a54; }
              #quizzes #main > .row .chapter .topic .topic-item .content table thead th:first-child {
                text-align: left;
                padding-left: 0.375rem; }
              #quizzes #main > .row .chapter .topic .topic-item .content table thead th .container {
                display: none; }
          #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr {
            background: #f5f7fa; }
            #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr:nth-of-type(even) {
              background: none; }
            #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr td {
              text-align: center;
              color: #434a54; }
              #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr td:first-child {
                text-align: left;
                padding-left: 0.375rem; }
              #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr td.correct {
                color: #58b957; }
              #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr td.incorrect {
                color: #e9573f; }
              #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr td.attempts {
                width: 2.5rem; }
              #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr td.score {
                width: 2.5rem;
                font-weight: 600; }
              #quizzes #main > .row .chapter .topic .topic-item .content table tbody tr td.ns {
                width: 2.5rem;
                font-weight: 600;
                color: #e9573f; }
          #quizzes #main > .row .chapter .topic .topic-item .content table a {
            transition: color 300ms ease-out;
            color: #3bafda; }
            .oa #quizzes #main > .row .chapter .topic .topic-item .content table a {
              color: #3bafda; }
            .owl #quizzes #main > .row .chapter .topic .topic-item .content table a {
              color: #71c3cd; }
            .ascend #quizzes #main > .row .chapter .topic .topic-item .content table a {
              color: #a9b329; }
            .oa #quizzes #main > .row .chapter .topic .topic-item .content table a:hover, .oa #quizzes #main > .row .chapter .topic .topic-item .content table a:focus {
              color: #2392ba; }
            .owl #quizzes #main > .row .chapter .topic .topic-item .content table a:hover, .owl #quizzes #main > .row .chapter .topic .topic-item .content table a:focus {
              color: #42afbc; }
            .ascend #quizzes #main > .row .chapter .topic .topic-item .content table a:hover, .ascend #quizzes #main > .row .chapter .topic .topic-item .content table a:focus {
              color: #878f21; }
  #quizzes #main > .row select {
    color: #434a54;
    background-color: white;
    border: 1px solid #ccd1d9;
    transition: border-color 300ms ease-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    #quizzes #main > .row select:hover, #quizzes #main > .row select:focus {
      border-color: #3bafda; }
      .oa #quizzes #main > .row select:hover, .oa #quizzes #main > .row select:focus {
        border-color: #3bafda; }
      .owl #quizzes #main > .row select:hover, .owl #quizzes #main > .row select:focus {
        border-color: #71c3cd; }
      .ascend #quizzes #main > .row select:hover, .ascend #quizzes #main > .row select:focus {
        border-color: #a9b329; }
  #quizzes #main > .row #filters {
    padding-left: 2.5rem; }
    @media only screen and (max-width: 64em) {
      #quizzes #main > .row #filters {
        padding-left: 0; } }
    #quizzes #main > .row #filters h2 {
      font-size: 0.875rem;
      font-weight: 600;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      color: #434a54; }
    #quizzes #main > .row #filters ul {
      list-style: none;
      margin: 0;
      margin-bottom: 1.875rem; }
      #quizzes #main > .row #filters ul li {
        position: relative;
        margin-bottom: 0.625rem; }
        #quizzes #main > .row #filters ul li input {
          position: absolute;
          top: 0.4375rem; }
        #quizzes #main > .row #filters ul li label {
          margin-left: 1.25rem; }
    #quizzes #main > .row #filters .accordion {
      margin: 0; }
      @media only screen and (max-width: 64em) {
        #quizzes #main > .row #filters .accordion {
          border: 1px solid #e9eaea;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px; } }
      #quizzes #main > .row #filters .accordion .accordion-navigation > a {
        padding: 0.625rem 0;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        text-align: center;
        background: transparent;
        color: #88909a;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media only screen and (min-width: 64.063em) {
          #quizzes #main > .row #filters .accordion .accordion-navigation > a {
            display: none; } }
      @media only screen and (max-width: 64em) {
        #quizzes #main > .row #filters .accordion .accordion-navigation .content {
          margin: 0 auto;
          max-width: 25rem; } }
#quizzes.student #main > .row .chapter .topic .topic-item .inline-list {
  margin-right: 0; }

#profile {
  background: none; }
  #profile #content #colour-strip {
    position: absolute;
    width: 100%;
    height: 8.75rem;
    background-color: #3bafda; }
    .oa #profile #content #colour-strip {
      background-color: #3bafda; }
    .owl #profile #content #colour-strip {
      background-color: #71c3cd; }
    .ascend #profile #content #colour-strip {
      background-color: #a9b329; }
  #profile #content > .row #main {
    margin-top: 0;
    border-left: 0; }
    #profile #content > .row #main > .row {
      padding: 1.875rem;
      padding-top: 15rem;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      #profile #content > .row #main > .row h1 {
        position: absolute;
        top: 79px;
        left: 180px;
        font-size: 2.3125rem;
        line-height: 1.1;
        letter-spacing: -0.2px;
        color: white; }
      #profile #content > .row #main > .row #user-icon {
        position: absolute;
        top: 64px;
        width: 9.375rem;
        height: 9.375rem;
        border: 1px solid white;
        background-color: #3bafda;
        -webkit-border-radius: 75px;
        -moz-border-radius: 75px;
        -ms-border-radius: 75px;
        -o-border-radius: 75px;
        border-radius: 75px; }
        .oa #profile #content > .row #main > .row #user-icon {
          background-color: #3bafda; }
        .owl #profile #content > .row #main > .row #user-icon {
          background-color: #71c3cd; }
        .ascend #profile #content > .row #main > .row #user-icon {
          background-color: #a9b329; }
        #profile #content > .row #main > .row #user-icon i {
          padding-top: 2.1875rem;
          padding-left: 2.1875rem;
          font-size: 6.25rem;
          color: white; }
      #profile #content > .row #main > .row #logout-btn {
        position: absolute;
        top: 74px;
        right: 30px;
        background-color: white;
        color: #3bafda;
        transition: all 300ms ease-out; }
        .oa #profile #content > .row #main > .row #logout-btn {
          color: #3bafda; }
        .owl #profile #content > .row #main > .row #logout-btn {
          color: #71c3cd; }
        .ascend #profile #content > .row #main > .row #logout-btn {
          color: #a9b329; }
        #profile #content > .row #main > .row #logout-btn:hover, #profile #content > .row #main > .row #logout-btn:focus {
          opacity: 0.8; }
      #profile #content > .row #main > .row label {
        margin-bottom: 0.4375rem;
        font-size: 0.875rem;
        font-weight: 600;
        letter-spacing: 0.3px;
        text-transform: uppercase;
        color: #434a54; }
      #profile #content > .row #main > .row input,
      #profile #content > .row #main > .row select {
        margin-bottom: 1.875rem; }
      #profile #content > .row #main > .row #update-details-btn {
        margin-right: 1.25rem; }

#error-404 {
  height: 100% !important;
  background-image: url(../img/img-error-404.svg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
  background-color: #3bafda; }
  .oa #error-404 {
    background-color: #3bafda; }
  .owl #error-404 {
    background-color: #71c3cd; }
  .ascend #error-404 {
    background-color: #a9b329; }
  #error-404 #main {
    height: 100%;
    padding: 1.875rem;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #error-404 #main #error-txt {
      position: absolute;
      bottom: 0;
      padding: 0.875rem 1.25rem;
      text-align: center;
      background-color: rgba(67, 74, 84, 0.9);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      #error-404 #main #error-txt h1 {
        font-size: 1.875rem;
        color: white; }
      #error-404 #main #error-txt p {
        margin: 0;
        color: white; }
        #error-404 #main #error-txt p strong {
          font-weight: 600; }
        #error-404 #main #error-txt p a {
          font-weight: 600;
          color: white;
          transition: color 300ms ease-out; }
          .oa #error-404 #main #error-txt p a:hover, .oa #error-404 #main #error-txt p a:focus {
            color: #1f7fa3; }
          .owl #error-404 #main #error-txt p a:hover, .owl #error-404 #main #error-txt p a:focus {
            color: #3a99a5; }
          .ascend #error-404 #main #error-txt p a:hover, .ascend #error-404 #main #error-txt p a:focus {
            color: #767d1d; }

#class-results-pdf-layout {
  color: #434a54;
  background-color: white;
  background: none;
  text-align: left; }
  #class-results-pdf-layout .page {
    position: relative;
    border: 1px solid #e9eaea;
    width: 1440px;
    height: 1025px;
    margin: 30px;
    padding: 30px; }
    #class-results-pdf-layout .page h1 {
      margin-top: 0;
      margin-bottom: 20px;
      font-size: 36px;
      font-weight: 600; }
    #class-results-pdf-layout .page h2 {
      margin: 0;
      font-size: 24px;
      font-weight: 400; }
    #class-results-pdf-layout .page h3 {
      margin: 0;
      font-size: 20px;
      font-weight: 600; }
    #class-results-pdf-layout .page h4 {
      margin: 0;
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: 500; }
    #class-results-pdf-layout .page #logo-brand {
      margin-bottom: 30px; }
    #class-results-pdf-layout .page #logo-oupanz {
      position: absolute;
      top: 30px;
      right: 30px; }
    #class-results-pdf-layout .page table {
      width: 100%;
      border: 0;
      border-spacing: 0px;
      border-collapse: collapse; }
      #class-results-pdf-layout .page table thead {
        background: none; }
        #class-results-pdf-layout .page table thead th {
          border-left: 1px solid #434a54;
          font-size: 16px;
          font-weight: 600;
          text-align: center;
          color: #434a54; }
          #class-results-pdf-layout .page table thead th:first-child {
            padding-left: 0;
            border-left: 0;
            text-align: left; }
      #class-results-pdf-layout .page table tbody tr {
        background: none; }
        #class-results-pdf-layout .page table tbody tr td {
          border-collapse: collapse;
          margin: 0;
          border-top: 1px solid #434a54;
          border-left: 1px solid #434a54;
          font-size: 16px;
          text-align: center;
          color: #434a54; }
          #class-results-pdf-layout .page table tbody tr td:first-child {
            padding-left: 0;
            border-left: 0;
            text-align: left; }
          #class-results-pdf-layout .page table tbody tr td.score {
            font-weight: 600; }
          #class-results-pdf-layout .page table tbody tr td.ns {
            font-weight: 600;
            color: #e9573f; }

#deactivate #main .row {
  padding: 1.875rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #deactivate #main .row h1 {
    margin-bottom: 1.875rem;
    font-size: 2.3125rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #deactivate #main .row h2 {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #434a54; }
  #deactivate #main .row h3 {
    margin-bottom: 1.875rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #88909a; }
  #deactivate #main .row .deactivate-list {
    display: inline-block;
    margin-left: 0;
    border: 1px solid #e9eaea;
    padding: 0.875rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    #deactivate #main .row .deactivate-list li {
      margin-bottom: 0.875rem;
      list-style-type: none;
      position: relative;
      transition: box-shadow 300ms ease-out;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      #deactivate #main .row .deactivate-list li:last-child {
        margin-bottom: 0; }
      #deactivate #main .row .deactivate-list li img {
        float: left;
        display: inline-block;
        max-width: 50px;
        height: auto;
        width: 50px;
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
@-moz-document url-prefix() {
  #deactivate #main .row .deactivate-list li img img {
    width: 50px;
    max-width: 50px; } }
      #deactivate #main .row .deactivate-list li span {
        float: left;
        padding: 0.75rem 0.625rem 0;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: -0.2px;
        line-height: 1.2;
        color: #434a54; }
        #deactivate #main .row .deactivate-list li span .expires {
          font-size: 0.9375rem;
          font-weight: 400;
          color: #88909a; }

#login-owl {
  background-image: url(../img/bg-clouds-sky.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover; }
  #login-owl #header-strip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 2.9375rem;
    background-color: rgba(0, 0, 0, 0.5); }
  #login-owl #header {
    height: 2.9375rem;
    padding-top: 0.625rem; }
  #login-owl #main {
    padding-top: 7.1875rem;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #login-owl #main #login-win {
      position: relative;
      margin: 0 auto;
      width: 23.75rem;
      padding: 1.875rem;
      background-color: white;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      #login-owl #main #login-win .hoot {
        position: absolute;
        top: -85px;
        right: 2px;
        z-index: 1; }
      #login-owl #main #login-win h1 {
        margin-top: 0;
        margin-bottom: 1.25rem;
        font-size: 2.25rem;
        letter-spacing: -0.5px;
        line-height: 1; }
      #login-owl #main #login-win .forgot {
        position: absolute;
        top: 42px;
        right: 30px;
        font-size: 1rem;
        font-weight: 600;
        transition: color 300ms ease-out;
        color: #3bafda; }
        .oa #login-owl #main #login-win .forgot {
          color: #3bafda; }
        .owl #login-owl #main #login-win .forgot {
          color: #71c3cd; }
        .ascend #login-owl #main #login-win .forgot {
          color: #a9b329; }
        .oa #login-owl #main #login-win .forgot:hover, .oa #login-owl #main #login-win .forgot:focus {
          color: #2392ba; }
        .owl #login-owl #main #login-win .forgot:hover, .owl #login-owl #main #login-win .forgot:focus {
          color: #42afbc; }
        .ascend #login-owl #main #login-win .forgot:hover, .ascend #login-owl #main #login-win .forgot:focus {
          color: #878f21; }
      #login-owl #main #login-win h2,
      #login-owl #main #login-win label {
        margin-bottom: 0.375rem;
        font-size: 1.25rem; }
      #login-owl #main #login-win input[type="text"],
      #login-owl #main #login-win input[type="password"] {
        margin-bottom: 1.875rem;
        font-size: 1.125rem;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px; }
      #login-owl #main #login-win input[type="password"] {
        line-height: 1.25rem; }
      #login-owl #main #login-win .username {
        font-size: 1.125rem;
        color: #656d78; }
      #login-owl #main #login-win .password {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.25rem;
        padding: 0.625rem 0;
        background-color: #f5f7fa;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px; }
        #login-owl #main #login-win .password .columns:nth-child(1) {
          padding-left: 0.625rem;
          padding-right: 0; }
        #login-owl #main #login-win .password #number {
          margin: 0;
          margin-top: 0.625rem; }
        #login-owl #main #login-win .password .select {
          position: relative;
          width: 5.75rem;
          height: 2.375rem;
          margin: 0; }
          #login-owl #main #login-win .password .select label {
            margin: 0;
            padding: 0;
            padding-left: 0.375rem;
            font-size: 1.125rem;
            line-height: 2.25rem;
            border: 1px solid #ccd1d9;
            color: #c4c9d0;
            background-color: white;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
            box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); }
            #login-owl #main #login-win .password .select label a {
              float: right;
              width: 1.625rem;
              font-size: 1.375rem;
              line-height: 2.375rem; }
              #login-owl #main #login-win .password .select label a i {
                color: #3bafda; }
                .oa #login-owl #main #login-win .password .select label a i {
                  color: #3bafda; }
                .owl #login-owl #main #login-win .password .select label a i {
                  color: #71c3cd; }
                .ascend #login-owl #main #login-win .password .select label a i {
                  color: #a9b329; }
          #login-owl #main #login-win .password .select ul {
            position: absolute;
            z-index: 1;
            padding: 0;
            list-style-type: none;
            border: 1px solid #ccd1d9;
            background-color: white;
            display: none;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
            box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25); }
          #login-owl #main #login-win .password .select.password-color {
            margin-top: 0.625rem; }
            #login-owl #main #login-win .password .select.password-color label {
              position: relative;
              width: 5.75rem;
              height: 2.375rem;
              margin: 0;
              padding: 0;
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              -ms-border-radius: 6px;
              -o-border-radius: 6px;
              border-radius: 6px; }
              #login-owl #main #login-win .password .select.password-color label span {
                padding-left: 0.625rem;
                line-height: 2.25rem; }
              #login-owl #main #login-win .password .select.password-color label a {
                position: absolute;
                top: 0;
                left: 0;
                width: 5.75rem;
                height: 2.375rem; }
                #login-owl #main #login-win .password .select.password-color label a i {
                  position: absolute;
                  top: 8px;
                  left: 75px; }
            #login-owl #main #login-win .password .select.password-color ul {
              left: -143px;
              top: -24px;
              width: 25.875rem;
              height: 5rem;
              padding: 0.5rem; }
              #login-owl #main #login-win .password .select.password-color ul li {
                margin: 0;
                width: 4.125rem;
                height: 3.875rem;
                border-right: 1px solid white;
                text-align: center; }
                #login-owl #main #login-win .password .select.password-color ul li:first-child {
                  -webkit-border-top-left-radius: 4px;
                  -moz-border-top-left-radius: 4px;
                  -ms-border-top-left-radius: 4px;
                  -o-border-top-left-radius: 4px;
                  border-top-left-radius: 4px;
                  -webkit-border-bottom-left-radius: 4px;
                  -moz-border-bottom-left-radius: 4px;
                  -ms-border-bottom-left-radius: 4px;
                  -o-border-bottom-left-radius: 4px;
                  border-bottom-left-radius: 4px; }
                #login-owl #main #login-win .password .select.password-color ul li:last-child {
                  border-right: 0;
                  -webkit-border-top-right-radius: 4px;
                  -moz-border-top-right-radius: 4px;
                  -ms-border-top-right-radius: 4px;
                  -o-border-top-right-radius: 4px;
                  border-top-right-radius: 4px;
                  -webkit-border-bottom-right-radius: 4px;
                  -moz-border-bottom-right-radius: 4px;
                  -ms-border-bottom-right-radius: 4px;
                  -o-border-bottom-right-radius: 4px;
                  border-bottom-right-radius: 4px; }
                #login-owl #main #login-win .password .select.password-color ul li a {
                  display: block;
                  width: 4.125rem;
                  height: 3.875rem;
                  line-height: 3.75rem;
                  color: white; }
            #login-owl #main #login-win .password .select.password-color .blue {
              color: white;
              background-color: #1CB0F5;
              transition: background-color 300ms ease-out; }
              #login-owl #main #login-win .password .select.password-color .blue:hover {
                background-color: #0994d5; }
            #login-owl #main #login-win .password .select.password-color .green {
              color: white;
              background-color: #6DB500;
              transition: background-color 300ms ease-out; }
              #login-owl #main #login-win .password .select.password-color .green:hover {
                background-color: #4e8200; }
            #login-owl #main #login-win .password .select.password-color .red {
              color: white;
              background-color: #E32325;
              transition: background-color 300ms ease-out; }
              #login-owl #main #login-win .password .select.password-color .red:hover {
                background-color: #bb181a; }
            #login-owl #main #login-win .password .select.password-color .orange {
              color: white;
              background-color: #F28600;
              transition: background-color 300ms ease-out; }
              #login-owl #main #login-win .password .select.password-color .orange:hover {
                background-color: #bf6a00; }
            #login-owl #main #login-win .password .select.password-color .purple {
              color: white;
              background-color: #912473;
              transition: background-color 300ms ease-out; }
              #login-owl #main #login-win .password .select.password-color .purple:hover {
                background-color: #681a53; }
            #login-owl #main #login-win .password .select.password-color .pink {
              color: white;
              background-color: #E85ABF;
              transition: background-color 300ms ease-out; }
              #login-owl #main #login-win .password .select.password-color .pink:hover {
                background-color: #e22dae; }
          #login-owl #main #login-win .password .select.password-animal {
            width: 5rem;
            height: 3.75rem; }
            #login-owl #main #login-win .password .select.password-animal label {
              position: relative;
              width: 5rem;
              height: 3.75rem;
              margin: 0;
              padding: 0;
              background-size: contain;
              background-repeat: no-repeat;
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              -ms-border-radius: 6px;
              -o-border-radius: 6px;
              border-radius: 6px; }
              #login-owl #main #login-win .password .select.password-animal label span {
                padding-left: 0.625rem;
                line-height: 3.625rem; }
              #login-owl #main #login-win .password .select.password-animal label a {
                position: absolute;
                top: 0;
                left: 0;
                width: 3.75rem;
                height: 3.75rem; }
                #login-owl #main #login-win .password .select.password-animal label a i {
                  position: absolute;
                  top: 20px;
                  left: 65px; }
            #login-owl #main #login-win .password .select.password-animal ul {
              top: -39px;
              left: -223px;
              width: 21.375rem; }
              #login-owl #main #login-win .password .select.password-animal ul li {
                margin: 0;
                width: 5.3125rem;
                height: 5.3125rem;
                border-right: 1px solid #ccd1d9;
                border-bottom: 1px solid #ccd1d9;
                background-size: contain; }
                #login-owl #main #login-win .password .select.password-animal ul li a {
                  display: block;
                  width: 5.3125rem;
                  height: 5.3125rem;
                  transition: background-color 300ms ease-out; }
                  #login-owl #main #login-win .password .select.password-animal ul li a:hover {
                    background-color: rgba(0, 0, 0, 0.1); }
            #login-owl #main #login-win .password .select.password-animal .bunny {
              background-image: url(../img/icon-bunny.jpg); }
            #login-owl #main #login-win .password .select.password-animal .cat {
              background-image: url(../img/icon-cat.jpg); }
            #login-owl #main #login-win .password .select.password-animal .car {
              background-image: url(../img/icon-car.jpg); }
            #login-owl #main #login-win .password .select.password-animal .dog {
              border-right: 0;
              background-image: url(../img/icon-dog.jpg); }
            #login-owl #main #login-win .password .select.password-animal .fairy {
              border-bottom: 0;
              background-image: url(../img/icon-fairy.jpg); }
            #login-owl #main #login-win .password .select.password-animal .dragon {
              border-bottom: 0;
              background-image: url(../img/icon-dragon.jpg); }
            #login-owl #main #login-win .password .select.password-animal .monster {
              border-bottom: 0;
              background-image: url(../img/icon-monster.jpg); }
            #login-owl #main #login-win .password .select.password-animal .shark {
              border-right: 0;
              border-bottom: 0;
              background-image: url(../img/icon-shark.jpg); }
      #login-owl #main #login-win .button-p {
        height: 2.5rem;
        margin: 0; }
        #login-owl #main #login-win .button-p #back-btn {
          padding-left: 0;
          font-size: 1.25rem;
          font-weight: 600;
          background-color: white;
          color: #3bafda; }
          .oa #login-owl #main #login-win .button-p #back-btn {
            color: #3bafda; }
          .owl #login-owl #main #login-win .button-p #back-btn {
            color: #71c3cd; }
          .ascend #login-owl #main #login-win .button-p #back-btn {
            color: #a9b329; }
          #login-owl #main #login-win .button-p #back-btn:hover, #login-owl #main #login-win .button-p #back-btn:focus {
            background-color: white; }
            .oa #login-owl #main #login-win .button-p #back-btn:hover, .oa #login-owl #main #login-win .button-p #back-btn:focus {
              color: #2392ba; }
            .owl #login-owl #main #login-win .button-p #back-btn:hover, .owl #login-owl #main #login-win .button-p #back-btn:focus {
              color: #42afbc; }
            .ascend #login-owl #main #login-win .button-p #back-btn:hover, .ascend #login-owl #main #login-win .button-p #back-btn:focus {
              color: #878f21; }
        #login-owl #main #login-win .button-p button {
          position: relative;
          height: 2.5rem;
          padding: 0 1.875rem 0 1.25rem;
          border: 2px solid;
          font-size: 1.25rem;
          font-weight: 600;
          line-height: 2.25rem;
          background-image: url(../img/btn-shine.svg);
          background-repeat: no-repeat;
          background-position: 0px 0px;
          background-size: cover;
          border-color: #3bafda;
          -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
          -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15); }
          .oa #login-owl #main #login-win .button-p button {
            border-color: #3bafda; }
          .owl #login-owl #main #login-win .button-p button {
            border-color: #71c3cd; }
          .ascend #login-owl #main #login-win .button-p button {
            border-color: #a9b329; }
          #login-owl #main #login-win .button-p button:after {
            content: '\f054';
            position: absolute;
            top: 2px;
            right: 10px;
            font-family: fontAwesome;
            font-size: 1.125rem; }
          #login-owl #main #login-win .button-p button:hover, #login-owl #main #login-win .button-p button:focus {
            outline: none; }
            .oa #login-owl #main #login-win .button-p button:hover, .oa #login-owl #main #login-win .button-p button:focus {
              border-color: #2392ba; }
            .owl #login-owl #main #login-win .button-p button:hover, .owl #login-owl #main #login-win .button-p button:focus {
              border-color: #42afbc; }
            .ascend #login-owl #main #login-win .button-p button:hover, .ascend #login-owl #main #login-win .button-p button:focus {
              border-color: #878f21; }

.owl #library {
  background-image: url(../img/bg-clouds-sky.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed; }
  .owl #library #header-strip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 3.0625rem;
    background-image: url(../img/header-sh-repeat-owl-lib.svg);
    background-repeat: repeat-x; }
  .owl #library #main {
    border-left: 0; }
    .owl #library #main #hoot {
      position: absolute;
      top: -110px;
      right: -66px;
      width: 416px;
      height: 220px;
      z-index: -1;
      overflow: hidden; }
    .owl #library #main .row {
      padding: 1.875rem;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media only screen {
        .owl #library #main .row .small-block-grid-3 > li {
          width: 33.33333%;
          margin-bottom: 0.625rem;
          list-style: none; }
        .owl #library #main .row .small-block-grid-3 > li:nth-of-type(1n) {
          clear: none; }
        .owl #library #main .row .small-block-grid-3 > li:nth-of-type(3n+1) {
          clear: both; } }
      @media only screen and (min-width: 58.125em) {
        .owl #library #main .row .tablet-block-grid-4 > li {
          width: 25%;
          margin-bottom: 0.625rem;
          list-style: none; }
        .owl #library #main .row .tablet-block-grid-4 > li:nth-of-type(1n) {
          clear: none; }
        .owl #library #main .row .tablet-block-grid-4 > li:nth-of-type(4n+1) {
          clear: both; } }
      @media only screen and (min-width: 64.0625em) {
        .owl #library #main .row .medium-block-grid-5 > li {
          width: 20%;
          margin-bottom: 0.625rem;
          list-style: none; }
        .owl #library #main .row .medium-block-grid-5 > li:nth-of-type(1n) {
          clear: none; }
        .owl #library #main .row .medium-block-grid-5 > li:nth-of-type(5n+1) {
          clear: both; } }
      @media only screen and (min-width: 76.875em) {
        .owl #library #main .row .large-block-grid-6 > li {
          width: 16.66667%;
          margin-bottom: 0.625rem;
          list-style: none; }
        .owl #library #main .row .large-block-grid-6 > li:nth-of-type(1n) {
          clear: none; }
        .owl #library #main .row .large-block-grid-6 > li:nth-of-type(6n+1) {
          clear: both; } }
      .owl #library #main .row h1 {
        margin-bottom: 0;
        font-size: 2.3125rem;
        font-weight: 600;
        line-height: 1.1;
        letter-spacing: -0.2px;
        text-align: center;
        color: white;
        text-shadow: 0px 0px 15px #50b5e7; }
      .owl #library #main .row h2 {
        margin-bottom: 1.875rem;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.2px;
        text-align: center;
        color: white;
        text-shadow: 0px 0px 10px #50b5e7; }
      .owl #library #main .row .library-grid li a {
        position: relative;
        display: block;
        padding: 0.75rem;
        border: 0;
        background-color: white;
        transition: box-shadow 300ms ease-out;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); }
        @media only screen and (min-width: 58.125em) {
          .owl #library #main .row .library-grid li a {
            margin: 0 0.625rem; } }
        @media only screen and (min-width: 64.0625em) {
          .owl #library #main .row .library-grid li a {
            margin: 0 0.625rem; } }
        @media only screen and (min-width: 76.875em) {
          .owl #library #main .row .library-grid li a {
            margin: 0 1.25rem; } }
        .owl #library #main .row .library-grid li a:hover, .owl #library #main .row .library-grid li a:focus {
          border-color: white;
          -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.35);
          -moz-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.35);
          box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.35); }
        .owl #library #main .row .library-grid li a .valign img {
          max-width: 100%;
          height: auto;
          width: 100%;
          -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
@-moz-document url-prefix() {
  .owl #library #main .row .library-grid li a .valign img img {
    width: 100%;
    max-width: 100%; } }
        .owl #library #main .row .library-grid li a p {
          display: inline-block;
          padding: 0.375rem 0.375rem 0;
          margin-bottom: 0;
          font-size: 1.1875rem !important;
          font-weight: 400;
          letter-spacing: -0.2px;
          line-height: 1.3 !important;
          color: #434a54; }

#maintenance {
  height: 100% !important;
  background-color: white;
  background-image: none;
}
#maintenance #main {
  width: 100%;
  height: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#maintenance #main > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
#maintenance #main #error-txt {
  width: 50%;
  min-height: 16.25rem;
  text-align: center;
}
#maintenance #main #error-txt .images {
  display: flex;
  justify-content: space-between;
}
#maintenance #main #error-txt img {
  margin-bottom: 1rem;
}
#maintenance #main #error-txt p {
  margin: 0;
  font-size: 1.0625rem;
  color: #434a54;
}
#maintenance #main #error-txt p strong {
  font-weight: 600;
  color: #002147;
}