@import url(//hello.myfonts.net/count/36d9e1);
@import url(https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i);
@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3594721, 2018-06-11T08:28:13-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: CenturyGothicStd-Bold by Monotype
 * URL: https://www.myfonts.com/fonts/mti/century-gothic/wgl-bold/
 * Copyright: Copyright The Monotype Corporation. All rights reserved.
 * Licensed pageviews: 2,750,000
 *
 * Webfont: CenturyGothic by Monotype
 * URL: https://www.myfonts.com/fonts/mti/century-gothic/wgl-regular/
 * Copyright: Typeface &#x00A9; The Monotype Corporation plc. Data &#x00A9; The Monotype Corporation plc / Type Solutions Inc. 1990-91 All Rights Reserved
 * Licensed pageviews: 250,000
 *
 * Webfont: CenturyGothic-Italic by Monotype
 * URL: https://www.myfonts.com/fonts/mti/century-gothic/wgl-italic/
 * Copyright: Typeface &#x00A9; The Monotype Corporation plc. Data &#x00A9; The Monotype Corporation plc / Type Solutions Inc. 1990-91 All Rights Reserved
 * Licensed pageviews: 250,000
 *
 * Webfont: CenturyGothic-BoldItalic by Monotype
 * URL: https://www.myfonts.com/fonts/mti/century-gothic/wgl-bold-italic/
 * Copyright: Typeface &#x00A9; The Monotype Corporation plc. Data &#x00A9; The Monotype Corporation plc / Type Solutions Inc. 1990-91 All Rights Reserved
 * Licensed pageviews: 250,000
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3594721
 *
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "Century Gothic";
  src: url("/fonts/36D9E1_0_0.eot");
  src: url("/fonts/36D9E1_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/36D9E1_0_0.woff2") format("woff2"), url("/fonts/36D9E1_0_0.woff") format("woff"), url("/fonts/36D9E1_0_0.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Century Gothic";
  src: url("/fonts/36D9E1_1_0.eot");
  src: url("/fonts/36D9E1_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/36D9E1_1_0.woff2") format("woff2"), url("/fonts/36D9E1_1_0.woff") format("woff"), url("/fonts/36D9E1_1_0.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Century Gothic";
  src: url("/fonts/36D9E1_2_0.eot");
  src: url("/fonts/36D9E1_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/36D9E1_2_0.woff2") format("woff2"), url("/fonts/36D9E1_2_0.woff") format("woff"), url("/fonts/36D9E1_2_0.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "Century Gothic";
  src: url("/fonts/36D9E1_3_0.eot");
  src: url("/fonts/36D9E1_3_0.eot?#iefix") format("embedded-opentype"), url("/fonts/36D9E1_3_0.woff2") format("woff2"), url("/fonts/36D9E1_3_0.woff") format("woff"), url("/fonts/36D9E1_3_0.ttf") format("truetype");
  font-style: italic;
  font-weight: bold;
}
/*.phpdebugbar { display: none !important; }*/
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body,
input,
select,
textarea,
button {
  font-family: Karla, sans-serif;
  font-size: 15px;
  color: #5E6878;
}

h1,
h2,
h3,
h4 {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

a {
  text-decoration: none;
  color: #00807B;
  -webkit-transition: 0.2s color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s color cubic-bezier(0, 0, 0, 1);
}

body a:hover {
  color: #00807B;
}

hr {
  width: 50%;
  height: 2px;
  border-width: 0;
  background-color: #c7c7c7;
  color: #c7c7c7;
  margin: 3em auto;
}

sup {
  vertical-align: middle;
  position: relative;
  top: -0.5em;
}

html.show-modal {
  overflow: hidden;
}

.main-content {
  overflow: hidden;
  width: 100%;
}

.button,
.text-content .button {
  font-size: 13px;
  line-height: 55px;
  padding: 0 30px;
  border-radius: 5px;
  border: 1px solid #007571;
  display: inline-block;
  background-color: #007571;
  color: #fff;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.button:hover,
.text-content .button:hover {
  background-color: #005c58;
  border-color: #005c58;
  color: #fff;
}
.button_color_white,
.text-content .button_color_white {
  color: #333F48;
  border-color: #007571;
  background-color: #fff;
}
.button_color_white:hover,
.text-content .button_color_white:hover {
  color: #fff;
}
.button_outlined,
.text-content .button_outlined {
  color: #333F48;
  border-color: #007571;
  background-color: transparent;
}
.button_outlined:hover,
.text-content .button_outlined:hover {
  color: #fff;
}
.button.red.outlined,
.text-content .button.red.outlined {
  background-color: #fff;
  color: #D93731;
  border: 1px solid #D93731;
}
.button.red.outlined:hover,
.text-content .button.red.outlined:hover {
  color: #fff;
  background-color: #D93731;
}

[data-scrollto] {
  cursor: pointer;
}

.text-link {
  position: relative;
  display: inline-block;
  color: #333F48;
  white-space: nowrap;
}
.text-link__arrow {
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 1.5px solid #00807B;
  margin-left: 0.5em;
  border-left-width: 0;
  border-bottom-width: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}
.text-link__arrow_white {
  border-color: #fff;
}
.text-link__after {
  margin-left: 1em;
}
.text-link:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 1px;
  top: 50%;
  margin-top: 1em;
  background-color: #333F48;
  -webkit-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
}
.text-link:hover:after {
  background-color: #00807B;
}
.text-link_light {
  color: #64CCC9;
}
.text-link_light:after {
  background-color: #fff;
}
.text-link_white {
  color: #fff;
}
.text-link_white:after {
  background-color: #fff;
}

.bar-header {
  background-color: #333F48;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 30px;
  text-align: center;
  position: relative;
}
.bar-header__title {
  font-weight: bold;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  max-width: 1320px;
  color: #fff;
  font-size: 35px;
  line-height: 1.2;
}
.bar-header__description {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  max-width: 620px;
}
.bar-header_with-description .bar-header__title {
  font-size: 30px;
}
@media all and (max-width: 600px) {
  .bar-header {
    padding: 30px 20px;
    min-height: 100px;
  }
  .bar-header__title {
    font-size: 25px;
  }
  .bar-header__description {
    font-size: 15px;
  }
  .bar-header_with-description .bar-header__title {
    font-size: 20px;
  }
}

.utility-bar {
  font-size: 13px;
  line-height: 20px;
  padding: 25px 20px;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.utility-bar:after {
  content: "";
  display: block;
  width: 100vw;
  background-color: #E5E8ED;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  margin-left: -50vw;
}

.header-text_medium, .header-text_large {
  line-height: 1.2em;
  font-weight: bold;
  color: #0E1B28;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin-bottom: 0.5em;
}
.header-text_medium {
  font-size: 33px;
}
@media all and (max-width: 600px) {
  .header-text_medium {
    font-size: 25px;
  }
}
.header-text_large {
  font-size: 46px;
}

.text-content {
  font-size: 17px;
  line-height: 2;
  color: #5E6878;
}
.text-content p,
.text-content ol,
.text-content ul {
  margin: 1em 0 0;
}
.text-content ul,
.text-content ol {
  padding-left: 2em;
  list-style-type: none;
  counter-reset: ml-list;
}
.text-content li {
  position: relative;
  counter-increment: ml-list;
  margin-bottom: 2em;
}
.text-content li:first-of-type::before {
  counter-set: ml-list 1;
}
.text-content li:before {
  content: counter(ml-list);
  display: inline;
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 0.5em;
  color: #00807B;
}
.text-content ul > li:before {
  content: "•";
}
.text-content a {
  color: #CD4A04;
  text-decoration: none;
}
.text-content a:hover {
  color: #CD4A04;
  text-decoration: underline;
}
.text-content blockquote {
  color: #00807B;
  font-style: italic;
  font-size: 2em;
  line-height: 1.2;
  position: relative;
  margin-left: -1em;
}
.text-content blockquote:before {
  content: "";
  width: 2em;
  height: 1px;
  background-color: #00807B;
  position: absolute;
  top: 0.6em;
  right: 100%;
  margin-right: 1em;
}
.text-content_highlight-first > p:first-child {
  font-size: 1.3em;
  line-height: 1.5;
}
@media all and (max-width: 800px) {
  .text-content {
    font-size: 14px;
  }
}
.text-content--sitemap li {
  margin-bottom: 0;
}
.text-content--sitemap .sitemap__category {
  margin-bottom: 4em;
}

.standard-page {
  padding: 100px 30px;
}
.standard-page__inner {
  max-width: 750px;
  margin: 0 auto;
}

.page-404 {
  margin: 0 auto;
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-404__image, .page-404__text {
  width: 50%;
  padding: 1em;
}
.page-404__image p {
  font-size: 11px;
  font-style: italic;
}
.page-404__text {
  text-align: center;
}
.page-404 img {
  max-width: 100%;
  height: auto;
}
@media all and (max-width: 550px) {
  .page-404 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .page-404__image, .page-404__text {
    width: 100%;
  }
}

.add-to-board-link {
  width: 60px;
  height: 60px;
  margin: -30px;
  background-color: #F37B30;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -webkit-box-shadow: 0 1px 7px 0px rgba(14, 27, 40, 0.5);
          box-shadow: 0 1px 7px 0px rgba(14, 27, 40, 0.5);
}
.add-to-board-link__label {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 2em);
      -ms-transform: translate(-50%, 2em);
          transform: translate(-50%, 2em);
  margin-top: -1em;
  text-transform: uppercase;
  color: #fff;
  background-color: #333F48;
  font-size: 11px;
  white-space: nowrap;
  line-height: 2em;
  padding: 0 0.75em;
  border-radius: 0.5em;
  overflow: hidden;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0s max-width linear, 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0s max-width linear, 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0.2s transform cubic-bezier(0, 0, 0, 1), 0s max-width linear;
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0.2s transform cubic-bezier(0, 0, 0, 1), 0s max-width linear;
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0.2s transform cubic-bezier(0, 0, 0, 1), 0s max-width linear, 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  max-width: 0;
  -webkit-transition-delay: 0s, 0s, 0.2s;
       -o-transition-delay: 0s, 0s, 0.2s;
          transition-delay: 0s, 0s, 0.2s;
  opacity: 0;
}
.add-to-board-link:hover {
  background-color: #e35f0d;
}
.add-to-board-link:hover .add-to-board-link__label {
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: 10em;
  opacity: 1;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.add-to-board-link__icon.svg-icon {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px;
}

.board-actions-button {
  width: 60px;
  height: 60px;
  margin: -30px;
  border-radius: 50%;
  background-color: #00807B;
  cursor: pointer;
}
.board-actions-button .svg-icon {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12.5px;
}

.keystage-tag {
  font-size: 19px;
  line-height: 20px;
  border-radius: 3px;
  padding: 0.5em;
  font-weight: bold;
  color: #fff;
  background-color: #909627;
  white-space: nowrap;
}

.down-bar {
  line-height: 70px;
  background-color: #fff;
  padding: 0 100px 0 40px;
  width: 380px;
  max-width: 100%;
  position: absolute;
  top: 100%;
  left: 50px;
  margin-top: -40px;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
}
.down-bar figure {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 60px;
  margin: -20px;
  background-color: #E5E8ED;
  border-radius: 50%;
}
.down-bar .svg-icon {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 14px;
  height: 14px;
  margin: -7px;
  opacity: 0.75;
}

.modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 1000;
  opacity: 0;
  width: 0;
  -webkit-transition: 0s width, 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0s width, 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0s width, 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -webkit-transition-delay: 0.2s, 0s;
       -o-transition-delay: 0.2s, 0s;
          transition-delay: 0.2s, 0s;
  overflow: hidden;
}
.modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 63, 72, 0.9);
}
.modal__popup {
  width: calc(100% - 40px);
  max-width: 575px;
  background-color: #fff;
  position: relative;
  z-index: 10;
  margin: auto;
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1), 0.2s transform cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  padding-top: 75px;
}
.modal__popup_wide {
  max-width: 980px;
}
.modal__close {
  width: 75px;
  height: 75px;
  position: absolute;
  top: 0;
  right: 0;
  background: -webkit-gradient(linear, left bottom, right top, color-stop(10%, #00AFAA), to(#007295));
  background: -o-linear-gradient(bottom left, #00AFAA 10%, #007295);
  background: linear-gradient(to top right, #00AFAA 10%, #007295);
  cursor: pointer;
}
.modal__close:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00807B;
  opacity: 0;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.modal__close .svg-icon {
  width: 20px;
  height: 20px;
  margin: -10px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.modal__close:focus:before, .modal__close:hover:before {
  opacity: 1;
}
.modal__scrollable {
  overflow-y: auto;
  max-height: calc(100vh - 170px);
}
.modal__scrollable::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
}
.modal__scrollable::-webkit-scrollbar-button {
  display: none;
}
.modal__scrollable::-webkit-scrollbar-thumb {
  background-color: #00807B;
  border-width: 0;
  border-radius: 4px;
}
.modal__content {
  padding: 15px 80px 90px;
}
.modal.active {
  opacity: 1;
  width: 100%;
  -webkit-transition-delay: 0s, 0s;
       -o-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
}
.modal.active:not(.loading) .modal__popup {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media all and (max-width: 700px) {
  .modal__popup {
    width: 100%;
  }
  .modal__scrollable {
    max-height: calc(100vh - 75px);
  }
}
@media all and (max-width: 550px) {
  .modal__content {
    padding: 15px 20px 90px;
  }
}

.resource-colours {
  -webkit-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
}
.resource-colours_images {
  background-color: #7F347A;
  color: #fff !important;
  --shadow-color: rgba($purple, 0.5);
}
.resource-colours_videos {
  background-color: #F37B30;
  color: #0E1B28 !important;
  --shadow-color: rgba($orange, 0.5);
}
.resource-colours_documents {
  background-color: #B2B930;
  color: #0E1B28 !important;
  --shadow-color: rgba($green, 0.5);
}
.resource-colours_audio {
  background-color: #EEB22E;
  color: #0E1B28 !important;
  --shadow-color: rgba($yellow, 0.5);
}
.resource-colours_interactives {
  background-color: #D93731;
  color: #fff !important;
  --shadow-color: rgba($red, 0.5);
}
.resource-colours_work-boards {
  background-color: #7A6568;
  color: #fff !important;
  --shadow-color: rgba($brown, 0.5);
}

.resource-border_stories {
  border-color: #00807B;
}
.resource-border_images {
  border-color: #7F347A;
}
.resource-border_videos {
  border-color: #F37B30;
}
.resource-border_documents {
  border-color: #B2B930;
}
.resource-border_audio {
  border-color: #EEB22E;
}
.resource-border_interactives {
  border-color: #D93731;
}
.resource-border_work-boards {
  border-color: #7A6568;
}

.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
}
.svg-icon_cross {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' enable-background='new 0 0 12 12' xml:space='preserve'%3E%3Crect y='5' fill='%23FFFFFF' width='12' height='2'/%3E%3Crect x='5' fill='%23FFFFFF' width='2' height='12'/%3E%3C/svg%3E");
}
.svg-icon_arrow-up {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 13' enable-background='new 0 0 11 13' xml:space='preserve'%3E%3Cpath fill='%23333F48' d='M5.5,0.4L0.2,5l0.9,1.1l3.7-3.3v9.8h1.4V2.8l3.7,3.3L10.8,5L5.5,0.4z'/%3E%3C/svg%3E");
}
.svg-icon_arrow-down {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 13' enable-background='new 0 0 11 13' xml:space='preserve'%3E%3Cpath fill='%23333F48' d='M5.5,12.7L0.2,8l0.9-1.1l3.7,3.3V0.4h1.4v9.8l3.7-3.3L10.8,8L5.5,12.7z'/%3E%3C/svg%3E");
}
.svg-icon_close {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpolygon fill='%23333F48' points='12,10.57 8.43,7 12,3.43 10.57,2 7,5.57 3.43,2 2,3.43 5.57,7 2,10.57 3.43,12 7,8.43 10.57,12 '/%3E%3C/svg%3E");
}
.svg-icon_close_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='12,10.57 8.43,7 12,3.43 10.57,2 7,5.57 3.43,2 2,3.43 5.57,7 2,10.57 3.43,12 7,8.43 10.57,12 '/%3E%3C/svg%3E");
}
.svg-icon_arrow-up_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 13' enable-background='new 0 0 11 13' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M5.5,0.4L0.2,5l0.9,1.1l3.7-3.3v9.8h1.4V2.8l3.7,3.3L10.8,5L5.5,0.4z'/%3E%3C/svg%3E");
}
.svg-icon_arrow-down_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 13' enable-background='new 0 0 11 13' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M5.5,12.7L0.2,8l0.9-1.1l3.7,3.3V0.4h1.4v9.8l3.7-3.3L10.8,8L5.5,12.7z'/%3E%3C/svg%3E");
}
.svg-icon_arrow-left_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 13' enable-background='new 0 0 13 13' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M0.4,6.5L5,11.8l1.1-0.9L2.8,7.2h9.8V5.8H2.8l3.3-3.7L5,1.2L0.4,6.5z'/%3E%3C/svg%3E");
}
.svg-icon_arrow-right_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 13' enable-background='new 0 0 13 13' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M12.6,6.5L8,1.2L6.9,2.1l3.3,3.7H0.4v1.4h9.8l-3.3,3.7L8,11.8L12.6,6.5z'/%3E%3C/svg%3E");
}
.svg-icon_arrow-right_teal {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 13' enable-background='new 0 0 13 13' xml:space='preserve'%3E%3Cpath fill='%2300AFAA' d='M12.6,6.5L8,1.2L6.9,2.1l3.3,3.7H0.4v1.4h9.8l-3.3,3.7L8,11.8L12.6,6.5z'/%3E%3C/svg%3E");
}
.svg-icon_videos {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23F37B30' d='M4.7,4C2.7,4,1,5.7,1,7.7v6.5C1,16.3,2.7,18,4.7,18h12.6c2.1,0,3.7-1.7,3.7-3.7V7.7C21,5.7,19.3,4,17.3,4 H4.7z M8.9,7.7L14,11l-5.1,3.3V7.7z'/%3E%3C/svg%3E");
}
.svg-icon_images {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23884283' d='M18.72,4.93l-3.34-0.55l-0.5-2.02C14.79,2.07,14.63,2,14.33,2H7.67C7.37,2,7.2,2.08,7.12,2.36l-0.5,2.02 L3.28,4.93C2.58,5.05,2,5.5,2,6.2v10.53C2,17.43,2.57,18,3.28,18h15.43c0.71,0,1.28-0.57,1.28-1.27V6.2 C20,5.5,19.42,5.06,18.72,4.93z M11,15.79c-2.61,0-4.72-2.1-4.72-4.69S8.39,6.42,11,6.42s4.72,2.1,4.72,4.69S13.61,15.79,11,15.79z' /%3E%3C/svg%3E");
}
.svg-icon_interactives {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23D93731' d='M21.4,15.3c0,0-0.2-0.3-0.6-0.6c-0.3-0.3-0.5-0.7-0.6-1.2c-0.1-0.6-0.6-1.4-0.7-1.4c0,0,0,0,0,0l-2.9-2.9 c0,0,0,0,0,0c-0.1-0.1-0.8-0.8-1.5-0.4c-0.4,0.2-0.6,0.5-0.7,0.8l1.2,1.4l-1.4-1.4c-0.3-0.2-0.8-0.4-1.2-0.2 c-0.4,0.2-0.6,0.5-0.7,0.8L14,12l-1.9-1.8C11.8,10,11.4,9.8,11,10c-0.3,0.2-0.6,0.5-0.7,0.7l2.2,2.5l-2.8-2.9L8.4,9.2 C8,8.7,7,8.1,6.3,8.8C5.6,9.5,6.1,10.5,6.6,11l3.9,3.9c-0.7,0-1.6,0.1-2.1,0.5c-0.7,0.6-0.2,1.9-0.2,1.9c0,0.1,0.1,0.2,0.2,0.1 c0,0,1.3-0.1,2.3,0.1c1,0.1,3.7,0.8,3.7,0.8c0.4,0.1,1.6,0.5,1.9,0.6c0.3,0.1,0.6,0.5,0.8,0.6c0,0,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1l3.9-3.9C21.5,15.5,21.5,15.4,21.4,15.3z'/%3E%3Cpath fill='%23D93731' d='M2.9,14.4C0.4,12,0.4,8,2.9,5.6c2.4-2.4,6.4-2.4,8.8,0c0.9,0.9,1.4,1.9,1.7,3.1l0.8-0.2 C13.9,7.2,13.2,6,12.3,5C9.5,2.3,5,2.3,2.3,5c-2.7,2.7-2.7,7.2,0,10c1.3,1.3,3.1,2.1,5,2.1l0-0.8C5.6,16.2,4,15.6,2.9,14.4z'/%3E%3C/svg%3E");
}
.svg-icon_documents {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23B2B930' d='M16.7,8.9c-0.4-0.4-1-0.4-1.3,0L12,12.3v-10c0,0,0,0,0,0c0-0.5-0.4-1-1-1c-0.6,0-1,0.4-1,1v10L6.6,8.9 c-0.4-0.4-1-0.4-1.3,0c-0.4,0.4-0.4,1,0,1.3l5.1,5.1c0,0,0,0,0,0c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0,0.2,0.1,0.4,0.1 c0.3,0,0.5-0.1,0.7-0.3l5.1-5.1C17.1,9.9,17.1,9.3,16.7,8.9z'/%3E%3Cpath fill='%23B2B930' d='M16.6,19H5.4c-0.5,0-0.9-0.4-0.9-1c0-0.6,0.4-1,0.9-1h11.1c0.5,0,0.9,0.4,0.9,1C17.5,18.6,17.1,19,16.6,19z' /%3E%3C/svg%3E");
}
.svg-icon_audio {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23EEB22E' d='M17.3,2.2c-0.4-0.2-0.9-0.2-1.3,0L9.9,6H7.1C5.9,6,5,6.9,5,8.1v5.9C5,15.1,5.9,16,7.1,16h2.8h0l6.1,3.8 c0.6,0.4,1.4,0.2,1.8-0.4c0.1-0.2,0.2-0.4,0.2-0.7V3.3C18,2.8,17.7,2.4,17.3,2.2z M16.1,17.7l-5-3.1V7.4l5-3.1V17.7z'/%3E%3C/svg%3E");
}
.svg-icon_work-boards {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%237A6568' d='M4.7,9.5h4.1c0.4,0,0.7-0.3,0.7-0.7V4.7C9.6,4.3,9.2,4,8.8,4H4.7C4.3,4,4,4.3,4,4.7v4.1 C4,9.2,4.3,9.5,4.7,9.5z'/%3E%3Cpath fill='%237A6568' d='M17.3,4h-4.1c-0.4,0-0.7,0.3-0.7,0.7v4.1c0,0.4,0.3,0.7,0.7,0.7h4.1c0.4,0,0.7-0.3,0.7-0.7V4.7 C18,4.3,17.7,4,17.3,4z'/%3E%3Cpath fill='%237A6568' d='M4.7,18h4.1c0.4,0,0.7-0.3,0.7-0.7v-4.1c0-0.4-0.3-0.7-0.7-0.7H4.7c-0.4,0-0.7,0.3-0.7,0.7v4.1 C4,17.7,4.3,18,4.7,18z'/%3E%3Cpath fill='%237A6568' d='M17.3,12.5h-4.1c-0.4,0-0.7,0.3-0.7,0.7v4.1c0,0.4,0.3,0.7,0.7,0.7h4.1c0.4,0,0.7-0.3,0.7-0.7v-4.1 C18,12.8,17.7,12.5,17.3,12.5z'/%3E%3C/svg%3E");
}
.svg-icon_stories {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpolygon fill='%2300AFAA' points='10,0 10,3 17,3 17,14 20,14 20,0'/%3E%3Cpolygon fill='%2300AFAA' points='6,4 6,7 10,7 13,7 13,14 13,18 16,18 16,14 16,4 10,4'/%3E%3Cpolygon fill='%2300AFAA' points='6,8 5,8 2,8 2,22 12,22 12,19 12,18 12,14 12,8 10,8'/%3E%3C/svg%3E");
}
.svg-icon_videos_white, .active-fill.active > .svg-icon_videos {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M4.7,4C2.7,4,1,5.7,1,7.7v6.5C1,16.3,2.7,18,4.7,18h12.6c2.1,0,3.7-1.7,3.7-3.7V7.7C21,5.7,19.3,4,17.3,4 H4.7z M8.9,7.7L14,11l-5.1,3.3V7.7z'/%3E%3C/svg%3E");
}
.svg-icon_images_white, .active-fill.active > .svg-icon_images {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M18.72,4.93l-3.34-0.55l-0.5-2.02C14.79,2.07,14.63,2,14.33,2H7.67C7.37,2,7.2,2.08,7.12,2.36l-0.5,2.02 L3.28,4.93C2.58,5.05,2,5.5,2,6.2v10.53C2,17.43,2.57,18,3.28,18h15.43c0.71,0,1.28-0.57,1.28-1.27V6.2 C20,5.5,19.42,5.06,18.72,4.93z M11,15.79c-2.61,0-4.72-2.1-4.72-4.69S8.39,6.42,11,6.42s4.72,2.1,4.72,4.69S13.61,15.79,11,15.79z' /%3E%3C/svg%3E");
}
.svg-icon_interactives_white, .active-fill.active > .svg-icon_interactives {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M21.4,15.3c0,0-0.2-0.3-0.6-0.6c-0.3-0.3-0.5-0.7-0.6-1.2c-0.1-0.6-0.6-1.4-0.7-1.4c0,0,0,0,0,0l-2.9-2.9 c0,0,0,0,0,0c-0.1-0.1-0.8-0.8-1.5-0.4c-0.4,0.2-0.6,0.5-0.7,0.8l1.2,1.4l-1.4-1.4c-0.3-0.2-0.8-0.4-1.2-0.2 c-0.4,0.2-0.6,0.5-0.7,0.8L14,12l-1.9-1.8C11.8,10,11.4,9.8,11,10c-0.3,0.2-0.6,0.5-0.7,0.7l2.2,2.5l-2.8-2.9L8.4,9.2 C8,8.7,7,8.1,6.3,8.8C5.6,9.5,6.1,10.5,6.6,11l3.9,3.9c-0.7,0-1.6,0.1-2.1,0.5c-0.7,0.6-0.2,1.9-0.2,1.9c0,0.1,0.1,0.2,0.2,0.1 c0,0,1.3-0.1,2.3,0.1c1,0.1,3.7,0.8,3.7,0.8c0.4,0.1,1.6,0.5,1.9,0.6c0.3,0.1,0.6,0.5,0.8,0.6c0,0,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1l3.9-3.9C21.5,15.5,21.5,15.4,21.4,15.3z'/%3E%3Cpath fill='%23ffffff' d='M2.9,14.4C0.4,12,0.4,8,2.9,5.6c2.4-2.4,6.4-2.4,8.8,0c0.9,0.9,1.4,1.9,1.7,3.1l0.8-0.2 C13.9,7.2,13.2,6,12.3,5C9.5,2.3,5,2.3,2.3,5c-2.7,2.7-2.7,7.2,0,10c1.3,1.3,3.1,2.1,5,2.1l0-0.8C5.6,16.2,4,15.6,2.9,14.4z'/%3E%3C/svg%3E");
}
.svg-icon_documents_white, .active-fill.active > .svg-icon_documents {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M16.7,8.9c-0.4-0.4-1-0.4-1.3,0L12,12.3v-10c0,0,0,0,0,0c0-0.5-0.4-1-1-1c-0.6,0-1,0.4-1,1v10L6.6,8.9 c-0.4-0.4-1-0.4-1.3,0c-0.4,0.4-0.4,1,0,1.3l5.1,5.1c0,0,0,0,0,0c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0,0.2,0.1,0.4,0.1 c0.3,0,0.5-0.1,0.7-0.3l5.1-5.1C17.1,9.9,17.1,9.3,16.7,8.9z'/%3E%3Cpath fill='%23ffffff' d='M16.6,19H5.4c-0.5,0-0.9-0.4-0.9-1c0-0.6,0.4-1,0.9-1h11.1c0.5,0,0.9,0.4,0.9,1C17.5,18.6,17.1,19,16.6,19z' /%3E%3C/svg%3E");
}
.svg-icon_audio_white, .active-fill.active > .svg-icon_audio {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M17.3,2.2c-0.4-0.2-0.9-0.2-1.3,0L9.9,6H7.1C5.9,6,5,6.9,5,8.1v5.9C5,15.1,5.9,16,7.1,16h2.8h0l6.1,3.8 c0.6,0.4,1.4,0.2,1.8-0.4c0.1-0.2,0.2-0.4,0.2-0.7V3.3C18,2.8,17.7,2.4,17.3,2.2z M16.1,17.7l-5-3.1V7.4l5-3.1V17.7z'/%3E%3C/svg%3E");
}
.svg-icon_work-boards_white, .active-fill.active > .svg-icon_user-boards {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M4.7,9.5h4.1c0.4,0,0.7-0.3,0.7-0.7V4.7C9.6,4.3,9.2,4,8.8,4H4.7C4.3,4,4,4.3,4,4.7v4.1 C4,9.2,4.3,9.5,4.7,9.5z'/%3E%3Cpath fill='%23FFFFFF' d='M17.3,4h-4.1c-0.4,0-0.7,0.3-0.7,0.7v4.1c0,0.4,0.3,0.7,0.7,0.7h4.1c0.4,0,0.7-0.3,0.7-0.7V4.7 C18,4.3,17.7,4,17.3,4z'/%3E%3Cpath fill='%23FFFFFF' d='M4.7,18h4.1c0.4,0,0.7-0.3,0.7-0.7v-4.1c0-0.4-0.3-0.7-0.7-0.7H4.7c-0.4,0-0.7,0.3-0.7,0.7v4.1 C4,17.7,4.3,18,4.7,18z'/%3E%3Cpath fill='%23FFFFFF' d='M17.3,12.5h-4.1c-0.4,0-0.7,0.3-0.7,0.7v4.1c0,0.4,0.3,0.7,0.7,0.7h4.1c0.4,0,0.7-0.3,0.7-0.7v-4.1 C18,12.8,17.7,12.5,17.3,12.5z'/%3E%3C/svg%3E");
}
.svg-icon_stories_white, .active-fill.active > .svg-icon_stories {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Cpolygon fill='%23ffffff' points='10,0 10,3 17,3 17,14 20,14 20,0'/%3E%3Cpolygon fill='%23ffffff' points='6,4 6,7 10,7 13,7 13,14 13,18 16,18 16,14 16,4 10,4'/%3E%3Cpolygon fill='%23ffffff' points='6,8 5,8 2,8 2,22 12,22 12,19 12,18 12,14 12,8 10,8'/%3E%3C/svg%3E");
}
.svg-icon_twitter {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpath fill='%231DA1F2' d='M14,2.7c-0.5,0.2-1.1,0.4-1.6,0.5c0.6-0.4,1-0.9,1.3-1.6c-0.6,0.3-1.2,0.6-1.8,0.7c-0.5-0.6-1.3-0.9-2.1-0.9 c-1.6,0-2.9,1.3-2.9,2.9c0,0.2,0,0.4,0.1,0.7C4.5,4.8,2.4,3.6,1,1.9C0.7,2.3,0.6,2.8,0.6,3.3c0,1,0.5,1.9,1.3,2.4 c-0.5,0-0.9-0.1-1.3-0.4c0,0,0,0,0,0c0,1.4,1,2.6,2.3,2.8C2.6,8.3,2.4,8.3,2.1,8.3c-0.2,0-0.4,0-0.5-0.1c0.4,1.1,1.4,2,2.7,2 c-1,0.8-2.2,1.2-3.6,1.2c-0.2,0-0.5,0-0.7,0c1.3,0.8,2.8,1.3,4.4,1.3c5.3,0,8.2-4.4,8.2-8.2c0-0.1,0-0.2,0-0.4 C13.1,3.8,13.6,3.3,14,2.7z'/%3E%3C/svg%3E");
}
.svg-icon_facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpath fill='%233B5998' d='M7.93,13V7.53h1.84l0.28-2.13H7.93V4.03c0-0.62,0.17-1.04,1.06-1.04l1.13,0V1.08 C9.92,1.06,9.25,1,8.47,1C6.84,1,5.73,1.99,5.73,3.82v1.57H3.88v2.13h1.84V13H7.93z'/%3E%3C/svg%3E");
}
.svg-icon_email {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpath fill='%23888888' d='M0,1.8v10.5h14V1.8H0z M3.9,6.4L1.2,9.7V4.2C1.2,4.2,3.9,6.4,3.9,6.4z M1.4,2.9h11.1L7,7.4 C7,7.4,1.4,2.9,1.4,2.9z M4.8,7.1L7,8.9l2.2-1.8l3.3,4h-11L4.8,7.1z M10.1,6.4l2.7-2.2v5.5C12.8,9.6,10.1,6.4,10.1,6.4z'/%3E%3C/svg%3E");
}
.svg-icon_paperclip {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30.34 30.34' style='enable-background:new 0 0 30.34 30.34;' xml:space='preserve'%3E%3Cpath fill='%23888888' d='M22.562,12.491c0,0,1.227-0.933,0.293-1.866c-0.934-0.933-1.842,0.271-1.842,0.271l-9.389,9.391 c0,0-2.199,2.838-3.871,1.122c-1.67-1.718,1.121-3.872,1.121-3.872l12.311-12.31c0,0,2.873-3.165,5.574-0.466 c2.697,2.7-0.477,5.579-0.477,5.579L12.449,24.173c0,0-4.426,5.113-8.523,1.015s1.066-8.474,1.066-8.474L15.494,6.209 c0,0,1.176-0.982,0.295-1.866c-0.885-0.883-1.865,0.295-1.865,0.295L1.873,16.689c0,0-4.549,4.989,0.531,10.068 c5.08,5.082,10.072,0.533,10.072,0.533l16.563-16.565c0,0,3.314-3.655-0.637-7.608s-7.607-0.639-7.607-0.639L6.543,16.728 c0,0-3.65,2.969-0.338,6.279c3.312,3.314,6.227-0.39,6.227-0.39L22.562,12.491z'/%3E%3C/svg%3E");
}
.svg-icon_twitter_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M14,2.7c-0.5,0.2-1.1,0.4-1.6,0.5c0.6-0.4,1-0.9,1.3-1.6c-0.6,0.3-1.2,0.6-1.8,0.7c-0.5-0.6-1.3-0.9-2.1-0.9 c-1.6,0-2.9,1.3-2.9,2.9c0,0.2,0,0.4,0.1,0.7C4.5,4.8,2.4,3.6,1,1.9C0.7,2.3,0.6,2.8,0.6,3.3c0,1,0.5,1.9,1.3,2.4 c-0.5,0-0.9-0.1-1.3-0.4c0,0,0,0,0,0c0,1.4,1,2.6,2.3,2.8C2.6,8.3,2.4,8.3,2.1,8.3c-0.2,0-0.4,0-0.5-0.1c0.4,1.1,1.4,2,2.7,2 c-1,0.8-2.2,1.2-3.6,1.2c-0.2,0-0.5,0-0.7,0c1.3,0.8,2.8,1.3,4.4,1.3c5.3,0,8.2-4.4,8.2-8.2c0-0.1,0-0.2,0-0.4 C13.1,3.8,13.6,3.3,14,2.7z'/%3E%3C/svg%3E");
}
.svg-icon_facebook_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M7.93,13V7.53h1.84l0.28-2.13H7.93V4.03c0-0.62,0.17-1.04,1.06-1.04l1.13,0V1.08 C9.92,1.06,9.25,1,8.47,1C6.84,1,5.73,1.99,5.73,3.82v1.57H3.88v2.13h1.84V13H7.93z'/%3E%3C/svg%3E");
}
.svg-icon_email_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M0,1.8v10.5h14V1.8H0z M3.9,6.4L1.2,9.7V4.2C1.2,4.2,3.9,6.4,3.9,6.4z M1.4,2.9h11.1L7,7.4 C7,7.4,1.4,2.9,1.4,2.9z M4.8,7.1L7,8.9l2.2-1.8l3.3,4h-11L4.8,7.1z M10.1,6.4l2.7-2.2v5.5C12.8,9.6,10.1,6.4,10.1,6.4z'/%3E%3C/svg%3E");
}
.svg-icon_instagram_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M4.1,0c-0.7,0-1.3,0.2-1.7,0.3C2,0.5,1.6,0.8,1.2,1.2C0.8,1.6,0.5,2,0.4,2.4C0.2,2.9,0.1,3.4,0,4.1 c0,0.7,0,1,0,2.9s0,2.1,0,2.9c0,0.7,0.2,1.3,0.3,1.7c0.2,0.5,0.4,0.9,0.8,1.2c0.4,0.4,0.8,0.6,1.2,0.8c0.4,0.2,1,0.3,1.7,0.3 c0.7,0,1,0,2.9,0c1.9,0,2.1,0,2.9,0c0.7,0,1.3-0.2,1.7-0.3c0.5-0.2,0.9-0.4,1.2-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.4,0.3-1,0.3-1.7 c0-0.7,0-1,0-2.9s0-2.1,0-2.9c0-0.7-0.2-1.3-0.3-1.7c-0.2-0.5-0.4-0.9-0.8-1.2c-0.4-0.4-0.8-0.6-1.2-0.8c-0.4-0.2-1-0.3-1.7-0.3 C9.1,0,8.9,0,7,0l0,0 M6.4,1.3c0.2,0,0.4,0,0.6,0c1.9,0,2.1,0,2.8,0c0.7,0,1.1,0.1,1.3,0.2c0.3,0.1,0.6,0.3,0.8,0.5 c0.2,0.2,0.4,0.5,0.5,0.8c0.1,0.2,0.2,0.6,0.2,1.3c0,0.7,0,1,0,2.8s0,2.1,0,2.8c0,0.7-0.1,1.1-0.2,1.3c-0.1,0.3-0.3,0.6-0.5,0.8 c-0.2,0.2-0.5,0.4-0.8,0.5c-0.2,0.1-0.6,0.2-1.3,0.2c-0.7,0-1,0-2.8,0c-1.9,0-2.1,0-2.8,0c-0.7,0-1.1-0.1-1.3-0.2 c-0.3-0.1-0.6-0.3-0.8-0.5c-0.2-0.2-0.4-0.5-0.5-0.8c-0.1-0.2-0.2-0.6-0.2-1.3c0-0.7,0-1,0-2.8s0-2.1,0-2.8c0-0.7,0.1-1.1,0.2-1.3 c0.1-0.3,0.3-0.6,0.5-0.8s0.5-0.4,0.8-0.5c0.2-0.1,0.6-0.2,1.3-0.2C4.8,1.3,5.1,1.3,6.4,1.3L6.4,1.3z M10.7,2.4 c-0.5,0-0.8,0.4-0.8,0.8c0,0.5,0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8S11.2,2.4,10.7,2.4L10.7,2.4z M7,3.4C5,3.4,3.4,5,3.4,7 S5,10.6,7,10.6c2,0,3.6-1.6,3.6-3.6S9,3.4,7,3.4L7,3.4z M7,4.7c1.3,0,2.3,1,2.3,2.3c0,1.3-1,2.3-2.3,2.3c-1.3,0-2.3-1-2.3-2.3 C4.7,5.7,5.7,4.7,7,4.7z'/%3E%3C/svg%3E");
}
.svg-icon_paperclip_white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30.34 30.34' style='enable-background:new 0 0 30.34 30.34;' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M22.562,12.491c0,0,1.227-0.933,0.293-1.866c-0.934-0.933-1.842,0.271-1.842,0.271l-9.389,9.391 c0,0-2.199,2.838-3.871,1.122c-1.67-1.718,1.121-3.872,1.121-3.872l12.311-12.31c0,0,2.873-3.165,5.574-0.466 c2.697,2.7-0.477,5.579-0.477,5.579L12.449,24.173c0,0-4.426,5.113-8.523,1.015s1.066-8.474,1.066-8.474L15.494,6.209 c0,0,1.176-0.982,0.295-1.866c-0.885-0.883-1.865,0.295-1.865,0.295L1.873,16.689c0,0-4.549,4.989,0.531,10.068 c5.08,5.082,10.072,0.533,10.072,0.533l16.563-16.565c0,0,3.314-3.655-0.637-7.608s-7.607-0.639-7.607-0.639L6.543,16.728 c0,0-3.65,2.969-0.338,6.279c3.312,3.314,6.227-0.39,6.227-0.39L22.562,12.491z'/%3E%3C/svg%3E");
}
.svg-icon_teachers-notes {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%2300B2A9' d='M22.6,6.9l-10-4.3c-0.5-0.2-1-0.2-1.4,0L1,6.9C0.7,7.1,0.4,7.5,0.5,7.8c0,0.4,0.3,0.7,0.6,0.9L4.2,10v7.7 c0,0.5,0.2,0.9,0.6,1.3c0.3,0.2,2.9,2.4,7,2.4c4,0,6.6-2,7-2.5c0.3-0.3,0.6-0.7,0.6-1.2V10l3.1-1.3c0.4-0.1,0.6-0.5,0.6-0.9 C23.2,7.5,22.9,7.1,22.6,6.9z M18.2,17.8c0,0.1-0.1,0.3-0.3,0.4c-0.4,0.4-2.6,2.1-6.1,2.1c-3.8,0-6.1-2.1-6.2-2.1 c-0.1-0.1-0.2-0.3-0.2-0.4v-7.2l5.7,2.4c0.2,0.1,0.4,0.1,0.7,0.1c0.2,0,0.5,0,0.7-0.1l2.9-1.2v5.1h1.2v-5.6l1.6-0.7V17.8z M2.2,7.8 l9.4-4c0.2-0.1,0.3-0.1,0.5,0l9.4,4l-5.6,2.3l-4.2-3.7l-0.8,0.9l3.7,3.3L12,11.8c-0.1,0.1-0.3,0.1-0.4,0L2.2,7.8z'/%3E%3C/svg%3E");
}
.svg-icon_downloads {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%2300B2A9' d='M9.2,12.9c0.7,0.9,1.4,1.7,2.1,2.6c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.2-0.1c0.7-0.9,1.4-1.7,2.1-2.6 c0.1-0.2,0.1-0.4-0.2-0.4c-0.3,0-0.6,0-0.9,0c0-1.3,0-2.6,0-3.9c0-0.1-0.1-0.2-0.2-0.2c-0.7,0-1.3,0-2,0c-0.1,0-0.2,0.1-0.2,0.2 c0,1.3,0,2.6,0,3.9c-0.3,0-0.6,0-0.9,0C9.1,12.5,9.1,12.8,9.2,12.9z'/%3E%3Cpath fill='%2300B2A9' d='M11.5,21.5c5.2,0,9.5-4.3,9.5-9.5s-4.3-9.5-9.5-9.5S2,6.8,2,12S6.3,21.5,11.5,21.5z M11.5,4c4.4,0,8,3.6,8,8 c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8C3.5,7.6,7.1,4,11.5,4z'/%3E%3C/svg%3E");
}
.svg-icon_board-actions {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'%3E%3Ccircle opacity='0.7' fill='%23F5F6F8' cx='4.08' cy='12.5' r='2.58'/%3E%3Ccircle opacity='0.7' fill='%23F5F6F8' cx='12.5' cy='12.5' r='2.58'/%3E%3Ccircle opacity='0.7' fill='%23F5F6F8' cx='20.92' cy='12.5' r='2.58'/%3E%3C/svg%3E");
}
.svg-icon_share {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%231B242C' d='M14.8,7.7c1.8,0,3.2-1.4,3.2-3.2c0-1.8-1.4-3.2-3.2-3.2c-1.8,0-3.2,1.4-3.2,3.2c0,0.2,0,0.4,0.1,0.6L7.5,7.8 C6.3,6.5,4.2,6.6,3,7.8s-1.2,3.3,0.1,4.5c1.2,1.2,3.2,1.2,4.5,0l4.1,2.6c-0.4,1.7,0.7,3.5,2.5,3.8s3.5-0.7,3.8-2.5 c0.4-1.7-0.7-3.5-2.5-3.8c-1.3-0.3-2.7,0.3-3.4,1.5l-3.9-2.4c0.5-0.9,0.5-2,0-2.9L12,6.2C12.6,7.1,13.7,7.7,14.8,7.7z'/%3E%3C/svg%3E");
}
.svg-icon_share-light {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%2300c9c3' d='M14.8,7.7c1.8,0,3.2-1.4,3.2-3.2c0-1.8-1.4-3.2-3.2-3.2c-1.8,0-3.2,1.4-3.2,3.2c0,0.2,0,0.4,0.1,0.6L7.5,7.8 C6.3,6.5,4.2,6.6,3,7.8s-1.2,3.3,0.1,4.5c1.2,1.2,3.2,1.2,4.5,0l4.1,2.6c-0.4,1.7,0.7,3.5,2.5,3.8s3.5-0.7,3.8-2.5 c0.4-1.7-0.7-3.5-2.5-3.8c-1.3-0.3-2.7,0.3-3.4,1.5l-3.9-2.4c0.5-0.9,0.5-2,0-2.9L12,6.2C12.6,7.1,13.7,7.7,14.8,7.7z'/%3E%3C/svg%3E");
}
.svg-icon_share-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M14.8,7.7c1.8,0,3.2-1.4,3.2-3.2c0-1.8-1.4-3.2-3.2-3.2c-1.8,0-3.2,1.4-3.2,3.2c0,0.2,0,0.4,0.1,0.6L7.5,7.8 C6.3,6.5,4.2,6.6,3,7.8s-1.2,3.3,0.1,4.5c1.2,1.2,3.2,1.2,4.5,0l4.1,2.6c-0.4,1.7,0.7,3.5,2.5,3.8s3.5-0.7,3.8-2.5 c0.4-1.7-0.7-3.5-2.5-3.8c-1.3-0.3-2.7,0.3-3.4,1.5l-3.9-2.4c0.5-0.9,0.5-2,0-2.9L12,6.2C12.6,7.1,13.7,7.7,14.8,7.7z'/%3E%3C/svg%3E");
}
.svg-icon_print {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,19.1h11.6c0.9,0,1.7-0.8,1.7-1.7V2.6c0-0.9-0.8-1.7-1.7-1.7H4.2c-0.9,0-1.7,0.8-1.7,1.7v14.8 C2.5,18.3,3.2,19.1,4.2,19.1z M4,2.6C4,2.5,4,2.4,4.2,2.4h11.6C16,2.4,16,2.5,16,2.6v14.8c0,0.1-0.1,0.2-0.2,0.2H4.2 C4,17.6,4,17.5,4,17.4V2.6z'/%3E%3Crect x='5.9' y='6.7' fill='%23FFFFFF' width='4.6' height='1.5'/%3E%3Crect x='5.8' y='9.9' fill='%23FFFFFF' width='7.7' height='1.5'/%3E%3Crect x='5.8' y='13' fill='%23FFFFFF' width='7.7' height='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg-icon_delete {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M13.63,6.32c-0.28,0.02-0.46,0.21-0.49,0.48l-0.19,5.76c-0.03,0.86-0.05,1.73-0.08,2.59 c-0.01,0.33-0.05,0.37-0.39,0.37l-5,0c-0.03,0-0.07,0-0.11,0c-0.14-0.02-0.21-0.08-0.23-0.23C7.13,15.14,7.13,15,7.12,14.85 L6.88,7.17c0-0.13-0.01-0.27-0.03-0.4C6.82,6.49,6.62,6.32,6.33,6.32c-0.29,0.01-0.48,0.21-0.5,0.5c0,0.05,0,0.09,0,0.16l0.13,4.11 l0.01,0.12c0,0.04,0,0.07,0,0.1l0.12,3.94c0.02,0.76,0.55,1.3,1.27,1.3c1.76,0.01,3.51,0.01,5.27,0c0.71,0,1.25-0.53,1.27-1.26 c0.02-0.54,0.04-1.08,0.05-1.61l0.21-6.44c0.01-0.15,0.01-0.29,0-0.44C14.17,6.67,14.1,6.53,14,6.44 C13.89,6.35,13.77,6.3,13.63,6.32z'/%3E%3Cpath fill='%23ffffff' d='M14.48,4.97c-0.08-0.02-0.17-0.02-0.27-0.02l-1.84,0c0.15-0.08,0.25-0.23,0.26-0.43 c0-0.08,0-0.17-0.03-0.25c-0.12-0.5-0.53-0.82-1.05-0.83c-0.35-0.01-0.7,0-1.05,0l-0.5,0l-0.49,0c-0.37,0-0.73,0-1.1,0 c-0.29,0-0.57,0.12-0.77,0.34C7.46,3.98,7.36,4.23,7.37,4.5c0.01,0.21,0.11,0.37,0.26,0.46l-1.87,0c-0.06,0-0.13,0-0.2,0.01 C5.29,5.02,5.13,5.21,5.13,5.48c0,0.27,0.17,0.47,0.43,0.51C5.64,6,5.71,6,5.79,6h8.42c0.08,0,0.17,0,0.26-0.02 C14.98,5.87,14.99,5.1,14.48,4.97z M8.4,4.59c0.01-0.07,0.03-0.1,0.02-0.11c0.01,0,0.05-0.01,0.11-0.01l2.9,0c0.08,0,0.12,0,0.12,0 c0.01,0.02,0.02,0.05,0.04,0.14c0.04,0.16,0.13,0.27,0.25,0.34l-3.72,0C8.26,4.88,8.36,4.76,8.4,4.59z'/%3E%3Cpath fill='%23ffffff' d='M10.49,14.65c0.05,0.25,0.25,0.42,0.51,0.42c0.26,0,0.47-0.18,0.51-0.43c0.01-0.08,0.02-0.17,0.02-0.26 l0.13-7.18c0-0.13,0.01-0.25,0-0.38c-0.01-0.15-0.07-0.28-0.18-0.37c-0.1-0.09-0.23-0.13-0.36-0.12c-0.29,0.02-0.48,0.21-0.5,0.5 l-0.08,4.11h0l-0.07,3.49C10.47,14.49,10.47,14.57,10.49,14.65z'/%3E%3Cpath fill='%23ffffff' d='M9.39,6.81c-0.02-0.3-0.23-0.49-0.52-0.49c-0.28,0.01-0.48,0.2-0.51,0.49c0,0.04,0,0.08,0,0.16l0.13,7.48 c0,0.08,0,0.19,0.06,0.3c0.06,0.1,0.18,0.26,0.35,0.31c0.16,0.04,0.4-0.04,0.5-0.17c0.12-0.15,0.14-0.36,0.13-0.44L9.39,6.81z'/%3E%3C/svg%3E");
}
.svg-icon_delete-grey {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%236A7386' d='M13.63,6.32c-0.28,0.02-0.46,0.21-0.49,0.48l-0.19,5.76c-0.03,0.86-0.05,1.73-0.08,2.59 c-0.01,0.33-0.05,0.37-0.39,0.37l-5,0c-0.03,0-0.07,0-0.11,0c-0.14-0.02-0.21-0.08-0.23-0.23C7.13,15.14,7.13,15,7.12,14.85 L6.88,7.17c0-0.13-0.01-0.27-0.03-0.4C6.82,6.49,6.62,6.32,6.33,6.32c-0.29,0.01-0.48,0.21-0.5,0.5c0,0.05,0,0.09,0,0.16l0.13,4.11 l0.01,0.12c0,0.04,0,0.07,0,0.1l0.12,3.94c0.02,0.76,0.55,1.3,1.27,1.3c1.76,0.01,3.51,0.01,5.27,0c0.71,0,1.25-0.53,1.27-1.26 c0.02-0.54,0.04-1.08,0.05-1.61l0.21-6.44c0.01-0.15,0.01-0.29,0-0.44C14.17,6.67,14.1,6.53,14,6.44 C13.89,6.35,13.77,6.3,13.63,6.32z'/%3E%3Cpath fill='%236A7386' d='M14.48,4.97c-0.08-0.02-0.17-0.02-0.27-0.02l-1.84,0c0.15-0.08,0.25-0.23,0.26-0.43 c0-0.08,0-0.17-0.03-0.25c-0.12-0.5-0.53-0.82-1.05-0.83c-0.35-0.01-0.7,0-1.05,0l-0.5,0l-0.49,0c-0.37,0-0.73,0-1.1,0 c-0.29,0-0.57,0.12-0.77,0.34C7.46,3.98,7.36,4.23,7.37,4.5c0.01,0.21,0.11,0.37,0.26,0.46l-1.87,0c-0.06,0-0.13,0-0.2,0.01 C5.29,5.02,5.13,5.21,5.13,5.48c0,0.27,0.17,0.47,0.43,0.51C5.64,6,5.71,6,5.79,6h8.42c0.08,0,0.17,0,0.26-0.02 C14.98,5.87,14.99,5.1,14.48,4.97z M8.4,4.59c0.01-0.07,0.03-0.1,0.02-0.11c0.01,0,0.05-0.01,0.11-0.01l2.9,0c0.08,0,0.12,0,0.12,0 c0.01,0.02,0.02,0.05,0.04,0.14c0.04,0.16,0.13,0.27,0.25,0.34l-3.72,0C8.26,4.88,8.36,4.76,8.4,4.59z'/%3E%3Cpath fill='%236A7386' d='M10.49,14.65c0.05,0.25,0.25,0.42,0.51,0.42c0.26,0,0.47-0.18,0.51-0.43c0.01-0.08,0.02-0.17,0.02-0.26 l0.13-7.18c0-0.13,0.01-0.25,0-0.38c-0.01-0.15-0.07-0.28-0.18-0.37c-0.1-0.09-0.23-0.13-0.36-0.12c-0.29,0.02-0.48,0.21-0.5,0.5 l-0.08,4.11h0l-0.07,3.49C10.47,14.49,10.47,14.57,10.49,14.65z'/%3E%3Cpath fill='%236A7386' d='M9.39,6.81c-0.02-0.3-0.23-0.49-0.52-0.49c-0.28,0.01-0.48,0.2-0.51,0.49c0,0.04,0,0.08,0,0.16l0.13,7.48 c0,0.08,0,0.19,0.06,0.3c0.06,0.1,0.18,0.26,0.35,0.31c0.16,0.04,0.4-0.04,0.5-0.17c0.12-0.15,0.14-0.36,0.13-0.44L9.39,6.81z'/%3E%3C/svg%3E");
}
.svg-icon_share-grey {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%236A7386' d='M11.72,7.06C10.16,8.04,8.63,9,7.04,10c1.59,1,3.13,1.96,4.66,2.93c1.08-0.66,1.97-0.68,2.75-0.05 c0.75,0.61,0.99,1.69,0.56,2.57c-0.41,0.85-1.42,1.34-2.34,1.13c-0.97-0.22-1.69-1.06-1.63-2.04c0.03-0.49-0.15-0.7-0.53-0.93 c-1.8-1.11-3.59-2.24-5.38-3.37c-0.1-0.06-0.2-0.14-0.34-0.24c0.15-0.1,0.27-0.19,0.39-0.27c1.88-1.17,3.75-2.35,5.63-3.52 c0.16-0.1,0.3-0.17,0.25-0.44c-0.18-0.99,0.36-1.89,1.31-2.26c0.87-0.35,1.97-0.01,2.49,0.76c0.55,0.83,0.48,1.92-0.17,2.63 c-0.7,0.75-1.74,0.91-2.62,0.4C11.94,7.23,11.84,7.15,11.72,7.06z M14.02,5.48c0-0.51-0.4-0.9-0.9-0.9c-0.5,0-0.91,0.4-0.9,0.9 c0.01,0.51,0.4,0.9,0.9,0.9C13.62,6.38,14.02,5.98,14.02,5.48z M14.02,14.54c0.01-0.5-0.38-0.91-0.88-0.92 c-0.5-0.01-0.92,0.38-0.92,0.88c-0.01,0.51,0.38,0.91,0.88,0.92C13.6,15.43,14.01,15.03,14.02,14.54z'/%3E%3C/svg%3E");
}
.svg-icon_locked-grey {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%236A7386' d='M9.99,12.03c0.98,0,1.78,0.81,1.78,1.79c0,0.96-0.82,1.77-1.79,1.76c-0.96,0-1.76-0.8-1.76-1.76 C8.22,12.83,9.01,12.03,9.99,12.03z M10.7,13.85c0.02-0.42-0.26-0.73-0.67-0.75c-0.41-0.02-0.71,0.26-0.73,0.66 c-0.02,0.42,0.26,0.73,0.67,0.75C10.36,14.53,10.69,14.24,10.7,13.85z'/%3E%3Cpath fill='%236A7386' d='M16.49,9.36c-0.38,0-0.75,0-1.16,0c0-0.58,0.01-1.12,0-1.66c-0.01-0.4-0.03-0.81-0.12-1.2 c-0.42-1.97-1.8-3.37-3.47-3.95c-0.02-0.01-0.03-0.01-0.05-0.02c-0.17-0.06-0.35-0.11-0.53-0.15c-0.05-0.01-0.1-0.02-0.15-0.03 c-0.14-0.03-0.28-0.05-0.43-0.06c-0.08-0.01-0.17-0.02-0.25-0.02C10.22,2.26,10.11,2.26,10,2.26c-0.11,0-0.22,0-0.34,0.01 C9.58,2.27,9.5,2.28,9.42,2.29C9.27,2.31,9.13,2.33,8.99,2.35c-0.05,0.01-0.1,0.02-0.15,0.03C8.66,2.43,8.48,2.48,8.31,2.53 C8.29,2.54,8.28,2.55,8.26,2.55C6.59,3.13,5.21,4.53,4.79,6.5c-0.08,0.39-0.1,0.8-0.12,1.2c-0.02,0.54,0,0.04,0,0.62h1.08 c0,0-0.12-1.06,0.2-2.06C6.5,4.5,8.13,3.39,9.84,3.32c0.05,0,0.11-0.01,0.16,0c0.05,0,0.11,0,0.16,0c1.71,0.08,3.34,1.18,3.89,2.94 c0.32,1.01,0.19,2.04,0.2,3.06c0,0.01-0.02,0.02-0.04,0.05c-0.09,0-0.18,0-0.28,0c-3.46,0-6.93,0-10.39,0 c-0.45,0-0.65,0.19-0.65,0.65c0,2.54,0,5.08,0,7.63c0,0.4,0.21,0.61,0.6,0.61c4.34,0,8.67,0,13.01,0c0.4,0,0.61-0.21,0.61-0.61 c0-2.55,0-5.1,0-7.65C17.11,9.57,16.91,9.37,16.49,9.36z M16.02,17.18c-4.02,0-8.02,0-12.04,0c0-2.25,0-4.48,0-6.74 c4.01,0,8.01,0,12.04,0C16.02,12.68,16.02,14.92,16.02,17.18z'/%3E%3C/svg%3E");
}
.svg-icon_unlocked-grey {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%236A7386' d='M7.05,3.15c3.17-2.09,7.36-0.36,8.16,3.35c0.08,0.39,0.1,0.8,0.12,1.2c0.02,0.54,0,1.08,0,1.66 c0.4,0,0.78,0,1.16,0c0.42,0,0.62,0.2,0.62,0.62c0,2.55,0,5.1,0,7.65c0,0.4-0.21,0.61-0.61,0.61c-4.34,0-8.67,0-13.01,0 c-0.4,0-0.6-0.21-0.6-0.61c0-2.54,0-5.08,0-7.63c0-0.45,0.19-0.65,0.65-0.65c3.46,0,6.93,0,10.39,0c0.1,0,0.2,0,0.28,0 c0.02-0.03,0.04-0.04,0.04-0.05c-0.01-1.02,0.12-2.06-0.2-3.06c-0.81-2.6-4-3.77-6.3-2.31 M16.02,17.18c0-2.26,0-4.5,0-6.74 c-4.02,0-8.03,0-12.04,0c0,2.26,0,4.49,0,6.74C8,17.18,12,17.18,16.02,17.18z'/%3E%3Cpath fill='%236A7386' d='M9.99,12.03c0.98,0,1.78,0.81,1.78,1.79c0,0.96-0.82,1.77-1.79,1.76c-0.96,0-1.76-0.8-1.76-1.76 C8.22,12.83,9.01,12.03,9.99,12.03z M10.7,13.85c0.02-0.42-0.26-0.73-0.67-0.75c-0.41-0.02-0.71,0.26-0.73,0.66 c-0.02,0.42,0.26,0.73,0.67,0.75C10.36,14.53,10.69,14.24,10.7,13.85z'/%3E%3C/svg%3E");
}

.resource-counts {
  padding-top: 10px;
}

.resource-counts__icon {
  width: 22px;
  height: 22px;
  position: relative;
  margin-left: 1.5em;
  display: inline-block;
  /* &:hover:before, &:hover .label { opacity: 1; } */
}
.resource-counts__icon:first-child {
  margin-left: 0;
}
.resource-counts__icon .svg-icon {
  width: 100%;
  height: 100%;
  display: block;
}
.resource-counts__icon:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: #F7F7F7;
  z-index: -1;
}
.resource-counts__icon .label {
  text-transform: uppercase;
  font-size: 11px;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 1em;
  white-space: nowrap;
}
.resource-counts__icon:before,
.resource-counts__icon .label {
  opacity: 0;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination li {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 2em;
  list-style-type: none;
}
.pagination li.disabled {
  display: none;
}
.pagination li:not(.disabled) + li {
  margin-left: 15px;
}
.pagination a,
.pagination span {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #333F48;
  background-color: #E5E8ED;
  -webkit-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
}
.pagination a:hover {
  background-color: #c7c7c7;
}
.pagination .active span {
  background-color: #5E6878;
  color: #fff;
}

.embed__container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed__container iframe,
.embed__container object,
.embed__container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chapter-article .embed__container {
  margin-left: -40px;
  margin-right: -40px;
  max-width: calc(100% + 80px);
}
@media (max-width: 800px) {
  .chapter-article .embed__container {
    margin-left: -20px;
    margin-right: -20px;
    max-width: calc(100% + 40px);
  }
}

@media print {
  .main-navbar, .story-sidebar, .main-footer, .story-actions {
    display: none !important;
  }
  .story-main {
    width: 100% !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border-left-width: 0 !important;
  }
}
.main-navbar {
  background-color: #fff;
  -webkit-box-shadow: 0 0 7px rgba(14, 27, 40, 0.3);
          box-shadow: 0 0 7px rgba(14, 27, 40, 0.3);
  width: 100%;
  color: #333F48;
  position: relative;
  z-index: 100;
  width: 100%;
}
.main-navbar__inner {
  display: block;
  max-width: 1320px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.main-navbar__inner:after {
  content: "";
  display: block;
  clear: both;
}
.main-navbar__branding {
  display: block;
  float: left;
}
.main-navbar__branding span {
  display: block;
  float: left;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  width: 190px;
  height: 77px;
  margin: 21.5px 0 21.5px 35px;
  float: left;
  background: url(/images/my-learning_logo.svg) no-repeat center;
}
.main-navbar__nav-wrapper {
  width: calc(100% - 190px - 35px - 35px);
  height: 100%;
  float: right;
  position: relative;
}
.main-navbar__main-nav {
  width: calc(100% - 510px);
  position: absolute;
  bottom: 0;
  left: 0;
}
.main-navbar__secondary-nav {
  display: none;
}
.main-navbar__login {
  height: 100%;
  width: 510px;
  float: right;
}
.main-navbar__toggle {
  display: none;
}
.main-navbar__close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50px;
  right: 15px;
  margin-top: -25px;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  display: none;
}
.main-navbar__close svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px;
  fill: transparent;
  stroke: #0E1B28;
  stroke-width: 1.5;
}
@media all and (max-width: 1150px) {
  .main-navbar__nav-wrapper {
    width: calc(100% - 150px - 20px - 20px);
  }
  .main-navbar__branding span {
    width: 150px;
    height: 60px;
    margin: 20px;
  }
  .main-navbar__login {
    width: 280px;
  }
  .main-navbar__main-nav {
    width: calc(100% - 280px);
  }
}
@media all and (max-width: 850px) {
  .main-navbar__nav-wrapper {
    position: fixed;
    top: 0;
    left: 100%;
    -webkit-transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
    transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
    -o-transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
    transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
    transition: 0.2s transform cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
    max-width: 400px;
    width: 100%;
    background-color: #fff;
    overflow-x: auto;
    z-index: 50;
  }
  html.show-nav .main-navbar__nav-wrapper {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
            box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  }
  .main-navbar__main-nav {
    position: static;
    width: 100%;
  }
  .main-navbar__secondary-nav {
    display: block;
  }
  .main-navbar__toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
  }
  .main-navbar__close {
    display: block;
  }
}

