/*
===============================================================================
FONT AWESOME
===============================================================================
*/
@font-face {
  font-family: 'FontAwesome';
  src: url("/Shared/Fonts/fontawesome-webfont.eot?v=3.2.1");
  src: url("/Shared/Fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("/Shared/Fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("/Shared/Fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("/Shared/Fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/*
===============================================================================
FONT MUSEOSANS
===============================================================================
*/
@font-face {
  font-family: 'MuseoSans100';
  src: url("/Shared/Fonts/museosans_100-webfont.eot");
  src: url("/Shared/Fonts/museosans_100-webfont.eot?#iefix") format("embedded-opentype"), url("/Shared/Fonts/museosans_100-webfont.woff") format("woff"), url("/Shared/Fonts/museosans_100-webfont.ttf") format("truetype"), url("/Shared/Fonts/museosans_100-webfont.svg#MuseoSans100") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSans300';
  src: url("/Shared/Fonts/museosans_300-webfont.eot");
  src: url("/Shared/Fonts/museosans_300-webfont.eot?#iefix") format("embedded-opentype"), url("/Shared/Fonts/museosans_300-webfont.woff") format("woff"), url("/Shared/Fonts/museosans_300-webfont.ttf") format("truetype"), url("/Shared/Fonts/museosans_300-webfont.svg#MuseoSans300") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSans500';
  src: url("/Shared/Fonts/museosans_500-webfont.eot");
  src: url("/Shared/Fonts/museosans_500-webfont.eot?#iefix") format("embedded-opentype"), url("/Shared/Fonts/museosans_500-webfont.woff") format("woff"), url("/Shared/Fonts/museosans_500-webfont.ttf") format("truetype"), url("/Shared/Fonts/museosans_500-webfont.svg#MuseoSans500") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSans700';
  src: url("/Shared/Fonts/museosans_700-webfont.eot");
  src: url("/Shared/Fonts/museosans_700-webfont.eot?#iefix") format("embedded-opentype"), url("/Shared/Fonts/museosans_700-webfont.woff") format("woff"), url("/Shared/Fonts/museosans_700-webfont.ttf") format("truetype"), url("/Shared/Fonts/museosans_700-webfont.svg#MuseoSans700") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* VARIABLES */
/**
* --------------------------------------------
* VARIABLES
* --------------------------------------------
*/
/* MIXINS */
/*
===============================================================================
MIXINS
===============================================================================
*/
/* SHARED */
/*
===============================================================================
RESET DEFAULTS AND BROWSER STANDARDISATION
===============================================================================
*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, canvas {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, video, canvas {
  display: inline-block;
}

/* Responsive images and other embedded objects
Note: keeping IMG here will cause problems when using foreground images as sprites.
If this default setting for images is causing issues replace with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}

/* Prevents modern browsers from displaying 'audio' without controls.
Remove excess height in iOS 5 devices. */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4.
Known issue: no IE 6 support. */
[hidden] {
  display: none;
}

/* force a vertical scrollbar to prevent a jumpy page, and text size adjust fix when changing page orientation */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/*
==========================
quotes
==========================
*/
blockquote, q {
  quotes: none;
}

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

/*
==========================
links
==========================
*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a:hover, a:focus, a:active {
  outline: none;
}

/*
==========================
marked up copy
==========================
*/
del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #333333;
  cursor: help;
}

/*
==========================
forms
==========================
*/
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button, input {
  line-height: normal;
}

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

input[type="checkbox"] {
  vertical-align: bottom;
}

textarea {
  resize: none;
}

/* clickable elements */
.clickable,
label,
input[type="button"],
input[type="submit"],
button {
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

/* mozilla input centering fix */
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* removal of default glow colour to input fields */
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
  outline: 0;
}

/* removal of webkit styling on certain form fields */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* removal of default invalid field shadow and glow on HTML5 form error */
:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

/*
==========================
pre copy
==========================
*/
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

/*
==========================
character styles
==========================
*/
small {
  font-size: 85%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*
==========================
monospaced elements
==========================
*/
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/**
* --------------------------------------------
* GRID
* --------------------------------------------
*/
.col-1 {
  width: 6.56371%;
  float: left;
  margin-left: 1.9305%;
}

.col-1:first-child {
  margin-left: 0;
}

.col-2 {
  width: 15.05792%;
  float: left;
  margin-left: 1.9305%;
}

.col-2:first-child {
  margin-left: 0;
}

.col-3 {
  width: 23.55212%;
  float: left;
  margin-left: 1.9305%;
}

.col-3:first-child {
  margin-left: 0;
}

.col-4 {
  width: 32.04633%;
  float: left;
  margin-left: 1.9305%;
}

.col-4:first-child {
  margin-left: 0;
}

.col-5 {
  width: 40.54054%;
  float: left;
  margin-left: 1.9305%;
}

.col-5:first-child {
  margin-left: 0;
}

.col-6 {
  width: 49.03475%;
  float: left;
  margin-left: 1.9305%;
}

.col-6:first-child {
  margin-left: 0;
}

.col-7 {
  width: 57.52896%;
  float: left;
  margin-left: 1.9305%;
}

.col-7:first-child {
  margin-left: 0;
}

.col-8 {
  width: 66.02317%;
  float: left;
  margin-left: 1.9305%;
}

.col-8:first-child {
  margin-left: 0;
}

.col-9 {
  width: 74.51737%;
  float: left;
  margin-left: 1.9305%;
}

.col-9:first-child {
  margin-left: 0;
}

.col-10 {
  width: 83.01158%;
  float: left;
  margin-left: 1.9305%;
}

.col-10:first-child {
  margin-left: 0;
}

.col-11 {
  width: 91.50579%;
  float: left;
  margin-left: 1.9305%;
}

.col-11:first-child {
  margin-left: 0;
}

.col-12 {
  width: 100%;
  float: left;
  margin-left: 1.9305%;
}

.col-12:first-child {
  margin-left: 0;
}

/**
* --------------------------------------------
* HELPER CLASSES
* --------------------------------------------
*/
.wrapper {
  max-width: 123rem;
  margin: 0 auto;
  padding: 0 3rem;
}

.wrapper:after,
.row:after {
  content: "";
  display: table;
  clear: both;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.display-block {
  display: block;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.width-full {
  width: 100% !important;
}

.width-third {
  width: 33.33333333333333% !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

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

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

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

.padding {
  padding: 3rem;
}

.padding-minus-top {
  padding: 0 3rem 3rem 3rem;
}

.uppercase {
  text-transform: uppercase;
}

.mobile-only {
  display: none;
  visibility: hidden;
}

.print-only {
  display: none;
}

.min-height {
  height: auto !important;
  min-height: 100vh;
}

.display-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.display-table {
  display: table;
  width: 100%;
}

.heading-hr {
  width: 25%;
  height: .2rem;
  display: inline-block;
  margin: 0.5rem 0 1.5rem 0;
  border: 0;
  background-color: rgba(191, 191, 191, 0.4);
}

/**
* --------------------------------------------
* COLOUR CLASSES
* --------------------------------------------
*/
.bg-color-blue-dark {
  background-color: #407EC9;
}

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

.bg-color-peach {
  background-color: #FF8674;
}

.bg-color-teal {
  background-color: #2AD2C9;
}

.bg-color-gray-lightest {
  background-color: #F2F2F2;
}

.bg-color-grey-white {
  background-color: #F8FAFD;
}

.blue-light h3 {
  color: #009FE3 !important;
}

.blue-light h3 > a, .blue-light .read-more, .blue-light .learn-more a {
  color: #009FE3;
}


.blue-light .image a, .blue-light a.category-tag {
  background: #009FE3;
}

.blue-light .findout-more,
.blue-light .learn-more .more {
  background-color: #009FE3;
}

.peach h3 {
  color: #FF8674 !important;
}

.peach h3 > a, .peach .read-more, .peach .learn-more a {
  color: #FF8674;
}


.peach .image a, .peach a.category-tag {
  background: #FF8674;
}

.peach .findout-more,
.peach .learn-more .more {
  background-color: #FF8674;
}

.blue-dark h3 {
  color: #407EC9 !important;
}

.blue-dark h3 > a, .blue-dark .read-more, .blue-dark .learn-more a {
  color: #407EC9;
}

.blue-dark .image a, .blue-dark a.category-tag {
  background: #407EC9;
}

.blue-dark .findout-more,
.blue-dark .learn-more .more {
  background-color: #407EC9;
}

.blue-violet h3 {
  color: #7D55C7 !important;
}

.blue-violet h3 > a, .blue-violet .read-more, .blue-violet .learn-more a {
  color: #7D55C7;
}

.blue-violet .image a, .blue-violet a.category-tag {
  background: #7D55C7;
}

.blue-violet .findout-more,
.blue-violet .learn-more .more {
  background-color: #7D55C7;
}

/* LAYOUT COMPONENTS */
/**
* --------------------------------------------
* HEADER
* --------------------------------------------
*/
#header-main {
  background: #2a3744;
  width: 100%;
  height: 10rem;
  padding: 4rem 0;
  color: #FFF;
}

/**
* --------------------------------------------
* MAIN BANNER
* --------------------------------------------
*/
#banner-main {
  position: relative;
  background-size: cover;
  background-position: top center;
  height: 35.4rem;
  max-height: 50.4rem;
}

#banner-main.banner {
  background-image: none;
  background-color: #407EC9;
}

#banner-main.banner-tall {
  height: 40rem;
}

#banner-main::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 -35rem 20rem -10rem rgba(0, 0, 0, 0.45);
  z-index: 1;
}

#banner-main.gradient::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .6;
  z-index: 2;
}

#banner-main.gradient-01::before {
  background: -moz-linear-gradient(45deg, #7d55c7 0%, #f1e6b2 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #7d55c7), color-stop(100%, #f1e6b2)); /* safari4+,chrome */
  background: -webkit-linear-gradient(45deg, #7d55c7 0%, #f1e6b2 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(45deg, #7d55c7 0%, #f1e6b2 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(45deg, #7d55c7 0%, #f1e6b2 100%); /* ie10+ */
  background: linear-gradient(45deg, #7d55c7 0%, #f1e6b2 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e6b2', endColorstr='#7d55c7',GradientType=1 ); /* ie6-9 */
}

#banner-main.gradient-02::before {
  background: -moz-linear-gradient(45deg, #009fe3 0%, #f1e6b2 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #009fe3), color-stop(100%, #f1e6b2)); /* safari4+,chrome */
  background: -webkit-linear-gradient(45deg, #009fe3 0%, #f1e6b2 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(45deg, #009fe3 0%, #f1e6b2 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(45deg, #009fe3 0%, #f1e6b2 100%); /* ie10+ */
  background: linear-gradient(45deg, #009fe3 0%, #f1e6b2 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e6b2', endColorstr='#009fe3',GradientType=1 ); /* ie6-9 */
}

#banner-main h1,
label,
.component-holder h1 {
  display: block;
  font-size: 8rem;
  font-family: "MuseoSans700", sans-serif;
  color: #FFF;
  -webkit-text-shadow: 0 0.2rem 0.1rem rgba(102, 102, 102, 0.9);
  -moz-text-shadow: 0 0.2rem 0.1rem rgba(102, 102, 102, 0.9);
  -ms-text-shadow: 0 0.2rem 0.1rem rgba(102, 102, 102, 0.9);
  /* IE 10+ */
  -o-text-shadow: 0 0.2rem 0.1rem rgba(102, 102, 102, 0.9);
  text-shadow: 0 0.2rem 0.1rem rgba(102, 102, 102, 0.9);
  z-index: 3;
}

.search-form label {
  font-size: 5rem;
}

#banner-main h1 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.search-form label,
.component-holder h1 {
  margin-bottom: 2rem;
}

#banner-main h1,
.component-holder h1 {
  text-align: center;
}

#banner-main #bb-search {
  position: relative;
  z-index: 2;
  top: 50%;
}

/**
* --------------------------------------------
* SHARES BAR
* --------------------------------------------
*/
.shares-bar {
  background: #009FE3;
  width: 100%;
  padding: 2.8rem 0;
  bottom: 0;
  z-index: 2;
}

.shares-bar ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
}

.shares-bar ul li {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.shares-bar ul li:last-child {
  border-right: none;
}

.shares-bar ul span {
  display: block;
  text-transform: uppercase;
}

.shares-bar ul span:nth-child(1) {
  font-family: "MuseoSans700", sans-serif;
  color: rgba(255, 255, 255, 0.75);
}

.shares-bar ul span:nth-child(2) {
  position: relative;
  top: 1rem;
  font-size: 3.2rem;
  color: #FFF;
}

/**
* --------------------------------------------
* SEARCH
* --------------------------------------------
*/
.search-form {
  position: relative;
  text-align: center;
  z-index: 3;
}

#banner-main .search-form {
  top: 50%;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
}

#banner-main .with-shares-bar {
  top: 40%;
}

.search-form .input-holder {
  position: relative;
  display: inline-block;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.1rem 0.1rem 0 rgba(102, 102, 102, 0.3);
  -moz-box-shadow: 0 0.1rem 0.1rem 0 rgba(102, 102, 102, 0.3);
  -o-box-shadow: 0 0.1rem 0.1rem 0 rgba(102, 102, 102, 0.3);
  -ms-box-shadow: 0 0.1rem 0.1rem 0 rgba(102, 102, 102, 0.3);
  box-shadow: 0 0.1rem 0.1rem 0 rgba(102, 102, 102, 0.3);
  border-radius: 1rem;
}

.search-form .input-holder::before {
  position: absolute;
  top: 1.6rem;
  left: 3rem;
  font-family: 'FontAwesome';
  content: '\f002';
  font-size: 2.6rem;
  color: #bfbfbf;
}

.search-form .input-holder input {
  background: transparent;
  width: 68rem;
  border: none;
  padding: 2rem 2rem 2rem 8rem;
  vertical-align: top;
  font-family: 'MuseoSans500';
  font-size: 2.1rem;
}

.search-form .input-holder input.placeholder {
  color: #bfbfbf;
}

.search-form .input-holder input:-moz-placeholder {
  color: #bfbfbf;
}

.search-form .input-holder input::-moz-placeholder {
  color: #bfbfbf;
}

.search-form .input-holder input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.search-form .input-holder button {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-color: #407EC9;
  min-width: 13rem;
  min-height: 6.7rem;
  padding-left: 2rem;
  border: none;
  color: #FFF;
  line-height: 1;
}

.search-form .input-holder button.square {
  position: relative;
  border-right: 1px solid #bfbfbf;
}

.search-form .input-holder button.rounded {
  -webkit-border-radius: 0 1rem 1rem 0;
  -moz-border-radius: 0 1rem 1rem 0;
  -o-border-radius: 0 1rem 1rem 0;
  -ms-border-radius: 0 1rem 1rem 0;
  border-radius: 0 1rem 1rem 0;
  float: right;
}

.search-form .input-holder button span {
  display: inline-block;
  width: 100%;
  font-family: 'MuseoSans700';
  font-size: 2.2rem;
  text-align: left;
  line-height: 0.8;
}

.search-form .input-holder button span span {
  font-family: 'MuseoSans500';
  font-size: 1.2rem;
}

.search-form .input-holder button:hover, .search-form .input-holder button:focus {
  background: #009FE3;
}

.shares-bar .search-form {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
}

.shares-bar .search-form label {
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: 0;
  margin-right: 1rem;
  font-size: 3rem;
}

.shares-bar .search-form .input-holder {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 0 30%;
  flex: 1 0 30%;
  height: 6rem;
}

.shares-bar .search-form .input-holder input {
  -webkit-flex: 1;
  flex: 1;
  width: auto;
}

.shares-bar .search-form .input-holder button.rounded {
  float: none;
  min-height: 1rem;
  min-width: 15rem;
  padding-left: 0;
}

.shares-bar .search-form .input-holder button span {
  text-align: center;
}

.shares-bar .search-form .input-holder::before {
  top: 1.3rem;
}

.shares-bar .search-form button.rounded.search:hover {
  background: #2AD2C9;
  color: #FFF;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

/**
* --------------------------------------------
* MAIN
* --------------------------------------------
*/
html,
body {
  height: 100%;
  font-size: 62.5%;
}

body {
  min-width: 28rem;
  font-family: "MuseoSans500", sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #666666;
}

#page-wrapper {
  min-height: 100%;
}

.component-holder {
  position: relative;
  width: 100%;
  padding: 6rem 0 3.2rem 0;
  border-bottom: 1px solid rgba(191, 191, 191, 0.6);
}

.component-holder h2, .component-holder h3 {
  font-family: "MuseoSans700", sans-serif;
  line-height: 1;
  color: #407EC9;
}

.component-holder h2 {
  margin-bottom: 4rem;
  font-size: 4.8rem;
}

.component-holder h3 {
  margin-bottom: 1.6rem;
  font-size: 3.2rem;
}

.component-holder figure {
  position: relative;
  max-width: 108.4rem;
  width: 100%;
  height: auto;
  margin: 0 auto 4rem auto;
}

.component-holder figure img,
.component-holder figure video,
.component-holder figure iframe {
  display: block;
  width: 100%;
}

.component-holder figure figcaption {
  position: absolute;
}

.component-holder figure a {
  position: absolute;
}

.component-holder figure a.image-link {
  position: static;
}

.component-holder figure#share-price-chart {
  overflow: hidden;
}

.component-holder figure#share-price-chart #landing-chart-container {
  height: 30rem;
}

