/**
 * Include only the parts of bootstrap that are required.
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label,
  .label--author,
  .label--news,
  .label--events,
  .label--membership,
  .label--policies,
  .label--consultations,
  .label--bulletins,
  .label--publications,
  .label--green,
  .label--blue,
  .label--purple,
  .label--libraries,
  .label--libraries-closed,
  .label--closed,
  .label--listing,
  .label--comments,
  .label--tag,
  .label--current {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "FSAlbertWeb", Verdana, sans-serif;
  font-size: 17px;
  line-height: 1.42857143;
  color: #4a4a4a;
  background-color: #f3f3f3;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #0063a3;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #003556;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #f3f3f3;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "FSAlbertWeb", Verdana, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #7b7b7b;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 24px;
  margin-bottom: 12px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 12px;
  margin-bottom: 12px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 34px;
}
h2,
.h2 {
  font-size: 29px;
}
h3,
.h3 {
  font-size: 26px;
}
h4,
.h4 {
  font-size: 22px;
}
h5,
.h5 {
  font-size: 17px;
}
h6,
.h6 {
  font-size: 15px;
}
p {
  margin: 0 0 12px;
}
.lead {
  margin-bottom: 24px;
  font-size: 19px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 25.5px;
  }
}
small,
.small {
  font-size: 88%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #7b7b7b;
}
.text-primary {
  color: #0063a3;
}
a.text-primary:hover {
  color: #004470;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #0063a3;
}
a.bg-primary:hover {
  background-color: #004470;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 11px;
  margin: 48px 0 24px;
  border-bottom: 1px solid #f3f3f3;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 12px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 24px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #7b7b7b;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  font-size: 21.25px;
  border-left: 5px solid #f3f3f3;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #7b7b7b;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #f3f3f3;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 11.5px;
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #4a4a4a;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .container {
    width: 760px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1180px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.row {
  margin-left: -20px;
  margin-right: -20px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #f3f3f3;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 18px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  font-size: 25.5px;
  line-height: inherit;
  color: #4a4a4a;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 17px;
  line-height: 1.42857143;
  color: #565656;
}
.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  font-size: 17px;
  line-height: 1.42857143;
  color: #565656;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #7b7b7b;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #7b7b7b;
}
.form-control::-webkit-input-placeholder {
  color: #7b7b7b;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f3f3f3;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 38px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 34px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 52px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 34px;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 34px;
  line-height: 34px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 52px;
  padding: 10px 16px;
  font-size: 22px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 52px;
  line-height: 52px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 47.5px;
}
.form-control-feedback {
  position: absolute;
  top: 29px;
  right: 0;
  z-index: 2;
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 52px;
  height: 52px;
  line-height: 52px;
}
.input-sm + .form-control-feedback {
  width: 34px;
  height: 34px;
  line-height: 34px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #8a8a8a;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 31px;
}
.form-horizontal .form-group {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 20px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.breadcrumb {
  padding: 8px 0;
  margin-bottom: 24px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #7b7b7b;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
section .container:before,
section .container:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
section .container:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/**
 * Main RCN colors
 */
/**
 * Overwriting Bootstrap Variables for customisation unique to RCN.
 */
/**
 * Renders an element to look like a button
 */
/**
 * Regular
 */
