@charset "UTF-8";
/*
Theme Name: Top School Guide
Theme URI: https://www.flexxcreative.com/
Author: The FLEXX Creative team
Author URI: https://www.flexxcreative.com/
Author Email: hello@flexxcreative.com
Author Twitter: https://www.twitter.com/flexxcreative
Author Facebook: https://www.facebook.com/flexxcreative
Author Instagram: https://www.instagram.com/flexxcreative/
Author LinkedIn: https://www.linkedin.com/company/flexx-creative
Author Google+: https://plus.google.com/+FLEXXCreative
Description: Design | Develop | Deliver
Version: 1.0
Licence: NOT for public use. This theme/framework can only be used by FLEXX Creative Ltd for client projects and custom development.
*/

/* =============================================================================
TABLE OF CONTENTS

1.0 Normalize
2.0 Foundation
3.0 Global
4.0 Header
5.0 Sidebar
6.0 Footer
7.0 Template Specific
8.0 Page Specific
9.0 External
10.0 Media Queries
============================================================================= */

/* =============================================================================
1.0 Normalize
============================================================================= */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, figcaption, figure footer, header, main, menu, nav, section {
  display: block; 
}

canvas {
  display: inline-block;
}

template, [hidden] {
  display: none;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0; 
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic; 
}

mark {
  background-color: #ff0;
  color: #000; 
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

audio:not([controls]) {
  display: none;
  height: 0; 
}

svg:not(:root) {
  overflow: hidden; 
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input { 
  overflow: visible;
}

button, select { 
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}


[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; 
  font: inherit; 
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* =============================================================================
2.0 Foundation
============================================================================= */
.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 100%; }

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

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-weight: normal;
  line-height: 1.5;
  color: #3b3b3b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0px; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0px; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0px;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem; }
  h2, .h2 {
    font-size: 2.5rem; }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
  h5, .h5 {
    font-size: 1.25rem; }
  h6, .h6 {
    font-size: 1rem; } }

a {
  line-height: inherit;
  color: #0471A6;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #03618f; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 80rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: "— "; }

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-weight: normal;
  color: #0a0a0a; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  color: #0a0a0a; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

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

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

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

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

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0px;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cacaca; }

input::placeholder,
textarea::placeholder {
  color: #cacaca; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px; }

input[type='search'] {
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .input-group > :first-child {
    border-radius: 0px 0 0 0px; }
  .input-group > :last-child > * {
    border-radius: 0 0px 0px 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-align: center;
      align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  -ms-flex: 1 1 0px;
      flex: 1 1 0px;
  height: auto;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: auto;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.5rem; }

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0px;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #A30000;
  background-color: #f5e5e5; }
  .is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #A30000; }
  .is-invalid-input:not(:focus)::-moz-placeholder {
    color: #A30000; }
  .is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #A30000; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #A30000; }

.is-invalid-label {
  color: #A30000; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #A30000; }
  .form-error.is-visible {
    display: block; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-order: 1;
      order: 1; }

.clearfix::after {
  clear: both; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  -webkit-clip-path: none;
          clip-path: none; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #0471A6;
  color: #fefefe; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #03608d;
    color: #fefefe; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #0471A6;
    color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #035a85;
      color: #fefefe; }
  .button.secondary {
    background-color: #EAEAEA;
    color: #0a0a0a; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #bbbbbb;
      color: #0a0a0a; }
  .button.alert {
    background-color: #A30000;
    color: #fefefe; }
    .button.alert:hover, .button.alert:focus {
      background-color: #820000;
      color: #fefefe; }
  .button.success {
    background-color: #ACBA16;
    color: #0a0a0a; }
    .button.success:hover, .button.success:focus {
      background-color: #8a9512;
      color: #0a0a0a; }
  .button.warning {
    background-color: #FF9D1E;
    color: #0a0a0a; }
    .button.warning:hover, .button.warning:focus {
      background-color: #e48100;
      color: #0a0a0a; }
  .button.body-font {
    background-color: #414143;
    color: #fefefe; }
    .button.body-font:hover, .button.body-font:focus {
      background-color: #343436;
      color: #fefefe; }
  .button.header {
    background-color: #414143;
    color: #fefefe; }
    .button.header:hover, .button.header:focus {
      background-color: #343436;
      color: #fefefe; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
      background-color: #0471A6;
      color: #fefefe; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #0471A6;
        color: #fefefe; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #EAEAEA;
        color: #0a0a0a; }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #A30000;
        color: #fefefe; }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #ACBA16;
        color: #0a0a0a; }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #FF9D1E;
        color: #0a0a0a; }
    .button.disabled.body-font, .button[disabled].body-font {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.body-font, .button.disabled.body-font:hover, .button.disabled.body-font:focus, .button[disabled].body-font, .button[disabled].body-font:hover, .button[disabled].body-font:focus {
        background-color: #414143;
        color: #fefefe; }
    .button.disabled.header, .button[disabled].header {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.header, .button.disabled.header:hover, .button.disabled.header:focus, .button[disabled].header, .button[disabled].header:hover, .button[disabled].header:focus {
        background-color: #414143;
        color: #fefefe; }
  .button.hollow {
    border: 1px solid #0471A6;
    color: #0471A6; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #023953;
      color: #023953; }
      .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
        border: 1px solid #0471A6;
        color: #0471A6; }
    .button.hollow.primary {
      border: 1px solid #0471A6;
      color: #0471A6; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #023953;
        color: #023953; }
        .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
          border: 1px solid #0471A6;
          color: #0471A6; }
    .button.hollow.secondary {
      border: 1px solid #EAEAEA;
      color: #EAEAEA; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #757575;
        color: #757575; }
        .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
          border: 1px solid #EAEAEA;
          color: #EAEAEA; }
    .button.hollow.alert {
      border: 1px solid #A30000;
      color: #A30000; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #520000;
        color: #520000; }
        .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
          border: 1px solid #A30000;
          color: #A30000; }
    .button.hollow.success {
      border: 1px solid #ACBA16;
      color: #ACBA16; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #565d0b;
        color: #565d0b; }
        .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
          border: 1px solid #ACBA16;
          color: #ACBA16; }
    .button.hollow.warning {
      border: 1px solid #FF9D1E;
      color: #FF9D1E; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #8f5000;
        color: #8f5000; }
        .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
          border: 1px solid #FF9D1E;
          color: #FF9D1E; }
    .button.hollow.body-font {
      border: 1px solid #414143;
      color: #414143; }
      .button.hollow.body-font:hover, .button.hollow.body-font:focus {
        border-color: #212122;
        color: #212122; }
        .button.hollow.body-font:hover.disabled, .button.hollow.body-font:hover[disabled], .button.hollow.body-font:focus.disabled, .button.hollow.body-font:focus[disabled] {
          border: 1px solid #414143;
          color: #414143; }
    .button.hollow.header {
      border: 1px solid #414143;
      color: #414143; }
      .button.hollow.header:hover, .button.hollow.header:focus {
        border-color: #212122;
        color: #212122; }
        .button.hollow.header:hover.disabled, .button.hollow.header:hover[disabled], .button.hollow.header:focus.disabled, .button.hollow.header:focus[disabled] {
          border: 1px solid #414143;
          color: #414143; }
  .button.clear {
    border: 1px solid #0471A6;
    color: #0471A6; }
    .button.clear, .button.clear:hover, .button.clear:focus {
      background-color: transparent; }
    .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
      background-color: transparent; }
    .button.clear:hover, .button.clear:focus {
      border-color: #023953;
      color: #023953; }
      .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
        border: 1px solid #0471A6;
        color: #0471A6; }
    .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
      border-color: transparent; }
    .button.clear.primary {
      border: 1px solid #0471A6;
      color: #0471A6; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #023953;
        color: #023953; }
        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
          border: 1px solid #0471A6;
          color: #0471A6; }
      .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
        border-color: transparent; }
    .button.clear.secondary {
      border: 1px solid #EAEAEA;
      color: #EAEAEA; }
      .button.clear.secondary:hover, .button.clear.secondary:focus {
        border-color: #757575;
        color: #757575; }
        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
          border: 1px solid #EAEAEA;
          color: #EAEAEA; }
      .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
        border-color: transparent; }
    .button.clear.alert {
      border: 1px solid #A30000;
      color: #A30000; }
      .button.clear.alert:hover, .button.clear.alert:focus {
        border-color: #520000;
        color: #520000; }
        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
          border: 1px solid #A30000;
          color: #A30000; }
      .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
        border-color: transparent; }
    .button.clear.success {
      border: 1px solid #ACBA16;
      color: #ACBA16; }
      .button.clear.success:hover, .button.clear.success:focus {
        border-color: #565d0b;
        color: #565d0b; }
        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
          border: 1px solid #ACBA16;
          color: #ACBA16; }
      .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
        border-color: transparent; }
    .button.clear.warning {
      border: 1px solid #FF9D1E;
      color: #FF9D1E; }
      .button.clear.warning:hover, .button.clear.warning:focus {
        border-color: #8f5000;
        color: #8f5000; }
        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
          border: 1px solid #FF9D1E;
          color: #FF9D1E; }
      .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
        border-color: transparent; }
    .button.clear.body-font {
      border: 1px solid #414143;
      color: #414143; }
      .button.clear.body-font:hover, .button.clear.body-font:focus {
        border-color: #212122;
        color: #212122; }
        .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] {
          border: 1px solid #414143;
          color: #414143; }
      .button.clear.body-font, .button.clear.body-font.disabled, .button.clear.body-font[disabled], .button.clear.body-font:hover, .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus, .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] {
        border-color: transparent; }
    .button.clear.header {
      border: 1px solid #414143;
      color: #414143; }
      .button.clear.header:hover, .button.clear.header:focus {
        border-color: #212122;
        color: #212122; }
        .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] {
          border: 1px solid #414143;
          color: #414143; }
      .button.clear.header, .button.clear.header.disabled, .button.clear.header[disabled], .button.clear.header:hover, .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus, .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] {
        border-color: transparent; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em; }
  .button.dropdown.hollow::after {
    border-top-color: #0471A6; }
  .button.dropdown.hollow.primary::after {
    border-top-color: #0471A6; }
  .button.dropdown.hollow.secondary::after {
    border-top-color: #EAEAEA; }
  .button.dropdown.hollow.alert::after {
    border-top-color: #A30000; }
  .button.dropdown.hollow.success::after {
    border-top-color: #ACBA16; }
  .button.dropdown.hollow.warning::after {
    border-top-color: #FF9D1E; }
  .button.dropdown.hollow.body-font::after {
    border-top-color: #414143; }
  .button.dropdown.hollow.header::after {
    border-top-color: #414143; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.button-group {
  margin-bottom: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.9rem;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: 0.6rem; }
  .button-group.small .button {
    font-size: 0.75rem; }
  .button-group.large .button {
    font-size: 1.25rem; }
  .button-group.expanded .button {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .button-group.primary .button {
    background-color: #0471A6;
    color: #fefefe; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #035a85;
      color: #fefefe; }
  .button-group.secondary .button {
    background-color: #EAEAEA;
    color: #0a0a0a; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #bbbbbb;
      color: #0a0a0a; }
  .button-group.alert .button {
    background-color: #A30000;
    color: #fefefe; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #820000;
      color: #fefefe; }
  .button-group.success .button {
    background-color: #ACBA16;
    color: #0a0a0a; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #8a9512;
      color: #0a0a0a; }
  .button-group.warning .button {
    background-color: #FF9D1E;
    color: #0a0a0a; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #e48100;
      color: #0a0a0a; }
  .button-group.body-font .button {
    background-color: #414143;
    color: #fefefe; }
    .button-group.body-font .button:hover, .button-group.body-font .button:focus {
      background-color: #343436;
      color: #fefefe; }
  .button-group.header .button {
    background-color: #414143;
    color: #fefefe; }
    .button-group.header .button:hover, .button-group.header .button:focus {
      background-color: #343436;
      color: #fefefe; }
  .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
      .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
        margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
      margin-bottom: 0; } }
  @media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0px;
  background-color: #0471A6;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #03608d; }
  .slider-handle.is-dragging {
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  -ms-transform: scale(1, -1);
      transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0; }

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0px;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0px;
    background: #fefefe;
    transition: all 0.25s ease-out;
    content: ''; }
  input:checked ~ .switch-paddle {
    background: #0471A6; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny {
  height: 1.5rem; }
  .switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem; }
  .switch.tiny .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem; }
  .switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem; }

.switch.small {
  height: 1.75rem; }
  .switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem; }
  .switch.small .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  .switch.small input:checked ~ .switch-paddle::after {
    left: 2rem; }

.switch.large {
  height: 2.5rem; }
  .switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem; }
  .switch.large .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 2rem;
    height: 2rem; }
  .switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem; }

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0; }
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu input {
    display: inline-block; }
  .menu, .menu.horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row; }
  .menu.vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-direction: column;
        flex-direction: column; }
  .menu.expanded li {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .menu.simple {
    -ms-flex-align: center;
        align-items: center; }
    .menu.simple li + li {
      margin-left: 1rem; }
    .menu.simple a {
      padding: 0; }
  @media print, screen and (min-width: 40em) {
    .menu.medium-horizontal {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row; }
    .menu.medium-vertical {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-direction: column;
          flex-direction: column; }
    .menu.medium-expanded li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }
    .menu.medium-simple li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row; }
    .menu.large-vertical {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-direction: column;
          flex-direction: column; }
    .menu.large-expanded li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }
    .menu.large-simple li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; } }
  .menu.nested {
    margin-right: 0;
    margin-left: 1rem; }
  .menu.icons a {
    display: -ms-flexbox;
    display: flex; }
  .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
    display: -ms-flexbox;
    display: flex; }
  .menu.icon-left li a {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
    .menu.icon-left li a img,
    .menu.icon-left li a i,
    .menu.icon-left li a svg {
      margin-right: 0.25rem; }
  .menu.icon-right li a {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
    .menu.icon-right li a img,
    .menu.icon-right li a i,
    .menu.icon-right li a svg {
      margin-left: 0.25rem; }
  .menu.icon-top li a {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap; }
    .menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg {
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu.icon-bottom li a {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap; }
    .menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg {
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu .is-active > a {
    background: #0471A6;
    color: #fefefe; }
  .menu .active > a {
    background: #0471A6;
    color: #fefefe; }
  .menu.align-left {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .menu.align-right li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .menu.align-right li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .menu.align-right.vertical li {
    display: block;
    text-align: right; }
    .menu.align-right.vertical li .submenu li {
      text-align: right; }
  .menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0; }
  .menu.align-center li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .menu.align-center li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit; }

.menu-centered > .menu {
  -ms-flex-pack: center;
      justify-content: center; }
  .menu-centered > .menu li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .menu-centered > .menu li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }

.no-js [data-responsive-menu] ul {
  display: none; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block; }
  .is-drilldown.animate-height {
    transition: height 0.5s; }

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe; }

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear; }
  .drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -ms-transform: translateX(-100%);
        transform: translateX(-100%); }
  .drilldown .is-drilldown-submenu.is-closing {
    -ms-transform: translateX(100%);
        transform: translateX(100%); }
  .drilldown .is-drilldown-submenu a {
    padding: 0.7rem 1rem; }

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a {
  position: relative; }
  .drilldown .is-drilldown-submenu-parent > a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0471A6; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  left: auto;
  right: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #0471A6; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  right: auto;
  left: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #0471A6 transparent transparent; }

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #0471A6 transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  border-left-width: 0; }

.accordion-menu li {
  width: 100%; }

.accordion-menu a {
  padding: 0.7rem 1rem; }

.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem; }

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative; }
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0471A6 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  left: auto;
  right: 1rem; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }

.is-accordion-submenu-parent {
  position: relative; }

.has-submenu-toggle > a {
  margin-right: 40px; }

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 40px;
  height: 40px; }
  .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0471A6 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
  -ms-transform: scaleY(-1);
      transform: scaleY(-1);
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }

.submenu-toggle-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #0471A6 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px; }

.dropdown.menu a {
  padding: 0.7rem 1rem; }
  [data-whatinput='mouse'] .dropdown.menu a {
    outline: 0; }

.dropdown.menu .is-active > a {
  background: transparent;
  color: #0471A6; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
  top: 0; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  right: auto;
  left: 5px;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #0471A6 transparent transparent; }

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #0471A6; }

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0471A6 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0471A6 transparent transparent; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0471A6; } }

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0471A6 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0471A6 transparent transparent; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0471A6; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe; }
  .dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0471A6 transparent transparent; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0471A6; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }

.title-bar-left,
.title-bar-right {
  -ms-flex: 1 1 0px;
      flex: 1 1 0px; }

.title-bar-right {
  text-align: right; }

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold; }

.top-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .top-bar,
  .top-bar ul {
    background-color: #e6e6e6; }
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  @media print, screen and (min-width: 40em) {
    .top-bar {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .top-bar .top-bar-left {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-right: auto; }
      .top-bar .top-bar-right {
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        margin-left: auto; } }
  @media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .top-bar.stacked-for-medium .top-bar-left,
      .top-bar.stacked-for-medium .top-bar-right {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }
  @media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .top-bar.stacked-for-large .top-bar-left,
      .top-bar.stacked-for-large .top-bar-right {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }

.top-bar-title {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0; }

.top-bar-left,
.top-bar-right {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
  .breadcrumbs a {
    color: #0471A6; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .pagination::after {
    clear: both; }
  .pagination li {
    margin-right: 0.0625rem;
    border-radius: 0px;
    font-size: 0.875rem;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media print, screen and (min-width: 40em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0px;
    color: #0a0a0a; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #0471A6;
    color: #fefefe;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    padding: 0.1875rem 0.625rem;
    content: '\2026';
    color: #0a0a0a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\00ab'; }

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\00bb'; }

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
  border-radius: 0px 0px 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0px 0px; }

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #0471A6; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0px 0px; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6; }
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'; }
  .is-active > .accordion-title::before {
    content: '\2013'; }

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a; }
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6; }

.dropdown-pane {
  position: absolute;
  z-index: 10;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  display: none;
  border: 1px solid #cacaca;
  border-radius: 0px;
  background-color: #fefefe;
  font-size: 1rem; }
  .dropdown-pane.is-opening {
    display: block; }
  .dropdown-pane.is-open {
    visibility: visible;
    display: block; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.is-off-canvas-open {
  overflow: hidden; }

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
  .js-off-canvas-overlay.is-closable {
    cursor: pointer; }
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #e6e6e6; }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.is-transition-push {
    z-index: 12; }
  .off-canvas.is-closed {
    visibility: hidden; }
  .off-canvas.is-transition-overlap {
    z-index: 13; }
    .off-canvas.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
  .off-canvas.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #e6e6e6; }
  [data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
  .off-canvas-absolute.is-transition-push {
    z-index: 12; }
  .off-canvas-absolute.is-closed {
    visibility: hidden; }
  .off-canvas-absolute.is-transition-overlap {
    z-index: 13; }
    .off-canvas-absolute.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
  .off-canvas-absolute.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -ms-transform: translateX(-250px);
      transform: translateX(-250px); }
  .off-canvas-content .off-canvas.position-left {
    -ms-transform: translateX(-250px);
        transform: translateX(-250px); }
    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(250px);
        transform: translateX(250px); }
  .position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); }

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -ms-transform: translateX(250px);
      transform: translateX(250px); }
  .off-canvas-content .off-canvas.position-right {
    -ms-transform: translateX(250px);
        transform: translateX(250px); }
    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-right.has-transition-push {
    -ms-transform: translateX(-250px);
        transform: translateX(-250px); }
  .position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); }

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -ms-transform: translateY(-250px);
      transform: translateY(-250px); }
  .off-canvas-content .off-canvas.position-top {
    -ms-transform: translateY(-250px);
        transform: translateY(-250px); }
    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-top.has-transition-push {
    -ms-transform: translateY(250px);
        transform: translateY(250px); }
  .position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); }

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -ms-transform: translateY(250px);
      transform: translateY(250px); }
  .off-canvas-content .off-canvas.position-bottom {
    -ms-transform: translateY(250px);
        transform: translateY(250px); }
    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-bottom.has-transition-push {
    -ms-transform: translateY(-250px);
        transform: translateY(-250px); }
  .position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); }

.off-canvas-content {
  -ms-transform: none;
      transform: none;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .off-canvas-content.has-transition-push {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
  .off-canvas-content .off-canvas.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-medium ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit; }
    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
      box-shadow: none;
      -ms-transform: none;
          transform: none; }
    .off-canvas.in-canvas-for-medium .close-button {
      display: none; } }

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit; }
    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
      box-shadow: none;
      -ms-transform: none;
          transform: none; }
    .off-canvas.in-canvas-for-large .close-button {
      display: none; } }

.tabs {
  margin: 0;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #0471A6; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #047cb7; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    line-height: 1; }

.tabs-content {
  border-top: 0;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border-left: 0; }

.tabs-panel {
  display: none; }
  .tabs-panel.is-active {
    display: block; }

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0px;
  background-color: white;
  color: #0a0a0a; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #cdeefe;
    color: #0a0a0a; }
  .callout.secondary {
    background-color: #fcfcfc;
    color: #0a0a0a; }
  .callout.alert {
    background-color: #ffcbcb;
    color: #0a0a0a; }
  .callout.success {
    background-color: #f7fad6;
    color: #0a0a0a; }
  .callout.warning {
    background-color: #fff0dd;
    color: #0a0a0a; }
  .callout.body-font {
    background-color: #e2e2e3;
    color: #0a0a0a; }
  .callout.header {
    background-color: #e2e2e3;
    color: #0a0a0a; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0px;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  background: #e6e6e6; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  padding: 1rem; }
  .card-section > :last-child {
    margin-bottom: 0; }

.card-image {
  min-height: 1px; }

.media-object {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  .media-object-section.main-section {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0px;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 80rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 80rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 80rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 80rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

table {
  border-collapse: collapse;
  width: 100%;
    border-radius: 0px; }
  table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1; }
  table.unstriped tbody {
    background-color: #fefefe; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: 1px solid #f1f1f1;
      background-color: #fefefe; }



table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #ffffff; }

table.hover tfoot tr:hover {
  background-color: #ececec; }

table.hover tbody tr:hover {
  background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #0471A6;
  color: #fefefe; }
  .badge.primary {
    background: #0471A6;
    color: #fefefe; }
  .badge.secondary {
    background: #EAEAEA;
    color: #0a0a0a; }
  .badge.alert {
    background: #A30000;
    color: #fefefe; }
  .badge.success {
    background: #ACBA16;
    color: #0a0a0a; }
  .badge.warning {
    background: #FF9D1E;
    color: #0a0a0a; }
  .badge.body-font {
    background: #414143;
    color: #fefefe; }
  .badge.header {
    background: #414143;
    color: #fefefe; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0px;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #0471A6;
  color: #fefefe; }
  .label.primary {
    background: #0471A6;
    color: #fefefe; }
  .label.secondary {
    background: #EAEAEA;
    color: #0a0a0a; }
  .label.alert {
    background: #A30000;
    color: #fefefe; }
  .label.success {
    background: #ACBA16;
    color: #0a0a0a; }
  .label.warning {
    background: #FF9D1E;
    color: #0a0a0a; }
  .label.body-font {
    background: #414143;
    color: #fefefe; }
  .label.header {
    background: #414143;
    color: #fefefe; }

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0px;
  background-color: #cacaca; }
  .progress.primary .progress-meter {
    background-color: #0471A6; }
  .progress.secondary .progress-meter {
    background-color: #EAEAEA; }
  .progress.alert .progress-meter {
    background-color: #A30000; }
  .progress.success .progress-meter {
    background-color: #ACBA16; }
  .progress.warning .progress-meter {
    background-color: #FF9D1E; }
  .progress.body-font .progress-meter {
    background-color: #414143; }
  .progress.header .progress-meter {
    background-color: #414143; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #0471A6; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help; }

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0px;
  background-color: #0a0a0a;
  font-size: 80%;
  color: #fefefe; }
  .tooltip::before {
    position: absolute; }
  .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #0a0a0a;
    bottom: 100%; }
  .tooltip.bottom.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.top.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0a0a0a;
    left: 100%; }
  .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0a0a0a transparent transparent;
    right: 100%;
    left: auto; }
  .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
  .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
  .tooltip.align-left::before {
    left: 10%;
    right: auto; }
  .tooltip.align-right::before {
    left: auto;
    right: 10%; }

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%;
border-radius: 5px; }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }

.orbit-slide {
  width: 100%; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe; }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fefefe;
  border-radius: 0px;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0; }

a.thumbnail {
  transition: box-shadow 200ms ease-out; }
  a.thumbnail:hover, a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(4, 113, 166, 0.5); }
  a.thumbnail image {
    box-shadow: none; }

.sticky-container {
  position: relative; }

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

.grid-container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  max-width: 80rem;
  margin: 0 auto; }
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    max-width: 100%;
    margin: 0 auto; }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto; }

.grid-x {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }

.cell {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .cell.shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.875rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.875rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.875rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.875rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.875rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.875rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 1.875rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }

.grid-padding-x > .cell {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }

.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.33333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.66667%; }

.small-up-7 > .cell {
  width: 14.28571%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.33333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.66667%; }
  .medium-up-7 > .cell {
    width: 14.28571%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.33333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.66667%; }
  .large-up-7 > .cell {
    width: 14.28571%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.875rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.875rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.875rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.875rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.875rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.875rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.875rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.875rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.33333%; }
  .small-margin-collapse > .small-2 {
    width: 16.66667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.33333%; }
  .small-margin-collapse > .small-5 {
    width: 41.66667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.33333%; }
  .small-margin-collapse > .small-8 {
    width: 66.66667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.33333%; }
  .small-margin-collapse > .small-11 {
    width: 91.66667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.33333%; }
    .small-margin-collapse > .large-2 {
      width: 16.66667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.33333%; }
    .small-margin-collapse > .large-5 {
      width: 41.66667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.33333%; }
    .small-margin-collapse > .large-8 {
      width: 66.66667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.33333%; }
    .small-margin-collapse > .large-11 {
      width: 91.66667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%; }
  .large-margin-collapse > .small-2 {
    width: 16.66667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.33333%; }
  .large-margin-collapse > .small-5 {
    width: 41.66667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.33333%; }
  .large-margin-collapse > .small-8 {
    width: 66.66667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.33333%; }
  .large-margin-collapse > .small-11 {
    width: 91.66667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%; }
  .large-margin-collapse > .large-2 {
    width: 16.66667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.33333%; }
  .large-margin-collapse > .large-5 {
    width: 41.66667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.33333%; }
  .large-margin-collapse > .large-8 {
    width: 66.66667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.33333%; }
  .large-margin-collapse > .large-11 {
    width: 91.66667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.9375rem); }

.small-offset-1 {
  margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 0.9375rem); }

.small-offset-2 {
  margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 0.9375rem); }

.small-offset-3 {
  margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.9375rem); }

.small-offset-4 {
  margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 0.9375rem); }

.small-offset-5 {
  margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 0.9375rem); }

.small-offset-6 {
  margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.9375rem); }

.small-offset-7 {
  margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 0.9375rem); }

.small-offset-8 {
  margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 0.9375rem); }

.small-offset-9 {
  margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.9375rem); }

.small-offset-10 {
  margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 0.9375rem); }

.small-offset-11 {
  margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 0.9375rem); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

.grid-y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap; }
  .grid-y > .cell {
    width: auto; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  .grid-y > .small-1 {
    height: 8.33333%; }
  .grid-y > .small-2 {
    height: 16.66667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.33333%; }
  .grid-y > .small-5 {
    height: 41.66667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.33333%; }
  .grid-y > .small-8 {
    height: 66.66667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.33333%; }
  .grid-y > .small-11 {
    height: 91.66667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.33333%; }
    .grid-y > .medium-2 {
      height: 16.66667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.33333%; }
    .grid-y > .medium-5 {
      height: 41.66667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.33333%; }
    .grid-y > .medium-8 {
      height: 66.66667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.33333%; }
    .grid-y > .medium-11 {
      height: 91.66667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.33333%; }
    .grid-y > .large-2 {
      height: 16.66667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.33333%; }
    .grid-y > .large-5 {
      height: 41.66667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.33333%; }
    .grid-y > .large-8 {
      height: 66.66667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.33333%; }
    .grid-y > .large-11 {
      height: 91.66667%; }
    .grid-y > .large-12 {
      height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }

.grid-padding-y > .cell {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }

.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.875rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem); } }

.align-right {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.align-center {
  -ms-flex-pack: center;
      justify-content: center; }

.align-justify {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.align-right.vertical.menu > li > a {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.align-center.vertical.menu > li > a {
  -ms-flex-pack: center;
      justify-content: center; }

.align-top {
  -ms-flex-align: start;
      align-items: flex-start; }

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.align-bottom {
  -ms-flex-align: end;
      align-items: flex-end; }

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.align-middle {
  -ms-flex-align: center;
      align-items: center; }

.align-self-middle {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.align-stretch {
  -ms-flex-align: stretch;
      align-items: stretch; }

.align-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch; }

.align-center-middle {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center; }

.small-order-1 {
  -ms-flex-order: 1;
      order: 1; }

.small-order-2 {
  -ms-flex-order: 2;
      order: 2; }

.small-order-3 {
  -ms-flex-order: 3;
      order: 3; }

.small-order-4 {
  -ms-flex-order: 4;
      order: 4; }

.small-order-5 {
  -ms-flex-order: 5;
      order: 5; }

.small-order-6 {
  -ms-flex-order: 6;
      order: 6; }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -ms-flex-order: 1;
        order: 1; }
  .medium-order-2 {
    -ms-flex-order: 2;
        order: 2; }
  .medium-order-3 {
    -ms-flex-order: 3;
        order: 3; }
  .medium-order-4 {
    -ms-flex-order: 4;
        order: 4; }
  .medium-order-5 {
    -ms-flex-order: 5;
        order: 5; }
  .medium-order-6 {
    -ms-flex-order: 6;
        order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -ms-flex-order: 1;
        order: 1; }
  .large-order-2 {
    -ms-flex-order: 2;
        order: 2; }
  .large-order-3 {
    -ms-flex-order: 3;
        order: 3; }
  .large-order-4 {
    -ms-flex-order: 4;
        order: 4; }
  .large-order-5 {
    -ms-flex-order: 5;
        order: 5; }
  .large-order-6 {
    -ms-flex-order: 6;
        order: 6; } }

.flex-container {
  display: -ms-flexbox;
  display: flex; }

.flex-child-auto {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.flex-child-grow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }

.flex-child-shrink {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto; }

.flex-dir-row {
  -ms-flex-direction: row;
      flex-direction: row; }

.flex-dir-row-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.flex-dir-column {
  -ms-flex-direction: column;
      flex-direction: column; }

.flex-dir-column-reverse {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: -ms-flexbox;
    display: flex; }
  .medium-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .medium-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .medium-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
  .medium-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .medium-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .medium-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .medium-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: -ms-flexbox;
    display: flex; }
  .large-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .large-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .large-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
  .large-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .large-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ''; }
  .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ''; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateY(-100%);
      transform: translateY(-100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  -ms-transform: translateY(0);
      transform: translateY(0); }

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  -ms-transform: translateX(0);
      transform: translateX(0); }

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  -ms-transform: translateY(0);
      transform: translateY(0); }

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateX(100%);
      transform: translateX(100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  -ms-transform: translateX(0);
      transform: translateX(0); }

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  -ms-transform: translateY(100%);
      transform: translateY(100%); }

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateX(0);
      transform: translateX(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  -ms-transform: translateX(100%);
      transform: translateX(100%); }

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  -ms-transform: translateY(-100%);
      transform: translateY(-100%); }

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: translateX(0);
      transform: translateX(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%); }

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  -ms-transform-origin: top;
      transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  -ms-transform-origin: right;
      transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  -ms-transform-origin: bottom;
      transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  -ms-transform-origin: left;
      transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: top;
      transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: right;
      transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: bottom;
      transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: left;
      transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: scale(1);
      transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: scale(1);
      transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: rotate(-0.75turn);
      transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  -ms-transform: rotate(0);
      transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: rotate(0);
      transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  -ms-transform: rotate(0.75turn);
      transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: rotate(0.75turn);
      transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  -ms-transform: rotate(0);
      transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -ms-transform: rotate(0);
      transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  -ms-transform: rotate(-0.75turn);
      transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.shake {
  animation-name: shake-7; }

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%); } }

.spin-cw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn); }
  100% {
    transform: rotate(0); } }

.spin-ccw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1turn); } }

.wiggle {
  animation-name: wiggle-7deg; }

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    transform: rotate(0); } }

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms; }

.infinite {
  animation-iteration-count: infinite; }

.slow {
  animation-duration: 750ms !important; }

.fast {
  animation-duration: 250ms !important; }

.linear {
  animation-timing-function: linear !important; }

.ease {
  animation-timing-function: ease !important; }

.ease-in {
  animation-timing-function: ease-in !important; }

.ease-out {
  animation-timing-function: ease-out !important; }

.ease-in-out {
  animation-timing-function: ease-in-out !important; }

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  animation-delay: 300ms !important; }

.long-delay {
  animation-delay: 700ms !important; }

/* =============================================================================
3.0 Global
============================================================================= */
body {
    overflow-x: hidden;
}

#page-content, #single-school-wrapper-main, #single-school-wrapper #single-school-wrapper-intro, #archive-wrapper, #league-table-wrapper {
    padding-left: 75px;
    padding-right: 75px;
}

/*#page-content > .grid-container, #single-school-wrapper-main > .grid-container, #single-school-wrapper #single-school-wrapper-intro > .grid-container {
    padding-left: 0;
    padding-right: 0;
}*/

body.single-guide #page-content > .grid-container, body.single-article #page-content > .grid-container {
    padding-left: 0;
    padding-right: 0;
}

#copyURL {
    z-index: -100;
    position: absolute;
    bottom: 0;
    left: -99999999px;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    color: #d7a327;
    position: relative;
}

h1 {
    font-size: 3.125rem;
}

h2 {
    font-size: 1.875rem;
    margin-bottom: 15px;
}

h2:after, h3:after, h4:after, h5:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #791366;
}

#homepage-welcome h3:after {
  margin: 0 auto;
    right: 0;
}