.keep-ratio-wrapper {
  position: relative;
  max-width: 108.4rem;
  margin: 0 auto;
}

.image-fixedratio {
  padding-top: 56.25%;
  background-size: cover;
  background-position: center; 
}

.tiles {
  text-align: center;
  margin: 0 -1%;
}

.tiles p {
  padding-bottom: 1rem;
  color: #666666;
  line-height: 1.7;
}

.tiles p:only-child,
.tiles p:last-child {
  padding-bottom: 0;
}

.tiles li {
  list-style-type: none;
  text-align: left;
  border-bottom: 1px solid #E7E8E9;
}

.tiles li > a:first-of-type {
  display: block;
  width: 100%;
  padding: 2rem 3rem 1.7rem 3rem;
  text-decoration: none;
  color: #666666;
}

.tiles li > a:first-of-type::after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 2.2rem;
  line-height: 1;
  float: right;
}

.tiles li:first-child {
  border-top: 1px solid #E7E8E9;
}

.tiles li:last-child {
  border-bottom: none;
}

.tiles li a {
  background-color: #FFF;
}

.tiles li a:hover {
  background: #2AD2C9;
  color: #FFF;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  color: #FFF;
}

.tiles .tile {
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  -moz-box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  -o-box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  -ms-box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  background: #FFF;
  margin: 0 1% 2.3% 1%;
  border: 2px solid rgba(185, 185, 185, 0.2);
  position: relative;
  float: left;
}

.tiles .tile.tile-primary,
.tiles .tile.tile-secondary,
.tiles .tile.share-price-tile {
  width: 31.33333333333333%;
}

.tiles .tile.tile-primary:nth-child(3n+1),
.tiles .tile.tile-secondary:nth-child(3n+1) {
  clear: left;
}

.tile-primary h3 {
  font-size: 3.9rem;
  font-weight: normal;  /* for Safari */ 
}

.tile-primary .tile-inner.padding {
  position: relative;
}

.tile-primary .tile-inner p {
  max-width: 80%;
  margin: 0 auto;
  font-size: 1.3rem;
}

.tile-primary .tile-inner.padding p:last-of-type {
  padding-bottom: 7rem;
}

.tiles .tile .more:hover {
  background: #2AD2C9;
  color: #FFF;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  text-decoration: none;
}

.tiles .tile.bg-void {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
  background-color: transparent;
  border: none;
  box-shadow: none;
  transition: background .3s;
}

.tiles .tile.bg-void h3 {
  font-size: 3rem;
}

.tiles .tile.bg-void:hover,
.tiles .tile.bg-void:focus,
.tiles .tile.bg-void:active {
  background: #FFF;
}

.image figcaption,
.video-element figcaption {
  -webkit-text-shadow: 0 0.1rem 0.1rem rgba(102, 102, 102, 0.6);
  -moz-text-shadow: 0 0.1rem 0.1rem rgba(102, 102, 102, 0.6);
  -ms-text-shadow: 0 0.1rem 0.1rem rgba(102, 102, 102, 0.6);
  /* IE 10+ */
  -o-text-shadow: 0 0.1rem 0.1rem rgba(102, 102, 102, 0.6);
  text-shadow: 0 0.1rem 0.1rem rgba(102, 102, 102, 0.6);
  font-family: "MuseoSans700", sans-serif;
  font-size: 3.8rem;
  color: #FFF;
}

.image figcaption small,
.video-element figcaption small {
  font-size: 1.6rem;
}

/**
* --------------------------------------------
* IMAGE/-S COMPONENT
* --------------------------------------------
*/
.bg-image {
  background: url("../../Images/banner-chorus.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 20rem 0;
  position: relative;
}

.bg-image h1 {
  margin-bottom: 6rem;
}

.image figcaption {
  left: 6rem;
  bottom: 2.4rem;
}

.keep-ratio-wrapper .more,
.image .more {
  position: absolute;
  border-radius: 0;
  right: 0;
  bottom: 0;
  top: auto !important;
}

.keep-ratio-wrapper .more:hover {
  text-decoration: none;
}

/**
* --------------------------------------------
* VIDEO COMPONENT
* --------------------------------------------
*/
.video-element video {
  background-color: #333333;
}

.video-element iframe {
  height: 60rem;
}

.video-element .video-tag,
.video-element time {
  position: absolute;
  top: 6rem;
  font-size: 1.6rem;
  color: #fff;
  opacity: 0.75;
  z-index: 1;
}

/*.video-element .video-tag {
  left: 6rem;
}*/

/*.video-element .video-tag::before {
  font-family: FontAwesome;
  content: "\f03d";
  margin-right: 1rem;
}*/

.video-element time {
  top: 1.5rem;
  left: 3rem;
}

.video-element figcaption {
  left: 6rem;
  bottom: 6.4rem;
}

.video-element .fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 56.25% 0 0 0;
}

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

/**
* --------------------------------------------
* BLOG TILES
* --------------------------------------------
*/

.blog {
  height: 43.5rem;
  overflow: hidden;
  text-align: left;
}

.blog a {
  text-decoration: none;
}