@font-face {
  font-family: 'FSAlbertWeb';
  src: url('/fonts/FSAlbertWeb-Regular.eot');
  src: url('/fonts/FSAlbertWeb-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/FSAlbertWeb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/**
 * Italic
 */
@font-face {
  font-family: 'FSAlbertWeb';
  src: url('/fonts/FSAlbertWeb-Italic.eot');
  src: url('/fonts/FSAlbertWeb-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/FSAlbertWeb-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
/**
 * Bold
 */
@font-face {
  font-family: 'FSAlbertWeb';
  src: url('/fonts/FSAlbertWeb-Bold.eot');
  src: url('/fonts/FSAlbertWeb-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/FSAlbertWeb-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/**
 * Bold Italic
 */
@font-face {
  font-family: 'FSAlbertWeb';
  src: url('/fonts/FSAlbertWeb-BoldItalic.eot');
  src: url('/fonts/FSAlbertWeb-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/fonts/FSAlbertWeb-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
h1 {
  font-size: 27.2px;
}
@media (min-width: 992px) {
  h1 {
    font-size: 34px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 .5em;
}
p ~ h1,
p ~ h2,
p ~ h3,
p ~ h4,
p ~ h5,
p ~ h6 {
  margin-top: 1em;
}
/**
 * Lists inside of sections are essentially lists outside of the header
 * & footer. These lists require a larger bottom margin to split the
 * content of the page more consistently with other applied margins.
 */
ul,
ol {
  margin-bottom: 2em;
}
li {
  margin-bottom: .25em;
}
p {
  margin-bottom: 1em;
}
hr {
  border-top-width: 4px;
}
.section--color--rotate:nth-child(odd) hr {
  border-top-color: #646464;
}
.section--color--rotate:nth-child(even) hr {
  border-top-color: #646464;
}
@media print {
  hr {
    display: none;
  }
}
img {
  max-width: 100%;
}
.heading--consultation {
  padding: 1.5em 0;
  margin-bottom: 0;
  font-size: 17px;
  background-color: #008388;
  color: white;
  text-align: center;
  text-decoration: underline;
}
.heading--no-margin {
  margin: 0;
}
.heading--no-margin-top {
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .heading--no-desktop-margin {
    margin: .2em 0;
  }
}
.heading--green {
  color: #008388;
}
.heading--purple {
  color: #6e1a5d;
}
.heading--blue {
  color: #0063a3;
}
.heading--news {
  color: #6e1a5d;
}
.heading--events {
  color: #008388;
}
/**
 * Produces a link modifier which amends its color.
 *
 * @param  {String} @color
 */
/**
 * RCN designs mean that links by default do have an underline.
 */
a {
  text-decoration: underline;
  outline: 0;
  color: #0063a3;
}
a:focus,
a:active,
a:hover,
a:visited {
  color: #00548a;
}
a:focus {
  outline: 0;
}
.back {
  display: inline-block;
  margin: 2em 0;
  padding-left: 30px;
  position: relative;
}
.back:before {
  height: 20px;
  width: 20px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(/graphics/arrow_up-blue.svg) no-repeat center center;
}
.back:hover {
  text-decoration: none;
}
@media print {
  .back {
    display: none;
  }
}
[class^="link"] {
  cursor: pointer;
}
.link--blue {
  color: #0063a3;
}
.link--blue:focus,
.link--blue:active,
.link--blue:hover,
.link--blue:visited {
  color: #00548a;
}
.link--navy {
  color: #023a70;
}
.link--navy:focus,
.link--navy:active,
.link--navy:hover,
.link--navy:visited {
  color: #022d57;
}
.link--green {
  color: #008388;
}
.link--green:focus,
.link--green:active,
.link--green:hover,
.link--green:visited {
  color: #006a6f;
}
.link--purple {
  color: #6e1a5d;
}
.link--purple:focus,
.link--purple:active,
.link--purple:hover,
.link--purple:visited {
  color: #59154c;
}
.link--teal {
  color: #008388;
}
.link--teal:focus,
.link--teal:active,
.link--teal:hover,
.link--teal:visited {
  color: #006a6f;
}
.link--cream {
  color: #fff;
}
.link--cream:focus,
.link--cream:active,
.link--cream:hover,
.link--cream:visited {
  color: #f2f2f2;
}
.link--news {
  color: #6e1a5d;
}
.link--news:focus,
.link--news:active,
.link--news:hover,
.link--news:visited {
  color: #59154c;
}
.link--events {
  color: #008388;
}
.link--events:focus,
.link--events:active,
.link--events:hover,
.link--events:visited {
  color: #006a6f;
}
.link--policies {
  color: #008388;
}
.link--policies:focus,
.link--policies:active,
.link--policies:hover,
.link--policies:visited {
  color: #006a6f;
}
.link--consultations {
  color: #008388;
}
.link--consultations:focus,
.link--consultations:active,
.link--consultations:hover,
.link--consultations:visited {
  color: #006a6f;
}
.link--bulletins {
  color: #008388;
}
.link--bulletins:focus,
.link--bulletins:active,
.link--bulletins:hover,
.link--bulletins:visited {
  color: #006a6f;
}
.link--publications {
  color: #008388;
}
.link--publications:focus,
.link--publications:active,
.link--publications:hover,
.link--publications:visited {
  color: #006a6f;
}
.link--exhibitions {
  color: #008388;
}
.link--exhibitions:focus,
.link--exhibitions:active,
.link--exhibitions:hover,
.link--exhibitions:visited {
  color: #006a6f;
}
.link--emphasised {
  position: relative;
  display: inline-block;
  padding-right: 25px;
  font-size: 1.3em;
  text-decoration: none;
}
.link--emphasised:after {
  height: 20px;
  width: 20px;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  background: url(/graphics/bullet_blue.svg) no-repeat center center;
  background-size: 10px;
}
.link--emphasised:focus,
.link--emphasised:hover {
  outline: none;
  text-decoration: none;
}
.section--purple .link--emphasised,
.section--green .link--emphasised,
.section--blue .link--emphasised {
  color: white;
}
.section--purple .link--emphasised:after,
.section--green .link--emphasised:after,
.section--blue .link--emphasised:after {
  background-image: url(/graphics/bullet.svg);
}
.icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
fieldset,
div[data-sc-field-key] {
  margin-bottom: 3em;
}
.field-datebox-title {
  display: none;
}
.field-datebox-content {
  width: auto;
}
input,
select,
textarea,
.form-control {
  color: #4a4a4a;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  padding: 6px 12px;
  border: 2px solid #e3e3e3;
  width: 100%;
}
select {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
input[type="radio"],
input[type="checkbox"],
input[type="image"] {
  display: inline-block;
  border: none;
  padding: 0;
  width: auto;
}
input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type="search"]:focus {
  outline: none;
}
input[type="file"] {
  color: #4a4a4a;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 5px 3px !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=number],
input[type=date] {
  -moz-appearance: textfield;
}
label {
  display: block;
  color: #4a4a4a;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  padding: 0 1.5em;
  font-weight: normal;
}
legend {
  margin-bottom: 0;
  color: inherit;
  border: none;
}
.list-content td {
  padding-right: 1em;
}
@media screen and (max-width: 767px) {
  .list-content table,
  .list-content tbody,
  .list-content tr,
  .list-content td {
    display: block;
  }
}
select,
select.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 40px;
  background: white url(/graphics/arrow_down_grey.svg) no-repeat right 14px center;
  background-size: 25px;
}
select::-ms-expand,
select.form-control::-ms-expand {
  display: none;
}
select[size],
select[multiple] {
  background-image: none;
}
.lt-ie9 select,
.gt-ie8 select {
  padding-right: 12px;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  background-image: none;
}
.multi-line {
  min-height: 100px;
}
.input:not(.radio-switch) {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  color: #7b7b7b !important;
  border-radius: 1.6em;
  background-color: white;
  background-position: right 1em bottom -2em;
  background-repeat: no-repeat;
  border: 2px solid white;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(123, 123, 123, 0.35);
          box-shadow: 0px 2px 10px 1px rgba(123, 123, 123, 0.35);
  -webkit-transition: background-position 0.6s, border-color 0.4s;
  transition: background-position 0.6s, border-color 0.4s;
}
.input:not(.radio-switch).valid,
.input:not(.radio-switch).has-success {
  border-color: #9db449;
  -webkit-box-shadow: 0px 1px 6px 1px rgba(123, 123, 123, 0.3);
          box-shadow: 0px 1px 6px 1px rgba(123, 123, 123, 0.3);
  background-image: url("/graphics/tick-green.png");
  background-position: right 1em bottom 0.75em;
}
.input:not(.radio-switch).error {
  background-image: url("/graphics/exclamation-red.png");
  background-position: right 1em bottom 0.75em;
}
.input:not(.radio-switch):focus {
  border-color: #00aeef;
}
.input:not(.radio-switch)::-webkit-input-placeholder {
  color: #c8c8c8;
}
.input:not(.radio-switch):-ms-input-placeholder {
  color: #c8c8c8;
}
.input:not(.radio-switch)::-ms-input-placeholder {
  color: #c8c8c8;
}
.input:not(.radio-switch)::placeholder {
  color: #c8c8c8;
}
.input:not(.radio-switch):focus::-webkit-input-placeholder {
  color: #b0b0b0;
}
.input:not(.radio-switch):focus:-ms-input-placeholder {
  color: #b0b0b0;
}
.input:not(.radio-switch):focus::-ms-input-placeholder {
  color: #b0b0b0;
}
.input:not(.radio-switch):focus::placeholder {
  color: #b0b0b0;
}
.input:not(.radio-switch):focus {
  outline: none;
}
.input:not(.radio-switch)::-ms-clear {
  display: none;
}
.input:not(.radio-switch) h2,
.input:not(.radio-switch) h3 {
  padding-top: 0;
}
.input:not(.radio-switch) button,
.input:not(.radio-switch) .button,
.input:not(.radio-switch) [type="submit"] {
  margin: 0.5rem 0;
  margin-top: 1rem;
  max-width: 100%;
}
.closed + .closed + .help-block {
  display: none;
}
.scfForm,
form[data-sc-fxb] {
  margin-bottom: 1em;
  padding: 0;
  color: #4a4a4a;
  background-color: transparent;
}
@media screen and (min-width: 992px) {
  .scfForm,
  form[data-sc-fxb] {
    padding: 0;
  }
}
.scfForm select,
form[data-sc-fxb] select {
  color: #4a4a4a;
  background-color: #fff;
}
.scfForm [type=submit],
form[data-sc-fxb] [type=submit] {
  display: inline-block;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  background: #565656;
  border: none;
  border-radius: 0;
  color: white;
  text-align: left;
  text-transform: uppercase;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  background-color: #0063a3;
}
.scfForm [type=submit]:visited,
form[data-sc-fxb] [type=submit]:visited {
  color: white;
}
.scfForm [type=submit]:hover,
form[data-sc-fxb] [type=submit]:hover,
.scfForm [type=submit]:focus,
form[data-sc-fxb] [type=submit]:focus {
  color: white;
  text-decoration: none;
  background-color: #494949;
}
@media print {
  .scfForm [type=submit],
  form[data-sc-fxb] [type=submit] {
    border: 2px solid black;
  }
}
.scfForm [type=submit]:hover,
form[data-sc-fxb] [type=submit]:hover,
.scfForm [type=submit]:focus,
form[data-sc-fxb] [type=submit]:focus {
  background-color: #00548a;
}
.scfForm [type=submit]:not(.button--arrow),
form[data-sc-fxb] [type=submit]:not(.button--arrow) {
  background: url(/graphics/arrow_right.svg) no-repeat 95% 50%;
  background-color: #0063a3;
  width: auto;
  max-width: 100%;
  margin-top: 1em;
  padding-right: 3em;
}
.scfForm [type=submit]:hover,
form[data-sc-fxb] [type=submit]:hover,
.scfForm [type=submit]:focus,
form[data-sc-fxb] [type=submit]:focus {
  background-color: #00548a;
}
.scfForm label,
form[data-sc-fxb] label {
  margin-top: 1em;
}
.form-footer {
  color: #4a4a4a;
  margin-bottom: 1em;
}
.field-title {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  color: #4a4a4a;
}
.field-panel {
  margin-bottom: 1em;
}
.field-content {
  margin: 0 0 20px;
}
.field-content:before,
.field-content:after {
  content: " ";
  display: table;
}
.field-content:after {
  clear: both;
}
.field-content:before,
.field-content:after {
  content: " ";
  display: table;
}
.field-content:after {
  clear: both;
}
.field-content__inline-label {
  display: inline-block;
}
.field-required {
  color: #4a4a4a;
}
.field-info {
  font-size: 0.85em;
}
.field-validation-error,
.validation-summary-errors li {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: 0.5em 1em;
  color: white;
  background-color: #8e1539;
  border-radius: 2em;
  border-top-left-radius: 0;
}
.validation-summary-errors ul {
  margin-right: 1em;
  padding: 0;
  list-style: none;
  display: inline;
}
.validation-summary-errors {
  display: inline;
}
.text-box {
  height: 38px;
  font-size: 17px;
  line-height: 1.42857143;
  border: 2px solid #e3e3e3;
  color: #4a4a4a;
  background-color: #fff;
}
.field-datebox-content {
  display: inline-block;
}
table {
  width: 100%;
}
table tr:nth-child(even) {
  background-color: #fff;
  color: #4a4a4a;
}
table tr:nth-child(odd) {
  background-color: #f3f3f3;
  color: #4a4a4a;
}
table thead tr,
table tfoot tr {
  background-color: inherit !important;
  font-weight: bold;
}
table tbody {
  border-top: 4px solid #e3e3e3;
  border-bottom: 4px solid #e3e3e3;
}
table td,
table th {
  padding: .5em;
}
.sitecore-content [href^="tel:"],
.detail [href^="tel:"] {
  display: inline-block;
  padding: .4em 1em .4em 2em;
  border-radius: 4px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  background: #565656 url(/graphics/phone-cream.svg) no-repeat 0.5em center;
  background-size: 20px 20px;
  color: white;
}
.sitecore-content [href^="tel:"]:hover,
.detail [href^="tel:"]:hover {
  color: white;
  text-decoration: none;
}
@media (min-width: 992px) {
  .sitecore-content [href^="tel:"],
  .detail [href^="tel:"] {
    display: inline;
    padding: 0;
    border: none;
    font-weight: normal;
    color: #4a4a4a;
    background: none;
    cursor: text;
  }
  .sitecore-content [href^="tel:"]:hover,
  .detail [href^="tel:"]:hover {
    color: #4a4a4a;
    cursor: text;
  }
  .sitecore-content [href^="tel:"]:focus,
  .detail [href^="tel:"]:focus,
  .sitecore-content [href^="tel:"]:active,
  .detail [href^="tel:"]:active {
    color: #4a4a4a;
    text-decoration: none;
  }
}
.float-l {
  float: left;
  display: block;
  margin: 0 1em 1em auto;
}
.float-r {
  float: right;
  display: block;
  margin: 0 auto 1em 1em;
}
.off {
  display: none;
}
.on {
  display: block;
}
.list-unstyled,
.list-borderstyle,
.list-imagestyle {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.list-borderstyle > li {
  padding: .3em .5em;
  margin: 1em 0;
  border-left: 4px solid #0063a3;
}
.list-imagestyle {
  padding-left: 3em;
}
.list-imagestyle > li {
  margin-bottom: 1.5em;
}
.list-imagestyle > li > img {
  width: 2em;
  height: 2em;
  margin: 1.4em 1em 0 0;
  position: absolute;
  left: 2.5em;
  border-radius: 50%;
}
section {
  background-color: #fff;
  color: #4a4a4a;
}
.section--gray {
  background-color: #f3f3f3;
  color: #4a4a4a;
}
.section--purple {
  background-color: #6e1a5d;
}
.section--green {
  background-color: #008388;
}
.section--blue {
  background-color: #0063a3;
}
.section--purple,
.section--green,
.section--blue {
  color: white;
}
.section--purple a,
.section--green a,
.section--blue a {
  color: #fff !important;
}
.section--purple a:hover,
.section--green a:hover,
.section--blue a:hover {
  color: white !important;
}
.section--padded {
  padding: 1em 0;
}
.section--color--rotate:nth-child(odd) {
  background-color: #fff;
  color: #4a4a4a;
}
.section--color--rotate:nth-child(even) {
  background-color: #f3f3f3;
  color: #4a4a4a;
}
.section--exhibitions {
  background-color: #2e91be;
  color: white;
  padding: 2em 0;
}
section .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  section .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  section .container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  section .container {
    width: 1180px;
  }
}
.header {
  position: relative;
  width: 100%;
  border-top: 5px solid #023a70;
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .header {
    padding-top: 23px;
  }
}
.header .container {
  max-width: 100%;
}
@media all and (max-width: 991px) {
  .header .container {
    width: auto;
    padding: 0;
    margin: 0;
  }
}
@media print {
  .header {
    border-top: 5px solid black;
    border-bottom: 1pt solid black;
    margin-bottom: 1em;
  }
}
.header__bar {
  margin: 0 auto;
}
.header__bar:before,
.header__bar:after {
  content: " ";
  display: table;
}
.header__bar:after {
  clear: both;
}
.header__bar:before,
.header__bar:after {
  content: " ";
  display: table;
}
.header__bar:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .header__bar {
    margin-bottom: .5em;
  }
}
@media screen and (max-width: 991px) {
  .header__bar > .row {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  .header__row {
    padding-left: 0;
    padding-right: 0;
  }
}
.header__icons {
  float: right;
}
.header__icons:before,
.header__icons:after {
  content: " ";
  display: table;
}
.header__icons:after {
  clear: both;
}
.header__icons:before,
.header__icons:after {
  content: " ";
  display: table;
}
.header__icons:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .header__icons {
    display: none;
  }
}
@media print {
  .header__icons {
    display: none;
  }
}
#largeDropDownButtonList {
  position: fixed !important;
}
.masthead {
  width: 100%;
  background-color: #fff;
  padding-top: 12px;
  min-height: 65px;
  border-top: 0;
  border-bottom: 3px solid #f3f3f3;
}
@media screen and (min-width: 992px) {
  .masthead {
    padding-top: 11.5px;
  }
}
.masthead .container {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .masthead .container {
    width: auto;
    padding: 0;
    margin: 0;
  }
}
.footer {
  padding: 1em 0 2em;
  background-color: #0063a3;
  color: white;
}
@media screen and (min-width: 992px) {
  .footer {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
@media print {
  .footer {
    border-top: 2px solid black;
  }
}
.footer__title {
  margin-bottom: 1em;
  color: #b4cfe4;
  font-size: 24px;
}
@media print {
  .footer__title {
    display: none;
  }
}
.footer__text {
  color: #b4cfe4;
}
.footer__list {
  padding-left: 0;
  margin-bottom: 1em;
  list-style-type: none;
}
.footer__list:before,
.footer__list:after {
  content: " ";
  display: table;
}
.footer__list:after {
  clear: both;
}
.footer__list:before,
.footer__list:after {
  content: " ";
  display: table;
}
.footer__list:after {
  clear: both;
}
.footer__link {
  float: left;
  display: block;
  width: 98%;
  margin: 0 2% .5em 0;
}
.footer__link a {
  color: white;
  text-decoration: underline;
}
@media screen and (min-width: 450px) {
  .footer__link {
    width: 48%;
  }
}
@media screen and (min-width: 992px) {
  .footer__link {
    width: 31%;
  }
}
@media screen and (min-width: 768px) {
  .footer__divider {
    border-bottom: 2px solid #8fb8d6;
    padding-bottom: 1em;
  }
}
@media screen and (min-width: 992px) {
  .footer__divider {
    border-right: 2px solid #8fb8d6;
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media print {
  .footer__divider {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .footer__padded {
    padding-top: 2em;
  }
}
@media screen and (min-width: 992px) {
  .footer__padded {
    padding-top: 0;
    padding-left: 3em;
  }
}
.footer__social {
  padding-left: 0;
}
.footer__social:before,
.footer__social:after {
  content: " ";
  display: table;
}
.footer__social:after {
  clear: both;
}
.footer__social:before,
.footer__social:after {
  content: " ";
  display: table;
}
.footer__social:after {
  clear: both;
}
@media print {
  .footer__social {
    display: none;
  }
}
.footer__link--active {
  font-style: italic;
}
.icons {
  margin-bottom: 2em;
}
.icons img {
  margin-right: 0.8em;
  height: 65px;
  width: 65px;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .icons img {
    height: 45px;
    width: 45px;
  }
}
.block--half {
  width: 50%;
}
.block--third {
  width: 33.33333333%;
}
.block--two-thirds {
  width: 66.66666667%;
}
.block--quarter {
  width: 25%;
}
.block--three-quarters {
  width: 75%;
}
.block--fifth {
  width: 20%;
}
.block--two-fifths {
  width: 40%;
}
.block--three-fifths {
  width: 60%;
}
.block--four-fifths {
  width: 80%;
}
.block--sixth {
  width: 16.66666667%;
}
@media print {
  .print-hidden {
    display: none;
  }
}
@media print {
  .print-visible {
    display: block;
  }
}
/**
 *  A box is a simple module construct to contain any kind of content.
 *
 *  It can be coloured in a variety of ways, and can be given padding
 *  and margins as required.
 *
 *  <div class="box"> <!__ Content __> </div>
 */
.box {
  display: block;
  width: 100%;
  padding: 1em 1em .5em;
  margin: 0 0 1em 0;
  text-decoration: none;
  background-color: #fff;
  color: #4a4a4a;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.section--color--rotate:nth-child(odd) .box {
  background-color: #e3e3e3;
}
@media screen and (min-width: 768px) {
  .box {
    padding: 1.5em 1.5em 1em;
  }
}
@media print {
  .box {
    border: 1pt solid black;
  }
}
.box__icons:before,
.box__icons:after {
  content: " ";
  display: table;
}
.box__icons:after {
  clear: both;
}
.box__icons:before,
.box__icons:after {
  content: " ";
  display: table;
}
.box__icons:after {
  clear: both;
}
.box__icon {
  height: 30px;
  width: 30px;
  fill: white;
}
.box__content {
  margin-bottom: 0.2em;
}
/**
 * Box level modifiers
 */
.box--slim {
  padding: 0;
}
.box--side-padding {
  padding: 0 1em;
}
.box--fat {
  padding: 2em;
}
.box--centred {
  text-align: center;
}
.box--left-border {
  background-color: transparent;
  border-left: 4px solid #008388;
}
.section--color--rotate:nth-child(odd) .box--left-border {
  background-color: transparent;
}
.box--alt1 {
  background-color: #2e91be;
  color: white;
}
.section--color--rotate:nth-child(odd) .box--alt1 {
  background-color: #2e91be;
  color: white;
}
.box--link.box--alt1:visited {
  background-color: #2e91be;
  color: white;
  text-decoration: none;
}
.box--link.box--alt1:hover,
.box--link.box--alt1:focus {
  text-decoration: none;
  color: white;
  background-color: #379fcf;
}
.box--alt1 .sitecore-content a {
  color: white;
}
.box--alt1 .sitecore-content a:hover {
  color: #d9d9d9;
}
.box--alt2 {
  background-color: #e3e3e3;
  color: #4a4a4a;
}
.section--color--rotate:nth-child(odd) .box--alt2 {
  background-color: #e3e3e3;
  color: #4a4a4a;
}
.box--link.box--alt2:visited {
  background-color: #e3e3e3;
  color: #4a4a4a;
  text-decoration: none;
}
.box--link.box--alt2:hover,
.box--link.box--alt2:focus {
  text-decoration: none;
  color: #4a4a4a;
  background-color: #f0f0f0;
}
.box--alt2 .sitecore-content a {
  color: #4a4a4a;
}
.box--alt2 .sitecore-content a:hover {
  color: #242424;
}
.box--alt3 {
  background-color: #008388;
  color: white;
}
.section--color--rotate:nth-child(odd) .box--alt3 {
  background-color: #008388;
  color: white;
}
.box--link.box--alt3:visited {
  background-color: #008388;
  color: white;
  text-decoration: none;
}
.box--link.box--alt3:hover,
.box--link.box--alt3:focus {
  text-decoration: none;
  color: white;
  background-color: #009ca2;
}
.box--alt3 .sitecore-content a {
  color: white;
}
.box--alt3 .sitecore-content a:hover {
  color: #d9d9d9;
}
.box--alt4 {
  background-color: #6e1a5d;
  color: white;
}
.section--color--rotate:nth-child(odd) .box--alt4 {
  background-color: #6e1a5d;
  color: white;
}
.box--link.box--alt4:visited {
  background-color: #6e1a5d;
  color: white;
  text-decoration: none;
}
.box--link.box--alt4:hover,
.box--link.box--alt4:focus {
  text-decoration: none;
  color: white;
  background-color: #831f6e;
}
.box--alt4 .sitecore-content a {
  color: white;
}
.box--alt4 .sitecore-content a:hover {
  color: #d9d9d9;
}
.box--branded {
  background-color: #0063a3;
  color: white;
}
.section--color--rotate:nth-child(odd) .box--branded {
  background-color: #0063a3;
  color: white;
}
.box--link.box--branded:visited {
  background-color: #0063a3;
  color: white;
  text-decoration: none;
}
.box--link.box--branded:hover,
.box--link.box--branded:focus {
  text-decoration: none;
  color: white;
  background-color: #0072bc;
}
.box--branded .sitecore-content a {
  color: white;
}
.box--branded .sitecore-content a:hover {
  color: #d9d9d9;
}
.box--link:hover,
.box--link:focus {
  text-decoration: none;
  color: #4a4a4a;
  background-color: #ffffff;
}
/**
 * Icon level modifiers
 */
.box__icon--right {
  float: right;
}
.box__icon--alt {
  fill: white;
}
.box__icon--inline {
  margin-bottom: -5px;
}
/**
 * The breadcrumbs represents the page hierarchy from root (homepage) to
 * the currently viewed page.
 *
 *  <div class="breadcrumb">
 *      <p class="breadcrumb__item">You are here:</p>
 *      <a href="#" class="breadcrumb__item">Home</a>
 *
 *      <span class="breadcrumb__separator">/</span>
 *
 *      <a href="#" class="breadcrumb__item">Employment &amp; Pay</a>
 *
 *      <span class="breadcrumb__separator">/</span>
 *
 *      <p class="breadcrumb__item">Working Hours</p>
 *  </div>
 */
/**
 * The breadcrumb is not displayed at mobile devices.
 */
.breadcrumb {
  display: none;
  margin-top: 1em;
  color: #4a4a4a;
  font-size: 16px;
}
.breadcrumb:before,
.breadcrumb:after {
  content: " ";
  display: table;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb:before,
.breadcrumb:after {
  content: " ";
  display: table;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb ol {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .breadcrumb {
    display: block;
  }
}
.breadcrumb__item {
  float: left;
  margin-right: 0.25em;
  margin-bottom: 0;
  list-style: none;
}
/**
 * @todo
 *
 * This class is not required as it's the same as .breadcrumb__item
 * Removing it will require a Sitecore update.
 */
.breadcrumb__separator {
  float: left;
  margin-right: 0.25em;
  list-style: none;
}
.breadcrumb--listing {
  display: block;
  color: #4a4a4a;
  font-size: 14.4px;
}
.breadcrumb--listing a.breadcrumb__item {
  color: #0082d6;
}
.bulleted-list {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
.bulleted-list li {
  padding-left: 1em;
  background: transparent url(/graphics/bullet_blue.svg) no-repeat left center;
  background-size: 10px 17px;
}
.bulleted-list--light {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
.bulleted-list--light li {
  padding-left: 1em;
  background: transparent url(/graphics/bullet_blue.svg) no-repeat left center;
  background-size: 10px 17px;
}
.bulleted-list--light li {
  background-image: url(/graphics/bullet.svg);
}
.bullet {
  background-image: url(/graphics/bullet.svg);
  background-repeat: no-repeat;
  background-position: left .35em;
}
.no-bullet {
  padding: 0;
  list-style: none;
}
.button {
  display: inline-block;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  background: #565656;
  border: none;
  border-radius: 0;
  color: white;
  text-align: left;
  text-transform: uppercase;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.button:visited {
  color: white;
}
.button:hover,
.button:focus {
  color: white;
  text-decoration: none;
  background-color: #494949;
}
@media print {
  .button {
    border: 2px solid black;
  }
}
.button--fullwidth {
  width: 100%;
}
.button--arrow {
  position: relative;
  padding-right: 4em;
}
.button--arrow:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3em;
  height: 100%;
  border-left: 2px solid white;
  content: "";
  background: url(/graphics/arrow_right.svg) no-repeat center center;
  background-size: 19px 19px;
  text-align: center;
}
@media print {
  .button--arrow:after {
    border-left: 2pt solid black;
    width: 35pt;
    content: "\203A" !important;
    font-size: 45pt;
    line-height: 0.5;
  }
}
.button--arrow-down:after {
  background-image: url(/graphics/arrow_down.svg);
}
@media print {
  .button--arrow-down:after {
    width: 34pt;
    height: 33pt;
    border-left: 0;
    border-bottom: 2pt solid black;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.button--arrow-down-gray {
  position: relative;
  display: inline-block;
  padding-right: 30px !important;
  padding-left: 5px !important;
}
.button--arrow-down-gray:after {
  position: absolute;
  right: 5px;
  top: 50%;
  bottom: 0;
  width: 19px;
  height: 19px;
  margin-top: -9px;
  content: "";
  background: url(/graphics/arrow_down_grey-dark.svg) no-repeat center center;
  background-size: 19px 19px;
  text-align: center;
}
@media print {
  .button--arrow-down-gray:after {
    width: 34pt;
    height: 33pt;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.button--arrow-down-gray.open {
  background-color: #e6e6e6;
}
.button--reset {
  position: relative;
  padding-right: 4em;
  background-color: #e3e3e3;
  color: #4a4a4a;
}
.button--reset:visited {
  color: #4a4a4a;
}
.button--reset:hover,
.button--reset:focus {
  color: #4a4a4a;
  background-color: #d6d6d6;
}
.button--reset:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3em;
  height: 100%;
  border-left: 2px solid #7b7b7b;
  content: "";
  background: url(/graphics/cross-grey-light.svg) no-repeat center center;
  background-size: 20px;
  text-align: center;
}
.button--loader {
  position: relative;
  padding-right: 4em;
}
.button--loader:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: inline-block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  font-size: 1em;
  content: "";
  border-top: 0.2em solid white;
  border-top: 0.2em solid rgba(255, 255, 255, 0.2);
  border-right: 0.2em solid white;
  border-right: 0.2em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.2em solid white;
  border-bottom: 0.2em solid rgba(255, 255, 255, 0.2);
  border-left: 0.2em solid white;
  border-radius: 50%;
  background: none;
  -webkit-animation: spinner 1.1s infinite linear;
          animation: spinner 1.1s infinite linear;
}
.button--loader:before {
  position: absolute;
  top: 0;
  right: 49px;
  height: 100%;
  width: 2px;
  background: white;
  content: "";
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.button--gray {
  background-color: #f3f3f3;
  color: #7b7b7b;
}
.button--gray:visited {
  color: #7b7b7b;
}
.button--gray:hover,
.button--gray:focus {
  color: #7b7b7b;
  background-color: #e6e6e6;
}
.button--blue {
  background-color: #0063a3;
}
.button--blue:hover,
.button--blue:focus {
  background-color: #00548a;
}
.button--red {
  background-color: #c5003e;
}
.button--red:hover,
.button--red:focus {
  background-color: #ac0036;
}
.button--membership {
  background-color: #2dc0d2;
  color: white;
}
.button--membership:visited {
  color: white;
}
.button--membership:hover,
.button--membership:focus {
  text-decoration: none;
  background-color: #29adbd;
}
.button--membership--mobile {
  margin: 0.6em 0 0.6em 2%;
  width: 96%;
}
@media screen and (min-width: 768px) {
  .button--membership--mobile {
    margin-left: 4%;
    width: 92%;
  }
}
.button--news {
  background-color: #6e1a5d;
}
.button--news:hover,
.button--news:focus {
  background-color: #59154c;
}
.button--events {
  background-color: #008388;
}
.button--events:hover,
.button--events:focus {
  background-color: #006a6f;
}
.button--policies {
  background-color: #008388;
}
.button--policies:hover,
.button--policies:focus {
  background-color: #006a6f;
}
.button--consultations {
  background-color: #008388;
}
.button--consultations:hover,
.button--consultations:focus {
  background-color: #006a6f;
}
.button--bulletins {
  background-color: #008388;
}
.button--bulletins:hover,
.button--bulletins:focus {
  background-color: #006a6f;
}
.button--publications {
  background-color: #008388;
}
.button--publications:hover,
.button--publications:focus {
  background-color: #006a6f;
}
.button--factsheets {
  background-color: #8e1539;
}
.button--factsheets:hover,
.button--factsheets:focus {
  background-color: #781230;
}
.button--login {
  background-color: #c5003e;
  width: auto;
}
.button--login:hover,
.button--login:focus {
  background-color: #ac0036;
}
.button--reveal {
  width: auto;
  background-color: white;
  color: #023a70;
  text-transform: none;
}
.button--reveal:visited {
  color: #023a70;
}
.button--reveal:hover,
.button--reveal:focus {
  color: #023a70;
  background-color: #f2f2f2;
}
.button--no-margin {
  margin: 0;
}
.button--spaced {
  margin-left: 1em;
}
.event-buttons .button:first-child {
  background-color: #008388;
  color: white;
}
button[disabled],
button[disabled]:hover {
  background-color: #e3e3e3;
}
.calling-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 1em;
  margin: 0 0 1em;
  background-color: #f3f3f3;
}
a.calling-cards {
  text-decoration: none;
}
a.calling-cards:hover {
  background-color: #e6e6e6;
}
@media (min-width: 680px) {
  .calling-cards {
    width: 49%;
  }
}
.gt-ie8 .calling-cards {
  display: block;
}
@media (min-width: 680px) {
  .gt-ie8 .calling-cards {
    float: left;
  }
  .gt-ie8 .calling-cards:nth-child(odd) {
    margin-right: 2%;
    clear: left;
  }
}
.lt-ie9 .calling-cards {
  display: block;
}
@media (min-width: 680px) {
  .lt-ie9 .calling-cards {
    float: left;
    margin-right: 1%;
  }
}
.calling-cards__image {
  width: 100px;
  height: 100px;
  margin-right: 1em;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 50%;
}
.gt-ie8 .calling-cards__image,
.lt-ie9 .calling-cards__image {
  display: block;
  float: left;
}
.calling-cards__title {
  margin: 0;
  color: #7b7b7b;
}
.calling-cards__job {
  margin: 0;
  color: #7b7b7b;
}
.calling-cards__name {
  margin: 0;
  color: #0063a3;
}
.calling-cards__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.calling-cards__divider {
  margin-top: .5em;
  padding-top: 1em;
  border-top: 1px dashed #7b7b7b;
}
.calling-cards__email {
  margin: 10px 0;
}
.calling-cards__phone-number {
  margin: 10px 15px;
}
.centenary-list {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .centenary-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.centenary-list__item {
  position: relative;
  display: block;
  width: 100%;
  padding: 1em 125px .5em 1em ;
  margin: 0;
  z-index: 0;
  text-decoration: none;
  color: white;
  overflow: hidden;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.centenary-list__item p {
  color: white;
}
.centenary-list__item:hover,
.centenary-list__item:focus,
.centenary-list__item:active,
.centenary-list__item:visited {
  color: white;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .centenary-list__item {
    width: 20%;
    padding-right: 1em;
    padding-bottom: 150px;
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .centenary-list__item {
    padding: 1.5em 1.5em 1em;
    padding-bottom: 220px;
  }
}
@media print {
  .centenary-list__item {
    border: 1pt solid black;
  }
}
.gt-ie8 .centenary-list__item,
.lt-ie9 .centenary-list__item {
  display: block;
}
@media screen and (min-width: 768px) {
  .gt-ie8 .centenary-list__item,
  .lt-ie9 .centenary-list__item {
    float: left;
    min-height: 280px;
  }
}
@media screen and (min-width: 992px) {
  .gt-ie8 .centenary-list__item,
  .lt-ie9 .centenary-list__item {
    min-height: 380px;
  }
}
.centenary-list__image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  height: 100%;
  z-index: -1;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .centenary-list__image {
    top: auto;
    height: auto;
    left: 0;
    width: 100%;
  }
}
.centenary-list__item:hover .centenary-list__image {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
@media screen and (min-width: 768px) {
  .centenary-list__item:hover .centenary-list__image {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.touch .centenary-list__image {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (min-width: 768px) {
  .centenary-list__header {
    font-size: 2.5em;
  }
}
@media screen and (min-width: 992px) {
  .centenary-list__header {
    font-size: 3em;
    margin-bottom: .2em;
  }
}
.centenary-list__item--alt1 {
  background-color: #e82d8b;
}
.centenary-list__item--alt2 {
  background-color: #0086ad;
}
.centenary-list__item--alt3 {
  background-color: #924399;
}
.centenary-list__item--alt4 {
  background-color: #8bc043;
}
.centenary-list__item--alt5 {
  background-color: #004288;
}
.comments {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .comments {
    display: table;
    border-collapse: separate;
    border-spacing: 0 1em;
    width: 100%;
    margin-top: -1em;
  }
}
.comments ul {
  margin-bottom: 0;
}
.comments > li {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .comments > li {
    display: table-row;
  }
}
.comments__meta {
  background-color: #e3e3e3;
}
@media screen and (min-width: 768px) {
  .comments__meta {
    display: table-cell;
    min-width: 110px;
    vertical-align: top;
  }
}
@media screen and (min-width: 768px) {
  .comments__meta span {
    display: block;
  }
}
.comments__text {
  background-color: #fff;
  padding: 0.5em 1em;
}
@media screen and (min-width: 768px) {
  .comments__text {
    display: table-cell;
    vertical-align: top;
    width: 100%;
  }
}
.comments__text .comments__text {
  background-color: #f3f3f3;
  margin-bottom: 0.5em;
  font-size: 88%;
}
.comments .label {
  margin-bottom: 0;
}
.reply-toggle {
  color: #0063a3;
  cursor: pointer;
}
.reply-toggle + form {
  margin-top: 0.5em;
}
.content ol,
.content ul {
  margin: 0 0 1em 2em;
  padding: 0;
}
.content img {
  margin-bottom: 0.5em;
}
input[type="checkbox"].expandable {
  display: none;
}
input[type="checkbox"].expandable ~ * label {
  cursor: pointer;
  color: #004a91;
  font-weight: normal;
  margin-top: 0.5em;
  margin-bottom: 0;
}
input[type="checkbox"].expandable ~ * label:hover {
  color: #0063a3;
}
input[type="checkbox"].expandable ~ .content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  border-bottom: solid 4px #e3e3e3;
}
input[type="checkbox"].expandable:checked ~ .content {
  max-height: 500vh;
  -webkit-transition: max-height 1s ease-in;
  transition: max-height 1s ease-in;
}
@media print {
  input[type="checkbox"].expandable ~ .content {
    max-height: none;
  }
}
.expandable-arrow {
  position: relative;
  bottom: 0.1rem;
  margin: 0.1em;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
:checked ~ * .expandable-arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.promo {
  margin-bottom: 2em;
}
.promo__image {
  max-width: 100%;
  margin-bottom: 1em;
}
.promo__content {
  width: 100%;
}
.promo--dark {
  background-color: #f3f3f3;
}
.promo--light {
  background-color: #fff;
}
.promo__action--green {
  color: #008388;
}
.promo__action--blue {
  color: #0063a3;
}
.promo__action--purple {
  color: #6e1a5d;
}
.cookie {
  background-color: #f3f3f3;
  color: #4a4a4a;
  font-size: 14px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) {
  .cookie {
    font-size: 16px;
  }
}
.cookie p {
  margin-bottom: 0;
}
.cta-form * {
  color: #fff;
}
.cta-form input {
  color: #4a4a4a;
  margin-bottom: 1em;
}
.cta-form .cta__image {
  float: left;
}
.detail {
  display: table;
  width: 100%;
  margin: 0.5em 0;
  padding: 0 0 1em;
  border-bottom: 3px solid #e3e3e3;
  font-weight: bold;
}
.detail__title {
  display: table-cell;
  width: 40%;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .detail__title {
    width: 35%;
  }
}
@media screen and (min-width: 992px) {
  .detail__title {
    width: 30%;
  }
}
.detail__value {
  display: table-cell;
  text-align: right;
}
.detail__value label {
  display: block;
}
.detail--last {
  margin-bottom: 2em;
  border: 0;
}
.detail__title--large {
  width: 55%;
}
@media screen and (min-width: 768px) {
  .detail__title--large {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .detail__title--large {
    width: 60%;
  }
}
.exhibition {
  display: block;
  margin-bottom: 1em;
  background-color: #fff;
  color: #4a4a4a;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
@media print {
  .exhibition {
    border: 1pt solid black;
  }
}
.exhibition__image {
  display: block;
  width: 100%;
}
.exhibition__content {
  padding: 1.5em;
}
.exhibition__date {
  display: inline-block;
  padding: .2em .4em;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .exhibition--image-left:before,
  .exhibition--image-left:after {
    content: " ";
    display: table;
  }
  .exhibition--image-left:after {
    clear: both;
  }
  .exhibition--image-left:before,
  .exhibition--image-left:after {
    content: " ";
    display: table;
  }
  .exhibition--image-left:after {
    clear: both;
  }
  .exhibition--image-left .exhibition__image,
  .exhibition--image-left .exhibition__content {
    float: left;
  }
  .exhibition--image-left .exhibition__image {
    width: 49%;
  }
  .exhibition--image-left .exhibition__content {
    width: 51%;
  }
}
.exhibition--alt1 {
  background-color: #2e91be;
  color: white;
  text-decoration: none;
}
.exhibition.exhibition--alt1:visited {
  background-color: #2e91be;
  color: white;
  text-decoration: none;
}
.exhibition.exhibition--alt1:hover,
.exhibition.exhibition--alt1:focus {
  text-decoration: none;
  color: white;
  background-color: #379fcf;
}
.exhibition--alt1 .exhibition__date {
  background-color: #277ba1;
}
.exhibition--alt2 {
  background-color: #e3e3e3;
  color: #4a4a4a;
  text-decoration: none;
}
.exhibition.exhibition--alt2:visited {
  background-color: #e3e3e3;
  color: #4a4a4a;
  text-decoration: none;
}
.exhibition.exhibition--alt2:hover,
.exhibition.exhibition--alt2:focus {
  text-decoration: none;
  color: #4a4a4a;
  background-color: #f0f0f0;
}
.exhibition--alt2 .exhibition__date {
  background-color: #d1d1d1;
}
.exhibition--alt3 {
  background-color: #008388;
  color: white;
  text-decoration: none;
}
.exhibition.exhibition--alt3:visited {
  background-color: #008388;
  color: white;
  text-decoration: none;
}
.exhibition.exhibition--alt3:hover,
.exhibition.exhibition--alt3:focus {
  text-decoration: none;
  color: white;
  background-color: #009ca2;
}
.exhibition--alt3 .exhibition__date {
  background-color: #006164;
}
.exhibition--alt4 {
  background-color: #6e1a5d;
  color: white;
  text-decoration: none;
}
.exhibition.exhibition--alt4:visited {
  background-color: #6e1a5d;
  color: white;
  text-decoration: none;
}
.exhibition.exhibition--alt4:hover,
.exhibition.exhibition--alt4:focus {
  text-decoration: none;
  color: white;
  background-color: #831f6e;
}
.exhibition--alt4 .exhibition__date {
  background-color: #511345;
}
.exhibition-promo {
  margin-bottom: 1em;
}
.exhibition-promo:before,
.exhibition-promo:after {
  content: " ";
  display: table;
}
.exhibition-promo:after {
  clear: both;
}
.exhibition-promo:before,
.exhibition-promo:after {
  content: " ";
  display: table;
}
.exhibition-promo:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .exhibition-promo {
    margin: 1em 0 0 0;
  }
}
.exhibition-promo__image {
  width: 100%;
  margin-bottom: .5em;
}
@media screen and (min-width: 420px) {
  .exhibition-promo__image {
    float: left;
    width: auto;
    max-width: 100px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 420px) {
  .exhibition-promo__image {
    max-width: 160px;
  }
}
@media screen and (min-width: 420px) {
  .exhibition-promo__details {
    padding-left: 1em;
    overflow: hidden;
  }
}
@media screen and (min-width: 420px) {
  .exhibition-promo__details {
    padding-left: 2em;
  }
}
.exhibition-promo__title {
  font-size: 1.2em;
  color: white;
}
.exhibition-promo__title a {
  color: white;
}
.exhibition-timeline {
  padding: 1em 0 2em 0;
  margin-bottom: 1em;
  position: relative;
}
.exhibition-timeline:before,
.exhibition-timeline:after {
  content: " ";
  display: table;
}
.exhibition-timeline:after {
  clear: both;
}
.exhibition-timeline:before,
.exhibition-timeline:after {
  content: " ";
  display: table;
}
.exhibition-timeline:after {
  clear: both;
}
.lt-ie9 .exhibition-timeline {
  width: 100%;
  text-align: center;
}
.exhibition-timeline__header {
  margin-bottom: .5em;
}
.exhibition-timeline__description {
  display: none;
}
@media all and (min-width: 768px) {
  .exhibition-timeline__line {
    display: block;
    margin-left: -1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border: 1px solid #e3e3e3;
    content: "";
    z-index: 0;
  }
}
.lt-ie9 .exhibition-timeline__line {
  display: none;
}
.exhibition-timeline__box {
  display: block;
  width: 100%;
  padding: 1em;
  margin: 0 0 16px;
  position: relative;
}
.exhibition-timeline__box:before {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  position: absolute;
  bottom: -12px;
  left: 50%;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 0;
}
@media all and (min-width: 768px) {
  .exhibition-timeline__box {
    width: 45%;
    float: left;
    clear: left;
    margin-bottom: 2em;
    padding: 1.5em;
  }
  .exhibition-timeline__box:before {
    margin-top: -12px;
    margin-left: 0;
    top: 50%;
    left: auto;
    right: -12px;
  }
  .exhibition-timeline__box:nth-child(2n) {
    float: right;
    clear: right;
    margin-top: 2em;
    margin-bottom: 0;
  }
  .exhibition-timeline__box:nth-child(2n):before {
    left: -12px;
    right: auto;
  }
  .lt-ie9 .exhibition-timeline__box {
    width: 80%;
    float: none;
    margin: 1em auto;
    text-align: left;
  }
  .lt-ie9 .exhibition-timeline__box:before {
    display: none;
  }
}
@media all and (min-width: 992px) {
  .exhibition-timeline__box {
    width: 48%;
  }
}
.exhibition-timeline__image {
  width: 100%;
  margin-bottom: .5em;
}
.exhibition-timeline__box--alt1 {
  background-color: #2e91be;
  color: white;
  text-decoration: none;
}
.exhibition-timeline__box--alt1:before {
  background-color: #2e91be;
}
a.exhibition-timeline__box--alt1:visited {
  background-color: #2e91be;
  color: white;
  text-decoration: none;
}
a.exhibition-timeline__box--alt1:hover,
a.exhibition-timeline__box--alt1:focus {
  text-decoration: none;
  color: white;
  background-color: #379fcf;
}
a.exhibition-timeline__box--alt1:hover:before,
a.exhibition-timeline__box--alt1:focus:before {
  background-color: #379fcf;
}
.exhibition-timeline__box--alt2 {
  background-color: #e3e3e3;
  color: #4a4a4a;
  text-decoration: none;
}
.exhibition-timeline__box--alt2:before {
  background-color: #e3e3e3;
}
a.exhibition-timeline__box--alt2:visited {
  background-color: #e3e3e3;
  color: #4a4a4a;
  text-decoration: none;
}
a.exhibition-timeline__box--alt2:hover,
a.exhibition-timeline__box--alt2:focus {
  text-decoration: none;
  color: #4a4a4a;
  background-color: #f0f0f0;
}
a.exhibition-timeline__box--alt2:hover:before,
a.exhibition-timeline__box--alt2:focus:before {
  background-color: #f0f0f0;
}
.exhibition-timeline__box--alt3 {
  background-color: #008388;
  color: white;
  text-decoration: none;
}
.exhibition-timeline__box--alt3:before {
  background-color: #008388;
}
a.exhibition-timeline__box--alt3:visited {
  background-color: #008388;
  color: white;
  text-decoration: none;
}
a.exhibition-timeline__box--alt3:hover,
a.exhibition-timeline__box--alt3:focus {
  text-decoration: none;
  color: white;
  background-color: #009ca2;
}
a.exhibition-timeline__box--alt3:hover:before,
a.exhibition-timeline__box--alt3:focus:before {
  background-color: #009ca2;
}
.exhibition-timeline__box--alt4 {
  background-color: #6e1a5d;
  color: white;
  text-decoration: none;
}
.exhibition-timeline__box--alt4:before {
  background-color: #6e1a5d;
}
a.exhibition-timeline__box--alt4:visited {
  background-color: #6e1a5d;
  color: white;
  text-decoration: none;
}
a.exhibition-timeline__box--alt4:hover,
a.exhibition-timeline__box--alt4:focus {
  text-decoration: none;
  color: white;
  background-color: #831f6e;
}
a.exhibition-timeline__box--alt4:hover:before,
a.exhibition-timeline__box--alt4:focus:before {
  background-color: #831f6e;
}
.exhibition-timeline__box--alt1 a,
.exhibition-timeline__box--alt3 a,
.exhibition-timeline__box--alt4 a {
  color: white;
}
.exhibition-timeline__box--alt1 a:hover,
.exhibition-timeline__box--alt3 a:hover,
.exhibition-timeline__box--alt4 a:hover {
  color: white;
}
.factsheet__back {
  text-decoration: none;
}
.factsheet__back:hover {
  text-decoration: none;
}
@media print {
  .factsheet__back {
    display: none;
  }
}
.factsheet__backsvg {
  width: 35px;
  height: 13px;
  fill: #0063a3;
}
.factsheet__back:hover .factsheet__backsvg {
  fill: #003556;
}
.factsheet__section {
  margin-bottom: 3em;
}
.factsheet__advice {
  padding: 1.5em;
  margin-bottom: 2em;
  background-color: #f3f3f3;
}
@media print {
  .factsheet__advice {
    padding-left: 0;
  }
}
.faqs {
  padding: 1.5em;
  margin-bottom: 2em;
  background: #f3f3f3;
}
@media print {
  .faqs {
    border: 1pt solid black;
  }
}
.faq {
  margin-bottom: 2em;
}
.faqs__list {
  margin: 0;
  padding-left: 24px;
  line-height: 1.5;
}
.faq__footer {
  font-size: 15px;
}
.faq__footer:before,
.faq__footer:after {
  content: " ";
  display: table;
}
.faq__footer:after {
  clear: both;
}
.faq__footer:before,
.faq__footer:after {
  content: " ";
  display: table;
}
.faq__footer:after {
  clear: both;
}
.faq__helpful {
  float: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .faq__helpful {
    width: auto;
  }
}
@media print {
  .faq__helpful {
    display: none;
  }
}
.faq__back {
  float: left;
  text-decoration: none;
}
.faq__back:hover {
  text-decoration: none;
}
.faq__back:hover .faq__backsvg {
  fill: #003556;
}
@media screen and (min-width: 768px) {
  .faq__back {
    float: right;
  }
}
.faq__backsvg {
  width: 35px;
  height: 13px;
  fill: #0063a3;
}
#navigation .secondary-navigation .hi {
  display: none;
}
@media screen and (min-width: 992px) {
  #navigation .secondary-navigation {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 35px auto;
    width: 980px;
    text-align: right;
  }
  #navigation .secondary-navigation .hi {
    display: inline-block;
  }
  #navigation .secondary-navigation > li {
    pointer-events: initial;
    display: inline-block;
  }
  #navigation .secondary-navigation > li a:not(.button),
  #navigation .secondary-navigation > li span {
    display: inline-block;
    padding: 0.5em 0;
  }
  #navigation .secondary-navigation > li > .button {
    padding: 0.5em 1em;
    color: white;
  }
  #navigation .secondary-navigation > li:last-of-type {
    margin-right: 2rem;
  }
  #navigation .secondary-navigation .panel {
    position: absolute;
    z-index: 2;
    right: 0;
    margin-top: -0.4em;
    text-align: left;
    width: 50%;
  }
  #navigation .secondary-navigation .panel li {
    display: block;
    padding: 0;
    color: white;
  }
}
@media screen and (min-width: 1200px) {
  #navigation .secondary-navigation {
    width: 1180px;
  }
}
.hero {
  padding: 1.5em 1em;
  margin-bottom: 1em;
  background-color: #0063a3;
  color: white;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .hero {
    padding: 2.5em 1em;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .hero {
    width: 1140px;
  }
}
.hero__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42.5px;
}
.hero__content {
  text-align: center;
  display: block;
  margin: 1em auto 0;
}
@media screen and (min-width: 768px) {
  .hero__content {
    width: 75%;
  }
}
.news__hero__date {
  display: inline-block;
  padding: 0.3em;
  margin: 0 0 0.5em 0;
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
}
.hero__fade {
  background-color: rgba(0, 99, 163, 0.83);
}
.hero__title--unstyled {
  text-align: left;
  margin: 10px 0 0.5em;
}
.hero__content--unstyled {
  text-align: left;
  margin: 0;
  width: auto;
}
.hero-image {
  margin-bottom: 2em;
}
.hero-image:before,
.hero-image:after {
  content: " ";
  display: table;
}
.hero-image:after {
  clear: both;
}
.hero-image:before,
.hero-image:after {
  content: " ";
  display: table;
}
.hero-image:after {
  clear: both;
}
@media print {
  .hero-image {
    border: 1pt solid black;
  }
}
.hero-image__img {
  display: none;
}
@media all and (min-width: 768px) {
  .hero-image__img {
    display: block;
    float: left;
    max-width: 50%;
    margin: 0 1em 1em 0;
  }
}
.hero-image__text {
  overflow: hidden;
}
@media all and (min-width: 768px) {
  .hero-image__text {
    padding-left: 1em;
  }
}
.hero-image__heading {
  margin-top: 0;
}
.hero-image__background {
  padding: 1em;
  background-color: #fff;
}
.section--color--rotate:nth-child(odd) .hero-image__background {
  background-color: #f3f3f3;
}
.hero-image__img--above {
  float: none;
  max-width: none;
  width: 100%;
}
.hero-image__text--below {
  padding-left: 0;
}
@media all and (min-width: 768px) {
  .hero-image--right .hero-image__img {
    float: right;
  }
}
@media all and (min-width: 768px) {
  .hero-image--right .hero-image__text {
    padding-left: 0;
    padding-right: 1em;
  }
}
.hero-image__img--force-half {
  width: 50%;
}
.hero-overlay {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .hero-overlay {
    padding-bottom: 5.5em;
  }
}
@media print {
  .hero-overlay {
    border-bottom: 1pt solid black;
  }
}
.hero-overlay__img {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  img + .hero {
    position: relative;
    left: 50%;
    margin: -78px auto 0;
  }
}
@media screen and (min-width: 1200px) {
  img + .hero {
    margin-left: -570px;
  }
}
.icon-container {
  margin-bottom: 2em;
}
.icon-link {
  position: relative;
  width: 100%;
  margin: 1em 0;
  padding-left: 56px;
  max-width: 100%;
}
.icon-link__icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -24px;
  display: inline-block;
  width: 48px;
  height: 48px;
}
.icon-link__text {
  word-wrap: break-word;
}
.icon-link--padded--left {
  left: 20px;
}
.image-quote {
  position: relative;
}
.image-quote__image {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 35%;
  max-height: 100%;
}
@media screen and (min-width: 480px) {
  .image-quote__image {
    right: 2em;
  }
}
.image-quote__block {
  padding: 1em;
  width: 70%;
}
@media screen and (min-width: 480px) {
  .image-quote__block {
    padding: 2em;
  }
}
@media screen and (min-width: 992px) {
  .image-quote__block {
    padding-top: 4em;
    width: 60%;
  }
}
.image-quote__text {
  margin-bottom: .2em;
  color: white;
  text-shadow: 1px 1px 1px #4a4a4a;
}
@media screen and (min-width: 480px) {
  .image-quote__text {
    font-size: 1.6em;
    text-shadow: 2px 2px 1px #4a4a4a;
  }
}
@media screen and (min-width: 768px) {
  .image-quote__text {
    font-size: 2em;
  }
}
.image-quote__author {
  text-align: right;
  font-style: italic;
  color: white;
}
.image-quote--alt1 {
  background-color: #e82d8b;
}
.image-quote--alt2 {
  background-color: #0086ad;
}
.image-quote--alt3 {
  background-color: #924399;
}
.image-quote--alt4 {
  background-color: #8bc043;
}
.image-quote--alt5 {
  background-color: #004288;
}
.indented {
  padding: .25em 0 .25em 1em;
  margin-left: 1em;
  border-left: 0.5em solid #7b7b7b;
}
.indented--blue {
  border-color: #0063a3;
}
.indented--lightblue {
  border-color: #48b;
}
.indented--navy {
  border-color: #023a70;
}
.indented--purple {
  border-color: #6e1a5d;
}
.indented--green {
  border-color: #008388;
}
.indented--cream {
  border-color: #fff;
}
.indented--gray {
  border-color: #565656;
}
.indented--membership {
  border-color: #2dc0d2;
}
.intro {
  margin: .25em 0 .75em;
  font-size: 24px;
}
.intro--news {
  color: #6e1a5d;
}
.intro--events {
  color: #008388;
}
.intro--policies {
  color: #008388;
}
.intro--publications {
  color: #008388;
}
.intro--consultations {
  color: #008388;
}
.intro--membership {
  color: #2dc0d2;
}
.label,
.label--author,
.label--news,
.label--events,
.label--membership,
.label--policies,
.label--consultations,
.label--bulletins,
.label--publications,
.label--green,
.label--blue,
.label--purple,
.label--libraries,
.label--libraries-closed,
.label--closed,
.label--listing,
.label--comments,
.label--tag,
.label--current {
  display: inline-block;
  padding: 1px .4em;
  margin-bottom: 3px;
  font-size: 16px;
  color: white;
  text-transform: uppercase;
}
.label--author {
  background-color: #0063a3;
  text-transform: none;
}
.label--news {
  background-color: #6e1a5d;
}
.label--events {
  background-color: #008388;
}
.label--membership {
  background-color: #2dc0d2;
}
.label--policies {
  background-color: #008388;
}
.label--consultations {
  background-color: #008388;
}
.label--bulletins {
  background-color: #008388;
}
.label--publications {
  background-color: #008388;
}
.label--green {
  background-color: #008388;
}
.label--blue {
  background-color: #0063a3;
}
.label--purple {
  background-color: #6e1a5d;
}
.label--libraries {
  background-color: #9db449;
}
.label--libraries-closed {
  background-color: #c5003e;
}
.label--closed,
.label--current {
  padding: .25em 2em;
  font-size: 17px;
  background-color: #c5003e;
}
.label--current {
  background-color: #008388;
}
.label--listing {
  background-color: #e3e3e3;
  color: #4a4a4a;
}
.label--comments {
  background-color: #fcfcfc;
  color: #0063a3;
  text-decoration: none;
}
.label--tag {
  background-color: #e3e3e3;
  color: #0063a3;
  text-transform: none;
}
.label--spaced {
  display: inline-block;
  margin-bottom: 1em;
}
.cta {
  padding: 1em 1em .5em;
  margin-bottom: 1em;
  background-color: #023a70;
  color: white;
}
.cta:before,
.cta:after {
  content: " ";
  display: table;
}
.cta:after {
  clear: both;
}
.cta:before,
.cta:after {
  content: " ";
  display: table;
}
.cta:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .cta {
    padding: 0;
  }
}
@media print {
  .cta {
    border: 1pt solid black;
  }
}
.cta__image {
  display: none;
}
@media screen and (min-width: 992px) {
  .cta__image {
    display: block;
    float: right;
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .cta__container {
    float: left;
    padding: 2em 2em 1em;
    width: 40%;
  }
}
.cta__container a {
  color: white;
}
.cta--events {
  background-color: #008388;
}
.hidden-overflow {
  overflow: hidden;
}
.lightbox {
  height: 0;
  width: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
}
.lightbox__wrapper {
  max-width: 90%;
  max-height: 80%;
  padding: 1.5em .5em;
  position: relative;
  overflow-y: scroll;
  background-color: white;
}
@media screen and (min-width: 992px) {
  .lightbox__wrapper {
    max-width: 50%;
    max-height: 90%;
    padding: 1.5em;
  }
}
.lt-ie9 .lightbox__wrapper,
.gt-ie8 .lightbox__wrapper {
  margin: 5% auto 0;
  max-height: 80%;
}
.lightbox__content {
  text-align: left;
}
.lightbox__close-wrapper {
  display: block;
  padding: .5em;
}
.lt-ie9 .lightbox__close-wrapper,
.gt-ie8 .lightbox__close-wrapper {
  margin: 0 auto;
  text-align: center;
}
.lightbox__close {
  padding-right: 24px;
  position: relative;
  color: white;
  text-decoration: none;
}
.lightbox__close:focus,
.lightbox__close:active,
.lightbox__close:hover,
.lightbox__close:visited {
  color: white;
  text-decoration: underline;
}
.lightbox__close:before,
.lightbox__close:after {
  display: block;
  margin-top: -8px;
  height: 16px;
  width: 3px;
  position: absolute;
  right: 10px;
  top: 50%;
  content: "";
  background-color: white;
}
.lt-ie9 .lightbox__close:before,
.lt-ie9 .lightbox__close:after {
  display: none;
}
.lt-ie9 .lightbox__close,
.gt-ie8 .lightbox__close {
  margin: 0 auto;
}
.lightbox__close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.lightbox__close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.lightbox--open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.lt-ie9 .lightbox--open {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0);
  /* IE6-8 */
}
/**
 * Generates the contents of a listing modifier class for the given color.
 *
 * @param  {String} @color
 */
.listings {
  padding-left: 0;
  list-style: none;
}
.listing {
  margin: 1em 0 1em;
}
.listing:before,
.listing:after {
  content: " ";
  display: table;
}
.listing:after {
  clear: both;
}
.listing:before,
.listing:after {
  content: " ";
  display: table;
}
.listing:after {
  clear: both;
}
.listing__label {
  display: inline-block;
  margin-bottom: 3px;
  padding: 1px .4em;
  font-size: 16px;
  text-transform: uppercase;
  color: #4a4a4a;
  background-color: #fcfcfc;
}
@media print {
  .listing__label {
    border: 1pt solid black;
  }
}
.listing__profile {
  width: 97px;
  height: 80px;
  margin-right: 1em;
}
.listing__profile img {
  border-radius: 50%;
}
.listing__image {
  display: block;
  margin-top: 1em;
  max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .listing__image {
    float: right;
    margin-top: 0;
    margin-left: 1em;
    margin-bottom: 1em;
    width: 350px;
  }
}
.listing__title {
  margin-top: .5em;
  margin-bottom: .5em;
  color: #0063a3;
}
.listing__title a {
  text-decoration: none;
  color: inherit;
}
.listing__title a:hover,
.listing__title a:focus {
  text-decoration: underline;
}
.listing__cover {
  height: 140px;
  width: 100px;
}
.listing__location {
  position: relative;
  padding: 5px 0 10px;
  font-size: 15px;
}
.listing__location-icon {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  width: 45px;
  height: 45px;
}
.listing__location-text {
  display: block;
  padding-left: 50px;
}
.listing--cream .listing__title,
.listing--cream .listing__title a {
  color: #fff;
}
.listing--blue .listing__title,
.listing--blue .listing__title a {
  color: #0063a3;
}
.listing--green .listing__title,
.listing--green .listing__title a {
  color: #008388;
}
.listing--navy .listing__title,
.listing--navy .listing__title a {
  color: #023a70;
}
.listing--purple .listing__title,
.listing--purple .listing__title a {
  color: #6e1a5d;
}
.listing--teal .listing__title,
.listing--teal .listing__title a {
  color: #008388;
}
.listing--membership .listing__title,
.listing--membership .listing__title a {
  color: #2dc0d2;
}
.listing--news .listing__title,
.listing--news .listing__title a {
  color: #6e1a5d;
}
.listing--events .listing__title,
.listing--events .listing__title a {
  color: #008388;
}
.listing--policies .listing__title,
.listing--policies .listing__title a {
  color: #008388;
}
.listing--consultations .listing__title,
.listing--consultations .listing__title a {
  color: #008388;
}
.listing--bulletins .listing__title,
.listing--bulletins .listing__title a {
  color: #008388;
}
.listing--publications .listing__title,
.listing--publications .listing__title a {
  color: #008388;
}
.listing--factsheets .listing__title,
.listing--factsheets .listing__title a {
  color: #8e1539;
}
.listing--exhibitions .listing__title,
.listing--exhibitions .listing__title a {
  color: #008388;
}
.listing--bold .listing__title {
  font-size: 29px;
}
.listing--bold .listing__summary {
  font-size: 22px;
}
.listing--search {
  padding: 0.5em;
}
.listing--search .listing__title {
  color: #0063a3;
  text-decoration: underline;
}
.listing--search--emphasised {
  background-color: #f3f3f3;
}
.listing__image--side {
  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: .5em;
  max-width: 100px;
}
@media screen and (min-width: 430px) {
  .listing__image--side {
    max-width: 100%;
  }
}
.listing__image--right-side {
  margin-bottom: 1em;
}
@media screen and (min-width: 600px) {
  .listing__image--right-side {
    float: right;
    margin-top: 0;
    margin-left: 1em;
    margin-bottom: .5em;
    width: 250px;
  }
}
.listing__summary--below {
  width: 100%;
}
@media screen and (min-width: 430px) {
  .listing__summary--below {
    width: auto;
  }
}
.listing--blog .profile__image {
  height: 80px;
  width: 80px;
}
.listing--blog .listing__summary {
  padding-left: 1em;
  margin-left: 80px;
}
@media screen and (max-width: 991px) {
  .listing--blog .listing__summary {
    margin-left: 0;
    padding-left: 0;
  }
}
.programme {
  border-top: 4px solid #e3e3e3;
  border-bottom: 4px solid #e3e3e3;
}
@media screen and (min-width: 600px) {
  .programme {
    display: table;
    width: 100%;
  }
}
.programme .listing--events {
  margin: 0;
  padding: 1em 0;
}
.programme .listing--events .listing__title,
.programme .listing--events .listing__title a {
  color: #008388;
}
@media screen and (min-width: 600px) {
  .programme .listing--events {
    display: table-row;
  }
}
.programme .listing--events:nth-child(odd) {
  background-color: #f3f3f3;
}
.programme .listing--events:nth-child(even) {
  background-color: #fff;
}
.programme .listing--events .listing__time,
.programme .listing--events .listing__details {
  padding-left: 1em;
}
@media screen and (min-width: 600px) {
  .programme .listing--events .listing__time,
  .programme .listing--events .listing__details {
    display: table-cell;
  }
}
@media screen and (min-width: 600px) {
  .programme .listing--events .listing__time .label--events,
  .programme .listing--events .listing__details .label--events,
  .programme .listing--events .listing__time .label--listing,
  .programme .listing--events .listing__details .label--listing {
    position: relative;
    top: -0.25em;
  }
}
/**
 *  A box is a simple module construct to contain any kind of content.
 *
 *  It can be coloured in a variety of ways, and can be given padding
 *  and margins as required.
 *
 *  <div class="box"> <!__ Content __> </div>
 */
.location {
  position: relative;
  margin-bottom: 1em;
}
.location-wrap {
  background-color: white;
  padding: 1em;
  margin: 1em 0;
  border: 3px solid #e3e3e3;
}
.location-wrap:before,
.location-wrap:after {
  content: " ";
  display: table;
}
.location-wrap:after {
  clear: both;
}
.location-wrap:before,
.location-wrap:after {
  content: " ";
  display: table;
}
.location-wrap:after {
  clear: both;
}
.location__icon {
  padding: 9px;
  margin: 0 1em 0 0;
  width: 45px;
  height: 45px;
  border: 3px solid #7b7b7b;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -22.5px;
}
.location__details {
  margin-left: 60px;
  overflow: hidden;
}
.location__address {
  margin-bottom: 0;
  font-size: 15px;
}
.location--two-col {
  width: 100%;
  float: left;
}
@media screen and (min-width: 992px) {
  .location--two-col {
    width: 50%;
  }
}
.location__icon--top {
  top: 0;
  margin-top: 0;
}
.logo {
  float: left;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 18px;
  width: 100%;
  max-width: 140px;
}
.subsite-header .logo {
  display: none;
}
@media all and (min-width: 992px) {
  .subsite-header .logo {
    display: block;
  }
}
@media all and (min-width: 768px) {
  .logo {
    max-width: 250px;
  }
}
@media all and (min-width: 992px) {
  .logo {
    max-width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
}
@media all and (max-width: 319px) {
  .logo {
    width: 40%;
  }
}
.logo__link {
  position: relative;
  z-index: 1;
  display: block;
}
@media print {
  .logo__link:after {
    display: none;
  }
}
.nosvg .logo__link {
  display: block;
  width: 240px;
  height: 94px;
  background-image: url('/graphics/logo.png');
}
.logo__image {
  width: 100%;
}
.nosvg .logo__image {
  display: none;
}
@media screen and (max-width: 319px) {
  .logo--clever {
    overflow: hidden;
    width: 50px;
  }
  .logo--clever .logo__image {
    width: 140px;
    max-width: none;
  }
}
.logo--masthead {
  max-width: 110px;
  margin-top: 0;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .logo--masthead {
    margin-bottom: 0;
  }
}
.logo--subsite {
  float: left;
  margin-top: 8px;
  margin-left: 18px;
  max-width: 140px;
  max-height: 70px;
}
@media screen and (min-width: 768px) {
  .logo--subsite {
    max-width: 250px;
    max-height: 110px;
  }
}
@media screen and (min-width: 992px) {
  .logo--subsite {
    margin: .5em 0 .5em 0;
    max-width: 100%;
    max-height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .masonry {
    margin-right: -1em;
  }
}
.masonry__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .masonry__item {
    padding-right: 1em;
  }
}
.masonry__inner > a {
  text-decoration: none;
  font-weight: inherit;
}
.masonry__item--example,
.masonry__item--single {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .masonry__item--example,
  .masonry__item--single {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .masonry__item--example,
  .masonry__item--single {
    width: 33%;
  }
}
@media screen and (min-width: 768px) {
  .masonry__item--wide {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .masonry__item--wide {
    width: 66%;
  }
}
@media screen and (min-width: 768px) {
  .masonry__item--full {
    width: 99%;
  }
}
.most-popular {
  counter-reset: section;
  margin-top: 35px;
  padding: 0;
}
.most-popular:before,
.most-popular:after {
  content: " ";
  display: table;
}
.most-popular:after {
  clear: both;
}
.most-popular:before,
.most-popular:after {
  content: " ";
  display: table;
}
.most-popular:after {
  clear: both;
}
.most-popular__item {
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
  width: 100%;
  padding-left: 60px;
  padding-right: 16px;
  vertical-align: baseline;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .most-popular__item {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .most-popular__item:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 992px) {
  .most-popular__item {
    width: 33%;
  }
  .most-popular__item:nth-child(3n+1) {
    clear: left;
  }
}
.most-popular__item:before {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 8px;
  width: 50px;
  height: 50px;
  background: #0063a3;
  border-radius: 50%;
  color: #fff;
  counter-increment: section;
  content: counter(section);
  font-size: 22px;
  text-align: center;
}
.most-popular__item--full {
  float: none;
  width: 100%;
}
.most-popular__item--full:before {
  top: 50%;
  margin-top: -25px;
}
.multi-link-cta {
  padding: 1em 1em .5em;
  margin-bottom: 1em;
}
.multi-link-cta:before,
.multi-link-cta:after {
  content: " ";
  display: table;
}
.multi-link-cta:after {
  clear: both;
}
.multi-link-cta:before,
.multi-link-cta:after {
  content: " ";
  display: table;
}
.multi-link-cta:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .multi-link-cta {
    padding: 0;
  }
}
.multi-link-cta ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
.multi-link-cta ul li {
  padding-left: 1em;
  background: transparent url(/graphics/bullet_blue.svg) no-repeat left center;
  background-size: 10px 17px;
}
.multi-link-cta.section--purple ul,
.multi-link-cta.section--green ul,
.multi-link-cta.section--blue ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
.multi-link-cta.section--purple ul li,
.multi-link-cta.section--green ul li,
.multi-link-cta.section--blue ul li {
  padding-left: 1em;
  background: transparent url(/graphics/bullet_blue.svg) no-repeat left center;
  background-size: 10px 17px;
}
.multi-link-cta.section--purple ul li,
.multi-link-cta.section--green ul li,
.multi-link-cta.section--blue ul li {
  background-image: url(/graphics/bullet.svg);
}
.multi-link-cta a {
  text-decoration: none;
}
.multi-link-cta__title {
  color: #f3f3f3;
}
.multi-link-cta__image {
  float: right;
  display: none;
  max-width: 60%;
}
@media screen and (min-width: 992px) {
  .multi-link-cta__image {
    display: block;
  }
}
.multi-link-cta__text-container {
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .multi-link-cta__text-container {
    padding: 2em 2em 1em;
  }
}
.section--purple .multi-link-cta__link {
  color: white;
}
.multi-link-cta__link:hover {
  text-decoration: underline;
}
.multi-link-cta--news .multi-link-cta__image {
  max-width: 100%;
}
@media screen and (max-width: 1200px) {
  .multi-link-cta--news .multi-link-cta--news--image,
  .multi-link-cta--news .multi-link-cta__text-container--news {
    width: 100%;
    padding: 0;
  }
}
.multi-link-cta--news--container {
  padding: 0;
}
.multi-link-cta__text-news {
  width: 100%;
}
.multi-link-cta--news--image {
  padding: 0;
}
.multi-link-cta--news--image img {
  width: 100%;
  float: left;
}
.pagination {
  color: #4a4a4a;
  font-size: 16px;
  text-align: center;
}
@media print {
  .pagination {
    display: none;
  }
}
.pagination__list {
  display: inline-block;
  margin: .5em auto 1.5em;
  padding: 0;
  list-style-type: none;
}
.pagination__list:before,
.pagination__list:after {
  content: " ";
  display: table;
}
.pagination__list:after {
  clear: both;
}
.pagination__list:before,
.pagination__list:after {
  content: " ";
  display: table;
}
.pagination__list:after {
  clear: both;
}
.pagination__item {
  display: block;
  float: left;
  list-style-type: none;
  padding: 0 .5em;
}
.pagination__position {
  display: block;
}
@media screen and (max-width: 991px) {
  .pagination__position {
    overflow: hidden;
    line-height: 44px;
  }
}
@media screen and (min-width: 992px) {
  .pagination__position {
    padding: .2em 0;
  }
}
.pagination__link {
  position: relative;
  display: block;
  text-decoration: none;
  color: #0063a3;
}
@media screen and (max-width: 991px) {
  .pagination__link {
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
  }
}
@media screen and (min-width: 992px) {
  .pagination__link {
    text-indent: 0;
    padding: .2em 0;
  }
}
.pagination__link:before {
  position: absolute;
  top: 0.5em;
  display: block;
  height: 25px;
  width: 25px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  text-indent: 0;
  text-align: center;
  -webkit-transition: left 0.3s ease, right 0.3s ease;
  transition: left 0.3s ease, right 0.3s ease;
}
@media screen and (min-width: 992px) {
  .pagination__link:before {
    top: 0.1em;
  }
}
.pagination__item--previous .pagination__link {
  padding-left: 30px;
}
.pagination__item--previous .pagination__link:before {
  left: 0;
  background-image: url('/graphics/arrow_left-blue.svg');
}
@media screen and (min-width: 992px) {
  .pagination__item--previous a.pagination__link:hover:before {
    left: -2px;
  }
}
.pagination__item--next .pagination__link {
  padding-right: 30px;
}
.pagination__item--next .pagination__link:before {
  right: 0;
  background-image: url('/graphics/arrow_right-blue.svg');
}
@media screen and (min-width: 992px) {
  .pagination__item--next a.pagination__link:hover:before {
    right: -2px;
  }
}
.pagination__item--disabled .pagination__link {
  color: #646464;
}
.pagination__item--disabled.pagination__item--previous .pagination__link:before {
  background-image: url('/graphics/arrow_left-grey.svg');
}
.pagination__item--disabled.pagination__item--next .pagination__link:before {
  background-image: url('/graphics/arrow_right-grey.svg');
}
.questions {
  padding-bottom: 0;
}
.questions .back-arrow {
  padding-bottom: 0.5em;
}
.questions .back-arrow span {
  font-size: 1rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  display: inline-block;
}
#navigation {
  background-color: white;
  /* Small Screen rules */
  /* XS Screen rules */
  /* Medium Screen rules */
  /* Large Screen rules */
}
#navigation .main-nav {
  margin-bottom: 0;
  list-style: none;
}
#navigation .main-nav li {
  margin-bottom: 0;
}
#navigation .main-nav li a,
#navigation .main-nav li span {
  display: block;
  text-decoration: none;
  cursor: pointer;
}
#navigation .main-nav li a:hover,
#navigation .main-nav li span:hover {
  text-decoration: underline;
}
#navigation .panel {
  padding: 2em 0 1em;
  background-color: #023a70;
}
#navigation .panel li {
  margin-bottom: 1em;
}
#navigation .panel li a {
  color: white;
  text-decoration: none;
  font-size: 1.2em;
  padding: 0;
}
#navigation .panel .close {
  display: block;
  color: white;
  height: 0;
}
#navigation .panel .close span {
  cursor: pointer;
  font-size: 2em;
  float: right;
  padding: 0 .2em;
  margin-left: .5em;
  margin-top: -0.5em;
}
#navigation .panel .close + * {
  clear: both;
}
@media screen and (max-width: 991px) {
  #navigation {
    display: none;
    position: relative;
  }
  #navigation .container {
    width: auto;
    padding: 0;
    margin: 0;
  }
  #navigation.open {
    background-color: #004a91;
    display: block;
  }
  #navigation .main-nav li {
    display: block;
    margin-bottom: 0;
    color: white;
    overflow: hidden;
    border-bottom: 1px solid #0063a3;
  }
  #navigation .main-nav li a,
  #navigation .main-nav li span {
    color: white;
    padding: .75em 0 .75em 2em;
  }
  #navigation .main-nav li span.open {
    background-color: #00407d;
  }
  #navigation .panel {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 33%;
    width: 67%;
    min-height: 100%;
    padding: 1em 2em;
    border-bottom: 1px solid #0063a3;
  }
  #navigation .panel.slide-enter-active,
  #navigation .panel.slide-leave-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  #navigation .panel.slide-enter,
  #navigation .panel.slide-leave-to {
    -webkit-transform: translateX(15em);
            transform: translateX(15em);
    opacity: 0;
  }
  #navigation .panel li {
    border-bottom: none;
  }
  #navigation .panel li a {
    padding: .1em 0;
  }
}
@media screen and (max-width: 480px) {
  #navigation .panel {
    top: 0;
    left: 0;
    width: 100%;
    padding: 1em;
  }
}
@media screen and (min-width: 992px) {
  #navigation {
    display: block;
    font-size: 15.4px;
  }
  #navigation .container {
    max-width: 100%;
    padding-left: 20px;
  }
  #navigation .secondary-navigation .scLooseFrameZone {
    display: inline;
  }
  #navigation .main-nav > li:last-of-type {
    margin-right: 0;
  }
  #navigation .main-nav > li,
  #navigation .main-nav .secondary-navigation > li,
  #navigation .main-nav .secondary-navigation .nav-item {
    position: relative;
    display: inline-block;
    padding: 0;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-color 0.2s ease, color 0.2s ease;
    transition: border-color 0.2s ease, color 0.2s ease;
    margin-right: 2rem;
    overflow: visible;
    color: #0063a3;
  }
  #navigation .main-nav > li a:not(.button),
  #navigation .main-nav .secondary-navigation > li a:not(.button),
  #navigation .main-nav .secondary-navigation .nav-item a:not(.button),
  #navigation .main-nav > li span,
  #navigation .main-nav .secondary-navigation > li span,
  #navigation .main-nav .secondary-navigation .nav-item span {
    padding: .75em 0;
    color: #0063a3;
  }
  #navigation .main-nav > li a:not(.button):after,
  #navigation .main-nav .secondary-navigation > li a:not(.button):after,
  #navigation .main-nav .secondary-navigation .nav-item a:not(.button):after,
  #navigation .main-nav > li span:after,
  #navigation .main-nav .secondary-navigation > li span:after,
  #navigation .main-nav .secondary-navigation .nav-item span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 0 solid #023a70;
    bottom: -5px;
    margin-left: -11px;
    left: 50%;
  }
  #navigation .main-nav > li a:not(.button).open:after,
  #navigation .main-nav .secondary-navigation > li a:not(.button).open:after,
  #navigation .main-nav .secondary-navigation .nav-item a:not(.button).open:after,
  #navigation .main-nav > li span.open:after,
  #navigation .main-nav .secondary-navigation > li span.open:after,
  #navigation .main-nav .secondary-navigation .nav-item span.open:after {
    border-bottom-width: 11px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #navigation .panel.slide-enter-active,
  #navigation .panel.slide-leave-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  #navigation .panel.slide-enter,
  #navigation .panel.slide-leave-to {
    max-height: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
  }
  #navigation .rcn-menu {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  #navigation {
    font-size: 1em;
  }
  #navigation > ul li {
    margin-right: 1.5em;
  }
}
.nav-icon {
  float: left;
  display: block;
  width: 70px;
  height: 80px;
  text-decoration: none;
  text-transform: uppercase;
  background: #023a70 url(/graphics/menu_icon.svg) no-repeat center 70%;
  background-size: 45%;
  color: #8fb8d6;
}
.nav-icon:hover {
  text-decoration: none;
  color: #8fb8d6;
}
.nav-icon:visited,
.nav-icon:focus {
  color: #8fb8d6;
  text-decoration: none;
}
.nav-icon.open {
  color: white;
  background-color: #004a91;
}
@media screen and (min-width: 768px) {
  .nav-icon {
    width: 105px;
    height: 121px;
  }
}
.nav-icon__text {
  display: block;
  margin: .75em auto .5em;
  font-size: .9em;
}
@media screen and (min-width: 768px) {
  .nav-icon__text {
    margin: 1.5em auto 1em;
  }
}
.profile {
  margin-bottom: 1em;
  padding: 1em;
  background-color: #f3f3f3;
  text-align: center;
}
.profile__role,
.profile__job,
.profile__bio {
  text-align: left;
}
.profile__name {
  margin-bottom: 1em;
}
.profile__image {
  width: 150px;
  height: 150px;
  margin-bottom: 1em;
  border-radius: 50%;
}
.quote {
  margin-bottom: 1.5em;
}
.quote:before,
.quote:after {
  content: " ";
  display: table;
}
.quote:after {
  clear: both;
}
.quote:before,
.quote:after {
  content: " ";
  display: table;
}
.quote:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .quote {
    padding: 20px 10px 0;
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 992px) {
  .quote {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.quote__image-container {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .quote__image-container {
    float: left;
    max-width: 145px;
    margin-right: 20px;
  }
}
.quote__image {
  width: 145px;
  height: 145px;
  margin-bottom: 10px;
  border-radius: 75px;
}
.quote__text {
  border: 0;
  margin: 0;
  padding: 0 0 0 2em;
  position: relative;
}
.quote__text:before {
  color: #7b7b7b;
  content: '\201C';
  font-size: 102px;
  line-height: 1;
  position: absolute;
  top: -11.33333333px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .quote__text:before {
    float: left;
    width: calc(100% - 165px);
  }
}
.section--gray .quote__text:before {
  color: #7b7b7b;
}
@media screen and (min-width: 768px) {
  .quote__text {
    padding-left: 3em;
    float: left;
    width: calc(100% - 165px);
  }
  .quote__text:before {
    top: -17px;
    font-size: 136px;
  }
}
.quote__text p {
  font-size: 22px;
  font-style: italic;
}
.quote__footer {
  color: #565656;
  font-size: 15px;
}
.quote__footer:before {
  content: none;
}
.quote__footer span {
  color: #4a4a4a;
  display: block;
}
@media screen and (min-width: 768px) {
  .quote--reverse .quote__image-container {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .quote--reverse .quote__image {
    margin-left: 75px;
    margin-right: 0;
  }
}
.region-table {
  width: 100%;
}
.region-table__head {
  background: #fff;
}
.region-table__row {
  border-top: 3px solid #f3f3f3;
}
.region-table__stat {
  display: none;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .region-table__stat {
    text-align: left;
    display: table-cell;
  }
}
@media screen and (min-width: 768px) {
  .region-table__stat-link {
    display: inline-block;
  }
}
.region-table__header {
  font-size: 22px;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .region-table__header {
    font-weight: bold;
  }
}
.region-table__cell {
  font-size: 22px;
}
.region-table__cell:nth-of-type(1) {
  width: 32%;
}
.region-table__cell:nth-of-type(2) {
  width: 17%;
}
.region-table__cell a {
  display: block;
  padding: 10px 15px;
}
.region-table__title {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .region-table__title {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .region-table__title {
    width: 52%;
  }
}
.region-table__header {
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .region-table__header {
    padding: 15px;
  }
}
.region-table__note {
  display: none;
  font-size: 15px;
  font-style: italic;
}
@media screen and (min-width: 768px) {
  .region-table__note {
    display: table-cell;
    padding: 15px;
  }
}
.region-table__icon {
  display: none;
}
@media screen and (min-width: 768px) {
  .region-table__icon {
    display: inline-block;
    margin-right: 5px;
    height: 40px;
    width: 40px;
    vertical-align: middle;
  }
}
.region-table__tab {
  text-decoration: none;
}
.region-table__tab:hover {
  text-decoration: underline;
}
.region-table__tab.open {
  text-decoration: underline;
}
.region-table__tab ~ .region-table__tab {
  margin-left: 1em;
}
.region-table__synonyms,
.region-table__synonyms2 {
  display: none;
}
.region-table__synonyms.open,
.region-table__synonyms2.open {
  display: block;
}
.region-table--stripe {
  background: #f3f3f3;
}
@media screen and (min-width: 768px) {
  .region-table__stat-link--no-number {
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    width: 40px;
  }
}
.region-table--cream .region-table__head {
  background: #565656;
}
.region-table--cream .region-table__row {
  background: #565656;
}
.region-table--cream .region-table--stripe {
  background: #7b7b7b;
}
.related {
  margin-bottom: 2em;
  padding: 1em;
  border-top: 8px solid #e3e3e3;
}
@media print {
  .related {
    display: none;
  }
}
.related__links {
  padding: 0 0 1em;
  margin-bottom: 0;
  list-style-type: none;
}
.related__links a {
  padding-left: 30px;
  display: block;
  position: relative;
  text-decoration: none;
  color: #565656;
}
.related__links a:before {
  position: absolute;
  top: -2px;
  left: 0;
  display: block;
  height: 25px;
  width: 25px;
  content: "";
  background-image: url('/graphics/arrow_right-grey.svg');
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: 0;
  text-align: center;
  -webkit-transition: left 0.2s ease;
  transition: left 0.2s ease;
}
.related__links a:hover {
  text-decoration: underline;
}
.related__links a:hover:before {
  left: 2px;
}
.related--fullwidth {
  padding: 1em 0 0;
}
.resource-count {
  margin-bottom: 1em;
}
.resource-count:before,
.resource-count:after {
  content: " ";
  display: table;
}
.resource-count:after {
  clear: both;
}
.resource-count:before,
.resource-count:after {
  content: " ";
  display: table;
}
.resource-count:after {
  clear: both;
}
.resource-count a {
  text-decoration: none;
}
.resource-count__figure {
  font-size: 51px;
  margin-bottom: 15px;
}
.resource-count__figure:before,
.resource-count__figure:after {
  content: " ";
  display: table;
}
.resource-count__figure:after {
  clear: both;
}
.resource-count__figure:before,
.resource-count__figure:after {
  content: " ";
  display: table;
}
.resource-count__figure:after {
  clear: both;
}
.resource-count__icon {
  height: 80px;
  width: 80px;
  margin-right: 15px;
  vertical-align: middle;
}
.resource-count--horizontal {
  float: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .resource-count--horizontal {
    width: 33%;
  }
}
.resource-count__figure--blue {
  color: #0063a3;
}
.resource-count__figure--light-blue {
  color: #48b;
}
.resource-count__figure--navy {
  color: #023a70;
}
.resource-count__figure--active-navy {
  color: #004a91;
}
.resource-count__figure--purple {
  color: #6e1a5d;
}
.resource-count__figure--green {
  color: #008388;
}
.resource-count__figure--cream {
  color: #fff;
}
.reveal {
  background-color: #023a70;
}
.reveal__links {
  margin-bottom: 1.5em;
}
.subnav-section {
  display: none;
  padding: 2em 0;
}
.subnav-section:before,
.subnav-section:after {
  content: " ";
  display: table;
}
.subnav-section:after {
  clear: both;
}
.subnav-section:before,
.subnav-section:after {
  content: " ";
  display: table;
}
.subnav-section:after {
  clear: both;
}
.subnav-section.open {
  display: none;
}
@media screen and (min-width: 992px) {
  .subnav-section.open {
    display: block;
  }
}
.scrollable-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.scrollable-table {
  margin: 3em 0;
}
.scrollable-container__arrow {
  position: absolute;
  top: 50%;
  display: block;
  height: 60px;
  width: 30px;
  margin-top: -30px;
  z-index: 3;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #6e1a5d;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.scrollable-container__arrow:hover {
  cursor: pointer;
}
.scrollable-table__cell {
  padding: .5em 0;
  min-width: 178px;
  border-right: 1px solid #f3f3f3;
  text-align: center;
}
.scrollable-table__cell a {
  text-decoration: none;
}
.scrollable-table__heading {
  padding: 1em 0 2em;
  border-right: 1px solid #f3f3f3;
  text-align: center;
}
.scrollable-table-heading__row {
  color: white;
  background-color: #565656;
}
.scrollable-table-heading__row td {
  border-right: 1px solid #565656;
}
.scrollable-container__arrow--inactive {
  opacity: .5;
}
.scrollable-container__arrow--left {
  left: 0;
  background-image: url(/graphics/arrow_left.svg);
}
.scrollable-container__arrow--right {
  right: 0;
  background-image: url(/graphics/arrow_right.svg);
}
.scrollable-table__cell--bold {
  font-weight: bold;
}
.scrollable-table__cell--no-min-width {
  min-width: initial;
}
.table--no-margin-bottom {
  margin-bottom: 0;
}
.search {
  margin: 0 auto 1em;
  width: 100%;
}
.search:before,
.search:after {
  content: " ";
  display: table;
}
.search:after {
  clear: both;
}
.search:before,
.search:after {
  content: " ";
  display: table;
}
.search:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .search {
    display: block;
    text-align: left;
  }
}
.search.open {
  display: block;
}
@media screen and (min-width: 768px) {
  .search.open {
    width: 95%;
  }
}
.search-row {
  display: none;
  padding: 1em 1em .1em;
  background-color: #004a91;
}
.search-row.open {
  display: block;
}
@media screen and (min-width: 992px) {
  .search-row.open {
    display: none;
  }
}
.search-icon {
  float: left;
  display: block;
  width: 70px;
  height: 80px;
  text-decoration: none;
  text-transform: uppercase;
  color: #8fb8d6;
  background: #023a70 url(/graphics/search_icon.svg) no-repeat center 70%;
  background-size: 45%;
}
.search-icon:hover {
  text-decoration: none;
  color: #8fb8d6;
}
.search-icon:visited,
.search-icon:focus {
  color: #8fb8d6;
  text-decoration: none;
}
.search-icon.open {
  color: white;
  background-color: #004a91;
}
@media screen and (min-width: 768px) {
  .search-icon {
    width: 105px;
    height: 121px;
  }
}
.search__input {
  width: calc(100% - 42px) !important;
  height: 44px;
  padding-left: 1em;
  padding-bottom: 1px;
  margin: 0;
  float: left;
}
@media screen and (min-width: 992px) {
  .search__input {
    max-width: 500px;
  }
}
.section--gray .search__input {
  border-color: #e3e3e3;
}
.search__submit {
  display: block;
  width: 44px;
  max-width: 80px;
  height: 44px;
  padding: 0;
  margin: 0 0 0 -2px;
  float: left;
  border: none;
  background: #023a70 url(/graphics/search_icon.svg) no-repeat center;
  background-size: 21px;
  overflow: hidden;
  text-indent: -9999px;
  direction: ltr;
}
.search__submit:focus {
  outline: none;
}
.search-icon__text {
  display: block;
  margin: .75em auto .5em;
  font-size: .9em;
}
@media screen and (min-width: 768px) {
  .search-icon__text {
    margin: 1.5em auto 1em;
  }
}
.search--header {
  display: none;
  margin: 0;
  padding: 1em 0;
  width: 500px;
  float: right;
}
@media screen and (min-width: 992px) {
  .search--header {
    display: block;
    padding: 4.2em 0 0;
  }
}
.subsite-header .search--header {
  padding: 1em 0;
}
@media screen and (min-width: 992px) {
  .lt-ie9 .search--header .search__input {
    width: 456px;
  }
}
/**
 * A search input box for in-page filtering of content.
 */
.search__input--inpage {
  border: 2px solid #e3e3e3;
}
.search__input--inpage:focus {
  border: 2px solid #e3e3e3;
}
.search--list {
  font-size: 17px;
  position: relative;
  bottom: -6px;
  padding: 0 0 .8em;
  margin: 0;
}
.search--list .search__submit {
  background-color: #008388;
}
.search--list .search__submit:hover,
.search--list .search__submit:focus {
  background-color: #006a6f;
}
.search--list + .search--list {
  margin: 0 0 0 44px;
}
@media screen and (min-width: 992px) {
  .tab + .search--list {
    margin: 0 0 0 auto;
    max-width: 300px;
    padding-left: 44px;
  }
}
.results-count {
  font-size: 2em;
}
.featured-result-recommend {
  font-size: 17px;
  font-style: italic;
}
.featured-result {
  padding: 10px;
  background: #fff;
}
.featured-result--breadcrumb {
  display: block;
  margin-bottom: 0;
}
.search-result--breadcrumb {
  display: block;
  margin-bottom: 0;
  padding: 0;
}
.secondarynav {
  margin-bottom: 1em;
  padding: 1em;
  background-color: #f3f3f3;
}
.section--dark .secondarynav,
.section--gray .secondarynav {
  background-color: #fff;
}
.section--color--rotate:nth-child(even) .secondarynav {
  background-color: #fff;
}
@media print {
  .secondarynav {
    display: none;
  }
}
.secondarynav__links {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
.secondarynav__links li {
  padding-left: 1em;
  background: transparent url(/graphics/bullet_blue.svg) no-repeat left center;
  background-size: 10px 17px;
}
.secondarynav__link {
  margin-bottom: .5em;
}
.secondarynav--large {
  padding: .1em 0 0;
  margin: 0;
  background-color: transparent;
}
.section--gray .secondarynav--large,
.section--dark .secondarynav--large,
.section--color--rotate:nth-child(even) .secondarynav--large,
.section--color--rotate:nth-child(odd) .secondarynav--large {
  background-color: transparent;
}
.secondarynav--promoted {
  background-color: #023a70;
  color: white;
}
.secondarynav--promoted a {
  color: white;
}
.section--dark .secondarynav--promoted,
.section--gray .secondarynav--promoted,
.section--color--rotate:nth-child(even) .secondarynav--promoted {
  background-color: #023a70;
}
.bulleted-list--light .secondarynav--promoted--active,
.secondarynav--promoted--active {
  background-image: url(/graphics/bullet_active.svg);
}
/**
 * A container for a set of segments and their corresponding controls.
 */
.segmented-control {
  padding: 1em 0;
  margin-bottom: 1em;
  background-color: white;
}
/**
 * Holds a collection of control links for a segmented-control module.
 *
 * 1. px value is required due to the font-size being 0.
 *
 * 2. Removes empty space between inline-block children.
 */
.controls {
  width: 100%;
  margin-bottom: 30px;
  /* 1 */
  text-align: center;
  font-size: 0;
  /* 2 */
}
.controls:before,
.controls:after {
  content: " ";
  display: table;
}
.controls:after {
  clear: both;
}
.controls:before,
.controls:after {
  content: " ";
  display: table;
}
.controls:after {
  clear: both;
}
@media screen and (max-width: 992px) {
  .controls {
    margin-bottom: 17px;
  }
}
/**
 * A control element used to display/open a corresponding segment.
 *
 * 1.   Inline-block elements provide "float" like positioning, but
 *      also allow us to center the elements within the controls container.
 */
.control {
  display: inline-block;
  /* 1 */
  padding: .5em 1em;
  margin: 0 1px;
  background-color: #e3e3e3;
  font-size: 17px;
  color: #7b7b7b;
  text-decoration: none;
}
.control:hover {
  color: #6e1a5d;
  background-color: #d6d6d6;
}
.control:focus,
.control:hover {
  text-decoration: none;
}
/**
 * A container for holding content that is shown or hidden
 * based on the currently active control.
 */
.segment {
  display: none;
}
.control.open {
  color: white;
  background-color: #6e1a5d;
  border-color: #6e1a5d;
}
.segment.open {
  display: block;
}
.segmented-control--events .control:hover {
  color: #008388;
}
.segmented-control--events .control.open {
  color: white;
  background-color: #008388;
  border-color: #008388;
}
.share-container {
  margin-bottom: 1em;
  padding: 0 0 0;
  background-color: transparent;
}
.share-container:before,
.share-container:after {
  content: " ";
  display: table;
}
.share-container:after {
  clear: both;
}
.share-container:before,
.share-container:after {
  content: " ";
  display: table;
}
.share-container:after {
  clear: both;
}
@media print {
  .share-container {
    display: none;
  }
}
section .share-container {
  width: auto;
}
.share {
  position: relative;
  display: block;
  padding: 10px 0 10px 56px;
  margin: 0 0 1em 0;
  text-decoration: none;
  font-size: 20px;
  color: #4a4a4a;
}
@media screen and (min-width: 320px) and (max-width: 991px) {
  .share {
    float: left;
    margin-right: 2em;
  }
}
.share:hover {
  text-decoration: underline;
}
.share:active,
.share:visited {
  color: #4a4a4a;
}
.share__icon {
  height: 48px;
  width: 48px;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (min-width: 992px) {
  .share__about {
    text-align: right;
  }
}
.share--spaced {
  margin-top: 2em;
}
.share--blog {
  color: #0063a3;
}
.share--blog:active,
.share--blog:visited,
.share--blog:focus {
  color: #0063a3;
}
.share--events {
  color: #008388;
}
.share--events:active,
.share--events:visited,
.share--events:focus {
  color: #008388;
}
.share--consultations {
  color: #008388;
}
.share--consultations:active,
.share--consultations:visited,
.share--consultations:focus {
  color: #008388;
}
.share--bulletins {
  color: #008388;
}
.share--bulletins:active,
.share--bulletins:visited,
.share--bulletins:focus {
  color: #008388;
}
.share--publications {
  color: #008388;
}
.share--publications:active,
.share--publications:visited,
.share--publications:focus {
  color: #008388;
}
.share--policies {
  color: #008388;
}
.share--policies:active,
.share--policies:visited,
.share--policies:focus {
  color: #008388;
}
.share--news {
  color: #6e1a5d;
}
.share--news:active,
.share--news:visited,
.share--news:focus {
  color: #6e1a5d;
}
.share--membership {
  color: #2dc0d2;
}
.share--membership:active,
.share--membership:visited,
.share--membership:focus {
  color: #2dc0d2;
}
.svg--factsheets {
  color: #8e1539;
}
.svg--factsheets:active,
.svg--factsheets:visited,
.svg--factsheets:focus {
  color: #8e1539;
}
.share--exhibitions {
  color: #008388;
}
.share--exhibitions:active,
.share--exhibitions:visited,
.share--exhibitions:focus {
  color: #008388;
}
.share--libraries {
  color: #9db449;
}
.share--libraries:active,
.share--libraries:visited,
.share--libraries:focus {
  color: #9db449;
}
.signpost {
  margin-bottom: 2em;
  padding: 1em;
  background-color: #0063a3;
  color: white;
}
@media screen and (min-width: 992px) {
  .signpost {
    padding: 1.5em;
  }
}
.signpost h2 {
  margin-top: 0;
}
@media print {
  .signpost {
    border: 1pt solid black;
  }
}
.signpost__link {
  color: white;
}
.signpost__link:hover,
.signpost__link:focus,
.signpost__link:active {
  color: #e6e6e6;
}
.signpost__link:visited {
  color: white;
}
.signpost__body {
  margin-bottom: 1em;
}
.signpost__body ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
.signpost__body ul li {
  padding-left: 1em;
  background: transparent url(/graphics/bullet_blue.svg) no-repeat left center;
  background-size: 10px 17px;
}
.signpost__body ul li {
  background-image: url(/graphics/bullet.svg);
}
.signpost__body a {
  color: white;
}
.signpost__body a:hover,
.signpost__body a:focus {
  color: #f2f2f2;
}
.signpost__body a:active,
.signpost__body a:visited {
  color: white;
}
.signpost__image {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .signpost__image {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.signpost--membership {
  background-color: #2dc0d2;
}
.signpost--news {
  background-color: #6e1a5d;
}
.signpost--events {
  background-color: #008388;
}
.signpost--policies {
  background-color: #008388;
}
.signpost--consultations {
  background-color: #008388;
}
.signpost--publications {
  background-color: #008388;
}
.signpost--blank,
.signpost--contrast {
  background-color: transparent;
  color: #4a4a4a;
}
.signpost--blank .signpost__link,
.signpost--contrast .signpost__link,
.signpost--blank a,
.signpost--contrast a {
  color: #0063a3;
}
.signpost--blank .signpost__link:hover,
.signpost--contrast .signpost__link:hover,
.signpost--blank a:hover,
.signpost--contrast a:hover,
.signpost--blank .signpost__link:focus,
.signpost--contrast .signpost__link:focus,
.signpost--blank a:focus,
.signpost--contrast a:focus,
.signpost--blank .signpost__link:active,
.signpost--contrast .signpost__link:active,
.signpost--blank a:active,
.signpost--contrast a:active {
  color: #004470;
}
.signpost--blank .signpost__link:visited,
.signpost--contrast .signpost__link:visited,
.signpost--blank a:visited,
.signpost--contrast a:visited {
  color: #0063a3;
}
.signpost--blank .signpost__link:hover,
.signpost--contrast .signpost__link:hover {
  color: #003556;
}
.signpost--contrast {
  background-color: #f3f3f3;
}
.section--color--rotate:nth-child(even) .signpost--contrast,
.section--gray .signpost--contrast,
.section--dark .signpost--contrast {
  background-color: #fff;
}
.signpost--with-image {
  display: block;
  padding: 0;
}
.signpost--with-image:before,
.signpost--with-image:after {
  content: " ";
  display: table;
}
.signpost--with-image:after {
  clear: both;
}
.signpost--with-image:before,
.signpost--with-image:after {
  content: " ";
  display: table;
}
.signpost--with-image:after {
  clear: both;
}
.signpost--with-image a {
  color: white;
}
.signpost--with-image h2,
.signpost--with-image h3,
.signpost--with-image .signpost__body {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 992px) {
  .signpost--with-image h2,
  .signpost--with-image h3,
  .signpost--with-image .signpost__body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.social-popup {
  position: absolute;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  margin-top: 13px;
}
.social-popup.open {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.social-popup-inner {
  position: relative;
  background: white;
  border: 4px solid #e3e3e3;
  padding: .5em .5em .3em;
}
.social-popup-inner:before {
  display: block;
  height: 20px;
  width: 20px;
  margin-left: -10px;
  top: -13px;
  left: 50%;
  position: absolute;
  z-index: 0;
  content: "";
  pointer-events: none;
  border-top: 4px solid #e3e3e3;
  border-left: 4px solid #e3e3e3;
  background-color: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
/**
 * Below IE9 there is no support for CSS transforms.
 *
 * So instead we use display: none; and display: block;
 */
.lt-ie9 .social-popup {
  display: none;
}
.lt-ie9 .social-popup.open {
  display: block;
}
.social-popup__twitter {
  display: inline-block;
}
.social-popup__facebook {
  display: inline-block;
  margin-left: 10px;
}
.social__share-icon {
  height: 40px;
  width: 40px;
  fill: #0063a3;
}
@media print {
  .something-wrong {
    display: none;
  }
}
.something__wrong__heading {
  display: block;
  padding: 1em;
  color: white;
  background-color: grey;
  font-size: 1em;
}
.something__wrong__toggle.open {
  display: none;
}
.something__wrong__form {
  display: none;
  border: 1px solid;
}
.something__wrong__form.open {
  display: block;
}
.something__wrong__form button[type=submit] {
  display: block;
  margin-top: 1em;
}
.something__wrong__inputs {
  padding: 1em;
}
.something__wrong__textarea {
  width: 100%;
  min-height: 5em;
}
.something__wrong__thank__you {
  display: none;
  border: 1px solid;
}
.something__wrong__thank__you.open {
  display: block;
}
.something__wrong__thank__you p {
  padding: 1em;
}
.statblock {
  margin-top: .5em;
  margin-bottom: 2em;
}
.statblock:before,
.statblock:after {
  content: " ";
  display: table;
}
.statblock:after {
  clear: both;
}
.statblock:before,
.statblock:after {
  content: " ";
  display: table;
}
.statblock:after {
  clear: both;
}
.statblock__image {
  float: left;
  margin-top: 5px;
  margin-right: 40px;
}
.statblock__statistic {
  display: inline-block;
  line-height: 1em;
  color: #8e1539;
  font-size: 54px;
}
@media screen and (min-width: 768px) {
  .statblock__statistic {
    padding-right: 10px;
    font-size: 78px;
  }
}
.statblock__text {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .statblock__text {
    font-size: 30px;
  }
}
.statblock__icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (min-width: 768px) {
  .statblock__icon {
    width: 80px;
    height: 80px;
    margin-top: -40px;
  }
}
.statblock--with-divider {
  border-bottom: 1px solid #565656;
}
.statblock__statistic--below {
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .statblock__statistic--below {
    width: auto;
  }
}
.statblock__text--below {
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .statblock__text--below {
    width: auto;
  }
}
.statblock--with-icon {
  position: relative;
  padding-left: 50px;
}
@media screen and (min-width: 768px) {
  .statblock--with-icon {
    padding-left: 90px;
  }
}
.statblock--consultations .statblock__statistic {
  color: #008388;
}
.statblock--policies .statblock__statistic {
  color: #008388;
}
.statblock--news .statblock__statistic {
  color: #6e1a5d;
}
.statblock--blog .statblock__statistic {
  color: #0063a3;
}
.statblock--events .statblock__statistic {
  color: #008388;
}
.statblock--publications .statblock__statistic {
  color: #008388;
}
.statblock--search .statblock__statistic {
  color: #0063a3;
}
.statblock--purple .statblock__statistic {
  color: #6e1a5d;
}
.statblock--teal .statblock__statistic {
  color: #008388;
}
.svg--cream {
  fill: white;
}
.svg--grey {
  fill: #4a4a4a;
}
.svg--green {
  fill: #008388;
}
.svg--blue {
  fill: #0063a3;
}
.svg--teal {
  fill: #008388;
}
.svg--events {
  fill: #008388;
}
.svg--consultations {
  fill: #008388;
}
.svg--blog {
  fill: #0063a3;
}
.svg--bulletins {
  fill: #008388;
}
.svg--publications {
  fill: #008388;
}
.svg--policies {
  fill: #008388;
}
.svg--purple {
  fill: #6e1a5d;
}
.svg--news {
  fill: #6e1a5d;
}
.svg--membership {
  fill: #2dc0d2;
}
.svg--navy {
  fill: #023a70;
}
.svg--factsheets {
  fill: #8e1539;
}
.svg--exhibitions {
  fill: #008388;
}
.svg--libraries {
  fill: #9db449;
}
.svg--search {
  width: 44px;
  height: 44px;
  margin-bottom: -3px;
  fill: #565656;
}
/**
 * A container for a set of containers and their corresponding tabs.
 */
.tabbed-control {
  padding: 0;
  margin-bottom: 2em;
  position: relative;
}
.tabbed-control .segmented-control {
  margin: 0;
  padding: 0;
}
@media print {
  .tabbed-control {
    border: 1pt solid black;
  }
}
/**
 * Holds a collection of tabs for a tabbed-control module.
 */
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
  border-bottom: 4px solid #e3e3e3;
}
@media screen and (max-width: 992px) {
  .tabs {
    border-bottom: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tabs.visible-md-block {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .tabs.visible-lg-block {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.gt-ie8 .tabs,
.lt-ie9 .tabs {
  display: block;
}
@media print {
  .tabs {
    display: block !important;
  }
}
.tab {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  bottom: -3px;
}
.tab__link {
  position: relative;
  bottom: -3px;
  display: block;
  width: 100%;
  padding: 0.8em 1em;
  color: #4a4a4a;
  font-size: 17px;
  text-decoration: none;
  text-align: center;
  border-bottom: 4px solid transparent;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
}
.gt-ie8 .tab__link,
.lt-ie9 .tab__link {
  display: block;
}
@media print {
  .tab__link {
    display: none;
  }
}
.tab__link:hover,
.tab__link:focus {
  color: #4a4a4a;
  border-bottom: 4px solid #0063a3;
  text-decoration: none;
}
.tab__link.open {
  color: #4a4a4a;
  border-bottom: 4px solid #0063a3;
}
@media print {
  .tab__link.open {
    display: block;
  }
}
/**
 * Mobile and phablet navigation is a slect dropdown.
 * using brand color
 */
.tabs__select-row {
  background-color: #0063a3;
  padding: 0.5em 1em;
}
@media print {
  .tabs__select-row {
    display: none !important;
  }
}
.tabs__select-label {
  color: white;
}
@media screen and (min-width: 768px) {
  .tabs__select-label {
    margin-top: 0.5em;
  }
}
/**
 * A container for holding content that is shown or hidden
 * based on the currently active tab.
 */
.nojs .tabtarget {
  display: block;
}
.tabtarget {
  position: absolute;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
}
.tabtarget.open {
  height: auto;
  overflow: initial;
  visibility: visible;
  padding-top: 1em;
  position: static;
}
.tabtarget.open .tabs__select-row {
  position: relative;
  left: 0;
  bottom: 1em;
}
.tab.tab--half-width,
.tab.tab--third-width,
.tab[class^="block--"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
}
.tabbed-control--no-spacing {
  margin: 0;
  padding: 0;
}
.tab__link--purple:hover,
.tab__link--purple:focus {
  border-bottom-color: #6e1a5d;
}
.tab__link--purple.open {
  color: #6e1a5d;
  border-bottom-color: #6e1a5d;
}
.tab__link--teal:hover,
.tab__link--teal:focus {
  border-bottom-color: #008388;
}
.tab__link--teal.open {
  color: #008388;
  border-bottom-color: #008388;
}
.tab__link--consultations:hover,
.tab__link--consultations:focus {
  border-bottom-color: #008388;
}
.tab__link--consultations.open {
  color: #008388;
  border-bottom-color: #008388;
}
.tab__link--events:hover,
.tab__link--events:focus {
  border-bottom-color: #008388;
}
.tab__link--events.open {
  color: #008388;
  border-bottom-color: #008388;
}
.tab__link--bulletins:hover,
.tab__link--bulletins:focus {
  border-bottom-color: #008388;
}
.tab__link--bulletins.open {
  color: #008388;
  border-bottom-color: #008388;
}
.tab__link--policies:hover,
.tab__link--policies:focus {
  border-bottom-color: #008388;
}
.tab__link--policies.open {
  color: #008388;
  border-bottom-color: #008388;
}
.tab__link--publications:hover,
.tab__link--publications:focus {
  border-bottom-color: #008388;
}
.tab__link--publications.open {
  color: #008388;
  border-bottom-color: #008388;
}
.tabs__select-row--teal {
  background-color: #008388;
}
.tabs__select-row--purple {
  background-color: #6e1a5d;
}
.tabs__select-row--consultations {
  background-color: #008388;
}
.tabs__select-row--policies {
  background-color: #008388;
}
.tabs__select-row--publications {
  background-color: #008388;
}
#listing-tabs {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
#listing-tabs .tabs,
#listing-tabs .controls {
  background-color: #fff;
}
@media (min-width: 992px) {
  .taglist {
    padding-left: 80px;
    position: relative;
  }
}
.taglist__list {
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.taglist__icon {
  display: none;
}
@media (min-width: 992px) {
  .taglist__icon {
    display: block;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.taglist__item {
  margin-bottom: .5em;
}
.tertiary-nav {
  margin-bottom: 1.5em;
  list-style-image: none;
  list-style-type: none;
}
.tertiary-nav__link {
  display: block;
  width: 100%;
  padding-left: 1em;
  margin-bottom: .5em;
  color: #a7bacd;
  text-decoration: none;
}
.tertiary-nav__link:hover {
  color: #a7bacd;
  text-decoration: underline;
}
.tweet {
  padding: 1em;
  border-top: 1px solid #fff;
}
.section--color--rotate:nth-child(even) .tweet,
.section--gray .tweet,
.section--dark .tweet {
  border-top-color: #f3f3f3;
}
.tweet__information,
.tweet__content {
  margin: 0;
}
.twitter-feed {
  margin-bottom: 1em;
  background-color: #f3f3f3;
}
.section--color--rotate:nth-child(even) .twitter-feed,
.section--gray .twitter-feed,
.section--dark .twitter-feed {
  background-color: #fff;
}
.twitter-feed__header {
  padding: 1em;
  border-bottom: 1px solid #fff;
}
.twitter-feed__header:before,
.twitter-feed__header:after {
  content: " ";
  display: table;
}
.twitter-feed__header:after {
  clear: both;
}
.twitter-feed__header:before,
.twitter-feed__header:after {
  content: " ";
  display: table;
}
.twitter-feed__header:after {
  clear: both;
}
.section--color--rotate:nth-child(even) .twitter-feed__header,
.section--gray .twitter-feed__header,
.section--dark .twitter-feed__header {
  border-bottom-color: #f3f3f3;
}
.twitter-feed__listing {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.twitter-feed__avatar {
  float: left;
  margin-right: 1em;
  width: 50px;
  height: 50px;
}
.twitter-feed__account {
  float: left;
}
.twitter-feed__account p,
.twitter-feed__account h4 {
  margin-bottom: 0;
}
.twitter-feed__logo {
  float: right;
  width: 37px;
  -webkit-transform: translateY(0.5em);
          transform: translateY(0.5em);
}
.video {
  position: relative;
  padding-top: 56.25%;
  margin: 1em 0;
  width: 100%;
}
.video video,
.video object,
.video embed,
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video--border {
  border: 0.5em solid white;
}
.video--widescreen {
  padding-top: 56.25%;
}
.video--document-landscape {
  padding-top: 70.71%;
}
.video--standard-landscape {
  padding-top: 75%;
}
.video--square {
  padding-top: 100%;
}
.video--standard-portrait {
  padding-top: 133.33%;
}
.video--document-portrait {
  padding-top: 141.43%;
}
.radio-box {
  position: relative;
  display: block;
  padding: 0 !important;
  background-position: right 0.5em bottom -3em;
}
.radio-box label {
  position: relative;
  display: block;
  margin: 0;
  padding: 0.8em 2.5em 0.7em;
  cursor: pointer;
  max-height: 10em;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.radio-box label:hover {
  color: #004288 !important;
  background-color: rgba(0, 174, 239, 0.1);
}
.radio-box label:not(:last-of-type) {
  border-bottom: 1px #cacaca solid;
}
.radio-box label * {
  max-height: 8em;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.radio-box [type="radio"] {
  position: absolute;
  left: 1em;
  top: 1.1em;
  margin: 0;
}
.radio-box.inline {
  display: inline-block;
  vertical-align: text-top;
}
.radio-box.closed {
  border-color: #9db449;
  -webkit-box-shadow: 0px 1px 6px 1px rgba(123, 123, 123, 0.3);
          box-shadow: 0px 1px 6px 1px rgba(123, 123, 123, 0.3);
  background-image: url(/graphics/arrow_down_button.png);
  background-position: right 0.5em bottom 0.6em;
  background-repeat: no-repeat;
}
.radio-box.closed [type="radio"] {
  left: -1000em;
}
.radio-box.closed label {
  border: none;
  padding-right: 2.5em;
  padding-left: 1em;
  font-weight: normal;
}
.radio-box.closed label:not(.selected),
.radio-box.closed label * {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.radio-box .form-error,
.radio-box .help-block {
  display: none;
}
.modal-toggle {
  position: absolute;
  left: -1000em;
}
.modal-bg {
  display: none;
  -webkit-animation: fadein 2s;
          animation: fadein 2s;
}
.modal-toggle:checked + .modal-bg {
  display: block;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 2em;
  max-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  background-color: rgba(123, 123, 123, 0.9);
  text-align: center;
}
.modal-toggle:checked + .modal-bg.modal-long {
  display: block;
  overflow-y: auto;
  text-align: left;
}
.modal-toggle:checked + .modal-bg .modal {
  position: relative;
  max-width: 23em;
  margin: 2em auto;
  padding: 3em 2em 2em;
  border-radius: 1.6em;
  background-color: white;
  -webkit-box-shadow: 0px 2px 1em 1px #7b7b7b;
          box-shadow: 0px 2px 1em 1px #7b7b7b;
}
.modal-toggle:checked + .modal-bg .close {
  padding-right: 0.5em;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.text--small {
  font-size: 0.875em;
  /* 14px */
  line-height: 1.125em;
}
.text--medium {
  font-size: 1.0625em;
  /* 17px */
  line-height: 1.125em;
}
@media screen and (min-width: 992px) {
  .text--medium {
    font-size: 1.125em;
    /* 18px */
    line-height: 1.25em;
  }
}
.text--large {
  margin-bottom: .8em;
  font-size: 1.125em;
  /* 20px */
  line-height: 1.3125em;
}
@media screen and (min-width: 992px) {
  .text--large {
    font-size: 1.25em;
  }
}
.text--xlarge {
  font-size: 1.25em;
  line-height: 1.3em;
}
@media screen and (min-width: 992px) {
  .text--xlarge {
    font-size: 1.5em;
  }
}
.text--center {
  text-align: center;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}