h2.large:after {
    display: none;
}

h2 i {
    color: #791366;
    width: 100%;
    font-size: 4rem;
    padding-bottom: 20px;
}

.text-center h2:after {
    margin: 0 auto;
    right: 0;
}

h3 {
    font-size: 1.250rem;
}

h4 {
    font-size: 1.250rem;
}

h5 {
    font-size: 1.125rem;
}

h6 {
    font-size: 1.105rem;
    margin-bottom: 15px;
}

h6:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #791366;
}

h1.subheading, h2.subheading, h3.subheading, h4.subheading, h5.subheading, h6.subheading {
    text-transform: none;
    font-weight: 500;
    margin-bottom: 25px;
}

h2.medium {
    font-size: 2.500rem;
}

h2.large {
    font-size: 3.125rem;
}

h3.large {
    font-size: 1.855rem;
}

h1:has(+ .subheading), h2:has(+ .subheading), h3:has(+ .subheading) {
    margin-bottom: 0;
}

p, button, .button, tbody td, label, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select, ul li, ol li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

p {
    font-size: 1.105rem;
    line-height: 1.4;
    margin-bottom: 25px;
}

p:last-of-type {
    margin-bottom: 0;
}

p.small {
    font-size: 0.925rem;
    line-height: 1.3;
}

strong {
    font-weight: 500;
}

a {
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  color: #791366;
}

a:hover {
    color: #4e2a6d;
}

.b5 {
    border-radius: 5px;
}

/* Colours */
.purplebg {
    background: #4e2a6d;
}

.plumbg {
    background: #791366;
}

.goldbg {
    background: #d7a327;
}

.greybg {
    background: #776c68;
}

.whitebg {
    background: #ffffff;
}

.lightgreybg {
    background: #f1f1f1;
}

/* Padding */
.p15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p15top {
    padding-top: 15px;
}

.p15bottom {
    padding-bottom: 15px;
}

.p15all {
    padding: 15px;
}

.p25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p25top {
    padding-top: 25px;
}

.p25bottom {
    padding-bottom: 25px;
}

.p25all {
    padding: 25px!important;
}

.p50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.p50top {
    padding-top: 50px;
}

.p50bottom {
    padding-bottom: 50px;
}

.p50all {
    padding: 50px!important;
}

.p75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.p75top {
    padding-top: 75px;
}

.p75bottom {
    padding-bottom: 75px;
}

.p75all {
    padding: 75px!important;
}

/* Buttons */
.button, .gform_wrapper .gform_footer input.button, #floating-school-finder .searchandfilter ul li #school-search-submit, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit {
    border: 2px solid #791366;
    background: none;
    color: #791366;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.825rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    letter-spacing: .225px;
    padding: 0.955rem 1.255rem;
    margin: 0;
    cursor: pointer;
    border-radius: 5px;
}

.button:after, .gform_wrapper .gform_footer input.button:after, #floating-school-finder .searchandfilter ul li #school-search-submit:after, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 1000%;
    background: #791366;
    z-index: -1;
    transform-origin: 0% 0%;
    transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
    transition: transform .3s;
}

.button:hover, .button:active, .button:focus, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input.button:active, .gform_wrapper .gform_footer input.button:focus {
    background: none;
}

.button:hover:after, .button:active:after, .button:focus:after, .gform_wrapper .gform_footer input.button:hover:after, .gform_wrapper .gform_footer input.button:active:after, .gform_wrapper .gform_footer input.button:focus:after, #floating-school-finder .searchandfilter ul li #school-search-submit:hover:after, #floating-school-finder .searchandfilter ul li #school-search-submit:active:after, #floating-school-finder .searchandfilter ul li #school-search-submit:focus:after, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit:hover:after, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit:focus:after, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit:focus:after {
    transform:translateY(10%) translateX(-25px) rotate(-45deg);
}

.button-white {
    border: 2px solid #ffffff;
    color: #ffffff;
}

.button-white:hover {
    color: #791366;
}

.button-white:after {
    background: #ffffff;
}

.button-gold, #floating-school-finder .searchandfilter ul li #school-search-submit, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit {
    border: 2px solid #d7a327;
    color: #d7a327;
}

.button-gold:hover, .button-gold:active, .button-gold:focus, #floating-school-finder .searchandfilter ul li #school-search-submit:hover, #floating-school-finder .searchandfilter ul li #school-search-submit:active, #floating-school-finder .searchandfilter ul li #school-search-submit:focus, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit:hover, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit:active, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit:focus {
    color: #ffffff;
}

.button-gold:after, #floating-school-finder .searchandfilter ul li #school-search-submit:after, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit:after {
    background: #d7a327;
}

.button-small {
    font-size: 0.725rem;
    padding: 0.855rem 0.995rem;
}

.button-solid {
    border: 2px solid #d7a327;
    color: #ffffff;
}

.button-solid:after {
    transform:translateY(10%) translateX(-25px) rotate(-45deg);
    background: #d7a327;
}

.button.has-icon {
    gap: 15px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.button.has-icon i {
    font-size: 140%;
}

#global-header .button {
    height: 35px;
    margin-top: -5px;
    line-height: 30px;
    padding: 0 1.2rem;
    font-size: 0.7rem;
    background: #d7a327;
}

#global-header .button:after {
  display: none;
}

#mobile-header-nav-icons .button {
  margin-top: 0;
    font-size: 0.655rem;
    padding: 0;
    min-width: 95px;
    height: 30px;
    line-height: 26px;
}

/* Forms */
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select {
    border: none;
    background-color: #f1f1f1;
    color: #3b3b3b;
    box-shadow: none;
    border-radius: 5px;
}

.gform_wrapper .gform_heading .gform_required_legend, .gform_wrapper .gform_body .hide-day-field .gfield_date_day {
    display: none;
}

.gform_wrapper .gform_heading .gform_description {
    font-size: 1.105rem;
    line-height: 1.4;
    margin-bottom: 25px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    display: block;
}

.gform_wrapper .gform_body .gsection {
    margin: 25px 0;
}

.gform_wrapper .gform_body .hide-day-field .gfield_date_month {
    margin-left: 0!important;
}

.gform_wrapper .gform_body .gform_fields .gfield .gfield_label, #loginform label {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.855rem;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
}

#loginform label {
    display: inline-block;
    margin-bottom: 8px;
    padding: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .country-select {
    width: 100%;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .country-select input {
    padding-left: 50px;
}

/*.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .country-select .flag-dropdown, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container .country-select .flag-dropdown .country-list {
    width: 100%!important;
}*/

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gfield_radio, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
}

.gform_wrapper .gform_footer {
    margin: 25px 0 0 0!important;
    padding: 0!important;
}

.gform_wrapper .gform_footer input {
    margin-bottom: 0!important;
}

input[type="checkbox"], input[type="radio"] {
    margin-bottom: 0;
    position: relative;
}

input[type="checkbox"]:after, input[type="radio"]:after {
    width: 20px;
    height: 20px;
    position: relative;
    background-color: #e4e4e4;
    content: '';
    display: inline-block;
    visibility: visible;
    top: -4px;
    border-radius: 5px;
}

input[type="checkbox"]:checked:before, input[type="radio"]:checked:before {
    background-color: #e4e4e4;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    visibility: visible;
    content: '';
    border: 1px solid #e4e4e4!important;
    top: -4px;
    border-radius: 5px;
}

input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    color: #791366;
    font-weight: 400;
    font-size: 1.755rem;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    margin-top: -8px;
    left: 0;
    border-radius: 5px;
}

.gform_wrapper .gform_body .gform_fields .receive-marketing .ginput_container .gfield_checkbox .gchoice, .gform_wrapper .gform_body .gform_fields .agree-to-terms .ginput_container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}

.gform_wrapper .gform_body .gform_fields .receive-marketing .ginput_container input, .gform_wrapper .gform_body .gform_fields .agree-to-terms .ginput_container input {
    top: 5px;
}

.gform_wrapper .gform_body .gform_fields .receive-marketing .ginput_container label, .gform_wrapper .gform_body .gform_fields .agree-to-terms .ginput_container label {
    margin: 0;
    line-height: 1.4;
    width: auto;
    max-width: none;
    vertical-align: top;
}

.gform_wrapper .gform_body .gform_fields .terms-text, .gform_wrapper .gform_body .gform_fields .terms-text label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300!important;
    color: #3b3b3b;
    font-size: 0.875rem;
}

.gform_wrapper .gform_body .gform_fields .gfield input[type="text"]::-webkit-input-placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type="number"]::-webkit-input-placeholder, .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder {
  color: #979493;
}

.gform_wrapper .gform_body .gform_fields .gfield input[type="text"]:-ms-input-placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type="number"]:-ms-input-placeholder, .gform_wrapper .gform_body .gform_fields .gfield textarea:-ms-input-placeholder { 
  color: #979493;
}

.gform_wrapper .gform_body .gform_fields .gfield input[type="text"]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type="number"]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield itextarea::placeholder {
  color: #979493;
}

.gform_wrapper .gform_body .parent-name .ginput_container #input_1_3_2_container,  .gform_wrapper .gform_body .gform_fields .ginput_container #input_2_1_2_container {
    max-width: 100px;
}

.gform_wrapper .gform_heading, .gform_wrapper .gform_validation_errors {
    display: none;
}

.gform_wrapper .gform_body .gfield_error [aria-invalid=true] {
    border: none;
}

body .gform_wrapper .gform_body .gfield_validation_message {
    border: 2px solid #c02b0a;
    background: #ffffff;
    padding: 10px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    position: relative;
    font-weight: 400;
    font-size: 0.855rem;
}

.gform_wrapper .gform_body .gfield_validation_message:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #c02b0a;
    position: absolute;
    left: 0;
    top: -10px;
}

body.parent-pageid-12062 .gform_confirmation_message {
    font-size: 1.105rem;
    line-height: 1.4;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

/* Tables */
table thead {
    text-align: left;
}

table thead th {
    background: #791366;
    color: #ffffff;
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 12px;
    line-height: 1;
}

table thead th:first-of-type {
    border-top-left-radius: 5px;
}

table thead th:last-of-type {
    border-top-right-radius: 5px;
}

table tbody td {
    padding: 15px 10px;
    font-size: 0.9rem;
    line-height: 1.3;
}

table tbody td a {
    color: #3b3b3b;
}

table tbody td a i {
    color: #791366;
}

table tbody td[colspan="4"] {
    text-align: center;
    font-weight: 400;
}

table thead th.sort {
    cursor: pointer;
}

table.tablepress tbody tr td .mobile-table-header {
    display: none;
}

/* Audio */
#audio-player-controls {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin: 10px 0;
}

#audio-player-controls #audio-player-controls-motion, #audio-player-controls #audio-player-controls-volume-mute {
    width: 26px;
}

#audio-player-controls button {
    cursor: pointer;
}

#audio-player-controls, #audio-player-controls button, #audio-player-controls-motion, #audio-player-progress-bar-wrapper, #audio-player-controls-volume-mute, #audio-player-controls #audio-player-controls-volume, #audio-player-controls #audio-player-time-remaining {
    height: 40px;
}

#audio-player-controls button i {
    color: #3b3b3b;
    font-size: 20px;
}

#audio-player-controls #audio-player-controls-motion button#play-audio i, #audio-player-controls #audio-player-controls-motion button#pause-audio i {
    font-size: 32px;
    margin-top: 1px;
}

#audio-player-controls #audio-player-controls-motion, #audio-player-controls #audio-player-controls-volume, #audio-player-controls #audio-player-progress-bar-wrapper, #audio-player-controls #audio-player-controls-volume-mute, #audio-player-controls #audio-player-time-remaining {
    position: relative;
}

#audio-player-controls #audio-player-controls-motion button, #audio-player-controls #audio-player-controls-volume-mute button {
    position: absolute;
}

#audio-player-controls #audio-player-controls-motion button {
    left: 0;
}

#audio-player-controls #audio-player-controls-volume-mute button {
    right: 0;
}

#audio-player-controls #audio-player-controls-motion button#play-audio {
    z-index: 1;
    opacity: 1;
}

#audio-player-controls #audio-player-controls-motion button#pause-audio {
    z-index: 0;
    opacity: 0;
}

#audio-player-controls #audio-player-controls-volume-mute button#unmute-audio {
    z-index: 0;
    opacity: 0;
}

#audio-player-controls #audio-player-controls-volume-mute button#mute-audio {
    z-index: 1;
    opacity: 1;
}

#audio-player-controls #audio-player-progress-bar-wrapper {
    height: 8px;
    background-color: #f1f1f1;
    flex: 1;
}

#audio-player-controls #audio-player-controls-volume, #audio-player-controls #audio-player-time-remaining {
    display: flex;
    align-items: center;
}

#audio-player-controls #audio-player-time-remaining {
    gap: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;
}

#audio-player-controls #audio-player-progress-bar-wrapper #audio-player-progress-bar {
    background-image: linear-gradient(to right, #4e2a6d, #791366);
    height: 100%;
    width: 0;
}

input[type=range].progress {
    cursor: pointer;
    background: linear-gradient(to right, #4e2a6d 0%, #4e2a6d 50%, #fff 40%, #fff 100%);
    border: solid 1px #4e2a6d;
    border-radius: 0px;
    height: 8px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin-bottom: 0;
}

input[type=range].progress::-webkit-slider-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-appearance: none;
    cursor: ew-resize;
    background: #791366;
}

audio {
    width: 100%;
}

.audio-wrapper .toggle {
    height: 30px;
    width: 30px;
}



/* =============================================================================
4.0 Header
============================================================================= */
#global-header {
    padding: 0;
    position: relative;
    height: 145px;
    z-index: 100;
    background: rgba(78, 42, 109, 0);
    -webkit-transition: background .35s ease-out;
    transition: background .35s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#global-header #global-header-inner {
    padding: 0 75px;
    position: relative;
    height: 90px;
}

#global-header #global-header-top {
    height: 55px;
    width: 100%;
    padding-left: 75px;
    padding-right: 75px;
}

#global-header #global-header-top #global-header-top-inner {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    width: 100%;
}

#global-header #global-header-top, #global-header #global-header-top p, #global-header #global-header-top i, #global-header #global-header-top a {
    color: #ffffff;
}

#global-header #global-header-top ul li, #global-header #global-header-top span {
    list-style-type: none;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.925rem;
}

#global-header #global-header-top span i {
    position: relative;
    top: 1.5px;
}

#global-header #global-header-top ul li {
    margin-right: 10px;
}

#global-header #global-header-top ul li:last-of-type {
    margin-right: 0px;
}

#global-header #global-header-top ul li i, #global-header #global-header-top span i {
    margin-right: 5px;
    font-size: 1.055rem;
}

#global-header #global-header-top ul li#shortlist-link a {
    color: #d7a327;
}

#global-header #global-header-top ul li#shortlist-link i {
    font-size: 1.275rem;
    position: relative;
    top: 1px;
    color: #d7a327;
}

#global-header #global-header-logo img {
    max-width: 215px;
}

#global-header #global-header-top #global-header-top-inner #global-header-top-inner-right {
    display: flex;
}

#global-header #global-header-nav nav ul li a, #global-header #global-header-nav, #global-header #global-header-account {
    color: #ffffff;
}

.sticky-header {
    height: 145px!important;
}

.sticky-header #global-header-top {
    background: #791366;
}

.sticky-header #global-header-nav nav ul li a, .sticky-header #global-header-nav, .sticky-header #global-header-account {
    color: #3b3b3b!important;
}

#global-header #global-header-nav nav ul {
    gap: 20px;
}

#global-header #global-header-nav nav ul li a {
    font-family: 'EB Garamond', serif;
    font-weight: 500;
    font-size: 0.925rem;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.25px;
}

#global-header #global-header-nav nav ul li a:after {
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #ffffff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .25s ease-in-out .2s;
    transition: all .25s ease-in-out .2s;
    margin: 0 auto;
    right: 0;
}

#global-header.sticky-header #global-header-nav nav ul li a:after {
    background-color: #d7a327;
}

#global-header #global-header-nav nav ul li a:hover:after, #global-header #global-header-nav nav ul li.current-page-ancestor a:after, #global-header #global-header-nav nav ul li.current-menu-item a:after, body.tax-guidecat #global-header #global-header-nav nav ul li.guides a:after, body.single-guide #global-header #global-header-nav nav ul li.guides a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
}

#global-header #global-header-nav nav ul li.search-toggle a:hover:after {
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

#global-header #global-header-account {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#global-header #global-header-account div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#global-header #global-header-account div i {
    font-size: 1.275rem;
    margin-top: 5px;
}

#global-header #global-header-account div span {
    font-size: 0.725rem;
}

.sticky-header {
    position: sticky!important;
    top: 0;
}

#global-header.sticky-header {
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px 0px, rgba(0, 0, 0, 0.22) 0px 10px 10px 0px;
}

.sticky-header-inner, .sticky-header .header-inner {
    display: none;
}

.sticky-header .sticky-header-inner {
    display: flex;
    height: 100%;
    position: relative;
}

#header-dropdown {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    padding-top: 90px;
    z-index: -1;
}

#header-dropdown #header-dropdown-inner {
    padding: 25px 75px;
    box-shadow: rgb(0 0 0 / 25%) 0px 14px 28px 0px, rgb(0 0 0 / 22%) 0px 10px 10px 0px;
}

#header-dropdown #header-dropdown-inner h5 {
    color: #3b3b3b;
    position: relative;
    margin-bottom: 15px;
    font-size: 1.025rem;
}

#header-dropdown #header-dropdown-inner h5:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #791366;
}

.header-dropdown-application-support #header-dropdown-inner #header-dropdown-application-support-inner h5:after {
    left: auto;
    right: 0;
}