.blog a:hover {
  text-decoration: underline;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.blog .image {
  min-height: 20rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog .category-tag {
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  padding: 0.6rem 1rem;
  font-family: "MuseoSans700", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #FFF !important;
}

.blog .category-tag:hover {
  background: #2AD2C9;
  color: #FFF;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  text-decoration: none;
}

.blog h3 {
  margin: -1.2rem 0 1.2rem 0;
  padding-bottom: 0.1rem;
  max-height: 2.05em;
  font-size: 2.4rem;
  overflow: hidden;
}

.blog .blog-text {
  margin-top: 1.6rem;
}

.blog .blog-text .read-more {
  position: absolute;
  bottom: 1.5rem;
  left: 3rem;
}

.blog .blog-text .read-more a {
  font-size: 1.6rem;
  color: #666;
}

.blog .blog-text .read-more a:hover {
  color: #2AD2C9;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.blog .blog-text p {
  font-size: 1.4rem;
  line-height: 1.4;
  height: 4.2em;
  overflow: hidden;
}

.tiles .tile.blog {
  border-radius: .5rem;
  border-bottom: .4rem solid;
}

.tiles .tile.blog:hover {
  -webkit-box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  -moz-box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  -o-box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  -ms-box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -ms-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}

.tiles .tile.blog.blue-light {
  border-bottom-color: #009FE3;
}

.tiles .tile.blog.peach {
  border-bottom-color: #FF8674;
}

.tiles .tile.blog.blue-dark {
  border-bottom-color: #407EC9;
}

.tiles .tile.blog.blue-violet {
  border-bottom-color: #7D55C7;
}

/**
* --------------------------------------------
* SECONDARY INFO TILES
* --------------------------------------------
*/
.tile.tile-secondary {
  /*height: 100%;*/
  height: 29.5rem;
  overflow: hidden;
  border-top: 0.3rem solid #2AD2C9;
}

.tile.tile-secondary > div {
  background-color: #FFF;
  position: relative;
  width: 50%;
  height: 100%;
  text-align: left;
  float: left;
  z-index: 1;
}

.tile.tile-secondary .image-wrapper {
  height: 100%;
  z-index: 0;
}

.tile.tile-secondary .image-wrapper img {
  position: absolute;
  max-width: none;
  top: 0;
  right: 0;
}

.tile.tile-secondary h3 {
  font-size: 2.4rem;
}

.tile.tile-secondary h3 a {
  color: #407EC9;
}

@media only screen and (min-width: 1000px) and (max-width: 1225px) {
  .tile.tile-secondary h3 a {
    font-size: 85%;
  }

  .component-holder h3 {
    font-size: 3rem;
  }
}

.tile.tile-secondary h3 a:hover {
  color: #2AD2C9;
  text-decoration: underline;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.tile.tile-secondary p {
  font-size: 1.3rem;
  line-height: 1.6;
}

.tile.tile-secondary .more {
  position: absolute;
  top: auto;
  right: 1.6rem;
  bottom: 1.6rem;
  z-index: 1;
}

/**
* --------------------------------------------
* MISCELLANEOUS TILES
* --------------------------------------------
*/
.tiles .tile.tile-miscellaneous {
  height: 16.2rem;
  padding: 2em 3rem;
  text-align: left;
  border-top: 0.3rem solid #2AD2C9;
  width: 48%;
  overflow: hidden;
}

.tiles .tile.tile-miscellaneous h3 {
  font-size: 2.4rem;
}

.tile.tile-miscellaneous:nth-child(2n+1) {
  clear: left;
}

.tile.tile-miscellaneous:hover {
  -webkit-box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  -moz-box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  -o-box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  -ms-box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  box-shadow: 0 5px 15px rgba(185, 185, 185, 0.3);
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -ms-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}

.tile.tile-miscellaneous > div {
  display: table;
}

.tile.tile-miscellaneous > div div {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.tile.tile-miscellaneous > div div p {
  margin-right: 2.5rem;
  font-size: 1.4rem;
  line-height: 1.3;
}

.tile.tile-miscellaneous > div:last-child .more {
  margin-top: 0;
}

/**
* --------------------------------------------
* FAQ / QUESTIONS
* --------------------------------------------
*/

.tiles .tile.tile-faq {
  border: none;
}

.tiles .tile.tile-faq.tile-wide {
  -webkit-box-shadow: 0 0.2rem 0.4rem 0 rgba(185, 185, 185, 0.3);
  -moz-box-shadow: 0 0.2rem 0.4rem 0 rgba(185, 185, 185, 0.3);
  -o-box-shadow: 0 0.2rem 0.4rem 0 rgba(185, 185, 185, 0.3);
  -ms-box-shadow: 0 0.2rem 0.4rem 0 rgba(185, 185, 185, 0.3);
  box-shadow: 0 0.2rem 0.4rem 0 rgba(185, 185, 185, 0.3);
}

.tiles .tile.tile-faq.tile-wide ul li:first-child {
  border-top: 0;
}

.tile-narrow {
  width: 24%;
}

.tile.tile-faq.tile-narrow {
  box-shadow: none;
}

.tile.tile-faq.tile-narrow ul li:last-child {
  border-bottom: 1px solid #E7E8E9;
}

.tile-wide {
  width: 72%;
}

.tile-wide li {
  border-bottom: none;
}

.faq-index .accordion li div {
  padding: 2rem 3rem 1.7rem 3rem;
}

.faq-index .accordion li > div {
  display: none;
  border-bottom: 1px solid #F2F2F2;
}

.faq-index .accordion li > div,
.faq-index .accordion li > div p {
  font-family: MuseoSans500, Arial;
}

.faq-index .accordion li > a:first-of-type::after {
  content: "\f078";
  color: rgba(102, 102, 102, .75);
}

.faq-index .accordion li > a {
  color: rgba(102, 102, 102, .75);
  font-family: MuseoSans700, Arial;
  border-bottom: 1px solid #F2F2F2;
}

.faq-index .accordion li > a:hover,
.faq-index .accordion li > a:hover::after,
.faq-index .accordion li > a.selected::after,
.faq-index .accordion li > a:focus::after {
  color: #FFF;
}

.faq-index .accordion li > a.selected,
.faq-index .accordion li > a.active {
  background-color: #fff !important;
  color: #333 !important;
}

.faq-index .accordion li > a.selected:first-of-type::after {
  content: "\f077";
  color: #333;
}

/**
* --------------------------------------------
* SHARE PRICE TILE
* --------------------------------------------
*/

.tile.share-price-tile .padding {
  padding-bottom: 0;
}

.tile.share-price-tile time {
  top: 0;
  right: 0;
}

/**
* --------------------------------------------
* ICONS
* --------------------------------------------
*/

.component-holder .heading-icons {
  font-size: 4.6rem;
  margin-bottom: 3.5rem;
  margin-top: -2.3rem;
}

.heading-icons::before {
  display: inline-block;
  width: 5.1rem;
  height: 5.1rem;
  margin-right: 2rem;
  vertical-align: text-top;
}

.section.icon {
  position: relative;
  padding-top: 3rem;
}

.icons {
  padding-top: 1rem;
}

.section.icon::before,
.icons::before {
  position: absolute;
  margin: 0 auto;
  top: -4.2rem;
  left: 0;
  right: 0;
  width: 8rem;
  height: 8rem;
  z-index: 1;
}

.tiles .tile.icons {
  margin-top: 2rem;
  border-top: none;
}

.tiles .tile.icons h3 {
  font-size: 3rem;
}

.tiles .tile.icons .tile-inner p {
  max-width: 95%;
  line-height: 1.3;
  font-size: 1.4rem;
}

.tiles .tile.icons .more {
  padding: 1.2rem 1.6rem 1rem 1.9rem;
}

.icons ul li {
  border-bottom: 1px solid #FFF;
}

.icons ul li:first-child {
  border-top: none;
}

.icons ul li a {
  background-color: #F8FAFD;
}

.icon-business::before {
  content: url(../../Images/document-icons/icon-business.svg);
}

.icon-callout::before {
  content: url(../../Images/document-icons/icon-callout.svg);
}

.icon-cannon::before {
  content: url(../../Images/document-icons/icon-cannon.svg);
}

.icon-cannon-02::before {
  content: url(../../Images/document-icons/icon-cannon-02.svg);
}

.icon-chartcols::before {
  content: url(../../Images/document-icons/icon-chartcols.svg);
}

.icon-chartlines::before {
  content: url(../../Images/document-icons/icon-chartlines.svg);
}

.icon-customers::before {
  content: url(../../Images/document-icons/icon-customers.svg);
}

.icon-developers::before {
  content: url(../../Images/document-icons/icon-developers.svg);
}

.icon-document::before {
  content: url(../../Images/document-icons/icon-document.svg);
}

.icon-entry::before {
  content: url(../../Images/document-icons/icon-entry.svg);
}

.icon-fireworks::before {
  content: url(../../Images/document-icons/icon-fireworks.svg);
}

.icon-fireworks-02::before {
  content: url(../../Images/document-icons/icon-fireworks-02.svg);
}

.icon-group::before {
  content: url(../../Images/document-icons/icon-group.svg);
}

.icon-home::before {
  content: url(../../Images/document-icons/icon-home.svg);
}

.icon-mail::before {
  content: url(../../Images/document-icons/icon-mail.svg);
}

.icon-media::before {
  content: url(../../Images/document-icons/icon-media.svg);
}

.icon-network::before {
  content: url(../../Images/document-icons/icon-network.svg);
}

.icon-plug::before {
  content: url(../../Images/document-icons/icon-plug.svg);
}

.icon-property::before {
  content: url(../../Images/document-icons/icon-property.svg);
}

.icon-puzzle::before {
  content: url(../../Images/document-icons/icon-puzzle.svg);
}

.icon-rural::before {
  content: url(../../Images/document-icons/icon-rural.svg);
}

.icon-video::before {
  content: url(../../Images/document-icons/icon-video.svg);
}

.border-top {
  display: inline-block;
}

.border-top::before {
  background-color: rgba(185, 185, 185, 0.2);
  width: 30%;
  height: 2px;
  position: absolute;
  content: "";
  top: -2px;
  left: -2px;
}

.border-top::after {
  background-color: rgba(185, 185, 185, 0.2);
  width: 30%;
  height: 2px;
  position: absolute;
  content: "";
  top: -2px;
  right: -2px;
}

/**
* --------------------------------------------
* BUTTONS AND LINKS
* --------------------------------------------
*/
a:focus,
a:active,
a.selected {
  background-color: #407EC9 !important;
  color: #FFFFFF !important;
}

a:focus:hover,
a:active:hover,
a.selected:hover {
  background-color: #2AD2C9 !important;
}

div[class^="col-"] .more:hover:hover,
.view-more:hover,
.image a.more:hover,
.blog .image a:hover {
  text-decoration: none;
}

a,
.tile-faq .accordion li div a {
  color: #009FE3;
  text-decoration: none;
}

a:hover,
.tile-faq .accordion li div a:hover {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  background: none;
  text-decoration: underline;
  color: #2AD2C9;
}

.more {
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  background: #407EC9;
  display: inline-block;
  margin-top: 1.8rem;
  padding: 1.5rem 2rem 1.3rem 2.2rem;
  text-decoration: none;
  color: #FFF;
}

.more:hover {
  background: #2AD2C9;
  color: #FFF;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.more::after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 2.2rem;
  line-height: 0.9;
}

.more::after:hover {
  background: #2AD2C9;
  color: #FFF;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.findout-more,
.learn-more,
.just-more.fixed {
  position: absolute;
  bottom: 3rem;
  top: auto !important;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.findout-more::after,
.learn-more::after,
.just-more.fixed::after {
  float: right;
}

.findout-more {
  min-width: 25rem;
  width: 50%; /* for =< IE11 */
  text-align: left;
  padding: 0.9rem 2rem 0.8rem 2rem;
  bottom: 3.6rem;
}

.learn-more {
  min-width: 100%;
  bottom: 3rem;
}

.learn-more a {
  display: inline-block;
  padding-left: 1.6rem;
}

.learn-more a:hover {
  color: #2AD2C9;
  text-decoration: none;
}

.learn-more a:hover .more {
  background: #2AD2C9;
  color: #fff;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.learn-more a span {
  margin-left: 8rem;
  margin-top: 0;
}

.just-more {
  background: transparent;
  min-width: 18rem;
  padding: 1.2rem 2rem 1.1rem 2.2rem;
  border: 1px solid #407EC9;
  color: #407EC9;
}

.just-more.fixed {
  background: #FFF;
  width: 50%;
  bottom: 3rem;
}

.just-more:hover {
  border-color: #2AD2C9;
}

.just-more::after {
  display: none;
}

.view-more {
  min-width: 22rem;
}

.view-more::after {
  float: right;
}

/**
* --------------------------------------------
* INVESTOR NEWS TABLE
* --------------------------------------------
*/
.investor-news {
  -webkit-box-shadow: 0 0.1rem 0 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 0 0.1rem 0 0 rgba(102, 102, 102, 0.2);
  -o-box-shadow: 0 0.1rem 0 0 rgba(102, 102, 102, 0.2);
  -ms-box-shadow: 0 0.1rem 0 0 rgba(102, 102, 102, 0.2);
  box-shadow: 0 0.1rem 0 0 rgba(102, 102, 102, 0.2);
  border: 1px solid rgba(102, 102, 102, 0.3);
  background: #FFFFFF;
  border-collapse: collapse;
  margin-bottom: 2rem;
  font-family: "MuseoSans700", sans-serif;
  color: #999999;
}

.investor-news tr th,
.investor-news tr td {
  vertical-align: middle;
  border-bottom: 1px solid #F2F2F2;
}

.investor-news tr th p,
.investor-news tr td p {
  margin-top: 1rem;
}

.investor-news tr th {
  padding: 2rem;
}

.investor-news tr td {
  padding: 1rem 2rem;
}

.investor-news tr th:nth-child(1),
.investor-news tr td:nth-child(1) {
  text-align: center;
}

.investor-news tr th:nth-child(1) span.icon,
.investor-news tr td:nth-child(1) span.icon {
  width: 3rem;
  display: inline-block;
}

.investor-news tr th:nth-child(2),
.investor-news tr td:nth-child(2) {
  text-align: left;
  padding-left: 1rem;
}

.investor-news tr th:nth-child(3),
.investor-news tr td:nth-child(3) {
  text-align: right;
  padding-right: 3.6rem;
}

.investor-documents {
  list-style: none;
}

.investor-documents li {
  padding: 0.5rem 0;
}

.investor-documents li > a {
  text-decoration: none;
  color: #999999;
}

.investor-documents li > a:hover {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  text-decoration: underline;
  color: #333333;
}

/**
* --------------------------------------------
* Landing Text
* --------------------------------------------
*/

.landing-text p + p, .landing-text *+p {
  margin-top: 15px;
  margin-top: 1.5rem;
}

.component-holder .landing-text figure {
  margin: 32px 0 0 0;margin: 3.2rem 0 0 0;
  width: auto;
  max-width: none;
  position: static;
  text-align: center;

}

.component-holder .landing-text .align-left{
  float: left;
  margin: 0 15px 0 0; margin: 0 1.5rem 0 0;
}

.component-holder .landing-text .align-right{
  float: right;
  margin: 0 0 0 15px; margin: 0 0 0 1.5rem;
}


.component-holder .landing-text figure a{
  position: static;
}

.component-holder .landing-text figure  img {
  width: auto;
  display: inline-block;
}


/**
* --------------------------------------------
* QUICK LINKS
* --------------------------------------------
*/
.quick-links {
  background: #009FE3;
  padding: 3.4rem 0;
  color: #FFF;
}

.quick-links h2 {
  font-family: "MuseoSans700", sans-serif;
  font-size: 2rem;
  line-height: 1;
  float: left;
}

.quick-links ul {
  float: right;
}

.quick-links ul li {
  display: inline-block;
  margin-right: 3rem;
  vertical-align: middle;
  list-style-type: none;
}

.quick-links ul li:last-child {
  margin-right: 0;
}

.quick-links a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}

.quick-links a:hover {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  color: #FFF;
}

/* OVERRIDES */
/**
* --------------------------------------------
* OVERRIDES
* --------------------------------------------
*/
.landing-heading h2 {
  padding: 4rem 0;
  margin-bottom: 0;
  font-family: "MuseoSans500", sans-serif;
  font-size: 4.7rem;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  color: #407EC9;
}

.landing-heading + section {
  padding-top: 0;
}

time.time {
  position: relative !important;
  font-size: 1.4rem !important;
  color: #666666 !important;
}

/**
* --------------------------------
* SET HEIGHT RESTRICTIONS TO TILES
* --------------------------------
*/

.blog,
.share-price-tile {
  height: 43.5rem;
  overflow: hidden;
}


/**
* ------------------------------
* Body, top navigation, Masthead
* ------------------------------
*/

/* Top decoration bar */
#top-navigation:before {
  content: "";
  display: block;
  height: 4px;
  background-color: #009fe3;
  background-image: -webkit-gradient(linear, left top, right top, from(#009fe3), to(#2ad2c9));
  background-image: -webkit-linear-gradient(left, #009fe3, #2ad2c9);
  background-image: -moz-linear-gradient(left, #009fe3, #2ad2c9);
  background-image: -ms-linear-gradient(left, #009fe3, #2ad2c9);
  background-image: -o-linear-gradient(left, #009fe3, #2ad2c9);
  background-image: linear-gradient(left, #009fe3, #2ad2c9);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#009fe3', end-colourStr='#2ad2c9', gradientType='1');
}

.top-navigation-wrapper {
  padding-top: 4px;
}

#masthead a, #top-navigation a {
  border-bottom: 0;
}

#page-upper {
  border-top: 0;
}

#masthead, #top-navigation {
  font-size: 16px;
}

/* Wrapper */
/*#masthead > .masthead-wrapper,
#top-navigation > .top-navigation-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2em;
  right: 2em;
  margin: 0 auto;
  max-width: 76.5em;
  z-index: 10;
  width: auto;
}*/

#masthead > .masthead-wrapper,
#top-navigation > .top-navigation-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 76.5em;
  z-index: 10;
  width: 100%; /* prevents IE11 from layout breaking */
}

/* Top Menu */
#top-navigation {
  position: relative;
  background-color: #131c28;
  overflow: hidden;
  height: 2.8em;
}

#top-navigation ul {
  float: right;
  margin: 0;
  padding: 0;
}

#top-navigation ul li {
  display: inline;
}

#top-navigation ul li a {
  font-family: "MuseoSans700", sans-serif;
  font-size: 0.7em;
  line-height: 1em;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0.75;
  padding: 1.35714em 3.21429em;
}

#top-navigation ul li a:hover {
  opacity: 1;
  background-color: #2ad2c9;
  background: -webkit-gradient(linear, left top, right top, from(#2ad2c9), to(#009fe3));
  background: -webkit-linear-gradient(left, #2ad2c9, #009fe3);
  background: -moz-linear-gradient(left, #2ad2c9, #009fe3);
  background: -ms-linear-gradient(left, #2ad2c9, #009fe3);
  background: -o-linear-gradient(left, #2ad2c9, #009fe3);
  background: linear-gradient(to right, #2ad2c9, #009fe3);
}

#top-navigation ul li.active > a {
  opacity: 1;
  background-color: #3e6881;
}

#top-navigation .site-branding {
  display: none;
}

#top-navigation .site-menu-toggle {
  display: none;
}

#top-navigation li .search:before, #top-navigation li .login:before {
  margin-right: 5px;
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#top-navigation li .search:before {
  content: "\f002";
}

#top-navigation li .login:before {
  content: "\f007";
}

.site-branding a {
  display: inline-block;
}

/* Logo */
#masthead {
  background: #192636;
  height: 83px;
  position: relative;
  width: 100%;
}

#masthead .site-branding {
  position: absolute;
  left: 2em;
  top: 1.2em;
}

#masthead .site-branding a img {
  height: 2.9em;
}

#masthead .site-branding a:hover {
  opacity: 0.9;
}

#mobile-menu-overlay {
  display: none;
}

#subsite-navigation ul, #subsite-navigation li {
  list-style: none;
  list-style-type: none;
}

/**
* --------------------------------------------
* Secondary navigation
* --------------------------------------------
*/

#subsite-navigation {
  width: auto;
  padding: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

#subsite-navigation > .inner {
  position: relative;
  margin: 0 auto;
  height: 100%;
}

#subsite-navigation > .inner > div {
  float: right;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0.5em 1em;
  margin: 1em 0 1em 1em;
}

#subsite-navigation > .inner > div:before {
  content: 'Our websites';
  font-weight: normal;
  font-size: 1em;
  line-height: 1em;
  color: #009fe3;
}

#subsite-navigation > .inner > div:after {
  content: "\f107";
  font: normal normal normal 1.5em FontAwesome;
  padding: 0 0 0 3em;
  position: relative;
  top: 0.200em;
  color: #009fe3;
}
/* submenu */
#subsite-navigation > .inner > div ul {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #192636;
  margin: 0;
  padding: 0.5em 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0 0 0.2em 0.2em;
}

#subsite-navigation > .inner > div:hover ul {
  display: block;
}

#subsite-navigation > .inner > div:hover:after {
  content: "\f106";
}

#subsite-navigation > .inner > div ul li > a {
  display: inline-block;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.6);
  padding: 0.25em 1.2em;
}

#subsite-navigation > .inner > div ul li > a:hover {
  text-decoration: none;
  color: #009fe3;
}

/**
* --------------------------------------------
* Banner title
* --------------------------------------------
*/

h1 > span.subtitle { 
  display:block; 
  color: #fff; 
  font-size: 1.6rem; 
  font-weight:normal; 
  display:block;
  margin-top:0.5rem;
}

#banner-tiles {
  margin-top: 55px;
  margin-top: 5.5rem;
}

/**
* --------------------------------------------
* BREADCUMBS
* --------------------------------------------
*/
.breadcrumbs {
  padding: 1.8rem 0;
  border-bottom: 1px solid rgba(191, 191, 191, 0.6);
}

.breadcrumbs .wrapper {
  position: relative;
  padding: 0 3rem;
}

.breadcrumbs #page-download {
  position: absolute;
  top: 0;
  right: 30px;
  right: 3rem;
}

.breadcrumbs #page-download a {
  color: #999999;
  border-bottom: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.breadcrumbs #page-download a:before {
  content: '\f02f\00a0\f019\00a0';
  font-family: 'FontAwesome';
  font-size: 16px;
  font-size: 1.6rem;
}

.breadcrumbs ul li a:hover,
#page-download a:hover {
  color: #2AD2C9;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  text-decoration: none;
}

.breadcrumbs ul {
  list-style: none;
  color: #999999;
}

.breadcrumbs ul li {
  display: inline-block;
  margin: 0 0.6rem;
}

.breadcrumbs ul li::after {
  padding-left: 1.6rem;
  font-family: FontAwesome;
  content: "\f105";
}

.breadcrumbs ul li a {
  color: #999999;
  border: none;
}

.breadcrumbs ul li:first-child {
  margin-left: 0;
}

.breadcrumbs ul li:last-child a {
  text-decoration: none;
  font-family: "MuseoSans700", sans-serif;
  color: #009FE3;
  pointer-events: none;
  cursor: default;
}

.breadcrumbs ul li:last-child::after {
  content: none;
}


/*
==========================
FORMS
==========================
*/
.form-container {
  background-color: #f8fafd;
  margin-bottom: 5rem;
  border: 1px solid #f2f2f2;
  line-height: 1;
}

.form-container input:focus,
.form-container textarea:focus,
.form-container select:focus,
.form-container button:focus,
.form-container a:hover,
.form-container a:focus,
.form-container a:active {
  outline: none;
  outline: 0;
}

.form-container label,
.form-container input[type="button"],
.form-container input[type="submit"],
.form-container button {
  cursor: pointer;
}

.form-container .cf:before,
.form-container .cf:after {
  content: "";
  display: table;
}

.form-container .cf:after {
  clear: both;
}

.form-container .bg-color-blue-dark {
  background-color: #407EC9;
}

.form-container .bg-color-blue-light {
  background-color: #009FE3;
}