html.show-nav {
  overflow: hidden;
}

.main-nav {
  text-align: center;
}
.main-nav__strapline {
  display: block;
  width: 18em;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 1.2;
  font-size: 16px;
  margin: 22px auto 0;
  text-align: center;
}
.main-nav__links {
  display: block;
  clear: both;
}
.main-nav__link {
  display: block;
  width: 33.3333%;
  float: left;
  text-align: center;
  font-size: 15px;
  line-height: 53px;
  color: #5E6878;
  padding-bottom: 7px;
  position: relative;
  overflow: hidden;
}
.main-nav__link:after {
  content: "";
  display: block;
  width: 100%;
  height: 7px;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #00807B;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.main-nav__link:hover:after {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.main-nav__link_on {
  color: #333F48;
}
.main-nav__link_on:after {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: #333F48;
}
@media all and (max-width: 1150px) {
  .main-nav__strapline {
    font-size: 14px;
    margin-bottom: 0.25em;
  }
  .main-nav__link {
    font-size: 14px;
    line-height: 43px;
  }
}
@media all and (max-width: 850px) {
  .main-nav {
    padding: 25px 25px 10px;
  }
  .main-nav__strapline {
    position: static;
    text-align: left;
    margin: 0 0 1em;
    max-width: 200px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 1.5em;
  }
  .main-nav__link {
    font-size: 19px;
    line-height: 40px;
    width: 100%;
    text-align: left;
    color: #333F48;
    font-weight: bold;
    float: none;
  }
  .main-nav__link:after {
    display: none;
  }
}