#header-dropdown #header-dropdown-inner #header-dropdown-league-tables-inner, #header-dropdown #header-dropdown-inner #header-dropdown-guides-inner, #header-dropdown #header-dropdown-inner #header-dropdown-articles-inner, #header-dropdown #header-dropdown-inner #header-dropdown-application-support-inner, #header-dropdown #header-dropdown-inner #header-dropdown-swiss-schools-inner {
    display: none;
}

.header-dropdown-league-tables #header-dropdown-inner #header-dropdown-league-tables-inner, .header-dropdown-guides #header-dropdown-inner #header-dropdown-guides-inner, .header-dropdown-articles #header-dropdown-inner #header-dropdown-articles-inner, .header-dropdown-application-support #header-dropdown-inner #header-dropdown-application-support-inner, .header-dropdown-application-support #header-dropdown-inner #header-dropdown-application-support-inner, .header-dropdown-swiss-schools #header-dropdown-inner #header-dropdown-swiss-schools-inner {
    display: flex!important;
}

.header-dropdown-application-support #header-dropdown-inner #header-dropdown-application-support-inner {
    justify-content: flex-end;
}

#header-dropdown #header-dropdown-inner ul {
    gap: 10px;
}

#header-dropdown #header-dropdown-inner ul li {
    width: 100%;
}

#header-dropdown #header-dropdown-inner p, #header-dropdown #header-dropdown-inner ul li a {
    color: #3b3b3b;
    font-weight: 400;
    font-size: 0.925rem;
    line-height: 1.4;
}

#page-header {
    margin-top: 0;
    position: relative;
    height: 425px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#page-header .overlay, .homepage-slider .slide-inner .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, black 90%);
    height: 100%;
    opacity: 0.5;
    z-index: 2;
}

.homepage-slider .slide-inner a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
}

.homepage-slider .slide-inner h2 {
    font-size: 1.625rem;
}

.homepage-slider .slide-inner a img {
    border-radius: 5px;
}

#page-header img {
    left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	position: relative;
	right: 50%;
	width: 100vw;
}

#page-header #page-header-inner {
    position: absolute;
    left: 75px;
    right: 75px;
    z-index: 5;
    bottom: 25px;
    padding-left: 0px;
    padding-right: 0px;
}

#page-header #page-header-inner #homepage-hero-inner-content {
    align-items: center;
}

#page-header #page-header-inner h1, #page-header #page-header-inner p {
    text-shadow: 0 3px 14px rgb(0 0 0 / 100%);
}

#page-header #page-header-inner h1 {
    color: #ffffff;
    margin: 0 0 5px 0;
}

#page-header #page-header-inner p i, #page-header #page-header-inner p a, #page-header #page-header-inner p {
    color: #d7a327;
}

#page-header #page-header-inner p i {
    font-size: 1.275rem;
    margin-right: 5px;
}

#page-header #page-header-inner p {
    font-weight: 400;
    font-size: 1rem;
}

#page-header #page-header-inner .cat a {
    background: #d7a327;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.725rem;
    padding: 5px 10px;
    letter-spacing: 0.5px;    
}

#global-header #global-search, #global-header #global-search-sticky {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -5;
    width: 100%;
    -webkit-transform: scaleX(0) translateY(-50%);
    transform: scaleX(0) translateY(-50%);
    -webkit-transition: all .25s ease-in-out .2s;
    transition: all .25s ease-in-out .2s;
    margin: 0 auto;
    height: 50px;
    background: #ffffff;
}

#global-header #global-search input.search-field, #global-header #global-search-sticky input.search-field {
    margin-bottom: 0;
    padding: 0;
    color: #3b3b3b;
}

#global-header .global-search-active {
    -webkit-transform: scaleX(1) translateY(-50%)!important;
    transform: scaleX(1) translateY(-50%)!important;
    z-index: 1!important;
}

#global-header .global-search-active input.search-field {
    padding: 0px!important;
}

.sticky-header .global-search-active input.search-field {
    background: #ffffff;
    height: 50px;
    width: calc(100% - 175px);
}

.sticky-header .global-search-active input.search-field::-webkit-input-placeholder {
    color: #898989;
    font-size: 1.455rem;
}

.sticky-header .global-search-active input.search-field::-moz-placeholder {
    color: #898989;
    font-size: 1.455rem;
}

.sticky-header .global-search-active input.search-field:-ms-input-placeholder {
    color: #898989;
    font-size: 1.455rem;
}

.sticky-header .global-search-active input.search-field::placeholder {
    color: #898989;
    font-size: 1.455rem;
}

#global-header #global-search #close-search-form, #global-header #global-search-sticky #close-search-form {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right:0;
    line-height: 1;
}

#global-header #global-search input[type="submit"], #global-header #global-search-sticky input[type="submit"] {
    right: 30px;
    position: absolute;
    top: 0;
    box-shadow: none;
    border: none;
    background: #791366;
    margin: 0;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 5px 25px;
    letter-spacing: 0.5px;
    bottom: 0;
    cursor: pointer;
    height: 50px;
    border-radius: 5px;
}

#global-header #global-search #close-search-form i, #global-header #global-search-sticky #close-search-form i {
    color: #3b3b3b;
    font-size: 1.525rem;
    cursor: pointer;
}

#mobile-header-nav {
    margin: 0;
    margin-left: auto
}

#mobile-header-nav #mobile-header-nav-icons {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    align-items: center;
}

#mobile-header-nav #mobile-header-nav-icons li {
    list-style-type: none;
}

#mobile-header-nav #mobile-header-nav-icons li i, #mobile-header-nav #mobile-header-nav-icons li a i {
    font-size: 1.325rem;
    position: relative;
    top: 2px;
}

#mobile-header-nav #mobile-header-nav-icons li#shortlist-link a, #mobile-header-nav #mobile-header-nav-icons li i, #mobile-header-nav #mobile-header-nav-icons li a i, #mobile-header-nav #mobile-header-nav-icons li {
    color: #3b3b3b;
}

#mobile-header-nav #mobile-header-nav-icons li#shortlist-link i {
    top: 1px;
}

#mobile-header-nav #mobile-header-nav-icons li#shortlist-link span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.925rem;
    padding-left: 2px;
}

#mobile-header-nav #mobile-header-nav-icons li a:hover i, #mobile-header-nav #mobile-header-nav-icons li a:active i, #mobile-header-nav #mobile-header-nav-icons li a:focus i {
    color: #791366;
}

#mobile-header-nav #mobile-header-nav-icons li.shortlist-empty {
    display: none;
}

#mobile-header-nav #mobile-header-nav-icons li.activate-mobile-menu {
    cursor: pointer;
    width: 21px;
}

#mobile-header-nav #mobile-header-nav-icons li.activate-mobile-menu i {
    font-size: 1.475rem;
}

#mobile-header-nav #mobile-header-nav-icons li.activate-mobile-menu i.fa-xmark {
    font-size: 1.675rem;
}

#mobile-menu {
    height: calc(100vh - 65px);
    width: 1px;
    opacity: 0;
    transition: all .75s ease;
    background: #ffffff;
    z-index: -1;
    position: fixed;
    top: 65px;
}

#mobile-menu.show {
    opacity: 1;
    width: 100%;
    z-index: 10;
}

#mobile-menu #mobile-search {
    padding: 0 25px 25px 25px;
}

#mobile-menu nav {
    display: flex;
    padding: 50px 25px 25px 25px;
}

#mobile-menu nav #menu-mobile-navigation {
    flex-wrap: wrap;
    width: 100%;
}

#mobile-menu nav #menu-mobile-navigation li {
    font-family: 'EB Garamond', serif;
    font-weight: 500;
    font-size: 1.125rem;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.15px;
    color: #3b3b3b;
    margin: 8px 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

#mobile-menu nav #menu-mobile-navigation li i {
    cursor: pointer;
}

#mobile-menu nav #menu-mobile-navigation li span {
    flex: 1;
}

#mobile-menu nav #menu-mobile-navigation li a {
    color: #3b3b3b;
}

#mobile-menu nav #menu-mobile-navigation li ul.sub-menu {
    height: 1px;
    flex: 0 0 100%;
    overflow: hidden;
    margin: 0;
    display: none;
    position: relative;
}

#mobile-menu nav #menu-mobile-navigation li ul.sub-menu-open {
    display: block;
    height: auto;
}

#mobile-menu nav #menu-mobile-navigation li ul.sub-menu-open li i {
    display: none;
}

#mobile-menu nav #menu-mobile-navigation li ul.sub-menu-open li a {
    color: #3b3b3b;
    font-weight: 400;
    font-size: 0.925rem;
    line-height: 1.4;
}

#mobile-menu #mobile-search #searchform {
    position: relative;
    margin-top: 15px;
}

body.search-no-results #searchform {
    margin-bottom: 25px;
    position: relative;
}

#mobile-menu #mobile-search #searchform input, body.search-no-results #searchform input {
    height: 40px;
}

#mobile-menu #mobile-search #searchform input[type="submit"], body.search-no-results #searchform input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: none;
    border: none;
    background: #791366;
    margin: 0;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 5px 25px;
    letter-spacing: 0.5px;
    bottom: 0;
    cursor: pointer;
    border-radius: 5px;
}

#mobile-menu #mobile-search #close-search-form, body.search-no-results #searchform #close-search-form {
    display: none;
}

/* =============================================================================
5.0 Sidebar
============================================================================= */
.sidebar-block {
    margin-bottom: 30px;
}

.sidebar-block:last-of-type {
    margin: 0;
}

.sidebar-block h5.sidebar-heading {
    margin-bottom: 15px;
}

#sidebar-league-tables article a i {
    font-size: 1.275rem;
    color: #791366;
}

.sidebar-block .button {
    display: block;
}

/* =============================================================================
6.0 Footer
============================================================================= */
#global-footer {
    background: #d7a327;
}

#global-footer #global-footer-top, #global-footer #global-footer-bottom {
    padding-left: 75px;
    padding-right: 75px;
}

#global-footer #global-footer-top h6 {
    color: #ffffff;
}

#global-footer #global-footer-top > .grid-container, #global-footer #global-footer-bottom > .grid-container {
    padding-left: 0;
    padding-right: 0;
}

#global-footer #global-footer-top ul {
    flex-direction: column;
    gap: 10px;
}

#global-footer #global-footer-top ul li {
    max-width: 90%;
}

#global-footer #global-footer-top ul li a {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.925rem;
}

#global-footer #global-footer-bottom #global-footer-bottom-legal p a, #global-footer #global-footer-bottom p, #global-footer #global-footer-bottom ul li a {
    color: #3b3b3b;
}

#global-footer #global-footer-top .footer-logo img {
    max-width: 195px;
}

#global-footer #global-footer-top ul#social-links {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 15px;
}

#global-footer #global-footer-top ul#social-links li a {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#global-footer #global-footer-top ul#social-links li a i {
    color: #791366;
    font-size: 1.125rem;
}

#global-footer #global-footer-top ul#social-links li a:hover {
    background: #791366;;
}

#global-footer #global-footer-top ul#social-links li a:hover i {
    color: #ffffff;
}

#global-footer #global-footer-bottom #global-footer-bottom-legal p a:hover, #global-footer #global-footer-bottom ul li a:hover {
    color: #4e2a6d;
    text-decoration: underline;
}

#global-footer #global-footer-bottom p, #global-footer #global-footer-bottom ul li a {
    font-size: 0.855rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

#global-footer #global-footer-bottom ul {
    display: flex;
}

#global-footer #global-footer-bottom ul li {
    align-items: center;
}

#global-footer #global-footer-bottom ul li a {
    line-height: 1;
}

#global-footer #global-footer-bottom ul li i {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 65%;
    position: relative;
    top: 1px;
}

#global-footer #global-footer-bottom #global-footer-bottom-legal p {
    text-align: right;
}

/* =============================================================================
7.0 Template Specific
============================================================================= */
#breadcrumb-container #breadcrumbs {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.725rem;
}

#breadcrumb-container #breadcrumbs i {
    font-size: 0.7rem;
    margin: 0 5px;
}

/* Fullwidth Guides CTA */
#fullwidth-guides-cta #fullwidth-guides-cta-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

#fullwidth-guides-cta #fullwidth-guides-cta-inner img {
    border-radius: 5px;
}

#fullwidth-guides-cta #fullwidth-guides-cta-inner #fullwidth-guides-cta-inner-text span {
    font-weight: 500;
    color: #d7a327;
    display: block;
}

/* Floating School Finder */
#floating-school-finder h2, #floating-school-finder p {
    color: #ffffff;
}

#floating-school-finder h2:after {
    background-color: #d7a327;
}

#floating-school-finder form {
    margin-top: 25px;
    margin-bottom: 0;
}

#floating-school-finder form select, body.page-template-school-search-results-template form select {
    margin: 0;
    height: 47.75px;
}

#floating-school-finder .searchandfilter ul, body.page-template-school-search-results-template .searchandfilter ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}

#floating-school-finder .searchandfilter ul li, body.page-template-school-search-results-template .searchandfilter ul li {
    width: 25%;
    padding: 15px 15px;
}

body.page-template-school-search-results-template .searchandfilter ul {
    margin-left: -15px;
    margin-right: -15px;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-reset {
    padding: 0 0 0 15px;
    margin-top: -5px;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-reset a {
    font-size: 0.775rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #3b3b3b;
    text-transform: uppercase;
}

#floating-school-finder .searchandfilter ul li label, #floating-school-finder .searchandfilter ul li #school-search-submit, body.page-template-school-search-results-template .searchandfilter ul li label, body.page-template-school-search-results-template .searchandfilter ul li #school-search-submit {
    width: 100%;
}

/* Schools */
#page-header .school-crest {

}

#page-header .school-crest img {
    z-index: 5;
    border-radius: 50%;
    position: relative;
    width: 100%;
    margin: 0;
    left: unset;
    max-width: unset;
    right: unset;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview {
    display: flex;
    flex-wrap: wrap;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row {
    width: 16.6666666667%;
    margin-top: 25px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-start;
    padding-right: 10px;
    gap: 5px;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row div.single-school-wrapper-intro-overview-row-icon {
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row div.single-school-wrapper-intro-overview-row-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span, #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row i {
    color: #ffffff;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span.heading, #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span.text {
    font-size: 0.925rem;
    line-height: 1;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row .single-school-wrapper-intro-overview-row-icon i {
    font-size: 2.525rem;
    top: 1px;
    position: relative;
    color: #d7a327;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row .single-school-wrapper-intro-overview-row-icon .fa-stack {
    width: 60px;
    top: 3px;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-a-level-percent i.fa-stack-1x, #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-gcse-percent i.fa-stack-1x {
    font-size: 0.625rem;
    bottom: 0;
    left: 6px;
    position: absolute;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-fees i.fa-stack-1x {
    font-size: 1.055rem;
    background: #4e2a6d;
    width: 18px;
    height: 20px;
    line-height: 18px;
    top: 25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-a-level-percent i.fa-stack-1x:last-of-type, #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-gcse-percent i.fa-stack-1x:last-of-type {
    left: 12px;
    font-size: 0.4rem;
    top: 0;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span.heading, #single-school-wrapper-nearby .school-block .school-block-grades span.heading {
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span.text, #single-school-wrapper-nearby .school-block .school-block-grades span.text {
    font-family: 'Montserrat', sans-serif;
}

#single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row:nth-of-type(3n) span.text {
    padding-right: 0;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-heading p, #main-article #page-content .page-block-page-intro p:first-of-type, body.archive p#archive-intro, body.page-template-archive-template p#archive-intro, body.page-template-league-table-categories-template p#archive-intro {
    font-family: 'EB Garamond', serif;
    font-weight: 500;
    font-size: 1.325rem;
    color: #776c68;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li {
    border-right: 5px solid #ffffff;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li a, body.archive #guide-categories ul li a {
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1; 
    color: #ffffff;
    background: #791366;
    padding: 0.955rem 1.125rem;
    border: 2px solid #791366;
    display: flex;
    align-items: center;
    border-radius: 5px;
    font-size: 0.955rem;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li a i {
    margin-right: 8px;
    font-size: 1.275rem;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li.is-active a, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li a:hover {
    background: #ffffff;
    color: #791366;
} 

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li:last-of-type a {
    margin-right: 0;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content {
    border-top: 2px solid #791366;
    margin-top: -2px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #videos .video-wrapper, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #audio .audio-file-wrapper {
    margin-bottom: 25px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #videos .responsive-embed, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #videos .video-wrapper:last-of-type, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #audio .audio-file-wrapper:last-of-type {
    margin-bottom: 0;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #audio .audio-file-wrapper h4 {
    margin-bottom: 25px;
}

#single-school-wrapper-nearby .school-block {
    padding-top: 0!important;
}

#single-school-wrapper-nearby .school-block h5, #single-school-wrapper-nearby .school-block .school-block-grades span {
    color: #ffffff;
}

#single-school-wrapper-nearby .school-block img.crest {
    border-radius: 50%;
    width: 100px;
    position: relative;
    transform: translateY(-50%);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

#single-school-wrapper-nearby .school-block h5 {
    margin: -20px 0 0 0;
}

#single-school-wrapper-nearby .school-block h5 a {
    color: #ffffff;
}

#single-school-wrapper-nearby .school-block p, #single-school-wrapper-main #single-school-wrapper-nearby .school-block p {
    color: #d7a327;
    font-weight: 400;
}

#single-school-wrapper-main #single-school-wrapper-nearby .school-block p a, #single-school-wrapper-nearby .school-block p a {
    display: flex;
    gap: 15px;
    align-items: center;
}

#single-school-wrapper-nearby .school-block p {
    display: flex;
    gap: 10px;
    align-items: center;
}

#single-school-wrapper-nearby .school-block p i {
    
    font-size: 1.275rem;
}

#single-school-wrapper-nearby .school-block p {
    line-height: 1.1;
}

#single-school-wrapper-nearby .school-block .school-block-grades {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 5px;
}

#single-school-wrapper-nearby .school-block .school-block-grades-ibdp {
    margin-bottom: 0;
}

#single-school-wrapper-nearby .school-block .school-block-grades span {
    background: #791366;
    position: relative;
    z-index: 1;
}

#single-school-wrapper-nearby .school-block .school-block-grades span.heading {
    padding-right: 5px;
}

#single-school-wrapper-nearby .school-block .school-block-grades span.text {
    padding-left: 5px;
}

#single-school-wrapper-nearby .school-block .school-block-grades span.text::first-letter {
    font-size: 0;
    color: #791366;
}

#single-school-wrapper-nearby .school-block .school-block-grades hr {
    max-width: 100%;
    border-bottom: 1px solid #ffffff;
    width: 100%;
    position: absolute;
    margin: 0;
}

#single-school-wrapper-nearby .school-block .button {
    margin-top: 20px;
}

#single-school-wrapper-nearby .school-block .button, #single-school-wrapper-main-cta .button {
    width: 100%;
}


/* League Tables */
#hidden-content, body.logged-in #hideforloggedin, .hidden-content {
    display: none;
    visibility: hidden!important;
}

body.logged-in #hidden-content, body.logged-in .hidden-content {
    display: block!important;
    visibility: visible!important;
}

#league-table-wrapper-inner {
    padding: 0;
}

#league-table tbody td.school_body, #league-table tbody td.school_body a {
    display: flex;
    align-items: center;
    gap: 5px;
}

#league-table tbody td.school_body a {
    font-weight: 500;
    color: #791366;
}

#league-table tbody tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 5px;
}

#league-table tbody tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 5px;
}

#league-table tbody td.school_body img {
    border-radius: 50%;
    max-width: 35px;
}

#league-table-wrapper #league-table-wrapper-inner #league-table-notes ul li, #league-table-wrapper #league-table-wrapper-inner #league-table-notes ol li, .page-block-references ul li, .page-block-references ol li {
    font-size: 0.9rem;
    margin-bottom: 10px;
}

#league-table-wrapper #league-table-wrapper-inner #league-table-notes ul li:last-of-type, #league-table-wrapper #league-table-wrapper-inner #league-table-notes ol li:last-of-type, .page-block-references ul li:last-of-type, .page-block-references ol li:last-of-type {
    margin-bottom: 0;
}

#league-table-wrapper #league-table-wrapper-inner #league-table-notes .cell {
    border-radius: 5px;
}

#league-table-wrapper #league-table-wrapper-inner #league-table-notes h5, .page-block-references h5 {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
}

#league-table-wrapper #league-table-wrapper-inner #league-table-notes h5 i, .page-block-references h5 i {
    font-size: 1.275rem;
}

/* Archives */
#archive-wrapper > .grid-container {
    padding-left: 0;
    padding-right: 0;
}

#archive-wrapper #category-loop .category, #archive-wrapper .large-up-3 .article {
    margin-bottom: 50px;
}

#archive-wrapper #category-loop .category a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
}

#archive-wrapper #category-loop .category a h2, .homepage-slider .slide-inner h2 {
    position: absolute;
    z-index: 3;
    color: #ffffff;
    margin: 0;
    padding: 25px;
}

#archive-wrapper #category-loop .category a h2:after, .homepage-slider .slide-inner h2:after {
    background-color: #d7a327;
    bottom: 20px;
}

#archive-wrapper #category-loop .category a img {
    border-radius: 5px;
}

#archive-wrapper #category-loop .category a .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, black 90%);
    height: 100%;
    opacity: 0.25;
    z-index: 2;
}

/* Guides and Articles */
#main-article #page-content #page-content-left #article-meta, #main-article #page-content #page-content-left #article-meta-below {
    font-weight: 400;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

#main-article #page-content #page-content-left #article-meta-below {
    justify-content: end;
    margin-bottom: 0;
    margin-top: 10px;
}

#main-article #page-content #page-content-left #article-meta p, #main-article #page-content #page-content-left #article-meta-below p {
    font-weight: 400;
}

#main-article #page-content #page-content-left #article-meta #share-article li i, #main-article #page-content #page-content-left #article-meta p, #main-article #page-content #page-content-left #article-meta-below p, #main-article #page-content #page-content-left #article-meta-below #share-article li i {
    color: #a8a8a8;
}

#main-article #page-content #page-content-left #article-meta #share-article, #main-article #page-content #page-content-left #article-meta-below #share-article {
    list-style-type: none;
    display: flex;
    gap: 10px;
    position: relative;
}

#main-article #page-content #page-content-left #article-meta #share-article li, #main-article #page-content #page-content-left #article-meta-below #share-article li {
    cursor: pointer;
}

#main-article #page-content #page-content-left #article-meta #share-article li:hover i, #main-article #page-content #page-content-left #article-meta-below #share-article li:hover i {
    color: #791366;
}

#main-article #page-content #page-content-left #article-meta #share-article li i, #main-article #page-content #page-content-left #article-meta-below #share-article li i {
    font-size: 1.125rem;
}

#main-article #page-content #page-content-left #article-meta #share-article li.whatsapp i, #main-article #page-content #page-content-left #article-meta-below #share-article li.whatsapp i {
    font-weight: 600;
    font-size: 1.225rem;
}

#main-article #page-content #page-content-left #article-meta .msg, #main-article #page-content #page-content-left #article-meta-below #share-article .msg {
    position: absolute;
    top: -40px;
    right: 0;
    background: #d7a327;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.725rem;
    padding: 5px 10px;
    letter-spacing: 0.5px;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out .2s;
    transition: all .25s ease-in-out .2s;
}

#main-article #page-content #page-content-left #article-meta .msg:after, #main-article #page-content #page-content-left #article-meta-below #share-article .msg:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #d7a327;
    position: absolute;
    right: 0;
    bottom: -10px;
}

#main-article #page-content #page-content-left #article-meta-below #share-article .msg {
    top: unset;
    bottom: -40px
}

#main-article #page-content #page-content-left #article-meta-below #share-article .msg:after {
    border-top: none;
    border-bottom: 10px solid #d7a327;
    bottom: unset;
    top: -10px;
}

#main-article #page-content #page-content-left .page-block {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 25px;
}

#main-article #page-content #page-content-left .page-block-page-text p:only-of-type:not(:last-child) {
    margin-bottom: 25px;
}

#main-article #page-content #page-content-left .page-block-page-text ul, #main-article #page-content #page-content-left .page-block-page-text ol, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content .tabs-panel ul, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content .tabs-panel ol {
    margin-left: 30px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content .tabs-panel ul.gallery-wrapper {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}

#main-article #page-content #page-content-left .page-block-page-text ul:not(:last-child), #main-article #page-content #page-content-left .page-block-page-text ol:not(:last-child), #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content .tabs-panel ul:not(:last-child), #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content .tabs-panel ol:not(:last-child) {
    margin-bottom: 25px;
}

#main-article #page-content #page-content-left .page-block-page-text ul li, #main-article #page-content #page-content-left .page-block-page-text ol li, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content .tabs-panel ul li, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content .tabs-panel ol li {
    font-size: 0.975rem;
}

