:root {
    --font-family-default: sans-serif;
    
    --font-size-plus-4: 1rem;
    --font-size-plus-3: 1rem;
    --font-size-plus-2: 1rem;
    --font-size-plus-1: 1rem;
    --font-size-baseline: 1rem;
    --font-size-minus-1: 1rem;
    --font-size-minus-2: 1rem;
    --font-size-minus-3: 1rem;
    --font-size-minus-4: 1rem;

    --baseline: 1.5rem;
    --baseline-half: calc(var(--baseline) / 2);
    --baseline-double: calc(var(--baseline) * 2);
    --gutter: 24px;
    --gutter-double: calc(var(--gutter)*2);
    --gutter-half: calc(var(--gutter)/2);
    --max-container-width: 1400px;

    --warm-grey-1: hsl(23, 9%, 62%);
    --warm-grey-2: hsl(23, 9%, 45%);
    --warm-grey-3: hsl(23, 9%, 30%);

    --white: hsl(0, 0%, 100%);
    --black: hsl(0, 0%, 11%);
    --off-black: hsl(0, 0%, 16%);

    --light-grey-1: hsl(0, 0%, 96%);
    --light-grey-2: hsl(0, 0%, 90%);
    --light-grey-3: hsl(0, 0%, 80%);
    --mid-grey-1: hsl(0, 0%, 70%);
    --mid-grey-2: hsl(0, 0%, 60%);
    --mid-grey-3: hsl(0, 0%, 50%);
    --dark-grey-1: hsl(0, 0%, 46%); /* lightest AA accessible grey on white */
    --dark-grey-2: hsl(0, 0%, 30%);
    --dark-grey-3: hsl(0, 0%, 20%);
    --highlight: hsl(49, 98%, 56%);
    --default-color: hsl(0, 0%, 10%);

    --aqua: hsl(188, 99%, 40%);
    --mid-aqua: hsl(188, 100%, 37%);
    --dark-aqua: hsl(188, 98%, 20%);
    --charcoal: hsl(0, 0%, 11%);
    --grey: hsl(0, 0%, 70%);
    --shadow: hsl(0, 0%, 80%);
    --purple: hsl(270, 50%, 40%);
    --blue: hsl(210, 100%, 30%);
    --feedback: hsl(200, 100%, 90%);
    --error: hsl(0, 100%, 80%);

    --light-weight: 300;
    --regular-weight: 400;
    --medium-weight: 500;
    --semibold-weight: 600;
    --bold-weight: 700;

    --measure: 40em;
    
    --bp-xs: 40em;
    --bp-sm: 48em;
    --bp-md: 64em;
    --bp-lg: 75em;
    --bp-xl: 87.5em;
}





*,
*:before,
*:after { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

html,
body,
div,
span,
applet
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th, 
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
main {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

html, 
body {
    background-color: var(--white);
    scroll-behavior: smooth;
}

html {
    color-scheme: light dark;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeSpeed;
    height: 100%;
        &:focus-within {
            scroll-behavior: smooth;
        } 
}
body {
    min-height: 100%;
    min-width: 100%;
    font-size: 100%;
    line-height: 1.5;
    color: var(--default-color);
}

    
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { 
	display:block;
}
    
ol, ul {
	list-style: none;
}

ins {
    text-decoration: none;
}

mark {
    font-style: italic;
    font-weight: var(--bold-weight);
}

del {
    text-decoration: line-through;
}
	
dfn {
    font-style: italic;
}
	
table {
    border-collapse: collapse;
    border-spacing: 0;
}
	
td { 
	vertical-align: top; 
}

hr {
	border: 0;
    display: block;
    height: 1px; 
    margin: 0;
    padding: 0;
}
	
legend {
    border: 0;
    padding: 0;
    white-space: normal;
}
	
figure {
    margin: 0;
}

[hidden] {
    display: none;
}
:focus {
    outline: 0 none;
}
:focus-visible {
    outline: 4px solid transparent;
    box-shadow: 0px 0px 0px 4px var(--highlight);
}

img {
    display:block;
	border: 0;
    max-width: 100%;
    height:auto;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    text-decoration-skip-ink: auto;
}

strong, 
b {
	font-weight:var(--bold-weight);
}

em, 
i {
	font-style:italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--regular-weight);
}

blockquote, q {
	quotes: none;
}
    
blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

address {
	font-style: var(--regular-weight);
}
	
figure {
    margin: 0;
}

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

sub {
    bottom: -0.25em;
}
	
input, 
button,
select {
	-moz-appearance: none;
	-webkit-appearance: none;
}
	
input, 
button, 
select {
	border: 0 none;
	border-radius: 0;
	padding: 0;
	vertical-align: middle;
}

select::-ms-expand {
  display:none;
}

input[type="search"] {
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  	display: none;
}
	
input[type="checkbox"] {
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
}
	
input[type="radio"] {
	-moz-appearance: radio;
	-webkit-appearance: radio;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
}

input,
button,
textarea,
select {
    font: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border:0 none;
    cursor: pointer;
    -webkit-appearance: button;
}

a[disabled],
button[disabled],
input[disabled] {
	cursor: default;
	pointer-events: none;
}

textarea { 
	overflow: auto; 
	vertical-align: top; 
	resize: vertical; 
    width:100%;
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
  }

.wrap {
    width: 100%;
    max-width: var(--max-container-width);
    margin: 0 auto;
    padding: 0 calc(var(--gutter)/2);
}
.col, .col--flex {
    margin-bottom: 2em; /*Backwards compatability with old system */
}
.col--flex {
    display: flex;
    flex-direction: column;
}
.grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 var(--gutter);
    width: 100%;
}
.xs-12 {
    grid-column: auto/span 12
}

.xs-6 {
    grid-column: auto/span 6
}

@media(min-width: 768px) {
    .sm-12 {
        grid-column: auto/span 12
    }

    .sm-8 {
        grid-column: auto/span 8
    }

    .sm-6 {
        grid-column: auto/span 6
    }

    .sm-4 {
        grid-column: auto/span 4
    }
}

@media(min-width: 1024px) {
    .md-12 {
        grid-column: auto/span 12
    }

    .md-9 {
        grid-column: auto/span 9
    }

    .md-8 {
        grid-column: auto/span 8
    }

    .md-6 {
        grid-column: auto/span 6
    }

    .md-4 {
        grid-column: auto/span 4
    }

    .md-3 {
        grid-column: auto/span 3
    }
}

@media(min-width: 1200px) {
    .lg-12 {
        grid-column: auto/span 12
    }

    .lg-10 {
        grid-column: auto/span 10
    }

    .lg-9 {
        grid-column: auto/span 9
    }

    .lg-8 {
        grid-column: auto/span 8
    }

    .lg-6 {
        grid-column: auto/span 6
    }

    .lg-4 {
        grid-column: auto/span 4
    }

    .lg-3 {
        grid-column: auto/span 3
    }

    .lg-2 {
        grid-column: auto/span 2
    }
}
.heading {
  font-weight: 700;
  font-style: normal;
  margin: 0 0 0.5em 0;
}

.heading__large {
  font-size: 2.2em;
  line-height: 1.2;
}

.heading__medium {
  font-size: 1.5em;
  line-height: 1.2;

  @media only all and (min-width: 41em) {
    font-size: 1.7em;
  }
}

.heading__small {
  font-size: 1.15em;
  line-height: 1.2;
}

.heading__graph {
  display: inline-block;
  margin-right: 10px;
  font-size: 1em;
  line-height: 1.2;
  min-height: var(--baseline-double);
}

.sub-heading__graph {
  display: block;
  font-size: 0.8em;
  opacity: 0.8;
}

.town__group {
  .heading-borders__wrapper {
    h2 {
      background: #fff;
      float: left;
      padding-right: var(--baseline-half);
      position: relative;
      z-index: 1;
    }

    &:before,
    &:after {
      background: var(--light-grey-2);
    }
  }

  &:nth-child(odd) {
    .heading-borders__wrapper {
      h2 {
        background: var(--light-grey-1);
        float: left;
        padding-right: var(--baseline-half);
        position: relative;
        z-index: 1;
      }

      &:before,
      &:after {
        background: var(--light-grey-3);
      }
    }
  }
}

.heading-borders__wrapper {
  position: relative;

  &:before {
    background: var(--light-grey-3);
    content: "";
    height: 1px;
    left: -var(--baseline);
    position: absolute;
    top: 27px;
    width: var(--baseline-half);
    z-index: 0;
  }

  &:after {
    background: var(--light-grey-3);
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 27px;
    width: 90%;
    z-index: 0;
  }
}

