/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/*
	Description: mixins that dont fit elsewhere
*/
/*
Manual rem conversion table
8px		0.5rem
9px		0.5625rem
10px		0.625rem
11px		0.6875rem
12px		0.75rem
13px		0.8125rem
14px		0.875rem
15px		0.9375rem
16px		1rem
17px		1.0625rem
18px		1.125rem
19px		1.1875rem
20px		1.25rem
21px		1.3125rem
22px		1.375rem
23px		1.4375rem
24px		1.5rem
25px		1.5625rem
26px		1.625rem
27px		1.6875rem
28px		1.75rem
29px		1.8125rem
30px		1.875rem
31px		1.9375rem
32px		2rem
33px		2.0625rem
34px		2.125rem
35px		2.1875rem
36px		2.25rem
37px		2.3125rem
38px		2.375rem
39px		2.4375rem
40px		2.5rem
41px		2.5625rem
42px		2.625rem
43px		2.6875rem
44px		2.75rem
45px		2.8125rem
46px		2.875rem
47px		2.9375rem
48px		3rem
49px		3.0625rem
50px		3.125rem
51px		3.1875rem
52px		3.25rem
53px		3.3125rem
54px		3.375rem
55px		3.4375rem
56px		3.5rem
57px		3.5625rem
58px		3.625rem
59px		3.6875rem
60px		3.75rem
61px		3.8125rem
62px		3.875rem
63px		3.9375rem
64px		4rem
65px		4.0625rem
66px		4.125rem
67px		4.1875rem
68px		4.25rem
69px		4.3125rem
70px		4.375rem
71px		4.4375rem
72px		4.5rem
*/
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

.bg-light-pink {
  background-color: #F9E7EA; }

.bg-pink-alpha-3 {
  background-color: rgba(51, 63, 72, 0.1); }

.bg-light-blue {
  background-color: #E5E9EE; }

.bg-light-grey {
  background-color: #F9F9F9; }

.bg-light-bluegrey {
  background-color: #E5E9EE; }

.bg-medium-grey {
  background-color: #EFEFF0; }

.color-splashblue {
  color: #0095CE; }

.color-splashpink {
  color: #B21D7B; }

.color-splashgreen {
  color: #539530; }

.text-red {
  color: #C8102E; }

body.bg-red {
  background: #ae1f25; }

/*

	NO TRNASITION
	---
	Description:
	Disables animation transitions.
	Used when jquery and css animations conflict.

*/
.fx-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

/*

	SLOW TRNASITION
	---
	Description:
  USED ON POPOUT JUMPTO MENU ON INITIAL SESSION LOAD

*/
.fx-slowtransition {
  -webkit-transition: all 4s !important;
  -moz-transition: all 4s !important;
  -o-transition: all 4s !important;
  transition: all 4s !important; }

/*

	IMAGE TINT
	---
	Description:
	Adds a dark overlay to images such as heros.
	Only works on image elements.

*/
.tint-light {
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
  .tint-light:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7) !important;
    transition: all .3s linear; }

.fx-tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(150, 150, 150, 0.05), rgba(0, 0, 0, 0.3));
  transition: all .3s linear; }

.fx-hero-tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.85) 100%);
  transition: all .3s linear; }

.fx-bgtint:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.33);
  border-radius: inherit;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0; }

.fx-bgtint-dark:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.59);
  border-radius: inherit;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0; }

/*

	CARD TINT
	---
	Description:
	Adds a dark overlay to CARD images.
	Only works on elements with background images.

*/
.fx-card-tint::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.43));
  transition: all .3s linear;
  z-index: 0; }

/*

	AUTO CAROUSEL CARD
	---
	Description:
  Adds a dark overlay to auto carousel images.
	Only works on elements with background images.

*/
.fx-auto-carousel-tint::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.9));
  transition: all .3s linear;
  z-index: 0; }
  @media (max-width: 767px) {
    .fx-auto-carousel-tint::before {
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.9)); } }

/*

	IMAGE HOVER ZOOM
	---
	Description:
	Makes images zoom in a little when you mouse
	over them.

*/
.fx-hover-zoom {
  overflow: hidden;
  position: relative; }

.fx-hover-zoom:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.fx-hover-zoom img {
  -moz-transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease; }

/*

	BACKGROUND HOVER ZOOM
	---
	Description:
	Makes BACKGROUND images zoom in a little when you mouse
	over them.

*/
.fx-hover-zoom-bg {
  overflow: hidden;
  position: relative; }

.fx-hover-zoom-bg:hover .img-top {
  -webkit-transform: scale(1.2);
  -moz-animation: scale(1.2);
  transform: scale(1.2); }

.fx-hover-zoom-bg .img-top {
  -webkit-transition: 0.6s ease;
  -moz-animation: 0.6s ease;
  transition: 0.6s ease; }

/*

	BACKGROUND HOVER TINT
	---
	Description:
  Changes background colour on hover

*/
.fx-hover-tint {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease; }

.fx-hover-tint:hover {
  background-color: #f1f1f1;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease; }

/*

	BOUNCE
	---
	Description:
	Slightly moves element up and down to draw attention.

*/
.fx-bounce {
  -moz-animation-name: bounce;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-name: bounce;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards; }

@keyframes bounce {
  0%,20%,50%,80%,100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); } }
/*

	LINES
	---
	Description:
	Controls the lines progress on AUTOCAROUSELs.

*/
.fx-line-1 {
  animation: progress-line infinite linear 6s;
  -webkit-animation: progress-line infinite linear 6s;
  -moz-animation: progress-line infinite linear 6s; }

.fx-line-2 {
  animation: progress-line infinite linear 8s;
  -webkit-animation: progress-line infinite linear 8s;
  -moz-animation: progress-line infinite linear 8s; }

.fx-line-3 {
  animation: progress-line infinite linear 10s;
  -webkit-animation: progress-line infinite linear 10s;
  -moz-animation: progress-line infinite linear 10s; }