#main-article #page-content #page-content-left .page-block-page-text h3 {
    line-height: 1.4;
    margin-bottom: 10px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart {
    margin-top: 0px;
    height: 400px;
    background-color: #ffffff;
    margin-left: 50px;
    width: calc(100% - 50px);
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-container {
    padding: 0;
    margin-top: 25px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #table-wrapper {
    position: relative;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart thead {
    display: block;
    position: absolute;
    left: -50px;
    top: -7px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart thead, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart thead tr {
    height: 100%;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart thead tr th {
    height: 10%;
    text-align: right;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart thead tr th, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr th, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li {
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr th {
    text-align: left;
    align-items: flex-start;
    margin-left: -15px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr:nth-of-type(8) th:nth-of-type(2), #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr:nth-of-type(9) th:nth-of-type(1) {
    text-align: right;
    margin-left: 0;
    align-items: flex-end;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr:nth-of-type(8) th:nth-of-type(2), #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr:nth-of-type(9) th:nth-of-type(1) {
    right: -15px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody {
    padding-left: 10px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr {
    -webkit-margin-after: 0!important;
    margin-block-end: 0!important;
    -webkit-border-after: solid 1px #d9d9d9!important;
    border-block-end: solid 1px #d9d9d9!important;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend {
    border: none;
    padding: 0;
    margin: 25px 0 0 0;
    height: auto;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:first-of-type:before, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr td:first-of-type:before {
    background-color: var(--a-level-color);
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:nth-of-type(2):before, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr td:nth-of-type(2):before {
    background-color: var(--gcse-color);
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:nth-of-type(3):before, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr td:nth-of-type(3):before {
    background-color: var(--independent-schools-a-level-avg-colour);
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:nth-of-type(4):before, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr td:nth-of-type(4):before {
    background-color: var(--independent-schools-gcse-avg-colour);
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:nth-of-type(5):before, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr td:nth-of-type(5):before {
    background-color: var(--national-a-level-avg-colour);
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:nth-of-type(6):before, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart tbody tr td:nth-of-type(6):before {
    background-color: var(--national-gcse-avg-colour);
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li {
    position: relative;
    line-height: 1.3;
    font-size: 0.795rem;
    padding-left: 40px;
    padding-top: 4px;
    padding-bottom: 4px;
}

#single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:before {
    border-width: 0px;
    border-color: #f1f1f1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}

#main-article #page-content #page-content-left .page-block:last-of-type {
    margin-bottom: 0;
}

#main-article #page-content #page-content-left .page-block-references ul li a, #main-article #page-content #page-content-left .page-block-references ol li a {
    color: #3b3b3b;
    text-decoration: underline;
}

#main-article #page-content #page-content-left .page-block-references ul li a:hover, #main-article #page-content #page-content-left .page-block-references ol li a:hover {
    color: #4e2a6d;
}

body.archive #guide-categories ul {
    margin: 0 0 0 -5px;
}

body.archive #guide-categories ul li {
    list-style-type: none;
    display: inline-block;
    border-bottom: 5px solid #ffffff;
    border-left: 5px solid #ffffff;
}

body.archive #guide-categories ul li a {
    background: #791366;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 8px 12px;
    letter-spacing: 0.5px;
}

body.archive #archive-wrapper .large-up-3 .article {
    display: flex;
    flex-direction: column;
}

body.archive #archive-wrapper article .article-image a {
    position: relative;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.archive #archive-wrapper article .article-image a img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

body.archive #archive-wrapper article .article-snippet {
    box-shadow: rgb(0 0 0 / 25%) 0px 14px 28px 0px, rgb(0 0 0 / 22%) 0px 10px 10px 0px;
    flex: 1;
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

body.archive #archive-wrapper article .article-snippet h4 {
    margin-bottom: 20px;
}

body.archive #archive-wrapper article .article-snippet p {
    font-size: 0.955rem;
}

body.archive #archive-wrapper article .article-snippet p:first-of-type {
    flex: 1;
}

/* Related Posts */
.sidebar-block-related article {
    margin-bottom: 15px;
}

.sidebar-block-related article:last-of-type {
    margin-bottom: 0;
}

.sidebar-block-related article a {
    display: flex;
    gap: 15px;
}

.sidebar-block-related article a img {
    width: 40px;
    border-radius: 5px;
}

.sidebar-block-related article a h5, .sidebar-block-related #category-loop .category h5 {
    margin: 0;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.825rem;
    line-height: 1.2;
}

#guide-categories h5 {
    margin-bottom: 25px;
}

.sidebar-block-related #category-loop {
    margin-left: -10px;
    margin-right: -10px;
}

.sidebar-block-related #category-loop .category {
    width: calc(50% - 20px);
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.sidebar-block-related #category-loop .category img {
    border-radius: 5px;
}

.sidebar-block-related #category-loop .category h5 {
    margin-top: 5px;
    margin-bottom: 0;
}

/* Anchors */
.page-block-page-anchors-heading {
    margin-top: 25px;
}

ul.page-block-page-anchors {
    margin: 25px 0 25px 0!important;
}

ul#terms-anchors {
    margin: 0;
}

ul.page-block-page-anchors li, ul#terms-anchors li {
    list-style-type: none;
    font-size: 0.975rem;
    line-height:1.8;
}

ul.page-block-page-anchors li a, ul#terms-anchors li a {
    color: #791366;
    font-weight: 400;
}

ul.page-block-page-anchors li a:hover, ul#terms-anchors li aHover {
    text-decoration: underline;
    color: #791366;
}

/* Gallery */
.page-block-gallery ul li {
    list-style-type: none;
    margin-bottom: 1.875rem;
}

.page-block-gallery ul li img {
    border-radius: 5px;
}

/* Single Image */
#main-article #page-content #page-content-left .page-block-single-image img {
    border-radius: 5px;
}

/* Shortlist */
body.page-template-favourites-template ul.favorites-list {
    margin: 25px 0;
}

body.page-template-favourites-template ul.favorites-list ul.no-favorites {
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 0.955rem;
    margin: 0;
}

body.page-template-favourites-template ul.favorites-list li p, body.page-template-favourites-template ul.favorites-list li p a {
    color: #3b3b3b;
}

body.page-template-favourites-template ul.favorites-list li p a:first-of-type {
    position: relative;
    font-weight: 400;
}

body.page-template-favourites-template ul.favorites-list li p a:first-of-type span {
    visibility: hidden!important;
}

body.page-template-favourites-template ul.favorites-list li {
    list-style-type: none;
    padding: 15px 10px;
    background-color: #f1f1f1;
    margin-bottom: 15px;
}

body.page-template-favourites-template ul.favorites-list li:last-of-type {
    margin-bottom: 0;
}

body.page-template-favourites-template ul.favorites-list li p {
    font-size: 0.9rem;
    line-height: 1.3;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

body.page-template-favourites-template ul.favorites-list li p img {
    border-radius: 50%;
    max-width: 35px;
    margin-right: 10px;
}

body.page-template-favourites-template ul.favorites-list li p i {
    color: #d7a327;
    font-size: 1.155rem;
    top: 1px;
    position: relative;
}

body.page-template-thank-you-template .form-submitted i {
    color: #791366;
    width: 100%;
    font-size: 4rem;
    padding-bottom: 20px;
}

body.page-template-thank-you-template .form-submitted p:first-of-type {
    margin-top: 35px;
}

body.page-template-thank-you-template .simplefavorites-clear {
    display: none;
}

/* School Filter Results */
body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-header, body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-footer, body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order {
    flex: 0 0 100%;
    margin: 0;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order {
    display: flex;
    align-items: center;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order h4 {
    padding: 0;
    margin-right: 15px;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order h4:after {
    display: none;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul {
    margin: 0;
    justify-content: flex-start;
    gap: 20px;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li {
    width: auto;
    height: 40px;
    padding: 0;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li:first-of-type {
    display: none;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li label {
    padding: 6px 12px;
    margin: 0;
    width: 100%;
    text-align: center;
    top: -42px;
    position: relative;
    font-size: 0.725rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #3b3b3b;
    text-transform: uppercase;
    line-height: 1;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li.sf-option-active label {
    color: #ffffff;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li input[type="radio"] {
    width: 100%;
    height: 40px;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li input[type="radio"]:after, body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li input[type="radio"]:before {
    cursor: pointer;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li input[type="radio"]:after {
    width: 100%;
    height: 40px;
    position: relative;
    background-color: #ffffff;
    content: '';
    display: inline-block;
    visibility: visible;
    top: 0;
    border: 2px solid #4e2a6d;
    border-radius: 5px;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li input[type="radio"]:checked:before {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    visibility: visible;
    content: '';
    border: 2px solid #4e2a6d;
    color: #4e2a6d;
    top: 0;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li input[type="radio"]:checked:after {
    content: '';
    width: 100%;
    height: 40px;
    position: relative;
    background-color: #4e2a6d;
    content: '';
    display: inline-block;
    visibility: visible;
    top: 4px;
    border: 2px solid #4e2a6d;
    border-radius: 5px;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li:hover input[type="radio"]:after {
    background-color: #4e2a6d;
    border-radius: 5px;
}

body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li:hover label {
    color: #ffffff;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-header p, body.search-results #search-results-header p, body.search-no-results p#no-results {
    font-size: 0.855rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #3b3b3b;
    text-transform: uppercase;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-footer .pagination, body.search-results #search-results-footer .pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    gap: 10px;
}

body.search-results #search-results-footer .pagination {
    width: 100%;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-footer .pagination a, body.search-results #search-results-footer .pagination a {
    font-size: 0.855rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    border: 2px solid #d7a327;
    color: #d7a327;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    padding: 6px 12px;
    min-width: 140px;
    border-radius: 5px;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-footer .pagination a:hover, body.search-results #search-results-footer .pagination a:hover {
    color: #ffffff;
    background: #d7a327;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-footer .pagination .nav-previous a i, body.search-results #search-results-footer .pagination .nav-previous a i {
    margin-right: 5px;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-footer .pagination .nav-next a i, body.search-results #search-results-footer .pagination .nav-next a i {
    margin-left: 5px;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby .school-block, body.single-school #single-school-wrapper-nearby .school-block  {
    margin-top: 75px;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby .school-block .school-block-spacer, body.single-school #single-school-wrapper-nearby .school-block .school-block-spacer {
    flex: 1;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby .school-block .simplefavorite-button:first-of-type, body.single-school #single-school-wrapper-nearby .school-block .simplefavorite-button:first-of-type {
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    z-index: 10;
    padding-left: 100px;
}

body.page-template-school-search-results-template #single-school-wrapper-nearby .school-block .simplefavorite-button:first-of-type i, body.single-school #single-school-wrapper-nearby .school-block .simplefavorite-button:first-of-type i {
    font-size: 1.925rem;
    color: #d7a327;
}

body.page-template-school-search-results-template #no-results p {
    font-size: 0.955rem;
    font-weight: 400;
    position: relative;
}

body.page-template-school-search-results-template #no-results p:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: -5px;
    left: 0;
    margin: 0 auto;
    right: 0;
    background-color: #791366;
}

/* =============================================================================
8.0 Page Specific
============================================================================= */
/* Home */
#homepage-hero {
    height: 35vh;
    width: 100%;
    margin-top: 0;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

#homepage-hero #homepage-hero-inner {
position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 5;
    width: auto;
    right: 0;
}

#homepage-hero .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, black 90%);
    height: 100%;
    opacity: 0.5;
    z-index: 2;
}

#homepage-hero #homepage-hero-inner #homepage-hero-inner-content h2 {
    color: #d7a327;
}

#homepage-hero #homepage-hero-inner h1, #homepage-hero #homepage-hero-inner h2 {
    text-shadow: 0 3px 14px rgb(0 0 0 / 40%);
}

#homepage-hero #homepage-hero-inner h1, #homepage-hero #homepage-hero-inner h2, #homepage-hero #homepage-hero-inner p {
    color: #ffffff;
}

#homepage-hero #homepage-hero-inner #homepage-hero-inner-content p {
    background: none repeat scroll 0 0 rgba(0,0,0,.2);
    display: inline;
    box-shadow: 5px 0 0 rgb(0 0 0 / 20%), -5px 0 0 rgb(0 0 0 / 20%)!important;
    -moz-box-shadow: 5px 0 0 rgba(0, 0, 0, 0.2), -5px 0 0 rgba(0, 0, 0, 0.2)!important;
    -webkit-box-shadow: 5px 0 0 rgb(0 0 0 / 20%), -5px 0 0 rgb(0 0 0 / 20%)!important;
    -o-box-shadow: 5px 0 0 rgba(0, 0, 0, 0.2), -5px 0 0 rgba(0, 0, 0, 0.2)!important;
    padding: 5px 10px;
    line-height: 38px;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: 1.155rem;
}

#homepage-welcome {
    position: relative;
    padding-left: 75px;
    padding-right: 75px;
}

#homepage-welcome ul {
  text-align: center;
  list-style-position: inside;
  padding-left: 0;
}

#homepage-welcome ul li {
  text-align: center!important;
}

#homepage-welcome h3, #homepage-welcome p, #homepage-welcome #three-step-process i, #homepage-welcome #three-step-process p, #homepage-welcome #three-step-process h4, #homepage-welcome #three-step-process ul li {
    color: #ffffff;
}

#homepage-welcome #three-step-process i {
    font-size: 2.525rem;
    color: #d7a327;
}

#homepage-welcome #three-step-process h4 {
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
}

#homepage-welcome #three-step-process h4:after {
    margin: 0 auto;
    right: 0;
}

#homepage-welcome #three-step-process h4 i {
    color: #ffffff;
    font-size: 1.550rem;
}

#homepage-welcome #three-step-process #three-step-process-inner p, #homepage-welcome #three-step-process #three-step-process-inner ul li {
    font-size: 0.925rem;
}

#homepage-welcome #three-step-process p a {
    color: #ffffff;
    text-decoration: underline;
}

#homepage-league-tables, #homepage-guides {
    padding-left: 70px;
    padding-right: 70px;
}

#homepage-league-tables h2 i, #homepage-guides h2 i {
    font-size: 3rem;
}

/* Search Results */
body.search-results #archive-loop article {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e2e2e2;
}

body.search-results #archive-loop #search-results-header {
    margin-bottom: 25px;
}

body.search-results #archive-loop #search-results-header i {
    font-weight: 400;
    border-bottom: 1px dotted #d7a327;
}

/* Accordion */
.accordion {
    margin: 0 0 25px 0!important;
    background: none;
    border: none;
}

.accordion .accordion-title {
    border: none!important;
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    color: #d7a327;
    font-size: 1.250rem;
    padding: 0;
    background: #ffffff!important;
}

.accordion .accordion-title:hover, .accordion .accordion-title:active {
    background: #ffffff!important;
}

.accordion-content {
    border: none!important;
    padding: 25px 0 0 0!important;
}

.page-block-form .accordion-content .gform_wrapper:nth-of-type(2) {
    display: none!important;
}

/* =============================================================================
9.0 External
============================================================================= */
/* Fancybox 4 */
.carousel {
    position: relative;
    box-sizing: border-box;
}

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

.carousel.is-draggable {
    cursor: move;
    cursor: grab;
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing;
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
}

.carousel__track {
    display: flex;
}

.carousel__slide {
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.has-dots {
    margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none;
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    transition: opacity .15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1;
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease;
}

.carousel__button.is-prev, .carousel__button.is-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel__button.is-prev {
    left: 10px;
}

.carousel__button.is-next {
    right: 10px;
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3;
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none;
}

html.with-fancybox {
    scroll-behavior: auto;
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none;
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    z-index: 1050;
    outline: none;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

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

.fancybox__container :focus {
    outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px;
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10;
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default;
}

.fancybox__track {
    display: flex;
    height: 100%;
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px;
}

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto;
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px;
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    box-shadow: none;
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
    visibility: hidden;
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
    z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
    right: 8px;
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px;
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px;
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px;
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40;
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px;
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff);
}

.fancybox__no-click, .fancybox__no-click button {
    pointer-events: none;
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053;
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
    animation: .15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
    animation: .15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
    animation: .15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
    animation: .1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
    animation: .2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
    animation: .15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
    animation: .15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
    animation: .15s ease both fancybox-throwOutDown;
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0;
    }
}

