/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[4]!./src/scss/index.scss ***!
  \********************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Nunito:wght@400;600;800;900&family=Rajdhani:wght@600;700&display=swap);
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[4]!./src/scss/index.scss (1) ***!
  \************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * 3rd party
 *
 * External plugins and styles
 **/
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("/_resources/app/client/assets/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("/_resources/app/client/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("/_resources/app/client/assets/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("/_resources/app/client/assets/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("/_resources/app/client/assets/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("/_resources/app/client/assets/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") 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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before, .fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before, .fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158";
}

.fa-won:before, .fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-genderless:before, .fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.rateit {
  display: -moz-inline-box;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.rateit .rateit-range {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  background: url(/_resources/app/client/assets/images/star.png);
  height: 20px;
  outline: none;
}

.rateit .rateit-range * {
  display: block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range {
  display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range {
  display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected {
  position: absolute;
  left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
  left: auto;
  right: 0px;
}

.rateit .rateit-hover {
  background: url(/_resources/app/client/assets/images/star.png) left -20px;
}

.rateit .rateit-hover-rtl {
  background-position: right -32px;
}

.rateit .rateit-selected {
  background: url(/_resources/app/client/assets/images/star.png) left -20px;
}

.rateit .rateit-selected-rtl {
  background-position: right -20px;
}

.rateit .rateit-preset {
  background: url(/_resources/app/client/assets/images/star.png) left -48px;
}

.rateit .rateit-preset-rtl {
  background: url(/_resources/app/client/assets/images/star.png) left -48px;
}

.rateit button.rateit-reset {
  background: url(/_resources/app/client/assets/images/delete.gif) 0 0;
  width: 16px;
  height: 16px;
  display: -moz-inline-box;
  display: inline-block;
  float: left;
  outline: none;
  border: none;
  padding: 0;
  margin-top: 3px;
  margin-right: 3px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
  background-position: 0 -16px;
}

/**
 * Global 
 *
 * Styles and mixins that are used throughout the website. Keep things logically
 * separated into concern-based filenames (ie typography, forms, etc)
 **/
/*
	Link box style
	Use any element but put text in a <p> and if you want an arrow add a <span>
	eg: <a href="" class="readmore readmore__linkBox"><p>Text</p><span></span></a>
*/
/*
	Size in pixels, either 12, 8, or 6
	Angle will rotate the whole bracket, either 0 or 90
	Add styles for top, right, bottom, left etc. Margin is set to auto.
*/
/*
	Size in pixels (no px)
	Angle will rotate the whole bracket
*/
/**
 * Clearfix
 **/
/**
 * [Subtracts the border and padding from the width of the element.]
 */
/**
 * [scale description]
 * @param  {[int]} $zoom [The level of zoom you want on the element. eg: '1.1'.]
 */
/**
 * [Pass the angle you want the element to rotate. eg: 90deg. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and vertically align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and horizontally align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Vertically align element within a relatively positioned element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will vertically center align the element.]
 */
/**
 * [Horizontally align element within a relatively positioned element.]
 * @param  {[percentage]} $leftPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 */
/**
 * [Horizontally and vertically align element within a relatively positioned element.]
 * @param  {[percentage]} $leftPos [Pass the horizontally position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 */
/**
 * [transition description]
 * @param  {[style]} $propertie [The style you want to animate. Defaults to 'all'.]
 * @param  {[int in seconds]} $time      [The speed at which you want the transition to take. Defaults to '0.3s'.]
 * @param  {[movement type]} $mode      [The type of movement you want eg: linear, ease, ease-in, ease-out. Defaults to 'linear'.]
 */
/**
 * Grid panels
 * Creates a grid of items that have a fixed height
 * @param $cols int = number of items per row
 * @param $col_gap percent = gap between items in each row (optional, defaults to 2%)
 * @param $row_gap percent = gap between row (optional, defaults to two times col_gap (4%))
 **/
/**
 * Ease between states
 * Use this to smooth hover/active/focus events
 **/
/**
 * Multi-column
 * @param $cols int = number of columns to span
 * @param $sum int = total number of columns
 * @param $gap mixed = gap between items (optional, defaults to 1rem)
 **/
/* String Replace */
/* Font Face */
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Fonts */
@font-face {
  font-family: "BetaSans";
  src: url("/_resources/app/client/assets/fonts/betasans-normal-webfont.eot?") format("eot"), url("/_resources/app/client/assets/fonts/betasans-normal-webfont.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/betasans-normal-webfont.woff") format("woff"), url("/_resources/app/client/assets/fonts/betasans-normal-webfont.ttf") format("truetype"), url("/_resources/app/client/assets/fonts/betasans-normal-webfont.svg#BetaSans") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "BetaSansBold";
  src: url("/_resources/app/client/assets/fonts/betasans-bold-webfont.eot?") format("eot"), url("/_resources/app/client/assets/fonts/betasans-bold-webfont.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/betasans-bold-webfont.woff") format("woff"), url("/_resources/app/client/assets/fonts/betasans-bold-webfont.ttf") format("truetype"), url("/_resources/app/client/assets/fonts/betasans-bold-webfont.svg#BetaSansBold") format("svg");
  font-display: swap;
}
/* Breakpoints */
/**
 * Colours
 **/
/**
 * Map names to colours
 * @type {[type]}
 */
.black-text {
  color: #000000 !important;
}
.black-text a {
  color: #000000 !important;
}

.black_bg {
  background-color: #000000 !important;
}

.dark_blue-text {
  color: #10193F !important;
}
.dark_blue-text a {
  color: #10193F !important;
}

.dark_blue_bg {
  background-color: #10193F !important;
}

.white-text {
  color: #FFFFFF !important;
}
.white-text a {
  color: #FFFFFF !important;
}

.white_bg {
  background-color: #FFFFFF !important;
}

.yellow-text {
  color: #FDB930 !important;
}
.yellow-text a {
  color: #FDB930 !important;
}

.yellow_bg {
  background-color: #FDB930 !important;
}

.orange-text {
  color: #FD9030 !important;
}
.orange-text a {
  color: #FD9030 !important;
}

.orange_bg {
  background-color: #FD9030 !important;
}

.off_white-text {
  color: #ECECEC !important;
}
.off_white-text a {
  color: #ECECEC !important;
}

.off_white_bg {
  background-color: #ECECEC !important;
}

.light_grey-text {
  color: #BFBFBF !important;
}
.light_grey-text a {
  color: #BFBFBF !important;
}

.light_grey_bg {
  background-color: #BFBFBF !important;
}

.medium_grey-text {
  color: #8F8F8F !important;
}
.medium_grey-text a {
  color: #8F8F8F !important;
}

.medium_grey_bg {
  background-color: #8F8F8F !important;
}

.grey-text {
  color: #707070 !important;
}
.grey-text a {
  color: #707070 !important;
}

.grey_bg {
  background-color: #707070 !important;
}

.dark_grey-text {
  color: #313131 !important;
}
.dark_grey-text a {
  color: #313131 !important;
}

.dark_grey_bg {
  background-color: #313131 !important;
}

.charcoal-text {
  color: #282828 !important;
}
.charcoal-text a {
  color: #282828 !important;
}

.charcoal_bg {
  background-color: #282828 !important;
}

.light_yellow-text {
  color: rgba(253, 185, 48, 0.2) !important;
}
.light_yellow-text a {
  color: rgba(253, 185, 48, 0.2) !important;
}

.light_yellow_bg {
  background-color: rgba(253, 185, 48, 0.2) !important;
}

.light_orange-text {
  color: rgba(253, 144, 48, 0.2) !important;
}
.light_orange-text a {
  color: rgba(253, 144, 48, 0.2) !important;
}

.light_orange_bg {
  background-color: rgba(253, 144, 48, 0.2) !important;
}

.dark_orange-text {
  color: #FD6830 !important;
}
.dark_orange-text a {
  color: #FD6830 !important;
}

.dark_orange_bg {
  background-color: #FD6830 !important;
}

.burnt_orange-text {
  color: #c93f0b !important;
}
.burnt_orange-text a {
  color: #c93f0b !important;
}

.burnt_orange_bg {
  background-color: #c93f0b !important;
}

.red-text {
  color: red !important;
}
.red-text a {
  color: red !important;
}

.red_bg {
  background-color: red !important;
}

.stay_orange-text {
  color: #FC9232 !important;
}
.stay_orange-text a {
  color: #FC9232 !important;
}

.stay_orange_bg {
  background-color: #FC9232 !important;
}

.stay_blue-text {
  color: #6AB0C6 !important;
}
.stay_blue-text a {
  color: #6AB0C6 !important;
}

.stay_blue_bg {
  background-color: #6AB0C6 !important;
}

.sp-green-text {
  color: #087C37 !important;
}
.sp-green-text a {
  color: #087C37 !important;
}

.sp-green_bg {
  background-color: #087C37 !important;
}

.sp-gold-text {
  color: #FDB930 !important;
}
.sp-gold-text a {
  color: #FDB930 !important;
}

.sp-gold_bg {
  background-color: #FDB930 !important;
}

.sp-purple-text {
  color: #9D489B !important;
}
.sp-purple-text a {
  color: #9D489B !important;
}

.sp-purple_bg {
  background-color: #9D489B !important;
}

.sp-dark-purple-text {
  color: #7A4278 !important;
}
.sp-dark-purple-text a {
  color: #7A4278 !important;
}

.sp-dark-purple_bg {
  background-color: #7A4278 !important;
}

.sp-blue-text {
  color: #2393FF !important;
}
.sp-blue-text a {
  color: #2393FF !important;
}

.sp-blue_bg {
  background-color: #2393FF !important;
}

.sp-light_grey-text {
  color: #ECECEC !important;
}
.sp-light_grey-text a {
  color: #ECECEC !important;
}

.sp-light_grey_bg {
  background-color: #ECECEC !important;
}

.sp-medium_grey-text {
  color: #707070 !important;
}
.sp-medium_grey-text a {
  color: #707070 !important;
}

.sp-medium_grey_bg {
  background-color: #707070 !important;
}

.we-black-text {
  color: #000000 !important;
}
.we-black-text a {
  color: #000000 !important;
}

.we-black_bg {
  background-color: #000000 !important;
}

.we-white-text {
  color: #FFFFFF !important;
}
.we-white-text a {
  color: #FFFFFF !important;
}

.we-white_bg {
  background-color: #FFFFFF !important;
}

.we-yellow-text {
  color: #FDB930 !important;
}
.we-yellow-text a {
  color: #FDB930 !important;
}

.we-yellow_bg {
  background-color: #FDB930 !important;
}

.we-orange-text {
  color: #FD9030 !important;
}
.we-orange-text a {
  color: #FD9030 !important;
}

.we-orange_bg {
  background-color: #FD9030 !important;
}

/**
 * Retrieve colour from $colours map
 * @param  {string} $key [name of colour, as defined in $colours map]
 * @return hex colour
 */
/** 
 * Responsive rules
 * Creates @media wrappers
 **/
/*
--- CLIENT
--- Editor stylesheet
--- By James Barnsley
*/
@media (max-width: 900px) {
  html.modal-open,
  body.modal-open {
    overflow: hidden;
  }
}

html {
  overflow-x: hidden;
}

@media (max-width: 900px) {
  body {
    background: none;
  }
}
body:not(.online-form):not(.SurveyToolPage):not(.SmarterPowerPage) {
  padding-top: 174px;
}
@media (max-width: 568px) {
  body:not(.online-form):not(.SurveyToolPage):not(.SmarterPowerPage) {
    padding-top: 94px;
  }
}

.no-scroll {
  overflow-y: hidden;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

.cf::after {
  content: "";
  clear: both;
  display: block;
}

a {
  text-decoration: none;
}

img {
  display: block;
  text-decoration: none;
  max-width: 100%;
  height: auto;
}

.inner {
  max-width: 1600px;
  width: 94%;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.hide {
  display: none;
}

.page__body {
  /* background gradient to fake the sidebar full height - having issues with the long sidebar menu and short content, seems like the best solution */
  background: -moz-linear-gradient(left, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #ECECEC), color-stop(28%, #ECECEC), color-stop(28%, #FFFFFF), color-stop(100%, #FFFFFF));
  background: -webkit-linear-gradient(left, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
  background: -o-linear-gradient(left, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
  background: -ms-linear-gradient(left, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
  background: linear-gradient(to right, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
}
.page__body .inner {
  width: inherit;
  max-width: inherit;
  z-index: 2;
  height: 100%;
  padding-bottom: 40px;
}

.page__content {
  margin-top: 80px;
  margin-left: 3%;
  margin-right: 3%;
  float: left;
}
.page__content--narrow-mode {
  max-width: 700px;
}
.page__content a span {
  color: #c93f0b !important;
}

.page__content__wrapper {
  float: left;
}

.sidebar__left--active .page__content {
  width: 65%;
}
.sidebar__left--active .page__content__wrapper {
  width: 100%;
}

.sidebar__right--active .page__content__wrapper {
  width: 73%;
}

.sidebar {
  display: none;
}
.sidebar__left {
  width: 22%;
  margin-left: 6%;
  float: left;
  margin-top: 80px;
  position: relative;
}
.sidebar__left .sidebar__background {
  right: 0;
}
.sidebar__left .sidebar__menu {
  position: relative;
  z-index: 2;
}
.sidebar__right {
  width: 25%;
  float: right;
}

.sidebar__left--active .sidebar,
.sidebar__right--active .sidebar {
  display: block;
}

.loader {
  background: url("/_resources/app/client/assets/images/loader.gif") 50% 50% no-repeat;
  width: 60px;
  height: 60px;
  margin: 50px auto;
}

/* Anchor tags */
a.anchor {
  display: block;
  position: relative;
  top: -95px;
  visibility: hidden;
}

a.anchor.top {
  top: -110px;
}

/* =============== BREADCRUMBS ==== */
.breadcrumbs {
  font-family: "Nunito";
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 25px;
}
.breadcrumbs a {
  color: #707070;
  display: inline-block;
  margin-bottom: 5px;
}
.breadcrumbs a:hover {
  color: #000000;
}

/* =============== DIVIDERS ==== */
.divider {
  margin-top: 36px;
  border-top: 1px solid #707070;
  height: 33px;
  clear: both;
}

/* =============== DOCUMENTS ==== */
.documents {
  font-family: "Nunito";
  font-weight: 900;
}
.documents h2 {
  font-size: 21px;
}
.documents .document {
  border-bottom: 1px dashed #ECECEC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.documents .document:last-child {
  border: 0;
  padding: 0;
  margin: 0;
}
.documents .document__icon {
  width: 100%;
  min-width: 50px;
  max-width: 70px;
  float: left;
}
.documents .document__icon svg {
  width: 100%;
}
.documents .document .cover__image {
  width: 100%;
  max-width: 60px;
  float: left;
}
.documents .document .cover__image svg {
  width: 100%;
}
.documents .document__content {
  width: 55%;
  float: left;
  padding-left: 5px;
  box-sizing: border-box;
}
.documents .document__title {
  font-family: "Nunito";
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}
.documents .document__description, .documents .document__details {
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0.4rem;
}
.documents .document__attachments {
  width: 30%;
  float: right;
  text-align: right;
}
@media (max-width: 568px) {
  .documents .document__icon {
    width: 15%;
  }
  .documents .document__content {
    width: 80%;
  }
  .documents .document__attachments {
    float: left;
    width: 100%;
  }
}

/* LAYOUT ADJUSTMENTS FOR RESPONSIVE **/
@media (max-width: 1550px) {
  .sidebar__right--active .page__content__wrapper {
    width: 66%;
  }
  .sidebar__right {
    width: 30%;
  }
}
/* Make all cols smaller */
@media (max-width: 1450px) {
  .page__body {
    background: -moz-linear-gradient(left, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ECECEC), color-stop(25%, #ECECEC), color-stop(25%, #FFFFFF), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(left, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
    background: -o-linear-gradient(left, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
    background: -ms-linear-gradient(left, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
    background: linear-gradient(to right, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
  }
  .page__content {
    margin-top: 40px;
  }
  .sidebar__left--active .page__content {
    width: 68%;
  }
  .sidebar__left {
    margin-top: 40px;
    margin-left: 3%;
  }
}
/* Move right sidebar to under content */
@media (max-width: 1350px) {
  .sidebar__right--active .page__content {
    width: 68%;
  }
  .sidebar__right--active .page__content__wrapper {
    width: 100%;
  }
  .sidebar__right {
    position: static;
    width: 100%;
    margin-top: 100px;
  }
}
/* Remove left sidebar and full width content */
@media (max-width: 900px) {
  .page__body {
    background: none;
  }
  .page__body .page__content {
    width: 94% !important;
  }
  body:not(.ResourceHolderPage) .page__content {
    overflow: hidden;
    overflow-wrap: break-word;
  }
  body:not(.ResourceHolderPage) .sidebar__left--active {
    display: flex;
  }
  body:not(.ResourceHolderPage) .sidebar__left {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    right: 0;
    display: block;
    background: white;
    z-index: 2000;
    height: 100vh;
    padding: 20px;
    overflow: scroll;
    transform: translateX(-100%);
    transition: transform 0.5s ease-in-out;
  }
  body:not(.ResourceHolderPage) .sidebar__left--nav-open {
    transform: translateX(0);
  }
}
.siderbar-mobile {
  display: none;
}
@media (max-width: 900px) {
  .siderbar-mobile {
    display: block;
    width: 50px;
    background: #ececec;
  }
}

.siderbar-mobile__wrapper {
  height: 100%;
  position: relative;
  width: 50px;
}

.siderbar-mobile__toggle {
  cursor: pointer;
  background: none;
  border: none;
  height: auto;
  padding: 5px;
  margin: 20px 0 0;
  width: inherit;
}
.siderbar-mobile__toggle svg {
  width: auto;
  height: 100%;
}

.siderbar-mobile__menu-toggle {
  display: none !important;
  cursor: pointer;
}
@media (max-width: 900px) {
  .siderbar-mobile__menu-toggle {
    display: block !important;
    margin-bottom: 50px;
  }
}

/* =============== WYSIWYG Editor fixes ==== */
/* 
In conjunction with video embed fix /app/js/components/content-video-embeds.js
*/
/* 
In conjunction with image alignment fix /app/js/components/content-image-alignment.js
*/
.captionImage,
.ss-htmleditorfield-file.image {
  max-width: 100%;
  height: auto;
}
.captionImage.leftAlone,
.ss-htmleditorfield-file.image.leftAlone {
  float: left;
}
.captionImage.rightAlone,
.ss-htmleditorfield-file.image.rightAlone {
  float: right;
}
.captionImage.center,
.ss-htmleditorfield-file.image.center {
  display: block;
  float: none;
  margin: 0 auto;
}
.captionImage.left,
.ss-htmleditorfield-file.image.left {
  float: left;
  padding-right: 0.5em;
}
.captionImage.right,
.ss-htmleditorfield-file.image.right {
  float: right;
  padding-left: 0.5em;
}

table {
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  width: fit-content;
  max-width: 100%;
}
table.bordered td {
  padding: 4px 6px;
  border: 1px solid #313131;
  white-space: normal;
}
table.grid-4-col {
  width: 100%;
}
table.grid-4-col tbody {
  width: 100%;
  display: table;
}
table.grid-4-col tr {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
table.grid-4-col td {
  display: flex;
  flex-direction: column;
  width: 25% !important;
  align-items: center;
  border-collapse: collapse;
  box-sizing: border-box;
  padding: 20px !important;
  border: none !important;
  white-space: normal;
}
@media all and (max-width: 768px) {
  table.grid-4-col td {
    width: 50% !important;
  }
}
@media all and (max-width: 480px) {
  table.grid-4-col td {
    width: 100% !important;
  }
}
table.grid-4-col td img {
  padding-right: 0 !important;
}
table.grid-3-col {
  width: 100%;
}
table.grid-3-col tbody {
  width: 100%;
  display: table;
}
table.grid-3-col tr {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
table.grid-3-col td {
  display: flex;
  flex-direction: column;
  width: 33.33% !important;
  align-items: center;
  border-collapse: collapse;
  box-sizing: border-box;
  padding: 20px !important;
  border: none !important;
  white-space: normal;
}
@media all and (max-width: 768px) {
  table.grid-3-col td {
    width: 100% !important;
  }
}
table.grid-3-col td img {
  padding-right: 0 !important;
}
table.grid-2-col {
  width: 100%;
}
table.grid-2-col tbody {
  width: 100%;
  display: table;
}
table.grid-2-col tr {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
table.grid-2-col td {
  display: flex;
  flex-direction: column;
  width: 50% !important;
  align-items: center;
  border-collapse: collapse;
  box-sizing: border-box;
  padding: 20px !important;
  border: none !important;
  white-space: normal;
}
@media all and (max-width: 480px) {
  table.grid-2-col td {
    width: 100% !important;
  }
}
table.grid-2-col td img {
  padding-right: 0 !important;
}

tbody {
  min-width: 100%;
  box-sizing: border-box;
  display: table;
}

td,
th {
  padding: 4px 0px;
  white-space: normal;
}

th {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: none;
}

td {
  white-space: nowrap;
  border-bottom: none;
}

td:first-of-type,
th:first-of-type {
  border-left: none;
}

td:last-of-type,
th:last-of-type {
  border-right: none;
}

blockquote {
  background-color: #fdb930;
  margin: 10px 20px;
  padding: 10px 20px;
}
blockquote.we-yellow-web {
  background-color: #fdb930;
}
blockquote.we-yellow-coated {
  background-color: #fdbb30;
}
blockquote.we-yellow-uncoated {
  background-color: #ffd200;
}
blockquote.we-orange-saffron {
  background-color: #fd9030;
}
blockquote.we-orange-mango {
  background-color: #fc863a;
}
blockquote.we-grey {
  color: #ffffff;
  background-color: #a1a0a4;
}
blockquote.sp-green {
  color: #ffffff;
  background-color: #04b776;
}
blockquote.sp-blue {
  color: #ffffff;
  background-color: #2393ff;
}
blockquote.sp-purple {
  color: #ffffff;
  background-color: #9d489b;
}
blockquote.dark-grey {
  background-color: #bfbfbf;
}
blockquote.light-grey {
  background-color: #ececec;
}
blockquote.black {
  background-color: #000000;
}

body,
html {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: #282828;
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

p {
  margin: 0.4rem 0;
}

main {
  /* Editor start */
  /* Editor end */
}
main h2 {
  line-height: 1.5em;
  margin-bottom: 20px;
}
main p {
  /* font-size: 18px; */
  line-height: 1.5em;
  margin-bottom: 20px;
}
main a {
  color: #c93f0b;
}
main a:hover {
  text-decoration: underline;
}
main ul,
main ol {
  padding-left: 24px;
  margin-bottom: 20px;
}
main ul li,
main ol li {
  padding: 0.2em 0;
}
main .text-left {
  text-align: left;
}
main .text-right {
  text-align: right;
}
main .text-center {
  text-align: center;
}
main .text-justify {
  text-align: justify;
}
main .center {
  margin: 0 auto;
}
main ol.numbered-list-custom {
  list-style: none;
  counter-reset: item;
}
main ol.numbered-list-custom li {
  counter-increment: item;
}
main ol.numbered-list-custom li:before {
  margin-right: 10px;
  content: counter(item);
  background: #fdbb30;
  border-radius: 100%;
  color: white;
  width: 1.4em;
  height: 1.4em;
  text-align: center;
  display: inline-block;
}

p a.linkBox-custom {
  display: inline-block;
  padding: 10px 35px 9px 19px;
  position: relative;
  border: 2px solid #000000;
  overflow: hidden;
  background: #FFFFFF;
}
p a.linkBox-custom p {
  font-family: "Nunito";
  font-size: 13px;
  font-weight: 900;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  position: relative;
  z-index: 2;
}
p a.linkBox-custom span {
  transform: rotate(0deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 0;
}
p a.linkBox-custom span::after, p a.linkBox-custom span::before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
p a.linkBox-custom span::before {
  transform: rotate(45deg);
}
p a.linkBox-custom span::after {
  transform: rotate(-45deg);
}
p a.linkBox-custom span::before {
  top: -5px;
}
p a.linkBox-custom span::after {
  bottom: -5px;
}
p a.linkBox-custom::after {
  content: "";
  display: block;
  width: 5px;
  height: 0;
  border-style: solid;
  border-width: 60px 60px 0 0;
  border-color: #FDB930 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: width 0.3s;
}
p a.linkBox-custom:hover {
  text-decoration: none;
}
p a.linkBox-custom:hover::after {
  width: 100%;
}

.readmore:not(.readmore__linkBox) span {
  transform: rotate(0deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 30px;
  height: 30px;
}
.readmore:not(.readmore__linkBox) span::after, .readmore:not(.readmore__linkBox) span::before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.readmore:not(.readmore__linkBox) span::before {
  transform: rotate(45deg);
}
.readmore:not(.readmore__linkBox) span::after {
  transform: rotate(-45deg);
}
.readmore:not(.readmore__linkBox) span::before {
  top: -5px;
}
.readmore:not(.readmore__linkBox) span::after {
  bottom: -5px;
}

.readmore__linkBox {
  display: inline-block;
  padding: 10px 35px 9px 19px;
  position: relative;
  border: 2px solid #000000;
  overflow: hidden;
  background: #FFFFFF;
  width: auto;
}
.readmore__linkBox p {
  font-family: "Nunito";
  font-size: 13px;
  font-weight: 900;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  position: relative;
  z-index: 2;
}
.readmore__linkBox span {
  transform: rotate(0deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 0;
}
.readmore__linkBox span::after, .readmore__linkBox span::before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.readmore__linkBox span::before {
  transform: rotate(45deg);
}
.readmore__linkBox span::after {
  transform: rotate(-45deg);
}
.readmore__linkBox span::before {
  top: -5px;
}
.readmore__linkBox span::after {
  bottom: -5px;
}
.readmore__linkBox::after {
  content: "";
  display: block;
  width: 5px;
  height: 0;
  border-style: solid;
  border-width: 60px 60px 0 0;
  border-color: #FDB930 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: width 0.3s;
}
.readmore__linkBox:hover {
  text-decoration: none;
}
.readmore__linkBox:hover::after {
  width: 100%;
}
.readmore__linkBox--orange {
  display: inline-block;
  padding: 10px 35px 9px 19px;
  position: relative;
  border: 2px solid #000000;
  overflow: hidden;
  background: #FFFFFF;
}
.readmore__linkBox--orange p {
  font-family: "Nunito";
  font-size: 13px;
  font-weight: 900;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  position: relative;
  z-index: 2;
}
.readmore__linkBox--orange span {
  transform: rotate(0deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 0;
}
.readmore__linkBox--orange span::after, .readmore__linkBox--orange span::before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.readmore__linkBox--orange span::before {
  transform: rotate(45deg);
}
.readmore__linkBox--orange span::after {
  transform: rotate(-45deg);
}
.readmore__linkBox--orange span::before {
  top: -5px;
}
.readmore__linkBox--orange span::after {
  bottom: -5px;
}
.readmore__linkBox--orange::after {
  content: "";
  display: block;
  width: 5px;
  height: 0;
  border-style: solid;
  border-width: 60px 60px 0 0;
  border-color: #FD6830 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: width 0.3s;
}
.readmore__linkBox--orange:hover {
  text-decoration: none;
}
.readmore__linkBox--orange:hover::after {
  width: 100%;
}

@media (max-width: 680px) {
  main h2 {
    font-size: 18px;
  }
}
table {
  border-collapse: collapse;
}
table td {
  padding: 4px 0px;
}
table.bordered td {
  padding: 4px 6px;
  border: 1px solid #313131;
}
table.alternate-bg tr:nth-child(2n) {
  background-color: #EEEEEE;
}
@media (max-width: 900px) {
  table {
    width: 100% !important;
  }
}

.pull-quote-sparks {
  background-color: #F4F4F4;
  padding: 20px 40px 20px 30px;
  display: block;
  font-weight: 600;
  text-align: center;
  border-radius: 20px;
  max-width: 500px;
  position: relative;
  margin: 20px 90px 20px 0;
}
.pull-quote-sparks::before {
  content: "";
  display: block;
  background-image: url("/_resources/app/client/assets/images/bubble_right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: -17px;
  right: 30px;
}
.pull-quote-sparks::after {
  content: "";
  display: block;
  background-image: url("/_resources/app/client/assets/images/quote_StanSparks.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 100px;
  position: absolute;
  right: -105px;
  top: 35px;
}

.pull-quote-plugsy {
  background-color: #F4F4F4;
  padding: 20px 30px 20px 40px;
  display: block;
  font-weight: 600;
  text-align: center;
  border-radius: 20px;
  max-width: 550px;
  position: relative;
  margin: 20px 0 60px 65px;
}
.pull-quote-plugsy::before {
  content: "";
  display: block;
  background-image: url("/_resources/app/client/assets/images/bubble_left.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: -17px;
  left: 50px;
}
.pull-quote-plugsy::after {
  content: "";
  display: block;
  background-image: url("/_resources/app/client/assets/images/quote_Plugsy.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 100px;
  position: absolute;
  left: -78px;
  top: 60px;
}
@media (max-width: 568px) {
  .pull-quote-plugsy::after {
    left: -90px;
  }
}

input,
select,
textarea,
option,
button {
  font-family: "Lato";
  font-size: 1rem;
  padding: 10px 16px;
  box-sizing: border-box;
  border: 1px solid #707070;
  width: 100%;
}
input:focus, input:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
option:focus,
option:active,
button:focus,
button:active {
  border-color: #000000;
}

.field {
  padding-bottom: 15px;
}
.field label {
  display: block;
  padding-bottom: 4px;
}

input[type=submit] {
  background: #707070;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  border: 0;
  width: auto;
  padding: 10px 30px;
}
input[type=submit]:hover {
  background: rgb(86.5, 86.5, 86.5);
}

#Form_ComplaintSubmissionForm_Files_Holder::after {
  content: "";
  clear: both;
  display: block;
}

#Form_Section224CSubmissionForm .error {
  color: red;
  font-weight: bold;
}

.contact_submission_form {
  padding: 50px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 550px;
}
.contact_submission_form label {
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  padding: 5px 0;
}
.contact_submission_form select {
  width: 100%;
}
.contact_submission_form input[type=text],
.contact_submission_form input[type=password],
.contact_submission_form input[type=email],
.contact_submission_form textarea {
  width: 100%;
}
.contact_submission_form .message {
  width: 100%;
  float: right;
  padding: 25px 0px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.contact_submission_form .message.bad {
  color: #EB6C68;
}
.contact_submission_form .Actions {
  margin: 0;
}
.contact_submission_form .ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone {
  margin: 0;
}
.contact_submission_form .ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview img {
  width: 100%;
  height: 100%;
}
.contact_submission_form .ss-uploadfield .ss-uploadfield-item.ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-actions {
  width: 150px;
  padding: 10px 0;
  float: left;
}
.contact_submission_form .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button, .contact_submission_form .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button {
  text-indent: 0;
  height: 42px;
  width: 150px;
  box-shadow: none;
}
.contact_submission_form .ss-uploadfield .middleColumn {
  clear: none;
  width: 100%;
  max-width: none;
  min-width: 0;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 14px;
}
.contact_submission_form .ss-uploadfield .middleColumn label, .contact_submission_form .ss-uploadfield .middleColumn button {
  border-radius: 0;
  border: none;
}
.contact_submission_form .ss-uploadfield .middleColumn .ss-uploadfield-fromcomputer {
  width: auto;
  font-family: "Lato";
  font-size: 1em;
  padding: 10px 14px;
  color: #FFFFFF;
  background: #2dabf3;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
}
.contact_submission_form .ss-uploadfield .middleColumn .ss-uploadfield-fromcomputer:hover {
  background: #219ee5;
}
.contact_submission_form .ss-uploadfield .middleColumn .ss-uploadfield-item.template-download.in {
  overflow: hidden;
  padding: 15px;
}
.contact_submission_form .ss-uploadfield .middleColumn .ss-uploadfield-item-name {
  padding: 0 15px 0 0;
  height: auto !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.contact_submission_form .ss-uploadfield .middleColumn .ss-uploadfield-item-name .name {
  float: none !important;
  display: block !important;
  padding: 5px 0 !important;
}
.contact_submission_form .ss-uploadfield .middleColumn .ss-uploadfield-item-name .size {
  float: none !important;
  display: block !important;
  padding: 5px 0 !important;
}
.contact_submission_form .ss-uploadfield .middleColumn .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text {
  float: none !important;
  display: block !important;
  padding: 5px 0 !important;
  text-align: left;
}

/* ============================================================================ SEARCH FORM ================ */
/* ========================================================================================================= */
/*
 * In-page search form
 * (ie search results page)
*/
.search-form.in-page {
  padding-bottom: 30px;
  clear: both;
}

.search-form.in-page fieldset {
  float: left;
  width: 40%;
}

.search-form.in-page fieldset input[type=text] {
  width: 92%;
  padding-left: 4%;
  padding-right: 4%;
}

.search-form.in-page fieldset .field {
  padding: 0;
  clear: none !important;
}

.search-form.in-page .Actions {
  margin: 0;
}

/**
 * Removes iOS default styling
 *
 * Targets all necessary inputs and removes the blue underline for phone numbers
 **/
button,
textarea,
input.text,
input[type=text],
input[type=button],
input[type=submit],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

.userform,
.user-form__wrapper {
  max-width: 550px !important;
  width: 100% !important;
}
.userform .error.message,
.user-form__wrapper .error.message {
  margin-top: 10px;
  color: red;
  font-weight: bold;
  display: block;
}
.userform .userform-progress .progress,
.user-form__wrapper .userform-progress .progress {
  visibility: hidden;
  display: none;
}
.userform .userform-progress .step-buttons,
.user-form__wrapper .userform-progress .step-buttons {
  position: absolute;
  visibility: hidden;
}
.userform .userform-progress .step-button-jump,
.user-form__wrapper .userform-progress .step-button-jump {
  position: relative;
}

/* IE8 Fixes */
.ie8 {
  /* Re-do background-size: cover for ie8 */
  /*	.page-hero-image { 
  		background: none !important; 
  		position: relative; 
  		width: 100%;
  		height: 430px; }*/
  /* fix z-index, text under new img set up */
  /* Fix broken transparent black bg on titles */
}
.ie8 .page-hero-image img {
  min-height: 100%;
  height: auto;
  min-width: 1024px;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ie8 .page-hero .page-section,
.ie8 .page-hero .page-title {
  z-index: 1;
}
.ie8 #site-intro h2,
.ie8 .page-hero .page-title {
  background: url("/_resources/app/client/assets/images/ie8-transparent-bg.png");
}

/**
 * Self-contained components
 *
 * Any [significant] component that is reused throughout the site. Try and keep it's
 * styles self-contained for easy plug-and-play into other templates 
 **/
/* fix for too-wide panel in IE, causing scroll bar */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu__panel {
    width: 98%;
  }
}
@media (max-width: 1024px) {
  .menu__panel {
    overflow-y: auto;
    max-height: 92vh;
    max-height: calc(100vh - 94px);
  }
}

.menu__workpanels {
  width: 100%;
  position: relative;
}

.menu {
  float: right;
  margin-right: 3%;
}
.menu__item {
  list-style-type: none;
  float: left;
  position: relative;
  padding: 0;
}
.menu__item__link {
  font-family: "Nunito";
  font-size: 13px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 94px;
  height: 94px;
  padding: 0 19px;
  display: block;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}
@media (max-width: 680px) {
  .menu__item__link {
    line-height: 80px;
    height: 80px;
  }
}
.menu__item__link.submenu__toggle::after {
  content: "";
  display: none;
  width: 0px;
  height: 20px;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-bottom: 19px solid #fdb930;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.menu__item--current > .menu__item__link, .menu__item--section > .menu__item__link {
  color: #FDB930;
}
.menu__item--current > .menu__item__link:after, .menu__item--section > .menu__item__link:after {
  display: block;
}
.menu__item__link:hover {
  color: #FDB930;
}
@media (max-width: 1195px) {
  .menu__item__link {
    padding: 0 6px;
  }
}
.menu__item:last-child .menu__submenu {
  left: inherit;
  right: 0;
}
.menu__submenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  background: #282828;
  min-width: 300px;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
.menu__submenu.open {
  max-height: 9000px;
  -webkit-transition: max-height 1.2s ease-in;
  -o-transition: max-height 1.2s ease-in;
  transition: max-height 1.2s ease-in;
}
.menu__submenu .menu__item {
  float: none;
}
.menu__submenu .menu__item__link {
  font-weight: 400;
  padding: 15px;
  text-transform: none;
  color: #FFFFFF;
  line-height: inherit;
  height: auto;
}
.menu__submenu .menu__item--current .menu__item__link,
.menu__submenu .menu__item__link:hover {
  color: #FDB930;
}

/** RESPONSIVE MENU **/
.menu__responsive {
  display: none;
}

.hamburglar {
  z-index: 5;
  cursor: pointer;
  display: none;
  float: left;
  padding: 12px 0;
}
.hamburglar div {
  width: 40px;
  height: 35px;
  margin: 17px 35px;
  position: relative;
  z-index: 5;
}
.hamburglar span {
  display: block;
  position: absolute;
  height: 12%;
  background-color: #FFFFFF;
  border-radius: 2px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
}
.hamburglar span:nth-child(1) {
  top: 0;
  width: 75%;
}
.hamburglar span:nth-child(2) {
  top: 43%;
  width: 100%;
}
.hamburglar span:nth-child(3) {
  bottom: 1px;
  width: 85%;
}
.hamburglar.open span:nth-child(2) {
  opacity: 0;
  width: 0;
}
.hamburglar.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 120%;
  top: 45%;
}
.hamburglar.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 120%;
  bottom: 45%;
}
@media (max-width: 1024px) {
  .hamburglar {
    display: block;
  }
}

.menu__workpanels .worknav {
  background: #000000;
  clear: both;
}
.menu__workpanels .worknav__inner {
  position: relative;
  height: 80px;
  width: 92%;
  margin: 0 auto;
}
.menu__workpanels .worknav__item {
  display: block;
  float: left;
  height: 100%;
  border-left: 1px solid #313131;
  position: relative;
  /* Change all colours */
}
.menu__workpanels .worknav__item:last-child {
  border-right: 1px solid #313131;
}
.menu__workpanels .worknav__item.hovering.worknav__item--1, .menu__workpanels .worknav__item.active.worknav__item--1, .menu__workpanels .worknav__item.worknav__item--current.worknav__item--1, .menu__workpanels .worknav__item.worknav__item--section.worknav__item--1 {
  background: #FDB930;
}
.menu__workpanels .worknav__item.hovering.worknav__item--2, .menu__workpanels .worknav__item.active.worknav__item--2, .menu__workpanels .worknav__item.worknav__item--current.worknav__item--2, .menu__workpanels .worknav__item.worknav__item--section.worknav__item--2 {
  background: #FD9030;
}
.menu__workpanels .worknav__item.hovering.worknav__item--alerts, .menu__workpanels .worknav__item.active.worknav__item--alerts, .menu__workpanels .worknav__item.worknav__item--current.worknav__item--alerts, .menu__workpanels .worknav__item.worknav__item--section.worknav__item--alerts {
  background: #282828;
}
.menu__workpanels .worknav__item.hovering.worknav__item--alerts--activated, .menu__workpanels .worknav__item.active.worknav__item--alerts--activated, .menu__workpanels .worknav__item.worknav__item--current.worknav__item--alerts--activated, .menu__workpanels .worknav__item.worknav__item--section.worknav__item--alerts--activated {
  background: #FD6830;
  z-index: 6;
}
.menu__workpanels .worknav__item.hovering .submenu__toggle::before,
.menu__workpanels .worknav__item.hovering .submenu__toggle::after, .menu__workpanels .worknav__item.active .submenu__toggle::before,
.menu__workpanels .worknav__item.active .submenu__toggle::after, .menu__workpanels .worknav__item.worknav__item--current .submenu__toggle::before,
.menu__workpanels .worknav__item.worknav__item--current .submenu__toggle::after, .menu__workpanels .worknav__item.worknav__item--section .submenu__toggle::before,
.menu__workpanels .worknav__item.worknav__item--section .submenu__toggle::after {
  background: #000000;
}
.menu__workpanels .worknav__item.hovering .worknav__item__link, .menu__workpanels .worknav__item.active .worknav__item__link, .menu__workpanels .worknav__item.worknav__item--current .worknav__item__link, .menu__workpanels .worknav__item.worknav__item--section .worknav__item__link {
  color: #000000;
}
.menu__workpanels .worknav__item.hovering .worknav__item__link .worknav__icon svg .icon-home-a,
.menu__workpanels .worknav__item.hovering .worknav__item__link .worknav__icon svg .dev-trade-a,
.menu__workpanels .worknav__item.hovering .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item.active .worknav__item__link .worknav__icon svg .icon-home-a,
.menu__workpanels .worknav__item.active .worknav__item__link .worknav__icon svg .dev-trade-a,
.menu__workpanels .worknav__item.active .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item.worknav__item--current .worknav__item__link .worknav__icon svg .icon-home-a,
.menu__workpanels .worknav__item.worknav__item--current .worknav__item__link .worknav__icon svg .dev-trade-a,
.menu__workpanels .worknav__item.worknav__item--current .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item.worknav__item--section .worknav__item__link .worknav__icon svg .icon-home-a,
.menu__workpanels .worknav__item.worknav__item--section .worknav__item__link .worknav__icon svg .dev-trade-a,
.menu__workpanels .worknav__item.worknav__item--section .worknav__item__link .worknav__icon svg .imp-a {
  stroke: #000000;
}
.menu__workpanels .worknav__item.hovering .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item.active .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item.worknav__item--current .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item.worknav__item--section .worknav__item__link .worknav__icon svg .imp-b {
  fill: #000000;
}
.menu__workpanels .worknav__item .submenu__toggle {
  transform: rotate(90deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  right: 5px;
  cursor: pointer;
}
.menu__workpanels .worknav__item .submenu__toggle::after, .menu__workpanels .worknav__item .submenu__toggle::before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.menu__workpanels .worknav__item .submenu__toggle::before {
  transform: rotate(45deg);
}
.menu__workpanels .worknav__item .submenu__toggle::after {
  transform: rotate(-45deg);
}
.menu__workpanels .worknav__item .submenu__toggle::before {
  top: -7px;
}
.menu__workpanels .worknav__item .submenu__toggle::after {
  bottom: -7px;
}
.menu__workpanels .worknav__item--1 {
  width: 30%;
}
.menu__workpanels .worknav__item--1 .worknav__item__link {
  color: #FDB930;
}
.menu__workpanels .worknav__item--1 .submenu__toggle::before,
.menu__workpanels .worknav__item--1 .submenu__toggle::after {
  background-color: #FDB930;
}
@media (max-width: 1024px) {
  .menu__workpanels .worknav__item--1 {
    width: 28%;
    background-color: #FDB930;
  }
}
.menu__workpanels .worknav__item--2 {
  width: 40.6%;
}
.menu__workpanels .worknav__item--2 .worknav__item__link {
  color: #FD9030;
}
.menu__workpanels .worknav__item--2 .submenu__toggle::before,
.menu__workpanels .worknav__item--2 .submenu__toggle::after {
  background-color: #FD9030;
}
@media (max-width: 1024px) {
  .menu__workpanels .worknav__item--2 {
    width: 45%;
    background-color: #FD9030;
  }
}
.menu__workpanels .worknav__item--alerts {
  float: right;
  width: 29%;
}
.menu__workpanels .worknav__item--alerts .worknav__item__link {
  color: #BFBFBF;
  float: left;
  width: 75%;
}
.menu__workpanels .worknav__item--alerts .worknav__item__link:hover {
  color: #BFBFBF;
}
.menu__workpanels .worknav__item--alerts .worknav__item__link .worknav__icon svg .imp-a {
  stroke: #BFBFBF;
}
.menu__workpanels .worknav__item--alerts .worknav__item__link .worknav__icon svg .imp-b {
  fill: #BFBFBF;
}
.menu__workpanels .worknav__item--alerts .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts .submenu__toggle::after {
  background-color: #BFBFBF;
}
@media (max-width: 1024px) {
  .menu__workpanels .worknav__item--alerts {
    background-color: #282828;
    width: 27%;
  }
  .menu__workpanels .worknav__item--alerts .title {
    color: #BFBFBF;
  }
  .menu__workpanels .worknav__item--alerts .submenu__toggle::before,
  .menu__workpanels .worknav__item--alerts .submenu__toggle::after {
    background-color: #BFBFBF !important;
  }
  .menu__workpanels .worknav__item--alerts .icon__alert {
    display: none;
  }
}
.menu__workpanels .worknav__item--alerts.hovering .worknav__item__link, .menu__workpanels .worknav__item--alerts.active .worknav__item__link, .menu__workpanels .worknav__item--alerts.worknav__item--current .worknav__item__link, .menu__workpanels .worknav__item--alerts.worknav__item--section .worknav__item__link {
  color: #BFBFBF;
}
.menu__workpanels .worknav__item--alerts.hovering .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item--alerts.active .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item--alerts.worknav__item--current .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item--alerts.worknav__item--section .worknav__item__link .worknav__icon svg .imp-a {
  stroke: #BFBFBF;
}
.menu__workpanels .worknav__item--alerts.hovering .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item--alerts.active .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item--alerts.worknav__item--current .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item--alerts.worknav__item--section .worknav__item__link .worknav__icon svg .imp-b {
  fill: #BFBFBF;
}
.menu__workpanels .worknav__item--alerts.hovering .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts.hovering .submenu__toggle::after, .menu__workpanels .worknav__item--alerts.active .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts.active .submenu__toggle::after, .menu__workpanels .worknav__item--alerts.worknav__item--current .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts.worknav__item--current .submenu__toggle::after, .menu__workpanels .worknav__item--alerts.worknav__item--section .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts.worknav__item--section .submenu__toggle::after {
  background-color: #BFBFBF;
}
.menu__workpanels .worknav__item--alerts--activated .worknav__item__link {
  color: #FD6830;
}
.menu__workpanels .worknav__item--alerts--activated .worknav__item__link .worknav__icon svg .imp-a {
  stroke: #FD6830;
}
.menu__workpanels .worknav__item--alerts--activated .worknav__item__link .worknav__icon svg .imp-b {
  fill: #FD6830;
}
.menu__workpanels .worknav__item--alerts--activated .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts--activated .submenu__toggle::after {
  background-color: #FD6830;
}
@media (max-width: 1024px) {
  .menu__workpanels .worknav__item--alerts--activated {
    background-color: #FD6830;
  }
  .menu__workpanels .worknav__item--alerts--activated .title {
    color: #000000;
  }
  .menu__workpanels .worknav__item--alerts--activated .submenu__toggle::before,
  .menu__workpanels .worknav__item--alerts--activated .submenu__toggle::after {
    background-color: #000000 !important;
  }
}
.menu__workpanels .worknav__item--alerts--activated.hovering .worknav__item__link, .menu__workpanels .worknav__item--alerts--activated.active .worknav__item__link, .menu__workpanels .worknav__item--alerts--activated.worknav__item--current .worknav__item__link, .menu__workpanels .worknav__item--alerts--activated.worknav__item--section .worknav__item__link {
  color: #000000;
}
.menu__workpanels .worknav__item--alerts--activated.hovering .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item--alerts--activated.active .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item--alerts--activated.worknav__item--current .worknav__item__link .worknav__icon svg .imp-a, .menu__workpanels .worknav__item--alerts--activated.worknav__item--section .worknav__item__link .worknav__icon svg .imp-a {
  stroke: #000000;
}
.menu__workpanels .worknav__item--alerts--activated.hovering .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item--alerts--activated.active .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item--alerts--activated.worknav__item--current .worknav__item__link .worknav__icon svg .imp-b, .menu__workpanels .worknav__item--alerts--activated.worknav__item--section .worknav__item__link .worknav__icon svg .imp-b {
  fill: #000000;
}
.menu__workpanels .worknav__item--alerts--activated.hovering .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts--activated.hovering .submenu__toggle::after, .menu__workpanels .worknav__item--alerts--activated.active .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts--activated.active .submenu__toggle::after, .menu__workpanels .worknav__item--alerts--activated.worknav__item--current .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts--activated.worknav__item--current .submenu__toggle::after, .menu__workpanels .worknav__item--alerts--activated.worknav__item--section .submenu__toggle::before,
.menu__workpanels .worknav__item--alerts--activated.worknav__item--section .submenu__toggle::after {
  background-color: #000000;
}
@media (max-width: 1024px) {
  .menu__workpanels .worknav__item {
    border: 0;
  }
  .menu__workpanels .worknav__item .worknav__item__link {
    color: #000000;
  }
  .menu__workpanels .worknav__item .submenu__toggle::before,
  .menu__workpanels .worknav__item .submenu__toggle::after {
    background-color: #000000;
  }
  .menu__workpanels .worknav__item--1 .worknav__icon, .menu__workpanels .worknav__item--2 .worknav__icon {
    display: none;
  }
}
@media (max-width: 755px) {
  .menu__workpanels .worknav__item__link {
    font-size: 16px;
  }
}

/* styles applicable to both main worknav and responsive worknav */
.worknav__item__link {
  font-family: "Nunito";
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 80px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  height: 100%;
  width: 80%;
}
.worknav__item__link .worknav__icon {
  height: 45px;
  float: left;
  margin: 18px 3% 18px 14%;
}
.worknav__item__link .worknav__icon.icon__1 {
  width: 60px;
}
.worknav__item__link .worknav__icon.icon__2 {
  width: 34px;
}
.worknav__item__link .worknav__icon.icon__alert {
  width: 37px;
}
@media (max-width: 460px) {
  .worknav__item__link .worknav__icon {
    width: 45px !important;
    max-height: 35px !important;
    margin: 26px 5% !important;
  }
}
.worknav__item__link .worknav__icon .icon.svg,
.worknav__item__link .worknav__icon .icon.svg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.worknav__item.active .submenu__toggle {
  transform: rotate(-90deg);
}

.mobile-nav-worknav .worknav__item__link {
  font-size: 1em;
  line-height: 1.5em;
}
@media (max-width: 460px) {
  .mobile-nav-worknav .worknav__item__link {
    font-size: 0.9em;
  }
}
.mobile-nav-worknav .worknav__item__link .title {
  padding: 28px 0;
  float: left;
}
@media (max-width: 460px) {
  .mobile-nav-worknav .worknav__item__link .title {
    width: 50%;
    padding: 33px 0;
  }
}
.mobile-nav-worknav .worknav__item__submenu.open {
  margin-top: 15px;
}
.mobile-nav-worknav .submenu__toggle.open {
  transform: rotate(-90deg) !important;
}

.outage__alert .inner {
  background: #FFFFFF;
  width: 90%;
  margin: 30px auto;
  padding: 20px;
}
.outage__alert .outage__content {
  text-align: center;
}
.outage__alert .outage__content > p {
  font-family: "Nunito";
  font-weight: 900;
  font-size: 26px;
  line-height: 1.6em;
  margin-bottom: 1em;
}
.outage__alert .outage__content h3 {
  font-family: "Nunito";
  font-size: 24px;
  font-weight: 900;
  margin: 20px 0;
}
.outage__alert .outage__content .readmore__linkBox {
  width: 100%;
  box-sizing: border-box;
  max-width: 300px;
}
.outage__alert .readmore {
  margin: 20px auto;
}

/* end common styles */
/** SPECIFIC WORK NAV PANEL STYLES **/
.worknav__panels {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s;
}
.worknav__panels.active {
  max-height: 999px;
  transition-duration: 1s;
}
.worknav__panels .worknav__panels__inner {
  position: relative;
  min-height: 200px;
}
.worknav__panels .worknav__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.worknav__panels .worknav__panel:first-child {
  background: #FDB930;
  z-index: 4;
}
.worknav__panels .worknav__panel:nth-child(2) {
  background: #FD9030;
  z-index: 3;
}
.worknav__panels .panel__inner {
  max-width: 1400px;
  width: 94%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.worknav__panels .panel__section {
  width: 40%;
  padding: 20px 5%;
  float: left;
  text-align: left;
  min-height: 170px;
  position: relative;
}
.worknav__panels .panel__section.odd {
  margin-top: 28px;
}
.worknav__panels .panel__section.even {
  background: #FFFFFF;
  box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.16);
  position: absolute;
  right: 0;
  bottom: 0;
  height: 73%;
}
.worknav__panels .panel__section.even::after {
  background-color: #fff;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: -20px;
  right: -20px;
}
.worknav__panels .panel__section h2 {
  font-family: "Nunito";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 20px;
  cursor: default;
}
.worknav__panels .panel__section .worknav__submenu {
  padding-bottom: 30px;
}
.worknav__panels .worknav__subworknav {
  padding-left: 50px;
}
.worknav__panels .worknav__childitem {
  list-style-type: none;
  margin: 0 0 10px;
}
.worknav__panels .worknav__childitem__link {
  font-family: "Nunito";
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #000000;
}
.worknav__panels .worknav__childitem .icon {
  display: block;
  float: left;
  margin-right: 15px;
  width: 23px;
  height: 23px;
}
.worknav__panels .worknav__childitem .icon svg {
  width: 100%;
  height: 100%;
}
.worknav__panels .worknav__panel__alert {
  width: 29%;
  min-width: 500px;
  background-color: #282828;
  position: absolute;
  top: 80px;
  right: 4.05%;
  z-index: 5;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s;
}
@media (max-width: 1024px) {
  .worknav__panels .worknav__panel__alert {
    top: 174px;
  }
}
.worknav__panels .worknav__panel__alert a {
  color: #FD9030;
}
.worknav__panels .worknav__panel__alert.open {
  max-height: 84vh;
  max-height: calc(100vh - 174px);
  transition-duration: 0.5s;
  -webkit-box-shadow: -1px 28px 36px 24px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -1px 28px 36px 24px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 28px 36px 24px rgba(0, 0, 0, 0.15);
}
.worknav__panels .worknav__panel__alert--activated {
  background-color: #FD6830;
}

.sidebar__menu ul {
  padding: 0;
}
.sidebar__menu .menu-title {
  font-family: "Nunito";
  font-size: 21px;
  font-weight: 900;
  text-transform: uppercase;
  border-bottom: 1px solid #000000;
  padding-bottom: 15px;
}
.sidebar__menu .sidebar__menu__item {
  list-style-type: none;
}
.sidebar__menu .sidebar__menu__link {
  color: #000000;
}
.sidebar__menu .top-level {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #BFBFBF;
}
.sidebar__menu .top-level:last-child {
  border: 0;
}
.sidebar__menu .top-level > .sidebar__menu__link {
  font-family: "Nunito";
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  display: block;
  padding: 10px 32px;
}
.sidebar__menu .top-level.section > .sidebar__menu__link {
  background: rgb(216.5, 216.5, 216.5);
}
.sidebar__menu .top-level.current > .sidebar__menu__link {
  background: #FDB930;
}
.sidebar__menu .top-level span {
  transform: rotate(0deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 20px;
  height: 20px;
  left: 8px;
  top: 28px;
  transition: transform 0.3s;
}
.sidebar__menu .top-level span::after, .sidebar__menu .top-level span::before {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.sidebar__menu .top-level span::before {
  transform: rotate(45deg);
}
.sidebar__menu .top-level span::after {
  transform: rotate(-45deg);
}
.sidebar__menu .top-level span::before {
  top: -3px;
}
.sidebar__menu .top-level span::after {
  bottom: -3px;
}
.sidebar__menu .top-level span.rotate {
  transform: rotate(90deg);
}
.sidebar__menu .menu__second,
.sidebar__menu .menu__third {
  margin: 0 0 0 30px;
  display: none;
}
.sidebar__menu .top-level.current .menu__second,
.sidebar__menu .top-level.section .menu__second,
.sidebar__menu .top-level.current .menu__third,
.sidebar__menu .top-level.section .menu__third {
  display: block;
}
.sidebar__menu .second-level,
.sidebar__menu .third-level {
  padding: 0;
}
.sidebar__menu .second-level > .sidebar__menu__link,
.sidebar__menu .third-level > .sidebar__menu__link {
  display: block;
  padding: 10px;
}
.sidebar__menu .second-level.current > .sidebar__menu__link,
.sidebar__menu .third-level.current > .sidebar__menu__link {
  background: #FDB930;
}

/* STYLES FOR RESPONSIVE MENU */
/******************************/
@media (max-width: 1250px) {
  .menu__workpanels .worknav__inner {
    width: 100%;
    /* remove borders */
  }
  .menu__workpanels .worknav__inner .worknav__item--1 {
    border: 0;
  }
  .menu__workpanels .worknav__inner .worknav__item--alerts {
    border-right: 0;
  }
  .worknav__panels .worknav__panel__alert {
    right: 0;
  }
}
@media (max-width: 1140px) {
  .menu__workpanels .worknav__inner .worknav__item--1 .worknav__icon, .menu__workpanels .worknav__inner .worknav__item--2 .worknav__icon {
    margin-left: 6%;
  }
  .menu__workpanels .worknav__inner .worknav__item__link {
    width: 90%;
  }
}
@media (min-width: 1025px) {
  .menu__panel {
    display: block !important;
  }
}
@media (max-width: 1024px) {
  .menu__responsive {
    display: block;
    clear: right;
  }
  .menu__panel {
    display: none;
    position: absolute;
    top: 94px;
    left: 0;
    z-index: 6;
    width: 100%;
    background: #000000;
  }
  .menu {
    width: 100%;
    margin: 0;
  }
  .menu__item {
    display: block;
    float: none;
  }
  .menu__item__link {
    font-size: 20px;
    text-align: center;
  }
  .menu__submenu {
    position: static;
  }
  .menu__submenu .menu__item__link {
    padding: 18px 0;
  }
  .menu__responsive .worknav {
    /* set up background colours */
  }
  .menu__responsive .worknav__inner > .worknav__item--1,
  .menu__responsive .worknav__inner > .worknav__item--1 .worknav__children > .worknav__item--1 {
    background-color: #FDB930;
  }
  .menu__responsive .worknav__inner > .worknav__item--2,
  .menu__responsive .worknav__inner > .worknav__item--2 .worknav__children > .worknav__item--1 {
    background-color: #FD9030;
  }
  .menu__responsive .worknav__inner .worknav__item .worknav__children > .worknav__item--2 {
    background-color: #FFFFFF;
  }
  .menu__responsive .worknav__item {
    display: block;
    position: relative;
    padding: 0 1em;
  }
  .menu__responsive .worknav__item--alerts {
    background-color: #282828;
  }
  .menu__responsive .worknav__item--alerts .title {
    color: #BFBFBF;
  }
  .menu__responsive .worknav__item--alerts .worknav__icon svg .imp-a {
    stroke: #BFBFBF !important;
  }
  .menu__responsive .worknav__item--alerts .worknav__icon svg .imp-b {
    fill: #BFBFBF !important;
  }
  .menu__responsive .worknav__item--alerts .submenu__toggle::before,
  .menu__responsive .worknav__item--alerts .submenu__toggle::after {
    background-color: #BFBFBF !important;
  }
  .menu__responsive .worknav__item--alerts--activated {
    background-color: #FD6830;
  }
  .menu__responsive .worknav__item--alerts--activated .title {
    color: #000000;
  }
  .menu__responsive .worknav__item--alerts--activated .worknav__icon svg .imp-a {
    stroke: #000000 !important;
  }
  .menu__responsive .worknav__item--alerts--activated .worknav__icon svg .imp-b {
    fill: #000000 !important;
  }
  .menu__responsive .worknav__item--alerts--activated .submenu__toggle::before,
  .menu__responsive .worknav__item--alerts--activated .submenu__toggle::after {
    background-color: #000000 !important;
  }
  .menu__responsive .worknav__item .submenu__toggle {
    transform: rotate(90deg);
    position: absolute;
    margin: auto;
    z-index: 2;
    width: 50px;
    height: 50px;
    right: 50px;
    top: 18px;
  }
  .menu__responsive .worknav__item .submenu__toggle::after, .menu__responsive .worknav__item .submenu__toggle::before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .menu__responsive .worknav__item .submenu__toggle::before {
    transform: rotate(45deg);
  }
  .menu__responsive .worknav__item .submenu__toggle::after {
    transform: rotate(-45deg);
  }
  .menu__responsive .worknav__item .submenu__toggle::before {
    top: -7px;
  }
  .menu__responsive .worknav__item .submenu__toggle::after {
    bottom: -7px;
  }
  .menu__responsive .worknav__item__link {
    color: black !important;
    text-align: left;
    width: 70%;
    margin: 0 auto;
  }
  .menu__responsive .worknav__item__link .title {
    display: block;
  }
  .menu__responsive .worknav__item__link .worknav__icon {
    width: 80px;
    margin: 18px 10% 18px 5%;
  }
  .menu__responsive .worknav__item__link .worknav__icon svg .icon-home-a,
  .menu__responsive .worknav__item__link .worknav__icon svg .dev-trade-a,
  .menu__responsive .worknav__item__link .worknav__icon svg .imp-a {
    stroke: #000000;
  }
  .menu__responsive .worknav__item__link .worknav__icon svg .imp-b {
    fill: #000000;
  }
  .menu__responsive .worknav__item .worknav__item__submenu {
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height 0.5s;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  .menu__responsive .worknav__item .worknav__item__submenu.open {
    max-height: 9000px;
  }
  .menu__responsive .worknav__item .worknav__item__submenu.worknav__children > .worknav__item {
    padding-bottom: 10px;
  }
  .menu__responsive .worknav__item .worknav__item__submenu.worknav__children > .worknav__item--2,
  .menu__responsive .worknav__item .worknav__item__submenu.worknav__children > .worknav__item--2 .worknav__item {
    background: none;
  }
  .menu__responsive .worknav__item .worknav__grand-children {
    max-height: 9000px;
    margin-left: 10%;
  }
  .menu__responsive .worknav__item .worknav__grand-children .worknav__item__link {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    line-height: 1.4rem;
    margin: 1rem 0;
  }
}
@media (max-width: 1024px) and (max-width: 680px) {
  .menu__responsive .worknav__item__link {
    width: 100%;
    margin: 0;
  }
  .menu__responsive .worknav__item__link .worknav__icon {
    margin: 18px 5%;
    width: 65px;
    margin-left: 0;
  }
  .menu__responsive .worknav__item .submenu__toggle {
    right: 1em;
  }
}
@media (max-width: 1024px) {
  .menu__responsive .worknav .submenu__toggle {
    cursor: pointer;
  }
  .menu__workpanels .worknav__item__link {
    font-size: 18px;
  }
  .menu__workpanels .worknav__item .submenu__toggle {
    right: 0;
  }
}
@media (max-width: 1024px) and (max-width: 680px) {
  .menu__workpanels .worknav__item .submenu__toggle.main {
    right: -6px;
  }
}
@media (max-width: 680px) {
  .worknav__item__link {
    font-size: 1em !important;
  }
}
@media (max-width: 568px) {
  .menu__workpanels .worknav,
  .menu__workpanels .worknav__panels {
    display: none;
  }
}
/* =============== HEADER ==== */
.header-backdrop {
  background: #313131;
  height: 176px;
  width: 100%;
  position: absolute;
  top: 0;
}
@media (max-width: 568px) {
  .header-backdrop {
    height: 94px;
  }
}

.global-alert-backdrop {
  height: 70px;
  display: block;
  background: #313131;
  width: 100%;
}

.online-form .header-backdrop {
  display: none;
}
.online-form .global-alert-backdrop {
  display: none;
}

header {
  background: #313131;
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
}
header .logo {
  float: left;
  margin: 4px 2% 6px;
  width: 150px;
  height: 84px;
  position: relative;
  z-index: 5;
  transition: 0.5s;
  max-width: 53%;
}
header .logo img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  header .logo {
    float: right;
  }
}

header > .inner {
  position: relative;
}

.footer__contact {
  color: #000000;
  background: #FDB930;
  padding: 40px 0;
  text-align: center;
}
.footer__contact h1 {
  font-family: "BetaSans";
  font-size: 34px;
  font-weight: 400;
}
.footer__contact h2 {
  font-family: "Nunito";
  font-size: 94px;
  font-weight: 800;
}
.footer__contact h3 {
  font-family: "Nunito";
  font-size: 18px;
  font-weight: 600;
}
.footer__contact a {
  color: #000000;
}
.footer__contact a:hover {
  color: #282828;
  border-bottom: none;
}
@media (max-width: 900px) {
  .footer__contact h2 {
    font-size: 60px;
    margin: 20px 0;
  }
}
@media (max-width: 680px) {
  .footer__contact h1 {
    font-size: 28px;
  }
  .footer__contact h3 {
    font-size: 20px;
    font-weight: 400;
  }
}
@media (max-width: 460px) {
  .footer__contact h2 {
    font-size: 40px;
  }
}

footer {
  background: #000000;
  width: 100%;
  padding: 37px 0;
  position: relative;
  overflow: hidden;
}
footer .footer__left {
  width: 70%;
}
footer .footer__right {
  width: 30%;
}
footer .logo {
  width: 20%;
  float: left;
  margin: 0 5% 50px 0;
}
footer .logo a {
  display: block;
}
footer .logo img {
  max-width: inherit;
  width: 100%;
}
footer .footer__menu {
  clear: left;
}
footer .footer__menu h2 {
  font-family: "Nunito";
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #FDB930;
  margin-bottom: 10px;
}
footer .footer__menu ul {
  list-style: none;
}
footer .footer__menu li {
  margin-bottom: 7px;
}
footer .footer__menu li:last-child {
  margin-bottom: 0;
}
footer .footer__menu ul li a,
footer .footer__menu .login a {
  font-size: 13px;
  color: #FFFFFF;
}
footer .footer__menu ul li a:hover,
footer .footer__menu .login a:hover {
  color: #FDB930;
}
footer .footer__menu--column {
  width: 18%;
  margin-right: 7%;
  float: left;
}

footer .yellow__anglebg {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #FDB930;
}
footer .yellow__anglebg::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 700px 0 0 600px;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  top: -2px;
  left: -2px;
}
footer .yellow__anglebg .outage__app {
  width: 80%;
  height: 180px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10%;
  margin: auto;
}
footer .yellow__anglebg .outage__app .phone {
  position: absolute;
  top: -14px;
  left: 0;
}
footer .yellow__anglebg .outage__app .text {
  padding: 0 6% 0 19%;
  border-radius: 0 2px 2px 0;
  width: 50%;
  float: right;
  text-align: center;
}
footer .yellow__anglebg .outage__app .text h2 {
  font-size: 18px;
  font-weight: bold;
  color: black;
  text-transform: none;
  margin-bottom: 20px;
}
footer .yellow__anglebg .outage__app .text h2 sup {
  font-size: 7px;
}
footer .yellow__anglebg .outage__app .text a {
  display: block;
  transition: none;
  border: 0;
  max-width: 250px;
  margin: 0 auto;
}
footer .yellow__anglebg .outage__app .text a img {
  width: 100%;
}
footer .yellow__anglebg .outage__app .text a.google {
  margin: 8px auto;
}

.footer__bottom {
  background-color: #282828;
  padding: 12px 0;
  font-size: 12px;
}
.footer__bottom .footer-bottom-links li {
  border-right: 1px solid #707070;
  margin: 0;
}
.footer__bottom .footer-bottom-links li:last-child {
  border-right: 0;
}
.footer__bottom a {
  color: #707070;
  padding: 0 25px;
}
.footer__bottom a:hover {
  color: #FFFFFF;
}

.copyright {
  color: #707070;
  float: left;
}
.copyright a {
  border-left: 1px solid #707070;
  margin-left: 25px;
}
.copyright .break {
  display: none;
}

.footer-bottom-links {
  list-style: none;
  float: right;
}
.footer-bottom-links li {
  display: inline-block;
  margin-left: 30px;
}

.footer__search {
  margin-top: 20px;
  float: left;
}
.footer__search fieldset,
.footer__search .Actions {
  display: inline-block;
}
.footer__search fieldset {
  width: 350px;
  float: left;
}
.footer__search .field {
  margin: 0;
}
.footer__search input {
  border: 0;
}
.footer__search .btn-toolbar {
  display: inline-block;
  padding: 10px 35px 9px 19px;
  position: relative;
  border: 2px solid #FFFFFF;
  overflow: hidden;
  background: #000000;
  padding: 0 20px 0 0;
  float: left;
  height: 35px;
}
.footer__search .btn-toolbar p {
  font-family: "Nunito";
  font-size: 13px;
  font-weight: 900;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  position: relative;
  z-index: 2;
}
.footer__search .btn-toolbar span {
  transform: rotate(0deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 0;
}
.footer__search .btn-toolbar span::after, .footer__search .btn-toolbar span::before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.footer__search .btn-toolbar span::before {
  transform: rotate(45deg);
}
.footer__search .btn-toolbar span::after {
  transform: rotate(-45deg);
}
.footer__search .btn-toolbar span::before {
  top: -5px;
}
.footer__search .btn-toolbar span::after {
  bottom: -5px;
}
.footer__search .btn-toolbar::after {
  content: "";
  display: block;
  width: 5px;
  height: 0;
  border-style: solid;
  border-width: 60px 60px 0 0;
  border-color: #FDB930 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: width 0.3s;
}
.footer__search .btn-toolbar:hover {
  text-decoration: none;
}
.footer__search .btn-toolbar:hover::after {
  width: 100%;
}
.footer__search .btn-toolbar::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 3;
  width: 18px;
  height: 18px;
  background: url("/_resources/app/client/assets/images/magnifying-glass.png") no-repeat center center;
}
.footer__search .btn-toolbar .action {
  height: 35px;
  line-height: 15px;
  position: relative;
  z-index: 3;
  color: #FFFFFF;
  text-transform: uppercase;
  background: transparent;
}
.footer__search .btn-toolbar .action:focus {
  outline: none;
}

/********* RESPONSIVE STYLES **************/
@media (max-width: 1024px) {
  footer .footer__left {
    width: 60%;
  }
  footer .logo {
    width: 250px;
    margin-bottom: 10px;
  }
  footer .footer__search {
    clear: left;
    margin: 30px 0;
  }
  footer .footer__menu--column {
    width: 43%;
    margin-bottom: 30px;
  }
  footer .footer__menu--column:nth-child(3) {
    clear: left;
  }
  footer .footer__right {
    width: 40%;
  }
  footer .yellow__anglebg:before {
    border-width: 800px 0 0 500px;
  }
}
@media (max-width: 900px) {
  footer {
    padding-bottom: 0;
  }
  footer .footer__left {
    width: 100%;
    float: none;
  }
  footer .footer__right {
    width: 100%;
    height: 400px;
    position: relative;
  }
  footer .yellow__anglebg::before {
    border-width: 0;
    border-width: 400px 350px 0 0;
    border-color: transparent;
    border-color: black transparent transparent transparent;
  }
  footer .yellow__anglebg .outage__app {
    left: inherit;
    right: 10%;
  }
  footer .yellow__anglebg .outage__app .phone {
    width: 150px;
  }
  footer .yellow__anglebg .outage__app .text {
    padding: 0 10%;
  }
}
@media (max-width: 940px) {
  .footer__bottom a,
  .footer__bottom .copyright {
    color: #FFFFFF;
  }
  .footer__bottom .footer-bottom-links,
  .footer__bottom .copyright {
    text-align: center;
    float: none;
    margin: 20px 0;
  }
  .footer__bottom .footer-bottom-links li {
    margin: 0;
    border-color: #FFFFFF;
  }
  .footer__bottom .copyright .break {
    display: block;
  }
  .footer__bottom .copyright a {
    border: 0;
    margin: 0;
    display: block;
    margin-top: 20px;
  }
}
@media (max-width: 568px) {
  footer .logo {
    width: 280px;
    margin: 15px auto;
    float: none;
  }
  footer .logo img {
    margin: 0 auto;
  }
  footer .footer__menu h2,
  footer .footer__menu ul li a,
  footer .footer__menu .login a {
    font-size: 18px;
  }
  footer .footer__menu ul li a {
    padding: 5px 0;
    display: inline-block;
  }
  footer .footer__menu--column {
    width: 46%;
    margin-right: 6%;
  }
  footer .footer__menu--column:nth-child(2n) {
    margin-right: 0;
  }
  footer .footer__search {
    width: 100%;
  }
  footer .footer__search fieldset {
    width: 88%;
  }
  footer .footer__search .btn-toolbar {
    width: 10%;
    padding: 0;
  }
  footer .footer__search .btn-toolbar::after {
    display: none;
  }
  footer .footer__search .btn-toolbar::before {
    left: 0;
    right: 0;
    margin: auto;
  }
  footer .footer__search .btn-toolbar .action {
    text-indent: -999em;
  }
  footer .yellow__anglebg::before {
    border-width: 400px 250px 0 0;
  }
  footer .yellow__anglebg .outage__app .text {
    padding: 0;
  }
  .footer__bottom a {
    padding: 0 10px;
  }
}
@media (max-width: 350px) {
  footer .yellow__anglebg .outage__app .phone {
    width: 110px;
  }
}
.global-alert {
  background: #FD6830;
  overflow: hidden;
  z-index: 1;
  position: relative;
  color: #000000;
  border-top: 2px solid #000000;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 568px) {
  .global-alert {
    border-top: none;
  }
}
.global-alert--expanded {
  max-height: 80vh;
}
@media (max-width: 755px) {
  .global-alert h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
@media (max-width: 568px) {
  .global-alert h3 {
    font-size: 14px;
  }
}
.global-alert .global-alert-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 23px;
}
.global-alert .global-alert-inner::after {
  content: "";
  clear: both;
  display: block;
}
.global-alert .global-alert-inner .notice-heading {
  float: left;
  width: 55%;
  width: calc(100% - 251px);
}
@media (max-width: 1024px) {
  .global-alert .global-alert-inner .notice-heading {
    width: calc(100% - 94px);
  }
}
@media (max-width: 755px) {
  .global-alert .global-alert-inner .notice-heading {
    width: calc(100% - 74px);
  }
}
@media (max-width: 568px) {
  .global-alert .global-alert-inner .notice-heading {
    width: calc(100% - 70px);
  }
}
.global-alert .global-alert-inner .notice-message {
  display: none;
  margin-top: 20px;
  float: left;
  width: 100%;
}
.global-alert .global-alert-inner .notice-message a {
  text-decoration: underline;
  color: #000000;
}
.global-alert .global-alert-inner .notice-message .linkBox-custom {
  text-decoration: none;
}
.global-alert .global-alert-inner .notice-message .readmore__linkBox {
  text-decoration: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.global-alert .global-alert-inner .notice-message .readmore__linkBox:last-of-type {
  margin-right: 0;
}
.global-alert .global-alert-inner .notice-message ul, .global-alert .global-alert-inner .notice-message ol {
  list-style-position: inside;
  margin: 12px 0px;
}
.global-alert .global-alert-inner .notice-buttons {
  margin-top: 20px;
}
.global-alert .close {
  float: right;
  width: auto;
  height: auto;
  padding: 0 10px;
  font-size: 32px;
  line-height: 23px;
  cursor: pointer;
}
.global-alert .close p {
  margin: 0;
  color: #000000;
}
.global-alert .more {
  float: right;
  width: auto;
  padding: 0;
  height: auto;
  background: transparent;
  border: none !important;
  outline: none;
  font-size: 20px;
  cursor: pointer;
  padding-right: 30px;
  position: relative;
  margin-right: 25px;
}
@media (max-width: 755px) {
  .global-alert .more {
    margin-right: 5px;
  }
}
@media (max-width: 568px) {
  .global-alert .more {
    margin-right: 0;
  }
}
.global-alert .more p {
  margin: 0;
}
@media (max-width: 1024px) {
  .global-alert .more p {
    display: none;
  }
}
.global-alert .more span {
  transform: rotate(90deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 50px;
  height: 50px;
  height: 30px;
  right: -11px;
  top: 0;
}
.global-alert .more span::after, .global-alert .more span::before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.global-alert .more span::before {
  transform: rotate(45deg);
}
.global-alert .more span::after {
  transform: rotate(-45deg);
}
.global-alert .more span::before {
  top: -7px;
}
.global-alert .more span::after {
  bottom: -7px;
}

.banner {
  position: relative;
  overflow: hidden;
  background-color: #313131;
  transition: margin 0.4s ease-in-out;
}
.banner.no__image {
  height: 200px;
  background: #EEEEEE;
}
.banner .inner {
  position: relative;
  z-index: 2;
  padding: 40px 0;
}
.banner__content {
  width: 50%;
}
.banner__title {
  font-family: "BetaSans";
  font-size: 45px;
  font-weight: 400;
  color: #FDB930;
  margin-bottom: 15px;
}
.banner__intro {
  font-family: "Lato";
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4em;
  color: #ECECEC;
}
.banner .banner__image,
.banner .slides {
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.banner .banner__picture {
  position: absolute;
  width: 100%;
  height: 100%;
}
.banner .banner__picture::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 310px 320px 0 0;
  border-color: #313131 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: -140px;
  z-index: 1;
}
@media all and (max-width: 680px) {
  .banner .banner__picture::after {
    display: none;
  }
}
@media (min-width: 680px) {
  .banner .banner__picture::after {
    left: -1px;
  }
}
.banner .banner__picture-image {
  display: block;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slides .slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media (max-width: 900px) {
  .banner__title {
    font-size: 35px;
  }
}
@media (max-width: 680px) {
  .banner {
    overflow: inherit;
    height: auto;
  }
  .banner .banner__image,
  .banner .slides {
    position: relative;
    width: 100%;
    height: 200px;
  }
  .banner .inner {
    padding: 30px 3%;
  }
  .banner__content {
    width: 100%;
  }
  .banner__intro {
    font-size: 24px;
  }
}
.page__rating {
  border-top: 2px solid #000000;
  background-color: #FFFFFF;
  padding-top: 25px;
  overflow: hidden;
}
.page__rating .inner {
  max-width: 500px;
}
.page__rating h2 {
  float: left;
  font-family: "BetaSans";
  font-size: 21px;
  font-weight: 400;
}
.page__rating .rateit {
  float: right;
  width: 160px;
}
.page__rating .score {
  font-size: 14px;
  padding: 15px 0;
  clear: both;
  text-align: center;
}
.page__rating .comments p {
  font-size: 14px;
  margin-bottom: 5px;
}
.page__rating .comments {
  display: none;
  width: 540px;
  padding-bottom: 30px;
}
.page__rating #comment-text {
  width: 540px;
  height: 70px;
  border: 1px solid #cccccc;
  margin-bottom: 5px;
  padding: 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
}
.page__rating #comment-submit {
  display: inline-block;
  background: #fdb931;
  padding: 7px 10px;
  font-family: "Lato";
  font-size: 16px;
  color: #000000;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  font-weight: normal;
  text-transform: none;
  text-shadow: none;
  -moz-text-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
}
.page__rating #comment-submit:hover {
  background: #000000;
  color: #FFFFFF;
}
.page__rating .comments span {
  display: inline-block;
  font-size: 14px;
  color: #bb8a22;
  margin-left: 10px;
  cursor: pointer;
}
.page__rating .comments span:hover {
  color: #000000;
}
.page__rating .thank-you {
  display: none;
  color: #007f03;
}
.page__rating .field {
  margin-top: 0;
  padding-bottom: 0;
}

/* Sidebar modules */
.sidebar__modules {
  box-shadow: 4px 4px 10px #ECECEC;
}

.sidebar__outage {
  margin-top: 10px;
}

.sidebar__module {
  position: relative;
  padding: 30px 5%;
}
.sidebar__module.white_bg, .sidebar__module.orange_bg {
  color: #000000;
}
.sidebar__module.charcoal_bg, .sidebar__module.grey_bg, .sidebar__module.dark_grey_bg {
  color: #FFFFFF;
}
.sidebar__module.dark_orange_bg {
  color: #000000;
}
.sidebar__module.has__centre-image {
  padding: 65px 5% 30px 5%;
}
.sidebar__module h2 {
  font-family: "Nunito";
  font-size: 21px;
  font-weight: 900;
}
.sidebar__module h2.white_title {
  color: #FFFFFF;
}
.sidebar__module h2.black_title {
  color: #000000;
}
.sidebar__module h2.charcoal_title {
  color: #282828;
}
.sidebar__module h2.yellow_title {
  color: #FDB930;
}
.sidebar__module h2.orange_title {
  color: #FD9030;
}
.sidebar__module h2.dark_orange_title {
  color: #FD6830;
}
.sidebar__module h2.grey_title {
  color: #707070;
}
.sidebar__module h2.dark_grey_title {
  color: #313131;
}
.sidebar__module.charcoal_bg a, .sidebar__module.dark_grey_bg a {
  color: #FDB930;
}
.sidebar__module.orange_bg a {
  color: #000000;
  text-decoration: underline;
}
.sidebar__module ul {
  padding: 0;
}
.sidebar__module ul li {
  font-family: "Lato";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  list-style-type: none;
  padding: 0.2em 0 20px;
}
.sidebar__module ul li::after {
  content: "";
  display: block;
  width: 110%;
  height: 1px;
  border-top: 1px solid #000000;
  margin-left: -5%;
  margin-top: 20px;
}
.sidebar__module ul li:last-child {
  padding: 0.2em 0;
}
.sidebar__module ul li:last-child::after {
  display: none;
}
.sidebar__module .sidebar__module--image {
  position: absolute;
  top: -130px;
  right: 10px;
  z-index: 1;
}
.sidebar__module .sidebar__module--image.image-centre {
  position: absolute;
  top: -140px;
  right: 25px;
}
.sidebar__module .sidebar__module--image.image-centre img {
  max-width: 248px;
  width: 100%;
  margin: 0 auto;
}
.sidebar__module--CIW {
  border-left: 15px solid #282828;
  border-right: 15px solid #282828;
}
.sidebar__module--CIW ul.tasks-list {
  padding: 0;
}
.sidebar__module--CIW ul.tasks-list li {
  font-family: "Nunito";
  font-size: 15px;
  font-weight: 600;
}
.sidebar__module--CIW ul.tasks-list li::after {
  display: none;
}
.sidebar__module--CIW ul.tasks-list li i {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
}
.sidebar__module--CIW ul.tasks-list li span {
  transform: rotate(0deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: static;
  display: inline-block;
  height: 12px;
  margin-left: 8px;
}
.sidebar__module--CIW ul.tasks-list li span::after, .sidebar__module--CIW ul.tasks-list li span::before {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.sidebar__module--CIW ul.tasks-list li span::before {
  transform: rotate(45deg);
}
.sidebar__module--CIW ul.tasks-list li span::after {
  transform: rotate(-45deg);
}
.sidebar__module--CIW ul.tasks-list li span::before {
  top: -3px;
}
.sidebar__module--CIW ul.tasks-list li span::after {
  bottom: -3px;
}
.sidebar__module--emergency {
  text-align: center;
  margin-top: 40px;
}
.sidebar__module--emergency img {
  display: block;
  margin: 0 auto;
}
.sidebar__module--emergency p {
  font-family: "BetaSans";
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  width: 90%;
  margin: 20px auto;
}
.sidebar__module--emergency h1 {
  font-family: "Nunito";
  font-size: 35px;
  font-weight: 800;
  color: #000000;
}
.sidebar__module--outage-app {
  background-color: #FDB930;
  position: relative;
  padding: 0;
  min-height: 210px;
}
@media (max-width: 1350px) {
  .sidebar__module--outage-app {
    min-height: 35vw;
  }
}
@media (max-width: 900px) {
  .sidebar__module--outage-app {
    min-height: 45vw;
  }
}
@media (max-width: 755px) {
  .sidebar__module--outage-app {
    min-height: 50vw;
  }
}
@media (max-width: 680px) {
  .sidebar__module--outage-app {
    min-height: 58vw;
  }
}
@media (max-width: 568px) {
  .sidebar__module--outage-app {
    min-height: 68vw;
  }
}
.sidebar__module--outage-app .phone {
  position: absolute;
  top: -14px;
  left: 0;
}
.sidebar__module--outage-app .text {
  padding: 20px 6% 20px 19%;
  float: right;
  width: 50%;
  text-align: center;
}
.sidebar__module--outage-app h2 {
  font-family: "BetaSans";
  font-size: 15px;
  font-weight: 600;
}
.sidebar__module--outage-app a {
  display: block;
  margin-bottom: 4px;
}

@media (max-width: 1350px) {
  .sidebar__module.has__image {
    margin-top: 50px;
  }
  .sidebar__module .sidebar__module--image {
    width: 60px;
    top: -40px;
  }
  .sidebar__module .sidebar__module--image.image-centre {
    width: 200px;
    top: -100px;
  }
  .sidebar__module--emergency br {
    display: none;
  }
}
.loader {
  position: relative;
  height: 300px;
}
.loader--full-screen {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: rgba(50, 50, 50, 0.9);
}
.loader--full-screen .loader__circle {
  width: 128px;
  height: 128px;
  margin-top: -64px;
  margin-left: -64px;
}
.loader__circle {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px;
  width: 32px;
  height: 32px;
  z-index: 9998;
}
.loader__circle:before, .loader__circle:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
}
.loader__circle:before {
  position: absolute;
  top: 0;
  left: 0;
  border-color: rgba(128, 128, 128, 0.3);
}
.loader__circle:after {
  animation-name: spin;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #FD9030;
}

.ResourceHolderPage {
  /* Change the colour of the pagination */
}
.ResourceHolderPage .page__body {
  background: -moz-linear-gradient(left, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #ECECEC), color-stop(28%, #ECECEC), color-stop(28%, #FFFFFF), color-stop(100%, #FFFFFF));
  background: -webkit-linear-gradient(left, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
  background: -o-linear-gradient(left, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
  background: -ms-linear-gradient(left, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
  background: linear-gradient(to right, #ECECEC 0%, #ECECEC 28%, #FFFFFF 28%, #FFFFFF 100%);
}
@media (max-width: 1450px) {
  .ResourceHolderPage .page__body {
    background: -moz-linear-gradient(left, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ECECEC), color-stop(25%, #ECECEC), color-stop(25%, #FFFFFF), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(left, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
    background: -o-linear-gradient(left, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
    background: -ms-linear-gradient(left, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
    background: linear-gradient(to right, #ECECEC 0%, #ECECEC 25%, #FFFFFF 25%, #FFFFFF 100%);
  }
}
@media (max-width: 1024px) {
  .ResourceHolderPage .page__body {
    background: #282828;
  }
  .ResourceHolderPage .page__body.article {
    background: inherit;
  }
  .ResourceHolderPage .page__body .page__content {
    width: 94%;
  }
}
.ResourceHolderPage .article .page__content {
  max-width: 800px;
}
.ResourceHolderPage .resources__menu {
  position: relative;
  z-index: 2;
}
.ResourceHolderPage .resources__menu .optionset > label {
  font-weight: 800;
  text-transform: uppercase;
  padding: 0 0 10px;
  /* margin-bottom: 10px;
  margin-top: 20px; */
}
.ResourceHolderPage .resources__menu .field.checkboxset li {
  display: block;
}
.ResourceHolderPage .resources__menu .field.checkboxset li label::before {
  border-radius: 0;
  border: 1px solid #707070;
  width: 18px;
  height: 18px;
  top: 0;
}
.ResourceHolderPage .resources__menu .field.checkboxset li label::after {
  top: 1px;
  left: 1px;
  font-size: 18px;
}
.ResourceHolderPage .resources__menu .field.checkboxset li input:checked + label:before {
  background: #FDB930;
}
.ResourceHolderPage .resources__menu .readmore {
  margin-top: 40px;
}
.ResourceHolderPage .pagination ul li a {
  color: #282828;
}
@media (max-width: 1024px) {
  .ResourceHolderPage .pagination ul li a {
    color: #FFFFFF;
  }
}
.ResourceHolderPage .pagination ul li.active a {
  color: #FDB930;
}
.ResourceHolderPage .pagination .next li a span::before, .ResourceHolderPage .pagination .next li a span::after,
.ResourceHolderPage .pagination .previous li a span::before,
.ResourceHolderPage .pagination .previous li a span::after {
  background-color: #282828;
}
@media (max-width: 1024px) {
  .ResourceHolderPage .pagination .next li a span::before, .ResourceHolderPage .pagination .next li a span::after,
  .ResourceHolderPage .pagination .previous li a span::before,
  .ResourceHolderPage .pagination .previous li a span::after {
    background-color: #FFFFFF;
  }
}

.ResourceHolderPage {
  /* filtering form, change to select boxes */
}
.ResourceHolderPage .sidebar__left--article {
  min-height: 600px;
}
@media (max-width: 1024px) {
  .ResourceHolderPage .sidebar__left--article {
    min-height: auto;
  }
}
.ResourceHolderPage .sidebar__left .readmore__linkBox span {
  right: auto;
  left: 0;
  transform: rotate(180deg);
}
.ResourceHolderPage .sidebar__left .readmore__linkBox p {
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .ResourceHolderPage .sidebar__left {
    width: 94%;
    float: none;
    margin: 0;
    padding: 20px 3%;
    background: #ECECEC;
  }
  .ResourceHolderPage .resources__menu .optionset > label {
    font-weight: 700;
    padding: 10px 12px 9px;
    border: 2px solid #000000;
    position: relative;
  }
  .ResourceHolderPage .resources__menu .optionset > label span.angle {
    transform: rotate(90deg);
    position: absolute;
    margin: auto;
    z-index: 2;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .ResourceHolderPage .resources__menu .optionset > label span.angle::after, .ResourceHolderPage .resources__menu .optionset > label span.angle::before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .ResourceHolderPage .resources__menu .optionset > label span.angle::before {
    transform: rotate(45deg);
  }
  .ResourceHolderPage .resources__menu .optionset > label span.angle::after {
    transform: rotate(-45deg);
  }
  .ResourceHolderPage .resources__menu .optionset > label span.angle::before {
    top: -7px;
  }
  .ResourceHolderPage .resources__menu .optionset > label span.angle::after {
    bottom: -7px;
  }
  .ResourceHolderPage #Form_FilterForm .field.checkboxset {
    float: left;
    width: 25%;
    margin-right: 3%;
    margin-top: 0;
    padding: 0;
    position: relative;
  }
  .ResourceHolderPage #Form_FilterForm .field.checkboxset li {
    margin: 4px 6px;
    padding: 0.2em 0;
  }
  .ResourceHolderPage #Form_FilterForm .field.checkboxset .middleColumn {
    background: #BFBFBF;
    position: absolute;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height 0.5s;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  .ResourceHolderPage #Form_FilterForm .field.checkboxset .middleColumn.open {
    max-height: 999px;
  }
  .ResourceHolderPage #Form_FilterForm .field.checkboxset:nth-child(1) .middleColumn {
    z-index: 5;
  }
  .ResourceHolderPage #Form_FilterForm .field.checkboxset:nth-child(2) .middleColumn {
    z-index: 4;
  }
  .ResourceHolderPage #Form_FilterForm .field.checkboxset:nth-child(3) .middleColumn {
    z-index: 3;
  }
  .ResourceHolderPage #Form_FilterForm .readmore {
    margin: 0;
  }
}
@media (max-width: 900px) {
  .ResourceHolderPage {
    /* override general removal of sidebar */
  }
  .ResourceHolderPage .page__body .sidebar__left {
    display: block !important;
  }
}
@media (max-width: 705px) {
  .ResourceHolderPage #Form_FilterForm .field.checkboxset {
    width: 40%;
  }
  .ResourceHolderPage #Form_FilterForm .field.checkboxset:nth-child(n+1) {
    clear: left;
    margin: 10px 0 0;
  }
  .ResourceHolderPage #Form_FilterForm .readmore {
    float: left;
    clear: left;
    display: block;
    margin-top: 10px;
    width: 33px;
  }
}
@media (max-width: 500px) {
  .ResourceHolderPage #Form_FilterForm .field.checkboxset {
    width: 98%;
  }
}

.resources .resource {
  float: left;
  margin-bottom: 30px;
  background-color: #FFFFFF;
  min-height: 450px;
  position: relative;
  padding-bottom: 80px;
}
.resources .resource__image {
  width: 100%;
  height: 220px;
  position: relative;
}
.resources .resource__picture {
  position: absolute;
  width: 100%;
  height: 100%;
}
.resources .resource__picture-image {
  display: block;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.resources .resource__type--Image {
  padding-bottom: 0;
  min-height: 530px;
}
.resources .resource__type--Image .resource__image {
  height: 530px;
}
.resources .resource__type--Placeholder {
  background: #FDB930;
}
.resources .resource__type--Placeholder .resource__category {
  color: #FFFFFF;
}
.resources .resource__category {
  font-family: "Nunito";
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FDB930;
  display: inline-block;
  padding: 12px 22px;
  background-color: #000000;
  margin: 50px 0 0;
  position: absolute;
}
.resources .resource__content {
  padding: 30px 25px 0px 25px;
}
.resources .resource__content h2 {
  font-family: "Nunito";
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 1px;
}
.resources .resource__content h2 a {
  color: #000000;
}
.resources .resource__content p {
  font-size: 18px;
}
.resources .resource__content .readmore {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.resources .resource__content .readmore p {
  font-size: 14px;
}

.resources__all {
  display: flex;
  flex-direction: column;
  margin: -1.5%;
  margin-bottom: 80px;
}
@media (min-width: 680px) {
  .resources__all {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.resources__all .resource {
  float: none;
  box-sizing: border-box;
  width: 32%;
  padding: 1.5%;
}
@media (max-width: 1450px) {
  .resources__all .resource {
    width: 49%;
  }
  .resources__all .resource:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 680px) {
  .resources__all .resource {
    width: 98%;
    height: inherit;
  }
}
.resources__all .resource__content .readmore {
  position: relative;
  left: inherit;
  bottom: inherit;
}

/*
	POPUPS
*/
.hide {
  display: none;
}

.popup {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
  width: 100%;
}
.popup .inner {
  height: 100%;
  width: 100%;
  top: 0;
}
.popup_close {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 18px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #FD9030;
}
@media all and (max-width: 680px) {
  .popup_close {
    position: fixed;
    top: 50px;
    right: 27px;
  }
}
.popup_close span {
  display: block;
  position: absolute;
  height: 3px;
  width: 60%;
  background-color: #FFFFFF;
  border-radius: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.popup_close span:first-child {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup_close span:last-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.popup_content {
  position: relative;
  background: #FFFFFF;
  max-height: 93%;
  overflow-y: auto;
  margin: 2rem auto;
}
@media all and (max-width: 680px) {
  .popup_content {
    width: 94%;
    margin: 2rem 0;
  }
}
.popup_content a:not(.orange-button) {
  color: #FD9030;
}
.popup_liner {
  height: 100%;
  position: relative;
  padding: 3em;
}

.capability_popup {
  position: relative;
}
.capability_popup .capability_content {
  color: #707070;
  overflow: auto hidden;
}
.capability_popup .capability_name {
  font-size: 2rem;
  padding: 0 0 0.5em;
  color: #FD9030;
}
.capability_popup .capability_banner {
  background: #FD9030 url("/_resources/app/client/assets/images/rounded-square-pattern-orange.jpg") no-repeat center center;
  color: #FFFFFF;
  margin: -3em;
  margin-top: 3em;
}
.capability_popup .capability_banner_content {
  padding: 3rem;
  text-align: center;
}
.capability_popup .capability_banner_content h3 {
  color: #FFFFFF;
  font-size: 2rem;
  padding: 0 0 1rem;
}
@media all and (max-width: 680px) {
  .capability_popup .capability_banner_content h3 {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
.capability_popup .capability_banner_content a {
  color: pink;
}
.capability_popup .tabs_related {
  position: absolute;
  margin: 4em 0 2em;
}
.capability_popup .tabs_related h4 {
  font-size: 1.2rem;
  color: #707070;
}
.capability_popup .tabs_related .tabs_tabs {
  margin-bottom: 0;
}
.capability_popup .tabs_related .tabs_tabs li a {
  border: 2px solid #FD9030;
  color: #FD9030;
}
.capability_popup .tabs_related .tabs_tabs li a:hover {
  background-color: #FD9030;
  color: #FFFFFF;
}

.pagination {
  position: relative;
}
.pagination ul {
  padding: 0 40px;
}
.pagination ul.hidden-xs {
  text-align: center;
}
.pagination ul li {
  display: inline-block;
}
.pagination ul li a {
  display: block;
  padding: 10px 20px;
  font-family: "Nunito";
  font-size: 16px;
  font-weight: 800;
  color: #000000;
}
.pagination ul li.active a {
  color: #FDB930;
}
.pagination .next,
.pagination .previous {
  padding: 0;
  position: absolute;
  top: 0;
}
.pagination .next li,
.pagination .previous li {
  margin: 0;
}
.pagination .next li a,
.pagination .previous li a {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
}
.pagination .next li a span,
.pagination .previous li a span {
  transform: rotate(0deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 50px;
  height: 50px;
  display: block;
  width: 32px;
  height: 35px;
  left: 0;
}
.pagination .next li a span::after, .pagination .next li a span::before,
.pagination .previous li a span::after,
.pagination .previous li a span::before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.pagination .next li a span::before,
.pagination .previous li a span::before {
  transform: rotate(45deg);
}
.pagination .next li a span::after,
.pagination .previous li a span::after {
  transform: rotate(-45deg);
}
.pagination .next li a span::before,
.pagination .previous li a span::before {
  top: -7px;
}
.pagination .next li a span::after,
.pagination .previous li a span::after {
  bottom: -7px;
}
.pagination .previous {
  left: 0;
}
.pagination .next {
  right: 0;
}
.pagination .previous li a span {
  transform: rotate(180deg);
}

/** BACKGROUND POSITIONING **/
.homepage-wrapper {
  padding-top: 30px;
}

.homepage-wrapper {
  padding-top: 300px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .homepage-wrapper {
    padding-top: 350px; /* position fix for ie */
  }
}
.background__graphic {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 220px;
  position: absolute;
  left: 0;
  z-index: 1;
  background: #282828;
}
.background__graphic .background__animation {
  position: absolute;
  z-index: 2;
  max-width: 1900px;
  width: 100%;
  height: 400px;
  top: -200px;
  right: 0;
  /* svg padding bottom hack for IE */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .background__graphic .background__animation #power__animation {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0;
    padding-bottom: 100%;
  }
  .background__graphic .background__animation #power__animation svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}
.background__graphic .background__animation svg {
  position: relative;
  z-index: 2;
}
.background__graphic .background__hills svg {
  height: 180px;
  position: absolute;
  top: -180px;
  left: -10px;
}
.background__graphic .background__polygon {
  position: absolute;
  top: 841px;
  left: 0;
  width: 100%;
  height: 3000px;
}

.online-form .field.add-contacts {
  float: left;
  width: 65%;
  clear: none !important;
}
@media (max-width: 680px) {
  .online-form .field.add-contacts {
    width: 100%;
  }
}
.online-form .button.toggle-fields {
  position: relative;
  float: right;
  display: inline-block;
  box-sizing: border-box;
  margin-top: 15px;
  padding-left: 30px;
  font-family: Nunito;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.31px;
  color: #000000;
  text-transform: uppercase;
  line-height: 20px;
}
.online-form .button.toggle-fields::before {
  content: "+";
  display: inline-block;
  background: #FDB930;
  border: 2px solid #000000;
  width: 26px;
  height: 26px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 700;
  font-size: 24px;
}
.online-form .button.toggle-fields::after {
  content: "Add contact";
  display: inline-block;
}
.online-form .button.toggle-fields.open::before {
  content: "-";
  padding: 0 6px;
}
.online-form .button.toggle-fields.open::after {
  content: "Remove contact";
}
.online-form .field-block.contact-fields {
  clear: both;
}

.site-notice {
  position: fixed;
  top: 0;
  z-index: 800;
  width: 100%;
  background: #FDB930;
  color: #000000;
}
.site-notice .inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 23px;
  padding-right: 50px;
  position: relative;
}
.site-notice .inner h1,
.site-notice .inner h2,
.site-notice .inner h3,
.site-notice .inner h4,
.site-notice .inner h5,
.site-notice .inner h6,
.site-notice .inner p {
  font-family: "Open Sans", sans-serif;
}
.site-notice .inner ul, .site-notice .inner ol {
  list-style-position: inside;
  margin: 12px 0px;
}
.site-notice .inner .close {
  position: absolute;
  right: 0;
  top: 17px;
  cursor: pointer;
  font-size: 32px;
  color: #000000;
  -webkit-tap-highlight-color: transparent;
}
@media all and (max-width: 1660px) {
  .site-notice .inner .close {
    right: 25px;
  }
}

.c-rr * {
  box-sizing: border-box;
}

.c-rr__report {
  background-color: #ececec;
  border-top-width: 35px;
  border-style: solid;
  border-color: #fd6930;
  border-image: linear-gradient(to right, #fb903e, #fd6930) 1 stretch;
  padding: 45px 0 70px;
}

.c-rr__request {
  background-color: #ffffff;
  border-top-width: 35px;
  border-style: solid;
  border-color: #fd6930;
  border-image: linear-gradient(to right, #fd6930, #fb903e) 1 stretch;
  padding: 45px 0 70px;
}

.c-rr__question-layer {
  width: 100%;
}
.c-rr__question-layer--hidden {
  display: none;
}

.c-rr__container {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (min-width: 900px) {
  .c-rr__container {
    padding: 0 40px;
  }
}

.c-rr__heading {
  font-family: "Nunito";
  font-size: 25px;
  font-weight: 800;
  line-height: 30px;
  margin-bottom: 10px;
  color: #313131;
}
@media only screen and (min-width: 900px) {
  .c-rr__heading {
    font-family: "Nunito";
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
  }
}

.c-rr__title {
  font-family: "Nunito";
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
  margin-bottom: 10px;
  color: #fd6930;
}
@media only screen and (min-width: 900px) {
  .c-rr__title {
    font-family: "Nunito";
    font-size: 25px;
    font-weight: 800;
    line-height: 30px;
  }
}

.c-rr__intro {
  font-family: "Nunito";
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 40px;
  color: #313131;
}
@media only screen and (min-width: 900px) {
  .c-rr__intro {
    font-family: "Nunito";
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
  }
}

.c-rr__question-card {
  background-color: white;
  padding: 20px;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (min-width: 900px) {
  .c-rr__question-card {
    padding: 30px;
  }
}

.c-rr__question-columns {
  margin: -10px;
  display: flex;
  flex-wrap: wrap;
  padding-right: 25px;
}

.c-rr__content-column {
  width: 100%;
  padding: 10px;
}
@media only screen and (min-width: 755px) {
  .c-rr__content-column {
    width: 60%;
  }
}

.c-rr__cta-column {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 755px) {
  .c-rr__cta-column {
    width: 40%;
  }
}

.c-rr__column-image {
  width: 100%;
  height: auto;
  margin-top: 40px;
}

.c-rr__back-button {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

.c-rr__question-grid {
  margin: -18px;
  display: flex;
  flex-wrap: wrap;
}
.c-rr__question-grid--top-margin {
  margin-top: 50px;
}

.c-rr__question-grid-item {
  width: 100%;
  padding: 18px;
}
@media only screen and (min-width: 755px) {
  .c-rr__question-grid-item {
    width: 50%;
  }
}

.c-rr__question-button {
  width: 100%;
  color: #fd9031;
  background-color: white;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  padding: 10px;
}
@media only screen and (min-width: 900px) {
  .c-rr__question-button {
    padding: 20px;
  }
}
.c-rr__question-button--direct svg {
  height: 25px;
  width: 25px;
  margin-left: 25px;
}

.c-rr__question-button-text {
  font-family: "Nunito";
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
  color: #fd9031;
}
@media only screen and (min-width: 900px) {
  .c-rr__question-button-text {
    font-family: "Nunito";
    font-size: 25px;
    font-weight: 800;
    line-height: 25px;
  }
}

.c-rr__question-icon {
  height: 25px;
  width: 25px;
  margin-right: 10px;
}

.c-rr__question-tip {
  color: #313131;
  font-family: "Lato";
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
  margin-top: 12px;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .c-rr__question-tip {
    font-family: "Lato";
    font-size: 18px;
    font-weight: 400;
    line-height: 19px;
  }
}
.c-rr__question-tip ul, .c-rr__question-tip ol {
  text-align: left;
}

.c-rr__content ul {
  padding-left: 20px;
}

.userform-fields .userformsoptionset legend {
  margin-bottom: 15px;
}
.userform-fields .userformsoptionset .middleColumn {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 15px;
}
.userform-fields .userformsoptionset .middleColumn div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
}
.userform-fields .userformsoptionset input.radio {
  height: 15px;
  width: fit-content;
  display: flex;
  justify-content: start;
  align-items: start;
}
.userform-fields .userformsoptionset label {
  width: 50%;
}

.c-page-accordion__button {
  position: relative;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.7em;
  margin-bottom: 8px;
  border: none;
  border-bottom: 2px solid #000000;
  background-color: transparent;
}
.c-page-accordion__button--open {
  background-color: #ececec;
}

.c-page-accordion__title {
  font-family: "Nunito";
  font-size: 18px;
  font-weight: 800;
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 80%;
}

.c-page-accordion__chevron {
  position: relative;
  /* calculate size and positions */
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  left: inherit;
  right: 0.5em;
  transition: transform 0.5s;
}
.c-page-accordion__chevron::after, .c-page-accordion__chevron::before {
  content: "";
  display: block;
  width: 12px;
  height: 3px;
  background-color: #000000;
  position: absolute;
  border-radius: 3px 0 0 3px;
}
.c-page-accordion__chevron::before {
  transform: rotate(45deg);
  top: 5px;
  left: 4px;
}
.c-page-accordion__chevron::after {
  transform: rotate(-45deg);
  left: 4px;
  bottom: 5px;
}
@media (min-width: 680px) {
  .c-page-accordion__chevron {
    right: 1em;
  }
}
.c-page-accordion__chevron--open {
  transform: rotate(-90deg);
}

.c-page-accordion__panel {
  padding: 0.5em 1em 3em 0.7em;
  display: none;
}
.c-page-accordion__panel--open {
  display: block;
}

/**
 * Page-specific
 *
 * These should match the class of said page (ie HomePage = homepage, Contact = contact)
 **/
/*
	HOME PAGE
 */
.c-homepage__wrapper {
  position: relative;
  overflow: hidden;
}
.c-homepage__wrapper main {
  position: relative;
  z-index: 2;
  /* margin-top: 290px; */
}
.c-homepage__wrapper .inner {
  max-width: 1650px;
  width: 85%;
  margin: 0 0 0 3%;
}
@media (max-width: 1024px) {
  .c-homepage__wrapper .inner {
    margin: 0 auto;
    width: 94%;
  }
}

/* =============== HOME SLIDER ==== */
.banner__slider {
  width: 100%;
  max-height: 550px;
  overflow: hidden;
  position: relative;
}
.banner__slider .slides li {
  width: 100%;
  float: left;
  margin-right: -100%;
  position: relative;
  opacity: 0;
  display: block;
  z-index: 1;
}
.banner__slider .slides li img {
  display: block;
  width: 100%;
}

#site-intro {
  position: absolute;
  bottom: 60px;
  z-index: 10;
  width: 100%;
}

#site-intro h2 {
  max-width: 75%;
}

/* =============== HOME GRID ==== */
.c-homepage__grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
@media (max-width: 900px) {
  .c-homepage__grid {
    grid-template-columns: 1fr;
  }
}

.c-homepage__grid--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #313131;
}

.c-homepage__grid--right {
  z-index: 10;
}

.c-homepage__cell-resources {
  font-family: "Nunito";
  background-color: #ECECEC;
  grid-column: 2;
  grid-row: 1/span 2;
  height: 100%;
}

.c-homepage__cell-resources-title-wrapper {
  display: flex;
}

.c-homepage__cell-resources-title {
  padding: 10px;
  color: black;
  background-color: #ecb93e;
  text-transform: uppercase;
  margin-right: auto;
}

.c-homepage__cell-resources-wrapper {
  padding: 30px 30px 60px 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.c-homepage__resource:not(.c-homepage__resource--first) {
  margin: 0 30px;
  border-bottom: 1px solid #8F8F8F;
}
.c-homepage__resource--first {
  background-color: white;
}

.c-homepage__resource-image {
  width: 100%;
  height: 220px;
  position: relative;
}

.c-homepage__resource-picture {
  position: absolute;
  width: 100%;
  height: 100%;
}

.c-homepage__resource-picture-image {
  display: block;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-homepage__resource-content {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.c-homepage__resource-content--first {
  padding: 30px;
}

.c-homepage__resource-title-link, .c-homepage__resource-title-link:hover {
  color: black;
  text-decoration: none;
}

.c-homepage__resource-excerpt {
  margin: 0;
}

.c-homepage__resource-readmore {
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  border-bottom: 2px solid black;
  font-size: 0.8em;
}
.c-homepage__resource-readmore, .c-homepage__resource-readmore:hover {
  text-decoration: none;
}

.c-homepage__resource-readall-wrapper {
  margin: 0 30px;
}

.c-homepage__cell-links {
  font-family: "Nunito";
  grid-column: 1;
  display: grid;
  grid-template-columns: 50% 50%;
}
@media (max-width: 600px) {
  .c-homepage__cell-links {
    grid-template-columns: 1fr;
  }
}

.c-homepage__cell-links--black {
  background-color: #000000 !important;
}

.c-homepage__cell-links--dark_blue {
  background-color: #10193F !important;
}

.c-homepage__cell-links--white {
  background-color: #FFFFFF !important;
}

.c-homepage__cell-links--yellow {
  background-color: #FDB930 !important;
}

.c-homepage__cell-links--orange {
  background-color: #FD9030 !important;
}

.c-homepage__cell-links--off_white {
  background-color: #ECECEC !important;
}

.c-homepage__cell-links--light_grey {
  background-color: #BFBFBF !important;
}

.c-homepage__cell-links--medium_grey {
  background-color: #8F8F8F !important;
}

.c-homepage__cell-links--grey {
  background-color: #707070 !important;
}

.c-homepage__cell-links--dark_grey {
  background-color: #313131 !important;
}

.c-homepage__cell-links--charcoal {
  background-color: #282828 !important;
}

.c-homepage__cell-links--light_yellow {
  background-color: rgba(253, 185, 48, 0.2) !important;
}

.c-homepage__cell-links--light_orange {
  background-color: rgba(253, 144, 48, 0.2) !important;
}

.c-homepage__cell-links--dark_orange {
  background-color: #FD6830 !important;
}

.c-homepage__cell-links--burnt_orange {
  background-color: #c93f0b !important;
}

.c-homepage__cell-links--red {
  background-color: red !important;
}

.c-homepage__cell-links--stay_orange {
  background-color: #FC9232 !important;
}

.c-homepage__cell-links--stay_blue {
  background-color: #6AB0C6 !important;
}

.c-homepage__cell-links--sp-green {
  background-color: #087C37 !important;
  color: white !important;
}
.c-homepage__cell-links--sp-green a {
  color: white !important;
}
.c-homepage__cell-links--sp-green svg {
  fill: white !important;
}

.c-homepage__cell-links--sp-gold {
  background-color: #FDB930 !important;
  color: white !important;
}
.c-homepage__cell-links--sp-gold a {
  color: white !important;
}
.c-homepage__cell-links--sp-gold svg {
  fill: white !important;
}

.c-homepage__cell-links--sp-purple {
  background-color: #9D489B !important;
  color: white !important;
}
.c-homepage__cell-links--sp-purple a {
  color: white !important;
}
.c-homepage__cell-links--sp-purple svg {
  fill: white !important;
}

.c-homepage__cell-links--sp-dark-purple {
  background-color: #7A4278 !important;
}

.c-homepage__cell-links--sp-blue {
  background-color: #2393FF !important;
  color: white !important;
}
.c-homepage__cell-links--sp-blue a {
  color: white !important;
}
.c-homepage__cell-links--sp-blue svg {
  fill: white !important;
}

.c-homepage__cell-links--sp-light_grey {
  background-color: #ECECEC !important;
}

.c-homepage__cell-links--sp-medium_grey {
  background-color: #707070 !important;
}

.c-homepage__cell-links--we-black {
  background-color: #000000 !important;
  color: white !important;
}
.c-homepage__cell-links--we-black a {
  color: white !important;
}
.c-homepage__cell-links--we-black svg {
  fill: white !important;
}

.c-homepage__cell-links--we-white {
  background-color: #FFFFFF !important;
  color: black !important;
}
.c-homepage__cell-links--we-white a {
  color: black !important;
}
.c-homepage__cell-links--we-white svg {
  fill: black !important;
}

.c-homepage__cell-links--we-yellow {
  background-color: #FDB930 !important;
  color: black !important;
}
.c-homepage__cell-links--we-yellow a {
  color: black !important;
}
.c-homepage__cell-links--we-yellow svg {
  fill: black !important;
}

.c-homepage__cell-links--we-orange {
  background-color: #FD9030 !important;
  color: black !important;
}
.c-homepage__cell-links--we-orange a {
  color: black !important;
}
.c-homepage__cell-links--we-orange svg {
  fill: black !important;
}

.c-homepage__links-image-wrapper--padding-v {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 600px) {
  .c-homepage__links-image-wrapper--padding-v .c-homepage__cell-links {
    padding-bottom: 0;
  }
}

.c-homepage__links-image-wrapper--padding-h {
  padding-left: 30px;
  padding-right: 30px;
}

.c-homepage__links-content-wrapper {
  padding: 30px;
}

.e-homepage-links__picture,
.e-homepage-links__picture-image {
  height: 100%;
}

.c-homepage__links-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.c-homepage__links-title,
.c-homepage__links-description {
  margin: 0;
}

.c-homepage__link-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c-homepage__link-wrapper a {
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  margin-bottom: 10px;
}
.c-homepage__link-wrapper a:hover {
  text-decoration: none;
}
.c-homepage__link-wrapper a::after {
  content: "›";
  font-family: "Lato", sans-serif;
  margin-left: 10px;
  font-size: 30px;
  margin-top: -5px;
}
.c-homepage__link-wrapper svg {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}
.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.c-homepage__cell-videos {
  font-family: "Nunito";
  grid-column: 1;
  padding: 15px;
  color: white;
}

.c-homepage__videos-title {
  padding: 15px;
  margin-bottom: 0;
}

.c-homepage__videos-carousel-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
@media (min-width: 1920px) {
  .c-homepage__videos-carousel-wrapper {
    grid-template-columns: 3fr 1fr;
  }
}

.c-homepage__videos-carousel-current {
  padding: 15px;
}

.c-homepage__videos-carousel-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.c-homepage__videos-carousel-embed-container iframe, .c-homepage__videos-carousel-embed-container object, .c-homepage__videos-carousel-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-homepage__videos-thumbnail-carousel {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
  padding: 0 15px;
  column-gap: 30px;
}
@media (min-width: 1920px) {
  .c-homepage__videos-thumbnail-carousel {
    grid-template-rows: repeat(4, 1fr);
  }
}

.c-homepage__videos-thumb-img {
  object-fit: cover;
}

.c-homepage__videos-thumb {
  position: relative;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 10px;
  align-items: center;
  opacity: 0.75;
  margin: 15px 0;
  cursor: pointer;
}
.c-homepage__videos-thumb:hover {
  opacity: 1;
}
.c-homepage__videos-thumb--active {
  opacity: 0.95;
}
.c-homepage__videos-thumb--active::before {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0px 0px 0px 3px #FDB930;
  pointer-events: none; /* Ensures the pseudo-element doesn't interfere with interactions */
}

.c-homepage__videos-carousel-controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  border-top: 2px solid white;
  padding-top: 30px;
  margin: 15px 15px 0 15px;
}

.c-homepage__videos-carousel-control {
  background: none;
  border: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  font-size: 1em;
  color: white;
}
.c-homepage__videos-carousel-control--disabled {
  opacity: 0.25;
}

@media (max-width: 1366px) {
  .c-homepage__videos-carousel-wrapper {
    grid-template-columns: 1fr;
  }
  .c-homepage__videos-carousel-current--video {
    grid-row: 1;
  }
  .c-homepage__videos-thumbnail-carousel {
    grid-row: 3;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .c-homepage__videos-carousel-current--text {
    grid-row: 2;
  }
  .c-homepage__videos-carousel-controls {
    grid-row: 4;
  }
}
@media (max-width: 900px) {
  .c-homepage__videos-thumbnail-carousel {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .c-homepage__videos-thumbnail-carousel {
    grid-template-columns: 1fr;
  }
}
.c-homepage__animation {
  position: relative;
}
.c-homepage__animation--desktop {
  display: block;
  margin-top: auto;
  aspect-ratio: 31/12;
}
.c-homepage__animation--desktop .background__graphic .background__animation {
  top: -120px;
}
@media (max-width: 900px) {
  .c-homepage__animation--desktop {
    display: none;
  }
}

.c-homepage__wrapper .resource__type--Placeholder {
  background: #FDB930;
  -webkit-box-shadow: inset 1px 1px #313131, inset -1px -1px #313131;
  box-shadow: inset 1px 1px #313131, inset -1px -1px #313131;
}

/* =============== HOME PROMOS ==== */
/* =============== POPULAR CONTENT ==== */
.FibrePage {
  /* Adjust the column layout because the form with a captcha has a fixed min-width */
}
.FibrePage .page__content__wrapper {
  width: 65%;
}
@media (max-width: 1540px) {
  .FibrePage .page__content__wrapper {
    width: 60%;
  }
}
@media (max-width: 1350px) {
  .FibrePage .page__content__wrapper {
    width: 100%;
  }
}
.FibrePage .sidebar__right {
  min-width: 345px;
}
@media (max-width: 900px) {
  .FibrePage .sidebar__right {
    width: 100%;
    min-width: auto;
  }
  .FibrePage .sidebar__right .g-recaptcha {
    transform: scale(0.77);
    transform-origin: 0 0;
  }
}
.FibrePage .contact-form-wrapper {
  background: #282828;
  padding: 25px 20px;
}
.FibrePage .contact-form-wrapper h2 {
  color: #FDB930;
}
.FibrePage .contact-form-wrapper p {
  color: #FFFFFF;
}
.FibrePage .contact-form-wrapper label {
  font-size: 14px;
  color: #FFFFFF;
  display: block;
  width: 100%;
  text-align: left;
  float: none;
}
.FibrePage .contact-form-wrapper input,
.FibrePage .contact-form-wrapper textarea {
  width: 100%;
  box-sizing: border-box;
  background: #BFBFBF;
  border: 0;
}
.FibrePage .contact-form-wrapper .field {
  margin-top: 0;
}
.FibrePage .contact-form-wrapper .field.uploadfield .description,
.FibrePage .contact-form-wrapper .field.file .description {
  color: #FFFFFF;
}
.FibrePage .contact-form-wrapper .message.validation {
  color: red;
}
.FibrePage .contact-form-wrapper button {
  cursor: pointer;
}

/* --- FLAGS (small inline boxes) --- */
.flag {
  display: inline-block;
  padding: 0.45em 0.8em;
  text-transform: uppercase;
  font-size: 11px;
  margin-right: 0.75em;
}
.flag .fa {
  color: inherit;
}
.flag.black {
  color: #FFFFFF;
  background: #000000;
}
.flag.grey {
  color: #777777;
  background: #dddddd;
}
.flag.green {
  color: #FFFFFF;
  background: #1d9647;
}

/* =============== PAGE BANNER ==== */
body.Outages .banner__extra-content {
  margin-top: 1em;
  color: #FFFFFF;
}
body.Outages .banner__extra-content a {
  color: #FDB930;
}

body.Outages .banner__button {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #000000;
  background-color: #FD6830;
  padding: 8px 16px;
  margin-top: 12px;
}

body.Outages .banner__image {
  display: none;
}
@media (min-width: 680px) {
  body.Outages .banner__image {
    display: block;
  }
}

/* =============== OUTAGES PAGE ==== */
section.main.Outages {
  padding-bottom: 0;
}

.outage-page {
  padding-bottom: 40px;
}

#outages-map {
  min-height: 600px;
  z-index: 1;
}

.outages-list {
  z-index: 2;
  position: relative;
}

.outages-list > .inner {
  position: relative;
}

.outages-list .outages-panel {
  width: 100%;
  z-index: 2;
  background: #ffffff;
  padding: 10px;
  overflow-y: auto;
  box-sizing: border-box;
}
@media (min-width: 680px) {
  .outages-list .outages-panel {
    position: absolute;
    left: 20px;
    width: 350px;
    max-height: 600px;
  }
}

.outages-list .outages-panel .no-outages {
  padding: 50px 60px;
  text-align: center;
  color: #333;
}

.outages-list .outages-panel .no-outages h3 {
  padding-top: 20px;
  margin-bottom: 20px;
}

.outages-list .outages-panel .no-outages h3 a {
  background: #fdb931;
  padding: 7px 10px;
  display: inline-block;
  color: #000;
  margin-top: 20px;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.outages-list .outages-panel .no-outages h3 a:hover {
  background: #000;
  color: #fff;
}

.outages-list .outages-panel .outage-filter .no-results {
  padding: 30px 0px 20px;
  text-align: center;
  color: #333;
}

.outages-list .outages-panel .outage-item {
  background: #fdb930;
  padding: 10px;
  margin: 5px;
  display: block;
  text-decoration: none;
  color: inherit;
}

.outages-list .outages-panel .outage-item:hover {
  background: #f0a612;
}

.outages-list .outages-panel .outage-item.highlighted {
  border-left: 5px solid #000000;
}

.outages-list .outages-panel .outage-item .details {
  padding: 8px 0;
}

.outages-panel .outage-filter {
  padding: 5px;
}

.outages-panel .outage-filter input {
  padding-left: 4%;
  padding-right: 4%;
  width: 92%;
}

/* --- OUTAGE DETAIL PAGE --- */
.outage__page {
  background: none;
}
.outage__page .page__content {
  margin-top: 40px;
  width: auto;
}
@media (min-width: 1024px) {
  .outage__page .page__content {
    width: 68%;
  }
}
.outage__page h2 {
  padding-bottom: 10px;
}
.outage__page .outage-detail {
  padding-bottom: 20px;
}
.outage__page .update__item {
  border-bottom: 1px solid #282828;
  padding: 15px 0;
}
.outage__page .update__item .detail__wrapper {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.outage__page .update__item span {
  padding-right: 2em;
  width: 250px;
  display: inline-block;
}
.outage__page .update__item span i {
  padding-right: 1em;
}
.outage__page .update__item .update__comments {
  padding: 10px 0;
  margin-bottom: 1em;
}
.outage__page .update__item--latest {
  border: 0;
  background: #282828;
  color: #FFFFFF;
  padding: 30px;
  margin-bottom: 20px;
}
.outage__page .update__item--latest h3 {
  color: #FFFFFF;
}
.outage__page .update__item--latest .update__comments {
  font-size: 1.1em;
}
.outage__page .update__item--latest .update__details {
  margin: 8px -30px -30px -30px;
  padding: 12px 30px;
  background: #313131;
}
.outage__page .update__item--latest .update__details .detail-wrappers {
  border-bottom: 1px solid #282828;
}
.outage__page .update__item--latest .update__details .detail-wrappers:last-child {
  border-bottom: 0;
}
.outage__page .update__item--latest .update__details span {
  color: #FDB930;
}
.outage__page .affected-areas {
  padding-top: 20px;
}
.outage__page .affected-areas h3 {
  margin-bottom: 15px;
}

.featured-images-panel {
  display: none;
}
@media (min-width: 1200px) {
  .featured-images-panel {
    position: absolute;
    display: block;
    right: 4%;
    width: 350px;
    max-height: 600px;
    z-index: 2;
    background: #ffffff;
    padding: 15px;
    overflow-y: auto;
    box-sizing: border-box;
  }
}
.featured-images-panel .inner {
  width: 100%;
}
.featured-images-panel .featured-images {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: space-between;
}

.featured-images-panel-lower {
  position: relative;
  width: 100%;
  display: block;
  z-index: 2;
  background: #ffffff;
  padding: 10px;
  overflow-y: auto;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .featured-images-panel-lower {
    display: none;
  }
}
.featured-images-panel-lower .inner {
  width: 85%;
  padding: 25px 0px;
}
.featured-images-panel-lower .featured-images {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: space-between;
}
@media (min-width: 568px) {
  .featured-images-panel-lower .featured-images {
    flex-direction: row;
    gap: 25px;
  }
}

.outage__sidebar-right {
  width: 80%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-top: 80px;
}
.outage__sidebar-right .featured-image-item {
  display: block;
  width: 100%;
}
@media (min-width: 568px) {
  .outage__sidebar-right {
    flex-direction: row;
  }
  .outage__sidebar-right .featured-image-item {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .outage__sidebar-right {
    width: 23%;
    float: right;
    margin-right: 3%;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top: 0;
  }
  .outage__sidebar-right .featured-image-item {
    width: 100%;
  }
}

.c-outage-page__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 30px;
  background: #FFFFFF;
  width: 100%;
  padding: 40px 40px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .c-outage-page__inner {
    flex-direction: column;
  }
}
@media (max-width: 900px) {
  .c-outage-page__inner {
    padding: 20px 20px;
  }
}

.c-outage-page__content {
  width: 70%;
}
@media (max-width: 1024px) {
  .c-outage-page__content {
    width: 100%;
  }
}

.c-outage-page__breadcrumbs {
  color: #000000;
  font-family: Nunito;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 30px;
}

.c-outage-page__breadcrumb-link {
  color: #000000;
  font-family: Nunito;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.c-outage-page__header-inner {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
  margin-bottom: 30px;
}

.c-outage-page__icon {
  width: 36px;
  height: 60px;
}

.c-outage-page__title {
  color: #000000;
  font-family: Nunito;
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 16px;
}
@media (max-width: 900px) {
  .c-outage-page__title {
    font-size: 20px;
  }
}

.c-outage-page__subtitles {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  flex-wrap: wrap;
}

.c-outage-page__outage-subtitle {
  color: #000000;
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.c-outage-page__outage-subtitle--strike {
  text-decoration: line-through;
}

.c-outage-page__outage-status {
  color: #000000;
  font-family: Nunito;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  background: #FDB930;
  padding: 0 8px;
}
.c-outage-page__outage-status--cancelled {
  background: #10193F;
  color: #FFFFFF;
}
.c-outage-page__outage-status--alternative {
  background: #5cc4ff;
  color: #10193f;
}
.c-outage-page__outage-status--restored {
  background: #04b776;
  color: #000000;
}
.c-outage-page__outage-status--strike {
  text-decoration: line-through;
}

.c-outage-page__description {
  color: #000000;
  font-family: Nunito;
  margin-left: 50px;
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .c-outage-page__description {
    margin-left: 0;
  }
}

.c-outage-page__subtitle {
  margin-left: 50px;
}
@media (max-width: 900px) {
  .c-outage-page__subtitle {
    margin-left: 0;
  }
}

.c-outage-page__latest-update-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 18px;
}
@media (max-width: 900px) {
  .c-outage-page__latest-update-wrapper {
    flex-direction: column;
  }
}

.c-outage-page__latest-update-container {
  flex: 1 1 auto;
  background: #313131;
  padding: 32px;
  color: #FFFFFF;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  gap: 0 30px;
}

.c-outage-page__latest-update-detail {
  width: 100%;
  max-width: 350px;
  padding: 32px;
  background: #ECECEC;
  box-sizing: border-box;
}
@media (max-width: 900px) {
  .c-outage-page__latest-update-detail {
    max-width: 100%;
  }
}

.c-outage-page__latest-update-heading {
  color: #000000;
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 10px;
  word-wrap: break-word;
}

.c-outage-page__latest-update-text {
  color: #000000;
  font-family: Nunito;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
  line-height: normal;
}

.c-outage-page__latest-details {
  color: #FFFFFF;
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
}
.c-outage-page__latest-details svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.c-outage-page__latest-details svg path {
  fill: #FFFFFF !important;
}
.c-outage-page__latest-details svg rect,
.c-outage-page__latest-details svg line {
  stroke: #FFFFFF !important;
}
.c-outage-page__latest-details--strike {
  text-decoration: line-through;
}

.c-outage-page__latest-details-bold {
  color: #FFFFFF;
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  align-content: center;
}
.c-outage-page__latest-details-bold--strike {
  text-decoration: line-through;
}

.c-outage-page__streets-affected-container {
  margin: 0 0 60px 50px;
}
@media (max-width: 900px) {
  .c-outage-page__streets-affected-container {
    margin: 0 0 40px 20px;
  }
}

.c-outage-page__related-outages-container {
  margin: 0 0 60px 50px;
}
@media (max-width: 900px) {
  .c-outage-page__related-outages-container {
    margin-left: 0;
  }
}

.c-outage-page__related-outage {
  background-color: rgba(253, 185, 48, 0.2);
  border: 1px solid #BFBFBF;
  margin-bottom: 10px;
  padding: 25px 75px;
  position: relative;
}
@media (max-width: 900px) {
  .c-outage-page__related-outage {
    padding: 25px 35px;
  }
}

.c-outage-page__related-outage-number {
  position: absolute;
  top: 10px;
  right: 32px;
  color: #000000;
  text-align: right;
  font-family: Nunito;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.c-outage-page__related-outage-graphic {
  width: 62px;
  height: 62px;
  background: #FDB930;
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.c-outage-page__related-outage-title-holder {
  display: flex;
  flex-direction: row;
  gap: 18px;
  margin-bottom: 16px;
}

.c-outage-page__related-outage-icon {
  width: 28px;
  height: 46px;
}

.c-outage-page__related-outage-title-wrapper {
  display: flex;
  flex-direction: column;
}

.c-outage-page__related-outage-title {
  color: #000000;
  font-family: Nunito;
  font-size: 21px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.c-outage-page__related-outage-type {
  color: #000000;
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.c-outage-page__related-outage-details {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-bottom: 18px;
}
@media (max-width: 900px) {
  .c-outage-page__related-outage-details {
    flex-direction: column;
    gap: 0 32px;
  }
}

.c-outage-page__related-outage-details-item {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.c-outage-page__related-outage-details-text {
  color: #000000;
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  margin-bottom: 4px;
}

.c-outage-page__related-outage-details-text-bold {
  color: #000000;
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin: 0;
  margin-bottom: 4px;
}

.c-outage-page__related-outage-link {
  color: #000000;
  font-family: Nunito;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-decoration-line: underline;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.c-outage-page__footer {
  width: 30%;
  max-width: 450px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .c-outage-page__footer {
    width: 100%;
  }
}

.c-outage-page__footer-report {
  height: auto;
  background: #FD6830;
  padding: 25px 0px;
}

.c-outage-page__footer-report-inner {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  margin: 10% auto;
}

.c-outage-page__footer-icon {
  width: 25%;
  height: auto;
}

.c-outage-page__footer-report-title {
  color: var(--black, #000);
  text-align: center;
  font-family: Nunito;
  font-size: 43px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}

.c-outage-page__footer-report-button {
  background: #FFFFFF;
  border: 2px solid #000000;
  color: var(--black, #000);
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  width: fit-content;
  cursor: pointer;
}

.c-outage-page__footer-panels {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 30px;
  align-items: center;
  justify-content: start;
  padding: 25px 0px;
}

.featured-image-link {
  background-color: #313131;
  color: #FDB930;
  padding: 20px 40px;
  display: block;
  text-decoration: none;
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}
.featured-image-link:hover {
  text-decoration: none;
}

.featured-image-item {
  display: block;
  width: 100%;
}

.c-outage-page__accordion {
  margin-left: 50px;
  margin-bottom: 60px;
}
@media (max-width: 900px) {
  .c-outage-page__accordion {
    margin-left: 0;
  }
}

.c-outage-page__accordion-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: #000000;
  font-family: Nunito;
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
}

.c-outage-page__accordion-arrow {
  transform: rotate(90deg);
}
.c-outage-page__accordion-arrow--open {
  transform: rotate(270deg);
}

.c-outage-page__accordion-content {
  display: none;
}
.c-outage-page__accordion-content .c-outage-page__latest-update-wrapper {
  border-bottom: 1px solid #777777;
}
.c-outage-page__accordion-content .c-outage-page__latest-update-container {
  color: #282828;
  background: none;
  padding: 32px 20px;
}
@media (max-width: 755px) {
  .c-outage-page__accordion-content .c-outage-page__latest-update-container {
    padding: 32px 10px;
  }
}
.c-outage-page__accordion-content .c-outage-page__latest-details {
  color: #282828;
}
.c-outage-page__accordion-content .c-outage-page__latest-details svg path {
  fill: #282828 !important;
}
.c-outage-page__accordion-content .c-outage-page__latest-details svg rect,
.c-outage-page__accordion-content .c-outage-page__latest-details svg line {
  stroke: #282828 !important;
}
.c-outage-page__accordion-content .c-outage-page__latest-details-bold {
  color: #282828;
}

/* =============== CONTACT PAGE ==== */
.ContactPage .e-elemental-area .element:not(.accordionsectionheaderelement) {
  margin-left: 40px;
}

form.userform .message.validation {
  color: red !important;
  font-weight: bold;
}

.form-element__form #uff {
  border: 3px solid #04b776;
  background-color: rgba(4, 183, 118, 0.1);
  padding: 8px 12px;
}
.form-element__form #uff p {
  margin-top: 0;
}
.form-element__form #uff p:last-child {
  margin-bottom: 0;
}

.our-offices {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  background: #000;
  padding: 20px;
  margin-top: 40px;
}
.our-offices h2,
.our-offices p {
  color: #fff !important;
}
.our-offices h2 {
  margin-bottom: 7px;
}
.our-offices p {
  background: url("/_resources/app/client/assets/images/divider.gif") repeat-x 0 16px;
  width: 100%;
}
.our-offices p a {
  color: #FDB930;
}
.our-offices span {
  background: #000;
  display: inline-block;
}
.our-offices span.label {
  float: left;
  padding-right: 20px;
}
.our-offices span.data {
  float: right;
  padding-left: 20px;
}
.our-offices p a:hover {
  color: #fff;
}

/* =============== RETAILERS PAGE ==== */
.retailers {
  list-style: none;
  padding: 0 !important;
  margin: 30px 0 0 0 !important;
  width: 100%;
}
.retailers li {
  border-top: 1px solid #BFBFBF;
  padding: 25px 0 20px !important;
  width: 48.5%;
  margin-right: 3%;
  float: left;
}
.retailers li:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 680px) {
  .retailers li {
    width: 100%;
    margin-right: 0;
  }
}
.retailers .logo {
  max-width: 100px;
  width: 34.5%;
  height: 100px;
  float: left;
  margin-right: 8.5%;
  overflow: hidden;
}
.retailers .retailer-details {
  float: left;
  width: 57%;
}
.retailers .retailer-details p {
  margin: 0 0 5px;
}
.retailers .retailer-details a {
  color: #c93f0b;
  word-wrap: break-word;
}

/* =============== GRID PAGE PANELS ==== */
.grid-panels {
  margin: 20px -10px 0 -10px;
  width: 100%;
}
.grid-panels .loader {
  margin-top: 200px;
  margin-bottom: 200px;
}
.grid-panels .panel {
  width: 20%;
  height: 200px;
  float: left;
  display: block;
  margin-bottom: 20px;
}
.grid-panels .panel.tall {
  width: 20%;
  height: 420px;
}
.grid-panels .panel.wide {
  width: 40%;
  height: 200px;
}
.grid-panels .panel > .panel__link {
  display: block;
  height: 100%;
  margin: 10px 10px 0 10px;
  position: relative;
  cursor: pointer;
  position: relative;
}
.grid-panels .panel .panel__picture {
  position: absolute;
  width: 100%;
  height: 100%;
}
.grid-panels .panel .panel__picture-image {
  display: block;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-panels .panel .title {
  display: block;
  padding: 10px 15px;
  background: #fdb930;
  font-family: "Lato";
  color: #000000 !important;
  font-size: 1.4em;
}
.grid-panels .panel:hover .title {
  background-color: #eda81c;
  padding-bottom: 15px;
}

@media (max-width: 1200px) {
  .grid-panels .panel.tall,
  .grid-panels .panel.wide {
    width: 33.33%;
    height: 300px;
  }
}
@media (max-width: 1024px) {
  .grid-panels .panel.tall,
  .grid-panels .panel.wide {
    width: 50%;
  }
}
/* 
	Only show background images when on devices bigger than 756px
	IE not phones
*/
@media (min-width: 756px) {
  .grid-panels .panel > .liner {
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
  }
  .grid-panels .panel .title {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
}
@media (max-width: 755px) {
  .grid-panels .panel > .liner {
    background-image: inherit !important;
  }
  .grid-panels .panel.tall,
  .grid-panels .panel.wide {
    width: 100%;
    height: auto;
  }
}
.Security .page__body .inner {
  max-width: 600px;
  padding: 80px 0 30px;
}
.Security .page__body .inner h3 {
  margin-bottom: 40px;
}
.Security .page__body .inner form {
  margin: 0 auto;
}
.Security .page__body .inner form .message {
  padding-bottom: 30px;
}
.Security .page__body .inner form .field.checkbox input {
  width: 30px;
  float: left;
  margin-top: 4px;
}
.Security .page__body .inner form .btn-toolbar {
  padding-top: 30px;
}
.Security .page__body .inner form .btn-toolbar #ForgotPassword {
  display: inline-block;
}
.Security .page__body .inner form .btn-toolbar #ForgotPassword a {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  padding: 10px 14px;
  color: #AAAAAA;
  background: #EEEEEE;
  font-weight: bold;
  cursor: pointer;
}
.Security .page__body .inner form .btn-toolbar #ForgotPassword a:hover {
  background: #DDDDDD;
}

/* =============== PEOPLE ==== */
.people .person {
  margin-bottom: 40px;
}

.people .person .image {
  float: left;
  width: 150px;
  border-bottom: 5px solid #fdb930;
}

.people .person .details {
  padding-left: 170px;
}

.people .person .details h2 {
  padding-top: 0;
  margin-bottom: 5px;
}

.people .person .details__position {
  font-size: 18px;
}

.bodycontents {
  padding-bottom: 30px;
}
@media all and (max-width: 900px) {
  .bodycontents {
    padding: 1em;
    padding-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
  }
}

.linebreak {
  height: 1px;
  border: none;
  width: 100%;
  margin: 1em auto;
  padding: 0;
  background-color: #BFBFBF;
}

.box-info {
  background: #F7F7F7;
  padding: 20px;
}

ul.optionset-grid {
  flex-wrap: wrap;
  margin: -10px;
}

.field.button-selector-field ul.optionset-grid li {
  padding: 10px;
  box-sizing: border-box;
  margin: 0;
}
@media all and (max-width: 568px) {
  .field.button-selector-field ul.optionset-grid li {
    width: 100%;
  }
}

.field.button-selector-field ul.optionset-grid li label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.online-form__body a {
  color: #FD9030;
}

.online-form__body--confirm .field--confirmation label {
  font-weight: 600;
}
.online-form__body--confirm .online-form__body__actions {
  text-align: center;
}
.online-form__body--confirm .online-form__body__actions .submit.readmore__linkBox {
  background-color: #FDB930;
}
.online-form__body--confirm .online-form__body__actions .submit.readmore__linkBox:after {
  border-color: #FDB930;
}
.online-form__body--confirm .online-form__body__actions .submit.readmore__linkBox:hover::after {
  border-color: #FFFFFF;
  width: 100%;
}

.online-form {
  background-image: none;
  overflow: hidden !important;
  background-color: #313131;
  /* ========================= ICONS AND BUTTONS === */
  /** fields **/
  /*
  	===============================================  HELP POPUP
  */
  /*
  ==================================================== CONFIRMATION FORM 
  */
  /**
   * Field-specific rules
   **/
  /*
  ==================================================== MOBILE OVERRIDES
  */
}
.online-form ul {
  padding-left: 20px;
}
.online-form .tooltip {
  position: relative;
  margin: 0.4rem 0;
}
.online-form .tooltip span {
  height: 19px;
  width: 19px;
  margin-left: 1em;
  display: inline-block;
  cursor: pointer;
  vertical-align: bottom;
  background: url("/_resources/app/client/assets/images/tooltip.svg") no-repeat;
}
.online-form .tooltip__wrapper {
  display: none;
  z-index: 99;
  position: absolute;
  right: 0;
  width: 250px;
  padding: 2em;
  background: #FFFFFF;
  border: 2px solid #000000;
  -webkit-box-shadow: 10px 9px 5px 0px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: 10px 9px 5px 0px rgba(0, 0, 0, 0.53);
  box-shadow: 10px 9px 5px 0px rgba(0, 0, 0, 0.53);
}
.online-form .popup_content {
  width: 90%;
  max-width: 600px;
  margin: 6% auto;
}
.online-form .popup_content .loading-zone {
  display: none;
}
.online-form .popup_content .lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.online-form .popup_content .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #FDB930;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #FDB930 transparent transparent transparent;
}
.online-form .popup_content .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.online-form .popup_content .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.online-form .popup_content .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.online-form .popup_content.loading .loading-zone {
  z-index: 5;
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.online-form .popup_content h1 {
  margin-right: 14%;
}
.online-form .popup_content .row {
  padding: 0.3em 0.4em 0.5em;
  display: block;
}
.online-form .popup_content .row .col {
  float: left;
  padding: 1em 0;
}
.online-form .popup_content .row .col ul {
  padding-left: 1.2em;
}
.online-form .popup_content .row .col.w30 {
  width: 30%;
}
.online-form .popup_content .row .col.w70 {
  width: 70%;
}
@media all and (max-width: 680px) {
  .online-form .popup_liner {
    padding: 2em;
  }
}
@media all and (max-width: 350px) {
  .online-form .popup_liner {
    padding: 1em;
  }
}
.online-form .popup .btn-toolbar {
  margin-top: 14px;
}
.online-form .popup .btn-toolbar .action {
  width: auto;
  cursor: pointer;
}
.online-form .popup_close {
  background: none;
  top: 11px;
  right: 20px;
  position: absolute;
}
.online-form .popup_close .fa-times {
  color: #FFFFFF;
}
.online-form .popup .bodycontents {
  padding: 0;
}
.online-form .worknav,
.online-form .footer__contact,
.online-form .footer__bottom,
.online-form .page__rating,
.online-form header,
.online-form footer {
  display: none;
}
.online-form .button.readmore__linkBox {
  background-color: #FFFFFF;
  cursor: pointer;
}
.online-form .button.readmore__linkBox p {
  margin-right: 12px;
}
.online-form .button.readmore__linkBox.prev p {
  padding-left: 12px;
}
.online-form .button.readmore__linkBox.prev span {
  transform: rotate(180deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 30px;
  height: 30px;
  left: 0;
  right: auto;
}
.online-form .button.readmore__linkBox.prev span::after, .online-form .button.readmore__linkBox.prev span::before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.online-form .button.readmore__linkBox.prev span::before {
  transform: rotate(45deg);
}
.online-form .button.readmore__linkBox.prev span::after {
  transform: rotate(-45deg);
}
.online-form .button.readmore__linkBox.prev span::before {
  top: -5px;
}
.online-form .button.readmore__linkBox.prev span::after {
  bottom: -5px;
}
.online-form .button.readmore__linkBox:after {
  border-color: #FFFFFF;
}
.online-form .button.readmore__linkBox:hover::after {
  border-color: #FDB930;
  width: 100%;
}
.online-form__button {
  position: relative;
  padding-left: 2em;
}
.online-form__button__bracket {
  transform: rotate(180deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 30px;
  height: 30px;
  right: inherit;
  left: 0;
}
.online-form__button__bracket::after, .online-form__button__bracket::before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #707070;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.online-form__button__bracket::before {
  transform: rotate(45deg);
}
.online-form__button__bracket::after {
  transform: rotate(-45deg);
}
.online-form__button__bracket::before {
  top: -5px;
}
.online-form__button__bracket::after {
  bottom: -5px;
}
.online-form #footer-bottom {
  display: none;
}
.online-form #container {
  margin: 0;
  box-shadow: none;
  width: 100%;
}
.online-form .small-divider {
  height: 5px;
}
.online-form h2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-top: 20px;
  margin-top: 0;
}
.online-form h2 .description {
  font-size: 15px;
  color: #777777;
}
.online-form h3 {
  padding-top: 15px;
  padding-bottom: 10px;
  color: #000000;
  text-transform: uppercase;
  font-size: 1rem;
}
.online-form h3.important {
  padding: 0;
}
.online-form h3.important span {
  color: #FFFFFF;
  background: #006699;
  display: inline-block;
  padding: 8px 10px;
}
.online-form .online-form-icon {
  background: url("/_resources/app/client/assets/images/online-form-icon.png") 0 0 no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
}
.online-form h3 .online-form-icon {
  margin-bottom: 2px;
}
.online-form .online-form-icon.tick {
  background-position: 0 0;
}
.online-form .online-form-icon.cross {
  background-position: -32px 0;
}
.online-form .online-form-icon.cross.grey {
  background-position: -64px 0;
}
.online-form .online-form-icon.back {
  background-position: 0 -32px;
}
.online-form .online-form-icon.prev {
  background-position: 0 -64px;
}
.online-form .online-form-icon.pdf {
  background-position: -32px -32px;
}
.online-form .online-form-icon.next,
.online-form .online-form-icon.arrow-right {
  background-position: -32px -64px;
}
.online-form .online-form-icon.arrow-left {
  background-position: -64px -64px;
}
.online-form .online-form-icon.view {
  background-position: 0 -96px;
}
.online-form .online-form-icon.edit {
  background-position: -32px -96px;
}
.online-form .online-form-icon.edit.grey {
  background-position: -64px -96px;
}
.online-form .online-form-icon.trash {
  background-position: -32px -128px;
}
.online-form .online-form-icon.trash.grey {
  background-position: -64px -128px;
}
.online-form .online-form-icon.save {
  background-position: 0 -128px;
}
.online-form .online-form-icon.link {
  background-position: 0 -160px;
}
.online-form .online-form-icon.add {
  background-position: 0 -192px;
}
.online-form .online-form-icon.help {
  background-position: 0 -224px;
}
.online-form .online-form-icon.close {
  background-position: 0 -256px;
}
.online-form .online-form-icon.download {
  background-position: 0 -288px;
}
.online-form .grey,
.online-form .button.grey {
  color: #777777;
}
.online-form .Actions {
  text-align: center;
  padding-top: 15px;
  margin: 0;
  display: none;
}
.online-form .edit-submission .Actions {
  padding-top: 15px;
}
.online-form .has-tooltip {
  position: relative;
  text-decoration: none;
}
.online-form .has-tooltip .tooltip {
  display: none;
  background: #444444;
  color: #FFFFFF;
  font-size: 11px;
  position: absolute;
  top: -20px;
  left: -10px;
  padding: 3px 6px;
  z-index: 9;
}
.online-form .info__icons {
  width: 44%;
  float: left;
  margin: auto;
  min-height: 225px;
  padding: 2em 1em 1em;
  text-align: center;
  border-right: 1px solid #C2C2C2;
  border-bottom: 1px solid #C2C2C2;
}
@media (max-width: 625px) {
  .online-form .info__icons {
    float: none;
    width: 100%;
    box-sizing: border-box;
    border-right: 0;
  }
}
.online-form .info__icons a {
  color: #FD9030;
}
.online-form .info__icons:nth-child(2n) {
  border-right: 0;
}
.online-form .info__icons:nth-last-of-type(3) {
  border-bottom: 0;
}
@media (max-width: 590px) {
  .online-form .info__icons:nth-last-of-type(3) {
    border-bottom: 1px solid #C2C2C2;
  }
}
.online-form .info__icons:nth-last-of-type(2) {
  border-bottom: 0;
}
@media (max-width: 590px) {
  .online-form .info__icons:nth-last-of-type(2) {
    border-bottom: 1px solid #C2C2C2;
  }
}
.online-form .info__icons-icon {
  margin: auto;
  margin-bottom: 20px;
}
.online-form .info__icons h2 {
  font-family: "Nunito";
  font-size: 32px;
  font-weight: 900;
}
.online-form .form__footer-note {
  border-bottom: 0;
  border-right: 0;
  width: 100%;
  padding: 3em 1em;
  min-height: auto;
  clear: both;
  box-sizing: border-box;
}
.online-form .has-tooltip:hover .tooltip {
  display: block;
}
.online-form a.small-link {
  font-size: 12px;
  text-decoration: none;
}
.online-form .inline-with-buttons {
  display: inline-block;
  padding: 4px;
}
.online-form .property {
  float: left;
  width: 50%;
}
.online-form .help-popup {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
}
.online-form .help-popup .inner {
  width: 50%;
  height: 50%;
  margin: 0 auto;
  margin-top: 12.5%;
  overflow-y: auto;
  padding: 40px;
  background: #FFFFFF;
  position: relative;
}
.online-form .help-popup .help-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  cursor: hand;
  cursor: pointer;
}
.online-form__header {
  padding: 18px 2% 20px;
  background: #000000;
  border-bottom: 1px solid #707070;
}
.online-form__header a {
  color: #707070;
}
.online-form__header h1 {
  font-size: 26px;
  font-family: inherit;
  margin-bottom: 0;
  letter-spacing: -0.02em;
  display: inline-block;
}
.online-form__header .online-form-branding {
  display: block;
  position: absolute;
  top: 12px;
  right: 20px;
}
.online-form__header .online-form-branding img {
  max-height: 45px;
}
@media (max-width: 450px) {
  .online-form__header h1 {
    font-size: 20px;
  }
  .online-form__header .online-form-branding img {
    max-height: 40px;
  }
}
@media (max-width: 360px) {
  .online-form__header h1 {
    font-size: 18px;
  }
  .online-form__header .online-form-branding img {
    max-height: 30px;
  }
}
.online-form__subheader {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 80px;
  padding: 0 2em;
  text-align: right;
}
@media (max-width: 900px) {
  .online-form__subheader {
    margin-bottom: 60px;
  }
}
.online-form__subheader .form-name {
  color: #FFFFFF;
  float: right;
  margin: 20px 0 20px;
  width: 100%;
}
.online-form__subheader .form-name span {
  color: #FDB930;
}
.online-form__body {
  overflow: hidden;
  max-width: 800px;
  margin: 0 auto;
  background-color: #FFFFFF;
  width: 100%;
}
.online-form__body .step {
  display: none;
}
.online-form__body__header {
  padding: 30px 8%;
  background-color: #ECECEC;
}
.online-form__body__header a {
  color: #FD9030;
}
.online-form__body__content {
  max-width: 600px;
  margin: 0 auto;
  padding: 1em;
  padding-top: 1.5em;
}
@media (max-width: 568px) {
  .online-form__body__content {
    max-width: 72vw;
  }
}
.online-form__body__actions {
  padding: 20px 0;
}
.online-form__body .note {
  margin-top: 10px;
  padding: 14px 20px;
  background: #BFBFBF;
  border-radius: 3px;
}
.online-form__body .field {
  clear: both;
}
.online-form__body .field input[type=text], .online-form__body .field input[type=email],
.online-form__body .field textarea[type=text],
.online-form__body .field textarea[type=email] {
  background-color: #ECECEC;
  border: 2px solid #000000;
}
.online-form__body .field input[disabled=disabled],
.online-form__body .field textarea[disabled=disabled] {
  background: #BFBFBF;
  color: #000000;
  border: 0;
  padding: 0.5em 0.8em;
}
.online-form__body .field input[type=range],
.online-form__body .field textarea[type=range] {
  border: 0;
}
.online-form__body .field.checkbox label {
  display: inline-block;
  width: auto !important;
  float: none;
}
.online-form__body .field.upload a.upload-button {
  font-family: "Nunito";
  font-size: 14px;
  font-weight: 900;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 20px 9px 19px;
  background-color: #FFFFFF;
  border: 2px solid #000000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 2px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 2px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 2px rgba(255, 255, 255, 0.2);
}
.online-form__body .field.upload a.upload-button:hover {
  background: #FDB930;
}
.online-form__body .field.upload a.upload-button i {
  margin-right: 10px;
}
.online-form__body .field.range {
  padding-top: 10px;
  padding-bottom: 10px;
}
.online-form__body .field.nested::after {
  content: "";
  clear: both;
  display: block;
}
.online-form__body .field.nested label {
  width: 49%;
  float: left;
}
.online-form__body .field.nested .middleColumn {
  width: 49%;
  float: right;
}
.online-form__body .field.disclaimer {
  padding: 14px 20px 6px;
  border-radius: 3px;
  background: #BFBFBF;
}
.online-form__body .field.two-column-fieldgroup::after {
  content: "";
  clear: both;
  display: block;
}
.online-form__body .field.two-column-fieldgroup .fieldgroup-field {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
}
.online-form__body .field.two-column-fieldgroup .fieldgroup-field.first {
  padding-left: 0;
  padding-right: 10px;
}
.online-form__body .field--confirmation {
  padding: 5px 0 10px 0;
}
.online-form__footer {
  position: relative;
  background-color: #FDB930;
  padding: 23px;
  padding-top: 35px;
  min-height: 2em;
  z-index: 2;
}
.online-form__footer::after {
  content: "";
  clear: both;
  display: block;
}
@media (max-width: 600px) {
  .online-form__footer {
    padding-top: 23px;
    padding-bottom: 6px;
  }
}
.online-form__footer__wrapper {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.online-form__footer .progress {
  display: inline-block;
  float: left;
  font-weight: normal;
  font-family: freightsans_probook, sans-serif;
  color: #000000;
  font-weight: 600;
  padding-top: 4px;
  padding-right: 8px;
}
.online-form__footer .progress__bar {
  position: absolute;
  top: -3px;
  right: 0;
  left: 0;
  height: 17px;
  background: #FD6830;
}
.online-form__footer .progress__bar__progress {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 5%;
  background: #FD9030;
}
.online-form__footer .step-controls__left {
  float: left;
  margin-bottom: 20px;
}
.online-form__footer .step-controls__center {
  margin: 0 auto;
}
.online-form__footer .step-controls__right {
  float: right;
}
@media (max-width: 600px) {
  .online-form__footer .step-controls__right {
    float: none;
    margin: 0 auto;
    max-width: 244px;
  }
}
.online-form__footer .step-controls .button {
  margin-left: 6px;
}
@media (max-width: 600px) {
  .online-form__footer .step-controls .button {
    margin-bottom: 12px;
  }
}
.online-form__footer .save-or-cancel-buttons {
  float: right;
}
@media (max-width: 600px) {
  .online-form__footer .progress__text {
    display: none;
  }
  .online-form__footer .autosave-status__saving, .online-form__footer .autosave-status__last-saved {
    display: none;
  }
  .online-form__footer .button {
    padding-left: 16px;
    padding-right: 16px;
  }
  .online-form__footer .button.save-for-later .button__text, .online-form__footer .button.close .button__text, .online-form__footer .button.prev .button__text {
    display: none;
  }
  .online-form__footer .button.save-for-later .button__icon, .online-form__footer .button.close .button__icon, .online-form__footer .button.prev .button__icon {
    display: inline-block;
  }
}
.online-form .autosave-status {
  display: inline-block;
  text-align: center;
  padding-top: 2px;
  padding-right: 20px;
  color: #000000;
}
.online-form .autosave-status__error {
  font-weight: bold;
}
.online-form .autosave-status--error .autosave-status__last-saved,
.online-form .autosave-status--error .autosave-status__saving {
  display: none;
}
.online-form .autosave-status--saving .autosave-status__last-saved,
.online-form .autosave-status--saving .autosave-status__error {
  display: none;
}
.online-form .autosave-status--saved .autosave-status__saving,
.online-form .autosave-status--saved .autosave-status__error {
  display: none;
}
.online-form .confirmation-acknowledgements {
  padding-left: 20px;
  padding-bottom: 15px;
}
.online-form .confirmation-acknowledgements li {
  padding: 0.2em 0;
}
.online-form #LifestagesAuto ul li:first-child {
  display: none;
}
@media (max-width: 600px) {
  .online-form .field label {
    float: none;
  }
  .online-form .Actions {
    margin: 0 auto;
    text-align: center;
  }
}

/* background image */
.online-form__subheader {
  position: relative;
}
.online-form__subheader .online-form__background-image {
  position: absolute;
  width: 950px;
  height: 950px;
  bottom: -980px;
  right: -790px;
  z-index: -1;
}
@media (max-width: 800px) {
  .online-form__subheader .online-form__background-image {
    display: none;
  }
}

/*****
	============== Form styles
*/
.field {
  margin-top: 15px;
  /**
   * Achieves a tab-like button experience to toggle
   * subsequent fields
   **/
}
@media (max-width: 600px) {
  .field {
    margin-top: 20px;
    padding-bottom: 35px;
  }
}
.field > .error {
  font-size: 14px;
  padding-top: 4px;
  color: red;
  font-weight: 600;
}
.field.optionset ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.field.optionset ul li {
  display: inline-block;
  padding-right: 20px;
  margin-top: 10px;
}
.field.optionset ul li input {
  visibility: hidden;
  position: fixed;
  left: -999px;
  top: -999px;
}
.field.optionset ul li label {
  font-weight: normal;
  padding: 0 0 0 34px;
  min-height: 24px;
  position: relative;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}
.field.optionset ul li label:before {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: #707070;
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  z-index: 1;
  border-radius: 12px;
}
.field.optionset ul li label:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: #BFBFBF;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  z-index: 2;
  opacity: 0;
}
.field.optionset ul li label:hover:before {
  background: #707070;
}
.field.optionset ul li label:active:before {
  -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.35);
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.35);
}
.field.optionset ul li input:checked + label:before {
  background: #FD9030;
}
.field.optionset ul li input:checked + label:after {
  opacity: 1;
}
.field.optionset label.left {
  font-weight: bold;
}
.field.optionset--list ul li {
  display: block;
  padding-bottom: 8px;
}
.field.button-selector-field ul {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 4px;
}
.field.button-selector-field ul::after {
  content: "";
  clear: both;
  display: block;
}
@media (max-width: 600px) {
  .field.button-selector-field ul {
    overflow: auto;
    flex-direction: column;
    align-items: center;
  }
}
.field.button-selector-field ul li {
  display: flex;
  width: 50%;
  text-align: center;
  padding: 0;
  margin: 0 1em 0 0;
  /* hide the placeholder (first) option that has no value */
}
@media (max-width: 600px) {
  .field.button-selector-field ul li {
    width: 80%;
    margin: 0 0 1em;
  }
}
.field.button-selector-field ul li:last-of-type {
  margin: 0;
}
.field.button-selector-field ul li.val {
  display: none;
}
.field.button-selector-field ul li label {
  background: #FFFFFF;
  font-family: "Nunito";
  font-size: 13px;
  font-weight: 900;
  box-sizing: border-box;
  padding: 10px 20px 9px 19px;
  position: relative;
  border: 2px solid #000000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 2px rgba(0, 0, 0, 0.3), inset 0px 2px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 2px rgba(0, 0, 0, 0.3), inset 0px 2px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 2px rgba(0, 0, 0, 0.3), inset 0px 2px rgba(255, 255, 255, 0.2);
  text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field.button-selector-field ul li label:after, .field.button-selector-field ul li label:before {
  display: none;
}
.field.button-selector-field ul li label:hover {
  background: #FDB930;
}
.field.button-selector-field ul li label:active {
  -moz-box-shadow: inset 1px 1px 4px rgba(253, 185, 48, 0.35);
  -webkit-box-shadow: inset 1px 1px 4px rgba(253, 185, 48, 0.35);
  box-shadow: inset 1px 1px 4px rgba(253, 185, 48, 0.35);
}
.field.button-selector-field ul li input:checked + label {
  background: #FDB930;
  color: #000000;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.field .description {
  display: block;
  padding: 8px 0;
}
.field.checkbox ul, .field.checkboxset > .middleColumn ul {
  padding: 0 !important;
  margin: 0 !important;
}
.field.checkbox input, .field.checkboxset > .middleColumn input {
  visibility: hidden;
  position: fixed;
  left: -999px;
  top: -999px;
}
.field.checkbox label, .field.checkboxset > .middleColumn label {
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}
.field.checkbox label, .field.checkboxset > .middleColumn label {
  padding-left: 38px;
  min-height: 24px;
}
.field.checkbox label:before, .field.checkboxset > .middleColumn label:before {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border: 2px solid #000000;
  background: #ECECEC;
  position: absolute;
  content: "";
  display: block;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  z-index: 1;
}
.field.checkbox label:after, .field.checkboxset > .middleColumn label:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  font-family: "FontAwesome";
  content: "\f00c";
  color: #000000;
  top: 3px;
  left: 3px;
  z-index: 2;
  opacity: 0;
  font-size: 12px;
  background: transparent;
}
.field.checkbox label:hover:before, .field.checkboxset > .middleColumn label:hover:before {
  background: #BFBFBF;
}
.field.checkbox label:active:before, .field.checkboxset > .middleColumn label:active:before {
  -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.35);
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.35);
}
.field.checkbox input:checked + label:after, .field.checkboxset > .middleColumn input:checked + label:after {
  opacity: 1;
}

.search__sidebar {
  position: relative;
  z-index: 2;
  margin-right: 20px;
}
.search__sidebar .field.checkboxset li {
  display: block;
}
.search__sidebar .field.checkboxset li label::before {
  border-radius: 0;
  border: 1px solid #707070;
  width: 18px;
  height: 18px;
  top: 0;
}
.search__sidebar .field.checkboxset li label::after {
  top: 1px;
  left: 1px;
  font-size: 18px;
}
.search__sidebar .field.checkboxset li input:checked + label:before {
  background: #FDB930;
}

.search-results {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #BFBFBF;
}

.LandingPage {
  /* Set up sidebar colour and page__content with colours / sizing */
  /** Landing page sidebar menu changes **/
}
.LandingPage .page__body {
  background: -moz-linear-gradient(left, #FDB930 0%, #FDB930 20%, #FFFFFF 20%, #FFFFFF 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #FDB930), color-stop(20%, #FDB930), color-stop(20%, #FFFFFF), color-stop(100%, #FFFFFF));
  background: -webkit-linear-gradient(left, #FDB930 0%, #FDB930 20%, #FFFFFF 20%, #FFFFFF 100%);
  background: -o-linear-gradient(left, #FDB930 0%, #FDB930 20%, #FFFFFF 20%, #FFFFFF 100%);
  background: -ms-linear-gradient(left, #FDB930 0%, #FDB930 20%, #FFFFFF 20%, #FFFFFF 100%);
  background: linear-gradient(to right, #FDB930 0%, #FDB930 20%, #FFFFFF 20%, #FFFFFF 100%);
}
.LandingPage .page__body .sidebar__left--active .page__content {
  margin: 0;
  width: 80%;
}
.LandingPage .page__body .sidebar__left {
  width: 14%;
}
@media (max-width: 1450px) {
  .LandingPage .page__body {
    background: -moz-linear-gradient(left, #FDB930 0%, #FDB930 21%, #FFFFFF 21%, #FFFFFF 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #FDB930), color-stop(21%, #FDB930), color-stop(21%, #FFFFFF), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(left, #FDB930 0%, #FDB930 21%, #FFFFFF 21%, #FFFFFF 100%);
    background: -o-linear-gradient(left, #FDB930 0%, #FDB930 21%, #FFFFFF 21%, #FFFFFF 100%);
    background: -ms-linear-gradient(left, #FDB930 0%, #FDB930 21%, #FFFFFF 21%, #FFFFFF 100%);
    background: linear-gradient(to right, #FDB930 0%, #FDB930 21%, #FFFFFF 21%, #FFFFFF 100%);
  }
  .LandingPage .page__body .sidebar__left--active .page__content {
    width: 79%;
  }
  .LandingPage .page__body .sidebar__left {
    width: 18%;
  }
}
@media (max-width: 900px) {
  .LandingPage .page__body {
    background: none;
  }
  .LandingPage .page__body .page__content {
    width: 100% !important;
  }
  .LandingPage .page__body .sidebar__left {
    display: none;
  }
}
.LandingPage .landing__menu .top-level {
  border-color: #000000;
}
.LandingPage .placeholder {
  padding: 80px 140px;
}
.LandingPage .placeholder__image {
  width: 50%;
}
.LandingPage .placeholder__content {
  width: 35%;
  float: left;
  margin: 0 7%;
  text-align: center;
}
.LandingPage .placeholder__content h1 {
  font-family: "Nunito";
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 30px;
}
.LandingPage .placeholder__content > p {
  font-weight: 300;
  line-height: 1.8em;
  margin-bottom: 30px;
}
.LandingPage .placeholder__content .readmore {
  margin: 8px 5px;
}
.LandingPage .placeholder:nth-child(even) {
  background-color: #ECECEC;
}
.LandingPage .placeholder:nth-child(even) .placeholder__image {
  float: left;
}
.LandingPage .placeholder:nth-child(odd) .placeholder__image {
  float: right;
}
@media (max-width: 1450px) {
  .LandingPage .placeholder {
    padding: 80px 60px;
  }
  .LandingPage .placeholder__content {
    width: 42%;
  }
  .LandingPage .placeholder:nth-child(odd) .placeholder__content {
    margin-left: 0;
  }
  .LandingPage .placeholder:nth-child(even) .placeholder__content {
    margin-right: 0;
  }
}
@media (max-width: 1090px) {
  .LandingPage .placeholder {
    padding: 80px 40px;
  }
  .LandingPage .placeholder__content {
    width: 50%;
  }
  .LandingPage .placeholder__image {
    width: 43%;
  }
}
@media (max-width: 755px) {
  .LandingPage .placeholder {
    padding: 40px 3%;
  }
  .LandingPage .placeholder__content, .LandingPage .placeholder__image {
    width: 100%;
    float: none;
    margin: 0;
  }
  .LandingPage .placeholder__image img {
    width: 80%;
    margin: 0 auto 60px;
  }
}

/**
 * Elements
 **/
.accordionsectionheaderelement:not(:first-child) {
  margin-top: 25px;
}

.e-accordion-section-header {
  border-top: 1px dashed #313131;
}
.e-accordion-section-header__wrapper {
  cursor: pointer;
  padding: 16px 0 15px 0 !important;
  margin-bottom: 0 !important;
  position: relative;
}
.e-accordion-section-header__icon {
  display: inline-block;
  vertical-align: text-top;
  margin-right: 18px;
  margin-top: 8px;
  width: 18px;
  height: auto;
  vertical-align: top;
}
.e-accordion-section-header__title {
  text-transform: uppercase;
  display: inline-block;
  width: 80%;
  vertical-align: top;
}
.e-accordion-section-header__arrow {
  float: right;
  margin-right: 20px;
  transform: rotate(90deg);
  position: absolute;
  margin: auto;
  z-index: 2;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  right: 10px;
}
.e-accordion-section-header__arrow::after, .e-accordion-section-header__arrow::before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.e-accordion-section-header__arrow::before {
  transform: rotate(45deg);
}
.e-accordion-section-header__arrow::after {
  transform: rotate(-45deg);
}
.e-accordion-section-header__arrow::before {
  top: -7px;
}
.e-accordion-section-header__arrow::after {
  bottom: -7px;
}
.e-accordion-section-header__arrow--open {
  transform: rotate(-90deg);
}
.e-accordion-section-header:hover .e-accordion-section-header__wrapper {
  color: #fd9030;
}
.e-accordion-section-header:hover .e-accordion-section-header__arrow::before, .e-accordion-section-header:hover .e-accordion-section-header__arrow::after {
  background-color: #fd9030;
}

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