h1,
h2,
.header__title span,
.indicator__number__figure,
.brand-type,
.usp__nav li a {
  font-family: 'Merriweather', serif;
  font-weight: bold;
}

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

h2 {
  font-size: 1.5em;

}

h3 {
  font-weight: bold;
}

p,
ul,
ol,
.text {
  font-style: normal;
  font-weight: 400;
}

p,
.text {
  margin-bottom: 0.75em;
}

.text__lead {
  font-size: 1.3em;
}

.text__small {
  font-size: 1em;
}

.text--aqua {
  color: var(--mid-aqua);
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

a {
  color: var(--mid-aqua);
  border-bottom: 0.1em dotted var(--mid-aqua);
  text-decoration: none;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;

  &:hover,
  &:focus {
    border-color: var(--dark-aqua);
    color: var(--dark-aqua);
  }
}

.link--dark-aqua {
  color: var(--dark-aqua);
  border-bottom: 0.1em dotted var(--dark-aqua);
}

.link--aqua {
  color: var(--aqua);
  border-bottom: 0.1em dotted var(--aqua);
}

.link--white {
  color: var(--white);
  border-bottom: 0.1em dotted var(--white);
}

body,
.wf-loading body,
.wf-inactive body {
  font-family: 'Source Sans Pro', Frutiger, "Frutiger Linotype", Univers,
    Calibri, "Myriad Pro", Myriad,
    "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L",
    Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
}

.wf-active body {
  font-family: 'Source Sans Pro', sans-serif;
}


.quote {
  margin: 1.5em 0;
  border-top: 0.1em solid;
  border-bottom: 0.1em solid;
  border-color: lighten(var(--grey), 10%);
  padding: 1em 1em;
  font-style: italic;
  font-size: 1.4em;
  line-height: 1.3em;
  color: var(--mid-aqua);
}

blockquote.quote__blockquote {
  margin: 0; 
}

.quote__blockquote {
  &:before {
    content: '“';
  }

  &:after {
    content: '”';
  }

  &:before,
  &:after {
    font-size: 1.6em;
    vertical-align: -0.2em;
    margin-left: -0.1em;
    color: var(--grey);
  }
}

.quote em {
  font-style: normal;
}

.quote__caption {
  font-style: italic;
  font-size: 0.8em;
  color: var(--charcoal);
  margin-top: 0.8em;

  &:before {
    content: "— ";
  }
}

ul {
  list-style: circle inside;
  padding-left: 0;
  margin: 0;
  padding: 0;
}

ul ul,
ul ol {
  margin: 1em 0 1em 2em;
  font-size: 1em;
}

li {
  margin-bottom: 1em;
}

ol {
  list-style: decimal inside;
  padding-left: 0;
  margin: 0;
  padding: 0;
}

ol ol,
ol ul {
  margin: 1em 0 1em 2em;
  font-size: 1em;
}

li {
  margin-bottom: 1em;
}

html\:abbr,
abbr {
  border-bottom: 0.1em dotted;
  cursor: help;
}

.a-z-list {
  list-style: none;
  margin-top: calc(var(--baseline) / 6);

  li {
    float: left;
    padding-right: var(--baseline-half);
    width: 100%;

    @media(min-width:48em) {
      padding-right: var(--baseline);
      width: 50%;
    }

    @media(min-width:64em) {
      width: 33.33%;
    }

    @media(min-width:75em) {
      width: 25%;
    }
  }
}

.visually-hidden {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}
.visible {    
    position: static;
    visibility: visible;
    opacity: 1;
    width: auto;
    height: auto;
    padding: 0;
    margin: auto;
    overflow:inherit;
    clip:auto;
}
.push-top {
    margin-top: var(--baseline);
}
.push-top--half {
    margin-top: var(--baseline-half);
}
.push-bottom {
    margin-bottom: var(--baseline);
}
.push-bottom--half {
    margin-bottom: var(--baseline-half);
}
.push-bottom--double {
    margin-bottom: var(--baseline-double);
}

*:focus {
	outline: 0.1em solid orange;
}

.js *:focus {
	outline-width: 0px;
}

.keyboard *:focus {
	outline-width: 0.1em;
}

input[type='submit'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

body {
	font-size: 1.1em;
	line-height: 1.35;
	border: none;
	color: #333;
}

.container {
	margin-left: 3.5% !important;
	margin-right: 3.5% !important;
	width: auto !important;
}


img {
	height: auto;
	width: 100%;
}

.away {
	position: absolute;
	left: -9999em;
}

.small-print {
	font-size: 0.8em;
}

.block__heading .heading {
	margin-bottom: 0;
}

.outside {
	width: 97% !important;
	width: calc(97% - 2.8em) !important;
}

.lister li {
	list-style-type: none;
	margin-bottom: 2px;
}

.lister li a {
	background: hsl(0, 0%, 93%);
	border-bottom: 0;
	display: block;
	padding: 0.5em;
}

.heading--inline {
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: baseline;
}

.explanation--inline {
	display: inline-block;
	vertical-align: baseline;
}

.border--top {
	border-top: 1px solid var(--light-grey-3);
}

@media only all and (min-width: 41em) {
	.container {
		width: 93% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 80em !important;
		max-width: calc(80em + 2%) !important;
	}

	.match-height__spacer {
		width: 3%;
	}

	.match-height__item,
	.block.match-height__item,
	.match-height__spacer {
		display: table-cell;
		float: none;
		height: auto;
		vertical-align: top;
	}

	.match-height__inner {
		padding-left: 1.5%;
		padding-right: 1.5%;
	}

	.match-height__wrapper {
		display: table;
		width: 100%;
	}
}
.home__hero {
    background: var(--dark-aqua);
    margin-top: -1.5em;
    padding-bottom: 3em;
    padding-top: 3em;
    width: 100%;
}

@media only all and (min-height: 43em) {
    .home__hero {
        left: 0;
        height: 100vh;
        margin-top: 0;
        padding-top: 10em;
    }
}

@media only all and (min-width: 41em) and (min-height: 43em) {
    .home__hero {
        padding-top: 10em;
        padding-bottom: 2em;
    }
}

@media only all and (min-width: 56em) and (min-height: 43em) {
    .home__hero {
        padding-top: 15em;
    }
}

@media only all and (min-width: 68.5em) and (min-height: 43em) {
    .home__hero {
        padding-top: 10em;
    }
}

@media only all and (min-width: 68.5em) and (min-height: 62em) {
    .home__hero {
        padding-top: 15em;
    }
}

.home__hero svg {
    max-width: 1200px;
    opacity: 0.25;
    position: absolute;
    right: 0;
    top: 0;
}

@keyframes appear_animation {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.5);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.3);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.home__hero svg circle {
    transform: scale(0);
    transform-origin: 70% 70%;
    animation: appear_animation 2s linear 2s 1, pulse_animation 5s linear 4s infinite;
}

/* Use a set of 10 different delays, repeat every 10 circles */
.home__hero svg circle:nth-child(10n+1) {
    animation-delay: 2.1s, 4.1s;
}

.home__hero svg circle:nth-child(10n+2) {
    animation-delay: 2.7s, 4.7s;
}

.home__hero svg circle:nth-child(10n+3) {
    animation-delay: 2.3s, 4.9s;
}

.home__hero svg circle:nth-child(10n+4) {
    animation-delay: 2.9s, 4.3s;
}

.home__hero svg circle:nth-child(10n+5) {
    animation-delay: 2.5s, 4.5s;
}

.home__hero svg circle:nth-child(10n+6) {
    animation-delay: 2.8s, 4.8s;
}

.home__hero svg circle:nth-child(10n+7) {
    animation-delay: 2.2s, 4.2s;
}

.home__hero svg circle:nth-child(10n+8) {
    animation-delay: 2.6s, 4.6s;
}

.home__hero svg circle:nth-child(10n+9) {
    animation-delay: 2.4s, 4.4s;
}

.home__hero svg circle:nth-child(10n) {
    animation-delay: 3s, 5s;
}

.home__hero .container {
    color: #fff;
    position: relative;
    z-index: 2;
}

.home__hero__intro {
    font-size: 1em;
    font-weight: normal;
    padding: 0 15px;
}

.home__hero .main-search {
    padding: 0 15px;
}

@media only all and (min-width: 41em) {
    .home__hero__intro {
        font-size: 1.5em;
        padding: 0;
    }

    .home__hero .main-search {
        padding: 0;
    }
}

@media only all and (min-width: 70em) {
    .home__hero__intro {
        font-size: 2em;
    }
}

.main-search {
    margin-bottom: 2em;
}

@media only all and (min-width: 25em) {
    .main-search .awesomplete {
        display: inline-block;
        width: 70%;
    }
}

.main-search [type="search"] {
    border-color: var(--aqua);
    border-radius: 4px;
    color: #000;
    font-size: 1.25em;
    height: auto;
    margin-bottom: 0;
    opacity: 0.8;
    padding: 0.5em;
}

@media only all and (min-width: 25em) {
    .main-search [type="search"] {
        width: 70%;
    }
}

@media only all and (min-width: 50em) {
    .main-search [type="search"] {
        font-size: 1.5em;
    }
}

@media only all and (min-width: 25em) {
    .main-search .awesomplete [type="search"] {
        width: 100%;
    }
}

.main-search .cta {
    border-radius: 4px;
    margin-bottom: 0;
    margin-top: 1em;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

@media only all and (min-width: 25em) {
    .main-search .cta {
        float: right;
        margin-top: 0;
        width: 28%;
    }
}

@media only all and (min-width: 50em) {
    .main-search .cta {
        font-size: 1.2em;
    }
}

.home__browse-link {
    color: #fff;
    display: inline-block;
    margin-right: calc(2em - 15px);
    margin-left: 15px;
}

@media only all and (min-width: 41em) {
    .home__browse-link {
        margin-right: 2em;
        margin-left: 0;
    }
}

.home__browse-link:hover,
.home__browse-link:focus,
.home__browse-link:active {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.home__more-link {
    display: none;
}

@media only all and (min-height: 43em) {
    .home__more-link {
        bottom: 0;
        display: block;
        left: 0;
        margin-bottom: 0;
        position: absolute;
        right: 0;
        text-align: center;
    }
}

.home__more-link a {
    background: var(--dark-aqua);
    border: 2px solid #fff;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: inline-block;
    font-size: 1.5em;
    padding: 0.5em 1em;
}

.home__more-link a:hover,
.home__more-link a:focus {
    background: #fff;
    color: var(--dark-aqua);
}

.home__info {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    padding-top: 2em;
    position: relative;
    z-index: 3;
}

@media only all and (min-height: 50em) {
    .home__info {
        padding-top: 4em;
    }
}

.home__section {
    margin-bottom: 2em;
}

@media only all and (min-height: 50em) {
    .home__section {
        margin-bottom: 4em;
    }
}

.home__point {
    text-align: center;
}

.feature-icon {
    background: var(--aqua);
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 60px;
    height: 2em;
    padding: 0.25em 0 0 0;
    text-align: center;
    width: 2em;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
}

.feature-icon span:before {
    margin-right: 0;
}

.feature-icon span {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.home__point h2 {
    margin-bottom: 0.5em;
}

.home__point p {
    margin: 0 auto;
    max-width: 20em;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home__skyline {
    background: #fff url(/static/img/skyline.svg) center bottom no-repeat;
    background-size: cover;
    min-height: 500px;
}

.home__section--quotes {
    border-bottom: 1px solid var(--grey);
    border-top: 1px solid var(--grey);
    padding-bottom: 2em;
    padding-top: 4em;
    width: 100%;
}

.home__quote img {
    float: left;
    width: 25%;
    border-radius: 50%;
}

@media only all and (min-width: 70em) {
    .home__quote img {
        width: 20%;
    }
}

.home__quote p {
    font-weight: normal;
}

@media only all and (min-width: 70em) {
    .home__quote p {
        font-size: 1.3em;
    }
}

.home__quote-play {
    background: transparent;
    border: 2px solid var(--mid-grey-3);
    border-radius: 50px;
    width: 32px;
    height: 32px;

    &:after {
        content: "";
        display: inline-block;
        box-sizing: border-box;
        height: 15px;
        border-color: transparent transparent transparent var(--mid-grey-3);
        will-change: border-width;
        cursor: pointer;
        border-style: solid;
        border-width: 7px 0 7px 10px;
        margin: 0 auto;
        position: relative;
        top: 2px;
        left: 1px;
    }

    &.pause:after {
        border-style: double;
        border-width: 0px 0 0px 10px;
        left: 0;
    }
}

.home__quote p,
.home__quote cite {
    float: right;
    width: 70%;
}

@media only all and (min-width: 70em) {

    .home__quote p,
    .home__quote cite {
        width: 75%;
    }
}
/* Header
-------------------------------------------------------------- */

.header {
  background: #fff;
  border-bottom: 0.4em solid var(--aqua);
  margin: 0 0 1.5em 0;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  position: relative;
  width: 100%;
  z-index: 999;
  display: flex;
}

.home .header {
  position: absolute;
  margin-bottom: 0;
}

.header__contents {
  width: 93%;
  margin: 0 auto;
  max-width: 80em;
  display: flex;
  flex-direction: column;

  @media only all and (min-width: 1024px) {
    justify-content: space-between;
    flex-direction: row;
  }
}



.header__title {
  margin-bottom: 0.5em;
  width: 50%;
}

.header__title a {
  border: 0;
  display: inline-block;
}

.header__title img {
  display: block;
  height: 50px;
  width: auto;
}

.header__logo {
  position:absolute;
  top: 0.5em;
  right: 0.5em;
  border-bottom: none;
  text-align: right;
  width: 50%;

  @media only all and (min-width: 1024px) {
    position: static;
    margin-left: auto;
  }
}

.header__logo img {
  height: 28px;
  margin-top: 0.7em;
  width: auto;
  display: inline;
}

@media only all and (min-width: 41em) {

  .header__contents {
    width: 95%;
    margin: 0 auto;
    max-width: 80em;
  }

  .header__title {
    float: left;
    text-align: left;
    width: auto;
  }

  .header__title a {
    font-size: 1.1em;
  }

}


@media only all and (min-width: 56em) {

  .header {
    padding: 1.5em 0;
  }

  .header__title {
    margin-bottom: 0;
  }

  .header__logo {
    width: auto;
  }

  .header__logo img {
    height: 40px;
    margin-top: 0.3em;
  }

}

/* Footer
--------------------------------------------------------------*/

.footer {
  background-color: var(--aqua);
  width: 100%;
  padding: 1em 0 0 0;
}

.footer__container {
  width: 90%;
  margin: 0 auto;
}

.footer__container.footer__container--dark {
  width: 100%;
  padding: 0 5%;
  margin: 0;
  background-color: var(--charcoal);
  max-width: none;
}

.footer__container .heading__medium {
  color: var(--white);
  margin: 0.3em auto 0 auto;
  line-height: 1.1em;
  border-bottom: none;
}

@media only all and (min-width: 36.26em) {
  .footer__container .heading__medium {
    width: 100%;
  }
}

.footer__content {
  display: flex;
  flex-direction: column;

  @media only all and (min-width: 1024px) {
    flex-direction: row;
    align-items: center;

    justify-content: space-between;
    margin-top: 0;
  }
}

.footer__twitter {
  width: auto;
  max-width: 15.4em;
  height: 2.7em;
  display: flex;
  background-color: var(--charcoal);
  margin: 1.6em 0;
  border-bottom: 0.2em solid #007481;
  /* darken(var(--dark-aqua), 5%) */
  border-top: 0.1em solid #4ef1ff;
  /* lighten(var(--aqua), 5%) */
}

.footer__twitter:hover .heading {
  text-decoration: underline;
  background-color: #007481;
  /* darken(var(--dark-aqua), 5%) */
}

.footer__twitter .heading {
  font-size: 1em;
  color: var(--white);
  font-weight: 500;
  width: auto;
  padding: 0.6em 0.8em 0.6em 0.8em;
  max-height: 2.5em;
  margin: 0;
  transition: background-color ease-in-out 0.12s;
}

.footer__twitter .icon {
  display: inline-block;
  width: 2em;
  height: 2em;
  background: url('/static/img/x-logo.svg');
  background-repeat: no-repeat;
  background-size: 100%;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 2/1),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
  .footer__twitter .icon {
    background: url('/static/img/x-logo.svg');
    background-size: 100%;
    margin-top: 5px;
        margin-left: 5px;
  }
}

.footer__nav ul {
  margin-bottom: 1.5em;
  display: flex;
  flex-direction: column;

  @media only all and (min-width: 1024px) {
    flex-direction: row;
    align-items: center;
  }
}

.footer__nav li {
  list-style-type: none;
  margin: 0 0 0.8em 0;
}

.footer__nav a {
  color: var(--charcoal);
  font-weight: 500;
  text-transform: uppercase;
}

.footer__nav a:hover {
  border-bottom: 0.1em dotted var(--white);
}

.footer__terms {
  padding: 1.5em 0;
  font-style: normal;
  color: var(--grey);
}

.footer p {
  max-width: 100%;
}

.partner-logo {
  border: 0;
  display: block;
  margin-bottom: 8px;
}

.partner-logo img {
  height: 50px;
  width: auto;
}

/* Arbitrary breakpoint from handheld -> full layout -
your choice should vary depending on your layout */

@media only all and (min-width: 41em) {

  .partner-logo {
    margin-bottom: 0;
  }

  .footer {
    padding-top: 1.5em;
  }

  .footer__container {
    width: 90%;
    margin: 0 auto;
    max-width: 80em;
  }

  .footer__container .heading__medium {
    margin-top: 0.5em;
    width: 50%;
  }

  .footer__twitter {
    margin: 0.5em 0 0 0;
  }

  .footer__nav {
    width: 100%;
    margin-top: 2em;
  }

  .footer__nav li {
    margin-right: 4.5%;
  }

  .footer__terms {
    margin: 1.5em auto 1.5em auto;
    max-width: 80em;
  }

  .partner-logo {
    display: inline-block;
    margin-right: 2em;
  }

}

/* End min 41em */

.push {
    margin: var(--baseline) !important;
}

.push--top {
    margin-top: var(--baseline) !important;
}

.push--right {
    margin-right: var(--baseline) !important;
}

.push--bottom {
    margin-bottom: var(--baseline) !important;
}

.push--left {
    margin-left: var(--baseline) !important;
}

.push--ends {
    margin-top: var(--baseline) !important;
    margin-bottom: var(--baseline) !important;
}

.push--sides {
    margin-right: var(--baseline) !important;
    margin-left: var(--baseline) !important;
}

.push-half {
    margin: var(--baseline-half) !important;
}

.push-half--top {
    margin-top: var(--baseline-half) !important;
}

.push-half--right {
    margin-right: var(--baseline-half) !important;
}

.push-half--bottom {
    margin-bottom: var(--baseline-half) !important;
}

.push-half--left {
    margin-left: var(--baseline-half) !important;
}

.push-half--ends {
    margin-top: var(--baseline-half) !important;
    margin-bottom: var(--baseline-half) !important;
}

.push-half--sides {
    margin-right: var(--baseline-half) !important;
    margin-left: var(--baseline-half) !important;
}

.push-third--bottom {
    margin-bottom: calc(var(--baseline)/3) !important;
}

.push-double--bottom {
    margin-bottom: var(--baseline) !important;

    @media (min-width:48em) {
        margin-bottom: var(--baseline-double) !important;
    }
}

.push-double--ends {
    margin-top: var(--baseline-double) !important;
    margin-bottom: var(--baseline-double) !important;
}

.push-double--sides {
    margin-right: var(--baseline-double) !important;
    margin-left: var(--baseline-double) !important;
}

.push-double--top {
    margin-top: var(--baseline-double) !important;
}

.push-double--bottom {
    margin-bottom: var(--baseline-double) !important;
}

.push-double--right {
    margin-right: var(--baseline-double) !important;
}

.push-double--left {
    margin-left: var(--baseline-double) !important;
}

.push-triple--bottom {
    margin-bottom: calc(var(--baseline)*3) !important;
}

.push-quarter--bottom {
    margin-bottom: calc(var(--baseline)/4) !important;
}

.push-quarter--top {
    margin-top: calc(var(--baseline)/4) !important;
}

.flush {
    margin: 0 !important;
}

.flush--top {
    margin-top: 0 !important;
}

.flush--right {
    margin-right: 0 !important;
}

.flush--bottom {
    margin-bottom: 0 !important;
}

.flush--left {
    margin-left: 0 !important;
}

.flush--ends {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.flush--sides {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


.soft {
    padding: var(--baseline) !important;
}

.soft--top {
    padding-top: var(--baseline) !important;
}

.soft--right {
    padding-right: var(--baseline) !important;
}

.soft--bottom {
    padding-bottom: var(--baseline) !important;
}

.soft--left {
    padding-left: var(--baseline) !important;
}

.soft--ends {
    padding-top: var(--baseline) !important;
    padding-bottom: var(--baseline) !important;
}

.soft--sides {
    padding-right: var(--baseline) !important;
    padding-left: var(--baseline) !important;
}

.soft--right--large {
    @media (min-width:75em) {
        padding-right: var(--baseline) !important;
    }
}

.soft--double-right--large {
    @media (min-width:75em) {
        padding-right: var(--baseline-double) !important;
    }
}

.soft--triple-right--large {
    @media (min-width:75em) {
        padding-right: var(--baseline) * 6 !important;
    }
}

.soft-double {
    padding: var(--baseline) !important;

    @media (min-width:64em) {
        padding: var(--baseline-double) !important;
    }
}

.soft-double--medium {
    @media (min-width:64em) {
        padding: var(--baseline-double) !important;
    }
}

.soft-double--ends {
    padding-top: var(--baseline) !important;
    padding-bottom: var(--baseline) !important;

    @media (min-width:64em) {
        padding-top: var(--baseline-double) !important;
        padding-bottom: var(--baseline-double) !important;
    }
}

.soft-double--top {
    padding-top: var(--baseline) !important;

    @media (min-width:64em) {
        padding-top: var(--baseline-double) !important;
    }
}

.soft-double--bottom {
    padding-bottom: var(--baseline) !important;

    @media (min-width:64em) {
        padding-bottom: var(--baseline-double) !important;
    }
}

.soft-triple--bottom {
    padding-bottom: calc(var(--baseline)*3) !important;
}

.soft-gutter--bottom {
    padding-bottom: var(--baseline) !important;

    @media (min-width:64em) {
        padding-bottom: var(--baseline) * 6 !important;
    }
}

.soft-double--sides {
    padding-right: var(--baseline) !important;
    padding-left: var(--baseline) !important;

    @media (min-width:64em) {
        padding-right: var(--baseline-double) !important;
        padding-left: var(--baseline-double) !important;
    }
}

.soft-triple--sides {
    padding-right: var(--baseline) !important;
    padding-left: var(--baseline) !important;

    @media (min-width:64em) {
        padding-right: calc(var(--baseline)*3) !important;
        padding-left: calc(var(--baseline)*3) !important;
    }
}

.soft-half {
    padding: var(--baseline-half) !important;
}

.soft-half--top {
    padding-top: var(--baseline-half) !important;
}

.soft-half--right {
    padding-right: var(--baseline-half) !important;
}

.soft-half--bottom {
    padding-bottom: var(--baseline-half) !important;
}

.soft-half--left {
    padding-left: var(--baseline-half) !important;
}

.soft-half--ends {
    padding-top: var(--baseline-half) !important;
    padding-bottom: var(--baseline-half) !important;
}

.soft-half--sides {
    padding-right: var(--baseline-half) !important;
    padding-left: var(--baseline-half) !important;
}

.soft-quarter--ends {
    padding-top: calc(var(--baseline)/4) !important;
    padding-bottom: calc(var(--baseline)/4) !important;
}

.soft-quarter--bottom {
    padding-bottom: calc(var(--baseline)/4) !important;
}

.hard {
    padding: 0 !important;
}

.hard--top {
    padding-top: 0 !important;
}

.hard--right {
    padding-right: 0 !important;
}

.hard--bottom {
    padding-bottom: 0 !important;
}

.hard--left {
    padding-left: 0 !important;
}

.hard--ends {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.center {
    margin: 0 auto;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pull-right--medium {
    @media (min-width:64em) {
        float: right;
    }
}

.pull-right--large {
    @media (min-width:75em) {
        float: right;
    }
}

.clearfix {
    overflow: none;
    zoom: 1;

    &:before,
    &:after {
        content: " ";
        display: table;
    }

    &:after {
        clear: both;
    }
}

.block {
    display: block;
}

.block--medium {
    display: block;

    @media (min-width:48em) {
        display: inline-block;
    }

    @media (min-width:64em) {
        display: block;
    }
}

.inline-block {
    display: inline-block !important;
}

.inline {
    display: inline;
}

.relative {
    position: relative;
}

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

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

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

.text-right--medium {
    @media (min-width:64em) {
        text-align: right;
    }
}

.text-right--large {
    @media (min-width:75em) {
        text-align: right;
    }
}

.pull-up {
    @media (min-width:75em) {
        margin-top: -8rem;
        z-index: 9998;
    }
}

.flex__equal-height {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

    .col {
        float: none;
    }

    img {
        width: 100%;
    }
}
.container {
  margin: 0;
  width: 100%;
}

.footer__container.footer__container--dark {
  max-width: none; 
}


@media only all and (min-width: 41em) {
  
  .container {
    margin: 0 auto;
    width: 90%;
    max-width: 80em;
  }
  .header__contents {
    width: 95%;
    margin: 0 auto; 
    max-width: 80em; 
  }
  
  .footer__container {
    width: 90%;
    margin: 0 auto; 
    max-width: 80em; 
  }
  
  .footer__terms {
    margin: 1.5em auto 1.5em auto; 
    max-width: 80em; 
  }
  
}

.skip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;     
}

.btn-skip {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
    left: 0;
}

.btn-skip:focus {
    position: fixed;
    height: auto;
    width: auto;
    margin:0 auto;
    display: block;
    left: 0;
    right: 0;
    top:5px;
    text-align: center;
}
.main {
    display: flex;
}
.no-outline * {
    outline: 0 none !important;
    box-shadow: none !important;
}
[hidden] { display: none; }

.visually-hidden {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

div.awesomplete {
	position: relative;
}

div.awesomplete > input {
	display: block;
}

div.awesomplete > ul {
	position: absolute;
	left: 0;
	z-index: 1;
	min-width: 100%;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	border-radius: .3em;
	margin: .2em 0 0;
	background: #fff;
	border: 1px solid var(--grey);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
	display: none;
}

div.awesomplete > ul {
	transition: .3s cubic-bezier(.4,.2,.5,1.4);
	transform-origin: 1.43em -.43em;
}

div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
	opacity: 0;
	transform: scale(0);
	display: block;
	transition-timing-function: ease;
}


div.awesomplete > ul > li {
	border-bottom: 1px solid var(--grey);
	color: #000;
	margin-bottom: 0;
	position: relative;
	padding: .5em .5em;
	cursor: pointer;
}

div.awesomplete > ul > li:hover, 
div.awesomplete > ul > li[aria-selected="true"] {
	background: var(--aqua);
	color: #fff;
}

div.awesomplete mark {
	background: var(--aqua);
	color: #fff;
}

div.awesomplete li:hover mark, 
div.awesomplete li[aria-selected="true"] mark {
	background: #fff;
	color: var(--aqua);
}
/* Forms
-------------------------------------------------------------- */

/* Forms */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[list],
input[type="file"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="range"],
input[type="search"],
textarea,
select {
  display: inline-block;
  height: 2.375em;
  width: 100%;
  padding: 0.375em 0.625em; 
  margin-bottom: 1.5em;
  /* ^ The 0.375em vertically centers text on FF, 
  ignored by Webkit */
  background-color: #fff;
  border: 0.1em solid var(--grey);
  box-shadow: none;
}

.checkbox {
  display: inline-block;
  margin: 1em 1.5em 2em 0 ;
}

.checkbox input {
  margin-right: 0.5em;
}

/* Removes awkward default styles on some inputs for mobile */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[list],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; 
}

textarea {
  min-height: 4.0625em;
  padding-top: 0.375em;
  padding-bottom: 0.375em;
  margin-bottom: 1em; 
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[list]:focus,
textarea:focus,
select:focus {
  border: 0.1em solid var(--mid-aqua);
  outline: 0; 
}

label,
legend {
  display: block;
  font-size: 1em;
  margin-bottom: 0.4em;
  font-weight: 500; 
}

fieldset {
  padding: 0;
  margin-bottom: 1.5em;
  border-width: 0;
  border: 0;
}

fieldset ul {
  list-style-type: none;
}

input[type="checkbox"] {
  display: inline; 
}

input[type="radio"] {
  display: inline-block;
  margin-bottom: 0.5em;
}

.required {
  font-weight: 400;
  color: #8c8c8c; /* darken(var(--shadow),16%) */
}

.format {
  font-weight: 400;
  font-style: italic;
  color: #8c8c8c; /* darken(var(--shadow),16%) */
  margin-left: 0.75em;
}

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

select[multiple] {
  height: auto;
}

textarea[disabled], input[disabled], select[disabled] {
  background-color: #e6e6e6; /* lighten(var(--grey), 10%) */
  color: var(--shadow);
}

textarea[disabled]:hover, input[disabled]:hover, select[disabled]:hover {
  cursor: not-allowed;
}

select:-internal-list-box option:checked {
  background-color: var(--aqua);
}

/* Form buttons are covered in the 'Buttons
  and calls to action' section above */

.feedback {
  background-color: var(--feedback);
  border-bottom: 0.2em solid #1a8a1a; /* darken(var(--feedback),8%) */
  font-weight: 500;
  padding: 0.8em 1.4em;
  margin: 0 0 1.5em 0;
}

.feedback--error {
  background-color: var(--error);
  border-bottom: 0.2em solid #b30000; /* darken(var(--error),5%) */
}
.outside {
  width: 100%;
  padding-left: 1.4em; 
}

@media only all and (min-width: 41em) {
  .outside {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    max-width: 80em;
  }
}

.block {
  display: inline-block;
  margin-bottom: 1.5em;
  width: 100%;
}

.block--overlay {
  background-color: var(--white);
  border-bottom: 0.2em solid var(--shadow);
}

.block--aqua {
  background-color: var(--mid-aqua);
  border-bottom: 0.2em solid #009fae; /* darken(var(--mid-aqua),8%) */
}

.block--dark-aqua {
  background-color: var(--dark-aqua);
  color: var(--white);
  border-bottom: 0.2em solid #007b8a; /* darken(var(--dark-aqua),7%) */
}

.block--charcoal {
  background-color: var(--charcoal);
  color: var(--white);
  border-bottom: 0.2em solid #66696b; /* lighten(var(--charcoal),20%) */
}

.block--trim-top-aqua {
  border-top: 0.4em solid var(--aqua);
}

.block--trim-top-dark-aqua {
  border-top: 0.4em solid var(--dark-aqua);
}

.block--trim-top-charcoal {
  border-top: 0.4em solid var(--charcoal);
}

.block--trim-bottom-aqua {
  border-bottom: 0.2em solid #009fae; /* darken(var(--mid-aqua),8%) */
}
.block--trim-bottom-aqua:after {
  content: "";
  display: inline-block;
  float: left;
  width: 100%;
  height: 0.3em;
  margin-top: 0.4em;
  background-color: var(--mid-aqua);
}

.block--trim-bottom-dark-aqua {
  border-bottom: 0.2em solid #007b8a; /* darken(var(--dark-aqua),7%) */
}
.block--trim-bottom-dark-aqua:after {
  content: "";
  display: inline-block;
  float: left;
  width: 100%;
  height: 0.3em;
  margin-top: 0.4em;
  background-color: var(--dark-aqua);
}

.block--trim-bottom-charcoal {
  border-bottom: 0.2em solid #66696b; /* lighten(var(--charcoal),20%) */
}
.block--trim-bottom-charcoal:after {
  content: "";
  display: inline-block;
  float: left;
  width: 100%;
  height: 0.3em;
  margin-top: 0.4em;
  background-color: var(--charcoal);
}

.block__heading {
  padding: 1em 1.4em;
  background-color: var(--charcoal);
  color: var(--white);
}

.block__heading .heading {
  font-size: 1.2em;
}

.block__heading--aqua {
  background-color: var(--mid-aqua);
}

.block__heading--dark-aqua {
  background-color: var(--dark-aqua);
}

.block--aqua .block__heading--aqua,
.block--dark-aqua .block__heading--dark-aqua,
.block--charcoal .block__heading {
  padding: 1.2em 1.4em 0.4em 1.4em;
}

.block--charcoal .block__heading--aqua,
.block--charcoal .block__heading--dark-aqua {
  padding: 0.7em 1.4em 0.6em 1.4em;
}

.block__content {
  padding: 1.2em 1.4em 1.4em 1.4em;
  margin: 0 0 0 0;
}

.block__content--left {
  width: 50%;
  float: left;
}

.block__content--right {
  width: 50%;
  float: right;
}

.block__image {
  background-position: center;
  background-repeat: no-repeat;
}

.block__image--top {
  margin-bottom: 0.5em;
}

.block__image--bottom {
  margin-top: 0.5em;
}

.block__image--right {
  width: 50%;
  float: right;
}

.block__image--left {
  width: 50%;
  float: left;
}

.block__image--right, .block__image--left {
  background-position: center bottom;
}

.block {
  margin: 0 1.5% 2em 1.5%;
  float: left;
}

.block--25 {
  width: 22%;
}

.block--33 {
  width: 30.3%;
}

.block--40 {
  width: 37%;
}

.block--50 {
  width: 47%;
}

.block--60 {
  width: 57%;
}

.block--66 {
  width: 63.6%;
}

.block--75 {
  width: 72%;
}

.block--100 {
  width: 97%;
}
/* Buttons / CTAs */

.cta {
  background-color: var(--aqua);
  border-radius: 4px;
  color: #fff;
  border-bottom: 0.2em solid #00929e; /* darken(var(--mid-aqua),10%) */
  border-top: 0.1em solid #4ef1ff;    /* lighten(var(--aqua),15%) */
  display: inline-block;
  padding: 0.6em 1.2em;
  font-weight: 500;
  text-transform: uppercase;
  transition: background-color ease-in-out 0.12s;
}
.cta:hover,
.cta:focus,
.cta:active {
  background-color: #009fae;           /* lighten(var(--dark-aqua),5%) */
  border-bottom: 0.2em solid #006e7a;  /* darken(var(--dark-aqua),10%) */
  color: #fff;
}

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
  border-left: 0;
  border-right: 0;
  height: 3em;
}

.cta--charcoal {
  background-color: var(--charcoal);
  border-bottom: 0.2em solid #b3b3b3; /* darken(var(--shadow),15%) */
  border-top: 0.1em solid #e6e6e6;    /* lighten(var(--shadow),30%) */
}
.cta--charcoal:hover {
  background-color: #7a7d7f;           /* lighten(var(--charcoal),18%) */
}

.cta--blue {
  background-color: var(--blue);
  border-bottom: 0.2em solid #003366;  /* darken(var(--blue),10%) */
  border-top: 0.1em solid #3399ff;     /* lighten(var(--blue),25%) */
}
.cta--blue:hover {
  background-color: #3385ff;           /* lighten(var(--blue),10%) */
}

.cta--purple {
  background-color: var(--purple);
  border-bottom: 0.2em solid #5e338c;  /* darken(var(--purple),12%) */
  border-top: 0.1em solid #b299d6;     /* lighten(var(--purple),25%) */
}
.cta--purple:hover {
  background-color: #8c5ecc;           /* lighten(var(--purple),8%) */
}

.cta--white, 
.home .main-search .cta {
  background-color: var(--white);
  color: var(--charcoal);
  border-bottom: 0.2em solid var(--shadow);
  border-top: 0.1em solid #e6e6e6;     /* lighten(var(--grey),45%) */
}
.cta--white:hover,
.cta--white:focus,
.cta--white:active,
.home .main-search .cta:hover,
.home .main-search .cta:focus,
.home .main-search .cta:active {
  background-color: var(--aqua);
  border-bottom: 0.2em solid #00929e;  /* darken(var(--mid-aqua),10%) */
  border-top: 0.1em solid #4ef1ff;     /* lighten(var(--aqua),15%) */
  color: #fff;
}

.cta--disabled {
  background-color: var(--grey);
  color: #b3b3b3;                      /* darken(var(--shadow),10%) */
  border-bottom: 0.2em solid var(--shadow);
  border-top: 0.1em solid #d9d9d9;     /* lighten(var(--grey),5%) */
  cursor: not-allowed;
}
.cta--disabled:hover {
  background-color: var(--grey);
  cursor: not-allowed;
  text-decoration: none;
}

.cta--open {
  background: transparent;
  border-radius: 0;
  color: var(--aqua);
  border: 0;
}
.cta--open:hover {
  background: transparent;
  border: 0;
  color: var(--dark-aqua);
}
@font-face {
  font-family: 'fontello';
  src: url('/static/fonts/fontello.eot?48251874');
  src: url('/static/fonts/fontello.eot?48251874#iefix') format('embedded-opentype'),
       url('/static/fonts/fontello.woff2?48251874') format('woff2'),
       url('/static/fonts/fontello.woff?48251874') format('woff'),
       url('/static/fonts/fontello.ttf?48251874') format('truetype'),
       url('/static/fonts/fontello.svg?48251874#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-right-bold:before { content: '\e800'; } /* '' */
.icon-up-dir:before { content: '\e801'; } /* '' */
.icon-down-dir:before { content: '\e802'; } /* '' */
.icon-archive:before { content: '\e803'; } /* '' */
.icon-left-bold:before { content: '\e804'; } /* '' */
.icon-charity:before { content: '\e805'; } /* '' */
.icon-factory:before { content: '\e806'; } /* '' */
.icon-briefcase:before { content: '\e807'; } /* '' */
.icon-users:before { content: '\e808'; } /* '' */
.icon-school:before { content: '\e809'; } /* '' */
.icon-chart-bar:before { content: '\e80a'; } /* '' */
.icon-download-cloud:before { content: '\e80b'; } /* '' */
.icon-file-pdf:before { content: '\e80c'; } /* '' */
.icon-file-excel:before { content: '\e80d'; } /* '' */
.icon-doc:before { content: '\e80e'; } /* '' */
.icon-gauge:before { content: '\e80f'; } /* '' */
.icon-info:before { content: '\e810'; } /* '' */
.icon-tree-2:before { content: '\e83f'; } /* '' */
.icon-cab:before { content: '\f1b9'; } /* '' */
.image {
  display: inline-block;
  margin: 0 0 2em 0;
  max-width: 100%;
}

.image img {
  max-width: 100%;
  display: block;
}

.image__caption {
  display: inline-block;
  width: 100%;
  background-color: #f2f2f2; /* lighten(var(--grey),5%) */
  padding: 0.3em 0.8em 0.4em 0.8em;
}

.image__caption a {
  color: var(--dark-aqua);
  border-color: var(--dark-aqua);
}
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  position: relative;
  z-index: 2;
 
}

.modal.is--active {
   display: block;
}

.modal.is--active .modal-dialog {
  display: block;
  z-index: 2;
  animation-duration: 0.3s;
  animation-name: slide-in;
}

.modal:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  background-color: rgba(0, 0, 0, 0.0);
  transition: background-color 0.3s ease-out;
}

.modal.is--active:before {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

h2.modal-title {
  font-size: 1.5em;
}

h3, h3.modal-title {
  font-size: 1.17em;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  border: 0;
  height: auto;
  background: transparent;
}

@keyframes slide-in {
  0% {
    display: none;
    translate: 0 -100%;
  }

  100% {
    display: block;
    translate: 0 0;
  }
}
ol.pagination {
    list-style-type: none;
}

ol.pagination li {
    display: inline-block;
}

ol.pagination li:before {
    content: " ";
    counter-increment: none;
}

.pagination a {
    display: inline-block;
    margin: 0 0.3em 0.5em 0;
    padding: 0.51em 0.5em;
    height: 2.2em;
    min-width: 2.2em;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
    background-color: var(--white);
    border-bottom: 0.2em solid var(--shadow);
}

.pagination a:hover {
    text-decoration: underline;
    background-color: var(--charcoal);
    color: var(--white);
    border-color: #b3b3b3; /* darken(var(--shadow), 10%) */
}

.pagination__current a {
    background-color: var(--mid-aqua);
    color: var(--white);
    border-bottom: 0.2em solid #009fae; /* lighten(var(--dark-aqua), 10%) */
    cursor: not-allowed;
}

.pagination__current a:hover {
    text-decoration: none;
    color: var(--white);
    background-color: var(--mid-aqua);
    border-color: #009fae; /* lighten(var(--dark-aqua), 10%) */
}

.pagination__previous a,
.pagination__next a {
    background-color: var(--mid-aqua);
    color: var(--white);
    border-bottom: 0.2em solid #009fae; /* lighten(var(--dark-aqua), 10%) */
    padding: 0.1em 0.1em;
    height: 2.2em;
    width: 2.2em;
}

.pagination__previous span,
.pagination__next span {
    font-size: 1.5em;
}

.pagination__previous.no-more a,
.pagination__next.no-more a {
    background-color: var(--shadow);
    color: #666666; /* darken(var(--shadow), 20%) */
    border-bottom: 0.2em solid #808080; /* darken(var(--shadow), 15%) */
    cursor: not-allowed;
}

.pagination__previous.no-more a:hover,
.pagination__next.no-more a:hover {
    text-decoration: none;
    color: #666666; /* darken(var(--shadow), 20%) */
    border-color: #808080; /* darken(var(--shadow), 15%) */
}
.usp__nav {
    display: inline-block;
    overflow-x: auto;
    white-space: nowrap;

    @media only all and (min-width: 1024px) {
       margin-left: 2em;
    }
}

.usp__nav ul {
    display: inline-block;
    font-size: 0.8em;
    margin-top: 0.5em;
    margin-left: 5px;
    margin-right: 5px;

    @media only all and (min-width: 46.25em) {
        display: block;
    }

    @media only all and (min-width: 68.5em) {
        margin-top: 0.3em;
    }
}

.usp__nav li {
    display: inline-block;
    list-style-type: none;
    margin: 0;

    @media only all and (min-width: 46.25em) {
        margin-right: 1em;
    }

    @media only all and (min-width: 68.5em) {
        margin-right: 0;
    }

    @media only all and (min-width: 75em) {
        margin-right: 1em;
    }

    @media only all and (min-width: 80em) {
        margin-right: 2em;
    }
}

.usp__nav li:last-child {
    @media only all and (min-width: 20em) {
        margin-right: 0;
    }
}

.usp__nav li a {
    border: 0;
    border-radius: 4px;
    color: var(--mid-aqua);
    display: block;
    line-height: 1;
    padding: 0.5em;

    @media only all and (min-width: 41em) {
        font-size: 1em;
        padding: 0.5em;
    }

    @media only all and (min-width: 68.5em) {
        padding: 1em;
    }
}

.usp__nav li a:hover,
.usp__nav li a:focus,
.usp__nav li a.active {
    background: var(--aqua);
    color: var(--white);
}
.static h2 {
    margin-bottom: 0.5em;
    margin-top: 2em;
}

.static h3 {
    margin-bottom: 0.5em;
    margin-top: 1em;
}

.static h4 {
    margin-bottom: 0.25em;
    margin-top: 1em;
}

.static ul li {
    list-style-type: disc;
    margin-bottom: 0.5em;
}

.static ol li {
    margin-bottom: 0.5em;
}
/* /// Responsive Tables */

/* make each table separate from other ones */
table {
  border: 0;
  padding-bottom: 0;
  display: table;
  width: 100%;
  table-layout:fixed;
}

/* make sure captions are displayed */
caption {
  display: block;
}

/* hide the thead in an accessible fashion */

/* make everything display block so it
 aligns vertically */
tbody,
tr,
th,
td {
  border: 0;
  padding: 0;
  text-align: left;
  white-space: normal;
}

/* Labeling:
Adding a data-title attribute to the cells
lets us add text before the content to provide
the missing context

Markup:
<td data-title="Column Header">Content Here</td>

Display:
Column Header: Content Here */
th[data-title]:before,
td[data-title]:before {
  content: attr(data-title) ":\00A0";
  font-weight: 500;
}

th:not([data-title]) {
  font-weight: 500;
}

/* hide empty cells*/
td:empty {
  display: none;
}

/* Table styling time */

tr {
  font-size: 1.1em;
  background-color: #ededed; /* lighten($grey, 10%) */
  border-top: 0.2em solid #007b8a;    /* var(--dark-aqua) assumed to be #007b8a */
  border-bottom: 0.2em solid #ededed; /* lighten($grey, 10%) */
  padding: 1em;
}

/* Arbitrary breakpoint from handheld ->
full layout - your choice should vary depending
at what width your table columns can be shown side
by side rather than stacked */

/* /////// RWD tables for device lists */

table {
  width: 100%;
  display: table;
  margin: 0 0 2em 0;
  border-style: none;
  border-top-width: 0;
  border-bottom: 0.2em solid #ededed; /* lighten($grey, 10%) */
}

/* Labeling
   * Hide the mobile labels */
th[data-title]:before,
td[data-title]:before {
  content: "";
  font-weight: 500;
}

th:not([data-title]) {
  font-weight: 500;
}

/* re-show empty cells*/
td:empty {
  display: table-cell;
}

/* show the thead again */
thead,
tbody {
  display: table-header-group;
}

/* make everything display regularly again */
tr,
th,
td {
  border: 0;
  display: table-cell;
  padding: 0;
  text-align: left;
  white-space: normal;
}

tr {
  border-style: none;
  border-bottom-width: 0;
  display: table-row;
  width: 100%;
}

th,
td {
  border-style: none;
  padding: 0 1em 0 0.3em;
  text-align: left;
  vertical-align: top;
}

thead th,
tr.index th {
  font-size: 0.7em;
  font-weight: 400;
  line-height: 1.25em;
  text-transform: uppercase;
}

@media only all and (min-width: 41em) {
  thead th,
  tr.index th {
    font-size: 0.9em;
  }

  table {
    table-layout: fixed;
  }
}

thead th {
  padding-bottom: 0.25em;
}

tbody:first-of-type tr.index th {
  padding-top: 1em;
}

tbody th {
  font-weight: normal;
}

/* Style table */

thead tr,
caption {
  background-color: #007b8a; /* var(--dark-aqua) assumed to be #007b8a */
}

caption {
  text-align: left;
  color: #fff;
  padding: 0.5em 0.25em;
  display: table-caption;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.25em;
}
thead tr th {
  color: #fff;
  padding: 0.5em 0.25em;
}

tbody tr td,
tbody tr th {
  padding: 0.25em;
}

tbody tr th[scope="row"] {
  padding-right: 1.25em;
}
tbody tr td ul li {
  list-style-position: outside;
}
tbody tr th b {
  display: inline-block;
  margin: 0 0 0 0.5em;
  padding: 0.8em 0 0 0;
}

tbody tr:nth-child(odd) {
  background-color: #f5f5f5; /* lighten($grey, 20%) */
}
@charset "utf-8";

.town__interrelationship__label {
    color: #777;
    float: left;
    font-size: 0.9em;
    font-style: italic;
    width: 50%;

    @media only all and (min-width: 30em) {
        width: 33.3333333333%;
    }
}

.town__interrelationship__label:before,
.town__interrelationship__label i:after {
    font-size: 0.7em;
}

.town__interrelationship__label.label--interdependent {
    display: none;
    text-align: center;

    @media only all and (min-width: 30em) {
        display: block;
    }
}

.town__interrelationship__label.label--independent {
    float: right;
    text-align: right;
}

.town__interrelationship__wrapper {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

.town__interrelationship__indicator {
    background: #eee;
    border-radius: 20px;
    height: 40px;
    margin-bottom: 2px;
    position: relative;
}

.town__interrelationship h2 {
    margin-bottom: 0.7em;
}

.town__interrelationship__indicator h3 {
    font-size: 0.75em;
    font-weight: normal;
    margin: 0;
    padding-top: 0.75em;
    position: relative;
    text-align: center;
    text-shadow:
        -1px -1px 0 #eee,
        1px -1px 0 #eee,
        -1px 1px 0 #eee,
        1px 1px 0 #eee;
    width: 100%;
    z-index: 2;

    @media (min-width:48rem) {
        font-size: 1em;
        padding-top: 0.4em;
    }
}

.town__interrelationship__value,
.town__interrelationship__average {
    left: 50%;
    position: absolute;
    top: 0;
}

.town__interrelationship__value {
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 0;
    height: 44px;
    margin-left: -22px;
    top: -2px;
    width: 44px;
}

.town__interrelationship__value.town__cat--employment {
    background: #E67D1B;
    color: #E67D1B;
}

.town__interrelationship__value.town__cat--public {
    background: #8A9B0F;
    color: #8A9B0F;
}

.town__interrelationship__value.town__cat--commercial {
    background: #BD1550;
    color: #BD1550;
}

.town__interrelationship__value.town__cat--connectivity {
    background: #BD1550;
    color: #BD1550;
}

.town__interrelationship__value.town__cat--social {
    background: #015966;
    color: #015966;
}

.town__interrelationship__value.comparison {
    height: 34px;
    margin-left: -17px;
    opacity: 0.7;
    text-align: center;
    top: 3px;
    width: 34px;
}

.town__interrelationship__value.comparison span {
    color: #000;
    display: block;
    font-size: 14px;
    margin-top: 6px;
}

.town__interrelationship__average {
    background: #d7d7d7;
    background: rgba(0, 0, 0, 0.3);
    font-size: 0;
    height: 40px;
    margin-left: -3px;
    width: 6px;
}

.town__interrelationship__indicator .value--neg6 {
    left: 0;
    margin-left: 0;
}

.town__interrelationship__value.comparison.value--neg6 {
    left: 5px;
}

.town__interrelationship__indicator .value--neg5 {
    left: 8.33333333%;
}

.town__interrelationship__indicator .value--neg4 {
    left: 16.66666666%;
}

.town__interrelationship__indicator .value--neg3 {
    left: 25%;
}

.town__interrelationship__indicator .value--neg2 {
    left: 33.33333333%;
}

.town__interrelationship__indicator .value--neg1 {
    left: 41.66666666%;
}

.town__interrelationship__indicator .value--0 {
    left: 50%;
}

.town__interrelationship__indicator .value--pos1 {
    left: 58.33333333%;
}

.town__interrelationship__indicator .value--pos2 {
    left: 66.66666666%;
}

.town__interrelationship__indicator .value--pos3 {
    left: 75%;
}

.town__interrelationship__indicator .value--pos4 {
    left: 83.33333333%;
}

.town__interrelationship__indicator .value--pos5 {
    left: 91.66666666%;
}

.town__interrelationship__indicator .value--pos6 {
    margin-left: 0;
    left: auto;
    right: 0;
}

.town__interrelationship__value.comparison.value--pos6 {
    right: 5px;
}

.town__interrelationship__indicator .town__interrelationship__average.value--neg6 {
    left: 19px;
}

.town__interrelationship__indicator .town__interrelationship__average.value--pos6 {
    right: 19px;
}

.legend li {
    list-style-type: none;
    margin-bottom: 0.25em;
}

.legend .town__interrelationship__value,
.legend .town__interrelationship__average {
    display: inline-block;
    left: auto;
    position: relative;
    height: 14px;
    margin-left: 0;
    margin-right: 5px;
    vertical-align: middle;
    width: 14px;
}

.legend .town__interrelationship__average {
    margin-left: 4px;
    margin-right: 10px;
    width: 6px;
}
.error {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    margin-bottom: 1em;
    padding: 1em;
}

.explainer {
    border: 0;
    display: inline-block;
    background: none;
    padding: 0;
    color: var(--aqua);
    height: auto;
}

.explainer i {
    color: #fff;
}

.explainer i:before {
    color: var(--aqua);
    margin-right: 0;
}

.town__intro {
    background: #A6DBF0;
    margin-bottom: 4em;
    margin-top: -1.5em;
    padding-top: 1em;
    position: relative;
}

@media only all and (min-width: 41em) {
    .town__intro {
        padding-top: 2em;
        padding-bottom: 2em;
    }
}

@media only all and (min-width: 41em) and (min-height: 60em) {
    .town__intro {
        padding-top: 4em;
        padding-bottom: 2em;
    }
}

.town__intro .col,
.town__intro .outside {
    position: relative;
    z-index: 2;
}

.town__intro h1 {
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.town__intro .cta {
    margin-top: 1em;
}

.block.town__map--small {
    display: none;
}

@media only all and (max-width: 40.999em) {
    .block.town__map--small {
        display: block;
        height: 300px;
        margin-left: 3%;
        margin-top: 3%;
        width: 94%;
    }
}

.town__map {
    height: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.town__stats {
    margin-bottom: 0.4em;
}

.town__LA {
    display: block;
    font-size: 0.3em;
    text-transform: uppercase;
    word-wrap: normal !important;
    -ms-word-break: normal !important;
    word-break: normal !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
    opacity: 0.8;
}

.town__population {
    display: inline-block;
    font-size: 0.9em;
    margin-bottom: 1em;
    margin-right: 2em;
    text-transform: uppercase;
}

.town__population span {
    font-size: 1.2em;
    margin-left: 0.25em;
}

.town__group {
    /* border-top: 1px solid var(--grey); */
    padding-top: 2em;
}

@media only all and (min-width: 41em) {
    .town__group {
        padding-bottom: 1em;
        padding-top: 3em;
    }
}

.town__group:nth-child(odd) {
    background: var(--light-grey-1);
}

.town__group__heading:before {
    font-size: 1.4em;
}

.town__group__heading.icon-cab:before {
    margin-right: .4em;
}

.town__cat--demography .town__group__heading:before {
    color: #00A2BB;
}

.town__cat--employment .town__group__heading:before {
    color: #E67D1B;
}

.town__cat--public .town__group__heading:before {
    color: #8A9B0F;
}

.town__cat--commercial .town__group__heading:before {
    color: #BD1550;
}

.town__cat--connectivity .town__group__heading:before {
    color: #BD1550;
}

.town__cat--social .town__group__heading:before {
    color: #015966;
}

.block.town__similar {
    /* no styles outside media query */
}

@media only all and (min-width: 41em) {
    .block.town__similar {
        float: right;
    }
}

.town__similar__add-remove {
    float: right;
    font-size: 0.7em;
}

.highslide-container img {
    width: auto;
}

.typologyGroup,
.bgGroup {
    margin-bottom: 1em;
    overflow: hidden;
}

.indicator__wrapper {
    vertical-align: bottom;
}

.indicator__number {
    float: left;
    margin-right: 10%;
    /* width: 45%; */
    width: 100%;
}

@media only all and (min-width: 41em) {
    .indicator__number {
        width: 80%;
    }
}

.indicator__number:last-child {
    margin-right: 0;
}

.indicator__number__figure {
    border: 3px solid #ccc;
    border-radius: 6px;
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.25em;
    padding: 0.25em 0 0.4em 0;
    text-align: center;
}

@media only all and (min-width: 41em) {
    .indicator__number__figure {
        font-size: 2em;
    }
}

@media only all and (min-width: 55em) {
    .indicator__number__figure {
        font-size: 3em;
    }
}

.indicator__number__comparison {
    margin-bottom: 0.5em;
}

.indicator__number__comparison h4 {
    display: inline-block;
    padding-top: 0.3em;
}

.indicator__number__comparison .indicator__number__figure {
    border-width: 2px;
    display: inline-block;
    font-size: 1em;
    padding: 0.4em 0.5em;
}

.town__cat--demography .indicator__number__figure {
    border-color: #00A2BB;
}

.town__cat--employment .indicator__number__figure {
    border-color: #E67D1B;
}

.town__cat--public .indicator__number__figure {
    border-color: #8A9B0F;
}

.town__cat--commercial .indicator__number__figure {
    border-color: #BD1550;
}

.town__cat--connectivity .indicator__number__figure {
    border-color: #BD1550;
}

.town__cat--social .indicator__number__figure {
    border-color: #015966;
}

.indicator__info {
    text-align: center;
}

.indicator__info span {
    display: block;
}

.town__group .heading {
    flex: 1 0 0px;
    -ms-flex: auto;
}

.town__cat--commercial .town__group__heading {
    margin-bottom: 2em;
}

.town__cat--social .town__group__heading {
    margin-bottom: 2em;
}

.town__cat--connectivity .town__group__heading {
    margin-bottom: 2em;
}

#comparison__choose .towns-similar__item {
    display: inline-block;
    margin-right: 1em;
    background: none;
    padding: 0;
    border: none;
    text-align: left;
    color: var(--aqua);
    border-bottom: 0.1em dotted var(--aqua);
    height: auto;
}

.comparison__choose__towns-added {
    display: none;
    margin-top: 2em;
}

.comparison__choose__towns-cohort {
    display: none;
}

.comparison__choose__towns-added.is--active,
.comparison__choose__towns-cohort.is--active {
    display: block;
}

.towns-added__item {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    border-radius: 4px;
    color: #31708f;
    display: inline-block;
    font-size: 0.9em;
    margin-right: 1em;
    padding: 0.2em 0.4em;
    text-transform: uppercase;
}

.towns-added__item-remove {
    height: auto;
    background: none;
    border: none;
    text-transform: uppercase;
    &:after {
        content: "x";
        display: inline-block;
        margin-left: 8px;
        color: #666;
        font-size: 0.8em;
        position: relative;
        top: -2px;
    }
}

.highcharts-tooltip table {
    border-bottom: 0;
    margin-bottom: 0;
}

.highcharts-tooltip tr {
    background: none;
}

.town__extras__item {
    margin-bottom: 1em;
}

.town__audit__promo {
    border: 3px solid var(--grey);
    padding: 1em;
}

.footnotes__header {
    display: none;
}

.chart-divider {
    padding: calc(var(--baseline) / 2);
}

.chart-divider--bottom {
    margin-bottom: calc(var(--baseline) / 2);
    padding-bottom: calc(var(--baseline) * 2);
    position: relative;
}

.chart-divider--bottom:before {
    background: var(--light-grey-2);
    bottom: calc(var(--baseline) / -4);
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 30px);
}

.chart-divider--right {
    position: relative;
}

@media (min-width: 41em) {
    .chart-divider--right:after {
        background: var(--light-grey-2);
        content: "";
        display: block;
        height: calc(100% - 30px);
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }
}

.grid-divider--left {
    position: relative;
}

.a-z-wrapper, .a-z-list {
    margin: 0 15px;
}

@media (min-width: 41em) {
    .grid-divider--left {
        padding-left: calc(var(--baseline) * 2);
    }
    .grid-divider--left:after {
        background: var(--light-grey-2);
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .a-z-wrapper, .a-z-list {
        margin: 0;
    }
}

@media (min-width: 665px) {
    #mapContainerSmall { display: none; }
}
.gm-ui-hover-effect>span {
    background-color: #000!important;
}


/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@media print {
    @import 'base/print';
}