@keyframes fancybox-zoomInUp {
    from {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0;
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

@keyframes fancybox-throwOutUp {
    to {
        transform: translate3d(0, -30%, 0);
        opacity: 0;
    }
}

@keyframes fancybox-throwOutDown {
    to {
        transform: translate3d(0, 30%, 0);
        opacity: 0;
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, .1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing;
}

.fancybox__image {
    transform-origin: 0 0;
    user-select: none;
    transition: none;
}

.has-image .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
}

.is-closing .has-image .fancybox__content {
    overflow: visible;
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 5px;
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto;
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none;
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%;
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0px 3px;
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: .15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0;
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92;
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    user-select: none;
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255, 255, 255, .1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px;
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: .15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0;
}

.fancybox__toolbar__items {
    display: flex;
}

.fancybox__toolbar__items--left {
    margin-right: auto;
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
    margin-left: auto;
}

@media(max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none;
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    user-select: none;
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block;
}

/* Country Dropdown */
.country-select {
	position: relative;
	display: inline-block;
}

.country-select * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.country-select .hide {
	display: none;
}

.country-select .v-hide {
	visibility: hidden;
}

.country-select input, .country-select input[type=text] {
	position: relative;
	z-index: 0;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-right: 36px;
	margin-right: 0;
}

.country-select .flag-dropdown {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 1px;
}

.country-select .selected-flag {
	z-index: 1;
	position: relative;
	width: 36px;
	height: 100%;
	padding: 0 0 0 8px;
}

.country-select .selected-flag .flag {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.country-select .selected-flag .arrow {
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 6px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #555;
}

.country-select .selected-flag .arrow.up {
	border-top: none;
	border-bottom: 4px solid #555;
}

.country-select .country-list {
	position: absolute;
	z-index: 2;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 0 0 -1px;
	background-color: white;
	white-space: nowrap;
	max-height: 200px;
	overflow-y: scroll;
}

.country-select .country-list .flag {
	display: inline-block;
	width: 20px;
}

@media (max-width: 500px){
	.country-select .country-list {
		white-space: normal;
	}
}

.country-select .country-list .divider {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.country-select .country-list .country {
	padding: 5px 10px;
}

.country-select .country-list .country.highlight {
	background-color: rgba(0, 0, 0, 0.05);
}

.country-select .country-list .flag, .country-select .country-list .country-name {
	vertical-align: middle;
}

.country-select .country-list .flag {
	margin-right: 20px;
}

.country-select.inside input, .country-select.inside input[type=text]{
	padding-right: 6px;
	padding-left: 52px;
	margin-left: 0;
}

.country-select.inside .flag-dropdown {
	right: auto;
	left: 0;
}

.country-select.inside .selected-flag {
	width: 46px;
}

.country-select.inside .flag-dropdown:hover {
	cursor: pointer;
}

.country-select.inside .flag-dropdown:hover .selected-flag {
	background-color: rgba(0, 0, 0, 0.05);
}

.country-select.inside input[disabled] + .flag-dropdown:hover, .country-select.inside input[readonly] + .flag-dropdown:hover {
	cursor: default;
}

.country-select.inside input[disabled] + .flag-dropdown:hover .selected-flag, .country-select.inside input[readonly] + .flag-dropdown:hover .selected-flag {
	background-color: transparent;
}

.country-select .flag {
	width: 20px;
	height: 15px;
	-webkit-box-shadow: 0px 0px 1px 0px #888;
	box-shadow: 0px 0px 1px 0px #888;
	background-image: url("img/flags.png");
	background-repeat: no-repeat;
	background-color: #dbdbdb;
	background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	.country-select .flag {
		background-image: url("img/flags@2x.png");
	}
}

.country-select .flag {
	width: 20px;
}

.country-select .flag.be {
	width: 18px;
}

.country-select .flag.ch {
	width: 15px;
}

.country-select .flag.mc {
	width: 19px;
}

.country-select .flag.ne {
	width: 18px;
}

.country-select .flag.np {
	width: 13px;
}

.country-select .flag.va {
	width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	.country-select .flag {
		background-size: 5630px 15px;
	}
}

.country-select .flag.ac {
	height: 10px;
	background-position: 0px 0px;
}

.country-select .flag.ad {
	height: 14px;
	background-position: -22px 0px;
}

.country-select .flag.ae {
	height: 10px;
	background-position: -44px 0px;
}

.country-select .flag.af {
	height: 14px;
	background-position: -66px 0px;
}

.country-select .flag.ag {
	height: 14px;
	background-position: -88px 0px;
}

.country-select .flag.ai {
	height: 10px;
	background-position: -110px 0px;
}

.country-select .flag.al {
	height: 15px;
	background-position: -132px 0px;
}

.country-select .flag.am {
	height: 10px;
	background-position: -154px 0px;
}

.country-select .flag.ao {
	height: 14px;
	background-position: -176px 0px;
}

.country-select .flag.aq {
	height: 14px;
	background-position: -198px 0px;
}

.country-select .flag.ar {
	height: 13px;
	background-position: -220px 0px;
}

.country-select .flag.as {
	height: 10px;
	background-position: -242px 0px;
}

.country-select .flag.at {
	height: 14px;
	background-position: -264px 0px;
}

.country-select .flag.au {
	height: 10px;
	background-position: -286px 0px;
}

.country-select .flag.aw {
	height: 14px;
	background-position: -308px 0px;
}

.country-select .flag.ax {
	height: 13px;
	background-position: -330px 0px;
}

.country-select .flag.az {
	height: 10px;
	background-position: -352px 0px;
}

.country-select .flag.ba {
	height: 10px;
	background-position: -374px 0px;
}

.country-select .flag.bb {
	height: 14px;
	background-position: -396px 0px;
}

.country-select .flag.bd {
	height: 12px;
	background-position: -418px 0px;
}

.country-select .flag.be {
	height: 15px;
	background-position: -440px 0px;
}

.country-select .flag.bf {
	height: 14px;
	background-position: -460px 0px;
}

.country-select .flag.bg {
	height: 12px;
	background-position: -482px 0px;
}

.country-select .flag.bh {
	height: 12px;
	background-position: -504px 0px;
}

.country-select .flag.bi {
	height: 12px;
	background-position: -526px 0px;
}

.country-select .flag.bj {
	height: 14px;
	background-position: -548px 0px;
}

.country-select .flag.bl {
	height: 14px;
	background-position: -570px 0px;
}

.country-select .flag.bm {
	height: 10px;
	background-position: -592px 0px;
}

.country-select .flag.bn {
	height: 10px;
	background-position: -614px 0px;
}

.country-select .flag.bo {
	height: 14px;
	background-position: -636px 0px;
}

.country-select .flag.bq {
	height: 14px;
	background-position: -658px 0px;
}

.country-select .flag.br {
	height: 14px;
	background-position: -680px 0px;
}

.country-select .flag.bs {
	height: 10px;
	background-position: -702px 0px;
}

.country-select .flag.bt {
	height: 14px;
	background-position: -724px 0px;
}

.country-select .flag.bv {
	height: 15px;
	background-position: -746px 0px;
}

.country-select .flag.bw {
	height: 14px;
	background-position: -768px 0px;
}

.country-select .flag.by {
	height: 10px;
	background-position: -790px 0px;
}

.country-select .flag.bz {
	height: 14px;
	background-position: -812px 0px;
}

.country-select .flag.ca {
	height: 10px;
	background-position: -834px 0px;
}

.country-select .flag.cc {
	height: 10px;
	background-position: -856px 0px;
}

.country-select .flag.cd {
	height: 15px;
	background-position: -878px 0px;
}

.country-select .flag.cf {
	height: 14px;
	background-position: -900px 0px;
}

.country-select .flag.cg {
	height: 14px;
	background-position: -922px 0px;
}

.country-select .flag.ch {
	height: 15px;
	background-position: -944px 0px;
}

.country-select .flag.ci {
	height: 14px;
	background-position: -961px 0px;
}

.country-select .flag.ck {
	height: 10px;
	background-position: -983px 0px;
}

.country-select .flag.cl {
	height: 14px;
	background-position: -1005px 0px;
}

.country-select .flag.cm {
	height: 14px;
	background-position: -1027px 0px;
}

.country-select .flag.cn {
	height: 14px;
	background-position: -1049px 0px;
}

.country-select .flag.co {
	height: 14px;
	background-position: -1071px 0px;
}

.country-select .flag.cp {
	height: 14px;
	background-position: -1093px 0px;
}

.country-select .flag.cr {
	height: 12px;
	background-position: -1115px 0px;
}

.country-select .flag.cu {
	height: 10px;
	background-position: -1137px 0px;
}

.country-select .flag.cv {
	height: 12px;
	background-position: -1159px 0px;
}

.country-select .flag.cw {
	height: 14px;
	background-position: -1181px 0px;
}

.country-select .flag.cx {
	height: 10px;
	background-position:- 1203px 0px;
}

.country-select .flag.cy {
	height: 13px;
	background-position: -1225px 0px;
}

.country-select .flag.cz {
	height: 14px;
	background-position: -1247px 0px;
}

.country-select .flag.de {
	height: 12px;
	background-position: -1269px 0px;
}

.country-select .flag.dg {
	height: 10px;
	background-position: -1291px 0px;
}

.country-select .flag.dj {
	height: 14px;
	background-position: -1313px 0px;
}

.country-select .flag.dk {
	height: 15px;
	background-position: -1335px 0px;
}

.country-select .flag.dm {
	height: 10px;
	background-position: -1357px 0px;
}

.country-select .flag.do {
	height: 13px;
	background-position: -1379px 0px;
}

.country-select .flag.dz {
	height: 14px;
	background-position: -1401px 0px;
}

.country-select .flag.ea {
	height: 14px;
	background-position: -1423px 0px;
}

.country-select .flag.ec {
	height: 14px;
	background-position: -1445px 0px;
}

.country-select .flag.ee {
	height: 13px;
	background-position: -1467px 0px;
}

.country-select .flag.eg {
	height: 14px;
	background-position: -1489px 0px;
}

.country-select .flag.eh {
	height: 10px;
	background-position: -1511px 0px;
}

.country-select .flag.er {
	height: 10px;
	background-position: -1533px 0px;
}

.country-select .flag.es {
	height: 14px;
	background-position: -1555px 0px;
}

.country-select .flag.et {
	height: 10px;
	background-position: -1577px 0px;
}

.country-select .flag.eu {
	height: 14px;
	background-position: -1599px 0px;
}

.country-select .flag.fi {
	height: 12px;
	background-position: -1621px 0px;
}

.country-select .flag.fj {
	height: 10px;
	background-position: -1643px 0px;
}

.country-select .flag.fk {
	height: 10px;
	background-position: -1665px 0px;
}

.country-select .flag.fm {
	height: 11px;
	background-position: -1687px 0px;
}

.country-select .flag.fo {
	height: 15px;
	background-position: -1709px 0px;
}

.country-select .flag.fr {
	height: 14px;
	background-position: -1731px 0px;
}

.country-select .flag.ga {
	height: 15px;
	background-position: -1753px 0px;
}

.country-select .flag.gb {
	height: 10px;
	background-position: -1775px 0px;
}

.country-select .flag.gd {
	height: 12px;
	background-position: -1797px 0px;
}

.country-select .flag.ge {
	height: 14px;
	background-position: -1819px 0px;
}

.country-select .flag.gf {
	height: 14px;
	background-position: -1841px 0px;
}

.country-select .flag.gg {
	height: 14px;
	background-position: -1863px 0px;
}

.country-select .flag.gh {
	height: 14px;
	background-position: -1885px 0px;
}

.country-select .flag.gi {
	height: 10px;
	background-position: -1907px 0px;
}

.country-select .flag.gl {
	height: 14px;
	background-position: -1929px 0px;
}

.country-select .flag.gm {
	height: 14px;
	background-position: -1951px 0px;
}

.country-select .flag.gn {
	height: 14px;
	background-position: -1973px 0px;
}

.country-select .flag.gp {
	height: 14px;
	background-position: -1995px 0px;
}

.country-select .flag.gq {
	height: 14px;
	background-position: -2017px 0px;
}

.country-select .flag.gr {
	height: 14px;
	background-position: -2039px 0px;
}

.country-select .flag.gs {
	height: 10px;
	background-position: -2061px 0px;
}

.country-select .flag.gt {
	height: 13px;
	background-position: -2083px 0px;
}

.country-select .flag.gu {
	height: 11px;
	background-position: -2105px 0px;
}

.country-select .flag.gw {
	height: 10px;
	background-position: -2127px 0px;
}

.country-select .flag.gy {
	height: 12px;
	background-position: -2149px 0px;
}

.country-select .flag.hk {
	height: 14px;
	background-position: -2171px 0px;
}

.country-select .flag.hm {
	height: 10px;
	background-position: -2193px 0px;
}

.country-select .flag.hn {
	height: 10px;
	background-position: -2215px 0px;
}

.country-select .flag.hr {
	height: 10px;
	background-position: -2237px 0px;
}

.country-select .flag.ht {
	height: 12px;
	background-position: -2259px 0px;
}

.country-select .flag.hu {
	height: 10px;
	background-position: -2281px 0px;
}

.country-select .flag.ic {
	height: 14px;
	background-position: -2303px 0px;
}

.country-select .flag.id {
	height: 14px;
	background-position: -2325px 0px;
}

.country-select .flag.ie {
	height: 10px;
	background-position: -2347px 0px;
}

.country-select .flag.il {
	height: 15px;
	background-position: -2369px 0px;
}

.country-select .flag.im {
	height: 10px;
	background-position: -2391px 0px;
}

.country-select .flag.in {
	height: 14px;
	background-position: -2413px 0px;
}

.country-select .flag.io {
	height: 10px;
	background-position: -2435px 0px;
}

.country-select .flag.iq {
	height: 14px;
	background-position: -2457px 0px;
}

.country-select .flag.ir {
	height: 12px;
	background-position: -2479px 0px;
}

.country-select .flag.is {
	height: 15px;
	background-position: -2501px 0px;
}

.country-select .flag.it {
	height: 14px;
	background-position: -2523px 0px;
}

.country-select .flag.je {
	height: 12px;
	background-position: -2545px 0px;
}

.country-select .flag.jm {
	height: 10px;
	background-position: -2567px 0px;
}

.country-select .flag.jo {
	height: 10px;
	background-position: -2589px 0px;
}

.country-select .flag.jp {
	height: 14px;
	background-position: -2611px 0px;
}

.country-select .flag.ke {
	height: 14px;
	background-position: -2633px 0px;
}

.country-select .flag.kg {
	height: 12px;
	background-position: -2655px 0px;
}

.country-select .flag.kh {
	height: 13px;
	background-position: -2677px 0px;
}

.country-select .flag.ki {
	height: 10px;
	background-position: -2699px 0px;
}

.country-select .flag.km {
	height: 12px;
	background-position:- 2721px 0px;
}

.country-select .flag.kn {
	height: 14px;
	background-position: -2743px 0px;
}

.country-select .flag.kp {
	height: 10px;
	background-position: -2765px 0px;
}

.country-select .flag.kr {
	height: 14px;
	background-position: -2787px 0px;
}

.country-select .flag.kw {
	height: 10px;
	background-position: -2809px 0px;
}

.country-select .flag.ky {
	height: 10px;
	background-position: -2831px 0px;
}

.country-select .flag.kz {
	height: 10px;
	background-position: -2853px 0px;
}

.country-select .flag.la {
	height: 14px;
	background-position: -2875px 0px;
}

.country-select .flag.lb {
	height: 14px;
	background-position: -2897px 0px;
}

.country-select .flag.lc {
	height: 10px;
	background-position: -2919px 0px;
}

.country-select .flag.li {
	height: 12px;
	background-position: -2941px 0px;
}

.country-select .flag.lk {
	height: 10px;
	background-position: -2963px 0px;
}

.country-select .flag.lr {
	height: 11px;
	background-position: -2985px 0px;
}

.country-select .flag.ls {
	height: 14px;
	background-position: -3007px 0px;
}

.country-select .flag.lt {
	height: 12px;
	background-position: -3029px 0px;
}

.country-select .flag.lu {
	height: 12px;
	background-position: -3051px 0px;
}

.country-select .flag.lv {
	height: 10px;
	background-position: -3073px 0px;
}

.country-select .flag.ly {
	height: 10px;
	background-position: -3095px 0px;
}

.country-select .flag.ma {
	height: 14px;
	background-position: -3117px 0px;
}

.country-select .flag.mc {
	height: 15px;
	background-position: -3139px 0px;
}

.country-select .flag.md {
	height: 10px;
	background-position: -3160px 0px;
}

.country-select .flag.me {
	height: 10px;
	background-position: -3182px 0px;
}

.country-select .flag.mf {
	height: 14px;
	background-position: -3204px 0px;
}

.country-select .flag.mg {
	height: 14px;
	background-position: -3226px 0px;
}

.country-select .flag.mh {
	height: 11px;
	background-position: -3248px 0px;
}

.country-select .flag.mk {
	height: 10px;
	background-position: -3270px 0px;
}

.country-select .flag.ml {
	height: 14px;
	background-position: -3292px 0px;
}

.country-select .flag.mm {
	height: 14px;
	background-position: -3314px 0px;
}

.country-select .flag.mn {
	height: 10px;
	background-position: -3336px 0px;
}

.country-select .flag.mo {
	height: 14px;
	background-position: -3358px 0px;
}

.country-select .flag.mp {
	height: 10px;
	background-position: -3380px 0px;
}

.country-select .flag.mq {
	height: 14px;
	background-position: -3402px 0px;
}

.country-select .flag.mr {
	height: 14px;
	background-position: -3424px 0px;
}

.country-select .flag.ms {
	height: 10px;
	background-position: -3446px 0px;
}

.country-select .flag.mt {
	height: 14px;
	background-position: -3468px 0px;
}

.country-select .flag.mu {
	height: 14px;
	background-position: -3490px 0px;
}

.country-select .flag.mv {
	height: 14px;
	background-position: -3512px 0px;
}

.country-select .flag.mw {
	height: 14px;
	background-position: -3534px 0px;
}

.country-select .flag.mx {
	height: 12px;
	background-position: -3556px 0px;
}

.country-select .flag.my {
	height: 10px;
	background-position: -3578px 0px;
}

.country-select .flag.mz {
	height: 14px;
	background-position: -3600px 0px;
}

.country-select .flag.na {
	height: 14px;
	background-position: -3622px 0px;
}

.country-select .flag.nc {
	height: 10px;
	background-position: -3644px 0px;
}

.country-select .flag.ne {
	height: 15px;
	background-position: -3666px 0px;
}

.country-select .flag.nf {
	height: 10px;
	background-position: -3686px 0px;
}

.country-select .flag.ng {
	height: 10px;
	background-position: -3708px 0px;
}

.country-select .flag.ni {
	height: 12px;
	background-position: -3730px 0px;
}

.country-select .flag.nl {
	height: 14px;
	background-position: -3752px 0px;
}

.country-select .flag.no {
	height: 15px;
	background-position: -3774px 0px;
}

.country-select .flag.np {
	height: 15px;
	background-position: -3796px 0px;
	background-color: transparent;
}

.country-select .flag.nr {
	height: 10px;
	background-position: -3811px 0px;
}

.country-select .flag.nu {
	height: 10px;
	background-position: -3833px 0px;
}

.country-select .flag.nz {
	height: 10px;
	background-position: -3855px 0px;
}

.country-select .flag.om {
	height: 10px;
	background-position: -3877px 0px;
}

.country-select .flag.pa {
	height: 14px;
	background-position: -3899px 0px;
}

.country-select .flag.pe {
	height: 14px;
	background-position: -3921px 0px;
}

.country-select .flag.pf {
	height: 14px;
	background-position: -3943px 0px;
}

.country-select .flag.pg {
	height: 15px;
	background-position: -3965px 0px;
}

.country-select .flag.ph {
	height: 10px;
	background-position: -3987px 0px;
}

.country-select .flag.pk {
	height: 14px;
	background-position: -4009px 0px;
}

.country-select .flag.pl {
	height: 13px;
	background-position: -4031px 0px;
}

.country-select .flag.pm {
	height: 14px;
	background-position: -4053px 0px;
}

.country-select .flag.pn {
	height: 10px;
	background-position: -4075px 0px;
}

.country-select .flag.pr {
	height: 14px;
	background-position: -4097px 0px;
}

.country-select .flag.ps {
	height: 10px;
	background-position: -4119px 0px;
}

.country-select .flag.pt {
	height: 14px;
	background-position: -4141px 0px;
}

.country-select .flag.pw {
	height: 13px;
	background-position: -4163px 0px;
}

.country-select .flag.py {
	height: 11px;
	background-position: -4185px 0px;
}

.country-select .flag.qa {
	height: 8px;
	background-position: -4207px 0px;
}

.country-select .flag.re {
	height: 14px;
	background-position: -4229px 0px;
}

.country-select .flag.ro {
	height: 14px;
	background-position: -4251px 0px;
}

.country-select .flag.rs {
	height: 14px;
	background-position: -4273px 0px;
}

.country-select .flag.ru {
	height: 14px;
	background-position: -4295px 0px;
}

.country-select .flag.rw {
	height: 14px;
	background-position: -4317px 0px;
}

.country-select .flag.sa {
	height: 14px;
	background-position: -4339px 0px;
}

.country-select .flag.sb {
	height: 10px;
	background-position: -4361px 0px;
}

.country-select .flag.sc {
	height: 10px;
	background-position: -4383px 0px;
}

.country-select .flag.sd {
	height: 10px;
	background-position: -4405px 0px;
}

.country-select .flag.se {
	height: 13px;
	background-position: -4427px 0px;
}

.country-select .flag.sg {
	height: 14px;
	background-position: -4449px 0px;
}

.country-select .flag.sh {
	height: 10px;
	background-position: -4471px 0px;
}

.country-select .flag.si {
	height: 10px;
	background-position: -4493px 0px;
}

.country-select .flag.sj {
	height: 15px;
	background-position: -4515px 0px;
}

.country-select .flag.sk {
	height: 14px;
	background-position: -4537px 0px;
}

.country-select .flag.sl {
	height: 14px;
	background-position: -4559px 0px;
}

.country-select .flag.sm {
	height: 15px;
	background-position: -4581px 0px;
}

.country-select .flag.sn {
	height: 14px;
	background-position: -4603px 0px;
}

.country-select .flag.so {
	height: 14px;
	background-position: -4625px 0px;
}

.country-select .flag.sr {
	height: 14px;
	background-position: -4647px 0px;
}

.country-select .flag.ss {
	height: 10px;
	background-position: -4669px 0px;
}

.country-select .flag.st {
	height: 10px;
	background-position: -4691px 0px;
}

.country-select .flag.sv {
	height: 12px;
	background-position: -4713px 0px;
}

.country-select .flag.sx {
	height: 14px;
	background-position: -4735px 0px;
}

.country-select .flag.sy {
	height: 14px;
	background-position: -4757px 0px;
}

.country-select .flag.sz {
	height: 14px;
	background-position: -4779px 0px;
}

.country-select .flag.ta {
	height: 10px;
	background-position: -4801px 0px;
}

.country-select .flag.tc {
	height: 10px;
	background-position: -4823px 0px;
}

.country-select .flag.td {
	height: 14px;
	background-position: -4845px 0px;
}

.country-select .flag.tf {
	height: 14px;
	background-position: -4867px 0px;
}

.country-select .flag.tg {
	height: 13px;
	background-position: -4889px 0px;
}

.country-select .flag.th {
	height: 14px;
	background-position: -4911px 0px;
}

.country-select .flag.tj {
	height: 10px;
	background-position: -4933px 0px;
}

.country-select .flag.tk {
	height: 10px;
	background-position: -4955px 0px;
}

.country-select .flag.tl {
	height: 10px;
	background-position: -4977px 0px;
}

.country-select .flag.tm {
	height: 14px;
	background-position: -4999px 0px;
}

.country-select .flag.tn {
	height: 14px;
	background-position: -5021px 0px;
}

.country-select .flag.to {
	height: 10px;
	background-position: -5043px 0px;
}

.country-select .flag.tr {
	height: 14px;
	background-position: -5065px 0px;
}

.country-select .flag.tt {
	height: 12px;
	background-position: -5087px 0px;
}

.country-select .flag.tv {
	height: 10px;
	background-position: -5109px 0px;
}

.country-select .flag.tw {
	height: 14px;
	background-position: -5131px 0px;
}

.country-select .flag.tz {
	height: 14px;
	background-position: -5153px 0px;
}

.country-select .flag.ua {
	height: 14px;
	background-position: -5175px 0px;
}

.country-select .flag.ug {
	height: 14px;
	background-position: -5197px 0px;
}

.country-select .flag.um {
	height: 11px;
	background-position: -5219px 0px;
}

.country-select .flag.us {
	height: 11px;
	background-position: -5241px 0px;
}

.country-select .flag.uy {
	height: 14px;
	background-position: -5263px 0px;
}

.country-select .flag.uz {
	height: 10px;
	background-position: -5285px 0px;
}

.country-select .flag.va {
	height: 15px;
	background-position: -5307px 0px;
}

.country-select .flag.vc {
	height: 14px;
	background-position: -5324px 0px;
}

.country-select .flag.ve {
	height: 14px;
	background-position: -5346px 0px;
}

.country-select .flag.vg {
	height: 10px;
	background-position: -5368px 0px;
}

.country-select .flag.vi {
	height: 14px;
	background-position: -5390px 0px;
}

.country-select .flag.vn {
	height: 14px;
	background-position: -5412px 0px;
}

.country-select .flag.vu {
	height: 12px;
	background-position: -5434px 0px;
}

.country-select .flag.wf {
	height: 14px;
	background-position: -5456px 0px;
}

.country-select .flag.ws {
	height: 10px;
	background-position: -5478px 0px;
}

.country-select .flag.xk {
	height: 15px;
	background-position: -5500px 0px;
}

.country-select .flag.ye {
	height: 14px;
	background-position: -5522px 0px;
}

.country-select .flag.yt {
	height: 14px;
	background-position: -5544px 0px;
}

.country-select .flag.za {
	height: 14px;
	background-position: -5566px 0px;
}

.country-select .flag.zm {
	height: 14px;
	background-position: -5588px 0px;
}

.country-select .flag.zw {
	height: 10px;
	background-position: -5610px 0px;
}

/* Select2 */
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: #ffffff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

body.page-template-school-search-results-template .select2-dropdown {
    background: #f1f1f1;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option--selectable {
    cursor: pointer;
    color: #3b3b3b;
    font-weight: 400;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    height: 47.75px;
    border-radius: 5px;
    border: none;
}

body.page-template-school-search-results-template .select2-container--default .select2-selection--single {
    background: #f1f1f1;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3b3b3b;
    line-height: 47.75px;
    font-weight: 400;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #979493;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: none;
    border-radius: 0px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
    padding: 0;
}

.select2-container--default .select2-results__option--disabled {
    color: #999;
    font-weight: 400;
}

.select2-container--default .select2-results__option--selected {
    background-color: #d7a327;
    color: #ffffff;
    font-weight: 400;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #d7a327;
    color: #ffffff;
    font-weight: 400;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} 

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
    padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

/* Charts */
.charts-css {
	--color-1: rgba(240,50,50,0.75);
	--color-2: rgba(255,180,50,0.75);
	--color-3: rgba(255,220,90,0.75);
	--color-4: rgba(100,210,80,0.75);
	--color-5: rgba(90,165,255,0.75);
	--color-6: rgba(170,90,240,0.75);
	--color-7: hsla(0,0%,70.6%,0.75);
	--color-8: hsla(0,0%,43.1%,0.75);
	--color-9: rgba(170,150,110,0.75);
	--color-10: rgba(130,50,20,0.75);
    --a-level-color: rgba(121,19,102,0.75);
    --gcse-color: rgba(215,163,39,0.75);
	--chart-bg-color: #f5f5f5;
	--heading-size: 0px;
	--primary-axis-color: #000;
	--primary-axis-style: solid;
	--primary-axis-width: 1px;
	--secondary-axes-color: rgba(0,0,0,0.15);
	--secondary-axes-style: solid;
	--secondary-axes-width: 1px;
	--data-axes-color: rgba(0,0,0,0.15);
	--data-axes-style: solid;
	--data-axes-width: 1px;
	--legend-border-color: #c8c8c8;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

.charts-css,.charts-css *,.charts-css::after,.charts-css ::after,.charts-css::before,.charts-css ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

table.charts-css {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	overflow: initial;
	background-color: transparent;
}

table.charts-css caption,table.charts-css colgroup,table.charts-css tbody,table.charts-css td,table.charts-css th,table.charts-css thead,table.charts-css tr {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

table.charts-css colgroup,table.charts-css tfoot,table.charts-css thead {
	display: none;
}

ol.charts-css,ul.charts-css {
	list-style-type: none;
}

ol.charts-css li,ul.charts-css li {
	margin: 0;
	padding: 0;
	border: 0;
}

.charts-css:not(.show-heading) caption {
	display: none;
}

.charts-css.show-heading {
	--heading-size: 1.5rem;
}

.charts-css.show-heading caption {
	display: block;
	width: 100%;
	height: var(--heading-size);
}

.charts-css.area tbody tr td:nth-of-type(10n+1)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+1),.charts-css.bar tbody tr:nth-of-type(10n+1) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+1),.charts-css.column tbody tr:nth-of-type(10n+1) td,.charts-css.line tbody tr td:nth-of-type(10n+1)::before {
	background: var(--color,var(--color-1));
}

.charts-css.area tbody tr td:nth-of-type(10n+2)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+2),.charts-css.bar tbody tr:nth-of-type(10n+2) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+2),.charts-css.column tbody tr:nth-of-type(10n+2) td,.charts-css.line tbody tr td:nth-of-type(10n+2)::before {
	background: var(--color,var(--color-2));
}

.charts-css.area tbody tr td:nth-of-type(10n+3)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+3),.charts-css.bar tbody tr:nth-of-type(10n+3) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+3),.charts-css.column tbody tr:nth-of-type(10n+3) td,.charts-css.line tbody tr td:nth-of-type(10n+3)::before {
	background: var(--color,var(--color-3));
}

.charts-css.area tbody tr td:nth-of-type(10n+4)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+4),.charts-css.bar tbody tr:nth-of-type(10n+4) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+4),.charts-css.column tbody tr:nth-of-type(10n+4) td,.charts-css.line tbody tr td:nth-of-type(10n+4)::before {
	background: var(--color,var(--color-4));
}

.charts-css.area tbody tr td:nth-of-type(10n+5)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+5),.charts-css.bar tbody tr:nth-of-type(10n+5) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+5),.charts-css.column tbody tr:nth-of-type(10n+5) td,.charts-css.line tbody tr td:nth-of-type(10n+5)::before {
	background: var(--color,var(--color-5));
}

.charts-css.area tbody tr td:nth-of-type(10n+6)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+6),.charts-css.bar tbody tr:nth-of-type(10n+6) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+6),.charts-css.column tbody tr:nth-of-type(10n+6) td,.charts-css.line tbody tr td:nth-of-type(10n+6)::before {
	background: var(--color,var(--color-6));
}

.charts-css.area tbody tr td:nth-of-type(10n+7)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+7),.charts-css.bar tbody tr:nth-of-type(10n+7) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+7),.charts-css.column tbody tr:nth-of-type(10n+7) td,.charts-css.line tbody tr td:nth-of-type(10n+7)::before {
	background: var(--color,var(--color-7));
}

.charts-css.area tbody tr td:nth-of-type(10n+8)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+8),.charts-css.bar tbody tr:nth-of-type(10n+8) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+8),.charts-css.column tbody tr:nth-of-type(10n+8) td,.charts-css.line tbody tr td:nth-of-type(10n+8)::before {
	background: var(--color,var(--color-8));
}

.charts-css.area tbody tr td:nth-of-type(10n+9)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+9),.charts-css.bar tbody tr:nth-of-type(10n+9) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+9),.charts-css.column tbody tr:nth-of-type(10n+9) td,.charts-css.line tbody tr td:nth-of-type(10n+9)::before {
	background: var(--color,var(--color-9));
}

.charts-css.area tbody tr td:nth-of-type(10n+10)::before,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+10),.charts-css.bar tbody tr:nth-of-type(10n+10) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+10),.charts-css.column tbody tr:nth-of-type(10n+10) td,.charts-css.line tbody tr td:nth-of-type(10n+10)::before {
	background: var(--color,var(--color-10));
}

.charts-css.hide-data .data {
	opacity: 0;
}

.charts-css.show-data-on-hover .data {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	opacity: 0;
}

.charts-css.show-data-on-hover tr:hover .data {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	opacity: 1;
}

.charts-css.bar:not(.show-labels) {
	--labels-size: 0;
}

.charts-css.bar:not(.show-labels) tbody tr th {
	display: none;
}

.charts-css.bar.show-labels {
	--labels-size: 80px;
}