.secondary-nav {
  padding: 0 25px 25px;
}
.secondary-nav__link {
  display: block;
  color: #333F48;
  line-height: 1.8;
}

@-webkit-keyframes NEWBOARD {
  0%, 30%, 60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15%, 45% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes NEWBOARD {
  0%, 30%, 60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15%, 45% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
.main-login-area {
  border-left: 1px solid #c7c7c7;
  padding: 25px 40px 25px 25px;
}
.main-login-area__title {
  font-size: 16px;
  line-height: 1;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}
.main-login-area__points {
  float: left;
}
.main-login-area__points li {
  position: relative;
  list-style-type: none;
  padding: 0 0 0 25px;
  margin: 0 10px;
  font-size: 14px;
  line-height: 22px;
}
.main-login-area__points li:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' enable-background='new 0 0 14 14' xml:space='preserve'%3E%3Cpath fill='%23F37B30' d='M7,0C3.1,0,0,3.1,0,7s3.1,7,7,7s7-3.1,7-7S10.9,0,7,0z M6.1,10.3L2.8,7l1.4-1.4l1.9,1.9l3.7-3.7l1.4,1.4 L6.1,10.3z'/%3E%3C/svg%3E");
}
.main-login-area__links {
  float: right;
  text-align: left;
  font-size: 13px;
}
.main-login-area__links a {
  color: #333F48;
}
.main-login-area_status_logged-in {
  padding: 0;
}
.main-login-area__user-link, .main-login-area__user-info {
  float: left;
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  height: 120px;
}
.main-login-area__user-link span, .main-login-area__user-info span {
  position: relative;
  top: calc(50% - 0.5em);
  line-height: 1em;
}
.main-login-area__user-link span sup, .main-login-area__user-info span sup {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: #333F48;
  display: inline-block;
  margin-top: -15px;
}
.main-login-area__user-link {
  width: 150px;
  color: #333F48;
}
.main-login-area__user-link span:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 0.5em;
}
.main-login-area__user-link_icon_boards span:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' enable-background='new 0 0 15 15' xml:space='preserve'%3E%3Cpath fill='%236A7386' d='M1.7,6h3.7C5.7,6,6,5.7,6,5.4V1.7C6,1.3,5.7,1,5.3,1H1.7C1.3,1,1,1.3,1,1.7v3.7C1,5.7,1.3,6,1.7,6z'/%3E%3Cpath fill='%236A7386' d='M13.3,1H9.7C9.3,1,9,1.3,9,1.7v3.7C9,5.7,9.3,6,9.7,6h3.7C13.7,6,14,5.7,14,5.4V1.7C14,1.3,13.7,1,13.3,1z' /%3E%3Cpath fill='%236A7386' d='M1.7,14h3.7C5.7,14,6,13.7,6,13.3V9.7C6,9.3,5.7,9,5.3,9H1.7C1.3,9,1,9.3,1,9.7v3.7C1,13.7,1.3,14,1.7,14z' /%3E%3Cpath fill='%236A7386' d='M13.3,9H9.7C9.3,9,9,9.3,9,9.7v3.7C9,13.7,9.3,14,9.7,14h3.7c0.4,0,0.7-0.3,0.7-0.7V9.7 C14,9.3,13.7,9,13.3,9z'/%3E%3C/svg%3E");
}
.main-login-area__user-link_icon_account span:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' enable-background='new 0 0 15 15' xml:space='preserve'%3E%3Cpath fill='%236A7386' d='M13.4,11.7v1.8c0,0.3-0.3,0.6-0.6,0.6H1.9c-0.3,0-0.6-0.3-0.6-0.6v-1.8c0-2.4,1.8-4.4,4.1-4.6 C4.4,6.4,3.7,5.2,3.7,3.8C3.7,1.7,5.3,0,7.4,0s3.7,1.7,3.7,3.8c0,1.4-0.7,2.6-1.8,3.2C11.6,7.3,13.4,9.3,13.4,11.7z'/%3E%3C/svg%3E");
}
.main-login-area__user-link_icon_boards span sup.newboard {
  background-color: #00807B;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: NEWBOARD 3 1s linear;
          animation: NEWBOARD 3 1s linear;
}
.main-login-area__user-info {
  width: calc(100% - 300px);
  background-color: #F7F7F7;
}
.main-login-area__user-info span {
  font-style: italic;
}
.main-login-area__user-info a {
  font-style: normal;
}
@media all and (max-width: 1150px) {
  .main-login-area {
    padding: 25px 20px 34px;
  }
  .main-login-area__title {
    font-size: 13px;
    text-align: center;
    margin-bottom: 1em;
  }
  .main-login-area__points {
    display: none;
  }
  .main-login-area__links {
    float: none;
    text-align: center;
  }
  .main-login-area_status_logged-in {
    padding: 50px 0 0;
    position: relative;
  }
  .main-login-area_status_logged-in:after {
    content: "";
    display: block;
    clear: both;
  }
  .main-login-area__user-link {
    width: 50%;
    height: 50px;
  }
  .main-login-area__user-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: transparent;
  }
}
@media all and (max-width: 850px) {
  .main-login-area {
    height: auto;
    padding: 25px 25px 35px;
  }
  .main-login-area {
    background-color: #E5E8ED;
    width: 100%;
  }
  .main-login-area__title {
    text-align: left;
    font-size: 15px;
  }
  .main-login-area__points {
    display: block;
    float: none;
    margin-bottom: 1em;
  }
  .main-login-area__links {
    float: none;
  }
  .main-login-area_status_logged-in {
    padding: 50px 25px 25px;
  }
  .main-login-area__user-info {
    height: 60px;
  }
}