@keyframes progress-line {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
@-webkit-keyframes progress-line {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
/*

	slick-dots-blue
	---
	Description:
	CHANGES THE COLOUR OF THE SLICK DOTS TO BLUE

*/
.fx-slick-dots-blue .slick-dots li button:before {
  color: transparent;
  opacity: 1;
  border: 2px solid #0073C2;
  border-radius: 50%;
  top: 16px;
  width: 12px;
  height: 12px; }

.fx-slick-dots-blue .slick-dots li.slick-active button:before {
  background-color: #0073C2; }

/*

	slick-dots-pink
	---
	Description:
	CHANGES THE COLOUR OF THE SLICK DOTS TO PINK

*/
.fx-slick-dots-pink .slick-dots li button:before {
  color: transparent;
  opacity: 1;
  border: 2px solid #0073C2;
  border-radius: 50%;
  top: 16px;
  width: 12px;
  height: 12px; }

.fx-slick-dots-pink .slick-dots li.slick-active button:before {
  background-color: #0073C2; }

/*

	slick-dots-white
	---
	Description:
	CHANGES THE COLOUR OF THE SLICK DOTS TO WHITE

*/
.fx-slick-dots-white .slick-dots li button:before {
  color: transparent;
  opacity: 1;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px; }

.fx-slick-dots-white .slick-dots li.slick-active button:before {
  background-color: #fff; }

/*

	slick-dots-white
	---
	Description:
	CHANGES THE COLOUR OF THE SLICK DOTS TO WHITE

*/
.fx-slick-dots-dark .slick-dots li button:before {
  color: transparent;
  opacity: 1;
  border: 2px solid #002855;
  border-radius: 50%;
  top: 16px;
  width: 12px;
  height: 12px; }

.fx-slick-dots-dark .slick-dots li.slick-active button:before {
  background-color: #002855; }

.slick-next,
.slick-prev {
  z-index: 5;
  /* 50*/ }

 /*

 	slick-arrows-blue
 	---
 	Description:
 	CHANGES THE COLOUR OF THE SLICK ARROWS TO BLUE

 */
.fx-slick-arrows-blue .slick-arrow {
  display: block;
  height: 30px;
  width: 18px; }

.fx-slick-arrows-blue .slick-next::before,
.fx-slick-arrows-blue .slick-prev::before {
  content: ''; }

.fx-slick-arrows-blue .slick-next {
  right: -25px;
  background: url("/common/base/img/chevron-right-solid.svg") no-repeat; }

.fx-slick-arrows-blue .slick-prev {
  left: -25px;
  background: url("/common/base/img/chevron-left-solid.svg") no-repeat; }

/*

 slick-arrows-white
 ---
 Description:
 CHANGES THE COLOUR OF THE SLICK ARROWS TO WHITE

*/
.fx-slick-arrows-white .slick-arrow {
  display: block;
  height: 30px;
  width: 18px; }

.fx-slick-arrows-white .slick-next::before,
.fx-slick-arrows-white .slick-prev::before {
  content: ''; }

.fx-slick-arrows-white .slick-next {
  right: -25px;
  background: url("/common/base/img/chevron-right-solid-white.svg") no-repeat; }

.fx-slick-arrows-white .slick-prev {
  left: -25px;
  background: url("/common/base/img/chevron-left-solid-white.svg") no-repeat; }

/*

 slick-arrows-dark
 ---
 Description:
 CHANGES THE COLOUR OF THE SLICK ARROWS TO DARK BLUE

*/
.fx-slick-arrows-dark .slick-arrow {
  display: block;
  height: 30px;
  width: 18px; }

.fx-slick-arrows-dark .slick-next::before,
.fx-slick-arrows-dark .slick-prev::before {
  content: ''; }

.fx-slick-arrows-dark .slick-next {
  right: -25px;
  background: url("/common/base/img/chevron-right-dark.svg") no-repeat; }

.fx-slick-arrows-dark .slick-prev {
  left: -25px;
  background: url("/common/base/img/chevron-left-dark.svg") no-repeat; }

/*

 slick-arrows-default
 ---
 Description:
 SETS ARROWS TO WHITE ARROW ON A BLACK CIRCLE SO THEY APPEAR ON ALL BACKGROUNDS

*/
.fx-slick-arrows-default .slick-arrow {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  box-shadow: 0 0 2px #fff;
  background: rgba(0, 0, 0, 0.45) url(../img/chevron-down-white.svg) no-repeat;
  background-position: center 7px;
  background-size: 60%; }
  @media (max-width: 575px) {
    .fx-slick-arrows-default .slick-arrow {
      height: 35px;
      width: 35px;
      background-size: 54%;
      top: 44%; } }

.fx-slick-arrows-default .slick-next::before,
.fx-slick-arrows-default .slick-prev::before {
  content: ''; }

.fx-slick-arrows-default .slick-next {
  right: 5px;
  transform: rotate(-90deg); }

.fx-slick-arrows-default .slick-prev {
  left: 5px;
  transform: rotate(90deg); }

@media (max-width: 575px) {
  .fx-slick-arrows-default .slick-next {
    right: 0; } }

@media (max-width: 575px) {
  .fx-slick-arrows-default .slick-prev {
    left: 0; } }

@media (min-width: 1200px) {
  .content-slider-lightbox .fx-slick-arrows-default .slick-prev {
    left: 25px; } }
@media (min-width: 1200px) {
  .content-slider-lightbox .fx-slick-arrows-default .slick-next {
    right: 25px; } }

@-webkit-keyframes bounce {
  0%,20%,53%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  0%,20%,53%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%,50%,to {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
@keyframes flash {
  0%,50%,to {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%,20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%,60%,80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%,20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%,60%,80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  0%,11.1%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
  0%,11.1%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInDown {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInLeft {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInRight {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInUp {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

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

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s; }

.animated.faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s; }

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (prefers-reduced-motion: reduce), (print) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; } }
/*

    PURPOSE: To Override Bootstraps Terrible "Default" 
             Colours and Styling

*/
/* -- DROP DOWNS -- */
.dropdown-item.active, .dropdown-item:active {
  color: white;
  background: #999; }

.dropdown-item:last-child,
.dropdown-item:first-child {
  border-radius: 0; }

.dropdown-item {
  padding: 0.5rem 1.5rem; }

/* -- BUTTONS -- */
button:focus {
  outline: none; }

.container.fluid-override {
  max-width: 100%; }

.bg-www {
  background-color: #002855; }

.bg-hover-www:hover, .bg-hover-www:focus {
  background-color: #002855; }
  .bg-hover-www:hover a.top-link, .bg-hover-www:focus a.top-link {
    color: #fff; }

.top-link--language-select {
  padding: 0.2rem 0.5rem;
  border-radius: 1.5rem;
  white-space: nowrap;
  color: #3879c0 !important;
  background: #fff;
  border: none;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); }

.bg-explore {
  background-color: #C8102E; }

.bg-hover-explore {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc; }
  .bg-hover-explore:hover, .bg-hover-explore:focus {
    background-color: #C8102E; }
    .bg-hover-explore:hover a.top-link, .bg-hover-explore:focus a.top-link {
      color: #fff; }

.bg-helpdesk {
  background-color: #0077C8; }

.bg-hover-helpdesk:hover, .bg-hover-helpdesk:focus {
  background-color: #0077C8; }
  .bg-hover-helpdesk:hover a.top-link, .bg-hover-helpdesk:focus a.top-link {
    color: #fff; }

.bg-living {
  background-color: #262626; }

.bg-hover-living {
  border-right: 1px solid #ccc; }
  .bg-hover-living:hover, .bg-hover-living:focus {
    background-color: #262626; }
    .bg-hover-living:hover a.top-link, .bg-hover-living:focus a.top-link {
      color: #fff; }

.bg-invest {
  background-color: #006341; }

.bg-hover-invest {
  border-right: 1px solid #ccc; }
  .bg-hover-invest:hover, .bg-hover-invest:focus {
    background-color: #006341; }
    .bg-hover-invest:hover a.top-link, .bg-hover-invest:focus a.top-link {
      color: #fff; }

.navbar-wrapper {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%; }
  .navbar-wrapper li {
    display: flex; }
    .navbar-wrapper li:hover a {
      color: #fff; }
    .navbar-wrapper li:active a {
      color: #fff; }
    .navbar-wrapper li:focus a {
      color: #fff; }
  .navbar-wrapper #sites_link {
    color: #fff;
    background: #006341;
    text-transform: uppercase;
    padding: 5px 14px;
    font-size: 0.7rem;
    height: 25px; }
    .navbar-wrapper #sites_link i {
      font-size: 0.9rem; }
  .navbar-wrapper .top-bar {
    height: 37px;
    background-color: #EFEFEF; }
    .navbar-wrapper .top-bar a {
      font-size: 0.8rem;
      /* 1rem*/
      font-weight: 400;
      color: rgba(3, 3, 3, 0.9); }
      .navbar-wrapper .top-bar a:hover {
        text-decoration: none; }
      @media (max-width: 1199px) {
        .navbar-wrapper .top-bar a {
          font-size: 0.6rem; } }
      @media (max-width: 575px) {
        .navbar-wrapper .top-bar a {
          font-size: 0.7rem; } }
    .navbar-wrapper .top-bar .bg-www a,
    .navbar-wrapper .top-bar .bg-explore a,
    .navbar-wrapper .top-bar .bg-helpdesk a,
    .navbar-wrapper .top-bar .bg-living a,
    .navbar-wrapper .top-bar .bg-invest a {
      color: #fff; }
      @media (max-width: 767px) {
        .navbar-wrapper .top-bar .bg-www a,
        .navbar-wrapper .top-bar .bg-explore a,
        .navbar-wrapper .top-bar .bg-helpdesk a,
        .navbar-wrapper .top-bar .bg-living a,
        .navbar-wrapper .top-bar .bg-invest a {
          font-size: 0.8rem; } }
      @media (max-width: 575px) {
        .navbar-wrapper .top-bar .bg-www a,
        .navbar-wrapper .top-bar .bg-explore a,
        .navbar-wrapper .top-bar .bg-helpdesk a,
        .navbar-wrapper .top-bar .bg-living a,
        .navbar-wrapper .top-bar .bg-invest a {
          font-size: 0.7rem; } }
  .navbar-wrapper .top-bar-separator {
    display: none;
    width: 4px;
    background: #000;
    height: 4px;
    border-radius: 50%;
    position: relative;
    top: 17px;
    margin: 0 5px; }
  .navbar-wrapper #main-navigation {
    padding: 1rem; }
  .navbar-wrapper .main-nav-trans {
    background: #002855;
    padding: 1rem;
    height: 102px;
    /*
    padding: 1rem 1rem;
    height: 108px;
    */ }
    @media (max-width: 575px) {
      .navbar-wrapper .main-nav-trans {
        height: 79px; } }
    .navbar-wrapper .main-nav-trans a {
      color: #fff; }
      .navbar-wrapper .main-nav-trans a:hover, .navbar-wrapper .main-nav-trans a:focus {
        text-decoration: underline; }
    .navbar-wrapper .main-nav-trans .navbar-nav li:hover,
    .navbar-wrapper .main-nav-trans .navbar-nav li:focus {
      color: #fff; }
    .navbar-wrapper .main-nav-trans .nav-search-icon {
      font-size: 1.1rem;
      color: #fff; }
    .navbar-wrapper .main-nav-trans .nav-item .hamburger {
      font-size: 2rem; }
    .navbar-wrapper .main-nav-trans .nav-item .search {
      font-size: 20px; }
    .navbar-wrapper .main-nav-trans .navbar-toggler {
      padding: 0;
      width: 40px; }
      .navbar-wrapper .main-nav-trans .navbar-toggler:focus {
        outline: none; }
    .navbar-wrapper .main-nav-trans .navbar-toggler-icon {
      font-size: 2rem;
      background-image: url("../media/hamburger-icon.svg"); }
    .navbar-wrapper .main-nav-trans .nav-logo {
      max-width: 176px;
      max-height: 55px; }
    .navbar-wrapper .main-nav-trans .nav-logo-a {
      width: auto;
      max-height: 55px;
      max-width: 53px; }
    .navbar-wrapper .main-nav-trans .nav-logo-mobile {
      max-width: 176px;
      max-height: 46px; }
  .navbar-wrapper .nav-white-line {
    margin-top: -3rem;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    transition: 0.2s ease-in; }

.sub-nav-bottom .nav-item {
  margin-top: 0rem;
  margin-bottom: 0.5rem; }
  .sub-nav-bottom .nav-item .nav-link {
    padding: 0.25rem 0.5rem 0.5rem 1rem; }

.secondary-nav-top {
  margin-bottom: 0.2rem;
  margin-top: 1rem;
  margin-right: 5rem; }
  .secondary-nav-top .nav-item:last-child .nav-link {
    margin-right: 0;
    border-right: 0; }
  .secondary-nav-top .nav-item .nav-link {
    padding: 0 0.7rem;
    font-size: 0.8rem;
    border-right: 1px solid #FFF; }
    .secondary-nav-top .nav-item .nav-link:hover, .secondary-nav-top .nav-item .nav-link:focus {
      color: #fff; }

html[data-browser="IE"] .secondary-nav-top {
  flex: inherit; }

@media (max-width: 991px) {
  .top-bar .list-inline li {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 768px) {
  .nav-plus {
    display: none; }

  .nav-contents-row {
    width: 100%; } }
@media (max-width: 768px) {
  .fx-main-image-tint::before {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9)); }

  .navbar-wrapper .nav-link[aria-expanded="true"] span i::before {
    content: "\f068"; }
  .navbar-wrapper .main-nav .navbar-toggler-icon {
    width: 2.5rem;
    height: 2.5rem; } }
@media (max-width: 575px) {
  .top-bar .list-inline li {
    padding-left: 6px;
    padding-right: 6px; } }
@media (max-width: 535px) {
  .mobile-page-header {
    font-size: 1.2rem; }

  .navbar-wrapper .top-bar li {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important; }
    .navbar-wrapper .top-bar li a {
      font-size: 0.9rem; }
  .navbar-wrapper .top-bar .bg-www,
  .navbar-wrapper .top-bar .bg-explore,
  .navbar-wrapper .top-bar .bg-helpdesk,
  .navbar-wrapper .top-bar .bg-living {
    display: none; }
  .navbar-wrapper .top-bar .bg-hover-helpdesk,
  .navbar-wrapper .top-bar .bg-hover-explore,
  .navbar-wrapper .top-bar .bg-hover-living {
    border: none; }
  .navbar-wrapper .top-bar .top-bar-separator {
    display: block; } }
@media (max-width: 440px) {
  .navbar-wrapper .top-bar li a {
    font-size: 0.68rem; } }
.one, .two, .three {
  width: 100%;
  height: 4px;
  background: #01b7e7;
  background: #fff;
  margin: 8px auto;
  backface-visibility: hidden;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.navbar-wrapper .navbar-toggler {
  padding: 0;
  width: 30px;
  transform: translate(1rem, -0.2rem); }

.nav-search-icon {
  display: inline-block;
  padding: 0.5rem; }

.nav-search {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(0rem, 4.6rem);
  display: inline-block;
  width: 70%;
  font-size: 1.1rem;
  transition: 360ms all;
  -webkit-transition: 360ms all; }

#main-navigation.toPink .nav-search {
  transform: translate(0.5rem, 1.8rem);
  color: #fff; }

#main-navigation.toPink .nav-search input::placeholder {
  color: #fff; }

.nav-search input {
  float: right;
  display: inline-block;
  opacity: 0;
  width: 0;
  transition: 360ms all;
  -webkit-transition: 360ms all; }

.search-visible .nav-search input {
  opacity: 1;
  width: 85%;
  transition: 360ms all;
  -webkit-transition: 360ms all;
  margin-right: 8%; }

[data-coa-menu-state="visible"],
[data-coa-menu-state="visible"] body {
  overflow-y: hidden !important;
  overflow: hidden !important;
  -webkit-pointer-events: none;
  touch-action: none;
  -webkit-touch-action: none; }

.nav-search input[type="text"] {
  background: transparent;
  color: #fff;
  border: none;
  height: 100%;
  line-height: 100%; }

.search-visible .nav-search {
  opacity: 1;
  pointer-events: all; }

.col--branding,
.col--site {
  transition: 350ms all;
  -webkit-transition: 350ms all; }

.search-visible .col--branding,
.search-visible .col--site {
  opacity: 0; }

.menu-toggle {
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10; }

[data-coa-menu-state="visible"] .one,
.show-nav .one, .offcanvas-menu .one {
  -moz-transform: rotate(45deg) translate(6px, 8px);
  -ms-transform: rotate(45deg) translate(6px, 8px);
  -webkit-transform: rotate(45deg) translate(6px, 8px);
  transform: rotate(45deg) translate(6px, 8px); }

[data-coa-menu-state="visible"] .two,
.offcanvas-menu .two, .show-nav .two {
  opacity: 0; }

[data-coa-menu-state="visible"] .three,
.show-nav .three, .offcanvas-menu .three {
  -moz-transform: rotate(-45deg) translate(9px, -11px);
  -ms-transform: rotate(-45deg) translate(9px, -11px);
  -webkit-transform: rotate(-45deg) translate(9px, -11px);
  transform: rotate(-45deg) translate(9px, -11px); }

/* @media screen and (max-width: 767px)  {
  #main-navigation {
	  padding: 0.5rem 0;
    background: rgb(206,0,88);
	}
	.toTrans,
	.toPink {
    animation: none !important;
	   -webkit-animation: none !important;
	}
	@keyframes toTrans{
		0% { background: linear-gradient(rgba(206,0,88, 1),rgba(206,0,88, 1)); padding: 0.5rem 0rem; }
		100%{ background: linear-gradient(rgba(0,0,0, 0.9),rgba(50,50,50, 0.00)); padding: 0.5rem 0; }
	}

	@-webkit-keyframes toTrans{
		0% { background: linear-gradient(rgba(206,0,88, 1),rgba(206,0,88, 1)); padding: 0.5rem 0rem; }
		100%{ background: linear-gradient(rgba(0,0,0, 0.9),rgba(50,50,50, 0.00)); padding: 0.5rem 0; }
	}
} */
@media screen and (min-width: 768px) {
  .navigation-panel--mobile {
    top: 7.5rem; } }
@media screen and (min-width: 959px) {
  .navigation-panel--mobile {
    top: 10.1rem; }

  .nav-search {
    right: 8rem;
    width: 30rem;
    left: auto;
    top: 0.3rem;
    background: #fff;
    color: #11194b;
    padding: 0.5rem;
    border-radius: 0.1rem; } }
@media screen and (max-width: 1023px) {
  .nav-white-line {
    margin-top: -2rem; } }
@media screen and (max-width: 535px) {
  #main-navigation .nav-search {
    transform: translate(0.5rem, 4.5rem); } }
@media screen and (min-width: 500px) {
  .search-visible .nav-search input {
    margin-right: 15%;
    width: 79%; } }
@media screen and (min-width: 900px) {
  .search-visible .nav-search input {
    margin-right: 18%;
    width: 79%; } }
/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  background-color: #dee7ef;
  margin-right: 3px;
  color: #506580;
  font-weight: 600; }
  .nav-tabs .nav-link.active {
    color: #003DA5;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .nav-item.show .nav-link {
  color: #003DA5;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff; }

header {
  /* navigation off/on canvas effects */ }
  header .navigation-panel--mobile {
    position: fixed;
    top: 6rem;
    left: 0;
    z-index: 9999;
    min-height: calc(100vh - 111px); }
  header .navigation--bg-white {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); }
  header [data-col-index="1"] {
    min-height: calc(100vh - 111px); }
  header [data-col-index] .list-group {
    background: transparent;
    background-color: transparent;
    border: none; }
  header .item__inner {
    position: relative; }
  header [data-col-index] .list-group-item {
    border-radius: 0;
    background: transparent;
    background-color: transparent;
    border: none;
    width: 100%;
    display: inline-block;
    padding: 0 0.5rem !important; }
  header [data-depth="1"] .list-group-item a {
    text-transform: uppercase; }
  header [data-depth="2"] .list-group-item a,
  header [data-depth="3"] .list-group-item a,
  header [data-depth="4"] .list-group-item a,
  header [data-depth="5"] .list-group-item a {
    text-transform: none; }
  header [data-col-index] .list-group-item a {
    font-size: 1.1rem;
    font-weight: 400;
    width: 100%;
    user-select: none;
    -webkit-user-select: none;
    padding: 0.5rem 0.75rem 0.75rem 1.2rem;
    width: calc(100% - 30px);
    display: inline-block; }
    @media (max-width: 991px) {
      header [data-col-index] .list-group-item a {
        font-size: 1rem; } }
    @media (max-width: 991px) {
      header [data-col-index] .list-group-item a {
        padding: 0.5rem 0.75rem 0.66rem 1.2rem; } }
  header [data-col-index] .list-group-item a.link--child {
    position: absolute;
    right: 0;
    top: 0;
    width: 3.7rem;
    height: 100%;
    display: inline-block;
    cursor: pointer; }
  header .navbar-wrapper li:hover a {
    color: inherit; }
  header [data-state="hidden"] {
    visibility: hidden;
    /*opacity: 0; */
    pointer-events: none;
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    height: 0;
    /*  transition: 0.5s all;
    -webkit-transition: 0.5s all; */ }
  header [data-state="visible"] {
    visibility: visible;
    opacity: 1;
    pointer-events: true;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    /* transition: 0.5s all;
    -webkit-transition: 0.5s all; */ }
  header .btn-wrap {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: inline-block;
    line-height: 2.7rem;
    width: 2.5rem;
    text-align: center;
    line-height: 1.7rem;
    padding: 0.75rem 0; }
  header [data-coa-menu-state="visible"] [data-col-index="1"] {
    overflow-y: auto;
    /*max-height: calc(100vh - 111px);*/
    overflow-x: hidden;
    touch-action: pan-y;
    -webkit-touch-action: pan-y; }
  header .heading--parent {
    text-transform: uppercase;
    padding: 0 0.2rem;
    font-weight: 600; }
  header .navigation-panel ul ul {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    position: fixed;
    right: 0;
    width: 100vw; }
  header .navigation-panel .ul_nav {
    transition: 500ms all;
    -webkit-transition: 500ms all;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100vw; }
  header .navigation-panel .ul_nav--visible {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition: 500ms all; }
  header .search-visible .nav-search {
    padding-right: 3rem;
    width: calc(100vw - 3rem); }
  header .search-visible .nav-search input[type="text"] {
    padding: 1rem 0; }
  header .navbar-wrapper .main-nav-trans .nav-search-icon {
    z-index: 1; }
  header #main-navigation .nav-search {
    transform: translate(0.5rem, 3.5rem); }
  header #main-navigation.toPink .nav-search {
    transform: translate(0.5rem, 0.9rem); }
  header .navbar-expand-lg .navbar-toggler {
    display: block; }

/* header */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/*450px*/
header[data-menu-screen-type="desktop"] .ul_wrap span.heading,
header[data-menu-screen-type="desktop"] .ul_wrap label.heading {
  height: 2.5rem;
  line-height: 2.5rem;
  /*padding: 0 1.6rem;*/
  background-color: rgba(229, 233, 238, 0.5);
  width: 100%; }
  header[data-menu-screen-type="desktop"] .ul_wrap span.heading a,
  header[data-menu-screen-type="desktop"] .ul_wrap label.heading a {
    display: inline-block;
    width: 100%; }
    @media (max-width: 991px) {
      header[data-menu-screen-type="desktop"] .ul_wrap span.heading a,
      header[data-menu-screen-type="desktop"] .ul_wrap label.heading a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 92%; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    header[data-menu-screen-type="desktop"] .ul_wrap span.heading,
    header[data-menu-screen-type="desktop"] .ul_wrap label.heading {
      width: inherit; } }
header[data-menu-screen-type="desktop"] [data-col-index] .list-group-item--back {
  z-index: 1;
  top: 0.5rem; }
  header[data-menu-screen-type="desktop"] [data-col-index] .list-group-item--back a {
    padding: 0 0 0 3rem !important; }
header[data-menu-screen-type="desktop"] [data-col-index] .list-group-item a:not(:first-child) {
  padding: 0.5rem 0.5rem 0.5rem 1.2rem; }
header[data-menu-screen-type="desktop"] .ul_nav__item.list-group-item.list-group-item--back + .ul_nav__item {
  margin-top: 0.75rem; }

/* start quick-links */
header[data-menu-screen-type="desktop"] .col--search-widget .heading {
  padding-left: 1rem; }
header[data-menu-screen-type="desktop"] .col--search-widget .quick-links__inner a {
  margin-top: 3.5rem;
  display: inline-block;
  text-align: center; }
  header[data-menu-screen-type="desktop"] .col--search-widget .quick-links__inner a .icon {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    margin: 0 auto; }
    @media (max-width: 1199px) {
      header[data-menu-screen-type="desktop"] .col--search-widget .quick-links__inner a .icon {
        width: 2.5rem;
        height: 2.5rem; } }
  header[data-menu-screen-type="desktop"] .col--search-widget .quick-links__inner a .icon + .label {
    color: #000;
    font-weight: 400;
    font-size: 0.9rem;
    margin: 1rem 0.5rem;
    margin-top: 0.5rem; }
    @media (max-width: 1199px) {
      header[data-menu-screen-type="desktop"] .col--search-widget .quick-links__inner a .icon + .label {
        font-size: 0.8rem; } }
header[data-menu-screen-type="desktop"] .col--search-widget form {
  margin-top: 3.5rem;
  display: block; }

/* end quick-links */
header[data-menu-screen-type="desktop"] .list-group-item--heading .heading {
  display: inline-block;
  padding: 0 0 0 1.1rem;
  color: #003DA5; }
  header[data-menu-screen-type="desktop"] .list-group-item--heading .heading a {
    padding: 0.5rem 0.5rem 0.5rem 0;
    color: #003DA5;
    font-weight: 600;
    font-size: 1.2rem; }
header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel {
  /*
  		-moz-will-change: -moz-transform;
  		-webkit-will-change: -webkit-transform;
  		will-change: transform;
  */
  box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
  background: #fff url("/common/base/img/menu_patternA.svg") repeat 50% 50%;
  margin-top: 0;
  overflow-x: hidden;
  min-height: 35rem;
  max-height: 35rem;
  transition: 0.5s all;
  -webkit-transition: 0.5s all; }
  header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel [data-col-index="1"] [data-slug="__home__"] {
    display: none; }
  header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel[data-state="hidden"] {
    height: 0;
    min-height: 0;
    /* fix the override of the navigation */
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translate(100%, 0);
    -webkit-transform: translate(0, -40rem); }
  @media (max-width: 1199px) {
    header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel [data-col-index="1"] .ul_nav .ul_nav__item a {
      padding: 0.5rem 0.5rem 0.5rem 0.75rem; } }
  @media (max-width: 991px) {
    header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel [data-col-index="1"] .ul_nav .ul_nav__item a {
      padding: 0.5rem 0.5rem 0.5rem 0.5rem; } }
  header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel [data-col-index="1"] .ul_nav .ul_nav__item.item--secondary .link--title {
    color: #0077C8;
    font-size: 1rem; }
    @media (max-width: 991px) {
      header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel [data-col-index="1"] .ul_nav .ul_nav__item.item--secondary .link--title {
        font-size: 0.9rem; } }
  header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .list-group-item {
    min-height: 1rem;
    margin-top: 0;
    padding-top: 0; }
  header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel [data-col-index="2"] .ul_nav .ul_nav__item:last-child {
    margin-bottom: 60px;
    /* last item becomes clickable fix for menu overlay */ }
  header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav {
    max-width: 100%;
    /* padding: 2rem !important; */
    background: transparent; }
    header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item {
      border-bottom: 0;
      min-height: 1rem; }
      header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item.link--active {
        background-color: rgba(229, 233, 238, 0.5); }
      header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item a {
        text-transform: initial;
        text-decoration: none; }
        header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item a .page-title {
          border-bottom: 2px solid transparent; }
        header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item a:hover .page-title {
          color: #003DA5;
          border-bottom: 2px solid #003DA5; }
        header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item a:hover i {
          color: #003DA5; }
        header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item a.link--title .page-title {
          display: inline;
          /* inline-block*/ }
        header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item a.link--title--active {
          text-decoration: none; }
          header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav .ul_nav__item a.link--title--active .page-title {
            color: #003DA5;
            border-bottom: 2px solid #003DA5; }
  header[data-menu-screen-type="desktop"] .navigation-panel--desktop.navigation-panel .ul_nav__item .btn-wrap {
    border-left: none;
    line-height: 1rem;
    top: 0.2rem; }
header[data-menu-screen-type="desktop"] [data-col-index] {
  background: transparent;
  /*height: calc(100% - 4rem);*/
  top: 1.6rem;
  overflow-y: auto; }
header[data-menu-screen-type="desktop"] [data-col-index="1"] {
  min-height: 0; }
  header[data-menu-screen-type="desktop"] [data-col-index="1"] .link--title {
    font-size: 1.2rem;
    font-weight: 400; }
    @media (max-width: 991px) {
      header[data-menu-screen-type="desktop"] [data-col-index="1"] .link--title {
        font-size: 1rem; } }
  header[data-menu-screen-type="desktop"] [data-col-index="1"] .link--title.active,
  header[data-menu-screen-type="desktop"] [data-col-index="1"] .link--title:hover,
  header[data-menu-screen-type="desktop"] [data-col-index="1"] .link--title:hover {
    text-decoration: none; }
header[data-menu-screen-type="desktop"] [data-col-index="1"] [data-depth="1"] > li > .item__inner > .link--child {
  display: none !important; }
header[data-menu-screen-type="desktop"] .container-fluid.navigation-panel__inner {
  height: 30rem; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    header[data-menu-screen-type="desktop"] .container-fluid.navigation-panel__inner > .container {
      position: relative; } }
header[data-menu-screen-type="desktop"] [data-col-index="2"] {
  overflow-x: hidden;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0; }
  header[data-menu-screen-type="desktop"] [data-col-index="2"] > .ul_nav .ul_nav {
    display: none; }
    header[data-menu-screen-type="desktop"] [data-col-index="2"] > .ul_nav .ul_nav.active {
      display: block;
      max-height: 100%;
      /*
      overflow-y: scroll;     */ }
  header[data-menu-screen-type="desktop"] [data-col-index="2"][data-active-depth="0"] > .ul_nav {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); }
  header[data-menu-screen-type="desktop"] [data-col-index="2"][data-active-depth="1"] > .ul_nav {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); }
  header[data-menu-screen-type="desktop"] [data-col-index="2"][data-active-depth="2"] > .ul_nav {
    transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0); }
  header[data-menu-screen-type="desktop"] [data-col-index="2"][data-active-depth="3"] > .ul_nav {
    transform: translate(-200%, 0);
    -webkit-transform: translate(-200%, 0); }
  header[data-menu-screen-type="desktop"] [data-col-index="2"][data-active-depth="4"] > .ul_nav {
    transform: translate(-300%, 0);
    -webkit-transform: translate(-300%, 0); }
  header[data-menu-screen-type="desktop"] [data-col-index="2"][data-active-depth="5"] > .ul_nav {
    transform: translate(-400%, 0);
    -webkit-transform: translate(-400%, 0); }
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="visible"] .col--search-widget {
  display: block;
  visibility: visible; }
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="visible"] [data-col-index="2"],
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="visible"] [data-col-index="3"] {
  display: none;
  visibility: hidden; }
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] .col--search-widget {
  display: none;
  visibility: hidden; }
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] .menu-overlay {
  content: '';
  height: 45px;
  /* 45px*/
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(248, 248, 248, 0.95) 60%, rgba(248, 248, 248, 0) 100%);
  /*(to bottom, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.95) 40%)*/
  /*border: 1px solid red;*/
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  pointer-events: none; }
  @media (max-width: 1199px) {
    header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] .menu-overlay {
      left: 340px; } }
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] [data-col-index="2"],
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] [data-col-index="3"] {
  display: block !important;
  visibility: visible;
  position: relative; }
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] [data-col-index="2"] .list-group-item--back {
  background: transparent; }
  header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] [data-col-index="2"] .list-group-item--back .link--back {
    padding-left: 3rem;
    position: relative;
    font-size: 1.2rem;
    font-weight: 500; }
    @media (max-width: 991px) {
      header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] [data-col-index="2"] .list-group-item--back .link--back {
        font-size: 1.1rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 92%; } }
  header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] [data-col-index="2"] .list-group-item--back i.fas {
    position: absolute;
    left: 1rem;
    top: 0.2rem; }
header[data-menu-screen-type="desktop"] .navigation-panel[data-search-visible="hidden"] [data-col-index="2"] .ul_nav[data-depth="2"] > .list-group-item--back {
  display: none !important; }

@media (max-width: 991px) {
  [data-coa-menu-state="visible"],
  [data-coa-menu-state="visible"] body {
    overflow-y: hidden !important;
    overflow: hidden !important;
    -webkit-pointer-events: none;
    touch-action: none;
    -webkit-touch-action: none; } }
@media (min-width: 992px) {
  [data-coa-menu-state="visible"],
  [data-coa-menu-state="visible"] body {
    overflow-y: auto !important;
    overflow: auto !important;
    -webkit-pointer-events: initial;
    touch-action: initial;
    -webkit-touch-action: initial; } }

/* start desktop only section overrides */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header[data-menu-screen-type="desktop"] .ul_wrap .active span.heading,
  header[data-menu-screen-type="desktop"] .ul_wrap .active label.heading {
    position: absolute;
    top: 0;
    left: 0; } }
header[data-menu-screen-type="desktop"] span.heading,
header[data-menu-screen-type="desktop"] label.heading {
  font-weight: 600;
  font-size: 1.1rem;
  padding-left: 1.7rem;
  position: fixed;
  color: #003DA5; }
  header[data-menu-screen-type="desktop"] span.heading a,
  header[data-menu-screen-type="desktop"] label.heading a {
    font-weight: 600;
    font-size: 1.1rem;
    padding: 0.3rem 0.5rem 0.5rem 0;
    color: #003DA5; }
header[data-menu-screen-type="desktop"] .ul_wrap_outer {
  width: 100%;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translate(-200%, 0);
  -moz-transform: translate(-200%, 0);
  -ms-transform: translate(-200%, 0);
  -o-transform: translate(-200%, 0);
  transform: translate(-200%, 0);
  min-height: 400px;
  transition: 350ms transform;
  -webkit-transition: 350ms transform; }
header[data-menu-screen-type="desktop"] .ul_wrap {
  width: 100%;
  min-height: 390px;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  transition: all .2s ease-in-out;
  visibility: hidden;
  transition: 10ms opacity;
  -webkit-transition: 10ms opacity; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    header[data-menu-screen-type="desktop"] .ul_wrap {
      overflow: visible;
      position: expression(fixed);
      top: 180px;
      left: 120px;
      width: 380px; } }
  header[data-menu-screen-type="desktop"] .ul_wrap .ul_nav {
    display: block;
    position: absolute;
    top: 2.5rem;
    /* 2.2rem 2rem offset the heading */
    transform: none;
    -webkit-transform: none;
    max-height: 390px;
    overflow-y: scroll; }
header[data-menu-screen-type="desktop"] .ul_wrap .ul_wrap {
  pointer-events: none;
  opacity: 0; }
header[data-menu-screen-type="desktop"] .ul_wrap .ul_wrap.active {
  pointer-events: all;
  opacity: 1; }
header[data-menu-screen-type="desktop"] .ul_wrap.active {
  z-index: 1;
  visibility: visible; }
  header[data-menu-screen-type="desktop"] .ul_wrap.active .ul_nav {
    background-color: rgba(229, 233, 238, 0.5); }
header[data-menu-screen-type="desktop"] [data-active-depth="1"] .ul_wrap_outer {
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0); }
header[data-menu-screen-type="desktop"] [data-active-depth="2"] .ul_wrap_outer {
  transform: translate(-200%, 0);
  -webkit-transform: translate(-200%, 0); }
header[data-menu-screen-type="desktop"] [data-active-depth="3"] .ul_wrap_outer {
  transform: translate(-300%, 0);
  -webkit-transform: translate(-300%, 0); }
header[data-menu-screen-type="desktop"] [data-active-depth="4"] .ul_wrap_outer {
  transform: translate(-400%, 0);
  -webkit-transform: translate(-400%, 0); }
header[data-menu-screen-type="desktop"] [data-active-depth="5"] .ul_wrap_outer {
  transform: translate(-500%, 0);
  -webkit-transform: translate(-500%, 0); }
header[data-menu-screen-type="desktop"] [data-active-depth="6"] .ul_wrap_outer {
  transform: translate(-600%, 0);
  -webkit-transform: translate(-600%, 0); }
header[data-menu-screen-type="desktop"] .ul_nav__item {
  border-bottom: 0;
  min-height: 1rem; }
  header[data-menu-screen-type="desktop"] .ul_nav__item:last-child {
    margin-bottom: 0px;
    /* last item becomes clickable fix for menu overlay */ }
header[data-menu-screen-type="desktop"] [data-col-index="2"] {
  overflow: hidden; }

/* desktop section */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/*450px*/
html[data-coa-menu-state="visible"] #_BH_frame,
html[data-coa-menu-state="visible"] .fb_customer_chat_bubble_animated_no_badge {
  display: none !important;
  visibility: none;
  z-index: -1 !important; }

/* start mobile section */
header[data-menu-screen-type="mobile"] .ul_wrap span.heading {
  text-transform: uppercase;
  height: 50px;
  line-height: 1.8rem;
  padding: 0.75rem 1.6rem; }
header[data-menu-screen-type="mobile"] .ul_wrap .ul_wrap {
  z-index: -1; }
header[data-menu-screen-type="mobile"] .ul_wrap .ul_wrap.active {
  z-index: 1; }
header[data-menu-screen-type="mobile"] [data-col-index] .list-group-item--back {
  z-index: 1;
  top: 50px; }
  header[data-menu-screen-type="mobile"] [data-col-index] .list-group-item--back i {
    margin-right: 10px; }
  header[data-menu-screen-type="mobile"] [data-col-index] .list-group-item--back:hover, header[data-menu-screen-type="mobile"] [data-col-index] .list-group-item--back:focus {
    background-color: rgba(185, 185, 185, 0.8) !important; }
header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item a {
  text-transform: uppercase; }
header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item .ul_wrap[data-depth="2"] .list-group-item a, header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item .ul_wrap[data-depth="3"] .list-group-item a, header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item .ul_wrap[data-depth="4"] .list-group-item a, header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item .ul_wrap[data-depth="5"] .list-group-item a {
  text-transform: none;
  color: #002855;
  font-size: 1.2rem; }
header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item.item--secondary {
  background-color: #bccdda;
  border-bottom: 1px solid rgba(0, 119, 200, 0.4);
  margin-bottom: 1px; }
  header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item.item--secondary .item__inner a.link--title {
    color: #002855;
    font-size: 0.86rem;
    line-height: 2; }
  header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item.item--secondary .item__inner .ul_wrap[data-depth="2"] .list-group-item a, header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item.item--secondary .item__inner .ul_wrap[data-depth="3"] .list-group-item a, header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item.item--secondary .item__inner .ul_wrap[data-depth="4"] .list-group-item a, header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item.item--secondary .item__inner .ul_wrap[data-depth="5"] .list-group-item a {
    text-transform: none;
    color: #002855;
    font-size: 1.2rem; }
  header[data-menu-screen-type="mobile"] [data-parent-link="0"][data-depth="1"] .list-group-item.item--secondary:last-child {
    border-bottom: 1px solid rgba(0, 119, 200, 0.4); }
header[data-menu-screen-type="mobile"] [data-col-index] .list-group-item {
  min-height: 2.7rem; }
header[data-menu-screen-type="mobile"] .ul_nav__item.list-group-item.list-group-item--back + .ul_nav__item {
  margin-top: 60px; }

body[data-is-home="true"] header[data-menu-screen-type="mobile"] .navigation-panel--mobile {
  top: 7.2rem;
  -webkit-transform: translateZ(0) scale(1, 1); }
body[data-is-home="true"] header[data-menu-screen-type="mobile"] [data-col-index="2"] .ul_wrap .ul_nav {
  min-height: calc(100vh - 7.2rem); }

header[data-menu-screen-type="mobile"] .navigation-panel--mobile {
  top: 9.2rem;
  -webkit-transform: translateZ(0) scale(1, 1); }
header[data-menu-screen-type="mobile"] [data-col-index="1"] {
  display: none; }
header[data-menu-screen-type="mobile"] [data-col-index="2"] {
  display: block !important; }
header[data-menu-screen-type="mobile"] .ul_wrap_outer {
  width: 100%;
  transform-origin: 0 0;
  transform: translate(-100%, 0);
  -webkit-transform-origin: 0 0;
  -webkit-transform: translateZ(0) scale(1, 1) translate(-100%, 0);
  min-height: 400px;
  /*
  		this breaks ios safari but it looks nice on other browsers
  	 	transition: 350ms transform;
  	 	-webkit-transition: 350ms transform;
  */
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d; }
header[data-menu-screen-type="mobile"] .ul_wrap {
  width: 100%;
  min-height: 390px;
  position: fixed;
  left: 0;
  transform-origin: 0 0;
  transform: translate(100%, 0);
  -webkit-transform-origin: 0 0;
  -webkit-transform: translate(100%, 0);
  top: 0; }
  header[data-menu-screen-type="mobile"] .ul_wrap span.heading {
    position: Fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 99;
    font-weight: 600; }
    header[data-menu-screen-type="mobile"] .ul_wrap span.heading a {
      padding: 0; }
  header[data-menu-screen-type="mobile"] .ul_wrap .ul_nav {
    display: block;
    position: absolute;
    top: 0;
    transform: none;
    -webkit-transform: none;
    max-height: 390px;
    overflow-y: scroll;
    z-index: auto;
    /* fix for disappearing in ios 13 */ }
    header[data-menu-screen-type="mobile"] .ul_wrap .ul_nav .list-group-item {
      margin-top: 0;
      padding: 0; }
      header[data-menu-screen-type="mobile"] .ul_wrap .ul_nav .list-group-item:hover, header[data-menu-screen-type="mobile"] .ul_wrap .ul_nav .list-group-item:focus {
        background-color: rgba(0, 0, 0, 0.075); }
    header[data-menu-screen-type="mobile"] .ul_wrap .ul_nav .btn-wrap {
      line-height: 1.7rem;
      line-height: 1.5rem; }
    header[data-menu-screen-type="mobile"] .ul_wrap .ul_nav > li:last-child {
      /* padding-bottom: 9rem !important; */
      margin-bottom: 9rem; }
  header[data-menu-screen-type="mobile"] .ul_wrap .ul_wrap .ul_nav {
    top: 2.5rem !important; }
header[data-menu-screen-type="mobile"] [data-active-depth="1"] .ul_wrap_outer {
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0); }
header[data-menu-screen-type="mobile"] [data-active-depth="2"] .ul_wrap_outer {
  transform: translate(-200%, 0);
  -webkit-transform: translate(-200%, 0); }
header[data-menu-screen-type="mobile"] [data-active-depth="3"] .ul_wrap_outer {
  transform: translate(-300%, 0);
  -webkit-transform: translate(-300%, 0); }
header[data-menu-screen-type="mobile"] [data-active-depth="4"] .ul_wrap_outer {
  transform: translate(-400%, 0);
  -webkit-transform: translate(-400%, 0); }
header[data-menu-screen-type="mobile"] [data-active-depth="5"] .ul_wrap_outer {
  transform: translate(-500%, 0);
  -webkit-transform: translate(-500%, 0); }
header[data-menu-screen-type="mobile"] [data-active-depth="6"] .ul_wrap_outer {
  transform: translate(-600%, 0);
  -webkit-transform: translate(-600%, 0); }
header[data-menu-screen-type="mobile"] .ul_nav__item.list-group-item.list-group-item--back {
  position: fixed;
  left: 0;
  width: 100%;
  /* background: #fff; */ }
header[data-menu-screen-type="mobile"] .col--search-widget {
  display: none !important; }
header[data-menu-screen-type="mobile"] [data-col-index="2"] .ul_wrap .ul_nav {
  min-height: calc(100vh - 9.2rem); }
header[data-menu-screen-type="mobile"] .navigation-panel .ul_nav {
  transition: none !important;
  -webkit-transition: none !important; }

/* end mobile section */
.breadcrumbs {
  background-color: rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 2px 20px rgba(57, 63, 72, 0.1);
  -webkit-box-shadow: 0 2px 20px rgba(57, 63, 72, 0.1);
  box-shadow: 0 2px 20px rgba(57, 63, 72, 0.1);
  height: 36px;
  color: #FFF; }
  .breadcrumbs.breadcrumb-waypoint {
    opacity: 0;
    transition: opacity 0.2s; }
  .breadcrumbs.no-hero {
    background-color: #FFF !important;
    color: #002855; }
    .breadcrumbs.no-hero .breadcrumb .breadcrumb-item a {
      color: #002855;
      border: none; }
      .breadcrumbs.no-hero .breadcrumb .breadcrumb-item a:hover {
        color: #002855; }
    .breadcrumbs.no-hero .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      color: #002855; }
    @media (max-width: 767px) {
      .breadcrumbs.no-hero .breadcrumb .popout-jumpTo-menu p {
        color: #002855; }
      .breadcrumbs.no-hero .breadcrumb .popout-handle {
        background-image: url(/common/base/img/chevron-down-dark.svg); } }
    .breadcrumbs.no-hero #readspeaker_button1 .rspart,
    .breadcrumbs.no-hero #readspeaker_button .rspart, .breadcrumbs.no-hero [id^="readspeaker_button"] .rspart {
      border: none; }
      .breadcrumbs.no-hero #readspeaker_button1 .rspart .rsbtn_text,
      .breadcrumbs.no-hero #readspeaker_button1 .rspart .icon:before,
      .breadcrumbs.no-hero #readspeaker_button .rspart .rsbtn_text,
      .breadcrumbs.no-hero #readspeaker_button .rspart .icon:before, .breadcrumbs.no-hero [id^="readspeaker_button"] .rspart .rsbtn_text,
      .breadcrumbs.no-hero [id^="readspeaker_button"] .rspart .icon:before {
        color: #002855; }
  .breadcrumbs .breadcrumb {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .breadcrumbs .breadcrumb {
        width: 100%;
        max-width: 1050px; } }
    @media (max-width: 1199px) {
      .breadcrumbs .breadcrumb {
        width: 100%;
        max-width: 850px; } }
    @media (max-width: 991px) {
      .breadcrumbs .breadcrumb {
        width: 100%;
        max-width: 610px; } }
    @media (max-width: 767px) {
      .breadcrumbs .breadcrumb {
        width: 100%;
        max-width: 470px; } }
    @media (max-width: 575px) {
      .breadcrumbs .breadcrumb {
        width: 100%;
        max-width: 300px; } }
    @media (max-width: 439px) {
      .breadcrumbs .breadcrumb {
        width: 100%;
        max-width: 200px; } }
    @media (max-width: 350px) {
      .breadcrumbs .breadcrumb {
        width: 100%;
        max-width: 185px; } }
    @media (max-width: 321px) {
      .breadcrumbs .breadcrumb {
        width: 100%;
        max-width: 150px; } }
    .breadcrumbs .breadcrumb .breadcrumb-item {
      margin-top: 7px;
      font-size: 0.9rem; }
      .breadcrumbs .breadcrumb .breadcrumb-item a {
        color: #FFF;
        /*color: $colour--www;*/
        border: none; }
        .breadcrumbs .breadcrumb .breadcrumb-item a:hover {
          color: #FFF;
          /*color: $colour--www;*/ }
    .breadcrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      content: ">";
      color: #FFF;
      /*  color: $colour--www;*/ }

.sitemap-links .child-menu,
.sitemap-links .parent-menu {
  list-style: none;
  list-style-type: none; }
  .sitemap-links .child-menu ul,
  .sitemap-links .parent-menu ul {
    width: 100%; }
  .sitemap-links .child-menu li,
  .sitemap-links .parent-menu li {
    display: block; }
    .sitemap-links .child-menu li a,
    .sitemap-links .parent-menu li a {
      color: #002855; }
.sitemap-links .parent-menu > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding-bottom: 5px; }
  .sitemap-links .parent-menu > li a .page-title {
    padding-left: 28px;
    display: block; }
.sitemap-links .child-menu > li a .page-title {
  padding-left: 28px; }
.sitemap-links .common-links li a {
  text-decoration: none;
  border-bottom: 1px solid #002855;
  color: #002855; }
.sitemap-links .link--title .expand-btn {
  width: 20px;
  height: 30px; }
  .sitemap-links .link--title .expand-btn::before {
    float: left;
    width: 20px;
    height: 30px;
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-style: normal;
    font-weight: 900;
    color: #002855; }
  .sitemap-links .link--title .expand-btn[aria-expanded="true"]::before {
    float: left;
    width: 20px;
    height: 30px;
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-style: normal;
    font-weight: 900;
    color: #002855; }
  .sitemap-links .link--title .expand-btn[aria-expanded="false"] .expand-btn::before {
    float: left;
    width: 20px;
    height: 30px;
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-style: normal;
    font-weight: 900;
    color: #002855; }

.global-footer-links p {
  font-size: 0.8rem; }
  @media (max-width: 767px) {
    .global-footer-links p {
      font-size: 1.2rem; } }
.global-footer-links a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  display: inline-block;
  padding-bottom: 6px;
  text-align: left;
  font-size: 0.8rem; }
  .global-footer-links a:hover, .global-footer-links a:focus {
    text-decoration: underline; }
  @media (min-width: 768px) {
    .global-footer-links a:not(:last-child) {
      margin-right: .5rem; } }
  @media (max-width: 767px) {
    .global-footer-links a:not(:last-child) {
      border-bottom: 1px solid #0077C8; } }
  @media (max-width: 767px) {
    .global-footer-links a {
      font-size: 1.2rem;
      display: block;
      padding: .75rem;
      margin-bottom: -1px; } }
@media (max-width: 767px) {
  .global-footer-links {
    margin-bottom: 30px; } }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
header[data-nav-primary-style="listing-menu"] {
  overflow-x: hidden; }
  header[data-nav-primary-style="listing-menu"] .item_nav__item .item__inner {
    background: #FFF;
    border: 1px solid #d9d9d9; }
    header[data-nav-primary-style="listing-menu"] .item_nav__item .item__inner:hover, header[data-nav-primary-style="listing-menu"] .item_nav__item .item__inner:focus {
      background: #eee; }
  header[data-nav-primary-style="listing-menu"] .container-fluid.navigation-panel {
    min-height: 25rem;
    /* background: $colour--white url("/common/base/img/menu_patternA.svg"); */
    background: #fff url("/common/base/img/menu_patternA.svg"); }
  header[data-nav-primary-style="listing-menu"] .navigation-panel[data-state] {
    z-index: -1;
    position: relative;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    height: auto;
    position: fixed; }
  header[data-nav-primary-style="listing-menu"] .navigation-panel[data-state="visible"] {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 767px) {
  header[data-nav-primary-style="listing-menu"] .item__inner {
    margin-bottom: 0 !important; }
  header[data-nav-primary-style="listing-menu"] .navigation-panel[data-state] {
    max-height: calc(100vh - 90px);
    overflow: scroll;
    position: fixed; }
  header[data-nav-primary-style="listing-menu"] .btn.d-flex.text-left.link--title img {
    max-height: 2rem;
    display: inline-block; } }
.card--listing-icon {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s; }
  .card--listing-icon:hover {
    background: white;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s; }
  @media (max-width: 767px) {
    .card--listing-icon {
      min-height: auto !important;
      height: auto !important; } }
  .card--listing-icon .chevron-container i {
    color: #003DA5; }
  @media (max-width: 575px) {
    .card--listing-icon .card-collapse {
      width: 80% !important; } }
  .card--listing-icon .view-more-card {
    background-color: #eee; }
    .card--listing-icon .view-more-card a {
      color: #002855;
      text-transform: uppercase;
      font-size: 0.8rem;
      font-weight: 400; }
      .card--listing-icon .view-more-card a i {
        display: inline-block;
        line-height: 0.8rem; }
      .card--listing-icon .view-more-card a[aria-expanded="true"] .fa-chevron-down {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transform-origin: center;
        line-height: 0.7rem; }
  @media (max-width: 767px) {
    .card--listing-icon .view-more-desc {
      background-color: #eee; }
      .card--listing-icon .view-more-desc .list-group-item {
        background-color: #eee; }
      .card--listing-icon .view-more-desc .collapse.show {
        background-color: #eee; } }
  @media (max-width: 767px) {
    .card--listing-icon {
      background: white; } }
  .card--listing-icon.has-icon .header-title {
    min-height: 70px;
    height: auto !important;
    height: 70px; }
  .card--listing-icon .header-title {
    color: #002855;
    /*text-transform: capitalize;*/
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    min-height: 80px;
    height: auto !important;
    height: 80px; }
    @media (max-width: 767px) {
      .card--listing-icon .header-title {
        min-height: 30px;
        height: auto !important;
        height: 30px; }
        .card--listing-icon .header-title .title-name {
          font-size: 1.2rem; } }
    .card--listing-icon .header-title .title-name {
      font-weight: 400; }
  .card--listing-icon .icon-wrap {
    width: 4.6rem; }
    @media (max-width: 767px) {
      .card--listing-icon .icon-wrap {
        width: 3.6rem; } }
    @media (max-width: 439px) {
      .card--listing-icon .icon-wrap {
        width: 2.6rem; } }
  .card--listing-icon .chevron-container img {
    max-width: 40px; }
  .card--listing-icon .description {
    color: #002855;
    min-height: 150px;
    height: auto !important;
    height: 150px; }
    @media (max-width: 991px) {
      .card--listing-icon .description {
        min-height: 80px;
        height: auto !important;
        height: 80px; } }
    @media (max-width: 767px) {
      .card--listing-icon .description {
        min-height: 60px;
        height: auto !important;
        height: 60px; } }
    .card--listing-icon .description p {
      font-weight: 400;
      font-size: 0.95rem; }
  .card--listing-icon .collapse a:not(.read-more-button) {
    color: #0077C8;
    text-decoration: none;
    background-color: transparent;
    padding-bottom: 1px;
    border-bottom: 1px solid #0077C8; }
  @media (min-width: 768px) {
    .card--listing-icon .collapse {
      display: block; } }
  .card--listing-icon .more-row {
    position: absolute;
    bottom: 15px;
    right: 18px; }
    .card--listing-icon .more-row .read-more-button {
      text-transform: uppercase;
      width: 10.94rem;
      font-size: 0.8em;
      color: #002855;
      font-weight: 400; }
  .card--listing-icon .more-row2 .read-more-button {
    font-size: 0.8em;
    color: #0077C8;
    font-weight: 600; }

.cat-card {
  background-color: #f9f9f9; }
  @media (max-width: 575px) {
    .cat-card .icon-wrap {
      width: 50px; } }
  .cat-card h5 {
    font-weight: 400; }

.card--event-default {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 100%;
  width: 100%;
  min-height: 350px;
  overflow: hidden; }
  .card--event-default .img-top {
    min-height: 239px;
    position: relative; }
  .card--event-default .card-body {
    background-color: #f9f9f9; }
    .card--event-default .card-body h4 {
      color: #171819;
      font-weight: 400;
      font-size: 1.3em; }
    .card--event-default .card-body .isFree {
      background-color: #C8102E;
      color: #FFF;
      text-transform: uppercase;
      font-size: 0.6em;
      font-weight: 200;
      display: inline-block;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      padding: 4px 10px 0 10px; }
    .card--event-default .card-body .accessible-icon {
      content: "";
      width: 20px;
      height: 20px;
      display: block;
      background: url(/common/base/img/accessible.svg) no-repeat center;
      -moz-background-size: 20px;
      -webkit-background-size: 20px;
      background-size: 20px;
      background-position: top left; }
    .card--event-default .card-body .detail-date,
    .card--event-default .card-body .detail-location i {
      color: #C8102E; }
    .card--event-default .card-body .detail-date {
      font-size: 1.1em;
      font-weight: 400;
      text-transform: uppercase; }
    .card--event-default .card-body .detail-location {
      font-size: 0.9em;
      color: #171819;
      font-weight: 200;
      max-width: 92%; }

.cat-card {
  background-color: #f9f9f9; }

.image-thumbail {
  height: 300px;
  overflow: hidden;
  background-color: #FFF;
  text-align: center; }

.image-thumbail img {
  object-fit: contain;
  width: 100%;
  object-position: center center;
  height: 300px;
  /*
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  */ }

.food-truck-card {
  background-color: #f9f9f9; }

.card--business-default {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 100%;
  width: 100%;
  min-height: 350px;
  overflow: hidden; }
  .card--business-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9;
    /*background: url(/common/base/img/img_placeholder_a.jpg) no-repeat center;*/ }
  .card--business-default .img-card--link {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .card--business-default .card-body {
    background-color: #f9f9f9;
    position: relative; }
    .card--business-default .card-body h4 {
      color: #171819;
      font-weight: 400;
      font-size: 1.3em; }
    .card--business-default .card-body h5 {
      font-size: 1.1em; }
    .card--business-default .card-body .accessible-icon {
      width: 20px;
      height: 20px;
      background: url(/common/base/img/accessible.svg) no-repeat center;
      background-size: cover; }
    .card--business-default .card-body .detail-date,
    .card--business-default .card-body .detail-location i {
      color: #C8102E; }
    .card--business-default .card-body .business-cat {
      font-size: 1.1em;
      font-weight: 400;
      color: #C8102E; }
    .card--business-default .card-body .detail-location {
      font-size: 0.8em;
      color: #171819;
      font-weight: 200;
      /*  min-height: 38px;
        height: auto !important;
        height: 38px;*/ }

body[data-page-type="page"] .card--business-default .card-body .detail-location i {
  color: #002855; }

.blog-card {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  .blog-card .blog-category {
    color: #FFF;
    position: absolute;
    right: 15px;
    top: 5%;
    padding: 8px 30px;
    background-color: #333F48; }
  .blog-card .project-date {
    color: #FFF;
    position: relative;
    left: 15px;
    top: 85%;
    padding: 8px 15px;
    background-color: #555; }
  .blog-card .img-top {
    position: relative;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    min-height: 320px;
    max-height: 320px;
    background-color: #d9d9d9; }
  .blog-card .category-overlay {
    position: absolute;
    top: -23px;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0); }
    .blog-card .category-overlay span {
      background-color: #FFF;
      text-transform: uppercase;
      border: none;
      border-radius: 0;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      padding: 5px 19px 2px;
      font-size: 0.7em;
      font-weight: 500; }
  .blog-card a,
  .blog-card a:hover,
  .blog-card a:active {
    text-decoration: none;
    border: none; }
  .blog-card .card-body {
    background-color: #fff; }
    .blog-card .card-body .card-title {
      font-size: 1.4em;
      /*text-transform: capitalize;*/
      font-weight: 300;
      color: #002855; }
    .blog-card .card-body .author-wrap {
      text-transform: uppercase; }
    .blog-card .card-body .card-author {
      font-size: 0.85em; }

.nav--featured-card {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 100%;
  width: 100%;
  min-height: 350px;
  overflow: hidden;
  box-shadow: 1px 6px 15px -11px #333; }
  .nav--featured-card .img-top {
    min-height: 220px;
    position: relative; }
  .nav--featured-card .card-body {
    background-color: #f9f9f9;
    padding: 7px; }
    .nav--featured-card .card-body h4 {
      color: #171819;
      font-weight: 400;
      font-size: 1.3em; }

.nav--featured-card.www {
  border-bottom: 5px solid #0073C2; }

.nav--featured-card.explore {
  border-bottom: 5px solid #C8102E; }

.nav--featured-card.helpdesk {
  border-bottom: 5px solid #0077C8; }

.nav--featured-card-mini {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-shadow: 1px 6px 15px -11px #333; }
  .nav--featured-card-mini .img-top {
    min-height: 150px;
    position: relative; }
  .nav--featured-card-mini .card-body {
    background-color: #f9f9f9;
    background: url("/common/base/img/chevron-right-solid.svg") no-repeat;
    background-position: right 15px center;
    padding: 8px 30px 8px 8px;
    background-size: 17px; }
    .nav--featured-card-mini .card-body h4 {
      color: #171819;
      font-weight: 400;
      font-size: 1.3em; }

.card--newsroom-default {
  border-top: 4px solid #0073C2;
  position: relative;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  .card--newsroom-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9;
    background-image: url(/common/base/img/img_placeholder_a.jpg);
    background-repeat: no-repeat;
    background-position: center; }
    @media (max-width: 575px) {
      .card--newsroom-default .img-top {
        min-height: 180px; } }
  .card--newsroom-default .card-body {
    /*min-height: 200px;*/
    position: relative;
    background-color: #FFF; }
    .card--newsroom-default .card-body .newsroom-title {
      color: #002855;
      font-weight: 400;
      font-size: 1.3em; }
    .card--newsroom-default .card-body .newsroom-date {
      font-size: 0.8rem; }
    .card--newsroom-default .card-body .read-button {
      color: #002855;
      /*position: absolute;
      bottom: 10px;
      right: 10px;*/
      text-transform: uppercase;
      font-weight: 600;
      font-size: 0.9rem; }
      .card--newsroom-default .card-body .read-button:hover {
        color: #002855; }

.card--full-width-default {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: none;
  background: #F9F9F9 url("../../base/img/chevron-right.svg") no-repeat;
  background-position: right 14px center;
  background-size: 20px 20px; }
  @media (max-width: 767px) {
    .card--full-width-default {
      background-position: bottom 29px right 22px;
      background-size: 20px 20px; } }
  .card--full-width-default .full-width-sub-text,
  .card--full-width-default .full-width-title {
    color: #0E2D4F;
    font-weight: 500; }
  .card--full-width-default .full-width-sub-text {
    text-transform: uppercase; }

.site-card:hover, .site-card:focus {
  opacity: 0.7; }
.site-card .card-image-bg {
  width: 100%;
  height: 100%;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 28vh;
  width: 100%;
  min-height: 234px;
  overflow: hidden; }
  @media (max-width: 575px) {
    .site-card .card-image-bg {
      min-height: 220px;
      height: 220px; } }
  .site-card .card-image-bg .image-overlay {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));
    z-index: 0; }
.site-card .card-text-wrap {
  position: absolute;
  width: 100%;
  bottom: 0;
  top: auto; }
  .site-card .card-text-wrap .title-wrap .title {
    font-weight: 400; }
  .site-card .card-text-wrap .subtext-wrap .subtext {
    font-size: 0.8em;
    font-weight: 400;
    text-transform: uppercase; }
.site-card a,
.site-card a:hover,
.site-card a:active {
  text-decoration: none;
  border: none; }

.document--list-item {
  border-bottom: 1px solid #ccc; }
  .document--list-item .document--item-header {
    background: none;
    border: none; }
    .document--list-item .document--item-header .document--item-link {
      font-weight: 400;
      text-decoration: none;
      border-bottom: 1px solid #0077C8;
      color: #0077C8; }
    .document--list-item .document--item-header .document--item-size {
      font-size: 0.9rem; }
    .document--list-item .document--item-header .download-icon {
      position: absolute;
      top: 30px;
      font-size: 1.2rem;
      right: 20px;
      color: #0077C8; }
      @media (max-width: 575px) {
        .document--list-item .document--item-header .download-icon {
          top: 20px; } }
    .document--list-item .document--item-header span.plus-icon {
      margin-top: 2px; }
      .document--list-item .document--item-header span.plus-icon::before {
        content: "\f067";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1; }
    .document--list-item .document--item-header[aria-expanded="true"] span.plus-icon::before {
      content: "\f068"; }
    @media (max-width: 575px) {
      .document--list-item .document--item-header {
        padding-right: 40px; } }

.card--heritage-default {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border: none; }
  .card--heritage-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9; }
  .card--heritage-default .card-body {
    background-color: #f9f9f9;
    position: relative;
    border-bottom: 3px solid transparent;
    padding: 0.5rem; }
    .card--heritage-default .card-body h4 {
      color: #171819;
      font-weight: 400;
      font-size: 1.1rem; }
    .card--heritage-default .card-body .detail-date,
    .card--heritage-default .card-body .detail-location i {
      color: #C8102E; }
    .card--heritage-default .card-body .detail-location {
      font-size: 0.8em;
      color: #171819;
      font-weight: 200; }
    .card--heritage-default .card-body small {
      font-size: 0.7rem; }
    .card--heritage-default .card-body p {
      font-size: 0.8rem; }
  .card--heritage-default.card-type-state .card-body {
    border-bottom: 3px solid #0096d7; }
    .card--heritage-default.card-type-state .card-body small {
      color: #0096d7; }
    .card--heritage-default.card-type-state .card-body .detail-date,
    .card--heritage-default.card-type-state .card-body .detail-location i {
      color: #0096d7 !important; }
  .card--heritage-default.card-type-local .card-body {
    border-bottom: 3px solid #127127; }
    .card--heritage-default.card-type-local .card-body small {
      color: #127127; }
    .card--heritage-default.card-type-local .card-body .detail-date,
    .card--heritage-default.card-type-local .card-body .detail-location i {
      color: #127127 !important; }
  .card--heritage-default.card-type-commonwealth .card-body {
    border-bottom: 3px solid #c12d38; }
    .card--heritage-default.card-type-commonwealth .card-body small {
      color: #c12d38; }
    .card--heritage-default.card-type-commonwealth .card-body .detail-date,
    .card--heritage-default.card-type-commonwealth .card-body .detail-location i {
      color: #c12d38 !important; }
  .card--heritage-default.card-type-national .card-body {
    border-bottom: 3px solid #a76308; }
    .card--heritage-default.card-type-national .card-body small {
      color: #a76308; }
    .card--heritage-default.card-type-national .card-body .detail-date,
    .card--heritage-default.card-type-national .card-body .detail-location i {
      color: #a76308 !important; }

body[data-page-type="page"] .card--heritage-default .card-body .detail-location i {
  color: #002855; }

.card--flickr-default {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .card--flickr-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9; }
  .card--flickr-default .card-body {
    background-color: #f9f9f9;
    position: relative; }
    .card--flickr-default .card-body h4 {
      color: #171819;
      font-weight: 400;
      font-size: 1.3em; }

.slider-hole-nav {
  background: #ddd;
  padding: 10px; }
  .slider-hole-nav .hole-title-par {
    text-align: center; }
    .slider-hole-nav .hole-title-par .par-number {
      font-size: 23px; }

.slider-hole-carousel .slick-arrow {
  top: 41%; }
  @media (max-width: 767px) {
    .slider-hole-carousel .slick-arrow {
      top: 31%; } }
  @media (max-width: 439px) {
    .slider-hole-carousel .slick-arrow {
      top: 19%; } }
.slider-hole-carousel .hole-slide-wrap .hole-carousel-image .hole-image {
  min-height: 500px; }
  @media (max-width: 767px) {
    .slider-hole-carousel .hole-slide-wrap .hole-carousel-image .hole-image {
      min-height: 300px; } }
  @media (max-width: 439px) {
    .slider-hole-carousel .hole-slide-wrap .hole-carousel-image .hole-image {
      min-height: 200px; } }
.slider-hole-carousel .hole-slide-wrap .hole-title-par {
  z-index: 9;
  text-align: center;
  width: 100px;
  height: 100px;
  margin: auto auto;
  margin-top: -50px;
  background: #ddd;
  border-radius: 50%;
  padding: 15px; }
  .slider-hole-carousel .hole-slide-wrap .hole-title-par .par-hole,
  .slider-hole-carousel .hole-slide-wrap .hole-title-par .par-hole-number,
  .slider-hole-carousel .hole-slide-wrap .hole-title-par .par-number {
    margin: 0; }
  .slider-hole-carousel .hole-slide-wrap .hole-title-par .par-hole,
  .slider-hole-carousel .hole-slide-wrap .hole-title-par .par-number {
    font-size: 17px; }
  .slider-hole-carousel .hole-slide-wrap .hole-title-par .par-hole-number {
    font-size: 23px; }
.slider-hole-carousel .hole-slide-wrap .hole-body {
  padding: 25px 15px; }
  .slider-hole-carousel .hole-slide-wrap .hole-body a[rel="noreferrer noopener"] {
    background-color: #74b55d;
    border: none;
    border-radius: 4px;
    color: white;
    padding: 15px 40px;
    text-decoration-line: none;
    display: inline-block;
    font-size: 16px; }

.card--form-default {
  border-bottom: 1px solid #ccc; }
  .card--form-default .card--form-header {
    background: none;
    border: none; }
    .card--form-default .card--form-header .card--form-link {
      font-size: 1.2rem;
      font-weight: 400;
      text-decoration: none;
      border-bottom: 1px solid #0077C8;
      color: #0077C8; }
      .card--form-default .card--form-header .card--form-link i {
        position: absolute;
        top: 30px;
        font-size: 1.2rem;
        right: 20px; }
    .card--form-default .card--form-header .card--form-size {
      font-size: 0.9rem; }

.card--page-default {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 100%;
  width: 100%;
  min-height: 350px;
  overflow: hidden;
  /* default border bottom */ }
  .card--page-default .card-body {
    border-bottom: 5px solid rgba(0, 0, 0, 0.8); }
  .card--page-default[data-site="www"] .card-body {
    border-bottom: 5px solid #003DA5; }
  .card--page-default[data-site="explore"] .card-body {
    border-bottom: 5px solid #C8102E; }
  .card--page-default[data-site="living"] .card-body {
    border-bottom: 5px solid #333F48; }
  .card--page-default[data-site="invest"] .card-body {
    border-bottom: 5px solid #006341; }
  .card--page-default[data-site="visit"] .card-body {
    border-bottom: 5px solid #512D6D; }
  .card--page-default[data-site="helpdesk"] .card-body, .card--page-default[data-site="customer"] .card-body {
    border-bottom: 5px solid #0077C8; }
  .card--page-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9; }
  .card--page-default .card-body {
    background-color: #f9f9f9; }
    .card--page-default .card-body h4 {
      color: #171819;
      font-weight: 400;
      font-size: 1.3em; }

.row--page-results .card--page-default .card-body {
  border-bottom: 5px solid #333F48; }

.subscribe-card {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 32vh;
  width: 100%;
  min-height: 234px;
  overflow: hidden; }
  .subscribe-card .card-info-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: auto; }
  .subscribe-card .checkbox-wrapper {
    float: right;
    margin-top: 17px; }

.volunteer--list-item .volunteer--item-header {
  background: none; }
  .volunteer--list-item .volunteer--item-header::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #0077C8;
    position: absolute;
    top: 19px;
    left: 2px;
    border-radius: 50%; }
  .volunteer--list-item .volunteer--item-header .volunteer--item-title {
    font-size: 1rem;
    font-weight: 400; }
  .volunteer--list-item .volunteer--item-header .volunteer--item-description {
    font-size: 0.9rem;
    font-weight: 300; }
  @media (max-width: 575px) {
    .volunteer--list-item .volunteer--item-header {
      padding-right: 40px; } }

.masonry-card {
  border-bottom: 4px solid #0073C2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 100%;
  box-shadow: 0px 2px 10px -3px #aaa; }
  .masonry-card .blog-category {
    color: #FFF;
    position: absolute;
    right: 15px;
    top: 5%;
    padding: 8px 30px;
    background-color: #333F48; }
  .masonry-card .img-top {
    position: relative;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    min-height: 280px;
    max-height: 280px;
    background-color: #d9d9d9; }
    @media (max-width: 439px) {
      .masonry-card .img-top {
        min-height: 240px;
        max-height: 240px; } }
  .masonry-card .category-overlay {
    position: absolute;
    top: -23px;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0); }
    .masonry-card .category-overlay span {
      background-color: #FFF;
      text-transform: uppercase;
      border: none;
      border-radius: 0;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      padding: 5px 19px 2px;
      font-size: 0.7em;
      font-weight: 500; }
  .masonry-card a,
  .masonry-card a:hover,
  .masonry-card a:active {
    text-decoration: none;
    border: none; }
  .masonry-card .card-body {
    background-color: #fff;
    min-height: 170px; }
    .masonry-card .card-body .card-title {
      font-size: 1.4em;
      font-weight: 300;
      color: #002855; }
    .masonry-card .card-body .card-description {
      font-size: 0.85em; }
    .masonry-card .card-body .card-date {
      color: #002855;
      position: absolute;
      left: 15px;
      bottom: 10px;
      font-size: 0.85em; }
    .masonry-card .card-body .card-share {
      cursor: pointer;
      background: url("/common/base/img/share-arrow.svg") no-repeat;
      background-position: center;
      background-size: contain;
      width: 20px;
      height: 20px;
      z-index: 99;
      position: absolute;
      right: 15px;
      bottom: 10px;
      margin: 0; }
  .masonry-card .share-panel {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .masonry-card .share-panel .addthis_share_button {
      display: block;
      align-self: center;
      width: 100%;
      max-width: 350px;
      cursor: pointer; }
    .masonry-card .share-panel .addthis_share {
      width: 80%; }
    .masonry-card .share-panel .share-flip-close {
      width: 20px;
      height: 20px;
      position: absolute;
      top: 9px;
      right: 10px; }

.span-2 .img-top {
  min-height: 760px;
  max-height: 760px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .span-2 .img-top {
      min-height: 280px;
      max-height: 280px; } }
  @supports (-ms-ime-align: auto) {
    .span-2 .img-top {
      min-height: 280px;
      max-height: 280px; } }
  @media (max-width: 767px) {
    .span-2 .img-top {
      min-height: 280px;
      max-height: 280px; } }

.masonry-colour-blue {
  border-bottom: 4px solid #003DA5; }
  .masonry-colour-blue .category-overlay {
    color: #003DA5; }

.masonry-colour-teal {
  border-bottom: 4px solid #00A390; }
  .masonry-colour-teal .category-overlay {
    color: #00A390; }

.masonry-colour-charcoal {
  border-bottom: 4px solid #333F48; }
  .masonry-colour-charcoal .category-overlay {
    color: #333F48; }

.masonry-colour-red {
  border-bottom: 4px solid #C8102E; }
  .masonry-colour-red .category-overlay {
    color: #C8102E; }

.masonry-colour-green {
  border-bottom: 4px solid #72A300; }
  .masonry-colour-green .category-overlay {
    color: #5a8000; }

.masonry-colour-orange {
  border-bottom: 4px solid #DB7100; }
  .masonry-colour-orange .category-overlay {
    color: #ae5a00; }

.masonry-colour-dark-green {
  border-bottom: 4px solid #006341; }
  .masonry-colour-dark-green .category-overlay {
    color: #006341; }

.slick-slide .card-share {
  display: none; }

/* FLIP-LEFT
 * USED TO FLIP A CARD OVER FOR MORE INFORMATION
 * RECOMMENDED ANIMATION PROPERTY:
 * flip-left 1 ease-in forwards 0.2s;
 */
@keyframes flip-right {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(-1); } }
@-webkit-keyframes flip-right {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(-1); } }
/* FLIP-RIGHT
 * USED TO FLIP A CARD BACK TO SHOW MAIN IMAGE
 * RECOMMENDED ANIMATION PROPERTY:
 * flip-right 1 ease-in forwards 0.2s;
 */
@keyframes flip-left {
  0% {
    transform: scaleX(-1); }
  100% {
    transform: scaleX(1); } }
@-webkit-keyframes flip-left {
  0% {
    transform: scaleX(-1); }
  100% {
    transform: scaleX(1); } }
/* WILL FLIP
 * USED TO REVERSE THE EVENT DETAILS ON A CARD
 * SO WHEN IT IS FLIPPED WITH TRANSFORM X = -1
 * IT WILL BE CORRECTLY POSITIONED
 */
.will-flip .share-panel {
  transform: scaleX(-1);
  z-index: -1; }

/* FLIP-RIGHT
 * USED TO FLIP A CARD BACK TO SHOW MAIN IMAGE
 */
.fx-flip-right {
  animation: flip-right 1 ease-in forwards 0.2s;
  -webkit-animation: flip-right 1 ease-in forwards 0.2s;
  -moz-animation: flip-right 1 ease-in forwards 0.2s; }

/* FLIP-LEFT
 * USED TO FLIP A CARD OVER FOR MORE INFORMATION
 */
.fx-flip-left {
  animation: flip-left 1 ease-in forwards 0.2s;
  -webkit-animation: flip-left 1 ease-in forwards 0.2s;
  -moz-animation: flip-left 1 ease-in forwards 0.2s; }

/*
 * ADDS A FADE TO THE CARD CONTENT ON BACK FLIP
 */
.will-flip .share-panel {
  opacity: 0;
  transition: 0.2s; }

/*
 * ADDS A FADE TO THE CARD CONTENT ON FORWARD FLIP
 */
.fx-flip-right .share-panel {
  opacity: 1;
  transition: 0.3s; }

/*
 * SEPARATE TINT FOR THE FLIPPED CARD
 */
.will-flip::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
  transition: all .3s linear;
  z-index: 0;
  opacity: 0; }

.will-flip.fx-flip-right::before {
  opacity: 1;
  z-index: 1; }

.fx-flip-left .share-panel,
.fx-flip-right .share-panel {
  z-index: 1; }

.fx-flip-left .share-panel {
  z-index: -1; }

.fx-flip-right .share-panel {
  z-index: 3; }

.card--full-width-resource {
  border: none;
  box-shadow: 1px 1px 9px 4px #eee; }
  .card--full-width-resource .img-top {
    min-height: 260px; }
  .card--full-width-resource .resource-title {
    color: #0E2D4F;
    font-size: 18px;
    font-weight: 400; }
  .card--full-width-resource .resource-sub-text {
    font-size: 14px;
    margin-bottom: 8px; }
  .card--full-width-resource a {
    text-decoration: none;
    background-color: #72A300;
    text-transform: uppercase;
    color: #FFF;
    min-width: 95px; }
    .card--full-width-resource a:hover {
      color: #FFF;
      text-decoration: underline; }

.card--page-mobileList {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -moz-box-shadow: 0 2px 10px rgba(57, 63, 72, 0.1);
  -webkit-box-shadow: 0 2px 10px rgba(57, 63, 72, 0.1);
  box-shadow: 0 2px 10px rgba(57, 63, 72, 0.1); }
  .card--page-mobileList .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9; }
  .card--page-mobileList .mobile-list-card-icon {
    height: 82px;
    width: auto; }
    @media (max-width: 767px) {
      .card--page-mobileList .mobile-list-card-icon {
        height: 75px; } }
    @media (max-width: 575px) {
      .card--page-mobileList .mobile-list-card-icon {
        height: 65px; } }
  .card--page-mobileList .card-body {
    background-color: white; }
    .card--page-mobileList .card-body h4 {
      color: #171819;
      font-weight: 400;
      font-size: 1.3em; }
      @media (max-width: 767px) {
        .card--page-mobileList .card-body h4 {
          margin: 0; } }

body.car-parks[data-page-type="page"] {
  background-color: #EFEFEF; }
  body.car-parks[data-page-type="page"] .body--main .tmpl-layouts-page {
    margin-top: 12em; }

.card--carparks-default {
  position: relative;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  .card--carparks-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9;
    background-image: url(/common/base/img/img_placeholder_a.jpg);
    background-repeat: no-repeat;
    background-position: center; }
    .card--carparks-default .img-top .thumb-link {
      text-decoration: none;
      outline: 0; }
    @media (max-width: 575px) {
      .card--carparks-default .img-top {
        min-height: 180px; } }
  .card--carparks-default .card-body {
    /*min-height: 200px;*/
    position: relative;
    background-color: #FFF;
    color: #002855; }
    .card--carparks-default .card-body p {
      font-size: 0.9rem; }
    .card--carparks-default .card-body .carparks-title {
      color: #0079c4;
      font-weight: 600;
      font-size: 1.2em; }

body.destinations[data-page-type="page"] {
  background-color: #EFEFEF; }
  body.destinations[data-page-type="page"] .body--main .tmpl-layouts-page {
    margin-top: 12em; }

.card--destinations-default {
  position: relative;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  .card--destinations-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9;
    background-image: url(/common/base/img/img_placeholder_a.jpg);
    background-repeat: no-repeat;
    background-position: center; }
    .card--destinations-default .img-top .thumb-link {
      text-decoration: none;
      outline: 0; }
    @media (max-width: 575px) {
      .card--destinations-default .img-top {
        min-height: 180px; } }
  .card--destinations-default .card-body {
    /*min-height: 200px;*/
    position: relative;
    background-color: #FFF;
    color: #002855; }
    .card--destinations-default .card-body p {
      font-size: 0.9rem; }
    .card--destinations-default .card-body .destinations-title {
      color: #0079c4;
      font-weight: 600;
      font-size: 1.2em; }

body.parking-specials[data-page-type="page"] {
  background-color: #EFEFEF; }
  body.parking-specials[data-page-type="page"] .body--main .tmpl-layouts-page {
    margin-top: 12em; }

.card--carparks-default {
  position: relative;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  .card--carparks-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9;
    background-image: url(/common/base/img/img_placeholder_a.jpg);
    background-repeat: no-repeat;
    background-position: center; }
    .card--carparks-default .img-top .thumb-link {
      text-decoration: none;
      outline: 0; }
    @media (max-width: 575px) {
      .card--carparks-default .img-top {
        min-height: 180px; } }
  .card--carparks-default .card-body {
    /*min-height: 200px;*/
    position: relative;
    background-color: #FFF;
    color: #002855; }
    .card--carparks-default .card-body p {
      font-size: 0.9rem; }
    .card--carparks-default .card-body .carparks-title {
      color: #0079c4;
      font-weight: 600;
      font-size: 1.2em; }

body.event-parking[data-page-type="page"] {
  background-color: #EFEFEF; }
  body.event-parking[data-page-type="page"] .body--main .tmpl-layouts-page {
    margin-top: 12em; }

.card--eventparking-default {
  position: relative;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  .card--eventparking-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9;
    background-image: url(/common/base/img/img_placeholder_a.jpg);
    background-repeat: no-repeat;
    background-position: center; }
    .card--eventparking-default .img-top .thumb-link {
      text-decoration: none;
      outline: 0; }
    @media (max-width: 575px) {
      .card--eventparking-default .img-top {
        min-height: 180px; } }
  .card--eventparking-default .card-body {
    /*min-height: 200px;*/
    position: relative;
    background-color: #FFF;
    color: #002855; }
    .card--eventparking-default .card-body p {
      font-size: 0.9rem; }
    .card--eventparking-default .card-body .event-parking-title {
      color: #0079c4;
      font-weight: 600;
      font-size: 1.2em; }

body.rewards[data-page-type="page"] {
  background-color: #EFEFEF; }
  body.rewards[data-page-type="page"] .body--main .tmpl-layouts-page {
    margin-top: 12em; }

.card--rewards-default {
  position: relative;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  .card--rewards-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9;
    background-image: url(/common/base/img/img_placeholder_a.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: contain !important;
    -webkit-background-size: contain !important;
    background-size: contain !important; }
    .card--rewards-default .img-top .thumb-link {
      text-decoration: none;
      outline: 0; }
    @media (max-width: 575px) {
      .card--rewards-default .img-top {
        min-height: 180px; } }
  .card--rewards-default .card-body {
    /*min-height: 200px;*/
    position: relative;
    background-color: #FFF;
    color: #002855; }
    .card--rewards-default .card-body p {
      font-size: 0.9rem; }
    .card--rewards-default .card-body .rewards-title {
      color: #0079c4;
      font-weight: 600;
      font-size: 1.2em; }

body.win[data-page-type="page"] {
  background-color: #EFEFEF; }
  body.win[data-page-type="page"] .body--main .tmpl-layouts-page {
    margin-top: 12em; }

.card--win-default {
  position: relative;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px; }
  .card--win-default .img-top {
    min-height: 239px;
    position: relative;
    background-color: #d9d9d9;
    background-image: url(/common/base/img/img_placeholder_a.jpg);
    background-repeat: no-repeat;
    background-position: center; }
    .card--win-default .img-top .thumb-link {
      text-decoration: none;
      outline: 0; }
    @media (max-width: 575px) {
      .card--win-default .img-top {
        min-height: 180px; } }
  .card--win-default .card-body {
    /*min-height: 200px;*/
    position: relative;
    background-color: #FFF;
    color: #002855; }
    .card--win-default .card-body p {
      font-size: 0.9rem; }
    .card--win-default .card-body .win-title {
      color: #0079c4;
      font-weight: 600;
      font-size: 1.2em; }

.row--cta-tiles .card--cta-tiles {
  position: relative;
  background-color: #d4e5f4;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 18px;
  -moz-transition: 250ms all;
  -webkit-transition: 250ms all;
  transition: 250ms all; }
  .row--cta-tiles .card--cta-tiles .thumb-link {
    z-index: 3; }
  .row--cta-tiles .card--cta-tiles:hover {
    background-color: #b3cee7; }
    .row--cta-tiles .card--cta-tiles:hover .right-arrow {
      -moz-transition: all 200ms;
      -webkit-transition: all 200ms;
      transition: all 200ms;
      margin-left: 10px; }
  .row--cta-tiles .card--cta-tiles .right-arrow {
    content: "";
    width: 100%;
    height: 22px;
    display: inline-block;
    background-position: top right;
    background-repeat: no-repeat;
    -moz-background-size: 35px 22px;
    -webkit-background-size: 35px 22px;
    background-size: 35px 22px;
    margin-top: 0;
    margin-left: 0;
    background-image: url(../../base/img/arrow_right_navy.svg);
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms; }
  .row--cta-tiles .card--cta-tiles .card__icon {
    background-color: #051d43;
    display: flex;
    justify-content: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 36px;
    height: 36px;
    padding: 10px; }
    .row--cta-tiles .card--cta-tiles .card__icon i,
    .row--cta-tiles .card--cta-tiles .card__icon em {
      color: #FFF; }
  .row--cta-tiles .card--cta-tiles picture {
    display: block;
    height: 50px;
    width: 50px; }
    .row--cta-tiles .card--cta-tiles picture img {
      width: 100%;
      height: 100%; }
    @media (max-width: 767px) {
      .row--cta-tiles .card--cta-tiles picture {
        display: flex;
        height: 36px;
        width: 36px; } }
  @media (max-width: 767px) {
    .row--cta-tiles .card--cta-tiles .card-heading {
      display: flex;
      align-items: center;
      justify-content: start; } }
  .row--cta-tiles .card--cta-tiles .cta-title {
    font-size: 1.25rem;
    font-weight: 400;
    color: #051d43; }
    @media (max-width: 767px) {
      .row--cta-tiles .card--cta-tiles .cta-title {
        display: flex;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 10px;
        width: calc(100% - 60px);
        font-size: 1rem; } }
  .row--cta-tiles .card--cta-tiles .cta-description {
    border-top: 1px solid #051d43;
    margin-top: 100px;
    padding-top: 15px;
    padding-bottom: 5px; }
    @media (max-width: 767px) {
      .row--cta-tiles .card--cta-tiles .cta-description {
        margin-top: 0;
        border-top: none; } }
    .row--cta-tiles .card--cta-tiles .cta-description p {
      font-size: 0.9rem;
      color: #051d43; }

.card--newsroom-default,
.card.blog-card,
.card.card--listing-icon:not(.cat-card):not(.most-popular) {
  /*border: 1px solid transparent;*/
  -moz-box-shadow: 0 2px 10px rgba(57, 63, 72, 0.1);
  -webkit-box-shadow: 0 2px 10px rgba(57, 63, 72, 0.1);
  box-shadow: 0 2px 10px rgba(57, 63, 72, 0.1); }

.footer-container {
  background-color: #0E2D4F; }
  .footer-container i, .footer-container p {
    color: #fff; }
  .footer-container i {
    font-size: 1.3rem; }
  @media (max-width: 991px) {
    .footer-container .social-icons i {
      font-size: 1.5rem; } }
  @media (max-width: 767px) {
    .footer-container .social-icons i {
      font-size: 1.8rem; } }
  .footer-container .social-icons a:not(:last-child) {
    margin-right: 10px; }
    @media (max-width: 991px) {
      .footer-container .social-icons a:not(:last-child) {
        margin-right: 16px; } }
    @media (max-width: 767px) {
      .footer-container .social-icons a:not(:last-child) {
        margin-right: 20px; } }
    @media (max-width: 575px) {
      .footer-container .social-icons a:not(:last-child) {
        margin-right: 16px; } }
  .footer-container .footer-logo {
    width: 57%;
    height: auto;
    max-width: 170px; }
  .footer-container .footer-message-row {
    background-color: #133355; }
  .footer-container .contact-info {
    font-size: 1.2rem; }
  .footer-container .footer-copyright,
  .footer-container .footer-menu li a,
  .footer-container .footer-message-row p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem; }
  .footer-container .footer-menu li a:hover, .footer-container .footer-menu li a:focus {
    text-decoration: underline; }
  .footer-container .footer-menu.list-group .list-group-item {
    background-color: transparent;
    border: none;
    padding-left: 0;
    padding-bottom: 6px; }
    .footer-container .footer-menu.list-group .list-group-item a {
      font-size: 1.2rem; }
  .footer-container .footer-menu.list-group .list-group-item:not(:last-child) {
    border-bottom: 1px solid #0077C8; }

.footer-container.footer-variation-1 .social-icons i {
  font-size: 0.8rem;
  display: inline-block;
  min-width: 24px; }
.footer-container.footer-variation-1 .social-icons a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  border-bottom: none; }
  @media (max-width: 767px) {
    .footer-container.footer-variation-1 .social-icons a {
      font-size: 0.8em; } }
@media (max-width: 767px) {
  .footer-container.footer-variation-1 form .d-flex {
    display: block !important; } }
.footer-container.footer-variation-1 form input {
  width: auto;
  padding: 12px; }
  @media (max-width: 767px) {
    .footer-container.footer-variation-1 form input {
      margin: 0 auto 5px auto;
      border: 0;
      width: 70%;
      display: block; } }
  @media (max-width: 575px) {
    .footer-container.footer-variation-1 form input {
      width: 100%;
      display: block; } }
.footer-container.footer-variation-1 form .sign-up-btn {
  padding: 7px 11px; }

.language-select-wrap {
  display: block; }

/* MEDIA QUERIES */
@media (max-width: 1034px) {
  .footer-container .footer-message-row p {
    font-size: 0.81rem; } }
.relatedEntries--container.top-auto {
  margin-top: 1.5rem; }

.relatedEntries--container.bottom-auto {
  margin-bottom: 1.5rem; }
  .relatedEntries--container.bottom-auto:last-child {
    margin-bottom: 7rem; }

.relatedEntries--container p, .relatedEntries--container h5 {
  font-size: 1.1rem; }
.relatedEntries--container a p.full-width-sub-text:first-child {
  font-size: 0.9rem; }
.relatedEntries--container p.short-description {
  color: #0E2D4F;
  font-size: 1rem; }

/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

.listing-bg-none {
  background: none; }

.listing-bg-white {
  background-color: #fff; }

.listing-bg-lightGrey {
  background-color: #F9F9F9; }

.listing-bg-grey {
  background-color: #EFEFEF; }

.masonry-listings .grid-layout {
  padding: 0; }
  @supports (display: grid) {
    .masonry-listings .grid-layout {
      display: grid;
      grid-gap: 0;
      grid-auto-flow: dense;
      grid-auto-rows: minmax(480px, 380px);
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .masonry-listings .grid-layout {
      display: flex;
      flex-flow: row wrap;
      width: 100%; } }
.masonry-listings .grid-item {
  padding: 12px;
  background: none;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .masonry-listings .grid-item {
      padding: 12px 0; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .masonry-listings .grid-item {
      flex: auto;
      min-width: 33.3%; } }
@supports (display: grid) {
  .masonry-listings .span-1 {
    grid-row-end: span 1;
    grid-column-end: span 1; }
    @media (max-width: 767px) {
      .masonry-listings .span-1 {
        grid-row-end: span 1;
        grid-column-end: span 1; } } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .masonry-listings .span-1 {
    width: 33.3%;
    flex: auto; } }
@supports (display: grid) {
  .masonry-listings .span-2 {
    grid-row-end: span 2;
    grid-column-end: span 2; }
    @media (max-width: 767px) {
      .masonry-listings .span-2 {
        grid-row-end: span 1;
        grid-column-end: span 1; } } }
@supports (display: grid) {
  .masonry-listings .span-2x1 {
    grid-row-end: span 1;
    grid-column-end: span 2; }
    @media (max-width: 767px) {
      .masonry-listings .span-2x1 {
        grid-row-end: span 1;
        grid-column-end: span 1; } } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .masonry-listings .span-2x1 {
    width: 66.6%;
    flex: auto; } }

.map-component--container.contained[data-view="cards"] .map-component--listings {
  display: block; }
.map-component--container.contained[data-view="cards"] .map-component--map {
  display: none; }
.map-component--container.contained[data-view="map"] .map-component--listings {
  display: none; }
.map-component--container.contained[data-view="map"] .map-component--map {
  display: block; }
.map-component--container.contained .map-component--listings {
  display: none; }
.map-component--container.contained .map-component--map .map--wrap {
  height: calc(100vh - 130px); }
.map-component--container.stacklaMap .map-component--listings {
  width: 700px;
  height: calc(100vh - 130px);
  display: inline-block;
  overflow: scroll; }
  @media (max-width: 991px) {
    .map-component--container.stacklaMap .map-component--listings {
      display: none;
      width: 100%;
      max-height: 100%; } }
  @media (min-width: 992px) {
    .map-component--container.stacklaMap .map-component--listings {
      width: 543px;
      float: left; } }
  @media (min-width: 1200px) {
    .map-component--container.stacklaMap .map-component--listings {
      width: 700px; } }
  .map-component--container.stacklaMap .map-component--listings .container-fluid, .map-component--container.stacklaMap .map-component--listings .row {
    height: 100%; }
.map-component--container.stacklaMap .map-component--map {
  width: calc(100% - 709px);
  height: calc(100vh - 130px);
  position: relative;
  display: inline-block; }
  @media (max-width: 991px) {
    .map-component--container.stacklaMap .map-component--map {
      width: 100%; } }
  @media (min-width: 992px) {
    .map-component--container.stacklaMap .map-component--map {
      width: calc(100% - 548px); } }
  @media (min-width: 1200px) {
    .map-component--container.stacklaMap .map-component--map {
      width: calc(100% - 709px); } }
  .map-component--container.stacklaMap .map-component--map .map--wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
.map-component--container .buttons-row .btn--legend-trigger {
  position: absolute;
  right: 0;
  border: none;
  margin: 0;
  border-top-width: 0;
  font-size: 1.7rem;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 1px 10px; }
.map-component--container .map-legend {
  display: none;
  position: absolute;
  right: 65px;
  z-index: 9;
  padding: 7px 22px 7px 11px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background: white;
  box-shadow: 3px 2px 10px 3px rgba(0, 0, 0, 0.5); }
  @media (max-width: 767px) {
    .map-component--container .map-legend {
      right: 5px;
      top: 64px; } }
  .map-component--container .map-legend.active {
    display: block; }
  .map-component--container .map-legend .legend-header {
    font-weight: 500; }
  .map-component--container .map-legend li {
    font-size: 0.87rem; }
  .map-component--container .map-legend li:last-child {
    margin-bottom: 0; }
  .map-component--container .map-legend .legend-close-btn {
    position: absolute;
    right: 10px; }
  .map-component--container .map-legend .legend-icon {
    max-width: 20px; }
  .map-component--container .map-legend::after {
    border-top: 15px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    position: absolute;
    border-top: 15px solid #fff;
    left: 95%;
    bottom: 79%;
    height: 26px;
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); }
    @media (max-width: 767px) {
      .map-component--container .map-legend::after {
        left: 72%;
        bottom: 99%;
        height: 26px;
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg); } }

.map--filter-row {
  background-color: #F8F8F8; }
  @media (max-width: 991px) {
    .map--filter-row {
      display: none; } }
  .map--filter-row .container--searchbox .close {
    display: none;
    position: absolute;
    right: 63px;
    font-size: 1.2rem;
    z-index: 999999;
    top: 14px;
    user-select: none; }
  .map--filter-row .container--searchbox .search-query {
    max-height: 50px;
    padding: 8px 12px; }
  .map--filter-row .container--searchbox .search-btn {
    width: 50px; }
    .map--filter-row .container--searchbox .search-btn i {
      font-size: 1.5rem; }
  .map--filter-row .view-buttons {
    margin-left: 40px; }
  .map--filter-row .listing-search .address-candidates {
    background: #FEFEFE;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
    .map--filter-row .listing-search .address-candidates .list-group-item {
      background: #FEFEFE;
      border-bottom: 1px solid #E3E3E3; }
      .map--filter-row .listing-search .address-candidates .list-group-item a {
        color: #333F48; }
        .map--filter-row .listing-search .address-candidates .list-group-item a i {
          color: #333F48; }

.map--filter-section {
  display: none;
  border-top: 1px solid #E2E5E8;
  margin-top: 25px; }
  .map--filter-section.active {
    display: block; }
  @media (min-width: 992px) {
    .map--filter-section .map--filter-buttons .checkbox-wrapper {
      min-width: 310px; } }
  .map--filter-section .checkbox-wrapper img {
    width: 22px; }
  .map--filter-section .checkbox-wrapper .checkbox-text {
    padding-top: 4px;
    font-size: 1.1rem; }
  .map--filter-section .checkbox-wrapper .checkmark {
    border: 2px solid #002855 !important; }
  .map--filter-section .checkbox-wrapper input:checked ~ .checkmark {
    background-color: #002855 !important; }

.map--bordered-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 0;
  border: 2px solid #333F48;
  color: #333F48;
  background-color: #fff;
  user-select: none;
  min-height: 50px;
  min-width: 60px;
  transition: 0.15s all; }
  @media (max-width: 767px) {
    .map--bordered-btn {
      min-height: 44px;
      min-width: 46px; } }
  .map--bordered-btn:first-of-type {
    margin-right: -6px; }
  .map--bordered-btn.icon-button {
    transition: 0.15s all;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left 8px center; }
    .map--bordered-btn.icon-button.active {
      transition: 0.15s all; }
    .map--bordered-btn.icon-button[name='marker-filter-button'] {
      background-image: url("/common/base/img/filters-icon.png"); }
      .map--bordered-btn.icon-button[name='marker-filter-button'].active {
        background-image: url("/common/base/img/filter-icon-white.svg"); }
    .map--bordered-btn.icon-button[name='map-view-button'] {
      background-image: url("/common/base/img/map-icon-dark.svg"); }
      .map--bordered-btn.icon-button[name='map-view-button'].active {
        background-image: url("/common/base/img/map-icon-white.svg"); }
    .map--bordered-btn.icon-button[name='card-view-button'] {
      background-image: url("/common/base/img/grid-icon-dark.svg"); }
      .map--bordered-btn.icon-button[name='card-view-button'].active {
        background-image: url("/common/base/img/grid-icon-white.svg"); }
  .map--bordered-btn:active, .map--bordered-btn.active {
    background-color: #333F48;
    color: #fff; }
  .map--bordered-btn:focus {
    outline: 1px !important; }
  .map--bordered-btn.rounded-dark-grey {
    border: 2px solid #333F48;
    color: #333F48;
    text-align: center;
    width: 50%; }
    .map--bordered-btn.rounded-dark-grey:active, .map--bordered-btn.rounded-dark-grey.active {
      background-color: #333F48;
      color: #fff; }

.map-component--container.active #map--mobile-controls {
  display: block !important; }
  @media (min-width: 992px) {
    .map-component--container.active #map--mobile-controls {
      display: none !important; } }

#map--mobile-controls {
  display: none !important;
  z-index: 998;
  background-color: #FFFFFF;
  bottom: 0px;
  left: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
  #map--mobile-controls .filter-separator {
    border-top: 1px solid #E2E5E8; }
    @media (max-width: 575px) {
      #map--mobile-controls .filter-separator {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem; } }
  #map--mobile-controls .view-buttons .icon-button {
    width: 50%; }

.rounded-buttons .map--bordered-btn:first-of-type {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }
.rounded-buttons .map--bordered-btn:last-of-type {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.gm-style-iw-d {
  overflow: hidden !important;
  max-width: 100% !important;
  max-height: none !important; }

.gm-style-iw.gm-style-iw-c {
  padding: 0 !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important; }
  .gm-style-iw.gm-style-iw-c .map-window-wrap {
    width: 260px;
    max-width: 100%;
    height: 100%;
    padding: 0; }
    .gm-style-iw.gm-style-iw-c .map-window-wrap[onclick] {
      cursor: pointer; }
    .gm-style-iw.gm-style-iw-c .map-window-wrap .map-window-text-wrap {
      padding: 7px 10px 1px; }
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-image {
      height: 200px;
      width: 100%; }
      @supports (-moz-appearance: none) {
        .gm-style-iw.gm-style-iw-c .map-window-wrap .window-image {
          height: 189px; } }
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-topLine,
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-title,
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-address,
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-tagline {
      width: 100%;
      color: #333;
      font-family: "ingra", sans-serif;
      padding: 2px 8px; }
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-topLine {
      font-weight: 400;
      color: #C8102E;
      font-size: 0.8rem;
      margin-bottom: 0; }
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-title {
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 2px;
      font-size: 1rem; }
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-address {
      font-size: 0.85rem; }
      .gm-style-iw.gm-style-iw-c .map-window-wrap .window-address i {
        color: #C8102E; }
      .gm-style-iw.gm-style-iw-c .map-window-wrap .window-address img {
        max-width: 12px; }
      .gm-style-iw.gm-style-iw-c .map-window-wrap .window-address.blue i {
        color: #002855; }
    .gm-style-iw.gm-style-iw-c .map-window-wrap .window-tagline {
      margin: 0;
      font-size: 0.89rem; }
  .gm-style-iw.gm-style-iw-c button {
    display: none !important; }

#anchorMenu {
  list-style: none;
  position: fixed; }
  #anchorMenu .anchor_item {
    width: 100%;
    padding: 8px 15px; }

.landing-hero-container .container--searchbox,
.container--milestone10g .container--searchbox,
body[data-page-type="listing"] .container--searchbox {
  margin-bottom: 0; }

body[data-page-type="landing"][data-site-handle="www"].__home__ .dark-box,
body[data-page-type="landing"][data-site-handle="explore"].__home__ .dark-box {
  background-color: rgba(0, 0, 0, 0.5);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  @media (max-width: 767px) {
    body[data-page-type="landing"][data-site-handle="www"].__home__ .dark-box .searchbox-text,
    body[data-page-type="landing"][data-site-handle="explore"].__home__ .dark-box .searchbox-text {
      font-size: 0.8rem; } }
body[data-page-type="landing"][data-site-handle="www"].__home__ .container--searchbox .search-query,
body[data-page-type="landing"][data-site-handle="explore"].__home__ .container--searchbox .search-query {
  box-shadow: none; }

body[data-page-type="listing"] .filter-container {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0; }

.repository-content-container .container--searchbox {
  margin-bottom: 1rem; }

.lightbox-search-heading {
  padding: 0 15px; }

.container--searchbox,
.container--bin-checker {
  /*padding: 0;*/
  margin-bottom: 5rem;
  /* 6.25rem */
  z-index: 3; }
  .container--searchbox ul.light-search-popular a,
  .container--bin-checker ul.light-search-popular a {
    text-decoration: none;
    border-bottom: 1px solid #002855;
    color: #002855; }
  .container--searchbox .search-btn,
  .container--bin-checker .search-btn {
    font-size: 2.1rem; }
    .container--searchbox .search-btn i,
    .container--bin-checker .search-btn i {
      font-size: 2.1rem;
      transition: 0.5s; }
    .container--searchbox .search-btn:hover i,
    .container--bin-checker .search-btn:hover i {
      transform: scale(1.2);
      transition: 0.5s; }
  .container--searchbox.living .search-query,
  .container--bin-checker.living .search-query {
    border: 2px solid #333F48; }
  .container--searchbox.living .search-btn,
  .container--bin-checker.living .search-btn {
    border: 2px solid #333F48;
    background: #333F48; }
  .container--searchbox .search-query::placeholder,
  .container--bin-checker .search-query::placeholder {
    opacity: 0.5; }
  .container--searchbox .search-query,
  .container--bin-checker .search-query {
    width: 100%;
    height: 80px;
    padding: 0;
    padding-left: 20px;
    padding-top: 3px;
    margin-bottom: 0;
    color: #000;
    box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.2);
    font-size: 1.1em; }
    @media (max-width: 575px) {
      .container--searchbox .search-query,
      .container--bin-checker .search-query {
        padding-left: 8px;
        height: 65px; }
        .container--searchbox .search-query::-webkit-input-placeholder,
        .container--bin-checker .search-query::-webkit-input-placeholder {
          font-size: 0.95rem; }
        .container--searchbox .search-query::-moz-placeholder,
        .container--bin-checker .search-query::-moz-placeholder {
          font-size: 0.95rem; }
        .container--searchbox .search-query:-ms-input-placeholder,
        .container--bin-checker .search-query:-ms-input-placeholder {
          font-size: 0.95rem; }
        .container--searchbox .search-query::placeholder,
        .container--bin-checker .search-query::placeholder {
          font-size: 0.95rem; } }
  .container--searchbox .search-btn,
  .container--bin-checker .search-btn {
    height: 100%;
    width: 84px;
    position: absolute;
    right: 0;
    color: #fff;
    z-index: 10; }
    .container--searchbox .search-btn:hover,
    .container--bin-checker .search-btn:hover {
      color: #fff; }
    @media (max-width: 575px) {
      .container--searchbox .search-btn,
      .container--bin-checker .search-btn {
        width: 68px; } }

.container--bin-checker {
  margin-bottom: 0 !important; }

@media (max-width: 439px) {
  .library-filter-wrap {
    display: flex;
    flex-direction: column; } }

.bg-search-grey,
[bg-search="grey"] {
  background-color: gainsboro;
  display: flex; }

.bg-search-lightGrey,
[bg-search="lightGrey"] {
  background-color: #f0f0f0;
  display: flex; }

.bg-search-white,
[bg-search="white"] {
  background-color: white;
  display: flex; }

.bg-search-black,
[bg-search="black"] {
  background-color: black;
  display: flex; }
  .bg-search-black *,
  [bg-search="black"] * {
    color: #fff; }

.live-search-results .suggestions {
  padding-inline-start: 0; }
  .live-search-results .suggestions .suggestions__item {
    border-bottom: 1px solid #ededed;
    margin: 0;
    padding-bottom: 1rem;
    padding-left: 1.3rem;
    padding-top: 1rem;
    list-style: none;
    transition: background-color 0.4s ease; }
    .live-search-results .suggestions .suggestions__item a {
      color: #0073C2; }
    .live-search-results .suggestions .suggestions__item:hover {
      transition: background-color 0.4s ease;
      background-color: #f2f2f2; }

.lightbox-search-heading {
  color: #002855; }

.light-search-popular-heading {
  color: #002855;
  font-weight: 500; }

.light-search-popular a {
  text-decoration: underline; }

.fancybox-button.fancybox-close-small {
  display: none; }

/* LIGHTBOXES FANCYBOX */
.lightbox-header {
  display: none;
  margin-top: -95px;
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
  height: 95px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }
  .lightbox-header .nav-logo {
    width: 160px; }

.lightbox-close-btn {
  cursor: pointer;
  display: inline; }

img.lightbox-close-btn {
  height: 20px;
  width: auto;
  margin-top: -6px; }

.fancybox-inner .fancybox-stage {
  background-color: #000; }

.fancybox-content {
  width: 100%;
  height: 100%;
  /* minus height of .lightbox-header */
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  background-color: #efefef; }
  @media (max-width: 575px) {
    .fancybox-content {
      padding: 5%; } }

.fancybox-can-swipe .fancybox-content {
  cursor: default; }

.fancybox-slide--html {
  padding: 0;
  padding-top: 95px;
  /* minus height of .lightbox-header */ }

#webcam-container .webcam-inner {
  background-color: #141414;
  max-width: 100%;
  margin: 0 auto; }

.webcam--container .icon-block {
  font-weight: 600; }
.webcam--container .active .webcam-holder {
  border: 3px solid #002855; }
.webcam--container .webcam-holder {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .webcam--container .webcam-holder[data-camera="townHallSouth"] {
    background-image: url("https://dmzweb.cityofadelaide.com.au/webcam/images/bellnth.jpg?0.09746007086743158"); }
  .webcam--container .webcam-holder[data-camera="townHallNorth"] {
    background-image: url("https://dmzweb.cityofadelaide.com.au/webcam/images/bellnth.jpg?0.09746007086743158"); }
  .webcam--container .webcam-holder[data-camera="rundleLantern"] {
    background-image: url("https://dmzweb.cityofadelaide.com.au/webcam/images/RLantern.jpg?0.2589852143871465"); }
  .webcam--container .webcam-holder[data-camera="rundleStreetProjector"] {
    background-image: url("https://dmzweb.cityofadelaide.com.au/webcam/images/RundleArt.jpg?0.7888219853141611"); }
  .webcam--container .webcam-holder .webcam-title, .webcam--container .webcam-holder p {
    z-index: 1; }
  .webcam--container .webcam-holder .webcam-title {
    font-weight: 400; }
  .webcam--container .webcam-holder p {
    margin-bottom: 0; }
.webcam--container.small .webcam-holder {
  padding: 10px;
  min-height: 180px; }

.container--video-single .video-text {
  background-color: #E5E9EE; }
  .container--video-single .video-text h3, .container--video-single .video-text h5 {
    font-weight: 400; }
@media (max-width: 767px) {
  .container--video-single .video-holder {
    background-color: #141414;
    /* aspect ratio fix */
    height: 0;
    overflow: hidden;
    padding-bottom: 55.25%; } }
.container--video-single .video-holder figure {
  background-color: #141414;
  max-width: 100%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .container--video-single .video-holder figure {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; } }
  .container--video-single .video-holder figure iframe {
    max-width: 100%;
    height: 360px; }
    @media (max-width: 767px) {
      .container--video-single .video-holder figure iframe {
        height: 100%;
        width: 100%; } }

.container--video-related {
  /* zh-4227 */ }
  .container--video-related figure iframe {
    max-width: 100%;
    max-height: 250px; }
  .container--video-related .video-title {
    background-color: #edf2fb; }
    .container--video-related .video-title h5 {
      font-weight: 400; }
  .container--video-related .slick-next {
    right: -0.5rem; }
  .container--video-related .slick-prev {
    left: -1.1rem; }
  @media (max-width: 767px) {
    .container--video-related .videos--slick {
      overflow-x: hidden; }
    .container--video-related .slick-next {
      right: 1rem; }
    .container--video-related .slick-prev {
      left: 0.5rem; } }

.slick-prev::before, .slick-next::before {
  color: #002855;
  font-size: 30px; }

.event-description-text figure iframe[src*="vimeo"] {
  aspect-ratio: 16 / 9;
  width: 100%; }

.most-popular-container {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0; }
  .most-popular-container .popular-title {
    color: #082a4d;
    font-weight: 400; }
  .most-popular-container .most-popular {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .most-popular-container .most-popular h5 {
      font-weight: 400; }
      @media (max-width: 1199px) {
        .most-popular-container .most-popular h5 {
          font-size: 1rem; } }
  @media (max-width: 767px) {
    .most-popular-container {
      background: white; }
      .most-popular-container .popular-title {
        border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
      .most-popular-container .most-popular {
        border-bottom: 1px solid rgba(0, 0, 0, 0.125); } }

/**
  * @desc Only required on mobile
  *       Will reduce the width of the cards
  *       in order to accommodate a scrollbar element
  *
*/
@media (min-width: 768px) {
  .alpha-scrollbar {
    display: none; } }
@media (max-width: 767px) {
  .fit-scrollbar {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s; }

  .tmpl-layouts-listing.fit-scrollbar .card--listing-icon,
  .tmpl-layouts-listing.fit-scrollbar .most-popular-container {
    max-width: 85vw;
    margin-left: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s; }

  .alpha-scrollbar {
    display: flex;
    z-index: 9;
    width: 30px;
    text-align: center;
    top: 70px;
    right: -30px;
    bottom: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s; }
    .alpha-scrollbar p, .alpha-scrollbar a {
      color: white;
      display: block;
      font-size: 0.8rem;
      line-height: 24px; }

  .alpha-scrollbar.visible {
    right: 0px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s; } }
.auto-carousel--container .container.top-auto {
  padding-top: 2rem; }

.auto-carousel--container .container.bottom-auto {
  padding-bottom: 2rem; }

.auto-carousel--container {
  display: flex; }

.auto-carousel {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: none;
  height: 32vh;
  width: 100%;
  min-height: 234px;
  overflow: hidden; }
  .auto-carousel .card-image-main {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .auto-carousel .card-image-backfill {
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  @media (max-width: 767px) {
    .auto-carousel {
      min-height: 234px;
      height: 0; } }
  .auto-carousel .card-data-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: auto; }
    .auto-carousel .card-data-wrap .title-wrap .title {
      font-weight: 400; }
    .auto-carousel .card-data-wrap .subtext-wrap .subtext {
      font-size: 0.8em;
      font-weight: 400;
      text-transform: uppercase; }
  .auto-carousel .line {
    width: 0%;
    height: 5px;
    background-color: #fff;
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 9;
    opacity: 0.3; }

.pdf-slider[data-pdfImage-size="small"] .pdf-carousel-image-wrap {
  min-height: 133px; }
.pdf-slider[data-pdfImage-size="small"] .pdf-name {
  font-size: 17px; }
.pdf-slider[data-pdfImage-size="smallest"] .pdf-carousel-image-wrap {
  min-height: 75px; }
.pdf-slider[data-pdfImage-size="smallest"] .pdf-name {
  font-size: 15px; }
.pdf-slider .pdf-carousel-image-wrap {
  min-height: 233px;
  position: relative;
  overflow: hidden; }
  .pdf-slider .pdf-carousel-image-wrap .thumbnail-override {
    position: absolute;
    height: 100%;
    max-width: none;
    left: 50%;
    transform: translateX(-50%); }
.pdf-slider .pdf-name {
  color: #002855; }

/* ICON SLIDER CARDS */
.container--graphic-image {
  width: 130px;
  height: auto; }

.graphic-image {
  height: auto;
  width: 100%; }

.slider-carousel-container img {
  width: auto;
  max-width: 100%; }
.slider-carousel-container .btn-fullscreen {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
.slider-carousel-container .slick-current.slick-active .btn-fullscreen {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
@media (max-width: 439px) {
  .slider-carousel-container .slick-dots {
    bottom: -46px; } }

.content-carousel-image {
  height: 100%;
  width: 100%; }
  .content-carousel-image img:not(.shrinkToFit), .content-carousel-image .auto-crop-image {
    height: 100%; }

@media (max-height: 768px) {
  .slider-content-carousel {
    max-width: 750px;
    margin: 0 auto; } }

.slider-content-carousel.graphic img {
  max-height: 60vh; }
.slider-content-carousel.graphic .slick-slide div:first-child:not(.content-carousel-heading):not(.content-carousel-image) {
  height: 100%; }

.slider-content-carousel.grid .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center; }

.image-caption-replacement {
  width: 82%; }
  @media (max-width: 575px) {
    .image-caption-replacement {
      width: 100%; } }

.content-slider-lightbox img {
  max-height: 73vh;
  width: auto;
  max-width: 100%; }

.bg-carousel-grey,
[bg-carousel="grey"] {
  background-color: gainsboro; }

.bg-carousel-lightGrey,
[bg-carousel="lightGrey"] {
  background-color: #f0f0f0; }

.bg-carousel-white,
[bg-carousel="white"] {
  background-color: white; }

.bg-carousel-black,
[bg-carousel="black"] {
  background-color: black; }
  .bg-carousel-black *,
  [bg-carousel="black"] * {
    color: #fff; }

/* ICON SLIDER CARDS */
.card--icon-image-container {
  width: 100px;
  height: auto; }

.card--icon-img {
  height: auto;
  width: 100%; }

.card--icon-text {
  color: #002855;
  font-weight: 400;
  line-height: 1.2rem;
  font-family: "ingra", sans-serif; }

/* ICON MOBILE SLIDER CARDS */
.icon-mobile-slider .card--icon-img {
  height: auto;
  width: 21%;
  display: inline-block; }
.icon-mobile-slider .card--icon-text {
  display: inline-block;
  max-width: 77%; }
.icon-mobile-slider .list-group-flush .list-group-item,
.icon-mobile-slider .list-group-flush .list-group-item:first-child,
.icon-mobile-slider .list-group-flush:first-child .list-group-item,
.icon-mobile-slider .list-group-flush:first-child .list-group-item:first-child {
  margin-top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
body[data-site-handle="explore"][data-page-type="event"],
body[data-site-handle="explore"][data-page-type="eventsCurated"] {
  background-color: #FFF;
  color: #002855; }
  body[data-site-handle="explore"][data-page-type="event"] .body--main .tmpl-layouts-page,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .body--main .tmpl-layouts-page {
    margin-top: 8em;
    /* 9em with image hero */ }
  body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .btn,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .btn {
    text-transform: none; }
  body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .event-datetime,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .event-datetime {
    font-size: 0.9rem; }
  body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .fa,
  body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .far,
  body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .fas,
  body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .fab,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .fa,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .far,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .fas,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .fab {
    color: #C8102E;
    width: 24px;
    text-align: center; }
  body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion h5,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion h5 {
    font-weight: 400; }
  body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .card,
  body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .card {
    background-color: #f9f9f9; }
    body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .card .event-social-icons,
    body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .card .event-social-icons {
      font-size: 1.5rem; }
    body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .card .card-header,
    body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .card .card-header {
      padding: .75rem;
      background-color: #f9f9f9; }
      body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .card .card-header[aria-expanded="true"] .accordion-title .fa-chevron-down,
      body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .card .card-header[aria-expanded="true"] .accordion-title .fa-chevron-down {
        transform: rotate(180deg); }
    body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .card .card-body,
    body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .card .card-body {
      padding: 0.5rem  0.75rem; }
      body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .card .card-body p,
      body[data-site-handle="explore"][data-page-type="event"] .event-detail-accordion .card .card-body h4,
      body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .card .card-body p,
      body[data-site-handle="explore"][data-page-type="eventsCurated"] .event-detail-accordion .card .card-body h4 {
        margin-top: 0; }

.popout-jumpTo-menu {
  position: fixed;
  top: 30%;
  right: -350px;
  width: 350px;
  min-height: 100px;
  z-index: 9;
  background-color: #fff;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  box-shadow: 0px 0px 0px 0px #bbb;
  -moz-box-shadow: 0px 0px 0px 0px #bbb;
  -webkit-box-shadow: 0px 0px 0px 0px #bbb;
  user-select: none !important; }
  .popout-jumpTo-menu li, .popout-jumpTo-menu a {
    user-select: none; }
  @media (max-width: 767px) {
    .popout-jumpTo-menu {
      transition: all 0.0s;
      -moz-transition: all 0.0s;
      -webkit-transition: all 0.0s;
      position: absolute;
      right: 95px;
      top: 0;
      min-height: 100px;
      z-index: 9;
      background-color: #fff;
      width: 0; } }
  .popout-jumpTo-menu .anchor-name {
    width: 100%;
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block; }
  .popout-jumpTo-menu a.link--external:after {
    content: "\f35d";
    cursor: pointer;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
    color: #0077C8; }
  .popout-jumpTo-menu a.link--internal:after {
    content: "\f054";
    cursor: pointer;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    float: right;
    color: #0077C8; }
  .popout-jumpTo-menu h4.popout-heading {
    color: #0077C8;
    font-weight: 400;
    margin-top: 15px; }
  .popout-jumpTo-menu .popout-handle {
    display: block;
    height: 100px;
    width: 60px;
    position: absolute;
    background: #fff url(/common/base/img/chevron-left-dark.svg) no-repeat;
    background-position: top 35px  left 10px;
    /* center */
    background-size: 14px;
    margin-left: -60px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border-top-left-radius: 12px;
    -moz-border-bottom-left-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -moz-border-top-left-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    box-shadow: -1px 1px 18px -2px #bbb;
    -moz-box-shadow: -1px 1px 18px -2px #bbb;
    -webkit-box-shadow: -1px 1px 18px -2px #bbb; }
    .popout-jumpTo-menu .popout-handle p {
      /*display: none;*/ }
      @media (min-width: 768px) {
        .popout-jumpTo-menu .popout-handle p {
          transform-origin: 0 0;
          /* Rotate from top left corner (not default) */
          transform: rotate(90deg);
          color: #0077C8;
          position: absolute;
          width: 60px;
          left: 50px;
          top: 20px;
          font-size: 0.8rem;
          font-weight: 600; } }
    @media (max-width: 767px) {
      .popout-jumpTo-menu .popout-handle {
        background: transparent url(/common/base/img/chevron-down-white.svg) no-repeat;
        background-position: top 10px right 6px;
        background-size: 15px;
        width: 72px;
        height: 32px;
        padding-top: 6px;
        margin-left: -40px;
        transition: all 0.0s;
        -moz-transition: all 0.0s;
        -webkit-transition: all 0.0s;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none; }
        .popout-jumpTo-menu .popout-handle p {
          display: block;
          color: #fff;
          font-size: 0.9rem; } }
  .popout-jumpTo-menu .popout-content {
    margin: 15px 0;
    padding-left: 20px; }
    .popout-jumpTo-menu .popout-content p,
    .popout-jumpTo-menu .popout-content h6 {
      padding-right: 20px;
      font-weight: 400; }
      @media (max-width: 767px) {
        .popout-jumpTo-menu .popout-content p,
        .popout-jumpTo-menu .popout-content h6 {
          padding-right: 0; } }
      .popout-jumpTo-menu .popout-content p a,
      .popout-jumpTo-menu .popout-content h6 a {
        color: #002855; }
        .popout-jumpTo-menu .popout-content p a.jumpToItem,
        .popout-jumpTo-menu .popout-content h6 a.jumpToItem {
          padding-left: 20px;
          display: inline-block;
          width: 95%; }
    @media (max-width: 767px) {
      .popout-jumpTo-menu .popout-content {
        display: none; } }
  .popout-jumpTo-menu .jumpToItem.active {
    font-weight: 400; }
  .popout-jumpTo-menu .jumpToItem::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    left: 14px;
    position: absolute;
    margin-top: 7px;
    border: 1px solid #0077C8;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
  .popout-jumpTo-menu .jumpToItem.active::before {
    background-color: #0077C8; }

.popout-open {
  right: 0px;
  background-color: #FFF;
  box-shadow: 0px 0px 16px -1px #bbb;
  -moz-box-shadow: 0px 0px 16px -1px #bbb;
  -webkit-box-shadow: 0px 0px 16px -1px #bbb; }
  @media (max-width: 767px) {
    .popout-open {
      background-color: transparent;
      width: 72px;
      min-height: 32px;
      right: 63px;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none; } }
  .popout-open .popout-handle {
    transition: all 0.0s;
    -moz-transition: all 0.0s;
    -webkit-transition: all 0.0s;
    -moz-box-shadow: -6px 2px 12px -2px #bbb;
    -webkit-box-shadow: -6px 2px 12px -2px #bbb;
    box-shadow: -6px 2px 12px -2px #bbb;
    background: #FFF url(/common/base/img/chevron-right-dark.svg) no-repeat;
    background-position: center;
    background-size: 16px; }
    .popout-open .popout-handle p {
      display: none; }
    @media (max-width: 767px) {
      .popout-open .popout-handle {
        position: absolute;
        right: 0px;
        padding-top: 1px;
        background: #FFF url(/common/base/img/chevron-down-dark.svg) no-repeat;
        background-position: center right 6px;
        background-size: 15px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none; }
        .popout-open .popout-handle p {
          display: block;
          font-weight: 400;
          margin: 0 10px 0 0;
          color: #0077C8; } }
  @media (max-width: 767px) {
    .popout-open .popout-content {
      background-color: #fff;
      display: block;
      width: 320px;
      padding: 11px;
      position: absolute;
      right: -63px;
      top: 17px;
      /* 32px */
      -moz-box-shadow: 0 2px 3px rgba(57, 63, 72, 0.3);
      -webkit-box-shadow: 0 2px 3px rgba(57, 63, 72, 0.3);
      box-shadow: 0 2px 3px rgba(57, 63, 72, 0.23); } }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
body[data-site-handle="explore"][data-page-type="businessListings"],
body[data-page-type="coWorking"],
body[data-page-type="webcams"],
body[data-page-type="publicArt"] {
  background-color: #FFF;
  color: #002855; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .body--main .tmpl-layouts-businessListing,
  body[data-page-type="coWorking"] .body--main .tmpl-layouts-businessListing,
  body[data-page-type="webcams"] .body--main .tmpl-layouts-businessListing,
  body[data-page-type="publicArt"] .body--main .tmpl-layouts-businessListing {
    margin-top: 11em;
    /*5.5em*/ }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .deal-content,
  body[data-page-type="coWorking"] .business-content-container .deal-content,
  body[data-page-type="webcams"] .business-content-container .deal-content,
  body[data-page-type="publicArt"] .business-content-container .deal-content {
    max-width: 85%;
    width: 100%; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .deal-tag,
  body[data-page-type="coWorking"] .business-content-container .deal-tag,
  body[data-page-type="webcams"] .business-content-container .deal-tag,
  body[data-page-type="publicArt"] .business-content-container .deal-tag {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8rem;
    padding: 5px 12px;
    color: #002855;
    border: 3px solid #002855; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .atdw-deal,
  body[data-page-type="coWorking"] .business-content-container .atdw-deal,
  body[data-page-type="webcams"] .business-content-container .atdw-deal,
  body[data-page-type="publicArt"] .business-content-container .atdw-deal {
    background-color: #f4f6f9; }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .atdw-deal .deal,
    body[data-page-type="coWorking"] .business-content-container .atdw-deal .deal,
    body[data-page-type="webcams"] .business-content-container .atdw-deal .deal,
    body[data-page-type="publicArt"] .business-content-container .atdw-deal .deal {
      border-bottom: 1px solid #f5c6cb;
      margin-bottom: 20px; }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .atdw-deal .deal:last-child,
    body[data-page-type="coWorking"] .business-content-container .atdw-deal .deal:last-child,
    body[data-page-type="webcams"] .business-content-container .atdw-deal .deal:last-child,
    body[data-page-type="publicArt"] .business-content-container .atdw-deal .deal:last-child {
      border-bottom: 0;
      margin-bottom: 0; }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .atdw-deal a:not(.btn),
    body[data-page-type="coWorking"] .business-content-container .atdw-deal a:not(.btn),
    body[data-page-type="webcams"] .business-content-container .atdw-deal a:not(.btn),
    body[data-page-type="publicArt"] .business-content-container .atdw-deal a:not(.btn) {
      text-decoration: none;
      border-bottom: 1px solid #003DA5;
      color: #003DA5; }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .atdw-deal h3,
    body[data-page-type="coWorking"] .business-content-container .atdw-deal h3,
    body[data-page-type="webcams"] .business-content-container .atdw-deal h3,
    body[data-page-type="publicArt"] .business-content-container .atdw-deal h3 {
      max-width: 94%;
      color: #333;
      font-size: 1.6rem;
      font-weight: 500; }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .atdw-deal p,
    body[data-page-type="coWorking"] .business-content-container .atdw-deal p,
    body[data-page-type="webcams"] .business-content-container .atdw-deal p,
    body[data-page-type="publicArt"] .business-content-container .atdw-deal p {
      font-weight: 300;
      font-size: 0.9rem; }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-content-container .atdw-deal h5,
    body[data-page-type="coWorking"] .business-content-container .atdw-deal h5,
    body[data-page-type="webcams"] .business-content-container .atdw-deal h5,
    body[data-page-type="publicArt"] .business-content-container .atdw-deal h5 {
      color: #002855;
      font-weight: 500; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .btn,
  body[data-page-type="coWorking"] .business-detail-accordion .btn,
  body[data-page-type="webcams"] .business-detail-accordion .btn,
  body[data-page-type="publicArt"] .business-detail-accordion .btn {
    text-transform: none; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .side-text,
  body[data-page-type="coWorking"] .business-detail-accordion .side-text,
  body[data-page-type="webcams"] .business-detail-accordion .side-text,
  body[data-page-type="publicArt"] .business-detail-accordion .side-text {
    max-width: 83%;
    width: 500px; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .fa,
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .far,
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .fas,
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .fab,
  body[data-page-type="coWorking"] .business-detail-accordion .fa,
  body[data-page-type="coWorking"] .business-detail-accordion .far,
  body[data-page-type="coWorking"] .business-detail-accordion .fas,
  body[data-page-type="coWorking"] .business-detail-accordion .fab,
  body[data-page-type="webcams"] .business-detail-accordion .fa,
  body[data-page-type="webcams"] .business-detail-accordion .far,
  body[data-page-type="webcams"] .business-detail-accordion .fas,
  body[data-page-type="webcams"] .business-detail-accordion .fab,
  body[data-page-type="publicArt"] .business-detail-accordion .fa,
  body[data-page-type="publicArt"] .business-detail-accordion .far,
  body[data-page-type="publicArt"] .business-detail-accordion .fas,
  body[data-page-type="publicArt"] .business-detail-accordion .fab {
    color: #002855;
    width: 24px;
    text-align: center; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion h5,
  body[data-page-type="coWorking"] .business-detail-accordion h5,
  body[data-page-type="webcams"] .business-detail-accordion h5,
  body[data-page-type="publicArt"] .business-detail-accordion h5 {
    font-weight: 400;
    color: #002855; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .card,
  body[data-page-type="coWorking"] .business-detail-accordion .card,
  body[data-page-type="webcams"] .business-detail-accordion .card,
  body[data-page-type="publicArt"] .business-detail-accordion .card {
    background-color: #f9f9f9; }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .card .event-social-icons,
    body[data-page-type="coWorking"] .business-detail-accordion .card .event-social-icons,
    body[data-page-type="webcams"] .business-detail-accordion .card .event-social-icons,
    body[data-page-type="publicArt"] .business-detail-accordion .card .event-social-icons {
      font-size: 1.5rem; }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .card .card-header,
    body[data-page-type="coWorking"] .business-detail-accordion .card .card-header,
    body[data-page-type="webcams"] .business-detail-accordion .card .card-header,
    body[data-page-type="publicArt"] .business-detail-accordion .card .card-header {
      padding: .75rem;
      background-color: #f9f9f9; }
      body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .card .card-header[aria-expanded="true"] .accordion-title .fa-chevron-down,
      body[data-page-type="coWorking"] .business-detail-accordion .card .card-header[aria-expanded="true"] .accordion-title .fa-chevron-down,
      body[data-page-type="webcams"] .business-detail-accordion .card .card-header[aria-expanded="true"] .accordion-title .fa-chevron-down,
      body[data-page-type="publicArt"] .business-detail-accordion .card .card-header[aria-expanded="true"] .accordion-title .fa-chevron-down {
        transform: rotate(180deg); }
    body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .card .card-body,
    body[data-page-type="coWorking"] .business-detail-accordion .card .card-body,
    body[data-page-type="webcams"] .business-detail-accordion .card .card-body,
    body[data-page-type="publicArt"] .business-detail-accordion .card .card-body {
      padding: 0.5rem  0.75rem; }
      body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .card .card-body p,
      body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .card .card-body h4,
      body[data-page-type="coWorking"] .business-detail-accordion .card .card-body p,
      body[data-page-type="coWorking"] .business-detail-accordion .card .card-body h4,
      body[data-page-type="webcams"] .business-detail-accordion .card .card-body p,
      body[data-page-type="webcams"] .business-detail-accordion .card .card-body h4,
      body[data-page-type="publicArt"] .business-detail-accordion .card .card-body p,
      body[data-page-type="publicArt"] .business-detail-accordion .card .card-body h4 {
        margin-top: 0; }
      body[data-site-handle="explore"][data-page-type="businessListings"] .business-detail-accordion .card .card-body.business-contact a:not(.btn),
      body[data-page-type="coWorking"] .business-detail-accordion .card .card-body.business-contact a:not(.btn),
      body[data-page-type="webcams"] .business-detail-accordion .card .card-body.business-contact a:not(.btn),
      body[data-page-type="publicArt"] .business-detail-accordion .card .card-body.business-contact a:not(.btn) {
        text-decoration: none;
        border-bottom: 1px solid #003DA5;
        color: #003DA5; }

body[data-page-type="coWorking"] .business-detail-accordion h5 {
  color: #002855; }
body[data-page-type="coWorking"] .business-detail-accordion .fa,
body[data-page-type="coWorking"] .business-detail-accordion .far,
body[data-page-type="coWorking"] .business-detail-accordion .fas,
body[data-page-type="coWorking"] .business-detail-accordion .fab {
  color: #002855;
  width: 24px;
  text-align: center; }

body[data-page-type="publicArt"] .coworking-main-slider .slick-prev, body[data-page-type="publicArt"] .coworking-main-slider .slick-next {
  top: 38%; }
body[data-page-type="publicArt"] .coworking-main-slider figure .image-holder {
  border: 1px solid #ececec;
  background-color: #f9f9f9; }
body[data-page-type="publicArt"] .coworking-main-slider figure img {
  margin: 0 auto; }
body[data-page-type="publicArt"] .coworking-main-slider .caption {
  text-align: left;
  font-size: 0.75rem;
  color: #5a5959;
  margin-top: 10px;
  padding: 10px 5px;
  border-bottom: 1px solid #ececec; }
body[data-page-type="publicArt"] .business-detail-accordion h5 {
  color: #002855; }
body[data-page-type="publicArt"] .business-detail-accordion .fa,
body[data-page-type="publicArt"] .business-detail-accordion .far,
body[data-page-type="publicArt"] .business-detail-accordion .fas,
body[data-page-type="publicArt"] .business-detail-accordion .fab {
  color: #002855;
  width: 24px;
  text-align: center; }

.results-type-heading {
  margin-bottom: 0;
  font-weight: 400; }

.results-entry-page {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 5px 6px 5px 5px;
  font-size: 0.9rem; }
  .results-entry-page h4 .page-url {
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid #0077C8;
    color: #0077C8; }
  .results-entry-page.hidden {
    display: none; }
  .results-entry-page .search-desc {
    font-size: 0.8rem; }
  .results-entry-page a:not(.thumb-link) {
    color: #0077C8;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #0077C8;
    font-weight: 400; }
  .results-entry-page .breadcrumb {
    background: inherit;
    margin: 0;
    padding: 0; }
    .results-entry-page .breadcrumb .breadcrumb-item {
      background: inherit;
      font-size: 0.9rem;
      margin: 0; }
    .results-entry-page .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      display: inline-block;
      padding-right: .25rem;
      color: #6c757d;
      content: ">";
      font-weight: 400; }

.results-entry-blog.hidden {
  display: none; }

.results-entry-event.hidden {
  display: none; }

.results-entry-document.hidden {
  display: none; }

.results-entry-newsroom.hidden {
  display: none; }

.results-entry-business.hidden {
  display: none; }

.results-entry-form.hidden {
  display: none; }

.lightbox-search-filters .search-filters-dropdown {
  background-color: transparent; }
  .lightbox-search-filters .search-filters-dropdown .btn-expand-lightbox {
    padding: 4px 10px; }
    .lightbox-search-filters .search-filters-dropdown .btn-expand-lightbox:before {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f078";
      /* chevron up  \f078 | chevron down \f077 | plus \f067 | minus \f068 */
      color: #002855; }
.lightbox-search-filters h3 {
  padding-bottom: 2px;
  border-bottom: 2px solid #002855; }

.search-filters-dropdown,
.lightbox-filters {
  display: flex;
  flex-direction: column;
  padding: 0 0.5rem; }

.search-filters-dropdown .filter-chevron {
  margin-left: auto; }
.search-filters-dropdown .filters-heading {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #002855; }
@media (min-width: 768px) {
  .search-filters-dropdown {
    flex-direction: row; }
    .search-filters-dropdown .checkbox-wrapper {
      display: inline-block; }
    .search-filters-dropdown .filters-heading {
      display: none; } }
@media (max-width: 767px) {
  .search-filters-dropdown {
    background-color: #E5E9EE; }
    .search-filters-dropdown label.checkbox-wrapper {
      display: none; } }

@media (max-width: 767px) {
  .living-filters-dropdown.search-filters-dropdown label.checkbox-wrapper {
    display: block !important; } }

/* zh-4166 */
.container--search-results a[name^="results--"] {
  top: -200px;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  position: relative;
  width: 0;
  height: 0;
  display: inline-block; }

.horizontal-filters-container .letter-filter {
  width: 26px;
  padding: 2px 0;
  border: 2px solid #002855;
  font-weight: 400;
  margin-right: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem; }
  @media (max-width: 767px) {
    .horizontal-filters-container .letter-filter {
      width: 33px;
      padding: 2px 0;
      font-size: 1rem; } }
  .horizontal-filters-container .letter-filter:hover {
    border: 2px solid #002855;
    background-color: #002855;
    color: #FFF; }
  .horizontal-filters-container .letter-filter.disabled {
    font-weight: 300;
    border: 1px solid #999;
    background-color: #FFF;
    color: #999; }
    @media (max-width: 575px) {
      .horizontal-filters-container .letter-filter.disabled {
        display: none; } }
    .horizontal-filters-container .letter-filter.disabled:hover {
      border: 1px solid #999;
      background-color: #FFF;
      color: #999; }
  @media (max-width: 575px) {
    .horizontal-filters-container .letter-filter {
      border: 1px solid #002855;
      margin-bottom: 6px;
      background: #FFF;
      margin-right: 0; } }
@media (max-width: 575px) {
  .horizontal-filters-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 12;
    /* 9*/
    width: 42px;
    /* 30px*/
    text-align: center;
    top: 70px;
    right: -44px;
    bottom: 0;
    position: fixed;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s; }
    .horizontal-filters-container .alpha-inner {
      text-align: center;
      padding-top: 5px;
      background-color: rgba(0, 40, 85, 0.6); } }
.horizontal-filters-container.visible {
  right: 0px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s; }
.horizontal-filters-container .listings,
.horizontal-filters-container .card--form-default {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s; }

.tmpl-layouts-page.fit-scrollbar .listings {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s; }

.container--milestone10g #map {
  z-index: 0;
  min-height: 800px;
  margin-bottom: 20px; }
  .container--milestone10g #map .map-window-wrap .status {
    padding: 5px; }
  .container--milestone10g #map .map-window-wrap[data-status="service available"] h5 {
    color: #52a247;
    font-weight: 500; }
  .container--milestone10g #map .map-window-wrap[data-status="service available"] .status {
    background-color: #d5f1d1;
    color: #155724;
    border: 1px solid #c3e6cb; }
  .container--milestone10g #map .map-window-wrap[data-status="coming soon"] h5 {
    color: #a27a01;
    font-weight: 500; }
  .container--milestone10g #map .map-window-wrap[data-status="coming soon"] .status {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba; }
  .container--milestone10g #map .map-window-wrap[data-status="not-registered"] h5, .container--milestone10g #map .map-window-wrap[data-status="service not available"] h5 {
    color: #C8102E;
    font-weight: 500; }
  .container--milestone10g #map .map-window-wrap[data-status="not-registered"] .status, .container--milestone10g #map .map-window-wrap[data-status="service not available"] .status {
    background-color: #f8d7da;
    color: #C8102E;
    border: 1px solid #f5c6cb; }
  .container--milestone10g #map .gm-style .gm-style-iw-t::after {
    top: -1px; }
.container--milestone10g #form--milestone-search .address-candidates {
  transition-delay: 50ms;
  transition: 250ms all;
  max-height: 16rem;
  overflow: scroll;
  background-color: #edf2fb;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  width: 97.4%; }
  @media (max-width: 767px) {
    .container--milestone10g #form--milestone-search .address-candidates {
      width: 96%; } }
  @media (max-width: 575px) {
    .container--milestone10g #form--milestone-search .address-candidates {
      width: 94.5%; } }
  @media (max-width: 439px) {
    .container--milestone10g #form--milestone-search .address-candidates {
      width: 93%; } }
  .container--milestone10g #form--milestone-search .address-candidates li {
    text-transform: capitalize; }
  .container--milestone10g #form--milestone-search .address-candidates.visible {
    visibility: visible;
    opacity: 1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #b3caf3; }
  .container--milestone10g #form--milestone-search .address-candidates .list-group-item {
    -moz-transformborder-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #edf2fb;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #b3caf3; }
    .container--milestone10g #form--milestone-search .address-candidates .list-group-item a {
      padding: 10px;
      color: #002855; }
      .container--milestone10g #form--milestone-search .address-candidates .list-group-item a i {
        color: #002855; }
.container--milestone10g #form--milestone-search input[type=text] {
  width: 100%;
  height: 80px;
  padding: 0;
  padding-left: 20px;
  padding-top: 3px;
  margin-bottom: 0;
  color: #000;
  box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.2);
  font-size: 1.1em;
  border: 2px solid #002855;
  -moz-transformborder-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  @media (max-width: 575px) {
    .container--milestone10g #form--milestone-search input[type=text] {
      padding-left: 8px;
      height: 65px; }
      .container--milestone10g #form--milestone-search input[type=text]::-webkit-input-placeholder {
        font-size: 0.95rem; }
      .container--milestone10g #form--milestone-search input[type=text]::-moz-placeholder {
        font-size: 0.95rem; }
      .container--milestone10g #form--milestone-search input[type=text]:-ms-input-placeholder {
        font-size: 0.95rem; }
      .container--milestone10g #form--milestone-search input[type=text]::placeholder {
        font-size: 0.95rem; } }
.container--milestone10g #form--milestone-search .search-btn {
  height: 100%;
  width: 84px;
  position: absolute;
  right: 0;
  color: #fff;
  z-index: 10;
  border: 2px solid #002855;
  background: #002855;
  font-size: 2.1rem; }
  .container--milestone10g #form--milestone-search .search-btn i {
    font-size: 2.1rem;
    transition: 0.5s; }
  .container--milestone10g #form--milestone-search .search-btn:hover i {
    transform: scale(1.2);
    transition: 0.5s; }
  .container--milestone10g #form--milestone-search .search-btn:hover {
    color: #fff; }
  @media (max-width: 575px) {
    .container--milestone10g #form--milestone-search .search-btn {
      width: 68px; } }

.listing-search .address-candidates {
  transition-delay: 50ms;
  transition: 250ms all;
  max-height: 16rem;
  overflow: scroll;
  background-color: #edf2fb;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  width: 100%; }
  .listing-search .address-candidates li {
    text-transform: capitalize; }
  .listing-search .address-candidates.visible {
    visibility: visible;
    opacity: 1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #b3caf3;
    z-index: 9; }
  .listing-search .address-candidates .list-group-item {
    -moz-transformborder-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #edf2fb;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #b3caf3; }
    .listing-search .address-candidates .list-group-item a {
      padding: 10px;
      color: #002855; }
      .listing-search .address-candidates .list-group-item a i {
        color: #002855; }

.zoomWindowContainer {
  max-width: 100%; }

.map-component--container.contained .map-component--map.supermap--container .map--wrap {
  height: calc(100vh - 220px);
  width: calc(100% - 400px); }
  @media only screen and (max-width: 992px) {
    .map-component--container.contained .map-component--map.supermap--container .map--wrap {
      width: 100%; } }

.map-component--container.contained .map-component--map.supermap--container[data-sidebar="false"] .map--wrap {
  width: calc(100%); }

.map-component--container.contained .map-component--map.supermap--container {
  box-shadow: 2px 2px 12px #ccc; }

.supermap--container {
  overflow-x: hidden; }
  .supermap--container .font-small {
    font-size: 11px; }
  .supermap--container .font-medium {
    font-size: 16px; }
  .supermap--container .supermap--bordered-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    margin-right: -6px;
    border-radius: 0;
    border: 2px solid #002855;
    color: #002855;
    user-select: none; }
    .supermap--container .supermap--bordered-btn:active, .supermap--container .supermap--bordered-btn.active {
      background-color: #002855;
      color: #fff; }
    .supermap--container .supermap--bordered-btn.rounded-dark-grey {
      border: 2px solid #333F48;
      color: #333F48;
      text-align: center;
      width: 50%; }
      .supermap--container .supermap--bordered-btn.rounded-dark-grey:active, .supermap--container .supermap--bordered-btn.rounded-dark-grey.active {
        background-color: #333F48;
        color: #fff; }
  .supermap--container .map--toggle-display {
    position: absolute;
    right: 0;
    top: 20%;
    cursor: pointer;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.4);
    padding: 10px;
    display: flex;
    align-items: center; }
  .supermap--container .container--supermap-sidebar {
    width: 400px;
    height: 100%;
    min-height: calc(100vh - 220px);
    z-index: 8;
    background-color: #fff;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 17px 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 992px) {
      .supermap--container .container--supermap-sidebar {
        display: none; } }
    .supermap--container .container--supermap-sidebar.sidebar-hidden {
      right: -401px; }
    .supermap--container .container--supermap-sidebar .supermap--view-wrap .supermap--bordered-btn {
      width: 50%; }
    .supermap--container .container--supermap-sidebar .supermap--searchbar-wrap .search-query {
      height: 60px;
      padding-left: 9px;
      padding-top: 0px; }
    .supermap--container .container--supermap-sidebar .supermap--searchbar-wrap .search-btn {
      width: 60px; }
      .supermap--container .container--supermap-sidebar .supermap--searchbar-wrap .search-btn i {
        font-size: 1.6rem; }
  .supermap--container.supermap--state-cardsView .map-component--listings {
    display: block; }
  .supermap--container.supermap--state-cardsView .map--wrap {
    display: none; }
  .supermap--container.supermap--state-cardsView .supermap--cards-view {
    background-color: #333F48;
    color: #fff; }
  .supermap--container.supermap--state-mapView .map-component--listings {
    display: none; }
  .supermap--container.supermap--state-mapView .map--wrap {
    display: block; }
  .supermap--container.supermap--state-mapView .supermap--map-view {
    background-color: #333F48;
    color: #fff; }
  .supermap--container #map--mobile-controls .mobile-filter-button {
    max-width: 250px; }

#supermap--filters form.supermap--filters-wrap .checkbox-text {
  padding-top: 2px; }
#supermap--filters form.supermap--filters-wrap .checkmark {
  border: 2px solid #002855; }
#supermap--filters form.supermap--filters-wrap .checkbox-wrapper input:checked ~ .checkmark {
  background-color: #002855; }

.map-component--map.supermap--container.supermap--state-cardsView {
  /*
  #map--mobile-controls{
    display: block !important;
  }
  */ }
  .map-component--map.supermap--container.supermap--state-cardsView .container--supermap-sidebar {
    display: none !important; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
body[data-site-handle="upark"][data-page-type="carParks"] {
  background-color: #FFF;
  color: #002855; }
  body[data-site-handle="upark"][data-page-type="carParks"] .body--main .tmpl-layouts-page {
    margin-top: 7em; }
    @media (max-width: 575px) {
      body[data-site-handle="upark"][data-page-type="carParks"] .body--main .tmpl-layouts-page {
        margin-top: 5.7em; } }
  body[data-site-handle="upark"][data-page-type="carParks"] p.text-small {
    font-size: 0.8rem;
    line-height: 1.2em; }
  body[data-site-handle="upark"][data-page-type="carParks"] .opening-hours {
    font-size: 0.9rem;
    line-height: 1.2em; }
  body[data-site-handle="upark"][data-page-type="carParks"] .sidebar-map.map #map__gmap {
    min-height: 320px;
    margin-bottom: 1rem; }
  body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .icon-upark-plus {
    width: 28px;
    display: inline-block;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../upark/img/icon_upark_plus.svg); }
  body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .fa,
  body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .far,
  body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .fas,
  body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .fab {
    color: #002855;
    width: 24px;
    text-align: center; }
  body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion p {
    font-size: 0.95rem; }
  body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion h5 {
    font-weight: 400; }
  body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .card {
    background-color: #f9f9f9; }
    body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .card .accordion-title {
      margin-bottom: 0; }
    body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .card .card-header {
      padding: .75rem;
      background-color: #f9f9f9; }
      body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .card .card-header[aria-expanded="true"] .accordion-title .fa-chevron-down {
        transform: rotate(180deg); }
    body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .card .card-body {
      padding: 0.5rem  0.75rem; }
      body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .card .card-body p,
      body[data-site-handle="upark"][data-page-type="carParks"] .carpark-detail-accordion .card .card-body h4 {
        margin-top: 0; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
body[data-site-handle="upark"][data-page-type="destinationsParking"] {
  background-color: #FFF;
  color: #002855; }
  body[data-site-handle="upark"][data-page-type="destinationsParking"] .body--main .tmpl-layouts-page {
    margin-top: 7em; }
  body[data-site-handle="upark"][data-page-type="destinationsParking"] p.text-small {
    font-size: 0.8rem;
    line-height: 1.2em; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
body[data-site-handle="upark"][data-page-type="eventParking"] {
  background-color: #FFF;
  color: #002855; }
  body[data-site-handle="upark"][data-page-type="eventParking"] .body--main .tmpl-layouts-page {
    margin-top: 7em; }
  body[data-site-handle="upark"][data-page-type="eventParking"] p.text-small {
    font-size: 0.8rem;
    line-height: 1.2em; }

.text-pink,
.text-pink * {
  color: #c50956; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
body[data-site-handle="upark"][data-page-type="uparkPlusRewards"] {
  background-color: #FFF;
  color: #002855; }
  body[data-site-handle="upark"][data-page-type="uparkPlusRewards"] .body--main .tmpl-layouts-page {
    margin-top: 7em; }
  body[data-site-handle="upark"][data-page-type="uparkPlusRewards"] p.text-small {
    font-size: 0.8rem;
    line-height: 1.2em; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
body[data-site-handle="upark"][data-page-type="winWithUpark"] {
  background-color: #EFEFEF;
  color: #002855; }
  body[data-site-handle="upark"][data-page-type="winWithUpark"] .body--main .tmpl-layouts-page {
    margin-top: 7em; }
  body[data-site-handle="upark"][data-page-type="winWithUpark"] .win-content-container .main-content h3 {
    color: #0079c4; }
  body[data-site-handle="upark"][data-page-type="winWithUpark"] .win-content-container .main-content form div {
    margin-bottom: 15px; }
  body[data-site-handle="upark"][data-page-type="winWithUpark"] .win-content-container .main-content form label {
    min-width: 70px;
    padding-bottom: 8px;
    display: inline-block; }
  body[data-site-handle="upark"][data-page-type="winWithUpark"] .win-content-container .main-content form input {
    width: 75%; }
  body[data-site-handle="upark"][data-page-type="winWithUpark"] .win-content-container .main-content form button {
    padding: .375rem .75rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.5rem;
    border: 3px solid transparent;
    background-color: #0079c4;
    color: #FFF;
    text-align: center;
    font-weight: 500;
    margin-top: 15px; }
    body[data-site-handle="upark"][data-page-type="winWithUpark"] .win-content-container .main-content form button:hover {
      background-color: #002855;
      color: #FFF; }
  body[data-site-handle="upark"][data-page-type="winWithUpark"] .win-content-container .main-content .text-small p {
    font-size: 0.8rem;
    line-height: 1.2em; }
  body[data-site-handle="upark"][data-page-type="winWithUpark"] .win-content-container .main-content p.text-small {
    font-size: 0.8rem;
    line-height: 1.2em; }

.alert-container .alert-text {
  color: #fff;
  padding-right: 40px; }
  .alert-container .alert-text .alert-link {
    color: #fff; }
    .alert-container .alert-text .alert-link:hover {
      color: #fff;
      text-decoration: underline; }
.alert-container.alert-red {
  background-color: rgba(200, 16, 46, 0.8); }
.alert-container.alert-yellow {
  background-color: rgba(255, 211, 0, 0.8); }
  .alert-container.alert-yellow .alert-text {
    color: #171819; }
    .alert-container.alert-yellow .alert-text .alert-link {
      color: #171819; }
      .alert-container.alert-yellow .alert-text .alert-link:hover {
        color: #171819;
        text-decoration: underline; }
.alert-container.alert-blue {
  background-color: rgba(0, 119, 200, 0.8); }
.alert-container .alert-close {
  position: absolute;
  right: 0;
  top: 8px; }

.trans-btn {
  background-color: transparent;
  display: inline-block;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-transform: uppercase;
  padding: 8px 14px;
  margin: 0 auto;
  font-weight: 400;
  font-size: 1rem;
  /*color: $colour--white;*/ }
  .trans-btn:hover {
    color: #000;
    background-color: #FFF; }
  .trans-btn.trans-white-btn {
    border: 3px solid #FFF;
    color: #FFF; }
    .trans-btn.trans-white-btn:hover {
      color: #002855;
      background-color: #FFF; }
  .trans-btn.trans-explore-btn {
    border: 3px solid #C8102E;
    color: #C8102E; }
    .trans-btn.trans-explore-btn:hover {
      color: #FFF;
      background-color: #C8102E; }
    .trans-btn.trans-explore-btn.active {
      color: #FFF;
      background-color: #C8102E; }
  .trans-btn.trans-www-btn {
    border: 3px solid #002855;
    color: #002855; }
    .trans-btn.trans-www-btn:hover {
      color: #FFF;
      background-color: #002855; }
  .trans-btn.trans-helpdesk-btn {
    border: 3px solid #0077C8;
    color: #0077C8; }
    .trans-btn.trans-helpdesk-btn:hover {
      color: #FFF;
      background-color: #0077C8; }
  .trans-btn.trans-living-btn {
    border: 3px solid #333F48;
    color: #333F48; }
    .trans-btn.trans-living-btn:hover {
      color: #FFF;
      background-color: #333F48; }
  .trans-btn.trans-invest-btn {
    border: 3px solid #006341;
    color: #006341; }
    .trans-btn.trans-invest-btn:hover {
      color: #FFF;
      background-color: #006341; }
  .trans-btn.trans-royalblue-btn {
    border: 3px solid #003DA5;
    color: #003DA5;
    text-transform: none;
    font-weight: 600; }
    .trans-btn.trans-royalblue-btn:hover {
      color: #FFF;
      background-color: #003DA5; }
  .trans-btn.trans-aac-btn {
    border: 3px solid #0077C8;
    color: #0077C8; }
    .trans-btn.trans-aac-btn:hover {
      color: #FFF;
      background-color: #0077C8; }
  .trans-btn.trans-nagc-btn {
    border: 3px solid #52a247;
    color: #52a247; }
    .trans-btn.trans-nagc-btn:hover {
      color: #FFF;
      background-color: #52a247; }
  .trans-btn.trans-upark-btn {
    border: 3px solid #0079c4;
    color: #0079c4; }
    .trans-btn.trans-upark-btn:hover {
      color: #FFF;
      background-color: #0079c4; }

.solid-btn {
  color: #FFF; }
  .solid-btn:hover {
    color: #FFF; }

.solid-btn,
.solid-white-btn {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  display: inline-block;
  /*width: 100%;*/
  /*max-width: 190px; */
  text-transform: uppercase;
  padding: 8px 14px;
  font-weight: 400;
  font-size: 1rem;
  color: #FFF;
  border: 3px solid #FFF; }
  .solid-btn:hover, .solid-btn:focus,
  .solid-white-btn:hover,
  .solid-white-btn:focus {
    opacity: 0.7; }
  .solid-btn.btn--all-events:hover, .solid-btn.btn--all-events:focus,
  .solid-white-btn.btn--all-events:hover,
  .solid-white-btn.btn--all-events:focus {
    border: 3px solid #FFF;
    color: #002855;
    background-color: #FFF;
    opacity: 1; }
  .solid-btn.btn-large,
  .solid-white-btn.btn-large {
    padding: 15px 20px; }
    .solid-btn.btn-large.btn-discover-www,
    .solid-white-btn.btn-large.btn-discover-www {
      border: 3px solid #002855;
      color: #FFF;
      background-color: #002855; }
    .solid-btn.btn-large.btn-discover-explore,
    .solid-white-btn.btn-large.btn-discover-explore {
      border: 3px solid #C8102E;
      color: #FFF;
      background-color: #C8102E; }
    .solid-btn.btn-large:hover, .solid-btn.btn-large:focus,
    .solid-white-btn.btn-large:hover,
    .solid-white-btn.btn-large:focus {
      opacity: 0.8; }
  .solid-btn.btn-expand,
  .solid-white-btn.btn-expand {
    padding: 0px 5px;
    height: 31px; }
    .solid-btn.btn-expand:before,
    .solid-white-btn.btn-expand:before {
      display: block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f078";
      /* chevron up  \f078 | chevron down \f077 */
      color: #FFF;
      font-size: 1.2rem;
      margin-top: 1px; }
  .solid-btn.solid-explore-btn,
  .solid-white-btn.solid-explore-btn {
    background-color: #C8102E;
    border: 3px solid #C8102E; }
    .solid-btn.solid-explore-btn:hover,
    .solid-white-btn.solid-explore-btn:hover {
      /*border: 3px solid $colour--explore;
      color: $colour--explore;
      background-color: transparent;*/
      opacity: 0.7; }
  .solid-btn.solid-www-btn,
  .solid-white-btn.solid-www-btn {
    background-color: #002855;
    border: 3px solid #002855; }
    .solid-btn.solid-www-btn:hover,
    .solid-white-btn.solid-www-btn:hover {
      /*border: 3px solid $colour--www;
      color: $colour--www;
      background-color: transparent;*/
      opacity: 0.7; }
  .solid-btn.btn--category,
  .solid-white-btn.btn--category {
    background-color: #FFF;
    border: 3px solid #003DA5;
    color: #003DA5;
    text-transform: none; }
    .solid-btn.btn--category:not(:disabled):not(.disabled).active, .solid-btn.btn--category:hover, .solid-btn.btn--category:focus,
    .solid-white-btn.btn--category:not(:disabled):not(.disabled).active,
    .solid-white-btn.btn--category:hover,
    .solid-white-btn.btn--category:focus {
      background-color: #003DA5;
      color: #FFF; }
  .solid-btn.solid-helpdesk-btn,
  .solid-white-btn.solid-helpdesk-btn {
    background-color: #0077C8;
    border: 3px solid #0077C8; }
    .solid-btn.solid-helpdesk-btn:hover,
    .solid-white-btn.solid-helpdesk-btn:hover {
      /*border: 3px solid $colour--helpdesk;
      color: $colour--helpdesk;
      background-color: transparent;*/
      opacity: 0.7; }
  .solid-btn.solid-living-btn,
  .solid-white-btn.solid-living-btn {
    background-color: #333F48;
    border: 3px solid #333F48; }
    .solid-btn.solid-living-btn:hover,
    .solid-white-btn.solid-living-btn:hover {
      /*border: 3px solid $colour--living;
      color: $colour--living;
      background-color: transparent;*/
      opacity: 0.7; }
  .solid-btn.solid-invest-btn,
  .solid-white-btn.solid-invest-btn {
    background-color: #006341;
    border: 3px solid #006341; }
    .solid-btn.solid-invest-btn:hover,
    .solid-white-btn.solid-invest-btn:hover {
      /*border: 3px solid $colour--living;
      color: $colour--living;
      background-color: transparent;*/
      opacity: 0.7; }
  .solid-btn.solid-aac-btn,
  .solid-white-btn.solid-aac-btn {
    background-color: #0077C8;
    border: 3px solid #0077C8; }
    .solid-btn.solid-aac-btn:hover,
    .solid-white-btn.solid-aac-btn:hover {
      /*border: 3px solid $colour--living;
      color: $colour--living;
      background-color: transparent;*/
      opacity: 0.7; }
  .solid-btn.solid-nagc-btn,
  .solid-white-btn.solid-nagc-btn {
    background-color: #52a247;
    border: 3px solid #52a247; }
    .solid-btn.solid-nagc-btn:hover,
    .solid-white-btn.solid-nagc-btn:hover {
      opacity: 0.7; }

.solid-white-btn {
  background: #FFF;
  color: #333; }
  .solid-white-btn:hover {
    color: #333;
    background: #FFF;
    opacity: 0.7; }

.solid-red-btn {
  background: #C8102E;
  color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  display: inline-block;
  padding: 8px 14px;
  font-weight: 300;
  font-size: 1.1em; }
  .solid-red-btn:hover {
    background: #000000;
    color: #fff; }

.search-results-more {
  padding: 12px 14px; }
  @media (max-width: 767px) {
    .search-results-more {
      width: 100%;
      padding: 12px 14px; } }

.global-footer-links .footer-services-link {
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  padding: 5px 10px;
  margin: 10px 0;
  font-size: 0.95rem; }
  @media (max-width: 767px) {
    .global-footer-links .footer-services-link {
      text-align: center; } }

.sign-up-btn {
  background: #0073C2;
  color: #fff;
  width: 100%;
  font-size: 1.2rem;
  padding: 10px;
  border-radius: 0; }

.sign-up-btn:hover {
  color: #fff; }

.sign-up-btn.living {
  background: #262626; }

.sign-up-btn.invest {
  background: #006341; }

.default-back-top-btn,
.inverse-back-top-btn {
  width: 54px;
  height: 54px;
  padding-top: 8px;
  border-radius: 50%;
  display: inline-block;
  /*margin-top: -120px;
  display: flex;
  justify-content: center;*/ }
  .default-back-top-btn i,
  .inverse-back-top-btn i {
    font-size: 2rem; }

.default-back-top-btn {
  background: #002855; }
  .default-back-top-btn i {
    color: #FFF; }
  .default-back-top-btn:hover {
    color: #FFF; }

.inverse-back-top-btn {
  background: #FFF; }
  .inverse-back-top-btn i {
    color: #002855; }
  .inverse-back-top-btn:hover {
    color: #002855; }

.btn-fullscreen {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #FFF;
  text-align: center;
  padding-top: 2px;
  font-size: 1.5rem;
  z-index: 1;
  display: block;
  background: rgba(0, 0, 0, 0.45);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  box-shadow: 0 0 2px #FFF; }
  @media (max-width: 575px) {
    .btn-fullscreen {
      padding-top: 5px;
      font-size: 1.1rem;
      height: 35px;
      width: 35px; } }
  .btn-fullscreen:hover, .btn-fullscreen:active {
    color: rgba(255, 255, 255, 0.7); }

.btn-blue, .btn-pink, .btn-red, .btn-orange, .btn-green, .btn-purple {
  color: #fff;
  padding: 7px;
  margin: 0;
  display: inline;
  text-transform: uppercase;
  font-size: 0.75rem; }

.book-round {
  color: #FFF;
  background-color: #52a247;
  border: 3px solid #FFF;
  padding: 0.25rem 0.5rem !important;
  text-transform: uppercase;
  margin-left: .5rem !important;
  font-size: 0.9rem; }
  @media (max-width: 575px) {
    .book-round {
      font-size: 0.8rem; } }
  .book-round:hover, .book-round:focus {
    text-decoration: none !important;
    background-color: #1B9E4A; }

.nav-link.book-round {
  background-color: #006341; }

.btn-blue {
  background-color: #1751B5; }

.btn-pink {
  background-color: #E04799; }

.btn-red {
  background-color: #C8102E; }

.btn-orange {
  background-color: #FA4616; }

.btn-green {
  background-color: #1B9E4A; }

.btn-purple {
  background-color: #6C5293; }

/* 2025-04-16 we kind of need this */
a.anchor-point {
  position: relative;
  top: -15rem; }

/* TOP PROGRESS SCROLL BAR COLOUR */
span.scrollProgressBar {
  height: 2px !important; }

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px; }

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C8102E;
  margin: -3px 0 0 -3px; }

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s; }

.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px; }

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s; }

.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px; }

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s; }

.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px; }

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s; }

.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px; }

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s; }

.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px; }

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s; }

.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px; }

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s; }

.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px; }

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s; }

.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px; }

@keyframes lds-roller {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px; }

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #888 transparent #888 transparent;
  animation: lds-dual-ring 1.2s linear infinite; }

.messenger-bot-wrap .lds-dual-ring {
  transition: 250ms opacity; }
.messenger-bot-wrap .lds-dual-ring {
  opacity: 0;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
.messenger-bot-wrap.show-spinner .lds-dual-ring {
  transition: 250ms opacity;
  opacity: 1; }
.messenger-bot-wrap.show-spinner .messenger-bot-text {
  opacity: 0; }
.messenger-bot-wrap .lds-dual-ring::after {
  width: 50px;
  height: 50px; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
figure {
  margin: 0 0 0 0;
  position: relative; }
  figure figcaption {
    position: absolute;
    bottom: 0.5rem;
    color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    max-width: calc(100% - 3rem); }
    figure figcaption .photo .caption-text {
      display: block;
      padding: 1.5rem;
      background: rgba(0, 0, 0, 0.75);
      border-radius: 2rem;
      opacity: 0;
      -webkit-transition: 150ms all;
      transition: 150ms all;
      z-index: 0;
      /*pointer-events: none;*/ }
      @media (max-width: 991px) {
        figure figcaption .photo .caption-text {
          padding: 1rem 3.4rem 1rem 1rem;
          border-radius: 1rem; } }
      figure figcaption .photo .caption-text a.caption-link {
        color: #fff;
        border-bottom: 1px solid #fff;
        cursor: pointer; }
    figure figcaption .photo {
      /* the image icon */ }
      figure figcaption .photo img {
        width: auto;
        position: absolute;
        bottom: 0;
        display: block;
        padding: 1.5rem 1.5rem;
        z-index: 2; }
        @media (max-width: 991px) {
          figure figcaption .photo img {
            padding: 1rem; } }
      figure figcaption .photo:active > img + .caption-text, figure figcaption .photo:hover > img + .caption-text {
        opacity: 1; }
      figure figcaption .photo:active > img + .hide-caption, figure figcaption .photo:hover > img + .hide-caption {
        opacity: 0; }
    figure figcaption.landing-caption {
      left: 1rem; }
      figure figcaption.landing-caption .caption-text {
        padding-left: 5rem; }
      figure figcaption.landing-caption .photo img {
        left: 0; }
    figure figcaption.page-caption {
      right: 1rem; }
      figure figcaption.page-caption .caption-text {
        padding-right: 5rem; }
        @media (max-width: 991px) {
          figure figcaption.page-caption .caption-text {
            padding-right: 4rem; } }
      figure figcaption.page-caption .photo img {
        right: 0; }
    figure figcaption.image-block-caption {
      left: 1rem; }
      figure figcaption.image-block-caption .caption-text {
        padding-left: 5rem; }
      figure figcaption.image-block-caption .photo img {
        left: 0; }

.map-wrapper {
  margin-bottom: 5rem; }
  @media (min-width: 768px) {
    .map-wrapper {
      height: 400px; } }
  @media (max-width: 767px) {
    .map-wrapper {
      height: 400px; } }

.img-rotator-main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px; }

.img-rotator-backfill {
  width: 100%;
  height: 100%; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

body[data-page-type="page"] .hero-wrap {
  background-color: #000000; }
  body[data-page-type="page"] .hero-wrap .hero-container {
    height: 45vh;
    min-height: 200px;
    margin-top: 101px;
    background-color: #000000;
    overflow: hidden;
    position: relative;
    opacity: 1;
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s; }
    body[data-page-type="page"] .hero-wrap .hero-container.hero-contain {
      background-size: contain !important; }
      @media (max-width: 991px) {
        body[data-page-type="page"] .hero-wrap .hero-container.hero-contain {
          height: auto;
          min-height: 300px; } }
      @media (max-width: 767px) {
        body[data-page-type="page"] .hero-wrap .hero-container.hero-contain {
          height: auto;
          min-height: 200px; } }
    body[data-page-type="page"] .hero-wrap .hero-container.hero-cover {
      background-size: cover !important; }
    body[data-page-type="page"] .hero-wrap .hero-container.active {
      opacity: 1;
      transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -webkit-transition: opacity 0.3s; }
    body[data-page-type="page"] .hero-wrap .hero-container .hero-scroll-hider {
      background-color: #000;
      height: 100%;
      width: 102%;
      transition: opacity 0.3s;
      position: absolute;
      left: 0; }
    @media (max-width: 575px) {
      body[data-page-type="page"] .hero-wrap .hero-container {
        margin-top: 91px; } }
    body[data-page-type="page"] .hero-wrap .hero-container h1 {
      color: #FFF;
      text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
    body[data-page-type="page"] .hero-wrap .hero-container .hero-overlay {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.85) 100%);
      z-index: 0; }

.hero-container,
.landing-hero-container {
  background-color: #000; }

.landing-hero-container.noOverlay.fx-tint:before {
  display: none;
  visibility: hidden; }
.landing-hero-container.standard .landing-hero-text h1, .landing-hero-container.noOverlay .landing-hero-text h1, .landing-hero-container.lightOverlay .landing-hero-text h1, .landing-hero-container.mediumOverlay .landing-hero-text h1, .landing-hero-container.darkOverlay .landing-hero-text h1 {
  font-size: 4rem; }
  .landing-hero-container.standard .landing-hero-text h1.reimagine-title, .landing-hero-container.noOverlay .landing-hero-text h1.reimagine-title, .landing-hero-container.lightOverlay .landing-hero-text h1.reimagine-title, .landing-hero-container.mediumOverlay .landing-hero-text h1.reimagine-title, .landing-hero-container.darkOverlay .landing-hero-text h1.reimagine-title {
    font-size: 3.5rem; }
  @media (max-width: 575px) {
    .landing-hero-container.standard .landing-hero-text h1, .landing-hero-container.noOverlay .landing-hero-text h1, .landing-hero-container.lightOverlay .landing-hero-text h1, .landing-hero-container.mediumOverlay .landing-hero-text h1, .landing-hero-container.darkOverlay .landing-hero-text h1 {
      font-size: 2.5rem !important; }
      .landing-hero-container.standard .landing-hero-text h1.reimagine-title, .landing-hero-container.noOverlay .landing-hero-text h1.reimagine-title, .landing-hero-container.lightOverlay .landing-hero-text h1.reimagine-title, .landing-hero-container.mediumOverlay .landing-hero-text h1.reimagine-title, .landing-hero-container.darkOverlay .landing-hero-text h1.reimagine-title {
        font-size: 2.5rem !important; } }
.landing-hero-container.standard .landing-hero-text h2, .landing-hero-container.noOverlay .landing-hero-text h2, .landing-hero-container.lightOverlay .landing-hero-text h2, .landing-hero-container.mediumOverlay .landing-hero-text h2, .landing-hero-container.darkOverlay .landing-hero-text h2 {
  font-size: 3.8rem; }
  @media (max-width: 575px) {
    .landing-hero-container.standard .landing-hero-text h2, .landing-hero-container.noOverlay .landing-hero-text h2, .landing-hero-container.lightOverlay .landing-hero-text h2, .landing-hero-container.mediumOverlay .landing-hero-text h2, .landing-hero-container.darkOverlay .landing-hero-text h2 {
      font-size: 3rem; } }
.landing-hero-container.standard .landing-hero-text h3, .landing-hero-container.noOverlay .landing-hero-text h3, .landing-hero-container.lightOverlay .landing-hero-text h3, .landing-hero-container.mediumOverlay .landing-hero-text h3, .landing-hero-container.darkOverlay .landing-hero-text h3 {
  font-size: 3rem; }
  @media (max-width: 575px) {
    .landing-hero-container.standard .landing-hero-text h3, .landing-hero-container.noOverlay .landing-hero-text h3, .landing-hero-container.lightOverlay .landing-hero-text h3, .landing-hero-container.mediumOverlay .landing-hero-text h3, .landing-hero-container.darkOverlay .landing-hero-text h3 {
      font-size: 2rem; } }
.landing-hero-container.standard .landing-hero-text p, .landing-hero-container.noOverlay .landing-hero-text p, .landing-hero-container.lightOverlay .landing-hero-text p, .landing-hero-container.mediumOverlay .landing-hero-text p, .landing-hero-container.darkOverlay .landing-hero-text p {
  font-size: 2rem;
  line-height: 1.1em; }
  .landing-hero-container.standard .landing-hero-text p.reimagine-text, .landing-hero-container.noOverlay .landing-hero-text p.reimagine-text, .landing-hero-container.lightOverlay .landing-hero-text p.reimagine-text, .landing-hero-container.mediumOverlay .landing-hero-text p.reimagine-text, .landing-hero-container.darkOverlay .landing-hero-text p.reimagine-text {
    font-size: 1.8rem;
    line-height: 1.3em; }
  @media (max-width: 575px) {
    .landing-hero-container.standard .landing-hero-text p, .landing-hero-container.noOverlay .landing-hero-text p, .landing-hero-container.lightOverlay .landing-hero-text p, .landing-hero-container.mediumOverlay .landing-hero-text p, .landing-hero-container.darkOverlay .landing-hero-text p {
      font-size: 1.8rem; }
      .landing-hero-container.standard .landing-hero-text p.reimagine-text, .landing-hero-container.noOverlay .landing-hero-text p.reimagine-text, .landing-hero-container.lightOverlay .landing-hero-text p.reimagine-text, .landing-hero-container.mediumOverlay .landing-hero-text p.reimagine-text, .landing-hero-container.darkOverlay .landing-hero-text p.reimagine-text {
        font-size: 1.3rem; } }
@media (max-width: 575px) {
  .landing-hero-container.standard .landing-hero-text h4, .landing-hero-container.noOverlay .landing-hero-text h4, .landing-hero-container.lightOverlay .landing-hero-text h4, .landing-hero-container.mediumOverlay .landing-hero-text h4, .landing-hero-container.darkOverlay .landing-hero-text h4 {
    font-size: 1rem; } }
.landing-hero-container .hero-embed-content {
  z-index: 4; }
  .landing-hero-container .hero-embed-content .close-hero-content {
    color: #FFF;
    text-align: center;
    background-color: #003DA5;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    margin: 15px;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: none; }
    @media (max-width: 991px) {
      .landing-hero-container .hero-embed-content .close-hero-content {
        display: block; } }
  @media (min-width: 992px) and (max-height: 800px) {
    .landing-hero-container .hero-embed-content .form-content {
      margin-top: 80px; } }
  .landing-hero-container .hero-embed-content .form-content .reimagine-form.bg-light {
    background-color: rgba(248, 249, 250, 0.6) !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .landing-hero-container .hero-embed-content .form-content .reimagine-form.bg-light {
        background-color: rgba(248, 249, 250, 0.9) !important; } }
  .landing-hero-container .hero-embed-content .form-content .reimagine-form textarea {
    height: 80px; }
  @media (max-width: 575px) {
    .landing-hero-container .hero-embed-content .form-content .reimagine-form .btn {
      width: 100%; } }
  @media (max-width: 991px) {
    .landing-hero-container .hero-embed-content {
      opacity: 0;
      z-index: -1;
      position: absolute;
      max-width: 100%;
      left: 0; } }
.landing-hero-container .hero-embed-content.active {
  opacity: 1;
  z-index: 99999; }

.pink-triangle-1,
.pink-triangle-2 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3; }

.pink-triangle-1 {
  width: 70%;
  height: 30vh;
  background-position: left bottom;
  background-image: url("/common/base/img/pink-triangle-1.svg"); }

.pink-triangle-2 {
  width: 50%;
  height: 69%;
  background-position: left bottom;
  background-image: url("/common/base/img/pink-triangle-2.svg");
  z-index: 3; }

.vimeo-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: hidden; }

.vimeo-container iframe {
  /*  position: absolute;
    left: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;*/
  z-index: 0;
  width: 100vw;
  height: 60.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.jarallax {
  position: relative;
  z-index: 0; }

.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

.blog-hero-container {
  height: 51vh;
  min-height: 200px; }

body[data-site-handle="explore"] .blog-hero-container {
  background-color: #F9E7EA; }

body[data-site-handle="www"] .blog-hero-container {
  background-color: #E5E9EE; }

.child-pages--container.top-auto {
  margin-top: 1rem; }

.child-pages--container.bottom-auto {
  margin-bottom: 1rem; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
.accordion--container .aspect_auto iframe {
  position: relative;
  max-width: 100%;
  width: 100%; }
.accordion--container.top-auto {
  margin-top: 2rem; }
.accordion--container.bottom-auto {
  margin-bottom: 2rem; }
.accordion--container .card-body {
  padding: 0 0.50rem 0.50rem 0.50rem; }
  .accordion--container .card-body a:not(.btn) {
    text-decoration: none;
    border-bottom: 1px solid #003DA5;
    color: #003DA5; }
.accordion--container .card-header,
.accordion--container .card {
  background: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-width: 1px;
  border-top-width: 0; }
  .accordion--container .card-header:first-child,
  .accordion--container .card:first-child {
    border-top-width: 1px; }
.accordion--container .card-header {
  border-bottom: none; }
  .accordion--container .card-header a {
    color: #1D1E1F; }
  .accordion--container .card-header .accordion-title {
    color: #002855; }
    .accordion--container .card-header .accordion-title .title-name {
      font-weight: 400;
      width: 86%;
      /* for text wrapping */ }
    .accordion--container .card-header .accordion-title .sub-title-name {
      margin-left: 2rem;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
.accordion--container span.plus-icon::before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }
.accordion--container a[aria-expanded="true"] span.plus-icon::before {
  content: "\f068"; }
.accordion--container .nav-tabs li {
  margin-bottom: -3px; }
  .accordion--container .nav-tabs li:not(:last-child) {
    margin-right: 5px; }
.accordion--container .nav-tabs a {
  font-weight: 400;
  border: 2px solid #0077C8;
  border-bottom: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  color: #0077C8; }
  .accordion--container .nav-tabs a.active {
    border: 2px solid #0077C8;
    background: #0077C8;
    color: #FFF; }
  .accordion--container .nav-tabs a:hover {
    border: 2px solid #0077C8; }
.accordion--container .tabs .card-body {
  border: 2px solid #0077C8; }

.tabs .nav-tabs,
.accordion .nav-tabs {
  display: none; }

@media (min-width: 768px) {
  .tabs .nav-tabs {
    display: flex; }
  .tabs .card {
    border: none; }
    .tabs .card .card-header {
      display: none; }
    .tabs .card.tab-pane.active .collapse {
      display: block; } }
@media (max-width: 767px) {
  .tabs .tab-content .tab-pane {
    display: block !important;
    opacity: 1; } }
/* --- [ placeholder]  ---*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #818b98; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #818b98;
  opacity: 1; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #818b98; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #818b98; }

.smartCBDForm .tab-content {
  background-color: rgba(255, 255, 255, 0.7); }
  @media (max-width: 991px) {
    .smartCBDForm .tab-content {
      border-top: 1px solid #dee2e6 !important; } }
  .smartCBDForm .tab-content .tab-pane .section-content {
    padding: 1rem; }
  .smartCBDForm .tab-content .tab-pane .section-content:nth-child(odd) {
    background-color: rgba(231, 234, 239, 0.6); }
  .smartCBDForm .tab-content .tab-pane .section-content:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.6); }
  @media (max-width: 767px) {
    .smartCBDForm .tab-content .form-buttons .trans-btn,
    .smartCBDForm .tab-content .form-buttons .solid-btn {
      display: block;
      width: 100%; } }

/* --- options --- */
[data-page-type="page"] .electoral-form-container {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  border: 1px solid #b3caf3;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  [data-page-type="page"] .electoral-form-container .electoral-form input[type="text"] {
    width: 100%;
    font-size: 0.95rem;
    padding: 1.05rem; }
  [data-page-type="page"] .electoral-form-container .electoral-form div.options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff; }
    [data-page-type="page"] .electoral-form-container .electoral-form div.options ul {
      display: block;
      margin-top: 0;
      border: 1px solid #b3caf3;
      margin: 0;
      padding: 5px 10px 15px 10px;
      position: relative;
      background: #edf2fb;
      z-index: 1;
      max-height: 240px;
      overflow-y: scroll; }
      [data-page-type="page"] .electoral-form-container .electoral-form div.options ul li {
        list-style-type: none;
        list-style: none !important;
        border-bottom: 1px solid #b3caf3;
        margin: 0;
        padding: 5px 10px;
        display: block;
        margin-bottom: 0; }
        [data-page-type="page"] .electoral-form-container .electoral-form div.options ul li:hover, [data-page-type="page"] .electoral-form-container .electoral-form div.options ul li:focus {
          background-color: #d4dae6; }
        [data-page-type="page"] .electoral-form-container .electoral-form div.options ul li a {
          color: #003DA5;
          display: block;
          text-decoration: none;
          user-select: none;
          line-height: 2.5em; }

/* --- [date time picker  ]  ---*/
.hidden-div {
  width: 100%;
  height: 100%;
  background-color: transparent;
  top: 0;
  left: 0;
  z-index: 10; }

.datepicker,
.datetimepicker {
  z-index: 9; }

/* --- [general ]  ---*/
.main-content textarea,
.main-content select,
.main-content input,
.main-content button,
.categoryListing--container textarea,
.categoryListing--container select,
.categoryListing--container input,
.categoryListing--container button,
.row--newsroom-filters textarea,
.row--newsroom-filters select,
.row--newsroom-filters input,
.row--newsroom-filters button,
.row--page-filters textarea,
.row--page-filters select,
.row--page-filters input,
.row--page-filters button,
form textarea,
form select,
form input,
form button {
  outline: none; }
.main-content .form-group,
.categoryListing--container .form-group,
.row--newsroom-filters .form-group,
.row--page-filters .form-group,
form .form-group {
  text-align: left; }
  .main-content .form-group .filter-group .filter-wrapper,
  .categoryListing--container .form-group .filter-group .filter-wrapper,
  .row--newsroom-filters .form-group .filter-group .filter-wrapper,
  .row--page-filters .form-group .filter-group .filter-wrapper,
  form .form-group .filter-group .filter-wrapper {
    display: inline-block;
    background-color: #002855;
    color: #fff; }
    .main-content .form-group .filter-group .filter-wrapper input,
    .categoryListing--container .form-group .filter-group .filter-wrapper input,
    .row--newsroom-filters .form-group .filter-group .filter-wrapper input,
    .row--page-filters .form-group .filter-group .filter-wrapper input,
    form .form-group .filter-group .filter-wrapper input {
      display: none; }
  .main-content .form-group .filter-col-3-group,
  .categoryListing--container .form-group .filter-col-3-group,
  .row--newsroom-filters .form-group .filter-col-3-group,
  .row--page-filters .form-group .filter-col-3-group,
  form .form-group .filter-col-3-group {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
    @media (max-width: 575px) {
      .main-content .form-group .filter-col-3-group,
      .categoryListing--container .form-group .filter-col-3-group,
      .row--newsroom-filters .form-group .filter-col-3-group,
      .row--page-filters .form-group .filter-col-3-group,
      form .form-group .filter-col-3-group {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2; } }
    @media (max-width: 439px) {
      .main-content .form-group .filter-col-3-group,
      .categoryListing--container .form-group .filter-col-3-group,
      .row--newsroom-filters .form-group .filter-col-3-group,
      .row--page-filters .form-group .filter-col-3-group,
      form .form-group .filter-col-3-group {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1; } }
  .main-content .form-group .filter-col-2-group,
  .categoryListing--container .form-group .filter-col-2-group,
  .row--newsroom-filters .form-group .filter-col-2-group,
  .row--page-filters .form-group .filter-col-2-group,
  form .form-group .filter-col-2-group {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
    @media (max-width: 439px) {
      .main-content .form-group .filter-col-2-group,
      .categoryListing--container .form-group .filter-col-2-group,
      .row--newsroom-filters .form-group .filter-col-2-group,
      .row--page-filters .form-group .filter-col-2-group,
      form .form-group .filter-col-2-group {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1; } }
  .main-content .form-group .filter-col-1-group,
  .categoryListing--container .form-group .filter-col-1-group,
  .row--newsroom-filters .form-group .filter-col-1-group,
  .row--page-filters .form-group .filter-col-1-group,
  form .form-group .filter-col-1-group {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
  .main-content .form-group label,
  .categoryListing--container .form-group label,
  .row--newsroom-filters .form-group label,
  .row--page-filters .form-group label,
  form .form-group label {
    font-size: 1rem;
    text-align: left;
    display: block;
    font-weight: normal;
    color: #002855; }
  .main-content .form-group ul li,
  .categoryListing--container .form-group ul li,
  .row--newsroom-filters .form-group ul li,
  .row--page-filters .form-group ul li,
  form .form-group ul li {
    list-style: disc;
    margin-left: 25px;
    padding-left: 6px;
    line-height: 1.4rem;
    margin-bottom: 5px; }
.main-content .custom-file,
.categoryListing--container .custom-file,
.row--newsroom-filters .custom-file,
.row--page-filters .custom-file,
form .custom-file {
  border-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
.main-content .custom-file-label,
.categoryListing--container .custom-file-label,
.row--newsroom-filters .custom-file-label,
.row--page-filters .custom-file-label,
form .custom-file-label {
  border-color: #002855;
  border-style: solid;
  border-width: 2px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .main-content .custom-file-label:after,
  .categoryListing--container .custom-file-label:after,
  .row--newsroom-filters .custom-file-label:after,
  .row--page-filters .custom-file-label:after,
  form .custom-file-label:after {
    color: #FFF;
    content: "Browse";
    background-color: #002855;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
.main-content input[name=cm-name],
.main-content input[type=text],
.main-content input[type=email],
.main-content input[type=tel],
.main-content input[type=number],
.main-content input[aria-label=Mobile],
.categoryListing--container input[name=cm-name],
.categoryListing--container input[type=text],
.categoryListing--container input[type=email],
.categoryListing--container input[type=tel],
.categoryListing--container input[type=number],
.categoryListing--container input[aria-label=Mobile],
.row--newsroom-filters input[name=cm-name],
.row--newsroom-filters input[type=text],
.row--newsroom-filters input[type=email],
.row--newsroom-filters input[type=tel],
.row--newsroom-filters input[type=number],
.row--newsroom-filters input[aria-label=Mobile],
.row--page-filters input[name=cm-name],
.row--page-filters input[type=text],
.row--page-filters input[type=email],
.row--page-filters input[type=tel],
.row--page-filters input[type=number],
.row--page-filters input[aria-label=Mobile],
form input[name=cm-name],
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=number],
form input[aria-label=Mobile] {
  padding: 1.25rem;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #FFF;
  border-color: #002855;
  font-size: 0.95rem;
  border-style: solid;
  border-width: 2px;
  width: 100%; }
.main-content input,
.categoryListing--container input,
.row--newsroom-filters input,
.row--page-filters input,
form input {
  outline: none; }
.main-content textarea.form-control,
.categoryListing--container textarea.form-control,
.row--newsroom-filters textarea.form-control,
.row--page-filters textarea.form-control,
form textarea.form-control {
  padding: 1.25rem;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-color: #002855;
  font-size: 0.95rem;
  border-style: solid;
  border-width: 2px; }
.main-content .input-date,
.categoryListing--container .input-date,
.row--newsroom-filters .input-date,
.row--page-filters .input-date,
form .input-date {
  background-image: url(../img/icon_date_www.svg);
  -moz-background-size: 30px;
  -webkit-background-size: 30px;
  background-size: 30px;
  background-position: center right 18px;
  background-repeat: no-repeat;
  padding: 10px;
  color: #002855;
  border: 2px solid #002855; }
.main-content .input-timedate,
.categoryListing--container .input-timedate,
.row--newsroom-filters .input-timedate,
.row--page-filters .input-timedate,
form .input-timedate {
  background-image: url(../img/icon_datetime_www.svg);
  -moz-background-size: 30px;
  -webkit-background-size: 30px;
  background-size: 30px;
  background-position: center right 18px;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  color: #002855;
  border: 2px solid #002855; }
.main-content input[type=text].input-timedate, .main-content input[type=text].input-date,
.categoryListing--container input[type=text].input-timedate,
.categoryListing--container input[type=text].input-date,
.row--newsroom-filters input[type=text].input-timedate,
.row--newsroom-filters input[type=text].input-date,
.row--page-filters input[type=text].input-timedate,
.row--page-filters input[type=text].input-date,
form input[type=text].input-timedate,
form input[type=text].input-date {
  width: 100% !important;
  max-width: 100%;
  height: auto;
  padding: 12px 10px; }
.main-content .select-wrapper,
.categoryListing--container .select-wrapper,
.row--newsroom-filters .select-wrapper,
.row--page-filters .select-wrapper,
form .select-wrapper {
  position: relative;
  border: 2px solid #002855;
  height: 50px; }
  .main-content .select-wrapper::before,
  .categoryListing--container .select-wrapper::before,
  .row--newsroom-filters .select-wrapper::before,
  .row--page-filters .select-wrapper::before,
  form .select-wrapper::before {
    position: absolute;
    content: '';
    display: inline-block;
    right: 0;
    top: 0;
    pointer-events: none;
    width: 45px;
    height: 45px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-image: url(../img/select_arrow_www.svg);
    -moz-background-size: 20px 10px;
    -webkit-background-size: 20px 10px;
    background-size: 20px 10px;
    background-position: center; }
.main-content select,
.categoryListing--container select,
.row--newsroom-filters select,
.row--page-filters select,
form select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 0 40px 0 1.05rem;
  background-color: #FFF;
  border-color: transparent;
  font-size: 0.95rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-border-radius: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 2px;
  height: 100%; }
  .main-content select:required:invalid,
  .categoryListing--container select:required:invalid,
  .row--newsroom-filters select:required:invalid,
  .row--page-filters select:required:invalid,
  form select:required:invalid {
    color: #686a70; }
  .main-content select::-ms-expand,
  .categoryListing--container select::-ms-expand,
  .row--newsroom-filters select::-ms-expand,
  .row--page-filters select::-ms-expand,
  form select::-ms-expand {
    display: none; }
  .main-content select option,
  .categoryListing--container select option,
  .row--newsroom-filters select option,
  .row--page-filters select option,
  form select option {
    color: #002855; }
    .main-content select option[value=""][disabled],
    .categoryListing--container select option[value=""][disabled],
    .row--newsroom-filters select option[value=""][disabled],
    .row--page-filters select option[value=""][disabled],
    form select option[value=""][disabled] {
      display: none; }
.main-content label,
.main-content label a,
.categoryListing--container label,
.categoryListing--container label a,
.row--newsroom-filters label,
.row--newsroom-filters label a,
.row--page-filters label,
.row--page-filters label a,
form label,
form label a {
  color: #002855;
  font-size: 0.85rem;
  margin-bottom: 3px; }
.main-content .checkbox-wrapper,
.categoryListing--container .checkbox-wrapper,
.row--newsroom-filters .checkbox-wrapper,
.row--page-filters .checkbox-wrapper,
form .checkbox-wrapper {
  position: relative;
  height: 26px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .main-content .checkbox-wrapper.list-filter,
  .categoryListing--container .checkbox-wrapper.list-filter,
  .row--newsroom-filters .checkbox-wrapper.list-filter,
  .row--page-filters .checkbox-wrapper.list-filter,
  form .checkbox-wrapper.list-filter {
    display: inline-flex;
    align-items: center;
    min-height: 35px;
    width: 100%; }
    .main-content .checkbox-wrapper.list-filter .checkbox-text,
    .categoryListing--container .checkbox-wrapper.list-filter .checkbox-text,
    .row--newsroom-filters .checkbox-wrapper.list-filter .checkbox-text,
    .row--page-filters .checkbox-wrapper.list-filter .checkbox-text,
    form .checkbox-wrapper.list-filter .checkbox-text {
      padding-top: 0; }
  .main-content .checkbox-wrapper input,
  .categoryListing--container .checkbox-wrapper input,
  .row--newsroom-filters .checkbox-wrapper input,
  .row--page-filters .checkbox-wrapper input,
  form .checkbox-wrapper input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .main-content .checkbox-wrapper input:checked ~ .checkmark,
    .categoryListing--container .checkbox-wrapper input:checked ~ .checkmark,
    .row--newsroom-filters .checkbox-wrapper input:checked ~ .checkmark,
    .row--page-filters .checkbox-wrapper input:checked ~ .checkmark,
    form .checkbox-wrapper input:checked ~ .checkmark {
      background-color: #002855; }
      .main-content .checkbox-wrapper input:checked ~ .checkmark::after,
      .categoryListing--container .checkbox-wrapper input:checked ~ .checkmark::after,
      .row--newsroom-filters .checkbox-wrapper input:checked ~ .checkmark::after,
      .row--page-filters .checkbox-wrapper input:checked ~ .checkmark::after,
      form .checkbox-wrapper input:checked ~ .checkmark::after {
        display: block; }
  .main-content .checkbox-wrapper .checkmark,
  .categoryListing--container .checkbox-wrapper .checkmark,
  .row--newsroom-filters .checkbox-wrapper .checkmark,
  .row--page-filters .checkbox-wrapper .checkmark,
  form .checkbox-wrapper .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
    background-color: #FFF;
    border: 2px solid #002855; }
    .main-content .checkbox-wrapper .checkmark::after,
    .categoryListing--container .checkbox-wrapper .checkmark::after,
    .row--newsroom-filters .checkbox-wrapper .checkmark::after,
    .row--page-filters .checkbox-wrapper .checkmark::after,
    form .checkbox-wrapper .checkmark::after {
      content: "";
      position: absolute;
      display: none;
      left: 12px;
      top: 5px;
      width: 8px;
      height: 18px;
      border: solid #FFF;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .main-content .checkbox-wrapper .checkbox-text,
  .main-content .checkbox-wrapper label,
  .main-content .checkbox-wrapper label span,
  .categoryListing--container .checkbox-wrapper .checkbox-text,
  .categoryListing--container .checkbox-wrapper label,
  .categoryListing--container .checkbox-wrapper label span,
  .row--newsroom-filters .checkbox-wrapper .checkbox-text,
  .row--newsroom-filters .checkbox-wrapper label,
  .row--newsroom-filters .checkbox-wrapper label span,
  .row--page-filters .checkbox-wrapper .checkbox-text,
  .row--page-filters .checkbox-wrapper label,
  .row--page-filters .checkbox-wrapper label span,
  form .checkbox-wrapper .checkbox-text,
  form .checkbox-wrapper label,
  form .checkbox-wrapper label span {
    float: left;
    padding-top: 8px;
    padding-left: 9px;
    font-size: 1rem;
    color: #002855; }
  .main-content .checkbox-wrapper.category-list-item,
  .categoryListing--container .checkbox-wrapper.category-list-item,
  .row--newsroom-filters .checkbox-wrapper.category-list-item,
  .row--page-filters .checkbox-wrapper.category-list-item,
  form .checkbox-wrapper.category-list-item {
    display: inline-flex;
    align-items: center;
    min-height: 35px;
    width: 100%; }
    .main-content .checkbox-wrapper.category-list-item .checkbox-text,
    .categoryListing--container .checkbox-wrapper.category-list-item .checkbox-text,
    .row--newsroom-filters .checkbox-wrapper.category-list-item .checkbox-text,
    .row--page-filters .checkbox-wrapper.category-list-item .checkbox-text,
    form .checkbox-wrapper.category-list-item .checkbox-text {
      padding-top: 1px;
      line-height: 18px; }

/* ---- [ explore  ] --- */
body[data-site-handle="explore"] .main-content .input-date,
body[data-site-handle="explore"] .categoryListing--container .input-date,
body[data-site-handle="explore"] form .input-date {
  border: 2px solid #C8102E;
  background-image: url(../img/icon_date_explore.svg); }
body[data-site-handle="explore"] .main-content .input-timedate,
body[data-site-handle="explore"] .categoryListing--container .input-timedate,
body[data-site-handle="explore"] form .input-timedate {
  border: 2px solid #C8102E;
  background-image: url(../img/icon_datetime_explore.svg); }
body[data-site-handle="explore"] .main-content .select-wrapper,
body[data-site-handle="explore"] .categoryListing--container .select-wrapper,
body[data-site-handle="explore"] form .select-wrapper {
  border: 2px solid #C8102E; }
  body[data-site-handle="explore"] .main-content .select-wrapper::before,
  body[data-site-handle="explore"] .categoryListing--container .select-wrapper::before,
  body[data-site-handle="explore"] form .select-wrapper::before {
    background-image: url(../img/select_arrow_explore.svg); }
body[data-site-handle="explore"] .main-content .checkbox-wrapper:hover input ~ .checkmark,
body[data-site-handle="explore"] .categoryListing--container .checkbox-wrapper:hover input ~ .checkmark,
body[data-site-handle="explore"] form .checkbox-wrapper:hover input ~ .checkmark {
  background-color: #f7f1f2; }
body[data-site-handle="explore"] .main-content .checkbox-wrapper .checkmark,
body[data-site-handle="explore"] .categoryListing--container .checkbox-wrapper .checkmark,
body[data-site-handle="explore"] form .checkbox-wrapper .checkmark {
  border: 2px solid #C8102E; }
  body[data-site-handle="explore"] .main-content .checkbox-wrapper .checkmark::after,
  body[data-site-handle="explore"] .categoryListing--container .checkbox-wrapper .checkmark::after,
  body[data-site-handle="explore"] form .checkbox-wrapper .checkmark::after {
    border: solid #FFF;
    left: 12px;
    top: 5px;
    width: 8px;
    height: 18px;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
body[data-site-handle="explore"] .main-content .checkbox-wrapper input:checked ~ .checkmark,
body[data-site-handle="explore"] .categoryListing--container .checkbox-wrapper input:checked ~ .checkmark,
body[data-site-handle="explore"] form .checkbox-wrapper input:checked ~ .checkmark {
  background-color: #C8102E; }

/* ---- [ invest  ] --- */
body[data-site-handle="invest"] .main-content .checkbox-wrapper:hover input ~ .checkmark,
body[data-site-handle="invest"] .categoryListing--container .checkbox-wrapper:hover input ~ .checkmark,
body[data-site-handle="invest"] form .checkbox-wrapper:hover input ~ .checkmark {
  background-color: #ECF6F3; }
body[data-site-handle="invest"] .main-content .checkbox-wrapper .checkmark,
body[data-site-handle="invest"] .categoryListing--container .checkbox-wrapper .checkmark,
body[data-site-handle="invest"] form .checkbox-wrapper .checkmark {
  border: 2px solid #006341; }
  body[data-site-handle="invest"] .main-content .checkbox-wrapper .checkmark::after,
  body[data-site-handle="invest"] .categoryListing--container .checkbox-wrapper .checkmark::after,
  body[data-site-handle="invest"] form .checkbox-wrapper .checkmark::after {
    border: solid #FFF;
    left: 12px;
    top: 5px;
    width: 8px;
    height: 18px;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
body[data-site-handle="invest"] .main-content .checkbox-wrapper input:checked ~ .checkmark,
body[data-site-handle="invest"] .categoryListing--container .checkbox-wrapper input:checked ~ .checkmark,
body[data-site-handle="invest"] form .checkbox-wrapper input:checked ~ .checkmark {
  background-color: #006341; }

.form-control[readonly] {
  background-color: #fff; }

#component-searchbox-form .filters-dropdown {
  background: #d9e0e6; }
  #component-searchbox-form .filters-dropdown .filter-title .checkbox-text {
    font-weight: 400;
    font-size: 1.25rem; }
  #component-searchbox-form .filters-dropdown #library-filters {
    padding-left: 10px;
    padding-top: 10px; }
    #component-searchbox-form .filters-dropdown #library-filters .checkbox-text {
      font-size: 1rem;
      font-weight: 300; }

.filters-dropdown {
  background: #FFF; }
  .filters-dropdown .filter-title {
    height: 21px;
    width: 100%;
    padding-left: 0; }
  .filters-dropdown .btn-expand {
    position: absolute;
    right: 5px;
    top: 4px; }

#language-lightbox-btn {
  display: inline-flex;
  justify-content: space-between;
  width: 145px;
  margin-right: 0.7rem;
  margin-bottom: 5px;
  margin-top: 0;
  padding: 5px 10px 4px 10px; }
  @media (max-width: 991px) {
    #language-lightbox-btn {
      margin: 0; } }

#language-lightbox label {
  max-width: 260px;
  min-width: 260px; }
  #language-lightbox label img {
    float: left;
    max-width: 27px;
    margin: 4px;
    margin-left: 9px; }
  #language-lightbox label input:checked ~ .checkmark {
    background: #002855; }
  #language-lightbox label .checkmark {
    border: 2px solid #002855; }

.footer-container .select-wrapper {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.7);
  height: 34px;
  display: inline-block;
  margin: 0 12px 5px 0; }
  .footer-container .select-wrapper::before {
    position: absolute;
    content: '';
    display: inline-block;
    right: 0;
    top: 2;
    pointer-events: none;
    width: 28px;
    height: 28px;
    background-color: #0F2D4F;
    background-repeat: no-repeat;
    background-image: url(../img/select_arrow_white.svg);
    -moz-background-size: 20px 10px;
    -webkit-background-size: 20px 10px;
    background-size: 20px 10px;
    background-position: center; }
.footer-container select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 0 40px 0 0.75rem;
  background-color: #0F2D4F;
  border-color: transparent;
  font-size: 0.95rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-border-radius: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
  height: 100%;
  color: rgba(255, 255, 255, 0.7); }
  .footer-container select:required:invalid {
    color: #686a70; }
  .footer-container select::-ms-expand {
    display: none; }
  .footer-container select option {
    color: #002855;
    background-color: #fff; }
    .footer-container select option[value=""][disabled] {
      display: none; }

.page {
  padding-top: 100px; }

.bg-white {
  background-color: #FFF; }

.bg-darkblue {
  background-color: #002854; }

.fixed-top {
  -moz-box-shadow: 0 2px 20px rgba(57, 63, 72, 0.1);
  -webkit-box-shadow: 0 2px 20px rgba(57, 63, 72, 0.1);
  box-shadow: 0 2px 20px rgba(57, 63, 72, 0.1); }

/* -- menu  -- */
a.toggle-nav {
  display: inline-block; }

.menu-toggle {
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10; }
  .menu-toggle:focus {
    outline: none; }

.show-nav .one {
  -moz-transform: rotate(45deg) translate(6px, 8px);
  -ms-transform: rotate(45deg) translate(6px, 8px);
  -webkit-transform: rotate(45deg) translate(6px, 8px);
  transform: rotate(45deg) translate(6px, 8px); }

.show-nav .two {
  opacity: 0; }

.show-nav .three {
  -moz-transform: rotate(-45deg) translate(9px, -11px);
  -ms-transform: rotate(-45deg) translate(9px, -11px);
  -webkit-transform: rotate(-45deg) translate(9px, -11px);
  transform: rotate(-45deg) translate(9px, -11px); }

.one, .two, .three {
  width: 100%;
  height: 4px;
  background: #FFF;
  margin: 8px auto;
  backface-visibility: hidden;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

/* ----  mmenu overrides ----- */
.header-bar {
  transition: 300ms top;
  -webkit-transition: 300ms top;
  top: 0; }

.mm-menu_selected-hover .mm-listitem > .mm-listitem__btn, .mm-menu_selected-hover .mm-listitem > .mm-listitem__text, .mm-menu_selected-parent .mm-listitem > .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem > .mm-listitem__text {
  -webkit-transition: background .1s ease;
  -o-transition: background .1s ease;
  transition: background 0.1s ease; }

/*
.mm-menu a.active {
	color: white;
}*/
.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover, .mm-menu a.active:hover {
  background: #d9d9d9;
  color: #333; }

.mm-page {
  /* fix disappearing top header */
  top: 0;
  width: 100%; }

.mm-slideout {
  background: #fff; }

.mm-menu_offcanvas {
  opacity: 0;
  transition: 400ms all;
  transform: translate(500px, 0);
  transform-origin: 0 0;
  display: block;
  z-index: 0;
  /*
  .mm-navbar:last-of-type{
    height: 60px;
  }
  */ }
  .mm-menu_offcanvas.mm-menu_opened {
    /* z-index: 9999; */
    opacity: 1;
    transform: translate(0, 0); }
  .mm-menu_offcanvas .mm-listitem,
  .mm-menu_offcanvas .mm-btn:after,
  .mm-menu_offcanvas .mm-btn:before,
  .mm-menu_offcanvas .mm-navbars_top {
    border-color: #0073C2; }
  .mm-menu_offcanvas .mm-navbar__tab_selected span,
  .mm-menu_offcanvas .mm-navbar_tabs > a:not(.mm-navbar__tab_selected) span,
  .mm-menu_offcanvas .mm-menu a,
  .mm-menu_offcanvas .mm-menu a:active,
  .mm-menu_offcanvas .mm-menu a:hover,
  .mm-menu_offcanvas .mm-menu a:link,
  .mm-menu_offcanvas .mm-menu a:visited {
    font-weight: 500; }
  .mm-menu_offcanvas .mm-listitem:after {
    left: 0; }
  .mm-menu_offcanvas .mm-navbar_tabs > a:not(.mm-navbar__tab_selected) {
    background-color: #E7E7E7; }
  .mm-menu_offcanvas .mm-navbars_top .mm-navbar_tabs:not(:last-child) {
    border: none; }
  .mm-menu_offcanvas .mm-navbar__btn:last-child {
    right: 10px; }
  .mm-menu_offcanvas .mm-listitem__text {
    line-height: 1.4rem; }
  .mm-menu_offcanvas .mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 0; }
  .mm-menu_offcanvas .mm-navbars_top .mm-navbar__tab_selected {
    border: none; }
  .mm-menu_offcanvas .mm-searchfield input {
    height: 60px;
    padding: 1.05rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 2px solid #0E2D4F !important;
    font-size: 1.2rem;
    border-style: solid;
    background: #FFF;
    margin-top: 5px; }
  .mm-menu_offcanvas .mm-navbar:first-of-type,
  .mm-menu_offcanvas .mm-searchfield__input,
  .mm-menu_offcanvas .mm-searchfield {
    height: 90px; }
  .mm-menu_offcanvas .mm-panels > .mm-panel > .mm-listview:first-child,
  .mm-menu_offcanvas .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 1.6rem; }
  .mm-menu_offcanvas #panel-cart.mm-panel_opened .mm-listitem a {
    position: relative;
    text-decoration: none; }
  .mm-menu_offcanvas #panel-cart.mm-panel_opened .mm-listitem a:after {
    content: '\2750';
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    right: 20px;
    top: 15px;
    color: #0073C2;
    text-decoration: none;
    border: none; }

/*.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 23px;
  }

.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 1px;
}

.mm-btn_close:after,
.mm-btn_close:before {
    width: 16px;
    height: 16px
  }*/
.dividerSpacer--container.top-auto {
  margin-top: 1.8rem; }
.dividerSpacer--container.bottom-auto {
  margin-bottom: 1.8rem; }
.dividerSpacer--container .standardDividerLine {
  background-color: rgba(0, 61, 165, 0.5);
  height: 1px;
  border: none; }
.dividerSpacer--container .blank {
  height: 0px;
  border: none; }
.dividerSpacer--container hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0 !important;
  border-top: 0 !important; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

a {
  color: #0062ca; }

.text--container.top-auto {
  margin-top: 1rem; }

.text--container.bottom-auto {
  margin-bottom: 1rem; }

.text--container a[href$=".mp3"]:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f028";
  display: inline-block;
  margin-left: 5px;
  color: #0077C8; }
.text--container p {
  margin-bottom: 0.75rem;
  line-height: 1.5rem; }
.text--container .top-auto {
  margin-top: 1.5rem; }
.text--container .bottom-auto {
  margin-bottom: 1.5rem; }

.disclaimer-text {
  font-size: 80%;
  font-weight: 400;
  font-style: italic; }

b,
strong {
  font-weight: 600; }

em {
  font-style: italic; }

p {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif; }
  @media (max-width: 575px) {
    p {
      font-size: 1rem; } }
  p span.image-caption {
    text-transform: uppercase;
    font-size: 0.7em;
    color: #999;
    display: block; }

.text-charcoal {
  color: #333F48; }

.display-1,
h1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 300;
  font-family: "ingra", sans-serif;
  font-size: 2.8rem; }
  @media (max-width: 991px) {
    .display-1,
    h1 {
      font-size: 2.3rem !important; } }
  @media (max-width: 767px) {
    .display-1,
    h1 {
      font-size: 2.3rem !important; } }
  @media (max-width: 575px) {
    .display-1,
    h1 {
      font-size: 2rem !important; } }
  @media (max-width: 439px) {
    .display-1,
    h1 {
      font-size: 1.8rem !important; } }

.display-2,
h2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 300;
  font-size: 2.3rem;
  font-family: "ingra", sans-serif; }
  @media (max-width: 575px) {
    .display-2,
    h2 {
      font-size: 1.8rem !important; } }

.display-3,
h3 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 300;
  font-size: 1.75rem;
  font-family: "ingra", sans-serif; }
  @media (max-width: 575px) {
    .display-3,
    h3 {
      font-size: 1.6rem !important; } }
  @media (max-width: 439px) {
    .display-3,
    h3 {
      font-size: 1.4rem !important; } }

.display-4,
h4 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 300;
  font-size: 1.5rem;
  font-family: "ingra", sans-serif; }
  @media (max-width: 575px) {
    .display-4,
    h4 {
      font-size: 1.4rem !important; } }

.display-5,
h5 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  font-weight: 300;
  font-size: 1.2rem;
  font-family: "ingra", sans-serif; }
  @media (max-width: 575px) {
    .display-5,
    h5 {
      font-size: 1.2rem !important; } }
  @media (max-width: 439px) {
    .display-5,
    h5 {
      font-size: 1.125rem !important; } }

.display-6,
h6 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-weight: 300;
  font-size: 1.1rem;
  font-family: "ingra", sans-serif;
  line-height: 1.6em; }
  @media (max-width: 575px) {
    .display-6,
    h6 {
      font-size: 1rem !important; } }

h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {
  font-weight: 300; }

body[data-page-type="page"] h1, body[data-page-type="page"] h2, body[data-page-type="page"] h3 {
  color: #002855; }
body[data-page-type="page"] h4 {
  margin-top: 1.2rem; }

body[data-page-type="notFound"] h1, body[data-page-type="notFound"] h2, body[data-page-type="notFound"] h3, body[data-page-type="notFound"] h4, body[data-page-type="notFound"] h5, body[data-page-type="notFound"] h6 {
  color: #002855; }

a:hover {
  text-decoration: none; }

li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif; }
  @media (max-width: 575px) {
    li {
      font-size: 1rem; } }

/*ul{
  ul{
    list-style-type: circle;
    ul{
      list-style-type: square;
    }
  }
}

ol, ul{
  margin-bottom: 0;
  ol{
    list-style-type: lower-alpha;
    ol{
      list-style-type: lower-roman;
    }
  }
}*/
p q,
p blockquote,
p cite {
  font-family: "Open Sans", sans-serif; }

pre, code {
  font-family: SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;
  font-size: .9em;
  color: #29323d;
  padding: 1rem;
  background-color: #f6f7f8;
  top: 0;
  display: block;
  line-height: 1.5;
  color: rgba(51, 51, 51, 0.85);
  white-space: pre-wrap;
  margin: 0;
  margin-bottom: 1em; }

table {
  border-collapse: collapse;
  max-width: 100%;
  width: 100%; }
  table tbody tr td {
    text-align: left;
    border-right: 1px solid #818b98;
    border-bottom: 1px solid #818b98;
    padding: 16px;
    padding-bottom: 15px;
    font-family: "Open Sans", sans-serif; }
  @media (max-width: 575px) {
    table tbody tr td {
      border-right: none !important; } }
  @media (max-width: 439px) {
    table tbody tr td {
      border-right: none !important; } }

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

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

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

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

.color-white {
  color: #fff; }

.color-black {
  color: #000; }

.color-red {
  color: #C8102E; }

.color-medblue {
  color: #0077C8; }

.color-medgreen {
  color: #52a247; }

.color-green {
  color: #006341; }

.color-navy {
  color: #002855; }

.color-charcoal {
  color: #333F48; }

.color-royalblue {
  color: #003DA5; }

.quote--container {
  margin-top: 2rem;
  margin-bottom: 2rem;
  min-height: 160px;
  /*padding: 15px 16px 15px;
  padding-top: 42px;

  @include sm-max {
    padding-top: 57px;
    padding-bottom: 25px;
  }*/ }
  @media (max-width: 767px) {
    .quote--container {
      min-height: 184px; } }
  .quote--container .quote-image {
    content: '';
    background-position: center;
    background-size: 100%;
    width: 38px;
    height: 38px;
    margin: 0 auto;
    /*position: absolute;
    left: 49%;
    top: -29%;
    @include xl-max {
      top: -26%;
    }
    @include lg-max {
      top: -18%;
    }
    @include md-max {
      left: 44%;
    }
    @include sm-max {
      top: -16%;
    }*/ }
  .quote--container .quote-logo {
    margin-top: 25px; }
    .quote--container .quote-logo img {
      max-height: 50px;
      width: auto;
      display: inline-block; }
  .quote--container.blue {
    background-color: rgba(52, 189, 235, 0.1); }
    .quote--container.blue .quote-image {
      background: url("../../base/img/quote-icon-blue.svg") no-repeat; }
  .quote--container.green {
    background-color: rgba(151, 215, 0, 0.1); }
    .quote--container.green .quote-image {
      background: url("../../base/img/quote-icon-green.svg") no-repeat; }
  .quote--container.navy {
    background-color: rgba(52, 189, 235, 0.1); }
    .quote--container.navy .quote-image {
      background: url("../../base/img/quote-icon-navy.svg") no-repeat; }
  .quote--container.pink {
    background-color: rgba(225, 0, 152, 0.1); }
    .quote--container.pink .quote-image {
      background: url("../../base/img/quote-icon-pink.svg") no-repeat; }
  .quote--container.purple {
    background-color: rgba(152, 29, 151, 0.1); }
    .quote--container.purple .quote-image {
      background: url("../../base/img/quote-icon-purple.svg") no-repeat; }
  .quote--container.red {
    background-color: rgba(200, 16, 46, 0.1); }
    .quote--container.red .quote-image {
      background: url("../../base/img/quote-icon-red.svg") no-repeat; }
  .quote--container.teal {
    background-color: rgba(0, 199, 177, 0.1); }
    .quote--container.teal .quote-image {
      background: url("../../base/img/quote-icon-teal.svg") no-repeat; }
  .quote--container.yellow {
    background-color: rgba(252, 227, 0, 0.1); }
    .quote--container.yellow .quote-image {
      background: url("../../base/img/quote-icon-yellow.svg") no-repeat; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

.addthis_inline_share_toolbox table {
  border: none; }
  .addthis_inline_share_toolbox table tr,
  .addthis_inline_share_toolbox table td {
    border: none; }
    @media (max-width: 575px) {
      .addthis_inline_share_toolbox table tr,
      .addthis_inline_share_toolbox table td {
        border: none; } }
  @media (max-width: 575px) {
    .addthis_inline_share_toolbox table td.at4-share-container {
      width: 100%;
      display: block;
      text-align: center; } }
  @media (max-width: 575px) {
    .addthis_inline_share_toolbox table td.at4-count-container {
      padding-top: 0;
      display: inline-block;
      text-align: center;
      padding-right: 0;
      margin-right: 0;
      border-right: none;
      min-width: 100%;
      height: 70px;
      width: 100%; } }
  @media (max-width: 575px) {
    .addthis_inline_share_toolbox table td.at4-count-container .at4-count {
      line-height: 30px; } }
  @media (max-width: 575px) {
    .addthis_inline_share_toolbox table td::before {
      float: none;
      text-align: center; } }
  .addthis_inline_share_toolbox table::after {
    content: "";
    clear: both;
    display: table; }

table {
  border: 1px solid #818b98;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }
  table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
    caption-side: top; }
  table tr {
    border: none;
    padding: .35em; }
  table th,
  table td {
    padding: .625em;
    text-align: center; }
  table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: 1px solid #818b98;
    background-color: #E5E9EE; }
  @media (max-width: 575px) {
    table {
      border: 0; }
      table caption {
        font-size: 1.3em; }
      table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
      table tr {
        border-bottom: 3px solid #818b98;
        display: block;
        margin-bottom: .625em; }
      table td {
        border-bottom: 1px solid #818b98;
        border-right: none;
        display: block;
        font-size: .8em;
        text-align: right; }
      table td.right {
        text-align: right;
        border-right: none; }
      table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left; }
      table td:last-child {
        border-bottom: 0;
        border-right: none; } }
  @media (max-width: 439px) {
    table td::before {
      float: none;
      text-align: left;
      display: block;
      padding-bottom: 5px; }
    table td.right {
      text-align: left;
      border-right: none;
      padding: 10px; } }

/* make the first column 15% */
.table--col-1-15 tr th:first-child,
.table--col-1-15 tr td:first-child {
  width: 15%; }
@media (max-width: 575px) {
  .table--col-1-15 tr th:first-child,
  .table--col-1-15 tr td:first-child {
    width: auto; } }

.image--size-oversized.top-auto {
  margin-top: 2rem; }

.image--size-oversized.bottom-auto {
  margin-bottom: 2rem; }

.image--size-fullWidth.top-auto,
.image--size-compact.top-auto {
  margin-top: 1rem; }

.image--size-fullWidth.bottom-auto,
.image--size-compact.bottom-auto {
  margin-bottom: 1rem; }

.image--size-fullWidth img.lazy {
  min-width: 100%; }

.image {
  width: 100%; }
  .image figure {
    margin: 0 0 0 0;
    position: relative; }
    .image figure figcaption {
      position: absolute;
      bottom: 1rem;
      right: 1rem;
      color: #fff;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      max-width: calc(100% - 3rem); }
      .image figure figcaption .caption-text {
        display: block;
        padding: 1rem;
        padding-right: 5rem;
        background: rgba(0, 0, 0, 0.75);
        border-radius: 2rem;
        opacity: 0;
        -webkit-transition: 150ms all;
        transition: 150ms all;
        z-index: 0; }
      .image figure figcaption .photo {
        /* the image icon */ }
        .image figure figcaption .photo img {
          width: auto;
          position: absolute;
          right: 0;
          bottom: 0;
          display: block;
          padding: 1rem 1rem;
          z-index: 1; }
        .image figure figcaption .photo img:active + .caption-text,
        .image figure figcaption .photo img:hover + .caption-text {
          opacity: 1; }
    .image figure .image-block-caption .caption-text {
      display: inline-block;
      padding-left: 5rem; }

.image--size-oversized {
  max-width: 1400px; }

.image--size-compact {
  max-width: 800px; }

.imageGraphic--container.top-auto {
  margin-top: 1rem; }

.imageGraphic--container.bottom-auto {
  margin-bottom: 1rem; }

.imageGraphic--container .smallLogo {
  max-width: 100px; }
@media (min-width: 992px) {
  .imageGraphic--container .halfSizeDesktop {
    max-width: 50%; } }
.imageGraphic--container .fullWidth {
  min-width: 100%; }
.imageGraphic--container img {
  width: 100%;
  cursor: pointer; }
.imageGraphic--container .hAlign-left {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center; }
.imageGraphic--container .hAlign-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center; }
.imageGraphic--container .hAlign-right {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: center;
  align-items: center; }
.imageGraphic--container figure {
  margin: 0 0 0 0;
  position: relative; }
  .imageGraphic--container figure figcaption {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    max-width: calc(100% - 3rem); }
    .imageGraphic--container figure figcaption .caption-text {
      display: inline-block;
      padding: 2rem;
      padding-left: 5rem;
      background: rgba(0, 0, 0, 0.75);
      border-radius: 2rem;
      opacity: 0;
      -webkit-transition: 150ms all;
      transition: 150ms all;
      z-index: 0; }
    .imageGraphic--container figure figcaption .photo {
      /* the image icon */ }
      .imageGraphic--container figure figcaption .photo img {
        width: auto;
        position: absolute;
        right: 0;
        bottom: 0;
        display: block;
        padding: 2rem 2rem;
        z-index: 1; }
      .imageGraphic--container figure figcaption .photo img:active + .caption-text,
      .imageGraphic--container figure figcaption .photo img:hover + .caption-text {
        opacity: 1; }

.twoColLayout--container.top-auto {
  margin-top: 1rem; }

.twoColLayout--container.bottom-auto {
  margin-bottom: 1rem; }

.twoColumnLayout.bg-paleblue {
  background-color: #dceaf6;
  color: #000; }
.twoColumnLayout.bg-grey {
  background-color: #eee; }
.twoColumnLayout.bg-bluegrey {
  background-color: #657581; }

.twoColLayout--container .twocol-content.bg-paleblue {
  background-color: #dceaf6;
  color: #000; }
.twoColLayout--container .twocol-content.bg-grey {
  background-color: #eee; }
.twoColLayout--container .twocol-content.bg-light {
  background-color: #FFF; }
.twoColLayout--container .twocol-content.bg-bluegrey {
  background-color: #657581; }
.twoColLayout--container .twocol-content.bg-lightGreen {
  background-color: #ECF6F3; }
.twoColLayout--container .twocol-content.bg-red {
  background-color: #F1C3CB; }
.twoColLayout--container hr {
  width: 100%; }
.twoColLayout--container .flex-column img {
  max-width: 100%; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .twoColLayout--container .flex-column img {
      flex-shrink: 0;
      align-self: flex-start; } }
  @media (max-width: 767px) {
    .twoColLayout--container .flex-column img {
      margin-bottom: 15px; } }
.twoColLayout--container figure iframe {
  max-width: 100%;
  width: 100%; }
.twoColLayout--container a[href$=".mp3"]:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f028";
  display: inline-block;
  margin-left: 5px;
  color: #0077C8; }

.bg-designed-for-life {
  background-color: #1F1C25;
  background-image: url(/common/base/img/bg-rustic-pattern.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-attachment: scroll;
  background-size: cover; }

body.incentives-for-sustainability .threeColLayout--container img {
  width: auto;
  height: 100px;
  margin: 0 auto; }

@media (max-width: 767px) {
  .threeColLayout--container .col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1.5rem; } }
@media (max-width: 439px) {
  .threeColLayout--container .col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

.heading--format-h1 h1 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.heading--format-h2 h2 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.heading--format-h3 h3 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.heading--format-h4 h4 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.heading--format-h5 h5 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.heading--format-h6 h6 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.heading--format-h1.top-auto {
  margin-top: 1rem; }

.heading--format-h1.bottom-auto {
  margin-bottom: 1.5rem; }

.heading--format-h2.top-auto {
  margin-top: 1rem; }

.heading--format-h2.bottom-auto {
  margin-bottom: 0.5rem; }

.heading--format-h3.top-auto {
  margin-top: 0.5rem; }

.heading--format-h3.bottom-auto {
  margin-bottom: 1rem; }

.heading--format-h4.top-auto {
  margin-top: 0.5rem; }

.heading--format-h4.bottom-auto {
  margin-bottom: 0.5rem; }

.heading--format-h5.top-auto {
  margin-top: 0.5rem; }

.heading--format-h5.bottom-auto {
  margin-bottom: 0.5rem; }

.heading--format-h6.top-auto {
  margin-top: 0.5rem; }

.heading--format-h6.bottom-auto {
  margin-bottom: 0.5rem; }

.bg-heading-grey,
[bg-heading="grey"] {
  background-color: gainsboro;
  display: flex; }

.bg-heading-lightGrey,
[bg-heading="lightGrey"] {
  background-color: #f0f0f0;
  display: flex; }

.bg-heading-white,
[bg-heading="white"] {
  background-color: white;
  display: flex; }

.bg-heading-black,
[bg-heading="black"] {
  background-color: black;
  display: flex; }
  .bg-heading-black *,
  [bg-heading="black"] * {
    color: #fff !important; }

.dropdown-select {
  -webkit-appearance: initial;
  display: block;
  width: 250px;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #D9D9D9;
  height: 45px;
  padding: 0px 15px;
  background-image: url(/common/base/img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 35px;
  margin-left: auto; }
  @media (max-width: 575px) {
    .dropdown-select {
      width: 100%; } }

.embed--container {
  /*&:last-child{
     margin-bottom: 7rem;
  }*/ }
  .embed--container .aspect_auto iframe {
    position: relative;
    max-width: 100%;
    width: 100%; }

.embed--container.top-auto {
  margin-top: 1.5rem; }

.body--main .tmpl-layouts-page > .container-fluid:last-child .embed--container:last-child {
  margin-bottom: 5rem !important; }

.embed--container.bottom-auto,
.embed--container.mb-0 {
  margin-bottom: 1.5rem; }
  .embed--container.bottom-auto:last-child,
  .embed--container.mb-0:last-child {
    margin-bottom: 5rem !important; }

/*.embed--container.mb-0{
  margin-bottom: 1.5rem;
  &:first-child{
    margin-bottom: 0rem !important;
  }
}*/
.embed--container .row :not(.aspect_auto) iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0; }
.embed--container .embed--google-map iframe {
  border: 2px solid #ccc; }

.aspect_217 {
  width: 100%;
  position: relative;
  padding-bottom: calc(100% * 7 / 21);
  overflow: hidden; }
  .aspect_217 iframe {
    /*position: relative;*/
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.aspect_169 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden; }
  .aspect_169 iframe {
    /*position: relative;*/
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  @media (min-width: 576px) {
    .aspect_169 {
      padding-top: 48.25%; } }

.aspect_149 {
  width: 100%;
  position: relative;
  padding-bottom: calc(100% * 9 / 14);
  overflow: hidden; }
  .aspect_149 iframe {
    /*position: relative;*/
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.aspect_43 {
  width: 100%;
  position: relative;
  padding-top: 75%;
  overflow: hidden; }
  .aspect_43 iframe {
    /*position: relative;*/
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.aspect_11 {
  width: 100%;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  /*  padding-bottom: calc(100% / 1 * 1)*/ }
  .aspect_11 iframe {
    /*position: relative;*/
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  @media (min-width: 576px) {
    .aspect_11 {
      padding-top: 85.25%; } }

.bg-embed-grey,
[bg-embed="grey"] {
  background-color: gainsboro;
  display: flex; }

.bg-embed-lightGrey,
[bg-embed="lightGrey"] {
  background-color: #f0f0f0;
  display: flex; }

/* dont use flex for stackla zh-3847 */
.bg-embed-lightGreyStackla,
[bg-embed="lightGreyStackla"] {
  background-color: #f0f0f0;
  /* display: flex; */ }

.bg-embed-white,
[bg-embed="white"] {
  background-color: white;
  display: flex; }

.bg-embed-black,
[bg-embed="black"] {
  background-color: black;
  display: flex; }
  .bg-embed-black *,
  [bg-embed="black"] * {
    color: #fff !important; }

/* zh-3640 */
ins.bookingaff {
  display: block;
  margin: 2rem; }
  ins.bookingaff iframe {
    position: relative !important; }

.panel-block .fx-bgtint-dark:before {
  z-index: 1; }
.panel-block .fx-bgtint-dark .icon-block:before {
  color: #fff; }
.panel-block .parallax__container {
  z-index: 0; }
.panel-block .panel--container {
  z-index: 3; }

.fx-bgtint-dark .panel--container {
  color: #FFF; }
  .fx-bgtint-dark .panel--container a:not(.btn) {
    color: #FFF; }

.panel--container {
  /*min-height: 200px;*/
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .panel--container.bg-blue {
    background-color: #dceaf6;
    color: #000; }
  .panel--container.bg-black {
    background-color: #000; }
    .panel--container.bg-black * {
      color: #FFF; }
  .panel--container.bg-grey {
    background-color: #eee; }
  .panel--container.bg-light {
    background-color: #FFF; }
  .panel--container.bg-bluegrey {
    background-color: #657581; }
  .panel--container.bg-lightGreen {
    background-color: #ECF6F3; }
  .panel--container.bg-red {
    background-color: #F1C3CB; }
  .panel--container.red-theme {
    background-color: #F1C3CB; }
    .panel--container.red-theme * {
      color: #C8102E; }
  .panel--container.blue-theme {
    background-color: rgba(0, 115, 194, 0.5); }
    .panel--container.blue-theme * {
      color: #002855; }
  .panel--container.panel-alert h1, .panel--container.panel-alert h2, .panel--container.panel-alert h3, .panel--container.panel-alert h4, .panel--container.panel-alert h5 {
    font-size: 1.2rem;
    font-weight: 500; }
  .panel--container.panel-alert i {
    font-size: 2rem;
    float: right; }
  .panel--container.panel-alert.bg-blue {
    border: 1px solid #002855; }
    .panel--container.panel-alert.bg-blue h1, .panel--container.panel-alert.bg-blue h2, .panel--container.panel-alert.bg-blue h3, .panel--container.panel-alert.bg-blue h4, .panel--container.panel-alert.bg-blue h5, .panel--container.panel-alert.bg-blue i {
      color: #002855; }
  .panel--container.panel-alert.bg-black {
    border: 1px solid #fff; }
    .panel--container.panel-alert.bg-black h1, .panel--container.panel-alert.bg-black h2, .panel--container.panel-alert.bg-black h3, .panel--container.panel-alert.bg-black h4, .panel--container.panel-alert.bg-black h5, .panel--container.panel-alert.bg-black i {
      color: #fff; }
  .panel--container.panel-alert.bg-grey {
    border: 1px solid #333; }
    .panel--container.panel-alert.bg-grey h1, .panel--container.panel-alert.bg-grey h2, .panel--container.panel-alert.bg-grey h3, .panel--container.panel-alert.bg-grey h4, .panel--container.panel-alert.bg-grey h5, .panel--container.panel-alert.bg-grey i {
      color: #333; }
  .panel--container.panel-alert.bg-white {
    border: 1px solid #333; }
  .panel--container.panel-alert.bg-bluegrey {
    border: 1px solid #333; }
    .panel--container.panel-alert.bg-bluegrey h1, .panel--container.panel-alert.bg-bluegrey h2, .panel--container.panel-alert.bg-bluegrey h3, .panel--container.panel-alert.bg-bluegrey h4, .panel--container.panel-alert.bg-bluegrey h5, .panel--container.panel-alert.bg-bluegrey i, .panel--container.panel-alert.bg-bluegrey p, .panel--container.panel-alert.bg-bluegrey a, .panel--container.panel-alert.bg-bluegrey a:hover {
      color: #fff; }
  .panel--container.panel-alert.bg-lightGreen {
    border: 1px solid #006341; }
    .panel--container.panel-alert.bg-lightGreen h1, .panel--container.panel-alert.bg-lightGreen h2, .panel--container.panel-alert.bg-lightGreen h3, .panel--container.panel-alert.bg-lightGreen h4, .panel--container.panel-alert.bg-lightGreen h5, .panel--container.panel-alert.bg-lightGreen i {
      color: #006341; }
  .panel--container.panel-alert.bg-red {
    border: 1px solid #c8102e; }
    .panel--container.panel-alert.bg-red h1, .panel--container.panel-alert.bg-red h2, .panel--container.panel-alert.bg-red h3, .panel--container.panel-alert.bg-red h4, .panel--container.panel-alert.bg-red h5, .panel--container.panel-alert.bg-red i {
      color: #c8102e; }

.labels--container.top-auto {
  margin-top: 1rem; }
.labels--container.bottom-auto {
  margin-bottom: 1rem; }
  .labels--container.bottom-auto:last-child {
    margin-bottom: 7rem; }
.labels--container i {
  color: #0077C8;
  font-size: 1.1rem;
  padding-right: 5px;
  width: 38px;
  text-align: center;
  display: inline-block; }
.labels--container a {
  text-decoration: none;
  border-bottom: 1px solid #0077C8;
  color: #0077C8; }

/*
  Labels applied within the Rich Text Editor
*/
.icon-block {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 300;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  color: #002855; }

.phone-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f095";
  padding-right: 10px; }

.address-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f041";
  padding-right: 10px; }

.datetime-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f133";
  padding-right: 10px; }

.information-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f05a";
  padding-right: 10px; }

.externallink-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";
  padding-right: 10px; }

.closedcaptions-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f20a";
  padding-right: 10px; }

.download-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f019";
  padding-right: 10px; }

.time-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f017";
  padding-right: 10px; }

.user-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 10px; }

.fa-envelope-o::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0e0";
  padding-right: 10px; }

.email-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0e0";
  padding-right: 10px; }

.fax-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1ac";
  padding-right: 10px; }

.website-block::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0ac";
  padding-right: 10px; }

.facebook-block::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  content: "\f09a";
  padding-right: 10px; }

body[class*="consultation-aplms"] {
  overflow-x: hidden; }
  body[class*="consultation-aplms"] #main-navigation {
    display: none !important; }

.inThisSection--container.default.top-auto {
  margin-top: 1rem; }
.inThisSection--container.default.bottom-auto {
  margin-bottom: 1rem; }
.inThisSection--container.default h4 {
  font-weight: 400;
  color: #002855; }
.inThisSection--container.default a.anchor_item:not(.btn) {
  font-size: 1.1rem;
  margin-bottom: 3px;
  display: inline-block; }
.inThisSection--container.default #inThisSection {
  padding-left: 20px;
  padding-bottom: 5px;
  color: #0077C8; }
.inThisSection--container.default .inner-inthis {
  border: 0; }
  .inThisSection--container.default .inner-inthis.helpdesk {
    background-color: #edf6fd; }
  .inThisSection--container.default .inner-inthis.www {
    background-color: #E5E9EE; }
  .inThisSection--container.default .inner-inthis.explore {
    background-color: #F9E7EA; }
.inThisSection--container.side-menu {
  position: relative; }
  .inThisSection--container.side-menu #collapse-floatmenu:has(#inThisSection.collapsed) {
    width: 0; }
    @media (max-width: 575px) {
      .inThisSection--container.side-menu #collapse-floatmenu:has(#inThisSection.collapsed) {
        width: 100%;
        height: 0; } }
  .inThisSection--container.side-menu .inner-inthis {
    position: fixed;
    right: 0;
    top: 40%;
    color: #000 !important;
    z-index: 99;
    width: 100%;
    max-width: 260px;
    height: auto;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
    background-color: #fcfcfc; }
    @media (max-width: 575px) {
      .inThisSection--container.side-menu .inner-inthis {
        top: unset;
        bottom: 0;
        max-width: 100%;
        width: 100%; } }
    .inThisSection--container.side-menu .inner-inthis.www {
      background-color: #fcfcfc; }
    .inThisSection--container.side-menu .inner-inthis.menu-closed .collapse-button a {
      -moz-transform: scale(-1, 1);
      -webkit-transform: scale(-1, 1);
      -o-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1); }
      @media (max-width: 575px) {
        .inThisSection--container.side-menu .inner-inthis.menu-closed .collapse-button a {
          -moz-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); } }
    .inThisSection--container.side-menu .inner-inthis .collapse-button {
      position: absolute;
      left: -30px;
      top: 0;
      height: 40px;
      width: 30px;
      box-shadow: -2px -1px 8px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: -2px -1px 8px rgba(0, 0, 0, 0.2);
      background-color: #FFF;
      -moz-border-top-left-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      border-top-left-radius: 10px;
      -moz-border-bottom-left-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      border-bottom-left-radius: 10px; }
      @media (max-width: 575px) {
        .inThisSection--container.side-menu .inner-inthis .collapse-button {
          top: -35px;
          left: 9px;
          -moz-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); } }
      .inThisSection--container.side-menu .inner-inthis .collapse-button a {
        text-decoration: none;
        border: none; }
    .inThisSection--container.side-menu .inner-inthis .title {
      display: none; }
    .inThisSection--container.side-menu .inner-inthis #inThisSection {
      margin-bottom: 10px;
      list-style: none;
      list-style-type: none; }
      .inThisSection--container.side-menu .inner-inthis #inThisSection .list-item {
        display: block; }
      .inThisSection--container.side-menu .inner-inthis #inThisSection a.anchor_item:not(.btn) {
        font-size: 1.1rem;
        margin-bottom: 3px;
        display: flex;
        border-bottom: none;
        min-height: 26px;
        height: auto !important;
        height: 26px; }
        .inThisSection--container.side-menu .inner-inthis #inThisSection a.anchor_item:not(.btn) .anchor-name {
          display: inline-block;
          float: left;
          width: calc(100% - 30px); }
        .inThisSection--container.side-menu .inner-inthis #inThisSection a.anchor_item:not(.btn):after {
          content: "\f054";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          -webkit-font-smoothing: antialiased;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          line-height: 26px;
          color: #1562bc;
          padding-top: 4px; }

.inThisSection--container.top-auto {
  margin-top: 1rem; }
.inThisSection--container.bottom-auto {
  margin-bottom: 1rem; }
.inThisSection--container h4 {
  font-weight: 400;
  color: #002855; }
.inThisSection--container a.anchor_item:not(.btn) {
  font-size: 1.1rem;
  margin-bottom: 3px;
  display: inline-block; }
.inThisSection--container #inThisSection {
  padding-left: 20px;
  /*  padding-bottom: 5px;*/
  color: #0077C8; }
.inThisSection--container .inner-inthis {
  border: 0; }

.listing--notice {
  color: #fff; }
  .listing--notice p {
    margin-bottom: 0; }
  .listing--notice a {
    color: #FFF;
    padding-bottom: 0;
    text-decoration: none;
    border-bottom: 1px solid #FFF; }
    .listing--notice a:hover {
      opacity: 0.7; }
  .listing--notice.www {
    background-color: #0073C2; }
    @media (max-width: 767px) {
      .listing--notice.www {
        background-color: #333F48; } }
  .listing--notice.explore {
    background-color: #C8102E; }
    @media (max-width: 767px) {
      .listing--notice.explore {
        background-color: #333F48; } }
  .listing--notice.helpdesk {
    background-color: #0077C8; }
    @media (max-width: 767px) {
      .listing--notice.helpdesk {
        background-color: #333F48; } }
  .listing--notice.living {
    background-color: #333F48; }
    @media (max-width: 767px) {
      .listing--notice.living {
        background-color: #333F48; } }

.page-header {
  color: #fff;
  margin-bottom: calc(4.5rem - 0.5rem);
  padding-top: 6.25rem;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
  @media (max-width: 575px) {
    .page-header {
      padding-top: 4.375rem;
      margin-bottom: 1.875rem; }
      .page-header h4 {
        font-size: 1rem; } }

@media (max-width: 575px) {
  body[data-page-type="listing"] .page-header {
    padding-top: 0.375rem; } }

.blogListing--container .pink-border {
  position: relative;
  padding: 0.8em 0 0.5em  0;
  display: inline-block; }
  .blogListing--container .pink-border:before {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 3px solid #C8102E;
    width: 1.5em;
    content: ""; }
.blogListing--container .slick-dots li button:before {
  top: 0; }

.listing-bg-lightGrey,
.listing-bg-grey {
  display: flex; }

.invest-content-container.top-auto {
  margin-top: 1.5rem; }
.invest-content-container.bottom-auto {
  margin-bottom: 1.5rem; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
.pagePopup--container {
  background: rgba(200, 16, 46, 0.8);
  color: #FFF;
  padding: 0.2rem 0.5rem;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  z-index: 20;
  position: absolute;
  /*
    top: 65px;
    right: 10px;
  
    min-width: 200px;
    max-width: 300px;
  */
  /* center vertical */
  top: 5rem;
  right: 10px;
  min-width: 200px;
  max-width: 400px;
  max-height: calc(100% - 7rem);
  overflow-y: auto; }
  .pagePopup--container .popup-close-btn {
    width: 20px;
    height: 20px;
    font-size: 1.5rem; }
  .pagePopup--container .popup-text p, .pagePopup--container .popup-text h1, .pagePopup--container .popup-text h2, .pagePopup--container .popup-text h3, .pagePopup--container .popup-text h4, .pagePopup--container .popup-text h5, .pagePopup--container .popup-text h6 {
    color: #FFF; }
  .pagePopup--container .popup-text p {
    font-size: 0.8rem; }
    .pagePopup--container .popup-text p a {
      text-decoration: none;
      padding-bottom: 1px;
      border-bottom: 1px solid #FFF;
      color: #FFF !important; }

.hero-wrap .pagePopupLong--container {
  top: 4rem;
  max-height: calc(100% - 5rem);
  overflow-y: auto;
  top: 100%;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  margin-top: -1rem; }

/* this is a dialog version of the above */
.hero-wrap .pagePopupLong--container.pagePopupLong--modal {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 500px;
  min-width: auto;
  padding: 1.5rem !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.pagePopupLong--container {
  z-index: 20;
  position: relative;
  /*  top: auto; */
  /* top: 4rem; */
  top: auto;
  margin-bottom: 1rem;
  right: auto;
  min-width: 100%;
  max-width: 100%;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px; }
  .pagePopupLong--container .popup-close-btn {
    width: 20px;
    height: 20px;
    font-size: 1.5rem; }
  .pagePopupLong--container .popup-text {
    width: 95%; }
    .pagePopupLong--container .popup-text p, .pagePopupLong--container .popup-text h1, .pagePopupLong--container .popup-text h2, .pagePopupLong--container .popup-text h3, .pagePopupLong--container .popup-text h4, .pagePopupLong--container .popup-text h5, .pagePopupLong--container .popup-text h6 {
      color: #FFF; }
    .pagePopupLong--container .popup-text p {
      font-size: 0.8rem; }
      .pagePopupLong--container .popup-text p a {
        text-decoration: none;
        padding-bottom: 1px;
        border-bottom: 1px solid #FFF;
        color: #FFF !important; }
  .pagePopupLong--container .popup-close-btn {
    position: absolute;
    right: 15px;
    top: 5px; }

@media screen and (max-width: 767px) {
  /* this is a dialog version of the above */
  .hero-wrap .pagePopupLong--container.pagePopupLong--modal {
    max-width: 95vw;
    width: 90vw;
    margin: 0;
    min-width: auto;
    padding: 1rem !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 9999; } }
/* zh-3582 */
[data-popup-style="smallWarning"] .pagePopup--container {
  top: 0; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
.row--newsroom-filters {
  background-color: #edf2fb; }

.row--page-filters {
  background-color: #f9f9f9; }

.text-blue {
  color: #003DA5; }

.listing-gradient,
.listing-tint,
.listing-gradient-dark {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }

.background-gradient {
  left: 0;
  min-width: 100%;
  z-index: -1; }
  .background-gradient.bottom {
    display: none; }
    @media (max-width: 575px) {
      .background-gradient.bottom {
        position: absolute;
        display: block;
        top: 324px;
        min-height: 170px; } }

.background-image-mobile {
  position: absolute;
  top: 4.9rem;
  left: 0;
  z-index: -2;
  height: 416px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: none; }
  @media (max-width: 575px) {
    .background-image-mobile {
      display: block; } }

.explore-angle-rectangle {
  position: absolute;
  left: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  top: 7rem;
  /* 11rem */
  height: 400px;
  background-position: left bottom;
  background-image: url(/common/base/img/grey-angle-rectangle.svg);
  display: none;
  z-index: -1; }
  @media (max-width: 575px) {
    .explore-angle-rectangle {
      display: block; } }

.helpdesk-angle-rectangle {
  position: absolute;
  left: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  top: 11rem;
  height: 400px;
  background-position: left bottom;
  background-image: url(/common/base/img/medblue-angle-rectangle.svg);
  display: none;
  z-index: -1; }
  @media (max-width: 575px) {
    .helpdesk-angle-rectangle {
      display: block; } }

.www-angle-rectangle {
  position: absolute;
  left: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  top: 11rem;
  height: 400px;
  background-position: left bottom;
  background-image: url(/common/base/img/royalblue-angle-rectangle.svg);
  display: none;
  z-index: -1; }
  @media (max-width: 575px) {
    .www-angle-rectangle {
      display: block; } }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    @media (max-width: 575px) {
      .background-gradient {
        min-height: 432px; } } } }
/* OLD LISTING PAGE BACKGROUND COLOUR */
.listing-gradient-dark {
  background: linear-gradient(black 0%, rgba(0, 0, 0, 0.25) 50%, transparent 60%); }

@media (max-width: 575px) {
  .background-gradient.bottom.www {
    background: linear-gradient(transparent, rgba(0, 61, 165, 0.5), #003DA5); } }

.listing-gradient.www {
  background: linear-gradient(#003DA5, rgba(0, 61, 165, 0.5), transparent); }

.listing-tint.www {
  background-color: rgba(0, 61, 165, 0.8); }

@media (max-width: 575px) {
  .background-gradient.bottom.explore {
    background: linear-gradient(rgba(51, 63, 72, 0.1), #333F48); } }

.listing-gradient.explore {
  background: linear-gradient(#333F48, rgba(51, 63, 72, 0.1), transparent); }

.listing-tint.explore {
  background-color: rgba(51, 63, 72, 0.8); }

@media (max-width: 575px) {
  .background-gradient.bottom.helpdesk {
    background: linear-gradient(transparent, #0077C8); } }

.listing-gradient.helpdesk {
  background: linear-gradient(#0077C8, transparent); }

.listing-tint.helpdesk {
  background-color: rgba(0, 119, 200, 0.8); }

@media (max-width: 575px) {
  .background-gradient.bottom.living {
    background: linear-gradient(transparent, #333F48); } }

.listing-gradient.living {
  background: linear-gradient(#333F48, transparent); }

.listing-tint.living {
  background-color: rgba(51, 63, 72, 0.8); }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

.eventListing--container--featured h3 {
  font-weight: 400; }

body[data-site-handle="explore"][data-page-type="page"] {
  /*h3{
    font-weight: 400;
    color: $colour--explore;
  }*/ }
  body[data-site-handle="explore"][data-page-type="page"] .eventListing--container h3,
  body[data-site-handle="explore"][data-page-type="page"] .event--filter-container h3 {
    font-weight: 400;
    color: #C8102E;
    padding-left: 0; }
  body[data-site-handle="explore"][data-page-type="page"] .event-filter {
    color: #002855;
    background-color: #F9E7EA; }
    body[data-site-handle="explore"][data-page-type="page"] .event-filter h4 {
      font-weight: 400;
      color: #C8102E; }
    @media (max-width: 991px) {
      body[data-site-handle="explore"][data-page-type="page"] .event-filter .search-events {
        width: 100%;
        max-width: 100%;
        padding: 15px; } }
    body[data-site-handle="explore"][data-page-type="page"] .event-filter .filters h4 {
      border-bottom: 2px solid #C8102E; }

body[data-site-handle="explore"][data-page-type="event"] .hero-container {
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 45vh;
  min-height: 240px; }
  @media (max-width: 575px) {
    body[data-site-handle="explore"][data-page-type="event"] .hero-container {
      height: 55vh; } }
  body[data-site-handle="explore"][data-page-type="event"] .hero-container .hero-overlay {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
    z-index: 0; }
  body[data-site-handle="explore"][data-page-type="event"] .hero-container h3.hero-venue {
    font-weight: 400; }
    @media (max-width: 575px) {
      body[data-site-handle="explore"][data-page-type="event"] .hero-container h3.hero-venue {
        font-size: 1.1rem; } }
  @media (max-width: 575px) {
    body[data-site-handle="explore"][data-page-type="event"] .hero-container h1 {
      font-size: 2.4rem; } }
  @media (max-width: 439px) {
    body[data-site-handle="explore"][data-page-type="event"] .hero-container h1 {
      font-size: 1.8rem; } }
body[data-site-handle="explore"][data-page-type="event"] .main-content a {
  text-decoration: none;
  border-bottom: 1px solid #003DA5;
  color: #003DA5; }
body[data-site-handle="explore"][data-page-type="event"] .main-content h3,
body[data-site-handle="explore"][data-page-type="event"] .main-content h4 {
  color: #C8102E;
  font-weight: 400; }
@media (max-width: 575px) {
  body[data-site-handle="explore"][data-page-type="event"] .main-content h3 {
    font-size: 1.2rem; } }
body[data-site-handle="explore"][data-page-type="event"] .main-content .fa,
body[data-site-handle="explore"][data-page-type="event"] .main-content .far,
body[data-site-handle="explore"][data-page-type="event"] .main-content .fas,
body[data-site-handle="explore"][data-page-type="event"] .main-content .fab {
  color: #C8102E;
  width: 20px;
  text-align: center; }
body[data-site-handle="explore"][data-page-type="event"] .main-content .fac-list,
body[data-site-handle="explore"][data-page-type="event"] .main-content .acc-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }
  @media (max-width: 767px) {
    body[data-site-handle="explore"][data-page-type="event"] .main-content .fac-list,
    body[data-site-handle="explore"][data-page-type="event"] .main-content .acc-list {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; } }
  body[data-site-handle="explore"][data-page-type="event"] .main-content .fac-list li,
  body[data-site-handle="explore"][data-page-type="event"] .main-content .acc-list li {
    margin: 0 0 10px 0; }
body[data-site-handle="explore"][data-page-type="event"] .main-content .details-row h4 {
  border-top: 1px solid #d9d9d9; }
body[data-site-handle="explore"][data-page-type="event"] .main-content .details-row a {
  text-decoration: none;
  border-bottom: 1px solid #003DA5;
  color: #003DA5; }
body[data-site-handle="explore"][data-page-type="event"] .event-related {
  background-color: #F9E7EA; }
  body[data-site-handle="explore"][data-page-type="event"] .event-related h3 {
    color: #C8102E;
    font-weight: 400; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

body[data-site-handle="explore"][data-page-type="page"] {
  /*h3{
    font-weight: 400;
    color: $colour--explore;
  }*/ }
  body[data-site-handle="explore"][data-page-type="page"] .business--filter-container h3,
  body[data-site-handle="explore"][data-page-type="page"] .eventListing--container h3 {
    font-weight: 400;
    color: #C8102E; }
  body[data-site-handle="explore"][data-page-type="page"] .business-filter {
    color: #002855;
    background-color: #F9E7EA; }
    body[data-site-handle="explore"][data-page-type="page"] .business-filter h4 {
      font-weight: 400;
      color: #C8102E; }
    body[data-site-handle="explore"][data-page-type="page"] .business-filter .filters h4 {
      border-bottom: 2px solid #C8102E; }

body[data-site-handle="explore"][data-page-type="businessListings"] .main-content a:not(.btn) {
  text-decoration: none;
  border-bottom: 1px solid #003DA5;
  color: #003DA5; }
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content h3,
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content h4 {
  color: #C8102E;
  font-weight: 400; }
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .fa,
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .far,
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .fas,
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .fab {
  color: #C8102E; }
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .fac-list,
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .acc-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }
  @media (max-width: 767px) {
    body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .fac-list,
    body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .acc-list {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; } }
  body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .fac-list li,
  body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .acc-list li {
    margin: 0 0 10px 0; }
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .details-row h4 {
  border-top: 1px solid #d9d9d9; }
body[data-site-handle="explore"][data-page-type="businessListings"] .main-content .details-row a {
  text-decoration: none;
  border-bottom: 1px solid #003DA5;
  color: #003DA5; }
body[data-site-handle="explore"][data-page-type="businessListings"] .business-related {
  background-color: #F9E7EA; }
  body[data-site-handle="explore"][data-page-type="businessListings"] .business-related h3 {
    color: #C8102E;
    font-weight: 400; }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

.pages-related.www {
  background-color: #E5E9EE; }
  .pages-related.www .related-title {
    color: #002855;
    font-weight: 400; }
.pages-related.explore {
  background-color: #F9E7EA; }
  .pages-related.explore .related-title {
    color: #C8102E;
    font-weight: 400; }
.pages-related.visit {
  background-color: #ece5f1; }
  .pages-related.visit .related-title {
    color: #512D6D;
    font-weight: 400; }
.pages-related .relatedEntries--container:last-child {
  margin-bottom: 2.5rem; }

.page-background .no-hero h1,
.page-background .no-hero h2,
.page-background .no-hero h3,
.page-background .no-hero h4,
.page-background .no-hero h5,
.page-background .no-hero h5,
.page-background .no-hero h6,
.page-background .bg-heading-none h1,
.page-background .bg-heading-none h2,
.page-background .bg-heading-none h3,
.page-background .bg-heading-none h4,
.page-background .bg-heading-none h5,
.page-background .bg-heading-none h5,
.page-background .bg-heading-none h6 {
  color: #FFF;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
.page-background .no-hero h1 {
  margin-top: 2rem; }
.page-background .nav-tabs .nav-link.active {
  background-color: rgba(255, 255, 255, 0.8); }
.page-background .nav-tabs .nav-link {
  background-color: rgba(222, 231, 239, 0.8); }

.most-popular-container {
  border-top: 1px solid #0077C8;
  border-bottom: 1px solid #0077C8; }
  .most-popular-container.popular-links {
    border: 0; }
    .most-popular-container.popular-links .popular-inner.helpdesk {
      background-color: #edf6fd; }
    .most-popular-container.popular-links .popular-inner.www {
      background-color: #E5E9EE; }
    .most-popular-container.popular-links .popular-inner.explore {
      background-color: #F9E7EA; }
  @media (max-width: 767px) {
    .most-popular-container {
      border: none; } }

/* BLOCK BACKGROUNDS */
/* fonts */
/*$body--font: 'ingra', sans-serif;*/
/* DESKTOP FONT SIZES */
/* MOBILE FONT SIZES */
/* FONT WEIGHTS */
/* ADELAIDE LIVING COLOURS */
/**
 * Responsive bootstrap helpers
 */
.example-usage-for-responsive-mixins {
  padding: 0 15px; }
  @media (min-width: 576px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .example-usage-for-responsive-mixins {
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (max-width: 991px) {
    .example-usage-for-responsive-mixins {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px; } }
  @media (min-width: 1400px) {
    .example-usage-for-responsive-mixins {
      margin-bottom: 20px;
      margin-top: 20px; } }

.newsroom-content-container.bottom-auto {
  margin-bottom: 1rem; }
  .newsroom-content-container.bottom-auto:last-child {
    margin-bottom: 4rem; }

body[data-page-type="page"]:not([data-page-type="mediaRelease"]) .newsroomListing--container {
  min-height: 500px;
  height: auto !important;
  height: 500px;
  margin-bottom: 5rem; }
  @media (max-width: 767px) {
    body[data-page-type="page"]:not([data-page-type="mediaRelease"]) .newsroomListing--container {
      min-height: auto;
      height: auto; } }

.newsroom--container {
  min-height: 450px;
  height: auto !important;
  height: 450px;
  margin-bottom: 5rem; }
  @media (max-width: 767px) {
    .newsroom--container {
      min-height: auto;
      height: auto; } }
  .newsroom--container .media-release--image {
    content: "";
    width: 100%;
    min-height: 350px;
    height: auto !important;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
    @media (max-width: 575px) {
      .newsroom--container .media-release--image {
        min-height: 250px;
        height: 250px; } }
  .newsroom--container a:not(.btn) {
    color: #0077C8;
    text-decoration: none;
    background-color: transparent;
    padding-bottom: 1px;
    border-bottom: 1px solid #0077C8; }
  .newsroom--container .media-release--info {
    font-weight: 600; }
  .newsroom--container .media-release--contact {
    font-size: 1.2rem; }
  .newsroom--container .media-release--contact,
  .newsroom--container .media-release-email {
    font-weight: 400; }

.newsroom-related {
  background-color: #E5E9EE; }
  .newsroom-related .related-title {
    color: #002855;
    font-weight: 400; }

body[data-site-handle="living"].magazine .tmpl-layouts-landing .landing-hero-container {
  height: 65vh; }
  @media (max-width: 575px) {
    body[data-site-handle="living"].magazine .tmpl-layouts-landing .landing-hero-container {
      height: 30vh; } }
body[data-site-handle="living"].magazine .rounded-dark-trans {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px; }
  body[data-site-handle="living"].magazine .rounded-dark-trans .masonry-card {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  body[data-site-handle="living"].magazine .rounded-dark-trans .featured-text {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 300;
    font-size: 1.5rem;
    font-family: "ingra", sans-serif; }
    body[data-site-handle="living"].magazine .rounded-dark-trans .featured-text strong {
      font-family: "ingra", sans-serif;
      font-weight: 400; }
    @media (max-width: 575px) {
      body[data-site-handle="living"].magazine .rounded-dark-trans .featured-text {
        font-size: 1rem !important; } }
  @media (max-width: 575px) {
    body[data-site-handle="living"].magazine .rounded-dark-trans .article-slider {
      width: 95%;
      margin: 0 auto; } }
  body[data-site-handle="living"].magazine .rounded-dark-trans .slick-dots {
    bottom: -10px; }
    @media (max-width: 991px) {
      body[data-site-handle="living"].magazine .rounded-dark-trans .slick-dots {
        bottom: -15px; } }
    @media (max-width: 575px) {
      body[data-site-handle="living"].magazine .rounded-dark-trans .slick-dots {
        bottom: -5px; } }

body.magazine {
  background-color: rgba(38, 38, 38, 0.9999); }
  body.magazine .tmpl-layouts-landing .landing-hero-container {
    height: 75vh; }
    @media (max-width: 575px) {
      body.magazine .tmpl-layouts-landing .landing-hero-container {
        height: 100vh; } }
    @media (max-height: 768px) {
      body.magazine .tmpl-layouts-landing .landing-hero-container {
        height: 100vh; } }
    body.magazine .tmpl-layouts-landing .landing-hero-container .landing-gradient {
      z-index: 0; }
    @media (max-width: 575px) {
      body.magazine .tmpl-layouts-landing .landing-hero-container.magazine-page {
        height: 60vh; } }
    @media (max-height: 768px) {
      body.magazine .tmpl-layouts-landing .landing-hero-container.magazine-page {
        height: 60vh; } }
  body.magazine .tmpl-layouts-landing .magazine-slider {
    margin-top: -4vh; }
    @media (max-width: 575px) {
      body.magazine .tmpl-layouts-landing .magazine-slider {
        margin-top: 0; } }
    @media (max-height: 768px) {
      body.magazine .tmpl-layouts-landing .magazine-slider {
        margin-top: 0; } }
  body.magazine .tmpl-layouts-landing .fx-magazine-gradient:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(150, 150, 150, 0), rgba(150, 150, 150, 0), rgba(38, 38, 38, 0.54), rgba(38, 38, 38, 0.9999));
    transition: all .3s linear; }
  body.magazine .magazine-hero-item {
    margin-top: 9rem; }
    body.magazine .magazine-hero-item.home {
      margin-top: 17rem; }
      @media (max-width: 575px) {
        body.magazine .magazine-hero-item.home {
          margin-top: 15rem; } }
      @media (max-width: 439px) {
        body.magazine .magazine-hero-item.home {
          margin-top: 13rem; } }
      @media (max-height: 411px) {
        body.magazine .magazine-hero-item.home {
          margin-top: 5rem; } }
    body.magazine .magazine-hero-item .hero-item-title {
      color: #fff; }
      @media (max-width: 575px) {
        body.magazine .magazine-hero-item .hero-item-title {
          font-size: 1.6rem; } }
      @media (max-height: 810px) {
        body.magazine .magazine-hero-item .hero-item-title {
          font-size: 1.7rem; } }
      body.magazine .magazine-hero-item .hero-item-title:before {
        content: '';
        display: block;
        width: 40px;
        height: 4px;
        border-radius: 8px;
        position: absolute;
        top: -8px; }
      body.magazine .magazine-hero-item .hero-item-title.line-red:before {
        background-color: #C8102E; }
      body.magazine .magazine-hero-item .hero-item-title.line-blue:before {
        background-color: #003DA5; }
      body.magazine .magazine-hero-item .hero-item-title.line-teal:before {
        background-color: #00A390; }
      body.magazine .magazine-hero-item .hero-item-title.line-orange:before {
        background-color: #DB7100; }
      body.magazine .magazine-hero-item .hero-item-title.line-green:before {
        background-color: #72A300; }
      body.magazine .magazine-hero-item .hero-item-title.line-dark-green:before {
        background-color: #006341; }
    @media (max-width: 575px) {
      body.magazine .magazine-hero-item .hero-item-description {
        display: none; } }
    @media (max-width: 575px) {
      body.magazine .magazine-hero-item .hero-item-content p, body.magazine .magazine-hero-item .hero-item-content a, body.magazine .magazine-hero-item .hero-item-content li, body.magazine .magazine-hero-item .hero-item-content h6, body.magazine .magazine-hero-item .hero-item-content h5, body.magazine .magazine-hero-item .hero-item-content h4, body.magazine .magazine-hero-item .hero-item-content h3 {
        display: none; } }
    body.magazine .magazine-hero-item .hero-item-description,
    body.magazine .magazine-hero-item .hero-item-content {
      color: #fff; }
    body.magazine .magazine-hero-item a.read-more {
      border-bottom: 1px solid #fff; }
  body.magazine .magazine-hero-item.bottom {
    margin-bottom: 8vh; }
    @media (max-width: 439px) {
      body.magazine .magazine-hero-item.bottom .magazine-body p {
        font-size: 0.86rem; } }
  body.magazine #discover-more.living-chevron,
  body.magazine #main-content-chevron.living-chevron {
    display: none !important; }

.messenger-bot-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 10px;
  bottom: 30px;
  z-index: 9;
  /* width: 235px; */
  background-color: #fff;
  border-radius: 40px;
  padding: 0.2rem 1rem;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.26); }
  .messenger-bot-wrap p {
    color: #3677c3 !important;
    line-height: 1.2em;
    padding: 0.25rem; }
  @media (max-width: 575px) {
    .messenger-bot-wrap {
      /*    padding: 8px;
          width: 199px;*/
      width: 4rem;
      height: 4rem;
      padding: 0; } }
  .messenger-bot-wrap .messenger-bot-avatar {
    max-height: 65px;
    display: inline-block; }
    @media (max-width: 575px) {
      .messenger-bot-wrap .messenger-bot-avatar {
        max-height: 50px; } }
  .messenger-bot-wrap .messenger-bot-text {
    user-select: none;
    display: inline-block; }
    .messenger-bot-wrap .messenger-bot-text h1, .messenger-bot-wrap .messenger-bot-text h2, .messenger-bot-wrap .messenger-bot-text h3, .messenger-bot-wrap .messenger-bot-text h4, .messenger-bot-wrap .messenger-bot-text h5, .messenger-bot-wrap .messenger-bot-text h6, .messenger-bot-wrap .messenger-bot-text span, .messenger-bot-wrap .messenger-bot-text p, .messenger-bot-wrap .messenger-bot-text li, .messenger-bot-wrap .messenger-bot-text a {
      color: #3897d3; }
      @media (max-width: 575px) {
        .messenger-bot-wrap .messenger-bot-text h1, .messenger-bot-wrap .messenger-bot-text h2, .messenger-bot-wrap .messenger-bot-text h3, .messenger-bot-wrap .messenger-bot-text h4, .messenger-bot-wrap .messenger-bot-text h5, .messenger-bot-wrap .messenger-bot-text h6, .messenger-bot-wrap .messenger-bot-text span, .messenger-bot-wrap .messenger-bot-text p, .messenger-bot-wrap .messenger-bot-text li, .messenger-bot-wrap .messenger-bot-text a {
          font-size: 0.91rem;
          display: none; } }

body {
  padding-top: 1.5rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 300; }

.body--main {
  padding-bottom: 7rem;
  min-height: 70vh; }

.fb_dialog {
  bottom: 50px !important; }

.body--main .tmpl-layouts-page .event-content-container,
.body--main .tmpl-layouts-businessListing .business-content-container,
.formlisting-content-container .listings,
.repository-content-container .listings,
.body--main .tmpl-layouts-page > .container:last-child,
.body--main .tmpl-layouts-landing > .container:last-child,
.body--main .tmpl-layouts-landing > .container-fluid.embed--container:last-child,
.body--main .tmpl-layouts-page > .container-fluid.image--size-oversized:last-child,
.body--main .tmpl-layouts-page > .container-fluid.blog-content-container:last-child,
.body--main .tmpl-layouts-page .container-fluid.blog-content-container:last-child,
.body--main .tmpl-layouts-landing > .container-fluid.bg-embed-none:last-child,
.body--main .tmpl-layouts-page > .container-fluid.bg-embed-none:last-child,
.body--main .tmpl-layouts-page > .map-component--container:last-of-type {
  margin-bottom: 7rem !important; }

.body--main .tmpl-layouts-landing > .container-fluid:last-child .blogListing--container,
.body--main .tmpl-layouts-landing > .container-fluid:last-child .masonry-listings,
.body--main .tmpl-layouts-blog > .container-fluid:last-child .text--container,
.body--main .tmpl-layouts-page > .container-fluid:last-child .bg-embed-none,
.body--main .tmpl-layouts-landing > .container-fluid:last-child .bg-embed-none,
.body--main .tmpl-layouts-blog > .container-fluid.bg-embed-none:last-child,
.body--main .tmpl-layouts-page > .container-video-listing:last-of-type,
.body--main .tmpl-layouts-page > .container.accordion--container:last-of-type,
.body--main .tmpl-layouts-blog > .container.accordion--container:last-of-type {
  margin-bottom: 7rem !important; }

/*.body--main .tmpl-layouts-landing > .container-fluid:last-child .container,*/
/*.body--main .tmpl-layouts-page .container:last-child .container:not([data-entrytype="page"]),*/
/*.body--main .tmpl-layouts-page .container-fluid:not(.hero-container):not(.newsroom-content-container):last-child .container:not(.relatedEntries--container),*/
.body--main .tmpl-layouts-landing .newsroom-content-container .container,
.body--main .tmpl-layouts-page .listing-bg-none .eventListing--container,
.body--main .tmpl-layouts-page .container--milestone10g {
  margin-bottom: 6rem; }

.body--main .tmpl-layouts-page .container.child-pages--container .container[data-entrytype="page"],
.body--main .tmpl-layouts-page .listing-bg-none .eventListing--container--feature,
.body--main .tmpl-layouts-page > .tmpl-layouts-page > .container-video-listing:last-of-type {
  margin-bottom: 0 !important; }

.body--main .tmpl-layouts-landing > .container-fluid:last-child .container {
  padding-bottom: 6rem; }

.body--main .repository-content-container:last-child .container:not(.child-pages--container):not(.relatedEntries--container):not([data-entrytype="page"]):not([data-entrytype="redirect"]),
.body--main .formlisting-content-container:last-child .container:not(.child-pages--container):not(.relatedEntries--container):not([data-entrytype="page"]):not([data-entrytype="redirect"]),
.body--main .tmpl-layouts-page > .container-fluid:not(.newsroom-content-container):not(.text--container):last-child .container:not(.child-pages--container):not(.relatedEntries--container):not([data-entrytype="page"]):not([data-entrytype="redirect"]) {
  padding-bottom: 5rem; }
  .body--main .repository-content-container:last-child .container:not(.child-pages--container):not(.relatedEntries--container):not([data-entrytype="page"]):not([data-entrytype="redirect"]) .listings,
  .body--main .formlisting-content-container:last-child .container:not(.child-pages--container):not(.relatedEntries--container):not([data-entrytype="page"]):not([data-entrytype="redirect"]) .listings,
  .body--main .tmpl-layouts-page > .container-fluid:not(.newsroom-content-container):not(.text--container):last-child .container:not(.child-pages--container):not(.relatedEntries--container):not([data-entrytype="page"]):not([data-entrytype="redirect"]) .listings {
    padding-bottom: 0;
    margin-bottom: 0; }

.body--main .tmpl-layouts-page .event-content-container + .event-related,
.body--main .tmpl-layouts-page + .pages-related,
.body--main .tmpl-layouts-businessListing .business-content-container + .business-related,
.body--main .tmpl-layouts-businessListing .business-content-container + .business-related {
  margin-top: -5rem !important; }

/*.body--main .tmpl-layouts-page .text--container:first-of-type,*/
.body--main
.tmpl-layouts-page > div:first-child:not(.hero-container):not(.hero-wrap),
body[data-page-type="notFound"],
body[data-page-type="notFoundAAC"],
body[data-page-type="notFoundNAGC"] {
  margin-top: 11rem;
  /*4rem*/ }
  @media (max-width: 575px) {
    .body--main
    .tmpl-layouts-page > div:first-child:not(.hero-container):not(.hero-wrap),
    body[data-page-type="notFound"],
    body[data-page-type="notFoundAAC"],
    body[data-page-type="notFoundNAGC"] {
      margin-top: 9rem; } }

body[data-page-type="forms"]
.body--main
.tmpl-layouts-page > div:first-child:not(.hero-container):not(.hero-wrap) {
  margin-top: 11rem; }

html[has-floating-alert="true"] .body--main
.tmpl-layouts-page > div:first-child:not(.hero-container):not(.hero-wrap) {
  margin-top: 13rem;
  /*4rem*/ }
  @media (max-width: 575px) {
    html[has-floating-alert="true"] .body--main
    .tmpl-layouts-page > div:first-child:not(.hero-container):not(.hero-wrap) {
      margin-top: 9rem; } }

.body--main .tmpl-layouts-documentRepos .repository-content-container,
.body--main .tmpl-layouts-mediaRelease,
.body--main .tmpl-layouts-volunteer {
  margin-top: 10rem; }

body[data-page-type="page"] .body--main,
body[data-page-type="blog"] .body--main,
body[data-page-type="investLegacy"] .body--main,
body[data-page-type="landing"] .body--main,
body[data-page-type="event"] .body--main,
body[data-page-type="businessListings"] .body--main,
body[data-page-type="coWorking"] .body--main,
body[data-page-type="mediaRelease"] .body--main,
body[data-page-type="forms"] .body--main .tmpl-layouts-page > .container:last-child {
  padding-bottom: 0;
  margin-bottom: 1em; }

.container--parkingExpiationForm a:not(.btn):not(.modal-link):not(.carousel-btn),
.eventparking-content-container a:not(.btn):not([data-toggle=collapse]),
.destinations-content-container a:not(.btn):not([data-toggle=collapse]),
.carpark-content-container a:not(.btn):not([data-toggle=collapse]),
.quote--container a:not(.btn),
.download__heading a:not(.btn),
table a:not(.btn),
.subpage__inner a:not(.btn),
.text--container a:not(.btn),
.twoColLayout--container a:not(.btn),
.inThisSection--container a:not(.btn),
.win-content-container a:not(.btn),
.rewards-detail-accordion .card-body a:not(.btn),
.webcam--container a:not(.btn):not(.thumb-link) {
  color: #003DA5;
  text-decoration: none;
  background-color: transparent;
  padding-bottom: 0;
  border-bottom: 1px solid #003DA5; }

.article-slider {
  padding-bottom: 20px; }

img {
  max-width: 100%;
  height: auto; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    img {
      flex-shrink: 0;
      align-self: flex-start; } }

.stackla-widget {
  max-width: 100%; }

.block-heading {
  padding-left: 1.25rem; }

a[href^="tel:"] {
  padding-bottom: 0;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s; }
  a[href^="tel:"]:hover:not(.footer-services-link):not(.business-cat) {
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s; }

img[data-fancybox=""] {
  cursor: pointer; }

.page-listings a {
  color: #FFF;
  padding-bottom: 0;
  text-decoration: none;
  border-bottom: 1px solid #FFF; }
  .page-listings a:hover {
    opacity: 0.7; }

.thumb-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

.unstyled-link {
  color: #333; }

.mb-6 {
  margin-bottom: 6rem !important; }

.mt-6 {
  margin-top: 6rem !important; }

.mb-7 {
  margin-bottom: 7rem !important; }

.mt-7 {
  margin-top: 7rem !important; }

.p-7 {
  padding: 5rem !important; }

[data-page-type="noHeaderFooter"] .no-hero.container {
  display: none !important; }

/* video feature for auto carousel and two column */
body .auto-carousel--container.heroBox-layout .hero-card-item[data-is-video] {
  height: 350px; }

[data-is-video] .arrow-right {
  color: #fff; }

[data-is-video] img[data-fancybox] {
  pointer-events: none !important; }

[data-is-video] .btn--video-play {
  opacity: 0.7;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6rem;
  height: 6rem;
  z-index: 9;
  font-size: 5rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  pointer-events: none; }

[data-is-video]:hover .btn--video-play {
  opacity: 1;
  font-size: 5.3rem;
  height: 6.5rem;
  width: 6.5rem; }

body .auto-carousel--container.heroBox-layout [data-is-video] .hero-card-location .hero-card-image,
body .auto-carousel--container.heroBox-layout [data-is-video] .hero-card-default .hero-card-image,
body .auto-carousel--container.heroBox-layout [data-is-video] .hero-card-cta .hero-card-image {
  content: "";
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 1;
  overflow: hidden; }

body .auto-carousel--container.heroBox-layout [data-is-video] .text-inner {
  z-index: 2;
  position: relative;
  -moz-transition: all 150ms ease-out 0s;
  -webkit-transition: all 150ms ease-out 0s;
  transition: all 150ms ease-out 0s;
  color: #fff; }

.auto-carousel--container.heroBox-layout [data-is-video] .thumb-link {
  color: #fff;
  z-index: 3; }

/* end video feature for auto carousel and two column */
/* styled ol */
.ol-custom {
  counter-reset: my-counter;
  list-style-type: none;
  padding-left: 0; }
  .ol-custom li {
    counter-increment: my-counter;
    margin-bottom: 0.5em;
    display: block;
    position: relative;
    padding-left: 3rem;
    padding-top: 0.25rem;
    padding-bottom: 1rem; }
  .ol-custom li::before {
    content: counter(my-counter);
    font-weight: 600;
    border: 2px solid #002855;
    width: 2.2rem;
    display: inline-block;
    text-align: center;
    height: 2.2rem;
    border-radius: 50%;
    line-height: 1.8em;
    color: #002855;
    margin-right: 1em;
    position: absolute;
    left: 0;
    top: 0; }

.label--rounded-coa {
  background: #DFF2F9;
  color: #145EB6;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 1rem;
  padding: 0.3rem 0.7rem; }

.label--jp {
  background: #F9DFDF;
  color: #B61414;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 1rem;
  padding: 0.3rem 0.7rem; }

/*# sourceMappingURL=style.css.map */