.charts-css.bar.show-labels tbody tr th {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: var(--labels-align,center);
	-ms-flex-pack: var(--labels-align,center);
	justify-content: var(--labels-align,center);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.charts-css.bar.show-labels th.hide-label,.charts-css.bar.show-labels tr.hide-label th {
	display: none;
}

.charts-css.bar.labels-align-start tbody tr th {
	-webkit-box-align: var(--labels-align,flex-start);
	-ms-flex-align: var(--labels-align,flex-start);
	align-items: var(--labels-align,flex-start);
}

.charts-css.bar.labels-align-end tbody tr th {
	-webkit-box-align: var(--labels-align,flex-end);
	-ms-flex-align: var(--labels-align,flex-end);
	align-items: var(--labels-align,flex-end);
}

.charts-css.bar.labels-align-center tbody tr th {
	-webkit-box-align: var(--labels-align,center);
	-ms-flex-align: var(--labels-align,center);
	align-items: var(--labels-align,center);
}

.charts-css.area:not(.show-labels),.charts-css.column:not(.show-labels),.charts-css.line:not(.show-labels) {
	--labels-size: 0;
}

.charts-css.area:not(.show-labels) tbody tr th,.charts-css.column:not(.show-labels) tbody tr th,.charts-css.line:not(.show-labels) tbody tr th {
	display: none;
}

.charts-css.area.show-labels,.charts-css.column.show-labels,.charts-css.line.show-labels {
	--labels-size: 1.5rem;
}

.charts-css.area.show-labels tbody tr th,.charts-css.column.show-labels tbody tr th,.charts-css.line.show-labels tbody tr th {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: var(--labels-align,center);
	-ms-flex-pack: var(--labels-align,center);
	justify-content: var(--labels-align,center);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.charts-css.area.show-labels th.hide-label,.charts-css.area.show-labels tr.hide-label th,.charts-css.column.show-labels th.hide-label,.charts-css.column.show-labels tr.hide-label th,.charts-css.line.show-labels th.hide-label,.charts-css.line.show-labels tr.hide-label th {
	display: none;
}

.charts-css.area.labels-align-start tbody tr th,.charts-css.column.labels-align-start tbody tr th,.charts-css.line.labels-align-start tbody tr th {
	-webkit-box-pack: var(--labels-align,flex-start);
	-ms-flex-pack: var(--labels-align,flex-start);
	justify-content: var(--labels-align,flex-start);
}

.charts-css.area.labels-align-end tbody tr th,.charts-css.column.labels-align-end tbody tr th,.charts-css.line.labels-align-end tbody tr th {
	-webkit-box-pack: var(--labels-align,flex-end);
	-ms-flex-pack: var(--labels-align,flex-end);
	justify-content: var(--labels-align,flex-end);
}

.charts-css.area.labels-align-center tbody tr th,.charts-css.column.labels-align-center tbody tr th,.charts-css.line.labels-align-center tbody tr th {
	-webkit-box-pack: var(--labels-align,center);
	-ms-flex-pack: var(--labels-align,center);
	justify-content: var(--labels-align,center);
}

.charts-css.area.show-primary-axis:not(.reverse) tbody tr,.charts-css.column.show-primary-axis:not(.reverse) tbody tr,.charts-css.line.show-primary-axis:not(.reverse) tbody tr {
	-webkit-border-after: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
	border-block-end: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
}

.charts-css.area.show-primary-axis.reverse tbody tr,.charts-css.column.show-primary-axis.reverse tbody tr,.charts-css.line.show-primary-axis.reverse tbody tr {
	-webkit-border-before: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
	border-block-start: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
}

.charts-css.area.show-1-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-1-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-1-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 100%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-1-secondary-axes.reverse tbody tr,.charts-css.column.show-1-secondary-axes.reverse tbody tr,.charts-css.line.show-1-secondary-axes.reverse tbody tr {
	background-size: 100% 100%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-2-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-2-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-2-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 50%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-2-secondary-axes.reverse tbody tr,.charts-css.column.show-2-secondary-axes.reverse tbody tr,.charts-css.line.show-2-secondary-axes.reverse tbody tr {
	background-size: 100% 50%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-3-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-3-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-3-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 33.333333%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-3-secondary-axes.reverse tbody tr,.charts-css.column.show-3-secondary-axes.reverse tbody tr,.charts-css.line.show-3-secondary-axes.reverse tbody tr {
	background-size: 100% 33.333333%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-4-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-4-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-4-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 25%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-4-secondary-axes.reverse tbody tr,.charts-css.column.show-4-secondary-axes.reverse tbody tr,.charts-css.line.show-4-secondary-axes.reverse tbody tr {
	background-size: 100% 25%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-5-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-5-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-5-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 20%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-5-secondary-axes.reverse tbody tr,.charts-css.column.show-5-secondary-axes.reverse tbody tr,.charts-css.line.show-5-secondary-axes.reverse tbody tr {
	background-size: 100% 20%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-6-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-6-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-6-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 16.666667%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-6-secondary-axes.reverse tbody tr,.charts-css.column.show-6-secondary-axes.reverse tbody tr,.charts-css.line.show-6-secondary-axes.reverse tbody tr {
	background-size: 100% 16.666667%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-7-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-7-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-7-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 14.285714%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-7-secondary-axes.reverse tbody tr,.charts-css.column.show-7-secondary-axes.reverse tbody tr,.charts-css.line.show-7-secondary-axes.reverse tbody tr {
	background-size: 100% 14.285714%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-8-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-8-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-8-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 12.5%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-8-secondary-axes.reverse tbody tr,.charts-css.column.show-8-secondary-axes.reverse tbody tr,.charts-css.line.show-8-secondary-axes.reverse tbody tr {
	background-size: 100% 12.5%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-9-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-9-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-9-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 11.111111%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-9-secondary-axes.reverse tbody tr,.charts-css.column.show-9-secondary-axes.reverse tbody tr,.charts-css.line.show-9-secondary-axes.reverse tbody tr {
	background-size: 100% 11.111111%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-10-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-10-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-10-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 10%;
	background-image: -webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-10-secondary-axes.reverse tbody tr,.charts-css.column.show-10-secondary-axes.reverse tbody tr,.charts-css.line.show-10-secondary-axes.reverse tbody tr {
	background-size: 100% 10%;
	background-image: -webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.area.show-data-axes tbody tr,.charts-css.column.show-data-axes tbody tr,.charts-css.line.show-data-axes tbody tr {
	-webkit-border-end: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
	border-inline-end: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
}

.charts-css.area.show-data-axes.reverse-data tbody tr:last-of-type,.charts-css.area.show-data-axes:not(.reverse-data) tbody tr:first-of-type,.charts-css.column.show-data-axes.reverse-data tbody tr:last-of-type,.charts-css.column.show-data-axes:not(.reverse-data) tbody tr:first-of-type,.charts-css.line.show-data-axes.reverse-data tbody tr:last-of-type,.charts-css.line.show-data-axes:not(.reverse-data) tbody tr:first-of-type {
	-webkit-border-start: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
	border-inline-start: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
}

.charts-css.area.show-dataset-axes tbody tr td,.charts-css.column.show-dataset-axes tbody tr td,.charts-css.line.show-dataset-axes tbody tr td {
	-webkit-border-end: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
	border-inline-end: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
}

.charts-css.area.show-dataset-axes.reverse-data tbody tr:last-of-type td,.charts-css.area.show-dataset-axes:not(.reverse-data) tbody tr:first-of-type td,.charts-css.column.show-dataset-axes.reverse-data tbody tr:last-of-type td,.charts-css.column.show-dataset-axes:not(.reverse-data) tbody tr:first-of-type td,.charts-css.line.show-dataset-axes.reverse-data tbody tr:last-of-type td,.charts-css.line.show-dataset-axes:not(.reverse-data) tbody tr:first-of-type td {
	-webkit-border-start: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
	border-inline-start: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
}

.charts-css.bar.show-primary-axis:not(.reverse) tbody tr {
	-webkit-border-start: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
	border-inline-start: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
}

.charts-css.bar.show-primary-axis.reverse tbody tr {
	-webkit-border-end: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
	border-inline-end: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
}

.charts-css.bar.show-1-secondary-axes:not(.reverse) tbody tr {
	background-size: 100% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-1-secondary-axes.reverse tbody tr {
	background-size: 100% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-2-secondary-axes:not(.reverse) tbody tr {
	background-size: 50% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-2-secondary-axes.reverse tbody tr {
	background-size: 50% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-3-secondary-axes:not(.reverse) tbody tr {
	background-size: 33.333333% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-3-secondary-axes.reverse tbody tr {
	background-size: 33.333333% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-4-secondary-axes:not(.reverse) tbody tr {
	background-size: 25% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-4-secondary-axes.reverse tbody tr {
	background-size: 25% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-5-secondary-axes:not(.reverse) tbody tr {
	background-size: 20% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-5-secondary-axes.reverse tbody tr {
	background-size: 20% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-6-secondary-axes:not(.reverse) tbody tr {
	background-size: 16.666667% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-6-secondary-axes.reverse tbody tr {
	background-size: 16.666667% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-7-secondary-axes:not(.reverse) tbody tr {
	background-size: 14.285714% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-7-secondary-axes.reverse tbody tr {
	background-size: 14.285714% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-8-secondary-axes:not(.reverse) tbody tr {
	background-size: 12.5% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-8-secondary-axes.reverse tbody tr {
	background-size: 12.5% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-9-secondary-axes:not(.reverse) tbody tr {
	background-size: 11.111111% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-9-secondary-axes.reverse tbody tr {
	background-size: 11.111111% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-10-secondary-axes:not(.reverse) tbody tr {
	background-size: 10% 100%;
	background-image: -webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-10-secondary-axes.reverse tbody tr {
	background-size: 10% 100%;
	background-image: -webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
	background-image: linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
}

.charts-css.bar.show-data-axes tbody tr {
	-webkit-border-after: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
	border-block-end: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
}

.charts-css.bar.show-data-axes.reverse-data tbody tr:last-of-type,.charts-css.bar.show-data-axes:not(.reverse-data) tbody tr:first-of-type {
	-webkit-border-before: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
	border-block-start: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
}

.charts-css.bar.show-dataset-axes tbody tr td {
	-webkit-border-after: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
	border-block-end: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
}

.charts-css.bar.show-dataset-axes.reverse-data tbody tr:last-of-type td,.charts-css.bar.show-dataset-axes:not(.reverse-data) tbody tr:first-of-type td {
	-webkit-border-before: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
	border-block-start: var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
}

.charts-css.legend {
	padding: 1rem;
	border: 1px solid var(--legend-border-color);
	list-style: none;
	font-size: 1rem;
}

.charts-css.legend li {
	line-height: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.charts-css.legend li::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	-webkit-margin-end: .5rem;
	margin-inline-end: .5rem;
	border-width: 2px;
	border-style: solid;
}

.charts-css.legend li:first-child::before {
	background-color: var(--color-1,transparent);
	border-color: var(--border-color-1,var(--border-color,#000));
}

.charts-css.legend li:nth-child(2)::before {
	background-color: var(--color-2,transparent);
	border-color: var(--border-color-2,var(--border-color,#000));
}

.charts-css.legend li:nth-child(3)::before {
	background-color: var(--color-3,transparent);
	border-color: var(--border-color-3,var(--border-color,#000));
}

.charts-css.legend li:nth-child(4)::before {
	background-color: var(--color-4,transparent);
	border-color: var(--border-color-4,var(--border-color,#000));
}

.charts-css.legend li:nth-child(5)::before {
	background-color: var(--color-5,transparent);
	border-color: var(--border-color-5,var(--border-color,#000));
}

.charts-css.legend li:nth-child(6)::before {
	background-color: var(--color-6,transparent);
	border-color: var(--border-color-6,var(--border-color,#000));
}

.charts-css.legend li:nth-child(7)::before {
	background-color: var(--color-7,transparent);
	border-color: var(--border-color-7,var(--border-color,#000));
}

.charts-css.legend li:nth-child(8)::before {
	background-color: var(--color-8,transparent);
	border-color: var(--border-color-8,var(--border-color,#000));
}

.charts-css.legend li:nth-child(9)::before {
	background-color: var(--color-9,transparent);
	border-color: var(--border-color-9,var(--border-color,#000));
}

.charts-css.legend li:nth-child(10)::before {
	background-color: var(--color-10,transparent);
	border-color: var(--border-color-10,var(--border-color,#000));
}

.charts-css:not(.legend-inline) {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.charts-css.legend-inline,.charts-css:not(.legend-inline) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
}

.charts-css.legend-inline {
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.charts-css.legend-inline li {
	-webkit-margin-end: 1rem;
	margin-inline-end: 1rem;
}

.charts-css.legend-circle li::before {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}

.charts-css.legend-ellipse li::before {
	width: 2rem;
	height: 1rem;
	border-radius: 50%;
}

.charts-css.legend-rhombus li::before,.charts-css.legend-square li::before {
	width: 1rem;
	height: 1rem;
	border-radius: 3px;
}

.charts-css.legend-rhombus li::before {
	-webkit-transform: rotate(45deg) scale(.85);
	transform: rotate(45deg) scale(.85);
}

.charts-css.legend-rectangle li::before {
	width: 2rem;
	height: 1rem;
	border-radius: 3px;
}

.charts-css.legend-line li::before {
	width: 2rem;
	height: 3px;
	border-radius: 2px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.charts-css .tooltip {
	position: absolute;
	z-index: 1;
	bottom: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 5px 10px;
	border-radius: 6px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	background-color: #555;
	color: #fff;
	text-align: center;
	font-size: .9rem;
}

.charts-css .tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #555;
}

.charts-css td:hover .tooltip {
	visibility: visible;
	opacity: 1;
}

.charts-css.bar tbody {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	height: calc(100% - var(--heading-size));
}

.charts-css.bar tbody,.charts-css.bar tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.charts-css.bar tbody tr {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	overflow-wrap: anywhere;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.charts-css.bar tbody tr th {
	position: absolute;
	top: 0;
	bottom: 0;
}

.charts-css.bar tbody tr td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100%*var(--size, 1));
	height: 100%;
	position: relative;
}

.charts-css.bar:not(.reverse) tbody tr {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-margin-start: var(--labels-size);
	margin-inline-start: var(--labels-size);
}

.charts-css.bar:not(.reverse) tbody tr th {
	left: calc(var(--labels-size)*-1 - var(--primary-axis-width));
	width: var(--labels-size);
}

.charts-css.bar:not(.reverse) tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.charts-css.bar.reverse tbody tr {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-margin-end: var(--labels-size);
	margin-inline-end: var(--labels-size);
}

.charts-css.bar.reverse tbody tr th {
	right: calc(var(--labels-size)*-1 - var(--primary-axis-width));
	width: var(--labels-size);
}

.charts-css.bar.reverse tbody tr td {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.charts-css.bar:not(.stacked) tbody tr td {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.charts-css.bar.stacked tbody tr td {
	-webkit-box-flex: unset;
	-ms-flex-positive: unset;
	flex-grow: unset;
	-ms-flex-negative: unset;
	flex-shrink: unset;
	-ms-flex-preferred-size: unset;
	flex-basis: unset;
}

.charts-css.bar.stacked.reverse-datasets tbody tr {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.charts-css.bar:not(.reverse-data) tbody {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.charts-css.bar.reverse-data tbody {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.charts-css.bar:not(.reverse-datasets):not(.stacked) tbody tr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.charts-css.bar:not(.reverse-datasets).stacked:not(.reverse) tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.charts-css.bar:not(.reverse-datasets).stacked.reverse tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.charts-css.bar.reverse-datasets:not(.stacked) tbody tr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.charts-css.bar.reverse-datasets.stacked:not(.reverse) tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.charts-css.bar.reverse-datasets.stacked.reverse tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.charts-css.bar.data-spacing-1 tbody tr {
	-webkit-padding-before: 1px;
	padding-block-start: 1px;
	-webkit-padding-after: 1px;
	padding-block-end: 1px;
}

.charts-css.bar.data-spacing-2 tbody tr {
	-webkit-padding-before: 2px;
	padding-block-start: 2px;
	-webkit-padding-after: 2px;
	padding-block-end: 2px;
}

.charts-css.bar.data-spacing-3 tbody tr {
	-webkit-padding-before: 3px;
	padding-block-start: 3px;
	-webkit-padding-after: 3px;
	padding-block-end: 3px;
}

.charts-css.bar.data-spacing-4 tbody tr {
	-webkit-padding-before: 4px;
	padding-block-start: 4px;
	-webkit-padding-after: 4px;
	padding-block-end: 4px;
}

.charts-css.bar.data-spacing-5 tbody tr {
	-webkit-padding-before: 5px;
	padding-block-start: 5px;
	-webkit-padding-after: 5px;
	padding-block-end: 5px;
}

.charts-css.bar.data-spacing-6 tbody tr {
	-webkit-padding-before: 6px;
	padding-block-start: 6px;
	-webkit-padding-after: 6px;
	padding-block-end: 6px;
}

.charts-css.bar.data-spacing-7 tbody tr {
	-webkit-padding-before: 7px;
	padding-block-start: 7px;
	-webkit-padding-after: 7px;
	padding-block-end: 7px;
}

.charts-css.bar.data-spacing-8 tbody tr {
	-webkit-padding-before: 8px;
	padding-block-start: 8px;
	-webkit-padding-after: 8px;
	padding-block-end: 8px;
}

.charts-css.bar.data-spacing-9 tbody tr {
	-webkit-padding-before: 9px;
	padding-block-start: 9px;
	-webkit-padding-after: 9px;
	padding-block-end: 9px;
}

.charts-css.bar.data-spacing-10 tbody tr {
	-webkit-padding-before: 10px;
	padding-block-start: 10px;
	-webkit-padding-after: 10px;
	padding-block-end: 10px;
}

.charts-css.bar.data-spacing-11 tbody tr {
	-webkit-padding-before: 11px;
	padding-block-start: 11px;
	-webkit-padding-after: 11px;
	padding-block-end: 11px;
}

.charts-css.bar.data-spacing-12 tbody tr {
	-webkit-padding-before: 12px;
	padding-block-start: 12px;
	-webkit-padding-after: 12px;
	padding-block-end: 12px;
}

.charts-css.bar.data-spacing-13 tbody tr {
	-webkit-padding-before: 13px;
	padding-block-start: 13px;
	-webkit-padding-after: 13px;
	padding-block-end: 13px;
}

.charts-css.bar.data-spacing-14 tbody tr {
	-webkit-padding-before: 14px;
	padding-block-start: 14px;
	-webkit-padding-after: 14px;
	padding-block-end: 14px;
}

.charts-css.bar.data-spacing-15 tbody tr {
	-webkit-padding-before: 15px;
	padding-block-start: 15px;
	-webkit-padding-after: 15px;
	padding-block-end: 15px;
}

.charts-css.bar.data-spacing-16 tbody tr {
	-webkit-padding-before: 16px;
	padding-block-start: 16px;
	-webkit-padding-after: 16px;
	padding-block-end: 16px;
}

.charts-css.bar.data-spacing-17 tbody tr {
	-webkit-padding-before: 17px;
	padding-block-start: 17px;
	-webkit-padding-after: 17px;
	padding-block-end: 17px;
}

.charts-css.bar.data-spacing-18 tbody tr {
	-webkit-padding-before: 18px;
	padding-block-start: 18px;
	-webkit-padding-after: 18px;
	padding-block-end: 18px;
}

.charts-css.bar.data-spacing-19 tbody tr {
	-webkit-padding-before: 19px;
	padding-block-start: 19px;
	-webkit-padding-after: 19px;
	padding-block-end: 19px;
}

.charts-css.bar.data-spacing-20 tbody tr {
	-webkit-padding-before: 20px;
	padding-block-start: 20px;
	-webkit-padding-after: 20px;
	padding-block-end: 20px;
}

.charts-css.bar.datasets-spacing-1 tbody tr td {
	-webkit-margin-before: 1px;
	margin-block-start: 1px;
	-webkit-margin-after: 1px;
	margin-block-end: 1px;
}

.charts-css.bar.datasets-spacing-2 tbody tr td {
	-webkit-margin-before: 2px;
	margin-block-start: 2px;
	-webkit-margin-after: 2px;
	margin-block-end: 2px;
}

.charts-css.bar.datasets-spacing-3 tbody tr td {
	-webkit-margin-before: 3px;
	margin-block-start: 3px;
	-webkit-margin-after: 3px;
	margin-block-end: 3px;
}

.charts-css.bar.datasets-spacing-4 tbody tr td {
	-webkit-margin-before: 4px;
	margin-block-start: 4px;
	-webkit-margin-after: 4px;
	margin-block-end: 4px;
}

.charts-css.bar.datasets-spacing-5 tbody tr td {
	-webkit-margin-before: 5px;
	margin-block-start: 5px;
	-webkit-margin-after: 5px;
	margin-block-end: 5px;
}

.charts-css.bar.datasets-spacing-6 tbody tr td {
	-webkit-margin-before: 6px;
	margin-block-start: 6px;
	-webkit-margin-after: 6px;
	margin-block-end: 6px;
}

.charts-css.bar.datasets-spacing-7 tbody tr td {
	-webkit-margin-before: 7px;
	margin-block-start: 7px;
	-webkit-margin-after: 7px;
	margin-block-end: 7px;
}

.charts-css.bar.datasets-spacing-8 tbody tr td {
	-webkit-margin-before: 8px;
	margin-block-start: 8px;
	-webkit-margin-after: 8px;
	margin-block-end: 8px;
}

.charts-css.bar.datasets-spacing-9 tbody tr td {
	-webkit-margin-before: 9px;
	margin-block-start: 9px;
	-webkit-margin-after: 9px;
	margin-block-end: 9px;
}

.charts-css.bar.datasets-spacing-10 tbody tr td {
	-webkit-margin-before: 10px;
	margin-block-start: 10px;
	-webkit-margin-after: 10px;
	margin-block-end: 10px;
}

.charts-css.bar.datasets-spacing-11 tbody tr td {
	-webkit-margin-before: 11px;
	margin-block-start: 11px;
	-webkit-margin-after: 11px;
	margin-block-end: 11px;
}

.charts-css.bar.datasets-spacing-12 tbody tr td {
	-webkit-margin-before: 12px;
	margin-block-start: 12px;
	-webkit-margin-after: 12px;
	margin-block-end: 12px;
}

.charts-css.bar.datasets-spacing-13 tbody tr td {
	-webkit-margin-before: 13px;
	margin-block-start: 13px;
	-webkit-margin-after: 13px;
	margin-block-end: 13px;
}

.charts-css.bar.datasets-spacing-14 tbody tr td {
	-webkit-margin-before: 14px;
	margin-block-start: 14px;
	-webkit-margin-after: 14px;
	margin-block-end: 14px;
}

.charts-css.bar.datasets-spacing-15 tbody tr td {
	-webkit-margin-before: 15px;
	margin-block-start: 15px;
	-webkit-margin-after: 15px;
	margin-block-end: 15px;
}

.charts-css.bar.datasets-spacing-16 tbody tr td {
	-webkit-margin-before: 16px;
	margin-block-start: 16px;
	-webkit-margin-after: 16px;
	margin-block-end: 16px;
}

.charts-css.bar.datasets-spacing-17 tbody tr td {
	-webkit-margin-before: 17px;
	margin-block-start: 17px;
	-webkit-margin-after: 17px;
	margin-block-end: 17px;
}

.charts-css.bar.datasets-spacing-18 tbody tr td {
	-webkit-margin-before: 18px;
	margin-block-start: 18px;
	-webkit-margin-after: 18px;
	margin-block-end: 18px;
}

.charts-css.bar.datasets-spacing-19 tbody tr td {
	-webkit-margin-before: 19px;
	margin-block-start: 19px;
	-webkit-margin-after: 19px;
	margin-block-end: 19px;
}

.charts-css.bar.datasets-spacing-20 tbody tr td {
	-webkit-margin-before: 20px;
	margin-block-start: 20px;
	-webkit-margin-after: 20px;
	margin-block-end: 20px;
}

.charts-css.column tbody {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	height: calc(100% - var(--heading-size));
}

.charts-css.column tbody tr {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	overflow-wrap: anywhere;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.charts-css.column tbody tr th {
	position: absolute;
	right: 0;
	left: 0;
}

.charts-css.column tbody tr td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: calc(100%*var(--size, 1));
	position: relative;
}

.charts-css.column:not(.reverse) tbody tr {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-margin-after: var(--labels-size);
	margin-block-end: var(--labels-size);
}

.charts-css.column:not(.reverse) tbody tr th {
	bottom: calc(var(--labels-size)*-1 - var(--primary-axis-width));
	height: var(--labels-size);
}

.charts-css.column.reverse tbody tr,.charts-css.column:not(.reverse) tbody tr td {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.charts-css.column.reverse tbody tr {
	-webkit-margin-before: var(--labels-size);
	margin-block-start: var(--labels-size);
}

.charts-css.column.reverse tbody tr th {
	top: calc(var(--labels-size)*-1 - var(--primary-axis-width));
	height: var(--labels-size);
}

.charts-css.column.reverse tbody tr td {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.charts-css.column:not(.stacked) tbody tr td {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.charts-css.column.stacked tbody tr td {
	-webkit-box-flex: unset;
	-ms-flex-positive: unset;
	flex-grow: unset;
	-ms-flex-negative: unset;
	flex-shrink: unset;
	-ms-flex-preferred-size: unset;
	flex-basis: unset;
}

.charts-css.column.stacked.reverse-datasets tbody tr {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.charts-css.column:not(.reverse-data) tbody {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.charts-css.column.reverse-data tbody {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.charts-css.column:not(.reverse-datasets):not(.stacked) tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.charts-css.column:not(.reverse-datasets).stacked:not(.reverse) tbody tr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.charts-css.column:not(.reverse-datasets).stacked.reverse tbody tr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.charts-css.column.reverse-datasets:not(.stacked) tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.charts-css.column.reverse-datasets.stacked:not(.reverse) tbody tr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.charts-css.column.reverse-datasets.stacked.reverse tbody tr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.charts-css.column.data-spacing-1 tbody tr {
	-webkit-padding-start: 1px;
	padding-inline-start: 1px;
	-webkit-padding-end: 1px;
	padding-inline-end: 1px;
}

.charts-css.column.data-spacing-2 tbody tr {
	-webkit-padding-start: 2px;
	padding-inline-start: 2px;
	-webkit-padding-end: 2px;
	padding-inline-end: 2px;
}

.charts-css.column.data-spacing-3 tbody tr {
	-webkit-padding-start: 3px;
	padding-inline-start: 3px;
	-webkit-padding-end: 3px;
	padding-inline-end: 3px;
}

.charts-css.column.data-spacing-4 tbody tr {
	-webkit-padding-start: 4px;
	padding-inline-start: 4px;
	-webkit-padding-end: 4px;
	padding-inline-end: 4px;
}

.charts-css.column.data-spacing-5 tbody tr {
	-webkit-padding-start: 5px;
	padding-inline-start: 5px;
	-webkit-padding-end: 5px;
	padding-inline-end: 5px;
}

.charts-css.column.data-spacing-6 tbody tr {
	-webkit-padding-start: 6px;
	padding-inline-start: 6px;
	-webkit-padding-end: 6px;
	padding-inline-end: 6px;
}

.charts-css.column.data-spacing-7 tbody tr {
	-webkit-padding-start: 7px;
	padding-inline-start: 7px;
	-webkit-padding-end: 7px;
	padding-inline-end: 7px;
}

.charts-css.column.data-spacing-8 tbody tr {
	-webkit-padding-start: 8px;
	padding-inline-start: 8px;
	-webkit-padding-end: 8px;
	padding-inline-end: 8px;
}

.charts-css.column.data-spacing-9 tbody tr {
	-webkit-padding-start: 9px;
	padding-inline-start: 9px;
	-webkit-padding-end: 9px;
	padding-inline-end: 9px;
}

.charts-css.column.data-spacing-10 tbody tr {
	-webkit-padding-start: 10px;
	padding-inline-start: 10px;
	-webkit-padding-end: 10px;
	padding-inline-end: 10px;
}

.charts-css.column.data-spacing-11 tbody tr {
	-webkit-padding-start: 11px;
	padding-inline-start: 11px;
	-webkit-padding-end: 11px;
	padding-inline-end: 11px;
}

.charts-css.column.data-spacing-12 tbody tr {
	-webkit-padding-start: 12px;
	padding-inline-start: 12px;
	-webkit-padding-end: 12px;
	padding-inline-end: 12px;
}

.charts-css.column.data-spacing-13 tbody tr {
	-webkit-padding-start: 13px;
	padding-inline-start: 13px;
	-webkit-padding-end: 13px;
	padding-inline-end: 13px;
}

.charts-css.column.data-spacing-14 tbody tr {
	-webkit-padding-start: 14px;
	padding-inline-start: 14px;
	-webkit-padding-end: 14px;
	padding-inline-end: 14px;
}

.charts-css.column.data-spacing-15 tbody tr {
	-webkit-padding-start: 15px;
	padding-inline-start: 15px;
	-webkit-padding-end: 15px;
	padding-inline-end: 15px;
}

.charts-css.column.data-spacing-16 tbody tr {
	-webkit-padding-start: 16px;
	padding-inline-start: 16px;
	-webkit-padding-end: 16px;
	padding-inline-end: 16px;
}

.charts-css.column.data-spacing-17 tbody tr {
	-webkit-padding-start: 17px;
	padding-inline-start: 17px;
	-webkit-padding-end: 17px;
	padding-inline-end: 17px;
}

.charts-css.column.data-spacing-18 tbody tr {
	-webkit-padding-start: 18px;
	padding-inline-start: 18px;
	-webkit-padding-end: 18px;
	padding-inline-end: 18px;
}

.charts-css.column.data-spacing-19 tbody tr {
	-webkit-padding-start: 19px;
	padding-inline-start: 19px;
	-webkit-padding-end: 19px;
	padding-inline-end: 19px;
}

.charts-css.column.data-spacing-20 tbody tr {
	-webkit-padding-start: 20px;
	padding-inline-start: 20px;
	-webkit-padding-end: 20px;
	padding-inline-end: 20px;
}

.charts-css.column.datasets-spacing-1 tbody tr td {
	-webkit-margin-start: 1px;
	margin-inline-start: 1px;
	-webkit-margin-end: 1px;
	margin-inline-end: 1px;
}

.charts-css.column.datasets-spacing-2 tbody tr td {
	-webkit-margin-start: 2px;
	margin-inline-start: 2px;
	-webkit-margin-end: 2px;
	margin-inline-end: 2px;
}

.charts-css.column.datasets-spacing-3 tbody tr td {
	-webkit-margin-start: 3px;
	margin-inline-start: 3px;
	-webkit-margin-end: 3px;
	margin-inline-end: 3px;
}

.charts-css.column.datasets-spacing-4 tbody tr td {
	-webkit-margin-start: 4px;
	margin-inline-start: 4px;
	-webkit-margin-end: 4px;
	margin-inline-end: 4px;
}

.charts-css.column.datasets-spacing-5 tbody tr td {
	-webkit-margin-start: 5px;
	margin-inline-start: 5px;
	-webkit-margin-end: 5px;
	margin-inline-end: 5px;
}

.charts-css.column.datasets-spacing-6 tbody tr td {
	-webkit-margin-start: 6px;
	margin-inline-start: 6px;
	-webkit-margin-end: 6px;
	margin-inline-end: 6px;
}

.charts-css.column.datasets-spacing-7 tbody tr td {
	-webkit-margin-start: 7px;
	margin-inline-start: 7px;
	-webkit-margin-end: 7px;
	margin-inline-end: 7px;
}

.charts-css.column.datasets-spacing-8 tbody tr td {
	-webkit-margin-start: 8px;
	margin-inline-start: 8px;
	-webkit-margin-end: 8px;
	margin-inline-end: 8px;
}

.charts-css.column.datasets-spacing-9 tbody tr td {
	-webkit-margin-start: 9px;
	margin-inline-start: 9px;
	-webkit-margin-end: 9px;
	margin-inline-end: 9px;
}

.charts-css.column.datasets-spacing-10 tbody tr td {
	-webkit-margin-start: 10px;
	margin-inline-start: 10px;
	-webkit-margin-end: 10px;
	margin-inline-end: 10px;
}

.charts-css.column.datasets-spacing-11 tbody tr td {
	-webkit-margin-start: 11px;
	margin-inline-start: 11px;
	-webkit-margin-end: 11px;
	margin-inline-end: 11px;
}

.charts-css.column.datasets-spacing-12 tbody tr td {
	-webkit-margin-start: 12px;
	margin-inline-start: 12px;
	-webkit-margin-end: 12px;
	margin-inline-end: 12px;
}

.charts-css.column.datasets-spacing-13 tbody tr td {
	-webkit-margin-start: 13px;
	margin-inline-start: 13px;
	-webkit-margin-end: 13px;
	margin-inline-end: 13px;
}

.charts-css.column.datasets-spacing-14 tbody tr td {
	-webkit-margin-start: 14px;
	margin-inline-start: 14px;
	-webkit-margin-end: 14px;
	margin-inline-end: 14px;
}

.charts-css.column.datasets-spacing-15 tbody tr td {
	-webkit-margin-start: 15px;
	margin-inline-start: 15px;
	-webkit-margin-end: 15px;
	margin-inline-end: 15px;
}

.charts-css.column.datasets-spacing-16 tbody tr td {
	-webkit-margin-start: 16px;
	margin-inline-start: 16px;
	-webkit-margin-end: 16px;
	margin-inline-end: 16px;
}

.charts-css.column.datasets-spacing-17 tbody tr td {
	-webkit-margin-start: 17px;
	margin-inline-start: 17px;
	-webkit-margin-end: 17px;
	margin-inline-end: 17px;
}

.charts-css.column.datasets-spacing-18 tbody tr td {
	-webkit-margin-start: 18px;
	margin-inline-start: 18px;
	-webkit-margin-end: 18px;
	margin-inline-end: 18px;
}

.charts-css.column.datasets-spacing-19 tbody tr td {
	-webkit-margin-start: 19px;
	margin-inline-start: 19px;
	-webkit-margin-end: 19px;
	margin-inline-end: 19px;
}

.charts-css.column.datasets-spacing-20 tbody tr td {
	-webkit-margin-start: 20px;
	margin-inline-start: 20px;
	-webkit-margin-end: 20px;
	margin-inline-end: 20px;
}

.charts-css.area tbody {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	height: calc(100% - var(--heading-size));
}

.charts-css.area tbody,.charts-css.area tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.charts-css.area tbody tr {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	overflow-wrap: anywhere;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.charts-css.area tbody tr th {
	position: absolute;
	right: 0;
	left: 0;
}

.charts-css.area tbody tr td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.charts-css.area tbody tr td::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.charts-css.area tbody tr td::after {
	content: "";
	width: 100%;
}

.charts-css.area:not(.reverse) tbody tr {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-margin-after: var(--labels-size);
	margin-block-end: var(--labels-size);
}

.charts-css.area:not(.reverse) tbody tr th {
	bottom: calc(var(--labels-size)*-1 - var(--primary-axis-width));
	height: var(--labels-size);
}

.charts-css.area.reverse tbody tr,.charts-css.area:not(.reverse) tbody tr td {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.charts-css.area.reverse tbody tr {
	-webkit-margin-before: var(--labels-size);
	margin-block-start: var(--labels-size);
}

.charts-css.area.reverse tbody tr th {
	top: calc(var(--labels-size)*-1 - var(--primary-axis-width));
	height: var(--labels-size);
}

.charts-css.area.reverse tbody tr td {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.charts-css.area:not(.reverse-data) tbody {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.charts-css.area.reverse-data tbody {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.charts-css.area:not(.reverse-datasets) tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.charts-css.area.reverse-datasets tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.charts-css.area:not(.reverse):not(.reverse-data) tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.charts-css.area:not(.reverse):not(.reverse-data) tbody tr td::before {
	-webkit-clip-path: polygon(0 calc(100%*(1 - var(--start, var(--size)))),100% calc(100%*(1 - var(--size))),100% 100%,0 100%);
	clip-path: polygon(0 calc(100%*(1 - var(--start, var(--size)))),100% calc(100%*(1 - var(--size))),100% 100%,0 100%);
}

.charts-css.area:not(.reverse):not(.reverse-data) tbody tr td .data {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.charts-css.area:not(.reverse):not(.reverse-data) tbody tr td::after {
	height: calc(100%*var(--size));
}

.charts-css.area:not(.reverse).reverse-data tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.charts-css.area:not(.reverse).reverse-data tbody tr td::before {
	-webkit-clip-path: polygon(0 calc(100%*(1 - var(--size))),100% calc(100%*(1 - var(--start, var(--size)))),100% 100%,0 100%);
	clip-path: polygon(0 calc(100%*(1 - var(--size))),100% calc(100%*(1 - var(--start, var(--size)))),100% 100%,0 100%);
}

.charts-css.area:not(.reverse).reverse-data tbody tr td .data {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.charts-css.area:not(.reverse).reverse-data tbody tr td::after {
	height: calc(100%*var(--size));
}

.charts-css.area.reverse:not(.reverse-data) tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.charts-css.area.reverse:not(.reverse-data) tbody tr td::before {
	-webkit-clip-path: polygon(0 0,100% 0,100% calc(100%*var(--size)),0 calc(100%*var(--start, var(--size))));
	clip-path: polygon(0 0,100% 0,100% calc(100%*var(--size)),0 calc(100%*var(--start, var(--size))));
}

.charts-css.area.reverse:not(.reverse-data) tbody tr td .data {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.charts-css.area.reverse:not(.reverse-data) tbody tr td::after {
	height: calc(100%*(1 - var(--size)));
}

.charts-css.area.reverse.reverse-data tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.charts-css.area.reverse.reverse-data tbody tr td::before {
	-webkit-clip-path: polygon(0 0,100% 0,100% calc(100%*var(--start, var(--size))),0 calc(100%*var(--size)));
	clip-path: polygon(0 0,100% 0,100% calc(100%*var(--start, var(--size))),0 calc(100%*var(--size)));
}

.charts-css.area.reverse.reverse-data tbody tr td .data {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.charts-css.area.reverse.reverse-data tbody tr td::after {
	height: calc(100%*(1 - var(--size)));
}

.charts-css.area.data-spacing-1 tbody tr td::before,.charts-css.area.datasets-spacing-1 tbody tr td::before {
	-webkit-margin-start: 1px;
	margin-inline-start: 1px;
	-webkit-margin-end: 1px;
	margin-inline-end: 1px;
}

.charts-css.area.data-spacing-2 tbody tr td::before,.charts-css.area.datasets-spacing-2 tbody tr td::before {
	-webkit-margin-start: 2px;
	margin-inline-start: 2px;
	-webkit-margin-end: 2px;
	margin-inline-end: 2px;
}

.charts-css.area.data-spacing-3 tbody tr td::before,.charts-css.area.datasets-spacing-3 tbody tr td::before {
	-webkit-margin-start: 3px;
	margin-inline-start: 3px;
	-webkit-margin-end: 3px;
	margin-inline-end: 3px;
}

.charts-css.area.data-spacing-4 tbody tr td::before,.charts-css.area.datasets-spacing-4 tbody tr td::before {
	-webkit-margin-start: 4px;
	margin-inline-start: 4px;
	-webkit-margin-end: 4px;
	margin-inline-end: 4px;
}

.charts-css.area.data-spacing-5 tbody tr td::before,.charts-css.area.datasets-spacing-5 tbody tr td::before {
	-webkit-margin-start: 5px;
	margin-inline-start: 5px;
	-webkit-margin-end: 5px;
	margin-inline-end: 5px;
}

.charts-css.area.data-spacing-6 tbody tr td::before,.charts-css.area.datasets-spacing-6 tbody tr td::before {
	-webkit-margin-start: 6px;
	margin-inline-start: 6px;
	-webkit-margin-end: 6px;
	margin-inline-end: 6px;
}

.charts-css.area.data-spacing-7 tbody tr td::before,.charts-css.area.datasets-spacing-7 tbody tr td::before {
	-webkit-margin-start: 7px;
	margin-inline-start: 7px;
	-webkit-margin-end: 7px;
	margin-inline-end: 7px;
}

.charts-css.area.data-spacing-8 tbody tr td::before,.charts-css.area.datasets-spacing-8 tbody tr td::before {
	-webkit-margin-start: 8px;
	margin-inline-start: 8px;
	-webkit-margin-end: 8px;
	margin-inline-end: 8px;
}

.charts-css.area.data-spacing-9 tbody tr td::before,.charts-css.area.datasets-spacing-9 tbody tr td::before {
	-webkit-margin-start: 9px;
	margin-inline-start: 9px;
	-webkit-margin-end: 9px;
	margin-inline-end: 9px;
}

.charts-css.area.data-spacing-10 tbody tr td::before,.charts-css.area.datasets-spacing-10 tbody tr td::before {
	-webkit-margin-start: 10px;
	margin-inline-start: 10px;
	-webkit-margin-end: 10px;
	margin-inline-end: 10px;
}

.charts-css.area.data-spacing-11 tbody tr td::before,.charts-css.area.datasets-spacing-11 tbody tr td::before {
	-webkit-margin-start: 11px;
	margin-inline-start: 11px;
	-webkit-margin-end: 11px;
	margin-inline-end: 11px;
}

.charts-css.area.data-spacing-12 tbody tr td::before,.charts-css.area.datasets-spacing-12 tbody tr td::before {
	-webkit-margin-start: 12px;
	margin-inline-start: 12px;
	-webkit-margin-end: 12px;
	margin-inline-end: 12px;
}

.charts-css.area.data-spacing-13 tbody tr td::before,.charts-css.area.datasets-spacing-13 tbody tr td::before {
	-webkit-margin-start: 13px;
	margin-inline-start: 13px;
	-webkit-margin-end: 13px;
	margin-inline-end: 13px;
}

.charts-css.area.data-spacing-14 tbody tr td::before,.charts-css.area.datasets-spacing-14 tbody tr td::before {
	-webkit-margin-start: 14px;
	margin-inline-start: 14px;
	-webkit-margin-end: 14px;
	margin-inline-end: 14px;
}

.charts-css.area.data-spacing-15 tbody tr td::before,.charts-css.area.datasets-spacing-15 tbody tr td::before {
	-webkit-margin-start: 15px;
	margin-inline-start: 15px;
	-webkit-margin-end: 15px;
	margin-inline-end: 15px;
}

.charts-css.area.data-spacing-16 tbody tr td::before,.charts-css.area.datasets-spacing-16 tbody tr td::before {
	-webkit-margin-start: 16px;
	margin-inline-start: 16px;
	-webkit-margin-end: 16px;
	margin-inline-end: 16px;
}

.charts-css.area.data-spacing-17 tbody tr td::before,.charts-css.area.datasets-spacing-17 tbody tr td::before {
	-webkit-margin-start: 17px;
	margin-inline-start: 17px;
	-webkit-margin-end: 17px;
	margin-inline-end: 17px;
}

.charts-css.area.data-spacing-18 tbody tr td::before,.charts-css.area.datasets-spacing-18 tbody tr td::before {
	-webkit-margin-start: 18px;
	margin-inline-start: 18px;
	-webkit-margin-end: 18px;
	margin-inline-end: 18px;
}

.charts-css.area.data-spacing-19 tbody tr td::before,.charts-css.area.datasets-spacing-19 tbody tr td::before {
	-webkit-margin-start: 19px;
	margin-inline-start: 19px;
	-webkit-margin-end: 19px;
	margin-inline-end: 19px;
}

.charts-css.area.data-spacing-20 tbody tr td::before,.charts-css.area.datasets-spacing-20 tbody tr td::before {
	-webkit-margin-start: 20px;
	margin-inline-start: 20px;
	-webkit-margin-end: 20px;
	margin-inline-end: 20px;
}

.charts-css.line {
	--line-size: 3px;
}

.charts-css.line tbody {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	height: calc(100% - var(--heading-size));
}

.charts-css.line tbody,.charts-css.line tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.charts-css.line tbody tr {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	overflow-wrap: anywhere;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.charts-css.line tbody tr th {
	position: absolute;
	right: 0;
	left: 0;
}

.charts-css.line tbody tr td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.charts-css.line tbody tr td::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.charts-css.line tbody tr td::after {
	content: "";
	width: 100%;
}

.charts-css.line:not(.reverse) tbody tr {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-margin-after: var(--labels-size);
	margin-block-end: var(--labels-size);
}

.charts-css.line:not(.reverse) tbody tr th {
	bottom: calc(var(--labels-size)*-1 - var(--primary-axis-width));
	height: var(--labels-size);
}

.charts-css.line.reverse tbody tr,.charts-css.line:not(.reverse) tbody tr td {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.charts-css.line.reverse tbody tr {
	-webkit-margin-before: var(--labels-size);
	margin-block-start: var(--labels-size);
}

.charts-css.line.reverse tbody tr th {
	top: calc(var(--labels-size)*-1 - var(--primary-axis-width));
	height: var(--labels-size);
}

.charts-css.line.reverse tbody tr td {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.charts-css.line:not(.reverse-data) tbody {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.charts-css.line.reverse-data tbody {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.charts-css.line:not(.reverse-datasets) tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.charts-css.line.reverse-datasets tbody tr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.charts-css.line:not(.reverse):not(.reverse-data) tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.charts-css.line:not(.reverse):not(.reverse-data) tbody tr td::before {
	-webkit-clip-path: polygon(0 calc(100%*(1 - var(--start, var(--size)))),100% calc(100%*(1 - var(--size))),100% calc(100%*(1 - var(--size)) - var(--line-size)),0 calc(100%*(1 - var(--start, var(--size))) - var(--line-size)));
	clip-path: polygon(0 calc(100%*(1 - var(--start, var(--size)))),100% calc(100%*(1 - var(--size))),100% calc(100%*(1 - var(--size)) - var(--line-size)),0 calc(100%*(1 - var(--start, var(--size))) - var(--line-size)));
}

.charts-css.line:not(.reverse):not(.reverse-data) tbody tr td .data {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.charts-css.line:not(.reverse):not(.reverse-data) tbody tr td::after {
	height: calc(100%*var(--size));
}

.charts-css.line:not(.reverse).reverse-data tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.charts-css.line:not(.reverse).reverse-data tbody tr td::before {
	-webkit-clip-path: polygon(0 calc(100%*(1 - var(--size))),100% calc(100%*(1 - var(--start, var(--size)))),100% calc(100%*(1 - var(--start, var(--size))) - var(--line-size)),0 calc(100%*(1 - var(--size)) - var(--line-size)));
	clip-path: polygon(0 calc(100%*(1 - var(--size))),100% calc(100%*(1 - var(--start, var(--size)))),100% calc(100%*(1 - var(--start, var(--size))) - var(--line-size)),0 calc(100%*(1 - var(--size)) - var(--line-size)));
}

.charts-css.line:not(.reverse).reverse-data tbody tr td .data {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.charts-css.line:not(.reverse).reverse-data tbody tr td::after {
	height: calc(100%*var(--size));
}

.charts-css.line.reverse:not(.reverse-data) tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.charts-css.line.reverse:not(.reverse-data) tbody tr td::before {
	-webkit-clip-path: polygon(0 calc(100%*var(--start, var(--size)) - var(--line-size)),100% calc(100%*var(--size) - var(--line-size)),100% calc(100%*var(--size)),0 calc(100%*var(--start, var(--size))));
	clip-path: polygon(0 calc(100%*var(--start, var(--size)) - var(--line-size)),100% calc(100%*var(--size) - var(--line-size)),100% calc(100%*var(--size)),0 calc(100%*var(--start, var(--size))));
}

.charts-css.line.reverse:not(.reverse-data) tbody tr td .data {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.charts-css.line.reverse:not(.reverse-data) tbody tr td::after {
	height: calc(100%*(1 - var(--size)));
}

.charts-css.line.reverse.reverse-data tbody tr td {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.charts-css.line.reverse.reverse-data tbody tr td::before {
	-webkit-clip-path: polygon(0 calc(100%*var(--size) - var(--line-size)),100% calc(100%*var(--start, var(--size)) - var(--line-size)),100% calc(100%*var(--start, var(--size))),0 calc(100%*var(--size)));
	clip-path: polygon(0 calc(100%*var(--size) - var(--line-size)),100% calc(100%*var(--start, var(--size)) - var(--line-size)),100% calc(100%*var(--start, var(--size))),0 calc(100%*var(--size)));
}

.charts-css.line.reverse.reverse-data tbody tr td .data {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.charts-css.line.reverse.reverse-data tbody tr td::after {
	height: calc(100%*(1 - var(--size)));
}

.charts-css.line.data-spacing-1 tbody tr td::before,.charts-css.line.datasets-spacing-1 tbody tr td::before {
	-webkit-margin-start: 1px;
	margin-inline-start: 1px;
	-webkit-margin-end: 1px;
	margin-inline-end: 1px;
}

.charts-css.line.data-spacing-2 tbody tr td::before,.charts-css.line.datasets-spacing-2 tbody tr td::before {
	-webkit-margin-start: 2px;
	margin-inline-start: 2px;
	-webkit-margin-end: 2px;
	margin-inline-end: 2px;
}

.charts-css.line.data-spacing-3 tbody tr td::before,.charts-css.line.datasets-spacing-3 tbody tr td::before {
	-webkit-margin-start: 3px;
	margin-inline-start: 3px;
	-webkit-margin-end: 3px;
	margin-inline-end: 3px;
}

.charts-css.line.data-spacing-4 tbody tr td::before,.charts-css.line.datasets-spacing-4 tbody tr td::before {
	-webkit-margin-start: 4px;
	margin-inline-start: 4px;
	-webkit-margin-end: 4px;
	margin-inline-end: 4px;
}

.charts-css.line.data-spacing-5 tbody tr td::before,.charts-css.line.datasets-spacing-5 tbody tr td::before {
	-webkit-margin-start: 5px;
	margin-inline-start: 5px;
	-webkit-margin-end: 5px;
	margin-inline-end: 5px;
}

.charts-css.line.data-spacing-6 tbody tr td::before,.charts-css.line.datasets-spacing-6 tbody tr td::before {
	-webkit-margin-start: 6px;
	margin-inline-start: 6px;
	-webkit-margin-end: 6px;
	margin-inline-end: 6px;
}

.charts-css.line.data-spacing-7 tbody tr td::before,.charts-css.line.datasets-spacing-7 tbody tr td::before {
	-webkit-margin-start: 7px;
	margin-inline-start: 7px;
	-webkit-margin-end: 7px;
	margin-inline-end: 7px;
}

.charts-css.line.data-spacing-8 tbody tr td::before,.charts-css.line.datasets-spacing-8 tbody tr td::before {
	-webkit-margin-start: 8px;
	margin-inline-start: 8px;
	-webkit-margin-end: 8px;
	margin-inline-end: 8px;
}

.charts-css.line.data-spacing-9 tbody tr td::before,.charts-css.line.datasets-spacing-9 tbody tr td::before {
	-webkit-margin-start: 9px;
	margin-inline-start: 9px;
	-webkit-margin-end: 9px;
	margin-inline-end: 9px;
}

.charts-css.line.data-spacing-10 tbody tr td::before,.charts-css.line.datasets-spacing-10 tbody tr td::before {
	-webkit-margin-start: 10px;
	margin-inline-start: 10px;
	-webkit-margin-end: 10px;
	margin-inline-end: 10px;
}

.charts-css.line.data-spacing-11 tbody tr td::before,.charts-css.line.datasets-spacing-11 tbody tr td::before {
	-webkit-margin-start: 11px;
	margin-inline-start: 11px;
	-webkit-margin-end: 11px;
	margin-inline-end: 11px;
}

.charts-css.line.data-spacing-12 tbody tr td::before,.charts-css.line.datasets-spacing-12 tbody tr td::before {
	-webkit-margin-start: 12px;
	margin-inline-start: 12px;
	-webkit-margin-end: 12px;
	margin-inline-end: 12px;
}

.charts-css.line.data-spacing-13 tbody tr td::before,.charts-css.line.datasets-spacing-13 tbody tr td::before {
	-webkit-margin-start: 13px;
	margin-inline-start: 13px;
	-webkit-margin-end: 13px;
	margin-inline-end: 13px;
}

.charts-css.line.data-spacing-14 tbody tr td::before,.charts-css.line.datasets-spacing-14 tbody tr td::before {
	-webkit-margin-start: 14px;
	margin-inline-start: 14px;
	-webkit-margin-end: 14px;
	margin-inline-end: 14px;
}

.charts-css.line.data-spacing-15 tbody tr td::before,.charts-css.line.datasets-spacing-15 tbody tr td::before {
	-webkit-margin-start: 15px;
	margin-inline-start: 15px;
	-webkit-margin-end: 15px;
	margin-inline-end: 15px;
}

.charts-css.line.data-spacing-16 tbody tr td::before,.charts-css.line.datasets-spacing-16 tbody tr td::before {
	-webkit-margin-start: 16px;
	margin-inline-start: 16px;
	-webkit-margin-end: 16px;
	margin-inline-end: 16px;
}

.charts-css.line.data-spacing-17 tbody tr td::before,.charts-css.line.datasets-spacing-17 tbody tr td::before {
	-webkit-margin-start: 17px;
	margin-inline-start: 17px;
	-webkit-margin-end: 17px;
	margin-inline-end: 17px;
}

.charts-css.line.data-spacing-18 tbody tr td::before,.charts-css.line.datasets-spacing-18 tbody tr td::before {
	-webkit-margin-start: 18px;
	margin-inline-start: 18px;
	-webkit-margin-end: 18px;
	margin-inline-end: 18px;
}

.charts-css.line.data-spacing-19 tbody tr td::before,.charts-css.line.datasets-spacing-19 tbody tr td::before {
	-webkit-margin-start: 19px;
	margin-inline-start: 19px;
	-webkit-margin-end: 19px;
	margin-inline-end: 19px;
}

.charts-css.line.data-spacing-20 tbody tr td::before,.charts-css.line.datasets-spacing-20 tbody tr td::before {
	-webkit-margin-start: 20px;
	margin-inline-start: 20px;
	-webkit-margin-end: 20px;
	margin-inline-end: 20px;
}

.charts-css.radial tbody {
	display: block;
	width: 100%;
	height: 0;
	-webkit-padding-after: 100%;
	padding-block-end: 100%;
	border-radius: 50%;
	background-color: var(--chart-bg-color);
}

.charts-css.radial tbody tr {
	display: none;
}

.charts-css.pie tbody {
	display: block;
	width: 100%;
	height: 0;
	-webkit-padding-after: 100%;
	padding-block-end: 100%;
	border-radius: 50%;
	background-color: var(--chart-bg-color);
}

.charts-css.pie tbody tr {
	display: none;
}

.charts-css.donut tbody {
	display: block;
	width: 100%;
	height: 0;
	-webkit-padding-after: 100%;
	padding-block-end: 100%;
	border-radius: 50%;
	background-color: var(--chart-bg-color);
}

.charts-css.donut tbody tr {
	display: none;
}

.charts-css.donut tbody::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: var(--donut-inner-size,50%);
	height: var(--donut-inner-size,50%);
	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;
	border-radius: 50%;
	background-color: var(--donut-inner-color,#fff);
}

.charts-css.polar tbody {
	display: block;
	width: 100%;
	height: 0;
	-webkit-padding-after: 100%;
	padding-block-end: 100%;
	border-radius: 50%;
	background-color: var(--chart-bg-color);
}

.charts-css.polar tbody tr {
	display: none;
}

.charts-css.radar tbody {
	display: block;
	width: 100%;
	height: 0;
	-webkit-padding-after: 100%;
	padding-block-end: 100%;
	border-radius: 50%;
	background-color: var(--chart-bg-color);
}

.charts-css.radar tbody tr {
	display: none;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    color: transparent;
    background: transparent;
    font-family: "Font Awesome 6 Pro";
    cursor: pointer;
}

.slick-prev {
    left: -35px;
}

.slick-prev:before {
    content: '\f0a8';
}

.slick-next {
    right: -35px;
}

.slick-next:before {
    content: '\f0a9';
}

.slick-prev:before, .slick-next:before {
    color: #791366;
    font-size: 2.255rem;
}

/* Cookie Banner */
body .cky-notice .cky-title {
    color: #d7a327;
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

body .cky-consent-bar .cky-notice-des p, body .cky-gpc-wrapper .cky-gpc-desc p, body .cky-preference-body-wrapper .cky-preference-content-wrapper p, body .cky-accordion-header-wrapper .cky-accordion-header-des p, body .cky-cookie-des-table li div:last-child p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

body .cky-btn-reject {
    color: #3b3b3b;
    border: none;
    font-size: 12px;
}

body .cky-btn-accept, body .cky-btn-reject {
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

/* Unlock Modal */
#unlockmodal, #unlockmodal2, #unlockmodal3, #unlockmodal4 {
    top: 50%!important;
    transform: translateY(-50%);
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-appearance: none;
    padding: 25px;
    flex-direction: column;
    justify-content: center;
}

html.showcta .is-reveal-open #unlockmodal4 { 
  display: flex !important; 
}

#unlockmodal h3, #unlockmodal2 h3, #unlockmodal3 h3, #unlockmodal4 h3 {
    margin-bottom: 25px;
}

#unlockmodal h3:after, #unlockmodal2 h3:after, #unlockmodal3 h3:after, #unlockmodal4 h3:after {
    display: none;
}

#unlockmodal #unlockmodal-content {
    align-items: center;
}

#unlockmodal #unlockmodal-content button {
    width: 100%;
    margin-bottom: 10px;
}

#unlockmodal #unlockmodal-content-button p:last-of-type {
    margin: 0;
}

#unlockmodal #unlockmodal-content-button p span.login {
    cursor: pointer;
    color: #791366;
    font-weight: 400;
}

#unlockmodal ul li, #unlockmodal p {
    color: #3b3b3b;
    font-size: 0.9rem;
    line-height: 1.3;
}

#unlockmodal p {
    margin-bottom: 10px;
}

#unlockmodal:focus, #unlockmodal:active {
  outline: none!important;
    -webkit-appearance: none!important;
}

#unlockmodal4 ul {
    margin: 10px 0 0 0;
}

#unlockmodal4 ul li {
    list-style-position: inside;
}

/* =============================================================================
10.0 Media Queries
============================================================================= */
@media screen and (max-width: 53.125em) {
  table.stack thead, table.tablepress thead {
        display: none; 
    }

    table.stack tfoot, table.tablepress tfoot {
        display: none; 
    }
    
    table.tablepress tbody tr td .mobile-table-header {
        display: inline-block;
    }

    table.stack tr, table.stack th, table.stack td, table.tablepress tr, table.tablepress th, table.tablepress td {
        display: block; 
    }

    table.stack td, table.tablepress td {
        border-top: 0; 
    } 
    
    table.stack tbody tr, table.tablepress tbody tr {
        padding: 10px;
        position: relative;
    }

    table.stack tbody tr td, table.tablepress tbody tr td {
        padding: 5px 0;
        line-height: 1;
    }
    
  table.stack tbody tr td.rank, table.tablepress tbody tr td.rank {
        position: absolute;
        top: 15px;
        right: 10px;
        padding: 0;
        height: 25px;
        width: 25px;
        background: #4e2a6d;
        border-radius: 50%;
        font-weight: 500;
        text-align: center;
        line-height: 25px;
        font-size: 0.8rem;
        color: #d7a327;
    } 

    table.stack tbody tr td.school-name, table.stack tbody tr td .mobile-table-header {
        font-weight: 400;
        display: inline-block!important;
    }
    
    table.tablepress tbody tr td.column-1 {
        font-weight: 400;
    }
    
    table.stack tbody tr td.school-name .mobile-table-header {
        display: none!important;
    }
    
    table.stack thead {
        display: block!important;
        margin-bottom: 15px
            
    }
    
    table.stack thead tr th, table.stack thead tr th  {
        display: none;
    }
    
    table.stack thead tr th.sort {
        display: inline-flex;
        width: auto;
        height: 40px;
        position: relative;
        background-color: #ffffff;
        border: 2px solid #4e2a6d;
        border-radius: 5px;
        font-size: 0.755rem;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #3b3b3b;
        text-transform: uppercase;
        line-height: 40px;
        padding: 5px 8px;
        align-items: center;
    }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .sticky-header {
        height: 65px!important;
    }
    
    #global-header #global-header-inner {
        padding: 0 25px;
        height: 50px;
    }
    
    .sticky-header .sticky-header-inner, #global-header #global-header-logo {
        margin: 0;
    } 
    
   
    
    #global-header #global-header-logo img {
        max-width: 100%;
    }
    
    #page-content {
        padding: 25px!important
    }
    
    #homepage-hero {
        height: 220px;
    }
    
    #homepage-hero #homepage-hero-inner {
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 25px;
    }
    
    #homepage-hero #homepage-hero-inner #homepage-hero-inner-content {
        padding-bottom: 0;
    }
    
    h1, h2.large {
        font-size: 2.155rem;
    }
    
    h2, h3.large {
        font-size: 1.255rem;
    }
    
    p {
        font-size: 0.955rem;
    }
    
    #floating-school-finder {
        padding: 25px!important;
        margin: 0;
        border-radius: 0;
    }
    
    #floating-school-finder .cell {
        margin: 0;
        width: 100%;
    }
    
    #floating-school-finder form {
        margin-top: 15px;
    }
    
    #floating-school-finder .searchandfilter ul li, body.page-template-school-search-results-template .searchandfilter ul li {
        width: 100%;
        padding: 0 0 15px 0;
    }
    
    #homepage-welcome, #homepage-league-tables, #homepage-guides, #single-school-wrapper #single-school-wrapper-intro, body.single-school #single-school-wrapper-main, #archive-wrapper, #league-table-wrapper-inner {
        padding: 25px!important;
    }
    
    body.search #archive-wrapper {
        padding: 0!important;
    }
    
    #homepage-welcome .grid-container, #homepage-league-tables .grid-container, #homepage-guides .grid-container, .sidebar-block, body.single-school #single-school-wrapper-main > .grid-container {
        padding-left: 0;
        padding-right: 0;
    }    
    
    #homepage-welcome .grid-container .grid-margin-x, #homepage-welcome .grid-container .grid-margin-x .cell, #homepage-league-tables .grid-container .grid-margin-x, #homepage-league-tables .grid-container .grid-margin-x .cell, #homepage-guides .grid-container .grid-margin-x, #homepage-guides .grid-container .grid-margin-x .cell, #global-footer #global-footer-top, #global-footer #global-footer-top .cell, #global-footer-bottom, #global-footer-bottom .cell, body.search-results #search-results-footer, #single-school-wrapper #single-school-wrapper-intro > .grid-x, #single-school-wrapper #single-school-wrapper-intro > .grid-x > .cell {
        margin-left: 0;
        margin-right: 0;
    }   
    
    #single-school-wrapper #single-school-wrapper-intro > .grid-x > .cell {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #homepage-welcome .grid-container .grid-margin-x .cell, #homepage-league-tables .grid-container .grid-margin-x .cell, #homepage-guides .grid-container .grid-margin-x, #homepage-guides .grid-container .grid-margin-x .cell, #global-footer #global-footer-top .cell, #global-footer-bottom .cell {
        width: 100%;
    }
    
    #homepage-welcome #three-step-process, #homepage-welcome #three-step-process #three-step-process-inner #three-step-process-inner-services, #homepage-welcome #three-step-process #three-step-process-inner-cta, #homepage-welcome #three-step-process #three-step-process-inner-cta-button {
        padding-top: 0;
    }
    
    #homepage-welcome #three-step-process #three-step-process-inner .cell, #homepage-welcome #three-step-process #three-step-process-inner-cta, #homepage-welcome #three-step-process #three-step-process-inner-cta-button {
        margin-top: 25px;
    }
    
    #homepage-league-tables .grid-container .p75bottom, #homepage-guides .grid-container .p75bottom {
        padding-bottom: 0;
    }
    
    .slick-prev {
        left: 0;
    }
    
    .slick-next {
        right: 0;
    }
    
    .slick-prev:before, .slick-next:before {
        font-size: 1.825rem;
    }
    
    .slick-list {
        width: calc(100% - 60px);
        margin: 0 auto;
    }
    
    .slick-slide {
        padding: 5px;
    }
    
    .homepage-slider .slide-inner h2 {
        padding: 10px;
        font-size: 0.955rem;
    }
    
    .homepage-slider .slide-inner h2:after {
        bottom: 4px;
    }
    
    #global-footer #global-footer-top, #global-footer #global-footer-bottom {
        padding: 10px 25px;
        text-align: center;
    }
    
    #global-footer #global-footer-top {
        padding-top: 0;
        padding-bottom: 25px;
    }
    
    #global-footer #global-footer-top .grid-x {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #global-footer #global-footer-top ul li {
        max-width: none;
    }
    
    #global-footer #global-footer-top h6 {
        margin-top: 25px;
    }
    
    #global-footer #global-footer-top h6:after {
        margin: 0 auto;
        right: 0;
    }
    
    #global-footer #global-footer-top .footer-logo {
        text-align: center;
        margin-top: 25px;
    }
    
    #global-footer #global-footer-top .footer-logo img {
        max-width: 140px;
    }
    
    #global-footer #global-footer-top ul#social-links {
        justify-content: center;
        margin-left: 0;
    }
    
    #global-footer #global-footer-bottom ul {
        justify-content: center;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    
    #global-footer #global-footer-bottom #global-footer-bottom-legal p {
        text-align: center;
    }
    
    #page-header {
        height: 125px;
    }
    
    #page-header-title-mobile, #page-content-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #page-header-title-mobile h1 {
        margin-bottom: 25px;
    }
    
    #page-header-title-mobile .grid-x {
        margin: 0;
    }
    
    #page-header-title-mobile .grid-x .cell {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    #page-header-title-mobile {
        margin-bottom: 25px;
    }
    
    body.page-template-archive-template #page-header-title-mobile, body.page-template-league-table-categories-template #page-header-title-mobile, body.tax-guidecat #page-header-title-mobile, body.single-guide #page-header-title-mobile, body.single-article #page-header-title-mobile, body.tax-articlecat #page-header-title-mobile, body.page-template-general-enquiry-form-template #page-header-title-mobile {
        margin-bottom: 0px;
    }
    
    #page-header-title-mobile h1 {
        font-size: 1.625rem;
    }
    
    #page-header-title-mobile h1:after {
        content: "";
        position: absolute;
        width: 50px;
        height: 2px;
        bottom: -5px;
        left: 0;
        background-color: #791366;
    }
    
    body.search-results #archive-loop #search-results-header, #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-heading {
        margin-bottom: 25px;
    }
    
    body.search-results #archive-loop article:last-of-type {
        margin-bottom: 10px;
    }
    
    body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-footer .pagination, body.search-results #search-results-footer .pagination, body.page-template-school-search-results-template .searchandfilter ul, #league-table-wrapper #league-table-outer, #league-table-wrapper-inner .grid-x, #league-table-wrapper-inner .grid-x > .cell {
        margin-left: 0;
        margin-right: 0;
    }
    
    #league-table-wrapper-inner .grid-x > .cell {
        width: 100%;
    }
    
    body.search-results #search-results-footer .pagination .nav-next, body.search-results #search-results-footer .pagination .nav-previous {
        flex: 1;
        margin-bottom: 50px;
    }
    
    #page-content #breadcrumb-container, #archive-wrapper #breadcrumb-container, #league-table-wrapper #breadcrumb-container {
        padding-bottom: 25px;
        padding-left: 0;
        padding-right: 0;
    }
    
    body.single-school #breadcrumb-container {
        padding-bottom: 25px;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order {
        display: block;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order h4 {
        margin-right: 0;
        margin-bottom: 25px;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul {
        gap: 15px;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li label {
        padding: 5px 9px;
        font-size: 0.7rem;
        top: -40px;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-reset {
        padding-left: 0;
    }
    
    small {
        font-size: 85%;
    }
    
    body.page-template-school-search-results-template #single-school-wrapper-nearby #school-search-results-footer {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
    }
    
    body.page-template-favourites-template ul.favorites-list {
        margin-top: 0;
    }
    
    .gform_wrapper .gform_body .gform_fields #field_1_14 #input_1_14 {
        flex-wrap: wrap;
    }
    
    .gform_wrapper .gform_body .gform_fields #field_1_14 .gchoice {
        width: 50%;   
    }

    body.page-template-thank-you-template .form-submitted, body.page-template-thank-you-template .form-submitted-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #single-school-wrapper #single-school-wrapper-intro {
        padding-top: 0!important;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row {
        width: 33.33333%;
        flex-wrap: wrap;
        padding-right: 0;
        flex-direction: column;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row div.single-school-wrapper-intro-overview-row-icon {
        flex-basis: 0;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row div.single-school-wrapper-intro-overview-row-content {
        text-align: center;
        padding: 0 5px;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row .single-school-wrapper-intro-overview-row-icon i {
        font-size: 2.1rem;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span.heading, #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span.text {
        font-size: 0.855rem;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row .single-school-wrapper-intro-overview-row-icon .fa-stack {
        height: auto;
        line-height: inherit;
        vertical-align: top;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row .single-school-wrapper-intro-overview-row-icon .fa-stack .fa-stack-2x {
        top: -3px;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row .single-school-wrapper-intro-overview-row-icon .fa-stack {
        top: 0;
        height: 36.5px;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-fees i.fa-stack-1x {
        font-size: 0.905rem;
        width: 18px;
        height: 18px;
        line-height: 18px;
        top: 15px;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-a-level-percent i.fa-stack-1x, #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-gcse-percent i.fa-stack-1x {
        top: 16px;
        left: 5px;
        font-size: 0.595rem;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-a-level-percent i.fa-stack-1x:last-of-type, #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview #single-school-wrapper-intro-overview-row-gcse-percent i.fa-stack-1x:last-of-type {
        top: 16px;
        left: 11px;
        font-size: 0.255rem;
    }
    
    body.single-school #page-header-title-mobile {
        margin-bottom: 0;
    }
    
    body.single-school #page-header-title-mobile .grid-x .small-8 {
        width: 70%;
        padding-right: 15px;
    }
    
    body.single-school #page-header-title-mobile .grid-x .small-4 {
        width: 30%;
    }
    
    body.single-school #page-header-title-mobile #page-header-title-mobile-single-school {
        align-items: center;
    }
    
    body.single-school #page-header-title-mobile #page-header-title-mobile-single-school p {
        font-weight: 400;
        font-size: 0.825rem;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-heading p, #main-article #page-content .page-block-page-intro p:first-of-type, body.archive p#archive-intro, body.page-template-archive-template p#archive-intro, body.page-template-league-table-categories-template p#archive-intro {
        font-size: 1.125rem;
        line-height: 1.2;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li {
        border: none;
        width: 100%;
        margin-bottom: 8px;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li:last-of-type {
        margin-bottom: 0;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li a {
        font-size: 0.9rem;
        padding: 0.855rem 1.025rem;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content {
        border-top: none;
        margin-top: 0;
    }
    
    body.single-school #single-school-wrapper-nearby {
        padding-top: 25px;
    }
    
    #archive-wrapper {
        padding-bottom: 0!important;
    }
    
    #single-school-wrapper #single-school-wrapper-intro .p25bottom {
        padding-bottom: 0!important;
    }
    
    #archive-wrapper #category-loop .category, #archive-wrapper .large-up-3 .article {
        margin-bottom: 25px;
    }
    
    #league-table-wrapper-inner {
        padding: 0!important;
    }
    
    #league-table-wrapper {
        padding: 25px;
    }  
    
    #main-article #page-content #page-content-left #article-meta, #main-article #page-content #page-content-left #article-meta-below {
        align-items: start;
        flex-direction: column;
    }
    
    #main-article #page-content #page-content-left #article-meta-below {
        margin-bottom: 25px;
    }
    
    #main-article #page-content #page-content-left #article-meta #share-article, #main-article #page-content #page-content-left #article-meta-below #share-article {
        margin: 10px 0 0 0;
    }
    
    .button {
        font-size: 0.755rem;
    }
    
    body.single-school #single-school-wrapper-main-cta {
        margin-top: 25px;
    }
    
    body.single-school #single-school-wrapper-main-tabs {
        padding-top: 0;
    }
    
    .reveal {
        height: 70vh!important;
        min-height: 70vh!important;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .sticky-header {
        height: 80px!important;
    }
    
    #global-header #global-header-inner {
        padding: 0 40px;
        height: 60px;
    }
    
    #page-content {
        padding: 25px 40px 40px 40px!important;
    }
    
    #page-content #breadcrumb-container {
        padding-bottom: 25px;
    }
    
    body.search-results #archive-loop #search-results-header {
        margin-bottom: 25px;
    }
    
    #global-footer #global-footer-top, #global-footer #global-footer-bottom, #floating-school-finder {
        padding-left: 40px;
        padding-right: 40px;
    }    

    #page-header #page-header-inner {
        padding-left: 40px;
        padding-right: 40px;
        left: 0;
        right: 0;
    }
    
    #global-footer #global-footer-top {
        padding-top: 0px!important;
        padding-bottom: 25px!important;
        text-align: center;
    }
    
    #global-footer #global-footer-top h6 {
        margin-top: 25px;
    }
    
    #global-footer #global-footer-top h6:after {
        margin: 0 auto;
        right: 0;
    }
    
    .sticky-header .sticky-header-inner, #global-header #global-header-logo, #global-footer #global-footer-top, #global-footer #global-footer-bottom {
        margin: 0;
    } 
    
    #global-header #global-header-logo {
        width: 50%;
    }
    
    #global-header #global-header-logo img {
        max-width: 175px;
    }
    
    #homepage-hero {
        height: 350px;
    }
    
    #homepage-hero #homepage-hero-inner {
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 25px;
    }
    
    #homepage-hero #homepage-hero-inner #homepage-hero-inner-content {
        padding-bottom: 0;
    }
    
    h1, h2.large {
        font-size: 2.355rem;
    }
    
    h2, h3.large {
        font-size: 1.355rem;
    }
    
    p {
        font-size: 0.955rem;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        justify-content: space-between;
    }
    
    #floating-school-finder .searchandfilter ul li, body.page-template-school-search-results-template .searchandfilter ul li {
        width: 50%;
        padding: 15px;
    }
    
    body.page-template-school-search-results-template #search-filter-form-9871 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    #floating-school-finder, #homepage-welcome, #homepage-league-tables, #homepage-guides, body.page-template-thank-you-template #page-content, #single-school-wrapper #single-school-wrapper-intro, #single-school-wrapper #single-school-wrapper-intro, body.single-school #single-school-wrapper-main, #archive-wrapper {
        padding: 40px!important;
    }
    
    #homepage-welcome #three-step-process, #homepage-welcome #three-step-process #three-step-process-inner #three-step-process-inner-services, #homepage-welcome #three-step-process #three-step-process-inner-cta, #homepage-welcome #three-step-process #three-step-process-inner-cta-button {
        padding-top: 0;
    }
    
    #homepage-welcome .grid-container .grid-margin-x, #homepage-welcome .grid-container .grid-margin-x .cell, #homepage-league-tables .grid-container .grid-margin-x, #homepage-league-tables .grid-container .grid-margin-x .cell, #homepage-guides .grid-container .grid-margin-x, #homepage-guides .grid-container .grid-margin-x .cell, #global-footer #global-footer-top, #global-footer #global-footer-top .cell, #global-footer-bottom, #global-footer-bottom .cell, body.page-template-school-search-results-template .searchandfilter ul ,  #single-school-wrapper #single-school-wrapper-intro > .grid-x, #single-school-wrapper #single-school-wrapper-intro > .grid-x > .cell {
        margin-left: 0;
        margin-right: 0;
    }
    
    #single-school-wrapper #single-school-wrapper-intro > .grid-x > .cell {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #homepage-welcome #three-step-process #three-step-process-inner .cell, #homepage-welcome #three-step-process #three-step-process-inner-cta, #homepage-welcome #three-step-process #three-step-process-inner-cta-button {
        margin-top: 25px;
    }
    
    #homepage-welcome #three-step-process #three-step-process-inner .cell, #homepage-league-tables .grid-container .grid-margin-x .cell, #homepage-guides .grid-container .grid-margin-x, #homepage-guides .grid-container .grid-margin-x .cell, #global-footer #global-footer-top .cell {
        width: 100%;
    }
    
    #homepage-welcome .grid-container, #homepage-league-tables .grid-container, #homepage-guides .grid-container, body.single-school #single-school-wrapper-main > .grid-container {
        padding-left: 0;
        padding-right: 0;
    }
    
    #homepage-league-tables .grid-container .p75bottom, #homepage-guides .grid-container .p75bottom, #archive-wrapper {
        padding-bottom: 0!important;
    }
    
    .slick-prev {
        left: 0;
    }
    
    .slick-next {
        right: 0;
    }
    
    .slick-prev:before, .slick-next:before {
        font-size: 1.955rem;
    }
    
    .slick-list {
        width: calc(100% - 60px);
        margin: 0 auto;
    }
    
    .slick-slide {
        padding: 10px;
    }
    
    #global-footer #global-footer-top .footer-logo {
        text-align: center;
        margin-top: 25px;
    }
    
    #global-footer #global-footer-top ul#social-links {
        justify-content: center;
        margin-left: 0;
    }
    
    #global-footer #global-footer-top .footer-logo img {
        max-width: 160px;
    }
    
    #page-header {
        height: 225px;
    }
    
    body.search-results #archive-loop article:last-of-type {
        margin-bottom: 10px;
    }
    
    body.search-results #search-results-footer .pagination .nav-next, body.search-results #search-results-footer .pagination .nav-previous {
        margin-bottom: 50px;
    }
    
    .sidebar-block .button {
        width: 300px;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order {
        display: block;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order h4 {
        margin-right: 0;
        margin-bottom: 25px;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul {
        gap: 15px;
    }
    
    body.page-template-school-search-results-template .searchandfilter ul li.sf-field-sort_order ul li label {
        padding: 5px 9px;
        font-size: 0.7rem;
        top: -40px;
    }
   
    small {
        font-size: 85%;
    }
    
    #single-school-wrapper-nearby .school-block .school-block-grades span.heading, #single-school-wrapper-nearby .school-block .school-block-grades span.text {
        font-size: 90%;
    }
    
    .button-small {
        padding: 0.855rem 0.905rem;
    }
    
    body.page-template-thank-you-template .form-submitted, body.page-template-thank-you-template .form-submitted-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #single-school-wrapper #single-school-wrapper-intro {
        padding: 0 40px 25px 40px!important;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row {
        width: 25%;
    }
    
    #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span.heading, #single-school-wrapper #single-school-wrapper-intro #single-school-wrapper-intro-overview .single-school-wrapper-intro-overview-row span.text {
        font-size: 0.855rem;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-heading p, #main-article #page-content .page-block-page-intro p:first-of-type, body.archive p#archive-intro, body.page-template-archive-template p#archive-intro, body.page-template-league-table-categories-template p#archive-intro {
        font-size: 1.225rem;
        line-height: 1.3;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs li {
        border: none;
        width: 100%;
        margin-bottom: 8px;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content {
        border-top: none;
        margin-top: 0;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend {
        margin-bottom: 25px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li {
        width: 50%;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:nth-of-type(1), #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:nth-of-type(3), #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum ul#exam-track-record-chart-legend li:nth-of-type(5) {
        padding-right: 10px;
    }
    
    #single-school-wrapper #single-school-wrapper-main #single-school-wrapper-main-tabs-content #curriculum #exam-track-record-chart {
        height: 325px;
    }
    
    #single-school-wrapper #single-school-wrapper-intro .p25bottom {
        padding-bottom: 0!important;
    }
    
    #league-table-wrapper {
        padding: 40px;
    }
    
    #league-table-wrapper-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #page-content #breadcrumb-container, #archive-wrapper #breadcrumb-container, #league-table-wrapper #breadcrumb-container {
        padding-left: 0;
        padding-right: 0;
    }
    
    #page-header-title-mobile, #page-content-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #global-footer #global-footer-top .grid-x {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #global-footer #global-footer-bottom .grid-x {
        margin-left: 0;
        margin-right: 0;
    }
    
    #global-footer #global-footer-top ul li {
        max-width: none;
    }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    #global-header #global-header-inner {
        padding: 0 50px;
    }
    
    #global-header #global-header-top, #global-footer #global-footer-top, #global-footer #global-footer-bottom, body.single-school #single-school-wrapper-main, #archive-wrapper, #league-table-wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }
    
    #global-header #global-header-nav nav ul {
        gap: 18px;
    }
    
    #global-header #global-header-nav nav ul li a {
        font-size: 1rem;
    }
    
    #global-header #global-header-logo img {
        max-width: 195px;
    }
    
    #global-footer #global-footer-top, #global-footer #global-footer-bottom {
        margin: 0;
    }
    
    #page-header {
        height: 325px;
    }
    
    #page-content {
        padding: 25px 50px 50px 50px!important;
    }
    
    body.search-results #archive-loop article:last-of-type {
        margin-bottom: 15px;
    }
    
    #page-header #page-header-inner {
        left: 50px;
        right: 50px;
    }
    
    #league-table-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    #single-school-wrapper #single-school-wrapper-intro {
        padding: 0 50px 0 50px!important;
    }
    
    #page-header-title-mobile, #page-content-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #page-header #page-header-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #page-content #breadcrumb-container, #archive-wrapper #breadcrumb-container, #league-table-wrapper #breadcrumb-container {
        padding-left: 0;
        padding-right: 0;
    }
    
    #homepage-welcome .grid-container, #homepage-league-tables .grid-container, #homepage-guides .grid-container, body.single-school #single-school-wrapper-main > .grid-container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 74.9375em) {
    #page-content #breadcrumb-container, #archive-wrapper #breadcrumb-container, #league-table-wrapper #breadcrumb-container, #page-content-inner {
        padding-left: 0;
        padding-right: 0;
    }
}



  #floating-school-finder {
    display: none!important;
  }