.form-container .bg-color-gray-lightest {
  background-color: #F8FAFD;
}

.form-container .form-error {
  color: #ff0000;
}

.form-container > div {
  padding: 4rem 0;
}

.form-container .form-section-header {
  margin-bottom: 2.5rem;
  padding-left: 1rem;
  font-family: "MuseoSans700", sans-serif;
  font-size: 2.4rem;
  color: #009FE3;
}

.form-container .form-section-header.margin-bottom-void {
  margin-bottom: 0;
}

.form-container .form-section-wrapper {
  padding: 0 8.5rem;
}

.form-container .form-section-wrapper .form-field,
.form-container .form-section-wrapper .captcha {
  margin-bottom: 2.4rem;
}

.form-container .form-section-wrapper .form-field {
  width: 100%;
  float: left;
  padding: 0 1rem;
}

.form-container .form-section-wrapper .form-field.width-half {
  width: 50%;
}

.form-container .form-section-wrapper .form-field.width-third {
  width: 33.33333333333333%;
}

.form-container .form-section-wrapper .form-field .form-section-header {
  padding-left: 0;
}

.form-container .form-section-wrapper .form-field label,
.form-container .form-section-wrapper .form-field legend {
  line-height: 1.4;
}

.form-container .form-section-wrapper .form-field label {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 1.4rem;
}

.form-container .form-section-wrapper .form-field input,
.form-container .form-section-wrapper .form-field textarea {
  font-size: 1.8rem;
}

.form-container .form-section-wrapper .form-field select {
  font-size: 1.6rem;
}

.form-container .form-section-wrapper .form-field input,
.form-container .form-section-wrapper .form-field textarea,
.form-container .form-section-wrapper .form-field select {
  width: 100%;
  padding: 1.4rem 2rem;
  border: 1px solid rgba(191, 191, 191, 0.4);
  border-radius: .5rem;
  box-shadow: inset 0 0.3rem 0.5rem rgba(242, 242, 242, 0.5);
  font-family: "MuseoSans500", sans-serif;
  color: #999999;
  transition: all .5s;
  background-color: #fff;
  font-size: 1.4rem;
}

.form-container .form-section-wrapper .form-field input:focus,
.form-container .form-section-wrapper .form-field textarea:focus,
.form-container .form-section-wrapper .form-field select:focus {
  border: 1px solid #009FE3;
  border-radius: 0;
}

.form-container .form-section-wrapper .form-field input[disabled],
.form-container .form-section-wrapper .form-field textarea[disabled],
.form-container .form-section-wrapper .form-field select[disabled] {
  box-shadow: none;
  background-color: rgba(191, 191, 191, 0.3);
  border: 1px solid #bfbfbf;
}

.form-container .form-section-wrapper .form-field textarea {
  resize: vertical;
}

.form-container .form-field legend {
  display: inline-block;
  font-size: 1.4rem;
}

.form-container .form-field ul li {
  padding: 0.6rem 0;
  list-style-type: none;
  vertical-align: middle;
  font-size: 1.6rem;
}

.form-container .mandatory::after {
  display: inline;
  margin-left: .2rem;
  content: "*";
  color: #ff0000;
}

.form-container .form-field.form-error input,
.form-container .form-field.form-error select,
.form-container .form-field.form-error textarea {
  background-color: #ffdbdb;
  box-shadow: none;
  border: 1px solid #ff8080;
}

.form-container .form-field.form-error input::-webkit-input-placeholder,
.form-container .form-field.form-error select::-webkit-input-placeholder,
.form-container .form-field.form-error textarea::-webkit-input-placeholder {
  color: #ff8080;
}

.form-container .form-field.form-error input::-moz-placeholder,
.form-container .form-field.form-error select::-moz-placeholder,
.form-container .form-field.form-error textarea::-moz-placeholder {
  color: #ff8080;
}

.form-container .form-field.form-error input:-ms-input-placeholder,
.form-container .form-field.form-error select:-ms-input-placeholder,
.form-container .form-field.form-error textarea:-ms-input-placeholder {
  color: #ff8080;
}

.form-container .form-field.form-error input:focus,
.form-container .form-field.form-error select:focus,
.form-container .form-field.form-error textarea:focus {
  background-color: #fff;
}

.form-container .form-field.form-error input[type="radio"] + label,
.form-container .form-field.form-error input[type="checkbox"] + label {
  color: #666666;
}

.form-container .select-wrapper {
  position: relative;
  min-width: 110px;
}

.form-container .select-wrapper::after {
  position: absolute;
  top: 1.4rem;
  right: 2rem;
  font-family: 'FontAwesome';
  content: "\f078";
  font-size: 2rem;
  pointer-events: none;
}

.form-container .select-wrapper.selected::after {
  content: "\f077";
}

.form-container .select-wrapper.select-time select {
  padding: 1.3rem 1rem 1.3rem 0.8rem;
}

.form-container .select-wrapper.select-time::after {
  right: 1rem;
  font-size: 1.4rem;
}

.form-container .select-wrapper.select-multiple::after {
  display: none;
}

.form-container .form-field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.form-container .form-field select::-ms-expand {
  display: none;
}

.form-container .form-note {
  display: inline-block;
  padding-left: 1rem;
  margin-bottom: 2rem;
  font-style: italic;
}

.form-container button {
  display: inline-block;
  margin-right: 2rem;
  padding: 1.5rem 4.8rem;
  webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  font-family: "MuseoSans500", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  height: auto;
}

.form-container .button-submit {
  background-color: #407EC9;
  border: 1px solid #407EC9;
  color: #fff;
}

.form-container .button-submit:hover, .form-container .button-submit:focus {
  background: #009FE3;
  color: #fff;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  border: 1px solid #009FE3;
}

.form-container .button-reset {
  background-color: transparent;
  margin-right: 0;
  border: 1px solid #bfbfbf;
  color: #666666;
}

.form-container .button-reset:hover, .form-container .button-reset:focus {
  background: #fff;
  color: #fff;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  color: #666666;
}

.form-container .display-table {
  display: table;
  width: 100%;
}

.form-container .form-field .display-table input,
.form-container .form-field .display-table .select-wrapper {
  display: table-cell;
  float: left;
}

.form-container .form-field .display-table input:nth-child(1),
.form-container .form-field .display-table .select-wrapper:nth-child(1) {
  width: 75%;
  margin-right: 2%;
}

.form-container .form-field .display-table input:nth-child(2),
.form-container .form-field .display-table .select-wrapper:nth-child(2) {
  width: 23%;
}

.form-container .form-field ul {
  margin: 0;
}

.form-container .form-field .input-group li input, .form-container .form-field .input-group li label {
  vertical-align: middle;
}

.form-container .form-field .input-group li input {
  width: auto;
  margin: 0 0.6rem 0 0;
  padding: 0;
  border: none;
}

.form-container .form-field .input-group li label {
  margin: 0;
}

.form-container .form-field .input-group.inline-block li {
  display: inline-block;
  margin-right: 2rem;
}

/*
==========================
TABS
==========================
*/

.tab-group {
  margin: 6.5rem 0 0 0;
}

.page-tab-group {
  margin-top: -3.2rem;
}

.tab-group > .tab-group-head > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: table;
  border-bottom: 1px solid #34A6E8;
  width: 100%;
  table-layout: fixed;
}

.tab-group > .tab-group-head > ul > li {
  margin: 0;
  padding: 0;
  display: table-cell;
  border-right: 1px solid #ffffff;
  background-color: #f3f4f5;
}

.tab-group > .tab-group-head > ul > li:last-child {
  border-right: none;
}

.page-tab-group.tab-group > .tab-group-head > ul > li > a {
  background-color: #f3f4f5;
}

.tab-group > .tab-group-head > ul > li > a {
  text-decoration: none;
  border: none;
  padding: 16px 15px;
  padding: 1.6rem 1.5rem;
  display: block;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}

.tab-group > .tab-group-head > ul > li:hover > a {
  background-color: #edeff0;
  color: #34A6E8;
}

.tab-group > .tab-group-head > ul > li.active {
  background-color: #34A6E8;
}

.tab-group > .tab-group-head > ul > li.active a {
  color: #fff;
  background-color: #34A6E8;
}

.tab-group > .tab-group-body div.form-wrapper form {
  margin: 0 !important;
}

.tab-group-content p {
  line-height: 1.6;
}

.tab-group > .tab-group-body > .tab-group-content {
  display: none;
  padding: 20px;
  padding: 2rem;
  background-color: #f8fafd;
}

.tab-group > .tab-group-body > .tab-group-content.active {
  display: block;
}

.tabs > .tab.active {
  display: block;
}

.page-tab-group > .tab-group-body > .tab-group-content {
  background-color: #fff;
  padding: 6rem 0 0 0;
}

.page-tab-group > .tab-group-body > .tab-group-content .intro-text {
  color: #666;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  max-width: 600px;
  max-width: 60rem;
  margin: 0 auto;
}

.page-tab-group > .tab-group-body > .tab-group-content > h2 {
  margin-bottom: 3.2rem;
  font-family: MuseoSans700, sans-serif;
  font-size: 4.6rem;
  text-align: center;
}

.page-tab-group > .tab-group-head > ul {
  border-bottom: none;
}

.page-tab-group > .tab-group-head > ul > li {
  border-bottom: 1px solid rgba(191, 191, 191, 0.6);
  background-color: #edeff0;
}

.page-tab-group > .tab-group-head > ul > li a,
.page-tab-group > .tab-group-head > ul > li.active a {
  background-color: transparent;
}

.page-tab-group > .tab-group-head > ul > li.active {
  border-top: 2px solid #34A6E8;
  border-left: 1px solid rgba(191, 191, 191, 0.6);
  border-right: 1px solid rgba(191, 191, 191, 0.6);
  border-bottom: none;
  background-color: transparent;
}

.page-tab-group > .tab-group-head > ul > li.active a {
  color: #666;
}

/* Tabbed forms */
.tab-group > .tab-group-body div.form-wrapper > h2 {
  display: none;
}

/* Froms - additional */
.form-wrapper .error-msg {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.form-wrapper .form-posted-msg {
  padding: 20px;
  padding: 2rem;
}

.form-tab-group > .tab-group-body > .tab-group-content {
  padding: 0;
  background-color: none;
}

.form-container .select-time {
  line-height: 1;
}

.form-container .form-section-wrapper .form-field .select-time select {
  display: inline-block;
  width: auto;
  border-radius: .5rem;
  background-color: #fff;
}

.form-container .form-section-wrapper .date-time-wrapper input {
  width: auto;
}

.form-container .date-time-wrapper .select-wrapper {
  display: inline-block;
}

.form-container .date-time-wrapper select {
  display: inline;
}

.form-container label {
  text-shadow: none;
  color: #666;
  font-family: MuseoSans500, sans-serif;
}

.form-error-msg {
  color: #ff0000;
  margin: 0 0 20px 0;
}

/*
==========================
ACCORDION
==========================
*/

ul.general-accordion {
  margin: 6.5rem 0;
  list-style-type: none;
}

ul.general-accordion:last-of-type {
  margin-bottom: 3rem;
}

ul.general-accordion > li {
  margin-bottom: 1rem;
  padding: 0;
  border: 1px solid #f2f2f2;
  font-size: 1.6rem;
}

ul.general-accordion > li > a {
  display: block;
  position: relative;
  color: #666;
  background-color: #f3f4f5;
  border: none;
  padding: 2rem 9.5rem 2rem 3rem;
  box-shadow: 0 .1rem 0 rgba(102, 102, 102, 0.1);
  line-height: 2.4rem;
}

.accordion-trigger {
  background-color: #57beea;
  min-width: 6.5rem;
  min-height: 6.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
}

.accordion-trigger:after {
  content: "+";
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.selected .accordion-trigger:after {
  content: "—";
}

.general-accordion li div {
  padding: 2rem 3rem 1.7rem 3rem;
  background-color: #f8fafd;
}

.general-accordion li > div {
  display: none;
}

.general-accordion .accordion-item p {
  color: rgba(102, 102, 102, .9);
}

/*
=====================================
JQuery UI Datepicker overrides
=====================================
*/

.ui-datepicker {
  color: #666;
  font-family: 'MuseoSans500', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid rgba(191, 191, 191, 0.4);
}

.ui-datepicker th {
  font-weight: normal;
}

.ui-datepicker .ui-widget-header .ui-icon {
  background-image: url(/images/ui-icons_ffffff_256x240.png);
}

.ui-datepicker .ui-widget-header {
  background-color: #00ace5;
  font-weight: normal;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  background-color: #00ace5 !important;
  color: #fff !important;
  border: 1px solid #666;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  background-color: #f3f4f5;
  color: #00ace5;
  font-weight: normal;
}

/*
==========================
		FLIP TILES
==========================
*/

.tiles {
	text-align: center;
	margin: 0 -1%;
}

.tiles .tile {
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  -moz-box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  -o-box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  -ms-box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  box-shadow: 0 0.1rem 0.3rem 0 rgba(185, 185, 185, 0.1);
  background: #FFF;
  margin: 0 1% 2.3% 1%;
  border: 2px solid rgba(185, 185, 185, 0.2);
  position: relative;
  float: left;
}

.tile-card {
	width: 31.33333333333333%;
	height: 33rem;
	line-height: 1.4;
	float: left;
	cursor: pointer;
}

.tile-card:nth-child(3n+1) {
	clear: left;
}

.tile-card.tile-flip .card .card-front .image,
.tile-card.tile-link a .image {
	background-size: cover;
	background-position: 50%;
	height: 55%;
}

.tile-card.tile-flip .card .card-front .blurb,
.tile-card.tile-link a .blurb {
	position: relative;
	top: 22.5%;
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.tile-card.tile-flip .card .card-front .blurb p,
	.tile-card.tile-link a .blurb p {
	padding: 0 2.5rem;
	font-family: "MuseoSans700", sans-serif;
	font-size: 3rem;
	line-height: 1.4;
	color: #009FE3;
}

.tile-card.tile-flip {
	-webkit-perspective: 1200;
	perspective: 1200px;
	position: relative;
	transition: all .3s;
}

.tile-card.tile-flip:hover, .tile-card.tile-flip:focus {
	-webkit-box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	-moz-box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	-o-box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	-ms-box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	-webkit-transition: box-shadow 0.3s;
	-moz-transition: box-shadow 0.3s;
	-ms-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}

.tile-card.tile-flip .card {
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: 0.5s;
}

.tile-card.tile-flip .card.flipped {
	-webkit-transform: rotatey(-180deg);
	-ms-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
}

.tile-card.tile-flip .card.flipped .card-back {
  overflow: auto;
}

.tile-card.tile-flip .card img {
	width: 100%;
	max-width: 100%;
	height: 50%;
}

.tile-card.tile-flip .card > div {
	/*background-color: #f3f4f5;*/
	position: absolute;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tile-card.tile-flip .card .card-front {
  background-color: #f3f4f5;
	position: absolute;
	z-index: 1;
	width: 100%;
}

.tile-card.tile-flip .card .card-back {
  background-color: #f8fafd;
	width: 100%;
	-webkit-transform: rotatey(-180deg);
	-ms-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
	padding: 3rem;
	font-size: 1.6rem;
	z-index: 2;
}

.tile-card.tile-flip .card .card-back h4 {
	margin-bottom: 2rem;
	font-family: "MuseoSans700", sans-serif;
	font-size: 2rem;
	color: #009FE3;
}

.tile-card.tile-flip .card .card-back p {
	margin-bottom: 2rem;
}

.tile-card.tile-flip .card .card-back p span {
	display: inline-block;
	font-family: "MuseoSans500", sans-serif;
	color: #009FE3;
}

.tile-card.tile-flip .card .card-back address {
	font-style: normal;
}

.tile-card.tile-link {
	background-color: #f3f4f5;
	cursor: auto;
}

.tile-card.tile-link a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	transition: all .3s;
}

.tile-card.tile-link a:hover, .tile-card.tile-link a:focus {
	-webkit-box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	-moz-box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	-o-box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	-ms-box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	box-shadow: 0 0 10px rgba(102, 102, 102, 0.3);
	-webkit-transition: box-shadow 0.3s;
	-moz-transition: box-shadow 0.3s;
	-ms-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}

.tile-card.tile-link a:active, .tile-card.tile-link a:visited {
	background-color: #f2f2f2 !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tile-card.tile-flip .card.flipped {
		-webkit-transform: rotatey(0deg);
		-ms-transform: rotatey(0deg);
		transform: rotatey(0deg);
	}

	.tile-card.tile-flip .card.flipped .card-back {
		-webkit-transform: rotateY(0deg);
		-ms-transform: rotatey(0deg);
		transform: rotateY(0deg);
	}

	.tile-card.tile-flip .card.flipped .card-front {
		-webkit-transform: rotateY(180deg);
		-ms-transform: rotatey(180deg);
		transform: rotateY(180deg);
	}
}

/*
==========================
   SOCIAL LINKS FOOTER
==========================
*/
.social-media-links {
  background-color: #F8FAFD;
  padding: 5.4rem 0;
  text-align: center;
  margin: 0;
}

.social-media-links h4 {
  margin-bottom: 3.5rem;
  font-family: "MuseoSans700", sans-serif;
  font-size: 3rem;
  color: #009FE3;
}

.social-media-links ul li {
  display: inline-block;
  list-style: none;
  margin-right: 3.8rem;
}

.social-media-links ul li:last-child {
  margin-right: 0;
}

.social-media-links a {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  width: 5.6rem;
  height: 5.6rem;
  border: 1px solid #009FE3;
  font-family: FontAwesome;
  font-size: 2.8rem;
  line-height: 2;
  color: #009FE3;
  text-decoration: none;
}

.social-media-links a.facebook::before {
  content: "\f09a";
}

.social-media-links a.twitter::before {
  content: "\f099";
}

.social-media-links a.linkedin::before {
  content: "\f0e1";
}

.social-media-links a:hover {
  background: #009FE3;
  color: #fff;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  color: #fff;
}


/**
* --------------------------------------------
* FOOTER
* --------------------------------------------
*/

#footer-main {
  background: #192636;
  color: #fff;
  height: auto;
}

#footer-main h3, #footer-main h4 {
  font-family: "MuseoSans700", sans-serif;
  font-size: 1.8rem;
  color: #fff;
}