.main-nav-toggle {
  line-height: 40px;
  font-size: 13px;
  margin-top: -20px;
  cursor: pointer;
}
.main-nav-toggle svg {
  width: 14px;
  height: 12px;
  fill: #0E1B28;
  margin-left: 0.75em;
  vertical-align: middle;
  margin-top: -2px;
}

.simple-nav {
  float: right;
  margin-right: 40px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 1150px) {
  .simple-nav {
    height: 100px;
  }
}
@media all and (max-width: 480px) {
  .simple-nav {
    margin-right: 20px;
  }
  .simple-nav__return-link {
    padding: 0 10px;
    font-size: 11px;
    line-height: 35px;
  }
}

.main-search-bar {
  display: block;
  background: -webkit-gradient(linear, left bottom, right top, color-stop(10%, #00AFAA), to(#007295));
  background: -o-linear-gradient(bottom left, #00AFAA 10%, #007295);
  background: linear-gradient(to top right, #00AFAA 10%, #007295);
  padding: 30px 20px;
  position: relative;
  text-align: center;
}
.main-search-bar__form,
.main-search-bar form {
  width: 100%;
}
.main-search-bar label {
  display: none;
}
.main-search-bar__label {
  display: block;
  font-size: 15px;
  color: #0E1B28;
  display: block;
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.main-search-bar__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.main-search-bar__wrap ::-webkit-input-placeholder {
  color: #0E1B28;
  opacity: 1;
}
.main-search-bar__wrap ::-moz-placeholder {
  color: #0E1B28;
  opacity: 1;
}
.main-search-bar__wrap :-ms-input-placeholder {
  color: #0E1B28;
  opacity: 1;
}
.main-search-bar__wrap :-moz-placeholder {
  color: #0E1B28;
  opacity: 1;
}
.main-search-bar__wrap::-webkit-input-placeholder {
  color: #0E1B28;
  opacity: 1;
}
.main-search-bar__wrap::-moz-placeholder {
  color: #0E1B28;
  opacity: 1;
}
.main-search-bar__wrap:-ms-input-placeholder {
  color: #0E1B28;
  opacity: 1;
}
.main-search-bar__wrap:-moz-placeholder {
  color: #0E1B28;
  opacity: 1;
}
.main-search-bar__input,
.main-search-bar .ais-input {
  display: block;
  height: 60px;
  line-height: 60px;
  background-color: #fff;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 20px;
  font-weight: bold;
  -webkit-transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  border-radius: 10px 0 0 10px;
  border: 0;
  color: #0E1B28;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 1em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.main-search-bar__input:focus,
.main-search-bar .ais-input:focus {
  border-color: #fff;
  outline: 0;
}
.main-search-bar__input:focus ::-webkit-input-placeholder,
.main-search-bar .ais-input:focus ::-webkit-input-placeholder {
  color: rgba(14, 27, 40, 0);
  opacity: 1;
}
.main-search-bar__input:focus ::-moz-placeholder,
.main-search-bar .ais-input:focus ::-moz-placeholder {
  color: rgba(14, 27, 40, 0);
  opacity: 1;
}
.main-search-bar__input:focus :-ms-input-placeholder,
.main-search-bar .ais-input:focus :-ms-input-placeholder {
  color: rgba(14, 27, 40, 0);
  opacity: 1;
}
.main-search-bar__input:focus :-moz-placeholder,
.main-search-bar .ais-input:focus :-moz-placeholder {
  color: rgba(14, 27, 40, 0);
  opacity: 1;
}
.main-search-bar__input:focus::-webkit-input-placeholder,
.main-search-bar .ais-input:focus::-webkit-input-placeholder {
  color: rgba(14, 27, 40, 0);
  opacity: 1;
}
.main-search-bar__input:focus::-moz-placeholder,
.main-search-bar .ais-input:focus::-moz-placeholder {
  color: rgba(14, 27, 40, 0);
  opacity: 1;
}
.main-search-bar__input:focus:-ms-input-placeholder,
.main-search-bar .ais-input:focus:-ms-input-placeholder {
  color: rgba(14, 27, 40, 0);
  opacity: 1;
}
.main-search-bar__input:focus:-moz-placeholder,
.main-search-bar .ais-input:focus:-moz-placeholder {
  color: rgba(14, 27, 40, 0);
  opacity: 1;
}
.main-search-bar__button,
.main-search-bar .ais-search-box__submit {
  border: 0;
  border-radius: 0 10px 10px 0;
  margin: 0;
  color: #fff;
  line-height: 60px;
  height: 60px;
  background: #0E1B28;
  padding: 0 2em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  fill: #fff;
  font-size: 15px;
  cursor: pointer;
  -webkit-transform: 0.2s background-color cubic-bezier(0, 0, 0, 1);
      -ms-transform: 0.2s background-color cubic-bezier(0, 0, 0, 1);
          transform: 0.2s background-color cubic-bezier(0, 0, 0, 1);
}
.main-search-bar__button svg,
.main-search-bar .ais-search-box__submit svg {
  display: none;
}
.main-search-bar__button:hover,
.main-search-bar .ais-search-box__submit:hover {
  background: rgba(14, 27, 40, 0.8);
}
.main-search-bar .ais-search-box__submit:before {
  content: "Search ";
  display: inline;
  font-size: 15px;
}
.main-search-bar.searched {
  padding: 20px;
}
.main-search-bar.searched .main-search-bar__label {
  display: none;
}
@media all and (max-width: 600px) {
  .ais-index .main-search-bar {
    padding: 50px 20px;
  }
  .main-search-bar__wrap {
    max-width: 400px;
  }
  .main-search-bar__label {
    font-size: 12px;
  }
  .main-search-bar__input,
.main-search-bar .ais-input, .main-search-bar__button,
.main-search-bar .ais-search-box__submit {
    height: 50px;
    line-height: 50px;
  }
  .main-search-bar__input,
.main-search-bar .ais-input {
    font-size: 18px;
  }
}
@media all and (max-width: 400px) {
  .main-search-bar {
    padding: 30px 20px;
  }
  .main-search-bar__wrap, .ais-index .main-search-bar form, .ais-index .main-search-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-search-bar__button,
.main-search-bar .ais-search-box__submit, .main-search-bar__input,
.main-search-bar .ais-input {
    border-radius: 10px;
  }
  .main-search-bar__input,
.main-search-bar .ais-input {
    font-size: 15px;
  }
  .main-search-bar__button,
.main-search-bar .ais-search-box__submit {
    margin-top: 10px;
  }
  .ais-index .main-search-bar .ais-powered-by {
    position: static;
    margin: 1em auto 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.home__strapline {
  background-color: #E5E8ED;
  padding: 2em 20px;
  text-align: center;
}
.home__strapline h1, .home__strapline p {
  font-family: Karla, sans-serif;
  font-size: 2em;
  font-weight: bold;
}

.my_alert {
  background-color: #D93731;
  color: #fff;
  text-align: center;
  padding: 10px;
  max-width: 640px;
  margin: 0 auto;
  line-height: 1.65em;
}
.my_alert a:link, .my_alert a:visited {
  color: #fff;
  text-decoration: underline;
}

.skip-to-content-link {
  background: #00807B;
  border-radius: 6px;
  color: #fff;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  left: 50%;
  padding: 1em 2em;
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  z-index: 200;
}
.skip-to-content-link:focus {
  background-color: #007571;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.main-footer {
  border-top: 1px solid #E5E8ED;
}
.main-footer:after {
  content: "";
  display: block;
  clear: both;
}
.main-footer__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 65px 20px;
}
.main-footer__title {
  margin-bottom: 25px;
  text-align: center;
}
.main-footer__title h3 {
  font-size: 23px;
  color: #0E1B28;
  margin-bottom: 20px;
}
.main-footer__title a {
  font-size: 15px;
}
.main-footer__twitter-link {
  text-align: center;
  line-height: 55px;
  margin-bottom: 50px;
}
.main-footer__twitter-link a {
  font-size: 15px;
}
.main-footer__twitter-link .svg-icon {
  margin-left: 0.25em;
  margin-top: -0.2em;
}
@media only screen and (min-width: 1024px) {
  .main-footer__inner {
    padding: 65px;
  }
  .main-footer__title {
    float: right;
    text-align: left;
    margin-bottom: 50px;
  }
  .main-footer__title h3 {
    display: inline-block;
    text-align: left;
    margin-bottom: 0;
  }
  .main-footer__title a {
    margin-left: 20px;
  }
  .main-footer__twitter-link {
    float: left;
    margin-bottom: 0;
  }
}

.footer-link-boxes {
  clear: both;
  margin: 0 0 45px;
  width: 100%;
}
.footer-link-boxes__box {
  width: 100%;
  list-style-type: none;
  min-height: 200px;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  border: 1px solid #c7c7c7;
  position: relative;
  -webkit-transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  margin-bottom: 20px;
}
.footer-link-boxes__box:hover {
  border-color: #00807B;
}
.footer-link-boxes__link {
  display: block;
  padding: 30px 35px 70px;
}
.footer-link-boxes__text {
  font-size: 16px;
  color: #0E1B28;
}
.footer-link-boxes__button {
  position: absolute;
  bottom: 40px;
  left: 35px;
  font-weight: bold;
  color: #00807B;
}
@media only screen and (min-width: 560px) {
  .footer-link-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer-link-boxes__box {
    width: calc(50% - 15px);
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-link-boxes {
    margin: 0 0 90px;
  }
  .footer-link-boxes__box {
    width: calc(25% - 20px);
    margin-bottom: 0;
  }
}

.footer-legal-links {
  text-align: center;
  margin-bottom: 20px;
}
.footer-legal-links li {
  display: block;
  list-style-type: none;
  line-height: 1em;
}
.footer-legal-links a {
  color: #5E6878;
  padding: 0 0.5em;
}
@media only screen and (min-width: 1024px) {
  .footer-legal-links {
    float: left;
    text-align: left;
  }
  .footer-legal-links li {
    float: left;
    list-style-type: none;
    line-height: 1em;
  }
  .footer-legal-links li + li {
    border-left: 1px solid #5E6878;
  }
}

.footer-copyright-notice {
  line-height: 1em;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .footer-copyright-notice {
    float: right;
    text-align: left;
  }
}

.home-top-box {
  width: 100%;
  padding: 30px;
  background-color: #E5E8ED;
}
.home-top-box__inner {
  display: -ms-grid;
  display: grid;
  height: 590px;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  -ms-grid-columns: 690px 510px;
  grid-template-columns: auto 510px;
  -ms-grid-rows: 50% 50%;
  grid-template-rows: 50% 50%;
  position: relative;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
}
.home-top-box__featured {
  background-color: #00807B;
  grid-row: 1/span 2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-span: 2;
}
.home-top-box__resource-links {
  background-color: #fff;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.home-top-box__cat-browser {
  background-color: #333F48;
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
@media all and (max-width: 1150px) {
  .home-top-box__inner {
    -ms-grid-rows: 510px 295px;
    -ms-grid-columns: 50% 50%;
    grid-template-rows: 510px 295px;
    grid-template-columns: 50% 50%;
    height: auto;
  }
  .home-top-box__featured {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-row: 1;
    grid-column: 1/span 2;
  }
  .home-top-box__more {
    display: none;
  }
}
@media all and (max-width: 950px) {
  .home-top-box__inner {
    -ms-grid-rows: auto 370px;
    grid-template-rows: auto 370px;
    height: auto;
  }
}
@media all and (max-width: 700px) {
  .home-top-box {
    padding: 0;
  }
  .home-top-box__inner {
    display: block;
  }
  .home-top-box__featured {
    height: 280px;
  }
}

.home-popular__inner,
.home-collections__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1260px;
  width: 100%;
}
@media all and (max-width: 700px) {
  .home-popular__inner,
.home-collections__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home-popular__intro,
.home-collections__intro {
  position: relative;
  z-index: 10;
}
.home-popular__intro:before,
.home-collections__intro:before {
  background-color: #E5E8ED;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  z-index: -1;
}

.home-collections__intro:before {
  background-color: #fff;
}

.home-featured {
  position: relative;
  overflow: hidden;
}
.home-featured__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-featured__slide {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.home-featured__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-featured__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 50px 50px 120px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(14, 27, 40, 0.6);
  color: #fff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.home-featured .keystage-tags {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-featured .keystage-tags .keystage-tag {
  margin: 0 5px 5px 0;
}
.home-featured__title {
  font-size: 44px;
  line-height: 1.2;
  max-width: 350px;
  margin-bottom: 0.3em;
}
.home-featured__description {
  font-size: 17px;
  line-height: 1.5;
  max-width: 250px;
  margin: 0 0 1.5em;
}
.home-featured__nav {
  position: absolute;
  top: 50%;
  left: 40px;
  width: 40px;
  margin-top: -50px;
  z-index: 100;
}
.home-featured__prevnext {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  margin: 10px 0;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.home-featured__prevnext .svg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin: -7px;
}
@media all and (max-width: 700px) {
  .home-featured__nav {
    left: auto;
    right: 25px;
  }
  .home-featured__content {
    padding: 30px 80px 30px 30px;
  }
  .home-featured__title {
    font-size: 26px;
    min-height: 3em;
  }
  .home-featured__description {
    display: none;
  }
}
@media all and (max-width: 500px) {
  .home-featured__content {
    padding: 20px 80px 20px 30px;
  }
  .home-featured__title {
    font-size: 22px;
    min-height: 6em;
  }
  .home-featured .button {
    line-height: 35px;
  }
}

.home-resource-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px;
}
.home-resource-links__title {
  color: #333F48;
  font-size: 18px;
  font-family: Karla, sans-serif;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.home-resource-links__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-resource-links__link {
  width: calc(33% - 20px);
  margin: 10px;
  border-radius: 6px;
  height: 60px;
  text-align: center;
  -webkit-box-shadow: 0 1px 7px 0px var(--shadow-color);
          box-shadow: 0 1px 7px 0px var(--shadow-color);
}
.home-resource-links__link:hover span {
  text-decoration: underline;
}
.home-resource-links__icon {
  width: 20px;
  height: 20px;
  display: block;
  margin: 10px auto 0;
}
.home-resource-links__label {
  font-size: 13px;
}
@media all and (max-width: 950px) {
  .home-resource-links__link {
    width: calc(50% - 20px);
  }
}

.home-cat-browser__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.home-cat-browser__tab {
  line-height: 65px;
  width: 33.3333%;
  background-color: #2A353C;
  color: #fff;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  cursor: pointer;
}
.home-cat-browser__tab.on {
  color: #fff;
  background-color: transparent;
  cursor: pointer;
}
.home-cat-browser__tab:not(.on):hover {
  background-color: rgba(94, 104, 120, 0.3);
}
.home-cat-browser__body {
  height: calc(100% - 65px);
  position: relative;
}
.home-cat-browser__section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.home-cat-browser__section.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-cat-browser__link {
  color: #fff;
}
.home-cat-browser__list {
  width: 100%;
  max-width: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  margin-bottom: 1em;
}
.home-cat-browser__list-item {
  width: 50%;
  padding: 0.4em 1em;
  list-style-type: none;
  color: #fff;
}
.home-cat-browser__list-item sup {
  color: #00807B;
  font-size: 11.5px;
}
.home-cat-browser__view-all {
  margin-bottom: 0.5em;
}
@media all and (max-width: 950px) {
  .home-cat-browser__list-item {
    width: 100%;
    text-align: center;
  }
}
@media all and (max-width: 700px) {
  .home-cat-browser__section {
    position: relative;
    padding: 30px 25px;
  }
}

.home-slide-block {
  background-color: #E5E8ED;
  padding: 150px 15px;
  /* 1.054 seems to round close enough to avoid a sub-pixel glitch in some browsers */
  /* This needed for IE11 Flexbox widths */
}
@media all and (max-width: 700px) {
  .home-slide-block {
    padding: 50px 15px;
  }
}
.home-slide-block:nth-child(even) {
  background-color: transparent;
}
.home-slide-block__inner {
  margin: 0 auto;
  max-width: 1200px;
  min-height: 400px;
  position: relative;
  width: calc(100% - 310px);
}
@media all and (max-width: 700px) {
  .home-slide-block__inner {
    width: 100%;
  }
}
.home-slide-block__nav {
  position: absolute;
  bottom: 100%;
  right: 15px;
  z-index: 100;
}
.home-slide-block__prevnext {
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  margin-left: 10px;
  border-radius: 50%;
  background-color: #007571;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.home-slide-block__prevnext .svg-icon {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px;
}
.home-slide-block__prevnext:focus, .home-slide-block__prevnext:hover {
  background-color: #004d4a;
}
.home-slide-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 350px;
  position: absolute;
  top: 25px;
  left: 0;
}
.home-slide-block__list-item {
  margin: 0 15px;
  max-width: 345px;
  width: 100vw;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
}
.home-slide-block__list-item:not(.home-slide-block__intro):focus, .home-slide-block__list-item:not(.home-slide-block__intro):focus-within, .home-slide-block__list-item:not(.home-slide-block__intro):hover {
  -webkit-transform: scale(1.054);
      -ms-transform: scale(1.054);
          transform: scale(1.054);
}
.home-slide-block__list-item:not(.home-slide-block__intro):focus, .home-slide-block__list-item:not(.home-slide-block__intro):focus-within {
  outline: -webkit-focus-ring-color auto 1px;
}
.home-slide-block__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  max-width: 345px;
  padding: 30px;
  width: 310px;
}
@media all and (max-width: 700px) {
  .home-slide-block__intro {
    width: 100%;
  }
}
.home-slide-block__title {
  font-size: 32px;
  color: #333F48;
  line-height: 1;
  margin-bottom: 1rem;
  width: 100%;
}
.home-slide-block__description {
  line-height: 1.5;
  margin-bottom: 1.5rem;
  width: 100%;
}
.home-slide-block_white {
  background-color: transparent;
}
.home-slide-block_white .home-slide-block__title {
  color: #00807B;
}
@media all and (min-width: 100px) {
  .home-slide-block__list-item {
    min-width: 345px;
  }
  .home-slide-block__intro {
    min-width: 310px;
  }
}
@media all and (max-width: 450px) {
  .home-slide-block {
    padding: 150px 0;
  }
  .home-slide-block__list-item {
    max-width: calc(100vw - 30px);
    min-width: 250px;
  }
  .home-slide-block__intro {
    padding: 30px 15px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.home-events-signup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #5E6878;
}
.home-events-signup:after {
  content: "";
  display: block;
  clear: both;
}
.home-events-signup__column {
  width: 50%;
  position: relative;
  background-size: cover;
  background-position: center;
}
.home-events-signup__inner {
  width: 100%;
  max-width: 660px;
  float: right;
  padding: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 10;
}
@media all and (min-width: 1151px) {
  .home-events-signup__inner {
    position: absolute;
    top: 0;
    bottom: 0;
  }
}
.home-events-signup__column:last-child .home-events-signup__inner {
  float: left;
}
.home-events-signup__title {
  font-size: 32px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 0.75em;
  max-width: 7em;
}
.home-events-signup__description, .home-events-signup__legal {
  color: #fff;
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 1.5em;
  max-width: 12em;
}
.home-events-signup__legal {
  font-size: 14px;
  margin: 20px 0 0;
  max-width: 18em;
}
.home-events-signup__legal a {
  color: #fff;
  text-decoration: underline;
}
@media all and (max-width: 1050px) {
  .home-events-signup {
    display: block;
  }
  .home-events-signup__column {
    width: 100%;
  }
  .home-events-signup__inner {
    max-width: 100%;
    float: none !important;
  }
}
@media all and (max-width: 600px) {
  .home-events-signup__inner {
    height: auto;
    min-height: 300px;
    padding: 60px 40px;
  }
  .home-events-signup__title {
    font-size: 23px;
  }
  .home-events-signup__description {
    font-size: 14px;
  }
}

.home-events-block img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.home-events-block__view-all {
  position: absolute;
  top: 3em;
  right: 3em;
  z-index: 10;
}

.home-signup-block {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(10%, #00AFAA), to(#007295));
  background: -o-linear-gradient(bottom left, #00AFAA 10%, #007295);
  background: linear-gradient(to top right, #00AFAA 10%, #007295);
}
.home-signup-block:after {
  content: "";
  display: block;
  width: 299px;
  height: 390px;
  background: url("../images/signup_corner_256.png");
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
}
.home-signup-block .home-events-signup__inner {
  position: relative;
  z-index: 10;
}
@media all and (max-width: 600px) {
  .home-signup-block:after {
    width: 150px;
    height: 195px;
  }
}
.home-signup-block .button:hover {
  background: #0E1B28;
  border-color: #0E1B28;
  color: #fff;
}

.home-latest-tweets {
  background-color: #E5E8ED;
}
.home-latest-tweets__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 65px;
}
.home-latest-tweets__title {
  font-size: 23px;
  color: #0E1B28;
  float: left;
  margin-bottom: 50px;
}
.home-latest-tweets__twitter-link {
  float: right;
}
.home-latest-tweets__tweets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  clear: both;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-latest-tweets_loading {
  display: none;
}
@media all and (max-width: 700px) {
  .home-latest-tweets__title {
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }
  .home-latest-tweets__twitter-link {
    float: none;
    text-align: center;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 450px) {
  .home-latest-tweets__inner {
    padding: 65px 20px;
  }
}

.home-tweet {
  width: calc((100% - 200px) / 3);
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  list-style-type: none;
  position: relative;
  padding-bottom: calc(25px + 1em);
}
.home-tweet__image img {
  display: block;
  width: 100%;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-tweet__text {
  padding: 25px 45px;
  color: #5E6878;
  line-height: 1.5;
}
.home-tweet__date {
  color: #333F48;
  position: absolute;
  bottom: 25px;
  left: 45px;
}
@media all and (max-width: 1280px) {
  .home-tweet {
    width: calc((100% - 100px) / 3);
  }
}
@media all and (max-width: 950px) {
  .home-tweet {
    width: calc((100% - 50px) / 2);
  }
  .home-tweet:nth-child(3) {
    display: none;
  }
}
@media all and (max-width: 680px) {
  .home-tweet {
    width: 100%;
  }
  .home-tweet + .home-tweet {
    margin-top: 40px;
  }
}

.explorer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.explorer h1 {
  color: #333F48;
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}
.explorer__bar {
  width: 100%;
}
.explorer__side-nav {
  width: 380px;
  position: relative;
  left: -380px;
  -webkit-transition: 0.2s left cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s left cubic-bezier(0, 0, 0, 1);
  transition: 0.2s left cubic-bezier(0, 0, 0, 1);
  will-change: left;
}
.explorer__main {
  width: 100%;
  margin-left: -380px;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.explorer_show-nav .explorer__side-nav {
  left: 0;
}
.explorer_show-nav .explorer__main {
  margin-left: 0;
  width: calc(100% - 380px);
}
@media all and (max-width: 1200px) {
  .explorer__side-nav {
    width: 280px;
    left: -280px;
  }
  .explorer__main {
    margin-left: -280px;
  }
  .explorer_show-nav .explorer__main {
    width: calc(100% - 280px);
  }
}
@media all and (max-width: 720px) {
  .explorer__side-nav {
    width: 100%;
    left: 0;
    display: none;
  }
  .explorer_show-nav .explorer__side-nav {
    display: block;
  }
  .explorer__main, .explorer_show-nav .explorer__main {
    margin-left: 0;
    width: 100%;
  }
}
.explorer__no-results {
  display: none;
}
.blocks-list__list:empty + .explorer__no-results {
  display: block;
  font-size: 20px;
  text-align: center;
}

.explore-type-filter,
.type-filter {
  border-bottom: 1px solid #c7c7c7;
}
.explore-type-filter__inner,
.type-filter__inner {
  max-width: 1320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 15px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.explore-type-filter__link,
.type-filter__link {
  min-height: 60px;
  line-height: 40px;
  max-width: 135px;
  border-radius: 6px;
  background-color: rgba(14, 27, 40, 0);
  color: #5E6878;
  font-size: 13px;
  display: block;
  width: 100%;
  text-align: center;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  margin: 0 5px;
  border-width: 1px;
  border-style: solid;
  padding: 10px 5px;
}
.explore-type-filter__link sup,
.type-filter__link sup {
  color: #5E6878;
  pointer-events: none;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.explore-type-filter__link .svg-icon,
.type-filter__link .svg-icon {
  pointer-events: none;
  margin: -0.1em 0.3em 0 0;
  font-size: 1.5em;
}
.explore-type-filter__link:hover,
.type-filter__link:hover {
  color: #333F48;
  background-color: #F7F7F7;
}
.explore-type-filter__link.active, .explore-type-filter__link.active:hover,
.type-filter__link.active,
.type-filter__link.active:hover {
  border-color: #333F48;
  background-color: #333F48;
  color: #fff !important;
}
.explore-type-filter__link.active sup, .explore-type-filter__link.active:hover sup,
.type-filter__link.active sup,
.type-filter__link.active:hover sup {
  color: #fff !important;
}
@media all and (max-width: 920px) {
  .explore-type-filter__link .svg-icon,
.type-filter__link .svg-icon {
    display: none;
  }
}
@media all and (max-width: 700px) {
  .explore-type-filter__inner,
.type-filter__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .explore-type-filter__link,
.type-filter__link {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: none;
  }
  .explore-types-nav-toggle .explore-type-filter__link,
.explore-types-nav-toggle .type-filter__link {
    display: block;
  }
  .explore-type-filter__link.active,
.type-filter__link.active {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    display: block;
  }
  .explore-type-filter__link.active:before,
.type-filter__link.active:before {
    content: "Showing";
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    line-height: 1em;
    margin-top: -0.5em;
    color: #c7c7c7;
  }
  .explore-type-filter__link.active:after,
.type-filter__link.active:after {
    content: "";
    display: block;
    width: 8px;
    height: 4px;
    position: absolute;
    top: 50%;
    right: 30px;
    border: 4px solid rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-bottom-width: 0;
    margin-top: -2px;
    -webkit-transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
    transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
    -o-transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
    transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
    transition: 0.2s transform cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  }
  .explore-types-nav-toggle .explore-type-filter__link.active:after,
.explore-types-nav-toggle .type-filter__link.active:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.explore-filter-bar {
  border-bottom: 1px solid #c7c7c7;
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.explore-filter-bar__toggle, .explore-filter-bar__clear {
  font-size: 12px;
  line-height: 90px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 50px;
  border-right: 1px solid #c7c7c7;
  white-space: nowrap;
}
.explore-filter-bar__toggle {
  color: #333F48;
  min-width: 220px;
  -webkit-transition: 0.2s min-width cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s min-width cubic-bezier(0, 0, 0, 1);
  transition: 0.2s min-width cubic-bezier(0, 0, 0, 1);
}
.explore-filter-bar__toggle svg {
  width: 19px;
  height: 16px;
  margin-right: 30px;
  vertical-align: middle;
  fill: #333F48;
}
.explore-filter-bar__toggle svg .bar {
  -webkit-transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
}
.explore-filter-bar__toggle .close {
  display: none;
}
.explorer_show-nav .explore-filter-bar__toggle {
  min-width: 380px;
}
.explorer_show-nav .explore-filter-bar__toggle .close {
  display: inline;
}
.explorer_show-nav .explore-filter-bar__toggle .open {
  display: none;
}
.explorer_show-nav .explore-filter-bar__toggle .bar1 {
  -webkit-transform: translateX(-4px);
      -ms-transform: translateX(-4px);
          transform: translateX(-4px);
}
.explorer_show-nav .explore-filter-bar__toggle .bar3 {
  -webkit-transform: translateX(-7px);
      -ms-transform: translateX(-7px);
          transform: translateX(-7px);
}
@media all and (max-width: 1200px) {
  .explorer_show-nav .explore-filter-bar__toggle {
    min-width: 280px;
  }
}
.explore-filter-bar__toggle:hover {
  color: #333F48;
}
.explore-filter-bar.empty .explore-filter-bar__clear {
  display: none;
}
@media all and (max-width: 720px) {
  .explore-filter-bar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .explore-filter-bar__toggle, .explorer_show-nav .explore-filter-bar__toggle, .explore-filter-bar__clear {
    width: 50%;
    min-width: 100px;
  }
  .explore-filter-bar__selected {
    width: 100%;
    border-top: 1px solid #c7c7c7;
  }
  .explore-filter-bar.empty .explore-filter-bar__selected {
    display: none;
  }
}
@media all and (max-width: 450px) {
  .explore-filter-bar__toggle, .explore-filter-bar__clear {
    padding: 0 30px;
  }
  .explore-filter-bar__toggle, .explorer_show-nav .explore-filter-bar__toggle {
    width: 60%;
  }
  .explore-filter-bar__clear {
    width: 40%;
  }
}

@-webkit-keyframes EXPLORE_TAG_IN {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes EXPLORE_TAG_IN {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.explore-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 90px;
  padding: 10px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}
.explore-selected__tag {
  height: 45px;
  font-size: 15px;
  line-height: 1;
  padding: 15px 40px 15px 20px;
  color: #0E1B28;
  background-color: #c7c7c7;
  border: none;
  margin: 6px;
  border-radius: 6px;
  position: relative;
  -webkit-animation: EXPLORE_TAG_IN 1 0.2s cubic-bezier(0, 0, 0, 1);
          animation: EXPLORE_TAG_IN 1 0.2s cubic-bezier(0, 0, 0, 1);
}
.explore-selected__remove {
  position: absolute;
  top: 50%;
  right: 20px;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  margin: -7px;
  cursor: pointer;
}
.explore-selected__remove:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin: -3px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6 6' style='enable-background:new 0 0 6 6;' xml:space='preserve'%3E%3Cpolygon fill='%236A7386' points='6,0.9 5.1,0 3,2.1 0.9,0 0,0.9 2.1,3 0,5.1 0.9,6 3,3.9 5.1,6 6,5.1 3.9,3 '/%3E%3C/svg%3E");
}

.explore-filters {
  border-right: 1px solid #c7c7c7;
  background-color: #F7F7F7;
}
.explore-filters__inner {
  padding: 40px 100px;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
.explore-filters__title {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 2em;
}
.explore-filters__NOT_filter {
  list-style-type: none;
  font-size: 15px;
  color: #0E1B28;
  margin: 15px 0;
}
.explore-filters__NOT_filter sup {
  color: #5E6878;
}
.explore-filters__expand {
  display: block;
  cursor: pointer;
  color: #333F48;
  margin-top: 1em;
}
.explore-filters__expand:before {
  content: "-";
  margin-left: 1em;
  float: right;
  margin-top: -0.1em;
}
.explore-filters__expand .more {
  display: none;
}
.explore-filters__group + .explore-filters__group {
  margin-top: 65px;
}
.explore-filters__filters.cropped .filter:nth-child(10) ~ .filter {
  display: none;
}
.explore-filters__filters.cropped + .explore-filters__expand:before {
  content: "+";
}
.explore-filters__filters.cropped + .explore-filters__expand .more {
  display: inline;
}
.explore-filters__filters.cropped + .explore-filters__expand .less {
  display: none;
}
@media all and (max-width: 1200px) {
  .explore-filters__inner {
    padding: 40px 50px;
  }
}
@media all and (max-width: 400px) {
  .explore-filters__inner {
    padding: 30px;
  }
}

.blocks-list {
  padding: 25px 0px;
}
.blocks-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 50px auto;
}
.blocks-list__list > li {
  list-style-type: none;
}
.blocks-list__list-images .ais-results {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 1024px) {
  .blocks-list {
    padding: 50px 60px;
  }
}

.block {
  width: 290px;
  border-radius: 6px;
  border: 1px solid #c7c7c7;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  margin: 0 35px 70px;
  background-color: #fff;
  position: relative;
}
.block__image {
  height: 180px;
  background-color: #c7c7c7;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.block__image img {
  display: block;
  width: 290px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.block__content {
  padding: 35px 25px 50px;
  position: relative;
}
.block__content .add-to-board-link {
  position: absolute;
  bottom: 100%;
  right: 60px;
  z-index: 10;
}
.block_type_stories .block__text {
  min-height: 130px;
  padding-bottom: 25px;
}
.block__title {
  font-size: 18px;
  line-height: 1.2em;
  color: #0E1B28;
  margin-bottom: 0.5em;
}
.block__title a {
  color: #0E1B28;
}
.block__description {
  font-size: 15px;
  line-height: 1.4em;
  margin-bottom: 0.5em;
}
.block__full-link {
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.block__full-link:focus {
  opacity: 1;
}
.block__keystages,
.block .keystage-tags {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.block__keystages .keystage-tag,
.block .keystage-tags .keystage-tag {
  margin: 0 5px 5px 0;
}
.block__icons {
  margin-bottom: 20px;
}
.block_type_story:before, .block_type_story:after, .block_type_board:before, .block_type_board:after {
  content: "";
  display: block;
  border-radius: 6px;
  position: absolute;
  z-index: -1;
  height: 20px;
  background-color: #5E6878;
}
.block_type_story:after, .block_type_board:after {
  top: -10px;
  left: 15px;
  width: calc(100% - 30px);
}
.block_type_story:before, .block_type_board:before {
  top: -20px;
  left: 30px;
  width: calc(100% - 60px);
  opacity: 0.6;
}
.block_type_images .block__image, .block_type_images .block__image img {
  height: auto;
}
.block__resource-icon {
  width: 22px;
  height: 22px;
  position: relative;
  margin-left: 1.5em;
  z-index: 1;
  display: inline-block;
}
.block__resource-icon:first-child {
  margin-left: 0;
}
.block__resource-icon .svg-icon {
  width: 100%;
  height: 100%;
}
.block__resource-icon:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: #F7F7F7;
  z-index: -1;
}
.block__resource-icon-label {
  text-transform: uppercase;
  font-size: 11px;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 1em;
}
.block__resource-icon:before, .block__resource-icon-label {
  opacity: 0;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.block__resource-icon:hover:before, .block__resource-icon:hover .block__resource-icon-label {
  opacity: 1;
}
.block .board-actions-button {
  position: absolute;
  bottom: 0;
  right: 50px;
  z-index: 10;
}
@media all and (max-width: 1200px) {
  .block {
    margin: 0 25px 50px;
  }
}
@media all and (max-width: 500px) {
  .block {
    margin: 0 15px 30px;
  }
}
.block.branded-muted_blue {
  background-color: #848b9b;
}
.block.branded-muted_blue .block__title,
.block.branded-muted_blue .block__description {
  color: #fff;
}
.block.branded-muted_blue .keystage-tag {
  background-color: #fff;
  color: #848b9b;
}
.block.branded-dark_blue {
  background-color: #333F48;
}
.block.branded-dark_blue .block__title,
.block.branded-dark_blue .block__description {
  color: #fff;
}
.block.branded-dark_blue .keystage-tag {
  background-color: #fff;
  color: #333F48;
}
.block.branded-light_blue {
  background-color: #00807B;
}
.block.branded-light_blue .block__title,
.block.branded-light_blue .block__description {
  color: #fff;
}
.block.branded-light_blue .keystage-tag {
  background-color: #fff;
  color: #00807B;
}
.block.branded-mands {
  background-color: #333F48;
}
.block.branded-mands .block__title,
.block.branded-mands .block__description {
  color: #fff;
}
.block.branded-lufc {
  background-color: #1d4189;
}
.block.branded-lufc .block__title,
.block.branded-lufc .block__description {
  color: #fff;
}
.block.branded-lufc .keystage-tag {
  background-color: #a99652;
  color: #1d4189;
}
.block.branded .svg-icon_images {
  background-image: url("/images/Global/StoryBlock/Icon/Images/White.svg");
}
.block.branded .svg-icon_documents {
  background-image: url("/images/Global/StoryBlock/Icon/Documents/White.svg");
}
.block.branded .svg-icon_audio {
  background-image: url("/images/Global/StoryBlock/Icon/Audio/White.svg");
}
.block.branded .svg-icon_videos {
  background-image: url("/images/Global/StoryBlock/Icon/Video/White.svg");
}
.block.branded .svg-icon_interactives {
  background-image: url("/images/Global/StoryBlock/Icon/Interactives/White.svg");
}
.block .branded__roundall {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
}
.block .branded__roundall img {
  display: block;
  max-width: 100%;
  height: auto;
}

.image-box {
  border-radius: 6px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.image-box__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #0E1B28;
}
.image-box__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.image-box__title {
  font-size: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.image-box__keystages,
.image-box .keystage-tags {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.image-box__keystages .keystage-tag,
.image-box .keystage-tags .keystage-tag {
  margin: 0 5px 5px 0;
}
.image-box__description {
  font-size: 17px;
  line-height: 1.3;
  min-height: 100px;
}
.image-box__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
}
.image-box__resource-bar {
  height: 60px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  -webkit-transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  z-index: 10;
  color: #0E1B28;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.5em;
}
.image-box__resource-bar .label {
  display: none;
}
.image-box:hover .image-box__resource-bar {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.story-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 120px);
}
.story-wrapper__sidebar {
  width: 380px;
  background-color: #F7F7F7;
}
.story-wrapper__main {
  width: calc(100% - 380px);
  border-left: 1px solid #c7c7c7;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
}

.story-main {
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.story-main.loading {
  opacity: 0.5;
}

.story-sidebar__inner {
  position: relative;
  z-index: 20;
}

.story-info-panel {
  padding: 45px 35px 20px 70px;
  background-color: #333F48;
  position: relative;
}
.story-info-panel__title {
  color: #00807B;
  font-size: 24px;
  line-height: 1.3em;
  margin-bottom: 0.75em;
  max-width: 240px;
}
.story-info-panel__description {
  color: #fff;
  max-width: 240px;
  margin-bottom: 2em;
}
.story-info-panel__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.story-info-panel__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - 5px);
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
  min-height: 55px;
  padding: 0 15px;
  font-size: 13px;
  line-height: 1.2;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  word-break: break-word;
}
.story-info-panel__action .svg-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.story-info-panel__action .label {
  width: calc(100% - 34px);
}
.story-info-panel__action:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.story-info-panel__action_share {
  display: none;
}
.story-info-panel .add-to-board-link {
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 20;
}
@media all and (max-width: 1000px) {
  .story-info-panel {
    padding: 30px 25px 20px;
  }
  .story-info-panel__title, .story-info-panel__description {
    max-width: 100%;
  }
  .story-info-panel__title {
    font-size: 19px;
  }
  .story-info-panel__actions {
    margin-right: 70px;
    max-width: 420px;
  }
  .story-info-panel__action_share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .story-info-panel__action_notes {
    display: none;
  }
  .story-info-panel .add-to-board-link {
    top: auto;
    bottom: 48px;
    left: auto;
    right: 50px;
  }
}
@media all and (max-width: 450px) {
  .story-info-panel {
    padding: 25px 15px 20px !important;
  }
  .story-info-panel__actions {
    margin-right: 65px;
  }
  .story-info-panel__action {
    padding: 0 10px;
    font-size: 12px;
  }
  .story-info-panel__action .svg-icon {
    margin-right: 5px;
  }
  .story-info-panel .add-to-board-link {
    right: 40px;
  }
}
.story-info-panel.branded__story .story-info-panel__image {
  margin-bottom: 20px;
  height: 50px;
  width: auto;
}
.story-info-panel.branded__story .story-info-panel__title {
  color: #fff;
}
.story-info-panel.branded-mands {
  background: #333F48;
}
.story-info-panel.branded-lufc {
  background: #1d4189;
}
.story-info-panel.branded-dark_blue {
  background: #333F48;
}
.story-info-panel.branded-light_blue {
  background: #00807B;
}
.story-info-panel.branded-muted_blue {
  background: #848b9b;
}

.story-nav {
  width: 100%;
}
.story-nav__link {
  display: block;
  color: #5E6878;
  padding: 20px 70px;
  border-bottom: 1px solid #c7c7c7;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  /* Still need to be present in DOM for JS reasons */
}
.story-nav__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.story-nav__link_active {
  z-index: 20;
  position: relative;
  border-bottom-width: 0;
}
.story-nav__link_active:before {
  opacity: 1;
  top: -0.5em;
  height: calc(100% + 1em);
  width: calc(100% + 1em);
}
.story-nav__link.teacher-notes {
  display: none;
}
.story-nav__link:hover:before {
  opacity: 1;
}
.story-nav__link-arrow {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -0.5em;
  opacity: 0;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.story-nav__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 1em);
  height: 5px;
  background-color: #00807B;
  opacity: 0;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.story-nav__link_active .story-nav__link-arrow {
  opacity: 1;
}
.story-nav__link_active .story-nav__progress {
  opacity: 1;
  bottom: -0.5em;
}
@media all and (max-width: 1000px) {
  .story-nav {
    background-color: #F7F7F7;
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
  }
  .story-nav__link:not(.story-nav__link_active) {
    display: none;
  }
  .story-nav__link_active:before {
    top: 0;
    width: 100%;
    height: 100%;
  }
  .story-nav__link_active .story-nav__progress {
    width: 100%;
    bottom: 0;
  }
  .story-nav__link-arrow {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .story-nav.open .story-nav__link:not(.story-nav__link_active) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .story-nav.open .story-nav__link-arrow {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@media all and (max-width: 1200px) {
  .story-wrapper__sidebar {
    width: 330px;
  }
  .story-wrapper__main {
    width: calc(100% - 330px);
  }
  .story-info-panel,
.story-nav__link {
    padding-left: 35px;
  }
}
@media all and (max-width: 1000px) {
  .story-wrapper {
    display: block;
  }
  .story-wrapper__sidebar, .story-wrapper__main {
    width: 100%;
  }
}
.story-nav-icon {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #333F48;
  margin-right: 15px;
  position: relative;
}
.story-nav-icon .svg-icon {
  width: 11px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px -5.5px;
}

.story-nav-previous {
  border-bottom: 1px solid #c7c7c7;
  color: #333F48;
  line-height: 20px;
}
.story-nav-previous__inner {
  max-width: 740px;
  padding: 30px 50px;
  margin: 0 auto;
  display: block;
  color: #333F48;
}
.story-nav-previous__label {
  color: #00807B;
}

@-webkit-keyframes STORY_AJAXED {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes STORY_AJAXED {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.chapter-article {
  padding: 70px 90px 100px 70px;
  position: relative;
}
.chapter-article_next {
  border-top: 1px solid #c7c7c7;
}
.chapter-article__inner {
  max-width: 650px;
  margin: 0 auto;
  display: block;
}
.chapter-article__inner:after {
  content: "";
  display: block;
  clear: both;
}
.chapter-article__inner_resources {
  max-width: 100%;
  padding-top: 80px;
}
.chapter-article__pre-title {
  color: #00807B;
  margin-bottom: 1em;
}
.chapter-article__title {
  font-size: 54px;
  color: #333F48;
  line-height: 1.15em;
  margin-bottom: 0.75em;
}
.chapter-article__content.text-content > * {
  display: block;
  max-width: 570px;
  margin-left: auto;
}
.chapter-article__content.text-content > blockquote {
  margin-left: auto;
  margin-right: auto;
}
.chapter-article__content.text-content p, .chapter-article__content.text-content h3, .chapter-article__content.text-content ul {
  margin-top: 1em;
}
.chapter-article + .chapter-article {
  border-top: 1px solid #c7c7c7;
}
@media all and (max-width: 800px) {
  .chapter-article {
    padding: 50px 40px;
  }
  .chapter-article__title {
    font-size: 28px;
  }
}
.chapter-article.ajaxed .chapter-article__inner {
  -webkit-animation: 0.2s 1 STORY_AJAXED cubic-bezier(0, 0, 0, 1);
          animation: 0.2s 1 STORY_AJAXED cubic-bezier(0, 0, 0, 1);
}

.resource_image {
  margin: 2em auto;
}
.resource_image img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.resource_image .caption {
  font-size: 0.85em;
  text-align: right;
  line-height: 1.2em;
  margin-top: 0.5em;
}

.resource_video {
  margin: 2em auto;
}
.resource_video video {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  width: 100%;
}
.resource_video .caption {
  font-size: 0.85em;
  text-align: right;
  line-height: 1.2em;
  margin-top: 0.5em;
}

.item-actions {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 25;
}
.item-actions__link {
  display: block;
  min-width: 70px;
  min-height: 70px;
  font-size: 13px;
  text-align: center;
  padding: 15px;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.item-actions__link .svg-icon {
  width: 20px;
  height: 20px;
  margin: 0 auto 5px;
  display: block;
}
.item-actions__link_back-to-top {
  background-color: #5E6878;
  color: #fff;
}
.item-actions__link_back-to-top:active, .item-actions__link_back-to-top:focus, .item-actions__link_back-to-top:hover {
  background-color: #697486;
}
.item-actions__link_share {
  background-color: #00807B;
  color: #fff;
}
.item-actions__link_share:active, .item-actions__link_share:focus, .item-actions__link_share:hover {
  background-color: #009a94;
}
.item-actions__link_print {
  background-color: #333F48;
  color: #fff;
}
.item-actions__link_print:active, .item-actions__link_print:focus, .item-actions__link_print:hover {
  background-color: #536675;
}
.item-actions__link:active, .item-actions__link:focus, .item-actions__link:hover {
  color: #fff;
}
.item-actions__share-channels {
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
}
.item-actions__link_share--container.open .item-actions__share-channels {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media all and (max-width: 1000px) {
  .item-actions__link {
    left: 70px;
  }
  .item-actions__link_share--container.open {
    left: -70px;
  }
}

.share-channels__channel {
  float: left;
  color: #fff;
}
.share-channels__channel_twitter {
  background-color: #1DA1F2;
}
.share-channels__channel_facebook {
  background-color: #3B5998;
}
.share-channels__channel_email {
  background-color: #888;
}
.share-channels__channel_email {
  background-color: #333F48;
}
.share-channels__channel_close {
  background-color: #00807B;
  color: #fff;
}

.story-resource-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.story-resource-nav__inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.story-resource-nav__item_download {
  background-color: #5E6878;
  color: #fff;
}
.story-resource-nav__item_download:hover {
  background-color: #333F48;
  color: #fff;
}

.story-resources-section__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  text-align: center;
  margin: 2em 0;
}
.story-resources-section__subtitle, .story-resources-section__supporting {
  text-align: center;
}
.story-resources-section__subtitle {
  margin-top: 2em;
  margin-bottom: 0.5em;
}
.story-resources-section__supporting {
  margin-bottom: 1em;
}
.story-resources-section:first-child .story-resources-section__title {
  margin-top: 0;
}
.story-resources-section .blocks-list {
  padding: 0;
}
.story-resources-section .links__list {
  padding: 0;
  max-width: 780px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.story-resources-section .links__list-link {
  display: block;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  line-height: 1.6em;
  width: 100%;
}
@media only screen and (min-width: 1441px) {
  .story-resources-section .links__list-link {
    width: calc((100% - 80px) / 2);
    margin-left: 40px;
  }
  .story-resources-section .links__list-link:nth-of-type(2n-1) {
    margin-right: 40px;
    margin-left: 0;
  }
}

.story-related-section {
  padding-top: 30px;
  position: relative;
}
.story-related-section__title {
  margin-left: 30px;
  margin-bottom: 0.5em;
  padding-right: 120px;
}
@media only screen and (max-width: 600px) {
  .story-related-section__title {
    top: 25px;
    right: 15px;
  }
}
.story-related-section__title span {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
}
.story-related-section__supporting {
  margin-bottom: 1em;
}
.story-related-section:first-child .story-related-section__title {
  margin-top: 0;
}

.related-stories-slide-block {
  padding: 15px 15px 100px;
  /* This needed for IE11 Flexbox widths */
}
.related-stories-slide-block:nth-child(even) {
  background-color: transparent;
}
.related-stories-slide-block__inner {
  max-width: 1200px;
  margin: 0 auto;
  min-height: 350px;
  position: relative;
  overflow: hidden;
}
.related-stories-slide-block__nav {
  position: absolute;
  top: 25px;
  right: 15px;
}
.related-stories-slide-block__prevnext {
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  margin-left: 10px;
  border-radius: 50%;
  background-color: #007571;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.related-stories-slide-block__prevnext .svg-icon {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px;
}
.related-stories-slide-block__prevnext:focus, .related-stories-slide-block__prevnext:hover {
  background-color: #004d4a;
}
.related-stories-slide-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 350px;
  position: absolute;
  top: 0;
  left: 0;
}
.related-stories-slide-block__list-item {
  margin: 0 15px;
  width: 50%;
}
.related-stories-slide-block__list-item:not(.related-stories-slide-block__intro):focus, .related-stories-slide-block__list-item:not(.related-stories-slide-block__intro):focus-within {
  outline: -webkit-focus-ring-color auto 1px;
}
.related-stories-slide-block__title {
  font-size: 32px;
  color: #333F48;
  line-height: 1;
  margin-bottom: 1rem;
  width: 100%;
}
.related-stories-slide-block__description {
  line-height: 1.5;
  margin-bottom: 1.5rem;
  width: 100%;
}
.related-stories-slide-block_white {
  background-color: transparent;
}
.related-stories-slide-block_white .related-stories-slide-block__title {
  color: #00807B;
}
@media all and (min-width: 100px) {
  .related-stories-slide-block__list-item {
    min-width: 345px;
  }
}
@media all and (max-width: 450px) {
  .related-stories-slide-block {
    padding: 90px 0 100px 0;
    position: relative;
  }
  .related-stories-slide-block__list-item {
    max-width: calc(100vw - 30px);
    min-width: 250px;
  }
  .related-stories-slide-block .related-stories-slide-block__inner {
    overflow: visible;
  }
  .related-stories-slide-block .related-stories-slide-block__nav {
    right: 0;
  }
}

.resource-page {
  padding: 90px 30px;
  background-color: #F7F7F7;
}
.resource-page__inner {
  max-width: 660px;
  margin: 0 auto;
}
.resource-page__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #c7c7c7;
  border-width: 1px 0;
  margin-bottom: 20px;
  padding: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.resource-page__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.resource-page__link {
  float: left;
  margin-left: 10px;
  white-space: nowrap;
}
.resource-page__text {
  margin: 20px 0;
  padding: 50px 30px;
  border-top: 1px solid #c7c7c7;
}
.resource-page__text p,
.resource-page__text h1 {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.resource-page__description {
  text-align: left;
  margin-bottom: 2em;
}
.resource-page__audio, .resource-page__image, .resource-page__iframe, .resource-page__video {
  width: 100%;
  margin: 20px 0;
  position: relative;
}
.resource-page__audio img,
.resource-page__audio video,
.resource-page__audio audio, .resource-page__image img,
.resource-page__image video,
.resource-page__image audio, .resource-page__iframe img,
.resource-page__iframe video,
.resource-page__iframe audio, .resource-page__video img,
.resource-page__video video,
.resource-page__video audio {
  display: block;
  width: 100%;
}
.resource-page__audio audio, .resource-page__image audio, .resource-page__iframe audio, .resource-page__video audio {
  margin-top: 20px;
}
.resource-page__audio .add-to-board-link, .resource-page__image .add-to-board-link, .resource-page__iframe .add-to-board-link, .resource-page__video .add-to-board-link {
  position: absolute;
  bottom: 0;
  right: 40px;
}
.resource-page__audio, .resource-page__iframe, .resource-page__video {
  padding-bottom: 40px;
}
.resource-page__swf-close {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.resource-page__swf embed {
  display: block;
  margin: 0 auto;
}
.resource-page__swf--active {
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.resource-page__swf--active .resource-page__swf-close {
  display: block;
}
.resource-page__swf--active #swf,
.resource-page__swf--active embed {
  height: 90vh;
  margin: 5vh auto;
  width: 116.41vh;
  z-index: 1000;
}
.resource-page__iframe iframe {
  display: block;
  margin: 0 auto;
}
.resource-page__transcript {
  text-align: center;
}
.resource-page__transcript-toggle .hide {
  display: none;
}
.resource-page__transcript .resource-page__description {
  margin-top: 1em;
}

@media all and (max-width: 660px) {
  .resource-page__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    padding: 15px 0;
  }
  .resource-page__links {
    margin-top: 0.5em;
  }
  .resource-page__link:first-child {
    margin-left: 0;
  }
  .resource-page .button {
    line-height: 35px;
    padding: 0 15px;
  }
}
.collections-listing--title {
  background-color: #E5E8ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: center;
}
.collections-listing--title h1 {
  color: #333F48;
  font-size: 2.5em;
  font-weight: bold;
  margin: 60px auto 0;
  text-align: center;
}

.collection-list-item {
  padding: 100px;
}
.collection-list-item__inner {
  max-width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.collection-list-item__image-block {
  width: 56.25%;
}
.collection-list-item__image-block img {
  display: block;
  width: 100%;
  height: auto;
}
.collection-list-item__text-block {
  width: 43.75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 110px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.collection-list-item__text-block.branded-mands {
  background: #333F48;
}
.collection-list-item__text-block.branded-mands .collection-list-item__title-tag,
.collection-list-item__text-block.branded-mands .collection-list-item__title,
.collection-list-item__text-block.branded-mands .collection-list-item__description,
.collection-list-item__text-block.branded-mands .collection-list-item__link,
.collection-list-item__text-block.branded-mands .text-link {
  color: #fff;
}
.collection-list-item__title {
  color: #333F48;
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 0.5em;
  width: 100%;
}
.collection-list-item__title-tag {
  color: #333F48;
  font-weight: bold;
  margin-bottom: 1em;
}
.collection-list-item__description {
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 1em;
  word-break: break-word;
  width: 100%;
}
.collection-list-item__content {
  max-width: 900px;
  padding: 100px;
  font-size: 20px;
  margin: 40px auto 30px;
  line-height: 1.5;
  color: #333F48;
}
.collection-list-item:nth-child(odd), .collection-list-item_featured {
  background-color: #E5E8ED;
}
.collection-list-item:nth-child(odd) .collection-list-item__inner, .collection-list-item_featured .collection-list-item__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.collection-list-item_featured {
  padding: 30px;
}
.collection-list-item_featured .collection-list-item__inner {
  max-width: 1260px;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
}
.collection-list-item_featured .collection-list-item__image-block, .collection-list-item_featured .collection-list-item__text-block {
  width: 50%;
}
.collection-list-item_featured .collection-list-item__image-block img {
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.collection-list-item_featured .collection-list-item__text-block {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(10%, #00AFAA), to(#007295));
  background: -o-linear-gradient(bottom left, #00AFAA 10%, #007295);
  background: linear-gradient(to top right, #00AFAA 10%, #007295);
  padding-bottom: 90px;
}
.collection-list-item_featured .collection-list-item__text-block.branded-mands {
  background: #333F48;
}
.collection-list-item_featured .collection-list-item__text-block.branded-mands .collection-list-item__title-tag,
.collection-list-item_featured .collection-list-item__text-block.branded-mands .collection-list-item__title,
.collection-list-item_featured .collection-list-item__text-block.branded-mands .collection-list-item__description,
.collection-list-item_featured .collection-list-item__text-block.branded-mands .collection-list-item__link,
.collection-list-item_featured .collection-list-item__text-block.branded-mands .text-link {
  color: #fff;
}
.collection-list-item_featured .collection-list-item__text-block.branded-mands .text-link:hover:after {
  background-color: #fff;
}
.collection-list-item_featured .collection-list-item__text-block.branded-lufc {
  background: #1d4189;
}
.collection-list-item_featured .collection-list-item__text-block.branded-dark_blue {
  background: #333F48;
}
.collection-list-item_featured .collection-list-item__text-block.branded-light_blue {
  background: #00807B;
}
.collection-list-item_featured .collection-list-item__text-block.branded-muted_blue {
  background: #848b9b;
}
.collection-list-item_featured .collection-list-item__title {
  color: #fff;
  font-size: 45px;
}
.collection-list-item_featured .collection-list-item__description {
  color: #333F48;
}
.collection-list-item__brand-logo {
  position: absolute;
  right: 30px;
  bottom: 40px;
  max-width: 85px;
  max-height: 85px;
}
@media all and (max-width: 1200px) {
  .collection-list-item_featured .collection-list-item__text-block {
    padding: 50px 50px 90px;
  }
  .collection-list-item__text-block {
    padding: 50px;
  }
}
@media all and (max-width: 1000px) {
  .collection-list-item {
    padding: 70px 20px;
  }
  .collection-list-item__title, .collection-list-item_featured .collection-list-item__title {
    font-size: 30px;
  }
}
@media all and (max-width: 800px) {
  .collection-list-item {
    padding: 30px 20px;
  }
  .collection-list-item:nth-child(n) .collection-list-item__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .collection-list-item_featured .collection-list-item__text-block, .collection-list-item_featured .collection-list-item__image-block, .collection-list-item__text-block, .collection-list-item__image-block {
    width: 100%;
  }
  .collection-list-item_featured .collection-list-item__text-block, .collection-list-item__text-block {
    padding: 50px 20px;
  }
  .collection-list-item__text-block.branded-mands {
    padding: 50px 80px 50px 20px;
  }
  .collection-list-item__brand-logo {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 40px;
    height: 40px;
  }
}
@media all and (max-width: 500px) {
  .collection-list-item .discover-more-collections {
    display: none;
  }
  .collection-list-item_featured .collection-list-item__text-block, .collection-list-item__text-block {
    padding: 30px 20px;
  }
  .collection-list-item__text-block.branded-mands {
    padding: 30px 80px 30px 20px;
  }
  .collection-list-item__title, .collection-list-item_featured .collection-list-item__title {
    font-size: 20px;
  }
  .collection-list-item__content {
    padding: 0;
    font-size: 15px;
  }
}

.collection-group-list {
  max-width: 1140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 70px auto;
}
.collection-group-list__item {
  width: calc(33.33% - 40px);
  margin: 0 20px 40px;
  height: 350px;
}
@media all and (max-width: 950px) {
  .collection-group-list__item {
    width: calc(50% - 40px);
  }
}
@media all and (max-width: 670px) {
  .collection-group-list__item {
    width: calc(100% - 40px);
  }
}
.collection-group-list__header {
  padding: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.collection-group-list__header h2 {
  font-size: 32px;
  line-height: 1.1;
  color: #333F48;
  margin-bottom: 0.5em;
}
.collection-group-list__header p {
  font-size: 15px;
  line-height: 1.5;
}
@media all and (max-width: 500px) {
  .collection-group-list__header {
    padding: 0;
    height: auto;
  }
}

.collection-group-articles {
  padding: 100px 0 0;
}
.collection-group-articles__count {
  text-align: center;
  font-size: 18px;
}

.collection-search {
  padding: 50px 0;
}
.collection-search__title {
  text-align: center;
}
.collection-search__section + .collection-search__section {
  border-top: 1px solid #c7c7c7;
  padding-top: 70px;
}
.collection-search__no-results {
  font-size: 25px;
  margin: 50px 0;
}
.collection-search .collection-group-list {
  margin-top: 50px;
}

.user-form {
  max-width: 380px;
  padding: 60px 20px;
  margin: 0 auto;
  text-align: center;
}
.user-form p {
  margin-bottom: 1em;
}
.user-form form {
  margin: 35px 0;
}
.user-form__field {
  text-align: left;
  margin-bottom: 1.5em;
}
.user-form__field label {
  display: block;
  width: 100%;
  margin: 0.5em 0;
}
.user-form__field .required {
  color: #D93731;
}
.user-form__field input[type=text],
.user-form__field input[type=email],
.user-form__field input[type=password],
.user-form__field select,
.user-form__field textarea {
  width: 100%;
  font-size: 18px;
  line-height: 25px;
  padding: 12px;
  border: 1px solid #5E6878;
}
.user-form__field input[type=text]:focus,
.user-form__field input[type=email]:focus,
.user-form__field input[type=password]:focus,
.user-form__field select:focus,
.user-form__field textarea:focus {
  border-color: #00807B;
  outline: none;
}
.user-form__field input[type=text].valid,
.user-form__field input[type=email].valid,
.user-form__field input[type=password].valid,
.user-form__field select.valid,
.user-form__field textarea.valid {
  border-color: #5E6878;
}
.user-form__field input[type=text].invalid,
.user-form__field input[type=email].invalid,
.user-form__field input[type=password].invalid,
.user-form__field select.invalid,
.user-form__field textarea.invalid {
  border-color: #D93731;
}
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  .user-form__field select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .user-form__field__field_select {
    position: relative;
  }
  .user-form__field__field_select:after {
    content: "";
    width: 20px;
    height: 10px;
    border: 10px solid rgba(14, 27, 40, 0);
    border-top-color: #0E1B28;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -5px;
  }
}
.user-form__field textarea {
  resize: none;
  height: 8em;
}
.user-form__field_submit {
  margin: 1em 0;
}
.user-form__field_submit button {
  width: 100%;
}
.user-form__field-wrap {
  border: 1px solid #c7c7c7;
  position: relative;
  background-color: #fff;
}
.user-form__field-wrap input[type=text],
.user-form__field-wrap input[type=email],
.user-form__field-wrap input[type=password],
.user-form__field-wrap select,
.user-form__field-wrap textarea {
  border-width: 0;
  background-color: transparent;
}
.user-form__field-wrap_select select {
  position: relative;
  z-index: 1;
}
.user-form__field-wrap_select:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 4px solid rgba(14, 27, 40, 0);
  border-top-color: #0E1B28;
  position: absolute;
  top: 50%;
  right: 25px;
  margin: -3px;
}
.user-form__inline-error {
  color: #D93731;
}
.user-form__half-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-form__half-submit a,
.user-form__half-submit button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.user-form__half-submit a {
  margin-right: 5px;
}
.user-form__half-submit button {
  margin-left: 5px;
}
.user-form__dropdown.ui.multiple.dropdown {
  width: 100%;
  font-size: 14px;
  line-height: 25px;
  padding: 12px;
  border: 1px solid #c7c7c7;
}
.user-form__dropdown.ui.multiple.dropdown > .label {
  padding: 10px;
}
.user-form.delete-account-box {
  padding-top: 0;
}
.user-form.delete-account-box .delete-text-link:link, .user-form.delete-account-box .delete-text-link:visited {
  color: #D93731;
  text-decoration: underline;
}

select.hide_semantic {
  opacity: 0;
}

.my-account {
  max-width: 1320px;
  margin: 20px auto;
}
.my-account:after {
  content: "";
  display: block;
  clear: both;
}
.my-account__column {
  width: 50%;
  padding: 0 20px;
  float: left;
  text-align: center;
}
@media all and (max-width: 800px) {
  .my-account__column {
    padding: 0;
  }
}
@media all and (max-width: 700px) {
  .my-account__column {
    width: 100%;
    float: none;
  }
}
.my-account .message {
  color: #D93731;
  margin-bottom: 2em;
}

.checkbox-wrapper input {
  position: absolute;
  left: -100%;
}
.checkbox-wrapper label {
  display: block;
  position: relative;
  overflow: hidden;
  padding-left: 30px;
  min-height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.checkbox-wrapper label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 2px solid #848b9b;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.checkbox-wrapper label:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 10px;
  left: 10px;
  margin: -7.5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M12.5,2.3l-6.8,8.3L2.5,7.5C2.1,7.2,1.5,7.2,1.2,7.7C0.9,8.1,0.9,8.7,1.3,9.1l3.8,3.7C5.3,12.9,5.5,13,5.7,13 c0.2,0,0.5-0.1,0.6-0.3l7.4-9c0.3-0.4,0.3-1,0-1.4C13.4,1.9,12.8,1.9,12.5,2.3z'/%3E%3C/svg%3E");
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.checkbox-wrapper input:checked + label:before {
  border-color: #00807B;
  background-color: #00807B;
}
.checkbox-wrapper input:checked + label:after {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.account-deleted {
  padding: 100px 20px;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.account-deleted p + p {
  margin-top: 2em;
}

.ui.dropdown.active > .dropdown.icon:before {
  content: "\f00d";
  color: #fff;
  font-family: Icons;
}
.ui.dropdown.active > .dropdown.icon:after {
  content: "";
  display: block;
  background-color: #D93731;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1em;
  z-index: -1;
  border-radius: 0.5em;
}

.category-listing {
  max-width: 500px;
  padding: 120px 20px;
  margin: 0 auto;
}
.category-listing__title {
  font-size: 32px;
  margin-bottom: 1em;
  color: #0E1B28;
}
.category-listing__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.category-listing__list-item {
  width: calc(50% - 1em);
  margin: 0.5em 0;
  list-style-type: none;
}
.category-listing__link {
  color: #333F48;
}
.category-listing__link:hover span {
  text-decoration: underline;
}
.category-listing__link sup {
  color: #5E6878;
}

.news-index__filter {
  color: #5E6878;
  -webkit-transition: 0.2s color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s color cubic-bezier(0, 0, 0, 1);
  border-radius: 6px;
  padding: 1.5em 3em;
  margin-right: 0.5em;
}
.news-index__filter:hover {
  color: #0E1B28;
  background-color: #F7F7F7;
}
.news-index__filter.on {
  background-color: #333F48;
  color: #fff;
}
@media all and (max-width: 500px) {
  .news-index__filters {
    text-align: center;
  }
  .news-index__filter {
    padding: 1em 1.5em;
  }
}
.news-index__listing {
  max-width: 980px;
  margin: 90px auto;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.news-index__item {
  width: calc(50% - 40px);
  list-style-type: none;
}
.news-index__item:nth-child(n+3) {
  margin-top: 100px;
}
.news-index .pagination {
  margin-bottom: 90px;
}
@media all and (max-width: 750px) {
  .news-index__listing {
    max-width: 490px;
  }
  .news-index__item {
    width: 100%;
  }
  .news-index__item + .news-index__item {
    margin-top: 100px;
  }
}

.news-list-item {
  text-align: center;
  position: relative;
}
.news-list-item__image {
  width: 100%;
  margin-bottom: 20px;
}
.news-list-item__image img {
  width: 100%;
  height: auto;
  display: block;
}
.news-list-item__date {
  font-size: 13px;
  color: #333F48;
  margin: 0.5em;
}
.news-list-item__title {
  font-size: 18px;
  color: #0E1B28;
}
.news-list-item__description {
  font-size: 15px;
  line-height: 1.5;
  margin: 0.75em 0 0.25em;
}
.news-list-item__more {
  color: #0E1B28;
}
.news-list-item__full-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
}
.news-list-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
  z-index: -1;
  width: calc(100% + 4em);
  height: calc(100% + 4em);
  top: -2em;
  left: -2em;
  opacity: 0;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.news-list-item:hover:before {
  opacity: 1;
}

/* Single News Item */
.news-item__header {
  padding: 80px 20px 0;
  text-align: center;
  position: relative;
}
.news-item__header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 100px);
  background-color: #E5E8ED;
  z-index: -1;
}
.news-item__header.noImage {
  padding-bottom: 40px;
}
.news-item__header.noImage:before {
  height: 100%;
}
.news-item__date {
  color: #0E1B28;
  font-size: 13px;
  margin-bottom: 1em;
}
.news-item__title {
  margin-bottom: 1em;
}
.news-item__image {
  width: 100%;
  margin: 0 auto;
  max-width: 850px;
  width: 100%;
  display: block;
}
.news-item__content {
  max-width: 660px;
  margin: 80px auto;
  padding: 0 20px;
}
.news-item__back {
  position: absolute;
  left: 20px;
  top: calc(50vh - 120px - 0.5em);
  margin: -0.5em 0;
  white-space: nowrap;
  color: #5E6878;
  padding-left: 50px;
}
.news-item__back:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #5E6878;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -20px 0;
}
.news-item__back:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 22px;
  border-left: 1px solid #5E6878;
  border-bottom: 1px solid #5E6878;
  margin: -3px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media all and (max-width: 1220px) {
  .news-item__back {
    display: none;
  }
}

.news-related__title, .news-also__title {
  text-align: center;
}

.news-related__blocks {
  padding: 30px 0 0;
}

.news-also {
  background-color: #F7F7F7;
  padding: 90px 0 10px;
}
.news-also__listing {
  margin-top: 60px;
}

.contact-page {
  text-align: center;
}
.contact-page__inner {
  padding: 90px 20px;
  max-width: 960px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact-page__col {
  width: calc(50% - 25px);
  padding: 80px 50px;
}
.contact-page__details {
  background-color: #E5E8ED;
}
@media all and (max-width: 1000px) {
  .contact-page__col {
    padding: 60px 30px;
    width: 50%;
  }
}
@media all and (max-width: 800px) {
  .contact-page__inner {
    display: block;
    padding: 0;
  }
  .contact-page__col {
    width: 100%;
  }
}

.contact-details__address, .contact-details__other {
  font-size: 18px;
  line-height: 1.7;
  margin: 40px 0;
  position: relative;
}
.contact-details__address:after {
  content: "";
  display: block;
  width: 300px;
  height: 1px;
  max-width: 100%;
  margin: 40px auto;
  background-color: #c7c7c7;
}
.contact-details__phone, .contact-details__email {
  display: block;
  color: #5E6878;
}
.contact-details__twitter {
  background-color: #c7c7c7;
  border-color: #c7c7c7;
  color: #0E1B28;
}
.contact-details__twitter .svg-icon {
  margin-right: 0.5em;
}

.contact-enquiry .user-form {
  padding: 0;
}
.contact-enquiry .user-form form {
  margin: 0 auto;
}
.contact-enquiry__sent {
  font-size: 1.5em;
}

.boards-utility-bar__board-count {
  text-align: center;
  font-size: 18px;
  color: #0E1B28;
}

.boards-divider {
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid #E5E8ED;
  color: #5E6878;
  font-size: 13px;
}
.boards-divider .svg-icon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
  margin: -5px 5px 0 0;
}

.user-board__header .board-actions-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 10;
}
.user-board__header [contenteditable] {
  min-width: 5em;
  position: relative;
}
.user-board__header [contenteditable]:NOTbefore {
  content: "Click to edit";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 10px;
  color: #fff;
  font-weight: normal;
  margin-left: 1em;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  text-transform: uppercase;
}
.user-board__header [contenteditable]:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00807B;
  opacity: 0;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.user-board__header [contenteditable]:hover:before, .user-board__header [contenteditable]:hover:after {
  opacity: 1;
}
.user-board__header [contenteditable]:active:after, .user-board__header [contenteditable]:focus:after {
  background-color: #fff;
  opacity: 1;
}
.user-board__header [contenteditable]:active, .user-board__header [contenteditable]:focus {
  border: none;
  outline: none;
}
.user-board__header .bar-header__title br, .user-board__header .bar-header__description br {
  display: none;
}
.user-board__header .bar-header__description {
  min-height: 1.5em;
}
.user-board__header .bar-header__description.editable:empty:before {
  content: "Click to enter a description";
  display: inline;
  color: rgba(255, 255, 255, 0.4);
}
.user-board__header .bar-header__description:focus:empty:before {
  opacity: 0;
}
.user-board__count {
  font-size: 18px;
  color: #0E1B28;
  text-align: center;
}
.user-board__back {
  position: absolute;
  top: 50%;
  left: 20px;
  line-height: 2em;
  margin-top: -1em;
  color: #5E6878;
}

/* Add to board Page/Popup */
.add-to-board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main-content > .add-to-board {
  max-width: 850px;
  margin: 70px auto;
  padding: 30px;
}
.add-to-board__title {
  width: 100%;
  padding-left: calc(50% + 25px);
}
.add-to-board__col {
  width: calc(50% - 25px);
}
.add-to-board__what img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
}
.add-to-board__what p {
  margin: 1em 0 0;
}
.add-to-board__image {
  width: 100%;
  background-color: #5E6878;
  overflow: hidden;
}
.add-to-board__image img {
  width: 100%;
  height: auto;
}
.add-to-board__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.add-to-board__add-board-link {
  float: right;
  cursor: pointer;
}
.add-to-board__status {
  color: #D93731;
  padding-right: 2em;
}
.add-to-board__boards {
  margin-top: 2em;
  clear: both;
}
.add-to-board__boards li {
  position: relative;
  z-index: 1;
  padding: 0;
  list-style-type: none;
  margin: 10px 0;
}
.add-to-board__boards input[type=checkbox] {
  position: absolute;
  right: 30px;
  top: 50%;
}
.add-to-board__boards label {
  display: block;
  background-color: #dfe2e6;
  padding: 30px 60px 30px 30px;
  cursor: pointer;
  -webkit-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
}
.add-to-board__boards label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 7px rgba(14, 27, 40, 0.3);
          box-shadow: 0 0 7px rgba(14, 27, 40, 0.3);
  opacity: 0;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.add-to-board__boards label .check {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  margin: -15px;
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
}
.add-to-board__boards label .check:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: -8px;
  position: absolute;
  top: 50%;
  right: 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M12.5,2.3l-6.8,8.3L2.5,7.5C2.1,7.2,1.5,7.2,1.2,7.7C0.9,8.1,0.9,8.7,1.3,9.1l3.8,3.7C5.3,12.9,5.5,13,5.7,13 c0.2,0,0.5-0.1,0.6-0.3l7.4-9c0.3-0.4,0.3-1,0-1.4C13.4,1.9,12.8,1.9,12.5,2.3z'/%3E%3C/svg%3E");
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.add-to-board__boards input:checked + label {
  background-color: #fff;
}
.add-to-board__boards input:checked + label:before {
  opacity: 1;
}
.add-to-board__boards input:checked + label .check {
  background-color: #00807B;
}
.add-to-board__boards input:checked + label .check:after {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.add-to-board__new {
  position: relative;
  display: none;
}
.add-to-board__new input[type=text] {
  width: 100%;
  padding: 30px;
  border: 1px solid #c7c7c7;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.add-to-board__new input[type=text]:disabled {
  opacity: 0.5;
}
.add-to-board__new button {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: -15px;
  background-color: #00807B;
  position: absolute;
  top: 50%;
  right: 35px;
  border-width: 0;
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.add-to-board__new button .svg-icon {
  width: 12px;
  height: 12px;
  margin: 9px;
  display: block;
}
.add-to-board__new button:disabled {
  opacity: 0.5;
  cursor: default;
}
.add-to-board__new.show {
  display: block;
}
.add-to-board__submit {
  display: block;
  width: 100%;
}
.add-to-board__log-in {
  text-align: center;
  width: 100%;
}
.add-to-board__log-in p {
  margin: 0 0 2em;
}
.add-to-board__log-in .button {
  margin: 1em;
}
@media all and (max-width: 700px) {
  .add-to-board__title {
    padding-left: 0;
    text-align: center;
  }
  .add-to-board__col {
    width: 100%;
  }
  .add-to-board__col + .add-to-board__col {
    margin-top: 1.5em;
  }
}

.boards-none {
  padding: 8em 2em;
  text-align: center;
}
.boards-none p {
  line-height: 1.5em;
}
.boards-none em {
  display: inline-block;
  background-color: #F37B30;
  width: 1.5em;
  color: #fff;
  font-style: normal;
  border-radius: 50%;
}

/* Board Actions */
.boards-list {
  margin-bottom: 150px;
}

.blocks-list + .boards-divider {
  margin-top: -200px;
}

.board-actions {
  background-color: #fff;
  width: 200px;
  padding: 20px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 15px -100px;
  -webkit-box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
          box-shadow: 0 0 15px rgba(14, 27, 40, 0.15);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0s visibility, 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0s visibility, 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0s visibility, 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -webkit-transition-delay: 0.2s, 0s;
       -o-transition-delay: 0.2s, 0s;
          transition-delay: 0.2s, 0s;
}
.board-actions__inner {
  overflow: hidden;
}
.board-actions:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: -8px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #fff;
}
.board-actions__action {
  display: block;
  padding: 15px 30px;
  text-align: center;
  color: #848b9b;
  position: relative;
  font-size: 13px;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.board-actions__action .svg-icon {
  width: 20px;
  height: 20px;
  margin: -10px;
  left: 15px;
}
.board-actions__action:hover {
  background-color: #F7F7F7;
  color: #5E6878;
}
.board-actions__action_make-private {
  display: none;
}
.board-actions__action_share {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1);
  transition: 0.2s transform cubic-bezier(0, 0, 0, 1), 0.2s -webkit-transform cubic-bezier(0, 0, 0, 1);
}
.board-actions__action_share.open {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.board-actions__share-targets {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 100%;
}
.board-actions__share-target {
  width: 50%;
  position: relative;
}
.board-actions__share-target .svg-icon {
  left: 50%;
}
.board-actions__copied-to-clipboard {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00807B;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.board-actions__copied-dummy {
  position: absolute;
  left: 150%;
}
.board-actions.public .board-actions__action_make-public {
  display: none;
}
.board-actions.public .board-actions__action_make-private {
  display: block;
}
.board-actions.show {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

/* Add Board Block */
.block_type_board-add {
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px;
}
.block_type_board-add h3 {
  max-width: 10em;
  margin: 0 auto;
}
.block_type_board-add figure {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #00807B;
  margin: 0 auto 2em;
  background-size: 40% 40%;
}
.block_type_board-add textarea {
  border-width: 0;
  border-bottom: 2px solid #00807B;
  text-align: center;
  resize: none;
  margin-bottom: 2em;
}
.block_type_board-add form {
  display: none;
  -webkit-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
  transition: 0.2s opacity cubic-bezier(0, 0, 0, 1);
}
.block_type_board-add form.submitted {
  opacity: 0.5;
}
.block_type_board-add.show-form .prompt {
  display: none;
}
.block_type_board-add.show-form form {
  display: block;
}

.ais-index form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ais-index .NOTais-input {
  display: block;
  height: 84px;
  line-height: 84px;
  background-color: #fff;
  color: #fff;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  max-width: 500px;
  width: 100%;
  -webkit-transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s border-color cubic-bezier(0, 0, 0, 1);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 0;
  color: #5E6878;
  margin: 0;
}
.ais-index .NOTais-input:focus {
  border-color: #fff;
  outline: 0;
}
.ais-index .ais-powered-by {
  position: absolute;
  bottom: 7px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
}
.ais-index .ais-powered-by a {
  display: block;
}
.ais-index .ais-powered-by svg {
  height: 18px;
  display: block;
}
.ais-index .NOTais-search-box__submit {
  border: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  line-height: 84px;
  height: 84px;
  background: #00807B;
  width: 144px;
  position: relative;
  margin: 0;
  padding-right: 20px;
}
.ais-index .NOTais-search-box__submit:before {
  content: "Search";
  display: inline-block;
}
.ais-index .NOTais-search-box__submit svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ais-index .NOTais-search-box__submit svg path {
  fill: #fff;
}
.ais-index .ais-clear {
  display: none;
}
.ais-index .ais-results-block {
  padding: 25px 0px;
}
.ais-index .ais-results-block.searching .ais-stats {
  display: none;
}
.ais-index .ais-results-block.searching .searching {
  display: block;
}
.ais-index .ais-results-block.searching .ais-results {
  opacity: 0.6;
}
.ais-index .ais-results-block .searching {
  display: none;
  text-align: center;
  font-size: 0.818181em;
}
.ais-index .ais-results-block .ais-stats {
  text-align: center;
  font-size: 0.818181em;
}
.ais-index .ais-results-block .ais-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0px auto;
  max-width: 1080px;
  width: 100%;
}
@media only screen and (max-width: 1499px) {
  .ais-index .ais-results-block .ais-results {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 720px;
  }
}
@media only screen and (min-width: 1024px) {
  .ais-index .ais-results-block {
    padding: 50px 20px;
  }
}
.ais-index .ais-refinement-list__item {
  font-size: 15px;
  color: #0E1B28;
  padding: 8px 0;
}
.ais-index .ais-refinement-list__count {
  color: #5E6878;
  vertical-align: super;
  font-size: 10px;
}
.ais-index .ais-refinement-list__label {
  padding-left: 30px;
  white-space: nowrap;
  position: relative;
  display: inline-block;
}
.ais-index .ais-refinement-list__label input {
  position: absolute;
  left: -9999px;
}
.ais-index .ais-refinement-list__label input:focus + .ais-refinement-list__value {
  color: #00807B;
}
.ais-index .ais-refinement-list__label .ais-refinement-list__value {
  display: inline;
  white-space: nowrap;
  position: relative;
  min-height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  -webkit-transition: 0.2s color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s color cubic-bezier(0, 0, 0, 1);
  cursor: pointer;
}
.ais-index .ais-refinement-list__label .ais-refinement-list__value:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 2px solid #848b9b;
  position: absolute;
  top: 0;
  left: -30px;
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.ais-index .ais-refinement-list__label .ais-refinement-list__value:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 10px;
  left: -20px;
  margin: -7.5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M12.5,2.3l-6.8,8.3L2.5,7.5C2.1,7.2,1.5,7.2,1.2,7.7C0.9,8.1,0.9,8.7,1.3,9.1l3.8,3.7C5.3,12.9,5.5,13,5.7,13 c0.2,0,0.5-0.1,0.6-0.3l7.4-9c0.3-0.4,0.3-1,0-1.4C13.4,1.9,12.8,1.9,12.5,2.3z'/%3E%3C/svg%3E");
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s all cubic-bezier(0, 0, 0, 1);
  transition: 0.2s all cubic-bezier(0, 0, 0, 1);
}
.ais-index .ais-refinement-list__label input:checked + span:before {
  border-color: #00807B;
  background-color: #00807B;
}
.ais-index .ais-refinement-list__label input:checked + span:after {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.ais-index .ais-refinement-list__label:hover .ais-refinement-list__value {
  color: #00807B;
}
.ais-index .ais-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ais-index .ais-pagination__item {
  width: 50px;
  height: 50px;
  margin: 0 7px;
  text-align: center;
  line-height: 2em;
  list-style-type: none;
}
.ais-index .ais-pagination__item a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #333F48;
  background-color: #E5E8ED;
  -webkit-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  -o-transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
  transition: 0.2s background-color cubic-bezier(0, 0, 0, 1);
}
.ais-index .ais-pagination__item a:hover {
  background-color: #c7c7c7;
}
.ais-index .ais-pagination__item--active a {
  background-color: #5E6878;
  color: #fff;
}
.ais-index .ais-pagination__item--disabled {
  display: none;
}
@media all and (max-width: 750px) {
  .ais-index .ais-pagination__item {
    margin: 0 3px;
  }
  .ais-index .ais-pagination__item--first, .ais-index .ais-pagination__item--last {
    display: none;
  }
}
@media all and (max-width: 450px) {
  .ais-index .ais-pagination__item {
    margin: 0 2px;
    width: 40px;
    height: 40px;
  }
  .ais-index .ais-pagination__item a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