#footer-main .footer-upper,
#footer-main .footer-lower ul {
  max-width: 114.4rem;
  width: 100%;
  margin: 0 auto;
}

#footer-main ul {
  list-style: none;
  margin-bottom: 2rem;
}

#footer-main a {
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
  border-bottom: none;
}

#footer-main a:hover {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  color: #2AD2C9;
}

#footer-main .footer-upper {
  position: relative;
  padding: 6rem 3rem 3rem 3rem;
}

#footer-main .footer-upper div[class^="col-"] {
  margin-left: 0;
}

#footer-main .footer-upper div[class^="col-"] h4 {
  margin-bottom: 1rem;
  padding-right: 1.2rem;
}

#footer-main .footer-upper div[class^="col-"] ul {
  padding-right: 1.2rem;
}

#footer-main .footer-upper .chorus-logo img {
  width: 16rem;
  margin-top: -1.6rem;
}

#footer-main .footer-upper h3 {
  margin-bottom: 4rem;
}

#footer-main .footer-upper h3 a {
  font-size: 2rem;
  color: #bfbfbf;
}

#footer-main .footer-upper h3 a::after {
  margin-left: 1.3rem;
  font-family: FontAwesome;
  font-size: 1.6rem;
  content: "\f077";
}

#footer-main .footer-upper h3 a:hover {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  color: #2AD2C9;
}

#footer-main .footer-upper .social-links ul {
  float: right;
}

#footer-main .footer-upper .social-links ul li {
  display: inline-block;
  margin-right: 2rem;
}

#footer-main .footer-upper .social-links ul li a {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-family: FontAwesome;
  display: inline-block;
  width: 3.8rem;
  height: 3.8rem;
  text-align: center;
  border: 1px solid rgba(242, 242, 242, 0.8);
}

#footer-main .footer-upper .social-links ul li a:hover {
  background: #2AD2C9;
  color: #fff;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  color: #192636;
  border: 1px solid #2AD2C9;
}

#footer-main .footer-upper .social-links ul li a::before {
  font-size: 1.6rem;
  line-height: 2.4;
}

#footer-main .footer-upper .social-links ul li a.facebook::before {
  content: "\f09a";
}

#footer-main .footer-upper .social-links ul li a.twitter::before {
  content: "\f099";
}

#footer-main .footer-upper .social-links ul li a.linkedin::before {
  content: "\f0e1";
}

#footer-main .footer-upper .social-links ul li:last-child {
  margin-right: 0;
}

#footer-main .footer-upper .social-links:last-child {
  position: absolute;
  right: 80px;
  top: 48px;
}

#footer-main .footer-lower {
  border-top: 1px solid rgba(153, 153, 153, 0.2);
}

#footer-main .footer-lower ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3rem;
}

#footer-main .footer-lower ul li a {
  font-size: 1.1rem;
}

/*
* --------------------------------------------
* GRID
* --------------------------------------------
*/
.col-1 {
  width: 6.56371%;
  float: left;
  margin-left: 1.9305%;
}

.col-1:first-child {
  margin-left: 0;
}

.col-2 {
  width: 15.05792%;
  float: left;
  margin-left: 1.9305%;
}

.col-2:first-child {
  margin-left: 0;
}

.col-3 {
  width: 23.55212%;
  float: left;
  margin-left: 1.9305%;
}

.col-3:first-child {
  margin-left: 0;
}

.col-4 {
  width: 32.04633%;
  float: left;
  margin-left: 1.9305%;
}

.col-4:first-child {
  margin-left: 0;
}

.col-5 {
  width: 40.54054%;
  float: left;
  margin-left: 1.9305%;
}

.col-5:first-child {
  margin-left: 0;
}

.col-6 {
  width: 49.03475%;
  float: left;
  margin-left: 1.9305%;
}

.col-6:first-child {
  margin-left: 0;
}

.col-7 {
  width: 57.52896%;
  float: left;
  margin-left: 1.9305%;
}

.col-7:first-child {
  margin-left: 0;
}

.col-8 {
  width: 66.02317%;
  float: left;
  margin-left: 1.9305%;
}

.col-8:first-child {
  margin-left: 0;
}

.col-9 {
  width: 74.51737%;
  float: left;
  margin-left: 1.9305%;
}

.col-9:first-child {
  margin-left: 0;
}

.col-10 {
  width: 83.01158%;
  float: left;
  margin-left: 1.9305%;
}

.col-10:first-child {
  margin-left: 0;
}

.col-11 {
  width: 91.50579%;
  float: left;
  margin-left: 1.9305%;
}

.col-11:first-child {
  margin-left: 0;
}

.col-12 {
  width: 100%;
  float: left;
  margin-left: 1.9305%;
}

.col-12:first-child {
  margin-left: 0;
}

/* OVERRIDES */

.form-container .form-section-wrapper .form-field,
#footer-main .footer-upper div[class^="col-"] {
  margin-top: 0 !important; /* overrides the h + * headings in style.css */
}


/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #D2D7A3; background: #fcfdfd url(/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #E3E3E3; background-color: #C5D3DE; /*background: #5c9ccc url(/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;*/ color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #31A6E7; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #31A6E7; background: #d0e5f5 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #222222; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #000000; background: #fbec88 url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon { background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon { background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-state-active .ui-icon { background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-state-highlight .ui-icon { background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/images/ui-icons_469bdd_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/*
 * jQuery UI Datepicker 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border: none; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; background-color: #ffffff; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }
.ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover { display: none; /*sorry for IE5*/ display: /**/ block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }



.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;}.me-plugin{position:absolute;}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden;}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000;}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%;}.mejs-background{position:absolute;top:0;left:0;}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%;}.mejs-poster{position:absolute;top:0;left:0;}.mejs-poster img{border:0;padding:0;border:0;display:block;}.mejs-overlay{position:absolute;top:0;left:0;}.mejs-overlay-play{cursor:pointer;}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(bigplay.png) no-repeat;}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px;}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(background.png);background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url(/shared/images/loading.gif) 50% 50% no-repeat;}.mejs-container .mejs-controls{position:absolute;background:none;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(background.png);background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%;}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;background:0;font-family:Helvetica,Arial;border:0;}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url(controls.png) no-repeat;}.mejs-controls .mejs-button button:focus{outline:solid 1px yellow;}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;padding:auto 4px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}.mejs-container .mejs-controls .mejs-time span{font-size:11px;color:#fff;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto;}.mejs-controls .mejs-play button{background-position:0 0;}.mejs-controls .mejs-pause button{background-position:0 -16px;}.mejs-controls .mejs-stop button{background-position:-112px 0;}.mejs-controls div.mejs-time-rail{width:200px;padding-top:5px;}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;}@-webkit-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-moz-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-ms-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-o-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0;}.mejs-controls .mejs-time-rail .mejs-time-current{width:0;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center;}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111;}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0;}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px;}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0;}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px;}.mejs-controls .mejs-mute button{background-position:-16px -16px;}.mejs-controls .mejs-unmute button{background-position:-16px 0;}.mejs-controls .mejs-volume-button{position:relative;}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(background.png);background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0;}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0;}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative;}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none;}.mejs-controls .mejs-captions-button{position:relative;}.mejs-controls .mejs-captions-button button{background-position:-48px 0;}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0;}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1;}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0;}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer;}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none;}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px;}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis;}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff;}.mejs-captions-layer a{color:#fff;text-decoration:underline;}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal;}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0;}.mejs-captions-position-hover{bottom:45px;}.mejs-captions-text{padding:3px 5px;background:url(background.png);background:rgba(20,20,20,0.8);}.mejs-clear{clear:both;}.me-cannotplay a{color:#fff;font-weight:bold;}.me-cannotplay span{padding:15px;display:block;}.mejs-controls .mejs-loop-off button{background-position:-64px -16px;}.mejs-controls .mejs-loop-on button{background-position:-64px 0;}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px;}.mejs-controls .mejs-backlight-on button{background-position:-80px 0;}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0;}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001;}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333;}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333;}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2C7C91;color:#fff;}.mejs-controls .mejs-sourcechooser-button{position:relative;}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}


@media only print  {
/* This file is auto generated, change code in the source folder to update. */

/*
  ===============================================================================
  PRINT STYLES
  ===============================================================================
*/

#page-banner h1 span,
#page-upper,
#breadcrumbs-page-utils,
section.secondary,
#main-page-area > aside,
#main-page-area .back-to-top,
.document-nav-tabs,
.document-navigation,
.document-content > aside,
.on-this-page,
#page-foot .columns .column,
#page-foot .columns .column .feature,
#page-foot .columns .column .social-links,
#page-foot .columns .column .utility-links > * { display: none; }


/*
  ==========================
  page head
  ==========================
*/
#page-head nav ul li { display: none; }

#page-head nav ul li.home { display: block; }

#page-head nav ul li.home a { display: none; }

#page-head nav ul li.home img { display: block; margin-bottom: 20pt; }


/*
  ==========================
  page foot
  ==========================
*/

#page-foot { display: none; }


/*
  ==========================
  columns and tables
  ==========================
*/

/* NB difference between columns and tables, columns more for layout and will change with responsive CSS, whereas tables will be maintained on smaller viewports where possible */

.columns,
.table { display: table; width: 100%; border-collapse: separate; table-layout: fixed; margin: 0; padding: 0; }

.columns .column,
.columns .sp,
.table .column,
.table .sp { display: table-cell; vertical-align: top; }

.columns .sp,
.table .sp { width: 20pt !important; }

/* default two column layout */
/* ------------------------- */

.columns.two .column,
.table.two .column { width: 50%; }

.columns.two .sp,
.table.two .sp { width: 20pt !important; }

/* default three column layout */
/* --------------------------- */

.columns.three .column,
.table.three .column { width: 33.3333%; }

.columns.three .sp,
.table.three .sp { width: 20pt !important; }

/* default four column layout */
/* -------------------------- */

.columns.four .column,
.table.four .column { width: 25%; }

.columns.four .sp,
.table.four .sp { width: 20pt !important; }


/* auto table layout */
/* ----------------- */
.table.auto { table-layout: auto; }

.table.auto .column { width: auto !important; }

.table.auto .sp { width: 20pt !important; }

/* table alignment options */
/* ----------------------- */
.table.bottom .column { vertical-align: bottom; }

.table.middle .column { vertical-align: middle; }


/*
  ==========================
  newspaper style multi-column layout
  ==========================
*/
.multi-column-layout { -webkit-column-gap: 20pt; -moz-column-gap: 20pt; column-gap: 20pt; }

main * + .multi-column-layout { margin-top: 16pt; }

.multi-column-layout.two { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }



/*
  ===============================================================================
  TYPOGRAPHY
  ===============================================================================
*/

/*
  ==========================
  default text
  ==========================
*/

body,
select,
input,
textarea { font-size: 12pt; font-family: sans-serif; color: #333; line-height: 1.3; font-weight: normal; }


/*
  ==========================
  headings
  ==========================
*/

h1.page-title { margin-bottom: 12pt; font-size: 30pt; line-height: 1.1; font-weight: normal; }

h2 { font-size: 24pt; line-height: 1.2; font-weight: normal; clear: both; }

h3 { font-size: 18pt; line-height: 1.2; clear: both; }

h4 { font-size: 15pt; line-height: 1.2; font-weight: normal; }

h5 { font-size: 12pt; line-height: 1.2; text-transform: uppercase; font-weight: bold; }

* + h2 { margin-top: 24pt; }

* + h3,
* + h4,
* + h5,
* + h6 { margin-top: 15pt; }

h2 + *,
h3 + *,
h4 + *,
h5 + *,
h6 + * { margin-top: 2pt !important; }

/* headings with 'more' style link */
/* ------------------------------- */
a.view-more { display: none; }


/*
  ==========================
  paragraphs
  ==========================
*/

/* intro text */
/* ---------- */
.intro-text { font-size: 16pt; line-height: 1.25; color: #555555; }

* + .intro-text { margin-top: 10pt; }

/* default paragraph behaviour */
/* --------------------------- */
main * + p { margin-top: 10pt; }


/*
  ==========================
  images
  ==========================
*/

figure { position: relative; display: block; width: 100%; overflow: hidden; margin: 0; page-break-inside: avoid; }

* + figure { margin-top: 10pt; }

figure .inner { position: relative; display: block; width: 100%; border: solid 2pt #e2e2e2; overflow: hidden; }

figure img { display: block; width: 100%; height: auto; }

figure figcaption { position: relative; margin-top: 2pt; padding: 4pt 8pt; text-align: center; color: #666666; }

figure figcaption .closer-look { display: none; }

/* image rows */
/* ---------- */
* + .image-row { margin-top: 10pt; }

.image-row figure .inner { height: 180px; }

.image-row figure { float: left; margin-top: 0; }

.image-row figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; width: auto; height: 102%; }

.image-row figure.portrait img { width: 102%; height: auto; }

/* 2 image row */
.image-row.two figure { width: 49%; }

.image-row.two figure + figure { margin-left: 2%; }

/* 3 image row */
.image-row.three figure { width: 32%; }

.image-row.three figure .inner { height: 120px; }

.image-row.three figure + figure { margin-left: 2%; }

/* in-flow images */
/* -------------- */

figure.in-flow { float: left; width: 150px; margin: 5pt 10pt 2pt 0 !important; }

/* no border figures */
/* ----------------- */
figure.no-border .inner { border: none !important; }


/*
  ==========================
  page header images
  ==========================
*/

.header-image { display: none; }


/*
  ==========================
  blockquotes
  ==========================
*/

main blockquote { border-bottom: solid 3pt #d3d8d8; padding: 12pt 14pt; font-size: 14pt; color: #666666; }


/*
  ==========================
  content lists
  ==========================
*/

main ul { margin-left: 20pt; }

main ol { margin-left: 32pt; }

main ol ol li { list-style-type: lower-roman; }

main dl dt { font-size: 16pt; color: #555555; }

main dl * + dt { margin-top: 12pt; }

main dl dt + dd { margin-top: 2pt; }

main * + ul,
main * + ol,
main * + dl { margin-top: 10pt; }


/*
  ==========================
  forms
  ==========================
*/

main * + .form-holder { margin-top: 20pt; }

.form-holder .form { padding: 10pt; border: solid 1pt #e2e0e0; font-size: 13pt; }

.form .field + .field { margin-top: 10pt; }

/* labels */
/* ------ */
.form .field label,
.form .field .label { display: block; }

.form .field label + * { margin-top: 1pt; }

.form .field label.visuallyhidden + *,
.form .field label.hidden + * { margin-top: 0; }

/* core styling of inputs */
/* ---------------------- */
.form .field input,
.form .field select,
.form .field textarea { display: block; width: 100%; border: solid 1pt #e2e0e0; }

.form .field input:focus,
.form .field select:focus,
.form .field textarea:focus { border-color: #b2b0b0; }

select,
input,
textarea { padding: 5pt; font-size: 13pt; }

.form .field input.medium,
.form .field select.medium,
.form .field textarea.medium { width: 40%; }

.form .field input.small,
.form .field select.small,
.form .field textarea.small { width: 42pt; }

/* radio and checkbox lists */
/* ------------------------ */
.field.checkbox-radio-list label { position: relative; display: block; width: auto; overflow: hidden; padding-left: 18pt; }

.field.checkbox-radio-list label + label { margin-top: 3pt; }

.checkbox-radio-list label input { position: absolute; top: 2pt; left: 0; display: block; padding: 0; width: auto; border: none; }

/* help text in fields */
/* ------------------- */
.form .field p { margin-top: 2pt; font-size: 12pt; color: #666666; }

/* required label */
/* -------------- */
.required { font-size: 80%; color: #666666; }

/* action buttons */
/* -------------- */
.form .field.action { margin-top: 18pt; padding-top: 16pt; border-top: solid 1pt #d3d8d8; text-align: right; }

/* errors and messages */
/* ------------------- */

.error-msg,
.error-msg *,
.error,
.error .required { color: #990000 !important; }

.error input,
.error textarea,
.error select { border-color: #990000 !important; }

/* placeholder text styling */
/* ------------------------ */
::-webkit-input-placeholder { color: #999999; }

:-moz-placeholder { color: #999999; }

:-ms-placeholder { color: #999999; }

/*
  ==========================
  buttons
  ==========================
*/

button,
.button { display: inline-block; height: 26pt; padding: 0 18pt; border: solid 1pt #e2e2e2; font-size: 14pt; color: #ffffff; line-height: 26pt; text-transform: uppercase; white-space: nowrap; }

button.naked,
.button.naked { padding: 0; border: none; background-color: transparent; font-size: 13pt; color: #666666; }

button + button,
.button + .button { margin-left: 15pt; }


/*
  ==========================
  tables
  ==========================
*/
main * + .table-wrapper { margin-top: 10pt; }

main table.data { border-collapse: collapse; width: 100%; }

main table.data tr.header th { padding: 4pt 8pt; border-bottom: solid 2pt #cccccc; }

main table.data td { padding: 4pt 8pt; border-left: solid 2pt #cccccc; border-bottom: solid 2pt #cccccc; }

main table.data tr td:first-child { border-left: none; }



/*
  ==========================
  bookmarks
  ==========================
*/

.bookmarks { display: none; }

/*
  ==========================
  article / result lists
  ==========================
*/
* + .article-list { margin-top: 10pt !important; }

.article-list article { border-top: solid 3pt #d2d6d9; padding: 10pt; }

.article-list article:last-child { border-bottom: solid 3pt #d2d6d9; }

.article-list article h2 { font-size: 18pt; font-weight: bold; }

.article-list article h2 + * { margin-top: 4pt !important; }

.article-list article .info { margin-bottom: 0; font-weight: bold; font-size: 14pt; color: #333333; }

.article-list article .info + *,
.article-list article p + p { margin-top: 0; }

/* article as link */
/* --------------- */

.article-list article a { display: block; border: none; padding: 10pt; margin: -10pt; color: #333333; }

.article-list article a,
.article-list article a * { text-decoration: none; }


/*
  ==========================
  pagination
  ==========================
*/

.pagination { margin-top: 20pt; text-align: right; font-size: 12pt; }

.pagination .links { display: inline-block; margin-left: 10pt; }

.pagination .links > * { display: inline-block; padding: 0 6pt; }

.pagination .links > * + * { margin-left: 2pt; }

.pagination .links a { border: none; color: #555555; }



/*
  ==========================
  main page columns
  ==========================
*/

main * + .columns,
main * + .table { margin-top: 16pt; }


/*
  ==========================
  main page sectioned areas
  ==========================
*/

main * + section { margin-top: 26pt; padding-top: 16pt; border-top: solid 3pt #d4d9dc; }


/*
  ==========================
  feature items / tiles
  ==========================
*/

.feature-item { display: block; font-size: 12pt; }

.feature-item figure { width: 100%; border: solid 2pt #e2e0e0; }

.feature-item figure.no-border { border: none !important; }

.feature-item figure img { display: block; width: auto; max-width: 100%; }

.feature-item figure + * { margin-top: 8pt; }

.feature-item h2 { font-size: 16pt; font-weight: normal; line-height: 1.2; }

.feature-item h3 { font-size: 12pt; font-weight: bold; line-height: 1.4; margin-bottom: 3pt; }

.feature-item * + p { margin-top: 2pt; }

.feature-item .link-text { display: none; }

/* tiled feature */
/* ------------- */

.feature-item.tile { padding: 10pt; border: solid 1pt #e2e0e0; background-color: #ffffff; }

.feature-item.tile .more { font-size: 11pt; }

/* link feature */
/* ------------ */

a.feature-item { border-bottom: none; color: #333333; text-decoration: none; }

a.feature-item .link-text { display: block; }


/* feature-item - promo tile */
/* ------------------------- */
.feature-item.tile.promo { padding: 10pt 12pt; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; color: #19252d; }

.feature-item.tile.promo .blue { color: #00ace5; }
.feature-item.tile.promo .teal { color: #405966; }
.feature-item.tile.promo .white { color: #ffffff; }

.feature-item.tile.promo .medium { font-size: 18pt; line-height: 1.1; }
.feature-item.tile.promo .large { font-size: 26pt; line-height: 1.1; }

.feature-item.tile.promo .heavy { font-weight: bold; }

.feature-item .link-text.white span,
.feature-item .link-text.white span { color: #ffffff; border-bottom: dotted 1pt #ffffff; }


/* features in aside page area */
/* --------------------------- */

aside * + .feature-item { margin-top: 18pt; }

/* feature row */
/* ----------- */

main .feature-row + .feature-row { margin-top: 20pt !important; }

main h2 + .feature-row { margin-top: 6pt !important; }

.feature-row .feature-item.column { height: 130pt; }


/*
  ==========================
  list blocks
  ==========================
*/

* + .list-block { margin-top: 18pt; }

.list-block h2 { border-top: solid 1pt #d3d8d8; border-bottom: solid 3pt #d3d8d8; padding: 5pt 0 3pt 0; font-weight: bold; font-size: 13pt; text-transform: uppercase; }

/* standard list */
/* ------------- */
.list-block ul { margin: 6pt 0 0 0 !important; padding: 0 0 0 16pt; }

.list-block ul li { margin: 0; padding: 0; }

.list-block ul li + li { margin-top: 4pt; }

/* list block tabular information */
/* ------------------------------ */
.list-block ul.table { display: table; table-layout: auto; width: 100%; }

.list-block ul.table li { display: table-row; }

.list-block ul.table li > * { display: table-cell; padding: 2pt; }

.list-block ul.table li > *:first-child { padding-left: 0; }
.list-block ul.table li > *:last-child { padding-right: 0; }


/*
  ==========================
  back to previous page link
  ==========================
*/
.back-to-previous { display: none; }


/*
  ==========================
  interactive maps
  ==========================
*/
section.interactive-map { padding: 0; border: none; }

* + section.interactive-map { margin-top: 12pt; }

section.interactive-map img.map-bg { width: 30%; max-width: none; display: block; margin: 0; padding: 0; }

/* map markers */
/* ----------- */
.interactive-map .marker-set .marker,
.interactive-map .marker-set .marker img { display: none; }

/* map content */
/* ----------- */
.interactive-map .map-content-set .map-point { padding: 6pt 0; border-top: solid 1pt #cccccc; }

.interactive-map .map-content-set .map-point .close { display: none; }



/*
  ==========================
  commenting
  ==========================
*/
main * + .comments-wrapper { margin-top: 12pt; }

.comments-wrapper .previous-comments article { padding: 6pt 0; border-bottom: solid 2pt #cccccc; }



/*
  ==========================
  misc styles
  ==========================
*/

/* horizontal rule */
hr { display: block; height: 1pt; border: 0; border-top: 1pt solid #ccc; margin: 20pt 0 !important; padding: 0; clear: both; }

ins { background-color: #33a5e5; color: #000; text-decoration: none; }

mark { background-color: #33a5e5; color: #000; font-style: italic; font-weight: bold; }

dfn { font-style: normal; }

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


/*
  ===============================================================================
  PAGE TYPE OVERRIDE STYLES
  ===============================================================================
*/




/*
  ==========================
  home page
  ==========================
*/

/* home lower tile section */
/* ----------------------- */
.home .home-lower { margin-top: 20pt; padding-top: 20pt; border-top: solid 3pt #d4d9dc; }


/* home 'my' section */
/* ----------------- */
.home .user-section { display: none; }


/*
  ==========================
  landing page
  ==========================
*/

.landing h1 ~ .columns .column { display: block; width: 100% !important; }

.landing h1 ~ .columns .sp { display: none; }

/* Code block styler */
/* ----------------- */
.code-block { max-width: 1000px; overflow: hidden; }

/* Media player styler */
/* ----------------- */
.media { display: none; }




/*
  ================================
  Additional - WaxEye 2016 updates 
  ================================
*/

#footer-main,
#top-navigation .site-menu-toggle, 
#top-navigation-sub-menu,
#top-navigation ul,
#masthead,
.breadcrumbs,
.tab-group-head,
.tile-flip img {
  display:none;
}

#top-navigation .site-branding {
  margin-bottom:15px;
}

.form-container .form-field {
  margin-bottom: 15px;
}

.form-container .form-field label,
.form-container .form-field input,
.form-container .form-field textarea
 { 
  display:block; 
}

.form-container .form-field label {
  margin-bottom: 5px;
}

.form-container .form-field input,
.form-container .form-field textarea,
.form-container .form-field select {
  border: 1px solid #333;
  padding:5px;
}

.form-container .form-field ul { 
  list-style-type: none; 
  margin:0;
  padding:0;
}

.form-container .form-field ul li input,
.form-container .form-field ul li label {
  display:inline;
  margin-bottom: 0;
}

}


@media only screen and (min-width: 1000px) {
/* Nav tier 1 */
#top-navigation {
  display: none;
}

.dl-menuwrapper > ul {
  float: left;
  margin: 0 0 0 200px;
  padding: 0;
}

.dl-menuwrapper > ul li {
  display: inline;
}

.dl-menuwrapper > ul li a > span {
  display: none;
}


.dl-menuwrapper > ul > li > a {
  font-size: 1.2em;
  line-height: 1em;
  font-family: "MuseoSans700", sans-serif;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  opacity: 0.75;
  border-top: 0.21em solid #192636;
  text-align: center;
  padding: 1.58333em 2.5em;
}

.dl-menuwrapper > ul > li > a:hover {
  opacity: 1;
  background-color: #fff;
  color: #009fe3;
  border-color: #2ad2c9;
}

.dl-menuwrapper > ul > li.active > a {
  opacity: 1;
  background-color: #3e6881;
  color: #fff;
  border-color: #009fe3;
}

/* Nav tier 2 */
.dl-menuwrapper > ul > li > ul {
  display: none;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: rgba(0, 159, 227, 0.85);
  border-radius: 0 0 0.2em 0.2em;
  padding: 0;
  margin: 0;
  text-align: center;
}

.dl-menuwrapper > ul > li.active > ul {
  display: block;
}

.dl-menuwrapper > ul > li > ul > li {
  display: inline-block;
  position: relative;
}

.dl-menuwrapper > ul > li > ul > li > a {
  font-size: 1em;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 0.8em 2em 1em 2em;
  border-top: 0.21em solid #009fe3;
  border-top: 0.21em solid transparent;
  border-radius: 0.2em 0.2em 0 0;
}

.dl-menuwrapper > ul > li > ul > li.has-children > a:after {
  content: "\f107";
  font: normal normal normal 1em FontAwesome;
  padding: 0 0 0 0.4em;
  position: relative;
  top: 0.100em;
}

.dl-menuwrapper > ul > li > ul > li.has-children:hover > a:after {
  content: "\f106";
}

.dl-menuwrapper > ul > li > ul > li.has-children:hover > ul {
  display: block;
  z-index: 1;
}

.dl-menuwrapper > ul > li > ul > li:hover > a {
  color: #007bb0;
  background: #fff;
  border-top-color: #2ad2c9;
  box-shadow: 0 0.05em 0.05em rgba(0, 0, 0, 0.05);
}


/* Nav tier 3 */
.dl-menuwrapper > ul > li > ul > li > ul {
  display: none;
  margin: 0;
  position: absolute;
  background: #fff;
  width: 18em;
  padding: 3em 3.5em 2.5em 3.5em;
  left: 50%;
  margin-left: -9.125em;
  top: 3.3em;
  text-align: left;
  border-radius: 0.2em;
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper > ul > li > ul > li > ul:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #007bb0;
  margin: 0 0 0.75em 0;
}

.dl-menuwrapper > ul > li > ul > li > ul > li a {
  font-size: 0.9em;
  line-height: 1.2;
  display: block;
  width: 12.22222em;
  padding: 0.55556em 0;
  text-decoration: none;
  color: #999;
}

.dl-menuwrapper > ul > li > ul > li > ul > li a:hover {
  color: #2ad2c9;
}

.dl-menuwrapper > ul > li > ul > li:first-child > ul {
  left: -3.5em;
  margin-left: 0;
}

.dl-menuwrapper > ul > li > ul > li:last-child > ul {
  left: auto;
  right: -3.5em;
  margin-left: 0;
}

/* tier 3 panels */
.dl-menuwrapper > ul > li > ul > li.panels {
  position: static;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul {
  /*width: 102rem;*/
  width: auto;
  border-top: none;
  left: 11rem;
  right: 11rem;
  position: absolute;
  padding-top: 20px;
  margin: 0 auto;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li {
  margin-right: 3rem;
  min-width: 22%;
  float: left;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li:last-child {
  margin-right: 0;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li > a {
  width: auto;
  color: #007bb0;
  font-size: 2rem;
  border-bottom: 2px solid #007bb0 !important;
  margin-bottom: 0.8rem;
  padding-bottom: 1rem;
  line-height: 1;
}

@media only screen and (min-width: 999px) and (max-width: 1310px) {
  .dl-menuwrapper > ul > li > ul > li.panels > ul {
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    padding: 2rem 4rem 4rem 4rem;
    border-top: none;
  }
  .dl-menuwrapper > ul > li > ul > li.panels > ul > li {
    width: 23.5%;
    margin: 0 1%;
  }
  .dl-menuwrapper > ul > li > ul > li.panels > ul > li:nth-child(2) {
    margin-left: 0;
  }
  .dl-menuwrapper > ul > li > ul > li.panels > ul > li > a {
    font-size: 1.8rem;
  }
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li > a:hover {
  color: #2ad2c9;
  border-bottom: 2px solid #2ad2c9 !important;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li > a.non-active:hover {
  color: #007bb0;
  border-bottom: 2px solid #007bb0 !important;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li > ul {
  display: block !important;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li > ul > li {
  display: block;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li > ul > li > ul {
  display: none;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li > ul > li > a {
  font-size: 0.95em;
  line-height: 2rem;
  display: block;
  padding: 1rem 0;
  text-decoration: none;
  color: #999;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul > li > ul > li > a:hover {
  color: #2ad2c9;
}

.dl-menuwrapper > ul > li > ul > li.panels > ul:before {
  display: none;
}


/* Hide nav tree beyond tier 3 */
#site-navigation .dl-menuwrapper > ul > li > ul > li > ul > li > ul {
  display: none;
}

#site-navigation .dl-trigger,
#site-navigation .dl-menuwrapper .dl-back-main,
#site-navigation .dl-back,
#site-navigation .dl-close-menu {
  display: none !important;
}


#site-navigation .dl-menuwrapper li.top-menu-item {
  display: none;
}

}


@media only screen and (max-width: 999px) {
/*
  =================================================
  DL MENU LIB COMPONENT STYLES, MAIN KEYFREAMES ETC
  =================================================
*/

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	speak: none;
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	/*top: 50px;*/
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

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

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

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

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}


@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}


/*
  ==========================
  Custom css for DL-MENU Lib
  ==========================
*/

body.mobile-menu-active {
  overflow: hidden;
}

body.mobile-menu-active #mobile-menu-overlay {
  display: block;
  background-color: #666;
  opacity: 0.5;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 10;
  -webkit-box-shadow: inset 100px -1px 59px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: inset 100px -1px 59px 0px rgba(0,0,0,0.26);
  box-shadow: inset 100px -1px 59px 0px rgba(0,0,0,0.26);
}

#top-navigation {
  position: fixed;
  width: 100%;
  z-index: 5;
}

#top-navigation ul {
  display: none;
}

#top-navigation .site-branding {
  display: inline-block;
  position: relative;
  top: 0.6rem;
  left: 30%;
  margin-left: -1.1rem;
}

#top-navigation .site-branding img {
  height: 2.5rem;
}

#top-navigation .site-menu-toggle {
  display: inline-block;
  position: relative;
  left: 3rem;
  top: 0.3rem;
  cursor: pointer;
}

#top-navigation .site-menu-toggle a:hover {
  text-decoration: none;
}

@media (max-width: 599px) {
  #top-navigation .site-menu-toggle {
    left: 1.5rem;
  }
}

#top-navigation .site-menu-toggle a:before {
  content: '\f0c9';
  color: #ffffff;
  font-family: 'FontAwesome';
  font-size: 2.5rem;
}

#top-navigation-sub-menu {
  display: none;
}

#masthead > .masthead-wrapper, #top-navigation > .top-navigation-wrapper {
  min-width: 100%;
}

#masthead {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #192636;
  position: fixed;
  z-index: 100;
  top: 0;
  width: 300px;
  left: 0;
  right: auto;
  height: 100%;
  list-style-type: none;
  border: none;
  -webkit-transform: translate3d(-300px,0,0);
  -moz-transform: translate3d(-300px,0,0);
  transform: translate3d(-300px,0,0);
  -webkit-transition: -webkit-transform 0.5s linear;
  -moz-transition: -moz-transform 0.5s linear;
  transition: transform 0.5s linear;
}

#masthead .site-branding a img {
  height: 3.6rem;
}

.mobile-menu-active #masthead {
  padding: 0;
}

/* Target IE10 & IE11 Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mobile-menu-active #masthead {
    transform: translate3d(0,0,0);
  }
}

.mobile-menu-active #page-wrapper {
  -webkit-transform: translate3d(300px,0,0);
  -moz-transform: translate3d(300px,0,0);
  transform: translate3d(300px,0,0);
}

#page-wrapper {
  -webkit-transition: -webkit-transform 0.5s linear;
  -moz-transition: -moz-transform 0.5s linear;
  transition: transform 0.5s linear;
}

#masthead > .masthead-wrapper {
  position: static;
  width: auto;
  height: 100%;
}

#masthead > .masthead-wrapper .site-branding {
  position: static;
  margin: 0 0 2rem 0;
}

#masthead > .masthead-.wrapper .site-branding a img {
  height: 2em;
}

#site-navigation a {
  text-decoration: none;
}

#site-navigation .dl-trigger {
  display: block;
}

#site-navigation .dl-menuwrapper {
  height: 100%;
}

#site-navigation .dl-menuwrapper #dl-menu-header {
  height: 9rem;
  padding: 3rem;
}

#site-navigation .dl-menuwrapper #dl-menu-header .site-branding {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  height: auto;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2.8rem;
  left: 3rem;
}

#site-navigation .dl-menuwrapper #dl-menu-header .dl-back-main {
  opacity: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#site-navigation .dl-menuwrapper #dl-menu-header.back-active .dl-back-main {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  height: auto;
  line-height: 1.3;
}

#site-navigation .dl-menuwrapper #dl-menu-header.back-active .dl-back-main:before {
  content: "\f104";
  font-family: 'FontAwesome';
  font-size: 3.2rem;
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  margin-right: 2rem;
  margin-top: -0.25rem;
}

#site-navigation .dl-menuwrapper #dl-menu-header.back-active .dl-back-main:hover,
#site-navigation .dl-menuwrapper #dl-menu-header.back-active .dl-back-main:hover:before {
  color: #2ad2c9;
}

#site-navigation .dl-menuwrapper #dl-menu-header.back-active .site-branding {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

#site-navigation .dl-menuwrapper .dl-back {
  display: none !important;
}

#site-navigation .dl-menuwrapper .dl-back-main {
  color: #fff;
  cursor: pointer;
  padding: 1rem 1rem 1rem 2rem;
  display: block;
  text-transform: uppercase;
  font-size: 0.7em;
}

#site-navigation .dl-menuwrapper .dl-back-main.active {
  visibility: visible;
}

#site-navigation .dl-menuwrapper .dl-close-menu {
  display: inline-block;
  position: absolute;
  right: 2rem;
  top: 3.6rem;
}

#site-navigation .dl-menuwrapper .dl-close-menu:after {
  font-family: "FontAwesome";
  content: "\f00d";
  font-size: 1.8rem;
  color: #fff;
}

#site-navigation .dl-menuwrapper ul {
  background-color: #192636;
  margin-top: 0;
}

#site-navigation .dl-menuwrapper > ul li {
  border-bottom: 1px solid #2c4360;
}

#site-navigation .dl-menuwrapper > ul li a {
  font-size: 1.2rem;
  padding: 15px 30px;
}

#site-navigation .dl-menuwrapper > ul li > span {
  display: none;
}

#site-navigation .dl-menuwrapper > ul li > span:after {
  content: "";
}

#site-navigation .dl-menuwrapper > ul li.has-children > span {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 100%;
  line-height: 49px;
  text-align: center;
  cursor: pointer;
}

#site-navigation .dl-menuwrapper > ul li.has-children > span::before {
  content: "\f105";
  font-family: 'FontAwesome';
  color: #fff;
  font-weight: normal;
  margin-right: 0.5rem;
  display: block;
}

#site-navigation .dl-menuwrapper li.dl-back:after,
#site-navigation .dl-menuwrapper li > a:not(:only-child):after {
  content: "";
}

#site-navigation .dl-menuwrapper ul li a {
  text-transform: uppercase;
}

#site-navigation .dl-menuwrapper .uppercase {
  text-transform: uppercase !important;
}

#site-navigation .dl-menuwrapper ul.dl-submenu li a {
  color: #ddd;
}

#site-navigation .dl-menuwrapper .dl-subviewopen > ul > li:hover, #site-navigation .dl-menuwrapper > ul > li:hover {
  background: #23354b;
}

#site-navigation .dl-menuwrapper li.dl-subviewopen:hover {
  background-color: transparent;
}

#site-navigation .dl-menuwrapper > ul.dl-menu li.has-children.dl-subviewopen,
#site-navigation .dl-menuwrapper > ul.dl-menu li.has-children.dl-subview {
  border-bottom: 0;
}

#site-navigation .dl-menuwrapper > ul.dl-menu {
  height: inherit;
  border-top: 1px solid #2c4360;
}

#site-navigation .dl-menuwrapper > ul li.has-children:hover > span {
  background: transparent;
}

#site-navigation .dl-menuwrapper ul.dl-view-root > li > a {
  display: block;
  color: #fff;
}

#site-navigation .dl-menuwrapper ul.dl-view-root li > a:focus {
  background: none !important;
}

#site-navigation .dl-menuwrapper ul.dl-view-root > li.has-children > span {
  line-height: 49px;
}

#site-navigation .dl-menuwrapper ul li.dl-subviewopen > a {
  padding: 15px 30px;
  font-family: "MuseoSans700";
  font-size: 1.8rem;
}

#site-navigation .dl-menuwrapper ul li.dl-subviewopen > a:before {
  content: "\f0da";
  font-family: 'FontAwesome';
  font-size: 2rem;
  position: absolute;
  margin-left: -1.5rem;
  color: #2ad2c9;
}

#site-navigation .dl-menuwrapper ul li.dl-subviewopen > span {
  display: none;
}

li.dl-subviewopen > ul.dl-submenu {
  display: block !important;
  border-top: 1px solid #2c4360;
}

/* mobile search */
.fa-search:before {
  content: "\f002";
  margin-right: 0.2rem;
}
/* mobile login */
.fa-user:before {
  content: "\f007";
  margin-right: 0.2rem;
}

}


@media only screen and (max-width: 999px) {
/**
* --------------------------------------------
* TABLET VIEW
* --------------------------------------------
*/

.component-holder {
  padding: 3rem 0;
}

.component-holder h1 {
  font-size: 4.0rem;
}

.component-holder h2 {
  font-size: 3.6rem;
  margin-bottom: 4rem;
}

.component-holder h3 {
  font-size: 2.5rem;
}

.component-holder h4 {
  font-size: 2.0rem;
}

.component-holder h5 {
  font-size: 1.6rem;
}

.component-holder h6 {
  font-size: 1rem;
}

.component-holder p, .component-holder li {
  font-size: 1.3rem;
  line-height: 1.6;
}

.component-holder .heading-icons {
  margin-bottom: 1.5rem;
  margin-top: -1rem;
}

.component-holder figure {
  margin: 0 auto 1rem auto;
}

#banner-main {
  background-attachment: scroll;
  padding-top: 35px;
  height: 25rem;
}

#banner-main.banner-tall {
  height: 30rem;
}

#banner-main h1 {
  font-size: 4rem;
  position: relative;
}

.search-form label {
  margin-bottom: 1rem;
  font-size: 4rem;
}

.search-form .input-holder {
  max-width: 500px;
  max-width: 50rem;
  width: 500px;
  width: 50rem;
}

.search-form .input-holder input {
  width: 100%;
  padding: 2rem 2rem 2rem 7rem;
}

.search-form .input-holder input.placeholder {
  font-size: 1.8rem;
}

.search-form .input-holder input:-moz-placeholder {
  font-size: 1.8rem;
}

.search-form .input-holder input::-moz-placeholder {
  font-size: 1.8rem;
}

.search-form .input-holder input::-webkit-input-placeholder {
  font-size: 1.8rem;
}

.shares-bar {
  padding: 1.6rem;
}

.shares-bar ul li span:nth-child(2) {
  top: 0;
  font-size: 2.3rem;
}

.shares-bar .search-form .input-holder {
  -webkit-flex: 1 1 40%;
  flex: 1 1 40%;
  width: auto;
  max-width: none;
  height: 5.5rem;
}

.shares-bar .search-form label {
  font-size: 2rem;
}

.shares-bar .search-form .input-holder::before {
  top: 1rem;
}

.shares-bar .search-form .input-holder input {
  width: 100%;
}

.more {
  margin-top: 1rem;
}

.tiles .tile.tile-primary,
.tiles .tile.tile-secondary,
.tiles .tile.share-price-tile {
  width: 48%;
}

.tiles .tile.tile-primary:nth-child(2n+1),
.tiles .tile.tile-secondary:nth-child(2n+1) {
  clear: left;
}

.tiles .tile.tile-primary:nth-child(3n+1),
.tiles .tile.tile-secondary:nth-child(3n+1) {
  clear: none;
}

.tiles .tile.tile-miscellaneous {
  width: 100%;
  height: auto;
}

.tiles .tile.tile-miscellaneous > div {
  display: block;
}

.tiles .tile.tile-miscellaneous > div div {
  display: inline-block;
}

.tiles .tile.tile-miscellaneous > div div p {
  margin-right: 0;
}

.tiles .tile.tile-miscellaneous > div div:last-child .more {
  margin-top: 1rem;
}

.tile.tile-secondary h3 {
  font-size: 2rem;
}

@media only screen and (min-width: 600px) and (max-width: 660px) {
  .tile.tile-secondary h3 a {
    font-size: 75%;
  }
}

.tile-narrow {
  width: 30%;
}

.tile-wide {
  width: 66%;
}

.tiles li > a:first-of-type {
  padding: 2rem 2rem 1.5rem 2rem;
}

.section.icon {
  padding-top: 1.6rem;
}

.icons {
  padding-top: 0;
}

.section.icon::before,
.icons::before {
  top: -3rem;
  width: 6rem;
}

.heading-icons::before {
  width: 5rem;
}

.investor-news p {
  font-size: 1.3rem;
}

.bg-image {
  padding: 15rem 0;
}

.video .more {
  top: 30%;
}

.video iframe {
  height: 50rem;
}

/**
* --------------------------------------------
* OVERRIDES
* --------------------------------------------
*/

.landing-heading h2 {
  font-size: 3.6rem;
  padding: 2.5rem 0;
}
}


@media only screen and (max-width: 599px) {
/**
* --------------------------------------------
* MOBILE VIEW
* --------------------------------------------
*/

.wrapper {
  padding: 0 1.5rem;
}

#banner-main h1,
.bg-image h1 {
  font-size: 2.8rem;
}

.bg-image h1 {
  position: absolute;
  top: 6rem;
  padding: 0 2rem;
  width: 100%;
}

#banner-main {
  padding-top: 9.5rem;
  height: 20rem;
}

#banner-main.banner-tall {
  padding-top: 12rem;
  height: 25rem;
}

#banner-main h1 {
  position: absolute;
  width: 100%;
  top: 55%;
}

#banner-main .search-form {
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
}

#banner-main .shares-bar {
  padding: 1.5rem 0 1rem 0;
  position: absolute;
}

#banner-main .shares-bar ul li {
  padding: 0.6rem 1rem;
}

#banner-main .shares-bar ul li span:nth-child(1) {
  font-size: 1rem;
}

#banner-main .shares-bar ul li span:nth-child(2) {
  font-size: 2rem;
}

#banner-main #bb-search {
  top: 0;
}

.search-form .input-holder {
  width: 80%;
  border-top: 1px solid #f2f2f2;
}

.search-form .input-holder::before {
  top: 1.2rem;
  left: 2.3rem;
  font-size: 2rem;
}

.search-form .input-holder input {
  padding: 1.3rem 0 1.3rem 0;
  text-align: center;
}

@media only screen and (min-width: 0) and (max-width: 380px) {
  .search-form .input-holder input.placeholder {
    font-size: 70%;
  }
  .search-form .input-holder input:-moz-placeholder {
    font-size: 70%;
  }
  .search-form .input-holder input::-moz-placeholder {
    font-size: 70%;
  }
  .search-form .input-holder input::-webkit-input-placeholder {
    font-size: 70%;
  }
  .findout-more {
    min-width: 100%;
  }
}

.search-form .input-holder button {
  position: relative;
  border-radius: 0 !important;
  width: 100%;
  border-bottom: 1px solid #FFF;
}

.search-form .input-holder button::after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  right: 2.3rem;
  top: 2.8rem;
}

.search-form .input-holder button.square {
  border-right: 0;
}

.search-form label {
  font-size: 2.5rem;
  text-shadow: none;
  margin-bottom: 1rem;
}

.shares-bar .wrapper {
  padding: 0;
}

.shares-bar .search-form {
  display: block;
  top: 0;
}

.shares-bar .search-form label {
  display: block;
  margin-bottom: 1rem;
  text-align: center;
  color: #FFF;
}

.shares-bar .search-form .input-holder {
  display: table;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  border-radius: 0;
}

.shares-bar .search-form .input-holder input {
  width: 100%;
  padding: 2rem 4.5rem 2rem 7rem;
}

.shares-bar .search-form .input-holder button {
  border-bottom: 0;
}

.shares-bar .search-form .input-holder button.rounded {
  min-height: 6rem;
  padding: 0;
}

.shares-bar .search-form .input-holder::before {
  top: 1.8rem;
}

.shares-bar .search-form .input-holder button::after {
  display: none;
}

.bg-image {
  padding: 15rem 0 0 0;
}

.bg-image .search-form {
  top: 0;
  height: auto;
}

.bg-image .shares-bar {
  position: relative;
  padding: 1.6rem 0;
}

.breadcrumbs {
  padding: 1.5rem 0 1.3rem 0;
}

.breadcrumbs #page-download {
  display: none;
}

.component-holder h2 {
  font-size: 2.6rem;
  margin-bottom: 2rem;
}

.component-holder .heading-icons {
  margin-bottom: 5px;
  margin-top: -15px;
  font-size: 2.3rem;
}

.component-holder h3 {
  font-size: 2.1rem;
}

div[class^="col-"] {
  width: 100%;
  margin: 0 0 2rem 0;
  clear: both;
}

div[class^="col-"]:last-child {
  margin-bottom: 0;
}

.tiles .tile,
.tiles .tile.tile-secondary {
  width: 100%;
  height: auto;
}

.tile.tile-secondary > div {
  width: 100%;
}

.tile.tile-secondary .image-wrapper {
  display: none;
}

.tile.tile-secondary .more {
  position: relative;
  right: -3rem;
  bottom: 3rem;
  float: left;
  z-index: 1;
}

.blog .blog-text p {
  font-size: 1.2rem;
}

.blog .image a {
  position: static;
  display: block;
  padding: 1.6rem 3rem;
  border-radius: 0;
}

.blog .blog-text .read-more {
  position: relative;
  bottom: -1.5rem;
  left: 0;
}

.blog .blog-text .read-more a {
  font-size: 1.4rem;
}

.blog .category-tag {
  font-size: 0.575em;
}

.learn-more a .more {
  padding: 1.3rem 1.7rem 1rem 1.9rem;
}

.learn-more a span {
  margin-left: 5rem;
}

.tiles .tile.icons {
  border-top: 1px solid rgba(102, 102, 102, 0.3);
  margin-top: 0;
}

.icons {
  padding-top: 4rem;
}

.tile.icons::before {
  top: 1.5rem;
  width: 4rem;
}

.tiles.icons::before {
  top: -2rem;
}

.tiles.icons.icon-entry {
  padding-top: 0;
}

.heading-icons::before {
  width: 4rem;
  margin-right: 1rem;
  height: initial;
  vertical-align: middle;
}

.border-top {
  display: none;
}

.image figcaption,
.video figcaption {
  font-size: 1.6rem;
}

.image figcaption {
  left: 2rem;
  bottom: 1.6rem;
}

.video figcaption {
  left: 2rem;
  bottom: 5.6rem;
}

.video .video-tag,
.video time {
  font-size: 1.2rem;
}

.video .video-tag {
  left: 2rem;
}

.video .video-tag time {
  right: 2rem;
}

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

.quick-links > .wrapper {
  padding: 0;
}

.quick-links h2 {
  float: none;
  margin-bottom: 1.8rem;
}

.quick-links ul {
  float: none;
}

.quick-links ul li {
  border-bottom: 1px solid rgba(42, 210, 201, 0.3);
  width: 100%;
  margin-right: 0;
}

.quick-links ul li a {
  display: block;
  padding: 1.5rem 0;
}

.quick-links ul li a:hover {
  color: #2a3744;
}

.tiles .tile.share-price-tile {
  width: 100%;
}

.tiles .tile.tile-primary {
  width: 100%;
}

.tile-narrow,
.tile-wide {
  width: 100%;
}

.tile-faq .accordion li {
  position: relative;
}

.tile-faq .accordion li > a:first-of-type {
  padding-right: 6rem;
}

.tile-faq .accordion li > a:first-of-type:after {
  position: absolute;
  right: 2rem;
  top: 2rem;
}

.investor-news tr th:first-child,
.investor-news tr td:first-child {
  display: none;
}

.investor-news tr th:last-child,
.investor-news tr td:last-child {
  padding-right: 1rem;
}

.video iframe {
  height: 40rem;
}

/**
* -----------------------------------------------------------------
* Landing text
* ----------------------------------------------------------------
*/

.component-holder .landing-text .align-left,
.component-holder .landing-text .align-right {
  margin: 15px 0 0 0; margin: 1.5rem 0 0 0;
  float: none;
}


/**
* -----------------------------------------------------------------
* SCALING OF TILES, REMOVE HEIGHT RESTRICTIONS
* ----------------------------------------------------------------
*/

.findout-more,
.learn-more,
.just-more.fixed {
  position: static;
}

.tiles .tile .tile-inner.padding,
.tiles .tile.icons .tile-inner.padding {
  height: auto;
}

.icons.tile-secondary .padding {
  margin-top: 0;
  height: auto;
}

.icons .tile-inner h3 {
  margin-bottom: 1.6rem;
}

.tile .tile-inner p {
  max-width: 100%;
}

.tile-primary .tile-inner.padding p:last-of-type {
  padding-bottom: 1rem;
}

.learn-more {
  margin-top: 1rem;
}

/**
* --------------------------------------------
* OVERRIDES
* --------------------------------------------
*/

.landing-heading h2 {
  font-size: 2.3rem;
  padding: 2rem 0;
}

.section.icon::before, .icons::before {
  width: 5rem;
}
}


@media only screen and (max-width: 999px) {

/**
* --------------------------------------------
* Secondary navigation
* --------------------------------------------
*/
#subsite-navigation {
  display: none;
}

.form-container .form-section-wrapper {
  padding: 0 3.5rem;
}

.form-container .form-field .display-table input:nth-child(1),
.form-container .form-field .display-table .select-wrapper:nth-child(1) {
  width: 70%;
}

.form-container .form-field .display-table input:nth-child(2),
.form-container .form-field .display-table .select-wrapper:nth-child(2) {
  width: 28%;
}

/***************/
/*  Tabs      */
/*************/

.tab-group .tab-group-head > ul > li {
  display: block;
  margin-bottom: 1px;
}

.page-tab-group > .tab-group-head > ul > li  {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
}

.page-tab-group.tab-group > .tab-group-head > ul {
  display: -webkit-flex;
  display: flex;
}

.page-tab-group.tab-group > .tab-group-head > ul > li > a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.page-tab-group > .tab-group-body > .tab-group-content .intro-text {
  text-align: left;
}

/*
==========================
		FLIP TILES
==========================
*/

.tile-card {
	height: 27.5rem;
	line-height: 1.2;
}

.tiles .tile.tile-card {
	width: 48%;
}

.tiles .tile.tile-card:nth-child(2n+1) {
	clear: left;
}

.tiles .tile.tile-card:nth-child(3n+1) {
	clear: none;
}

/*
==========================
		FOOTER
==========================
*/

#footer-main .footer-upper,
#footer-main .footer-lower ul {
  width: 80%;
}

#footer-main .footer-upper div[class^="col-"]:nth-child(2) {
  display: none;
}
}


@media only screen and (max-width: 599px) {
/******************/
/*  Breadcrumbs  */
/****************/

.breadcrumbs {
  padding: 1.5rem 0 1.3rem 0;
}

.breadcrumbs .wrapper {
  padding: 0 1.5rem;
}

.breadcrumbs #page-download {
  display: none;
}

/*************/
/*  FORMS   */
/************/
.form-container .form-section-wrapper {
  padding: 0 1.5rem;
}

.form-container .form-field {
  width: 100% !important;
}

.form-container .form-field .display-table input:nth-child(1),
.form-container .form-field .display-table .select-wrapper:nth-child(1) {
  width: 100%;
}

.form-container .form-field .display-table input:nth-child(2),
.form-container .form-field .display-table .select-wrapper:nth-child(2) {
  width: 100%;
}

.form-container .form-section-wrapper .form-field label,
.form-container .form-section-wrapper .form-field.file-upload p {
  line-height: 1.6;
}

.form-container .form-section-wrapper .form-field label {
  display: inline;
}

.form-container .form-section-wrapper .form-field.file-upload p {
  margin-bottom: 0;
}

.form-container .select-wrapper.select-time select {
  padding: 1.4rem 2rem;
}

.form-container .select-wrapper.select-time::after {
  right: 2rem;
  font-size: 2rem;
}

.form-container .form-section-wrapper .form-field.file-upload label {
  display: block;
}

.form-container .form-field button {
  padding: 1.6rem 3.8rem;
}

.form-container .form-field.buttons-holder {
  display: table;
  width: 100%;
}

.form-container .form-field.buttons-holder button {
  display: table-column;
  text-align: center;
  width: 49%;
  margin: 0;
}

.form-container .form-field.buttons-holder button:first-child {
  float: left;
}

.form-container .form-field.buttons-holder button:nth-child(2) {
  float: right;
}

.form-container .buttons-holder button {
  padding: 1.5rem 2rem;
}

/***************/
/*  Tabs      */
/*************/

.page-tab-group.tab-group > .tab-group-head > ul > li > a {
  padding: 1rem;
  font-size: 1.6rem;
}

/*
==========================
		FLIP TILES
==========================
*/

.tiles .tile {
  margin: 0 0 2.3% 0;
}

.tiles .tile.tile-card {
	width: 100%;
}

.tile-card {
	height: 28rem;
}

.tile-card.tile-flip .card .card-front .blurb p,
.tile-card.tile-link a .blurb p {
	font-size: 2.5rem;
}

.page-tab-group > .tab-group-body > .tab-group-content .intro-text {
  width: 100%;
  text-align: left;
}

.form-container .form-section-wrapper .date-time-wrapper input {
  width: 100%;
}

.form-container .date-time-wrapper .select-wrapper {
  display: block;
}

.form-container .date-time-wrapper select {
  display: block;
}

.social-media-links {
  padding: 4rem 0;
}

.social-media-links h4 {
  margin-bottom: 2rem;
  font-size: 2.4rem;
}

/**
* --------------------------------------------
* GRID
* --------------------------------------------
*/
.col-1 {
  width: 6.56371%;
  float: left;
  margin-left: 1.9305%;
}

.col-1:first-child {
  margin-left: 0;
}

.col-2 {
  width: 15.05792%;
  float: left;
  margin-left: 1.9305%;
}

.col-2:first-child {
  margin-left: 0;
}

.col-3 {
  width: 23.55212%;
  float: left;
  margin-left: 1.9305%;
}

.col-3:first-child {
  margin-left: 0;
}

.col-4 {
  width: 32.04633%;
  float: left;
  margin-left: 1.9305%;
}

.col-4:first-child {
  margin-left: 0;
}

.col-5 {
  width: 40.54054%;
  float: left;
  margin-left: 1.9305%;
}

.col-5:first-child {
  margin-left: 0;
}

.col-6 {
  width: 49.03475%;
  float: left;
  margin-left: 1.9305%;
}

.col-6:first-child {
  margin-left: 0;
}

.col-7 {
  width: 57.52896%;
  float: left;
  margin-left: 1.9305%;
}

.col-7:first-child {
  margin-left: 0;
}

.col-8 {
  width: 66.02317%;
  float: left;
  margin-left: 1.9305%;
}

.col-8:first-child {
  margin-left: 0;
}

.col-9 {
  width: 74.51737%;
  float: left;
  margin-left: 1.9305%;
}

.col-9:first-child {
  margin-left: 0;
}

.col-10 {
  width: 83.01158%;
  float: left;
  margin-left: 1.9305%;
}

.col-10:first-child {
  margin-left: 0;
}

.col-11 {
  width: 91.50579%;
  float: left;
  margin-left: 1.9305%;
}

.col-11:first-child {
  margin-left: 0;
}

.col-12 {
  width: 100%;
  float: left;
  margin-left: 1.9305%;
}

.col-12:first-child {
  margin-left: 0;
}

/*
===============================================================================
FOOTER
===============================================================================
*/
#footer-main * {
  text-align: center;
}

#footer-main .footer-upper {
  padding-top: 6rem;
}

#footer-main .footer-upper div[class^="col-"] {
  width: 100%;
  margin: 0 0 2rem 0;
  clear: both;
}

#footer-main .footer-upper div[class^="col-"]:last-child {
  margin-bottom: 0;
}

#footer-main .footer-upper h4 {
  margin-bottom: 2rem;
}

#footer-main .footer-upper div:not(.social-links) ul li {
  border-bottom: 1px solid rgba(42, 210, 201, 0.2);
  margin-bottom: 0;
}

#footer-main .footer-upper div:not(.social-links) ul li a {
  display: block;
  width: 100%;
  padding: 1.8rem 0;
  font-size: 1.4rem;
}

#footer-main .footer-upper div:not(.social-links) ul li a:hover {
  background: #2AD2C9;
  color: #fff;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

#footer-main .footer-upper .social-links ul {
  float: none;
}

#footer-main .footer-lower > ul {
  background-color: none;
  display: list-item;
  padding-left: 0;
  padding-right: 0;
}

#footer-main .footer-lower > ul li a {
  width: 100%;
  display: inline-block;
  padding: 1.3rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.4rem;
}

#footer-main .footer-lower > ul li:last-child a {
  border-bottom: none;
}

#footer-main .footer-upper,
#footer-main .footer-lower ul {
  width: 100%;
}

#footer-main .footer-upper .social-links:last-child {
  position: static;
  padding-top: 6rem;
}

}