/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

/*PRIMARY COLOURS*/
/*SECONDARY COLOURS*/
#hero .owl-carousel {
  text-align: center; }
  #hero .owl-carousel .owl-stage-outer {
    height: 100%; }
    #hero .owl-carousel .owl-stage-outer .owl-stage {
      height: 100%; }
      #hero .owl-carousel .owl-stage-outer .owl-stage .owl-item {
        height: 100%; }

.owl-prev,
.owl-next {
  width: 3.7em;
  height: 6.5em;
  background-image: url(../image/ui/timeline-btn-arrow-left.svg);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer; }
  @media screen and (min-aspect-ratio: 35 / 40) {
    .widget.widget-half-width .owl-prev, .widget.widget-half-width
    .owl-next {
      width: 1.85em;
      height: 3.25em; } }
  .owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav
  .owl-next {
    position: absolute;
    left: 1em;
    top: 50%; }
    #hero .owl-controls .owl-nav .owl-prev, #hero .owl-controls .owl-nav
    .owl-next {
      background-image: url(../image/ui/timeline-btn-arrow-left-white.svg); }
      @media screen and (min-aspect-ratio: 35 / 40) {
        #hero .owl-controls .owl-nav .owl-prev, #hero .owl-controls .owl-nav
        .owl-next {
          opacity: 0.75;
          transition: opacity 0.25s; }
          #hero .owl-controls .owl-nav .owl-prev:hover, #hero .owl-controls .owl-nav
          .owl-next:hover {
            opacity: 1; } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        #hero .owl-controls .owl-nav .owl-prev, #hero .owl-controls .owl-nav
        .owl-next {
          top: 2em; } }
    .gallery-container .owl-controls .owl-nav .owl-prev, .gallery-container .owl-controls .owl-nav
    .owl-next {
      left: 0;
      top: 10em; }
      .widget.widget-half-width .gallery-container .owl-controls .owl-nav .owl-prev, .widget.widget-half-width .gallery-container .owl-controls .owl-nav
      .owl-next {
        top: calc(5em - 3.25em / 2); }
    .video-carousel .owl-controls .owl-nav .owl-prev, .video-carousel .owl-controls .owl-nav
    .owl-next {
      top: -8em; }
  .gallery-nav-container .owl-prev, .gallery-nav-container
  .owl-next {
    position: absolute;
    left: calc(50% - 97em / 2 - 3.7em - 3em);
    top: 12em; }
    @media screen and (min-aspect-ratio: 35 / 40) {
      .widget.widget-half-width .gallery-nav-container .owl-prev, .widget.widget-half-width .gallery-nav-container
      .owl-next {
        left: 1.25em; } }
    @media screen and (min-aspect-ratio: 35 / 40) {
      .gallery-nav-container .owl-prev, .gallery-nav-container
      .owl-next {
        opacity: 0.75;
        transform: translate(0, 0);
        transition: opacity 0.25s, transform 0.25s; }
        .gallery-nav-container .owl-prev:hover, .gallery-nav-container
        .owl-next:hover {
          opacity: 1;
          transform: translate(-1.25em, 0); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .gallery-nav-container .owl-prev, .gallery-nav-container
      .owl-next {
        left: 0.25em; } }
  .gallery-container.is-show-large-preview .gallery-nav-container .owl-prev, .gallery-container.is-show-large-preview .gallery-nav-container
  .owl-next {
    top: calc(50em + 12em); }
    .widget.widget-half-width .gallery-container.is-show-large-preview .gallery-nav-container .owl-prev, .widget.widget-half-width .gallery-container.is-show-large-preview .gallery-nav-container
    .owl-next {
      top: calc(37.5em + 12em); }

.owl-next {
  background-image: url(../image/ui/timeline-btn-arrow-right.svg); }
  .owl-controls .owl-nav .owl-next {
    left: auto;
    right: 1em; }
    #hero .owl-controls .owl-nav .owl-next {
      background-image: url(../image/ui/timeline-btn-arrow-right-white.svg); }
    .gallery-container .owl-controls .owl-nav .owl-next {
      left: auto;
      right: 0; }
  .gallery-nav-container .owl-next {
    position: absolute;
    left: calc(50% + 97em / 2 + 3em); }
    @media screen and (min-aspect-ratio: 35 / 40) {
      .widget.widget-half-width .gallery-nav-container .owl-next {
        left: auto;
        right: 1.25em; } }
    @media screen and (min-aspect-ratio: 35 / 40) {
      .gallery-nav-container .owl-next:hover {
        transform: translate(1.25em, 0); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .gallery-nav-container .owl-next {
        left: calc(100% - 3.7em - 0.25em); } }

.owl-controls .owl-dots {
  position: absolute;
  bottom: 0; }
  #hero .owl-controls .owl-dots {
    width: 100%;
    text-align: center; }
    #hero .owl-controls .owl-dots .owl-dot {
      padding: 1em 0.25em;
      display: inline-block;
      background-color: rgba(0, 0, 0, 0.5); }
      #hero .owl-controls .owl-dots .owl-dot:first-child {
        padding-left: 1em; }
      #hero .owl-controls .owl-dots .owl-dot:last-child {
        padding-right: 1em; }
      #hero .owl-controls .owl-dots .owl-dot span {
        width: 1em;
        height: 1em;
        border-radius: 50%;
        display: inline-block;
        background-color: #ffffff;
        opacity: 0.5;
        transition: opacity 0.25s; }
      #hero .owl-controls .owl-dots .owl-dot.active span {
        opacity: 1; }
  .gallery-container .owl-controls .owl-dots,
  .video-carousel .owl-controls .owl-dots {
    display: none; }

/** C2E Fonts **/
/*Open Sans is a Google Font and is embedded in themes/c2e/Page.SS*/
/*museo fonts are typekit fonts and are embedded in themes/c2e/Page.SS*/
h1 {
  font-family: "museo-sans";
  font-weight: 500;
  font-size: 3.6em; }
  .is-wysiwyg h1 {
    font-weight: 700;
    color: #f47521; }
  * + h1 {
    margin-top: calc(2em / 3.6); }
  #hero .copy h1,
  #hero .slide h1 {
    font-size: 7.5em;
    font-family: "museo-sans";
    color: #ffffff; }
    .HomePage #hero .copy h1, .HomePage
    #hero .slide h1 {
      color: #303c42; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .HomePage #hero .copy h1, .HomePage
        #hero .slide h1 {
          font-size: 5.5em; } }
    #hero .copy h1 span.re-word-split-group,
    #hero .slide h1 span.re-word-split-group {
      display: inline-block;
      line-height: 0.8em; }
      #hero .copy h1 span.re-word-split-group span.re-word-split,
      #hero .slide h1 span.re-word-split-group span.re-word-split {
        padding: calc(0.5em / 7.5);
        margin-left: calc(-1.45em / 7.5);
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5); }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .HomePage #hero .copy h1 span.re-word-split-group span.re-word-split, .HomePage
          #hero .slide h1 span.re-word-split-group span.re-word-split {
            padding: calc(0.5em / 5.5);
            margin-left: calc(-1.45em / 5.5); } }
        .ipad #hero .copy h1 span.re-word-split-group span.re-word-split, .ipad
        #hero .slide h1 span.re-word-split-group span.re-word-split {
          padding-top: calc(2em / 7.5); }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            .HomePage .ipad #hero .copy h1 span.re-word-split-group span.re-word-split, .HomePage .ipad
            #hero .slide h1 span.re-word-split-group span.re-word-split {
              padding-top: calc(2em / 5.5); } }
      #hero .copy h1 span.re-word-split-group span.re-word-split:first-child,
      #hero .slide h1 span.re-word-split-group span.re-word-split:first-child {
        margin-left: 0; }

h2 {
  font-family: "museo-sans";
  font-weight: 500;
  font-size: 3.6em; }
  .is-wysiwyg h2 {
    color: #f47521; }
  * + h2 {
    margin-top: calc(2em / 3.6); }
  .careers-container h2 {
    margin-left: calc(2em / 3.6); }
  .faq-category-container h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 2em;
    font-weight: bold; }
  #hero .copy h2,
  #hero .slide h2 {
    margin-top: 0;
    font-family: "museo-sans";
    font-weight: 500;
    font-size: 4.5em;
    color: #303c42; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .HomePage #hero .copy h2, .HomePage
      #hero .slide h2 {
        font-size: 4em; } }
    #hero .copy h2 span.re-word-split-group,
    #hero .slide h2 span.re-word-split-group {
      display: inline-block;
      line-height: 0.8em; }
      #hero .copy h2 span.re-word-split-group span.re-word-split,
      #hero .slide h2 span.re-word-split-group span.re-word-split {
        padding: calc(0.5em / 4.5);
        margin-left: calc(-0.7em / 4.5);
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5); }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .HomePage #hero .copy h2 span.re-word-split-group span.re-word-split, .HomePage
          #hero .slide h2 span.re-word-split-group span.re-word-split {
            padding: calc(0.5em / 4);
            margin-left: calc(-0.7em / 4); } }
        .ipad #hero .copy h2 span.re-word-split-group span.re-word-split, .ipad
        #hero .slide h2 span.re-word-split-group span.re-word-split {
          padding-top: calc(2em / 4.5); }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            .HomePage .ipad #hero .copy h2 span.re-word-split-group span.re-word-split, .HomePage .ipad
            #hero .slide h2 span.re-word-split-group span.re-word-split {
              padding-top: calc(2em / 4); } }
      #hero .copy h2 span.re-word-split-group span.re-word-split:first-child,
      #hero .slide h2 span.re-word-split-group span.re-word-split:first-child {
        margin-left: 0; }
  .widget.widget-half-width h2.widget-title {
    padding-top: calc((7em / 3.6) / 2 - 0.5em);
    padding-bottom: calc((7em / 3.6) / 2 - 0.5em);
    padding-left: calc(2em / 3.6);
    padding-right: calc(2em / 3.6 + 4em / 3.6);
    border-radius: 0 0 calc(7em / 3.6) 0;
    display: inline-block;
    font-size: 3.6em;
    white-space: nowrap;
    color: #ffffff;
    background-color: #00bcda; }
  .btn-projects .btn-project h2 {
    width: calc(100% - 4em / 3.6);
    padding: calc(2em / 3.6);
    color: #ffffff; }
  .userform h2.progress-title {
    /*margin-top: calc(2em / 3.6);*/
    margin-bottom: calc(2em / 3.6);
    color: #a2b427; }
    .userform h2.progress-title:empty {
      /*margin-top: 0;*/
      margin-bottom: 0; }
  .news-container .copy h2 {
    color: #f47521; }
  .stages-timeline h2 {
    margin-bottom: calc(2em / 3.6); }
  *:not(.widget) > .publications-container * + h2 {
    margin-top: calc(4em / 3.6); }

h3 {
  font-family: "museo-sans";
  font-weight: 500;
  font-size: 3em;
  line-height: 1em; }
  .is-wysiwyg h3 {
    color: #f47521; }
  * + h3 {
    margin-top: calc(2em / 3); }
  .bio h3 {
    /*margin-top: calc(2em / 1.4) !important;*/
    margin-top: 0 !important;
    font-family: "Open Sans";
    font-size: 1.6em;
    font-weight: bold;
    color: #8e9698 !important; }
    @media screen and (max-width: 1024px) {
      .bio h3 {
        font-size: 2.25em;
        color: #303c42; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .bio h3 {
        font-size: 2em; } }
  .quick-link .clickable-area h3,
  .btn-publication .copy h3,
  .btn-news .clickable-area .copy h3,
  .btn-search-result-item .clickable-area .copy h3,
  .btn-videos .btn-video .copy h3,
  .btn-career .copy h3,
  .btn-event .clickable-area h3,
  .shared-vision-item h3 {
    margin-right: calc(1em / 2.6);
    font-family: "museo-sans";
    font-size: 2.6em;
    color: #303c42; }
  .shared-vision-item h3 {
    color: #303c42 !important; }
  .snapshot h3 {
    font-family: "museo-sans";
    font-size: 2.6em;
    color: #303c42; }
    .snapshot h3 .highlight {
      margin-top: -0.125em;
      display: block;
      font-size: calc(3.2em / 2.6);
      color: #00bcda; }
    .snapshot h3 .description {
      display: block;
      font-weight: 300;
      font-size: calc(2em / 2.6); }
  .news-article h3 {
    margin-top: calc(2em / 2);
    font-size: 2.6em; }
  .faq-category-container .faq-item .clickable-area h3.question {
    padding-top: calc(2em / 2.6);
    padding-right: calc(5em / 2.6);
    padding-bottom: calc(2em / 2.6);
    padding-left: calc(2em / 2.6 - 0.4em / 2.6);
    border-left: calc(0.4em / 2.6) solid;
    font-size: 2.6em;
    text-transform: uppercase; }
  .gallery-item .copy h3 {
    text-transform: uppercase;
    font-size: 2.6em; }
  iframe.youtube .copy h3 {
    font-family: "Open Sans", sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    color: #8e9698; }
    @media screen and (max-width: 1024px) {
      iframe.youtube .copy h3 {
        font-size: 2.25em;
        color: #303c42; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      iframe.youtube .copy h3 {
        font-size: 2em; } }
  .housing-job-populations-widget .scenarios .scenario h3 {
    margin-left: calc(6.5em / 3.2);
    font-size: 3.2em; }
  .map-user-comments-container .user-comment-controls h3 {
    font-family: "Open Sans";
    font-size: 1.6em;
    font-weight: normal;
    line-height: calc(3.8em / 1.6);
    color: #8e9698 !important; }
    @media screen and (max-width: 1024px) {
      .map-user-comments-container .user-comment-controls h3 {
        font-size: 2.25em;
        line-height: calc(3.8em / 2.25);
        color: #303c42 !important; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .map-user-comments-container .user-comment-controls h3 {
        font-size: 2em;
        line-height: calc(3.8em / 2); } }
  .map-user-comments-container .user-comments-container h3 {
    font-family: "museo-sans";
    font-weight: 500;
    font-size: 3.6em; }
  .map-user-comments-container .user-comment-form h3 {
    font-family: "Open sans";
    font-size: 2em;
    font-weight: bold;
    color: #8e9698 !important; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .map-user-comments-container .user-comment-form h3 {
        margin-top: calc(6em / 2); } }
  .userform h3,
  .userform-results h3 {
    margin-top: calc(2em / 1.6);
    margin-bottom: calc(2em / 1.6);
    font-family: "Open sans";
    font-size: 1.6em;
    color: #a2b427; }
    @media screen and (max-width: 1024px) {
      .userform h3,
      .userform-results h3 {
        margin-top: calc(2em / 2.25);
        margin-bottom: calc(2em / 2.25);
        font-size: 2.25em; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .userform h3,
      .userform-results h3 {
        margin-top: calc(2em / 2);
        margin-bottom: calc(2em / 2);
        font-size: 2em; } }
  .userform-results h3 {
    font-weight: 700;
    color: #8e9698 !important; }
  .btn-event .extra-information h3 {
    font-family: "museo-sans";
    font-size: 2.6em;
    font-weight: 700;
    color: #303c42 !important; }
  .timeline .time-block h3 {
    font-size: calc(2.6em / 1.6); }
  .outcomes .outcome h3 {
    font-size: 2.6em; }
  .stages-timeline .stages-timeline-item h3 {
    margin-top: 0; }
  .stages-timeline .stages-timeline-item.active h3 {
    text-shadow: 1px 1px 1px #ffffff; }
  .post-it-widget h3 {
    margin-top: calc(1em / 2);
    font-size: 2em;
    color: #303c42 !important; }

h4 {
  font-family: "museo-sans";
  font-weight: 500;
  font-size: 2.4em; }
  .is-wysiwyg h4 {
    color: #f47521; }
  * + h4 {
    margin-top: calc(2em / 2.4); }
  .bio h4 {
    margin-top: calc(1em / 1.6) !important;
    font-family: "Open Sans";
    font-size: 1.6em;
    color: #8e9698 !important; }
    @media screen and (max-width: 1024px) {
      .bio h4 {
        margin-top: calc(1em / 2.25) !important;
        font-size: 2.25em;
        color: #303c42 !important; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .bio h4 {
        margin-top: calc(1em / 2) !important;
        font-size: 2em; } }
  .btn-commercial-opportunity .clickable-area h4 {
    font-size: 2.6em;
    color: #303c42; }

h5 {
  font-family: "museo-sans"; }
  .is-wysiwyg h5 {
    font-weight: 500;
    font-size: 2em;
    color: #f47521; }
  * + h5 {
    margin-top: calc(2em / 2); }

p, li, dt, dd, td {
  font-family: "Open sans";
  color: #8e9698; }
  p, li, dt, dd, td {
    font-size: 1.6em;
    line-height: 1.5em; }
    @media screen and (max-width: 1024px) {
      p:not(.not-responsive), li:not(.not-responsive), dt:not(.not-responsive), dd:not(.not-responsive), td:not(.not-responsive) {
        font-size: 2.25em;
        color: #303c42; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      p:not(.not-responsive), li:not(.not-responsive), dt:not(.not-responsive), dd:not(.not-responsive), td:not(.not-responsive) {
        font-size: 2em; } }
    @media screen and (max-width: 1024px) {
      p, li, dt, dd, td {
        color: #303c42; } }
  p a, p span, p a span, p span a, li a, li span, li a span, li span a, dt a, dt span, dt a span, dt span a, dd a, dd span, dd a span, dd span a, td a, td span, td a span, td span a {
    font-size: 1em;
    /*sets inherited font-sizes to 1em*/
    color: inherit; }
  p p, p li, p dt, p dd, li p, li li, li dt, li dd, dt p, dt li, dt dt, dt dd, dd p, dd li, dd dt, dd dd, td p, td li, td dt, td dd {
    font-size: 1em !important;
    /*sets inherited font-sizes to 1em*/ }

* + p {
  margin-top: calc(2em / 1.6); }
  @media screen and (max-width: 1024px) {
    * + p:not(.not-responsive) {
      margin-top: calc(2em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    * + p:not(.not-responsive) {
      margin-top: calc(2em / 2); } }

p.meta-data-text {
  margin-top: 0 !important;
  font-size: calc(1.6em * 1.1) !important;
  font-style: italic; }
  @media screen and (max-width: 1024px) {
    p.meta-data-text {
      font-size: calc(2.25em * 1.1) !important; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    p.meta-data-text {
      font-size: calc(2em * 1.1) !important; } }

.stages-timeline .stages-timeline-item p {
  margin: 0; }

p.char-counter {
  padding-right: 1em;
  padding-bottom: 1em;
  margin-top: -2em;
  font-size: calc(1.6em * 0.75);
  text-align: right;
  color: #8e9698 !important; }
  @media screen and (max-width: 1024px) {
    p.char-counter {
      font-size: calc(2.25em * 0.75) !important; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    p.char-counter {
      font-size: calc(2em * 0.75) !important; } }

.post-it .copy p.name {
  padding-right: calc(3em / 1.6); }
  @media screen and (max-width: 1024px) {
    .post-it .copy p.name {
      padding-right: calc(3em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .post-it .copy p.name {
      padding-right: calc(3em / 2); } }

* + dl, * + ol, * + ul {
  margin-top: calc(2em / 1.6); }
  @media screen and (max-width: 1024px) {
    * + dl, * + ol, * + ul {
      margin-top: calc(2em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    * + dl, * + ol, * + ul {
      margin-top: calc(2em / 2); } }

/*#ugnsw-main-viewport {
	.main {*/
.is-wysiwyg table {
  width: 100% !important; }
  .is-wysiwyg table tfoot tr td,
  .is-wysiwyg table thead tr td {
    background-color: #8e9698 !important;
    color: #ffffff !important;
    text-align: center; }
    .is-wysiwyg table tfoot tr td li, .is-wysiwyg table tfoot tr td p, .is-wysiwyg table tfoot tr td a, .is-wysiwyg table tfoot tr td span,
    .is-wysiwyg table thead tr td li,
    .is-wysiwyg table thead tr td p,
    .is-wysiwyg table thead tr td a,
    .is-wysiwyg table thead tr td span {
      color: #ffffff !important; }
  .is-wysiwyg table tr td {
    background-color: transparent !important;
    vertical-align: top; }

.is-wysiwyg dl {
  overflow: hidden; }
  .is-wysiwyg dl dt,
  .is-wysiwyg dl dd {
    display: block; }
  .is-wysiwyg dl dt {
    font-weight: bold;
    float: left; }
  .is-wysiwyg dl dt:after {
    content: ":"; }
  .is-wysiwyg dl dd {
    float: none; }

/*}
}*/
.btn-news .clickable-area .copy .tags span,
.btn-search-result-item .clickable-area .copy .tags span {
  padding: calc(0.5em / 1.2) calc(1em / 1.2);
  border-radius: calc(0.5em / 1.2);
  font-family: "Open Sans", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #8e9698; }

@media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
  .outcomes-container .outcomes .outcome.open .pos.clickable-area .number {
    color: #ffffff !important; } }

.outcomes-container .outcomes .outcome .pos.clickable-area .number {
  width: calc(6.5em / 3.6 - 4px);
  padding-top: calc((6.5em / 3.6) / 2 - (1.25em / 2) - 2px);
  padding-bottom: calc((6.5em / 3.6) / 2 - (1.25em / 2) - 2px);
  border: 2px solid #a2b427;
  border-radius: 50%;
  font-family: "museo-sans";
  font-size: 3.6em;
  text-align: center;
  color: #ffffff; }

.outcomes-container .outcomes .outcome .pos.clickable-area .label {
  padding: 0 calc(2.5em / 1.4);
  margin-top: calc(1em / 1.4);
  margin-bottom: calc(1em / 1.4);
  font-family: "Open sans";
  font-size: 1.4em;
  font-style: italic;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .outcomes-container .outcomes .outcome .pos.clickable-area .label {
      padding: 0 calc(2em / 2.25);
      margin-top: calc(1em / 2.25);
      margin-bottom: calc(1em / 2.25);
      font-size: 2.25em; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .outcomes-container .outcomes .outcome .pos.clickable-area .label {
      padding: 0 calc(2em / 2);
      margin-top: calc(1em / 2);
      margin-bottom: calc(1em / 2);
      font-size: 2em; } }

.stages-timeline {
  font-family: "museo-sans"; }
  .stages-timeline .stages-timeline-item .st-number {
    width: calc((5.4em / 3.2) - (0.4em * 2 / 3.2));
    height: calc(5.4em / 3.2 - 0.4em * 2 / 3.2);
    line-height: calc(5.4em / 3.2 - 0.4em * 2 / 3.2);
    margin-right: calc(1.8em / 3.2);
    border-radius: 50%;
    border: solid #f58220 calc(0.4em / 3.2);
    font-size: 3.2em;
    text-align: center;
    color: #fff; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .stages-timeline .stages-timeline-item .st-number {
        margin-bottom: calc(1em / 3.2); } }

.timeline .time-bars-container .time-bars .time-bar-container .time-label-container .time-label {
  padding: 0 10px 0 5px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6em;
  font-style: italic;
  color: #8e9698; }
  @media screen and (max-width: 1024px) {
    .timeline .time-bars-container .time-bars .time-bar-container .time-label-container .time-label {
      padding: 0 calc(1em / 2.25) 0 calc(0.4em / 2.25);
      font-size: 2.25em;
      color: #303c42; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .timeline .time-bars-container .time-bars .time-bar-container .time-label-container .time-label {
      font-size: 2em; } }

.timeline .time-bars-container .time-bars .time-bar-container .time-label-container .time-label-decoration-line {
  border-top: 1px solid #8e9698;
  margin-top: 0.6em;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6em; }
  @media screen and (max-width: 1024px) {
    .timeline .time-bars-container .time-bars .time-bar-container .time-label-container .time-label-decoration-line {
      font-size: 2.25em; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .timeline .time-bars-container .time-bars .time-bar-container .time-label-container .time-label-decoration-line {
      font-size: 2em; } }

ul.contact li a {
  padding-left: 2em;
  margin-right: 1em;
  vertical-align: middle;
  font-size: 1em;
  font-weight: bold;
  background-size: 1em auto; }

ul.contact li .note {
  font-size: calc(1em / 1.6); }
  @media screen and (max-width: 1024px) {
    ul.contact li .note {
      font-size: calc(1em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    ul.contact li .note {
      font-size: calc(1em / 2); } }

.image-comparison .compare-arrow .icon:before {
  font-size: 3em;
  left: calc(50% - 1.5em / 3);
  top: calc(50% - 1.5em / 3); }

.image-comparison .custom-controls .comparison-next:before {
  font-size: 6em; }

.image-comparison .custom-controls .comparison-prev:before {
  font-size: 6em; }

.housing-job-populations-widget .scenarios .scenario dl + dl {
  margin-top: 1em; }

.housing-job-populations-widget .scenarios .scenario dl dt {
  font-family: "museo-sans";
  font-weight: 500;
  font-size: 2em;
  line-height: 1em;
  color: #303c42;
  margin-top: calc(3.2em * 1 / 2); }

.housing-job-populations-widget .scenarios .scenario dl dd.numbers {
  font-family: "museo-sans";
  font-weight: 500;
  font-size: 2.6em;
  line-height: 1em;
  color: #00bcda;
  /* margin-top = (2em height of dt + 3.2em size of this) * 1 to accomodate actual space on screen / 3.2 to normalize to 1em = 10px*/
  margin-top: calc((3.2em + 2.6em) * 1 / -3.2); }

.housing-job-populations-widget .scenarios .scenario dl dd.info {
  font-family: "Open sans";
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1em;
  color: #8e9698;
  /* margin-top = (2em height of dt) * 1 to accomodate actual space on screen / $fontSizeContentNumber to normalize to 1em = 10px*/
  margin-top: calc(2.6em * 1 / 1.2 + 0.5em); }

.map-widget .map-legend .content-width .map-legend-item p a .marker {
  width: calc(2em / 1.6);
  height: 1em;
  margin-right: calc(0.5em / 1.6); }
  .map-widget .map-legend .content-width .map-legend-item p a .marker.icon {
    width: 1em; }

.map-widget a.btn-hide-elements-in-legend {
  height: auto;
  padding: 0.25em 1em;
  border-radius: 1em;
  margin-top: calc(2.5em / 1.6);
  font-family: "museo-sans";
  font-weight: bold;
  font-size: 1.6em;
  color: #8e9698; }
  @media screen and (max-width: 1024px) {
    .map-widget a.btn-hide-elements-in-legend {
      margin-top: calc(2.5em / 2.25);
      font-size: 2.25em;
      color: #303c42; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .map-widget a.btn-hide-elements-in-legend {
      margin-top: calc(2.5em / 2);
      font-size: 2em; } }

.map-widget .user-comment-form .logged-in-as {
  right: calc(4.5em / 1.6); }

.map-widget .user-comment .screen-name {
  font-size: calc(2em / 1.6);
  font-weight: bold;
  color: #303c42; }

.archived-flag p {
  font-family: "museo-sans";
  font-weight: 700;
  text-align: center;
  color: #ffffff; }

.comments-holder-container form #NameView_Holder > label + .middleColumn {
  /*margin-left: calc(2em / 1.6);*/
  margin-left: 2em;
  font-family: "Open sans";
  /*font-size: $fontSizeContent;*/
  font-size: 1em;
  color: #8e9698;
  /*@media screen and (max-width: $tabletPortraitPixelWidth) {
					margin-top: calc(2em / 2.25);
					font-size: $fontSizeContentTablet;
				}

				@media screen and (max-aspect-ratio: $breakpointMaxAspectRatio) and (max-width: $mobilePortraitPixelWidth) {
					margin-top: calc(2em / 2);
					font-size: $fontSizeContentMobile;
				}*/ }

.comments-holder-container ul.comments-list li.comment {
  /*& + li.comment {
				margin-top: calc(2em / 1.6);

				@media screen and (max-width: $tabletPortraitPixelWidth) {
					margin-top: calc(2em / 2.25);
				}

				@media screen and (max-aspect-ratio: $breakpointMaxAspectRatio) and (max-width: $mobilePortraitPixelWidth) {
					margin-top: calc(2em / 2);
				}
			}*/ }
  .comments-holder-container ul.comments-list li.comment div, .comments-holder-container ul.comments-list li.comment a {
    font-size: 1em; }
  .comments-holder-container ul.comments-list li.comment dl.info dd span.author {
    font-size: 1em;
    font-weight: bold; }
  .comments-holder-container ul.comments-list li.comment dl.info dd + dt + dd .date {
    font-size: 0.75em !important; }

.publications-container ul.topics-list li {
  padding: 0;
  margin: 0 calc(1em / 1.6);
  line-height: 2em; }

* {
  padding: 0;
  margin: 0; }

html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  overflow-x: hidden; }

a {
  text-decoration: none; }

a[name] {
  pointer-events: none;
  display: block;
  font-size: 10px;
  /*height: calc(13.5em * 1.5);
	margin-top: calc(13.5em * -1.5);*/
  height: 0;
  position: relative;
  top: calc(13.5em * -1.5); }

ul, ol {
  list-style-type: none; }

.alternating-colors {
  /*blue*/
  /*green*/
  /*orange*/
  /*red*/
  /*yellow*/ }
  .alternating-colors .full-width:nth-child(2n+1) {
    background-color: #ffffff; }
    .alternating-colors .full-width:nth-child(2n+1) .alternate-bg-color {
      background-color: #fafafa; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .alternating-colors .full-width:nth-child(2n+1) .alternate-bg-color.outcome-content, .alternating-colors .full-width:nth-child(2n+1) .alternate-bg-color.btn-event {
          background-color: transparent; } }
    .alternating-colors .full-width:nth-child(2n+1) .same-bg-color {
      background-color: #ffffff; }
  .alternating-colors .full-width:nth-child(2n+2) {
    background-color: #fafafa; }
    .alternating-colors .full-width:nth-child(2n+2) .alternate-bg-color {
      background-color: #ffffff; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .alternating-colors .full-width:nth-child(2n+2) .alternate-bg-color.outcome-content, .alternating-colors .full-width:nth-child(2n+2) .alternate-bg-color.btn-event {
          background-color: transparent; } }
    .alternating-colors .full-width:nth-child(2n+2) .same-bg-color {
      background-color: #fafafa; }
  .alternating-colors.start-at-grey .full-width:nth-child(2n+1) {
    background-color: #fafafa; }
    .alternating-colors.start-at-grey .full-width:nth-child(2n+1) .alternate-bg-color {
      background-color: #ffffff; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .alternating-colors.start-at-grey .full-width:nth-child(2n+1) .alternate-bg-color.outcome-content, .alternating-colors.start-at-grey .full-width:nth-child(2n+1) .alternate-bg-color.btn-event {
          background-color: transparent; } }
    .alternating-colors.start-at-grey .full-width:nth-child(2n+1) .same-bg-color {
      background-color: #fafafa; }
  .alternating-colors.start-at-grey .full-width:nth-child(2n+2) {
    background-color: #ffffff; }
    .alternating-colors.start-at-grey .full-width:nth-child(2n+2) .alternate-bg-color {
      background-color: #fafafa; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .alternating-colors.start-at-grey .full-width:nth-child(2n+2) .alternate-bg-color.outcome-content, .alternating-colors.start-at-grey .full-width:nth-child(2n+2) .alternate-bg-color.btn-event {
          background-color: transparent; } }
    .alternating-colors.start-at-grey .full-width:nth-child(2n+2) .same-bg-color {
      background-color: #ffffff; }
  .alternating-colors .blue.alternate-color,
  .alternating-colors .alternate-color .alternating-colors .blue.alternate-color {
    /*&.widget:not(.StandardWidget):not(.widget-full-width) h2.widget-title,
		&.widget:not(.widget-full-width) .btn-project h2.widget-title,*/ }
    .alternating-colors .blue.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .blue.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .blue.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .stages-timeline .stages-timeline-item .st-number {
      color: #ffffff;
      background-color: #00bcda; }
    .alternating-colors .blue.alternate-color .btn-news .thumbnail,
    .alternating-colors .blue.alternate-color .btn-search-result-item .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .btn-news .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .btn-search-result-item .thumbnail {
      border-bottom-color: #00bcda; }
    .alternating-colors .blue.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .blue.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .blue.alternate-color.widget h3,
    .alternating-colors .blue.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .blue.alternate-color.scenario dl dd.numbers,
    .alternating-colors .blue.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .blue.alternate-color.time-block dd.copy h3,
    .alternating-colors .blue.alternate-color.scenario h3,
    .info-graphic-container .alternating-colors .blue.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .blue.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container .alternating-colors .blue.alternate-color.blurb .icon, .alternating-colors .blue.alternate-color.scenario-housing.c2e-circle-city:before, .alternating-colors .blue.alternate-color.scenario-jobs.c2e-circle-briefcase:before, .alternating-colors .blue.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container .alternating-colors .blue.alternate-color.copy h2,
    .publications-container .alternating-colors .blue.alternate-color.publications-topic h3,
    .alternating-colors .blue.alternate-color.faq-category-container h2,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget h3,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.scenario dl dd.numbers,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.time-block dd.copy h3,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.scenario h3,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.blurb .icon,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.scenario-housing.c2e-circle-city:before,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.scenario-jobs.c2e-circle-briefcase:before,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.copy h2,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.publications-topic h3,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.faq-category-container h2 {
      color: #00bcda; }
    .alternating-colors .blue.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .blue.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .blue.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .blue.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .blue.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container .alternating-colors .blue.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .blue.alternate-color.info-graphic-item .copy,
    .info-graphic-container .alternating-colors .blue.alternate-color.info-graphic-item .copy .image,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.info-graphic-item .copy,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.info-graphic-item .copy .image {
      border-color: #00bcda; }
    .alternating-colors .blue.alternate-color.videos-container h2,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.videos-container h2 {
      color: #00bcda;
      background-color: #ffffff; }
    .alternating-colors .blue.alternate-color .btn-news h3,
    .alternating-colors .blue.alternate-color .btn-search-result-item h3,
    .alternating-colors .blue.alternate-color.widget .btn-event h3,
    .events-container > .alternating-colors .blue.alternate-color h3,
    .alternating-colors .blue.alternate-color.commercial-opportunities-category h3,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .btn-news h3,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .btn-search-result-item h3,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget .btn-event h3,
    .events-container >
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color h3,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.commercial-opportunities-category h3 {
      color: #00bcda !important;
      border-left-color: #00bcda; }
    .events-container .alternating-colors .blue.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .blue.alternate-color .left-highlight,
    .alternating-colors .blue.alternate-color.faq-category-container .faq-item .clickable-area h3, .alternating-colors .blue.alternate-color.extra-information,
    .alternating-colors .blue.alternate-color.time-block dd.copy, .events-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.faq-category-container .faq-item .clickable-area h3,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.extra-information,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.time-block dd.copy {
      border-left-color: #00bcda !important; }
    .alternating-colors .blue.alternate-color .cta-icon-arrow,
    .alternating-colors .blue.alternate-color .is-wysiwyg ul li,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .is-wysiwyg ul li {
      /*.is-wysiwyg *:not(fieldset.field) ul li {*/
      background-image: url(../image/ui/cta-icon-arrow-blue.svg); }
    .alternating-colors .blue.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .blue.alternate-color .open .cta-icon-arrow, .alternating-colors .blue.alternate-color.open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.open .cta-icon-arrow {
      background-image: url(../image/ui/cta-icon-arrow-down-blue.svg); }
    .alternating-colors .blue.alternate-color.btn-event .btn-cta,
    .alternating-colors .blue.alternate-color .youtube-container .btn-cta,
    .alternating-colors .blue.alternate-color.widget .btn-cta,
    .alternating-colors .blue.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .blue.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .blue.alternate-color.widget input[type=submit],
    .alternating-colors .blue.alternate-color.widget input[type=button],
    .alternating-colors .blue.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results .alternating-colors .blue.alternate-color.btn-project .label,
    .alternating-colors .blue.alternate-color .btn-news .btn-cta,
    .alternating-colors .blue.alternate-color .btn-search-result-item .btn-cta,
    .userform-container .alternating-colors .blue.alternate-color.bar,
    .userform-results .alternating-colors .blue.alternate-color.bar,
    .alternating-colors .blue.alternate-color.time-bar-container .time-bar,
    .publications-container .alternating-colors .blue.alternate-color.publications-topic .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.btn-event .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .youtube-container .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget input[type=submit],
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget input[type=button],
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.btn-project .label,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .btn-news .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .btn-search-result-item .btn-cta,
    .userform-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.bar,
    .userform-results
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.bar,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.time-bar-container .time-bar,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.publications-topic .btn-cta {
      background-color: #00bcda; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .alternating-colors .blue.alternate-color.widget .outcome.open .pos .number,
      .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget .outcome.open .pos .number {
        background-color: #00bcda; } }
    .alternating-colors .blue.alternate-color.widget select,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget select {
      background-image: url(../image/ui/form-select-icon-arrow-down-2-blue.svg); }
      .is-ie .alternating-colors .blue.alternate-color.widget select, .is-ie
      .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.widget select {
        background-image: none; }
    .alternating-colors .blue.alternate-color .btn-close,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .btn-close {
      background-image: url(../image/ui/btn-icon-x-blue.svg); }
    .alternating-colors .blue.alternate-color .stages-timeline .stages-timeline-item.completed .st-number,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color .stages-timeline .stages-timeline-item.completed .st-number {
      color: #00bcda;
      background-color: transparent;
      border-color: #00bcda; }
    .alternating-colors .blue.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .blue.alternate-color.ImageComparisonWidget .comparison-prev.icon,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.ImageComparisonWidget .comparison-prev.icon {
      background-image: url(../image/ui/timeline-btn-arrow-left-blue.svg); }
    .alternating-colors .blue.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .blue.alternate-color.ImageComparisonWidget .comparison-next.icon,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.ImageComparisonWidget .comparison-next.icon {
      background-image: url(../image/ui/timeline-btn-arrow-right-blue.svg); }
    .ProjectHolder .project-search-results .alternating-colors .blue.alternate-color.btn-project, .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.btn-project {
      border-color: #0090a7; }
      .ProjectHolder .project-search-results .alternating-colors .blue.alternate-color.btn-project:hover, .ProjectHolder .project-search-results
      .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.btn-project:hover {
        border-color: #00bcda; }
        .ProjectHolder .project-search-results .alternating-colors .blue.alternate-color.btn-project:hover .label, .ProjectHolder .project-search-results
        .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.btn-project:hover .label {
          background-color: #28e1ff !important; }
    .info-graphic-container .alternating-colors .blue.alternate-color.info-graphic-item .icon-container, .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .blue.alternate-color.info-graphic-item .icon-container {
      background-color: rgba(0, 188, 218, 0.75); }
  .alternating-colors .green.alternate-color,
  .alternating-colors .alternate-color .alternating-colors .green.alternate-color {
    /*&.widget:not(.StandardWidget):not(.widget-full-width) h2.widget-title,
		&.widget:not(.widget-full-width) .btn-project h2.widget-title,*/ }
    .alternating-colors .green.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .green.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .green.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .stages-timeline .stages-timeline-item .st-number {
      color: #ffffff;
      background-color: #a2b427; }
    .alternating-colors .green.alternate-color .btn-news .thumbnail,
    .alternating-colors .green.alternate-color .btn-search-result-item .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .btn-news .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .btn-search-result-item .thumbnail {
      border-bottom-color: #a2b427; }
    .alternating-colors .green.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .green.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .green.alternate-color.widget h3,
    .alternating-colors .green.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .green.alternate-color.scenario dl dd.numbers,
    .alternating-colors .green.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .green.alternate-color.time-block dd.copy h3,
    .alternating-colors .green.alternate-color.scenario h3,
    .info-graphic-container .alternating-colors .green.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .green.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container .alternating-colors .green.alternate-color.blurb .icon, .alternating-colors .green.alternate-color.scenario-housing.c2e-circle-city:before, .alternating-colors .green.alternate-color.scenario-jobs.c2e-circle-briefcase:before, .alternating-colors .green.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container .alternating-colors .green.alternate-color.copy h2,
    .publications-container .alternating-colors .green.alternate-color.publications-topic h3,
    .alternating-colors .green.alternate-color.faq-category-container h2,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget h3,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.scenario dl dd.numbers,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.time-block dd.copy h3,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.scenario h3,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.blurb .icon,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.scenario-housing.c2e-circle-city:before,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.scenario-jobs.c2e-circle-briefcase:before,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.copy h2,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.publications-topic h3,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.faq-category-container h2 {
      color: #a2b427; }
    .alternating-colors .green.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .green.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .green.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .green.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .green.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container .alternating-colors .green.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .green.alternate-color.info-graphic-item .copy,
    .info-graphic-container .alternating-colors .green.alternate-color.info-graphic-item .copy .image,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.info-graphic-item .copy,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.info-graphic-item .copy .image {
      border-color: #a2b427; }
    .alternating-colors .green.alternate-color.videos-container h2,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.videos-container h2 {
      color: #a2b427;
      background-color: #ffffff; }
    .alternating-colors .green.alternate-color .btn-news h3,
    .alternating-colors .green.alternate-color .btn-search-result-item h3,
    .alternating-colors .green.alternate-color.widget .btn-event h3,
    .events-container > .alternating-colors .green.alternate-color h3,
    .alternating-colors .green.alternate-color.commercial-opportunities-category h3,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .btn-news h3,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .btn-search-result-item h3,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget .btn-event h3,
    .events-container >
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color h3,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.commercial-opportunities-category h3 {
      color: #a2b427 !important;
      border-left-color: #a2b427; }
    .events-container .alternating-colors .green.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .green.alternate-color .left-highlight,
    .alternating-colors .green.alternate-color.faq-category-container .faq-item .clickable-area h3, .alternating-colors .green.alternate-color.extra-information,
    .alternating-colors .green.alternate-color.time-block dd.copy, .events-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.faq-category-container .faq-item .clickable-area h3,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.extra-information,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.time-block dd.copy {
      border-left-color: #a2b427 !important; }
    .alternating-colors .green.alternate-color .cta-icon-arrow,
    .alternating-colors .green.alternate-color .is-wysiwyg ul li,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .is-wysiwyg ul li {
      /*.is-wysiwyg *:not(fieldset.field) ul li {*/
      background-image: url(../image/ui/cta-icon-arrow-green.svg); }
    .alternating-colors .green.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .green.alternate-color .open .cta-icon-arrow, .alternating-colors .green.alternate-color.open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.open .cta-icon-arrow {
      background-image: url(../image/ui/cta-icon-arrow-down-green.svg); }
    .alternating-colors .green.alternate-color.btn-event .btn-cta,
    .alternating-colors .green.alternate-color .youtube-container .btn-cta,
    .alternating-colors .green.alternate-color.widget .btn-cta,
    .alternating-colors .green.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .green.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .green.alternate-color.widget input[type=submit],
    .alternating-colors .green.alternate-color.widget input[type=button],
    .alternating-colors .green.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results .alternating-colors .green.alternate-color.btn-project .label,
    .alternating-colors .green.alternate-color .btn-news .btn-cta,
    .alternating-colors .green.alternate-color .btn-search-result-item .btn-cta,
    .userform-container .alternating-colors .green.alternate-color.bar,
    .userform-results .alternating-colors .green.alternate-color.bar,
    .alternating-colors .green.alternate-color.time-bar-container .time-bar,
    .publications-container .alternating-colors .green.alternate-color.publications-topic .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.btn-event .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .youtube-container .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget input[type=submit],
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget input[type=button],
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.btn-project .label,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .btn-news .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .btn-search-result-item .btn-cta,
    .userform-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.bar,
    .userform-results
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.bar,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.time-bar-container .time-bar,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.publications-topic .btn-cta {
      background-color: #a2b427; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .alternating-colors .green.alternate-color.widget .outcome.open .pos .number,
      .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget .outcome.open .pos .number {
        background-color: #a2b427; } }
    .alternating-colors .green.alternate-color.widget select,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget select {
      background-image: url(../image/ui/form-select-icon-arrow-down-2-green.svg); }
      .is-ie .alternating-colors .green.alternate-color.widget select, .is-ie
      .alternating-colors .alternate-color .alternating-colors .green.alternate-color.widget select {
        background-image: none; }
    .alternating-colors .green.alternate-color .btn-close,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .btn-close {
      background-image: url(../image/ui/btn-icon-x-green.svg); }
    .alternating-colors .green.alternate-color .stages-timeline .stages-timeline-item.completed .st-number,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color .stages-timeline .stages-timeline-item.completed .st-number {
      color: #a2b427;
      background-color: transparent;
      border-color: #a2b427; }
    .alternating-colors .green.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .green.alternate-color.ImageComparisonWidget .comparison-prev.icon,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.ImageComparisonWidget .comparison-prev.icon {
      background-image: url(../image/ui/timeline-btn-arrow-left-green.svg); }
    .alternating-colors .green.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .green.alternate-color.ImageComparisonWidget .comparison-next.icon,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.ImageComparisonWidget .comparison-next.icon {
      background-image: url(../image/ui/timeline-btn-arrow-right-green.svg); }
    .ProjectHolder .project-search-results .alternating-colors .green.alternate-color.btn-project, .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.btn-project {
      border-color: #7c8a1e; }
      .ProjectHolder .project-search-results .alternating-colors .green.alternate-color.btn-project:hover, .ProjectHolder .project-search-results
      .alternating-colors .alternate-color .alternating-colors .green.alternate-color.btn-project:hover {
        border-color: #a2b427; }
        .ProjectHolder .project-search-results .alternating-colors .green.alternate-color.btn-project:hover .label, .ProjectHolder .project-search-results
        .alternating-colors .alternate-color .alternating-colors .green.alternate-color.btn-project:hover .label {
          background-color: #c7d94f !important; }
    .info-graphic-container .alternating-colors .green.alternate-color.info-graphic-item .icon-container, .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .green.alternate-color.info-graphic-item .icon-container {
      background-color: rgba(162, 180, 39, 0.75); }
  .alternating-colors .orange.alternate-color,
  .alternating-colors .alternate-color .alternating-colors .orange.alternate-color {
    /*&.widget:not(.StandardWidget):not(.widget-full-width) h2.widget-title,
		&.widget:not(.widget-full-width) .btn-project h2.widget-title,*/ }
    .alternating-colors .orange.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .orange.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .orange.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .stages-timeline .stages-timeline-item .st-number {
      color: #ffffff;
      background-color: #f47521; }
    .alternating-colors .orange.alternate-color .btn-news .thumbnail,
    .alternating-colors .orange.alternate-color .btn-search-result-item .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .btn-news .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .btn-search-result-item .thumbnail {
      border-bottom-color: #f47521; }
    .alternating-colors .orange.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .orange.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .orange.alternate-color.widget h3,
    .alternating-colors .orange.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .orange.alternate-color.scenario dl dd.numbers,
    .alternating-colors .orange.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .orange.alternate-color.time-block dd.copy h3,
    .alternating-colors .orange.alternate-color.scenario h3,
    .info-graphic-container .alternating-colors .orange.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .orange.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container .alternating-colors .orange.alternate-color.blurb .icon, .alternating-colors .orange.alternate-color.scenario-housing.c2e-circle-city:before, .alternating-colors .orange.alternate-color.scenario-jobs.c2e-circle-briefcase:before, .alternating-colors .orange.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container .alternating-colors .orange.alternate-color.copy h2,
    .publications-container .alternating-colors .orange.alternate-color.publications-topic h3,
    .alternating-colors .orange.alternate-color.faq-category-container h2,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget h3,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.scenario dl dd.numbers,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.time-block dd.copy h3,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.scenario h3,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.blurb .icon,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.scenario-housing.c2e-circle-city:before,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.scenario-jobs.c2e-circle-briefcase:before,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.copy h2,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.publications-topic h3,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.faq-category-container h2 {
      color: #f47521; }
    .alternating-colors .orange.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .orange.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .orange.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .orange.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .orange.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container .alternating-colors .orange.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .orange.alternate-color.info-graphic-item .copy,
    .info-graphic-container .alternating-colors .orange.alternate-color.info-graphic-item .copy .image,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.info-graphic-item .copy,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.info-graphic-item .copy .image {
      border-color: #f47521; }
    .alternating-colors .orange.alternate-color.videos-container h2,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.videos-container h2 {
      color: #f47521;
      background-color: #ffffff; }
    .alternating-colors .orange.alternate-color .btn-news h3,
    .alternating-colors .orange.alternate-color .btn-search-result-item h3,
    .alternating-colors .orange.alternate-color.widget .btn-event h3,
    .events-container > .alternating-colors .orange.alternate-color h3,
    .alternating-colors .orange.alternate-color.commercial-opportunities-category h3,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .btn-news h3,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .btn-search-result-item h3,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget .btn-event h3,
    .events-container >
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color h3,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.commercial-opportunities-category h3 {
      color: #f47521 !important;
      border-left-color: #f47521; }
    .events-container .alternating-colors .orange.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .orange.alternate-color .left-highlight,
    .alternating-colors .orange.alternate-color.faq-category-container .faq-item .clickable-area h3, .alternating-colors .orange.alternate-color.extra-information,
    .alternating-colors .orange.alternate-color.time-block dd.copy, .events-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.faq-category-container .faq-item .clickable-area h3,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.extra-information,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.time-block dd.copy {
      border-left-color: #f47521 !important; }
    .alternating-colors .orange.alternate-color .cta-icon-arrow,
    .alternating-colors .orange.alternate-color .is-wysiwyg ul li,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .is-wysiwyg ul li {
      /*.is-wysiwyg *:not(fieldset.field) ul li {*/
      background-image: url(../image/ui/cta-icon-arrow-orange.svg); }
    .alternating-colors .orange.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .orange.alternate-color .open .cta-icon-arrow, .alternating-colors .orange.alternate-color.open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.open .cta-icon-arrow {
      background-image: url(../image/ui/cta-icon-arrow-down-orange.svg); }
    .alternating-colors .orange.alternate-color.btn-event .btn-cta,
    .alternating-colors .orange.alternate-color .youtube-container .btn-cta,
    .alternating-colors .orange.alternate-color.widget .btn-cta,
    .alternating-colors .orange.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .orange.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .orange.alternate-color.widget input[type=submit],
    .alternating-colors .orange.alternate-color.widget input[type=button],
    .alternating-colors .orange.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results .alternating-colors .orange.alternate-color.btn-project .label,
    .alternating-colors .orange.alternate-color .btn-news .btn-cta,
    .alternating-colors .orange.alternate-color .btn-search-result-item .btn-cta,
    .userform-container .alternating-colors .orange.alternate-color.bar,
    .userform-results .alternating-colors .orange.alternate-color.bar,
    .alternating-colors .orange.alternate-color.time-bar-container .time-bar,
    .publications-container .alternating-colors .orange.alternate-color.publications-topic .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.btn-event .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .youtube-container .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget input[type=submit],
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget input[type=button],
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.btn-project .label,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .btn-news .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .btn-search-result-item .btn-cta,
    .userform-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.bar,
    .userform-results
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.bar,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.time-bar-container .time-bar,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.publications-topic .btn-cta {
      background-color: #f47521; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .alternating-colors .orange.alternate-color.widget .outcome.open .pos .number,
      .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget .outcome.open .pos .number {
        background-color: #f47521; } }
    .alternating-colors .orange.alternate-color.widget select,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget select {
      background-image: url(../image/ui/form-select-icon-arrow-down-2-orange.svg); }
      .is-ie .alternating-colors .orange.alternate-color.widget select, .is-ie
      .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.widget select {
        background-image: none; }
    .alternating-colors .orange.alternate-color .btn-close,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .btn-close {
      background-image: url(../image/ui/btn-icon-x-orange.svg); }
    .alternating-colors .orange.alternate-color .stages-timeline .stages-timeline-item.completed .st-number,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color .stages-timeline .stages-timeline-item.completed .st-number {
      color: #f47521;
      background-color: transparent;
      border-color: #f47521; }
    .alternating-colors .orange.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .orange.alternate-color.ImageComparisonWidget .comparison-prev.icon,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.ImageComparisonWidget .comparison-prev.icon {
      background-image: url(../image/ui/timeline-btn-arrow-left-orange.svg); }
    .alternating-colors .orange.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .orange.alternate-color.ImageComparisonWidget .comparison-next.icon,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.ImageComparisonWidget .comparison-next.icon {
      background-image: url(../image/ui/timeline-btn-arrow-right-orange.svg); }
    .ProjectHolder .project-search-results .alternating-colors .orange.alternate-color.btn-project, .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.btn-project {
      border-color: #d75c0b; }
      .ProjectHolder .project-search-results .alternating-colors .orange.alternate-color.btn-project:hover, .ProjectHolder .project-search-results
      .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.btn-project:hover {
        border-color: #f47521; }
        .ProjectHolder .project-search-results .alternating-colors .orange.alternate-color.btn-project:hover .label, .ProjectHolder .project-search-results
        .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.btn-project:hover .label {
          background-color: #f8a26a !important; }
    .info-graphic-container .alternating-colors .orange.alternate-color.info-graphic-item .icon-container, .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .orange.alternate-color.info-graphic-item .icon-container {
      background-color: rgba(244, 117, 33, 0.75); }
  .alternating-colors .red.alternate-color,
  .alternating-colors .alternate-color .alternating-colors .red.alternate-color {
    /*&.widget:not(.StandardWidget):not(.widget-full-width) h2.widget-title,
		&.widget:not(.widget-full-width) .btn-project h2.widget-title,*/ }
    .alternating-colors .red.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .red.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .red.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .stages-timeline .stages-timeline-item .st-number {
      color: #ffffff;
      background-color: #f05662; }
    .alternating-colors .red.alternate-color .btn-news .thumbnail,
    .alternating-colors .red.alternate-color .btn-search-result-item .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .btn-news .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .btn-search-result-item .thumbnail {
      border-bottom-color: #f05662; }
    .alternating-colors .red.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .red.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .red.alternate-color.widget h3,
    .alternating-colors .red.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .red.alternate-color.scenario dl dd.numbers,
    .alternating-colors .red.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .red.alternate-color.time-block dd.copy h3,
    .alternating-colors .red.alternate-color.scenario h3,
    .info-graphic-container .alternating-colors .red.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .red.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container .alternating-colors .red.alternate-color.blurb .icon, .alternating-colors .red.alternate-color.scenario-housing.c2e-circle-city:before, .alternating-colors .red.alternate-color.scenario-jobs.c2e-circle-briefcase:before, .alternating-colors .red.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container .alternating-colors .red.alternate-color.copy h2,
    .publications-container .alternating-colors .red.alternate-color.publications-topic h3,
    .alternating-colors .red.alternate-color.faq-category-container h2,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget h3,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.scenario dl dd.numbers,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.time-block dd.copy h3,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.scenario h3,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.blurb .icon,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.scenario-housing.c2e-circle-city:before,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.scenario-jobs.c2e-circle-briefcase:before,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.copy h2,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.publications-topic h3,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.faq-category-container h2 {
      color: #f05662; }
    .alternating-colors .red.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .red.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .red.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .red.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .red.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container .alternating-colors .red.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .red.alternate-color.info-graphic-item .copy,
    .info-graphic-container .alternating-colors .red.alternate-color.info-graphic-item .copy .image,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.info-graphic-item .copy,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.info-graphic-item .copy .image {
      border-color: #f05662; }
    .alternating-colors .red.alternate-color.videos-container h2,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.videos-container h2 {
      color: #f05662;
      background-color: #ffffff; }
    .alternating-colors .red.alternate-color .btn-news h3,
    .alternating-colors .red.alternate-color .btn-search-result-item h3,
    .alternating-colors .red.alternate-color.widget .btn-event h3,
    .events-container > .alternating-colors .red.alternate-color h3,
    .alternating-colors .red.alternate-color.commercial-opportunities-category h3,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .btn-news h3,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .btn-search-result-item h3,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget .btn-event h3,
    .events-container >
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color h3,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.commercial-opportunities-category h3 {
      color: #f05662 !important;
      border-left-color: #f05662; }
    .events-container .alternating-colors .red.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .red.alternate-color .left-highlight,
    .alternating-colors .red.alternate-color.faq-category-container .faq-item .clickable-area h3, .alternating-colors .red.alternate-color.extra-information,
    .alternating-colors .red.alternate-color.time-block dd.copy, .events-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.faq-category-container .faq-item .clickable-area h3,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.extra-information,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.time-block dd.copy {
      border-left-color: #f05662 !important; }
    .alternating-colors .red.alternate-color .cta-icon-arrow,
    .alternating-colors .red.alternate-color .is-wysiwyg ul li,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .is-wysiwyg ul li {
      /*.is-wysiwyg *:not(fieldset.field) ul li {*/
      background-image: url(../image/ui/cta-icon-arrow-red.svg); }
    .alternating-colors .red.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .red.alternate-color .open .cta-icon-arrow, .alternating-colors .red.alternate-color.open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.open .cta-icon-arrow {
      background-image: url(../image/ui/cta-icon-arrow-down-red.svg); }
    .alternating-colors .red.alternate-color.btn-event .btn-cta,
    .alternating-colors .red.alternate-color .youtube-container .btn-cta,
    .alternating-colors .red.alternate-color.widget .btn-cta,
    .alternating-colors .red.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .red.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .red.alternate-color.widget input[type=submit],
    .alternating-colors .red.alternate-color.widget input[type=button],
    .alternating-colors .red.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results .alternating-colors .red.alternate-color.btn-project .label,
    .alternating-colors .red.alternate-color .btn-news .btn-cta,
    .alternating-colors .red.alternate-color .btn-search-result-item .btn-cta,
    .userform-container .alternating-colors .red.alternate-color.bar,
    .userform-results .alternating-colors .red.alternate-color.bar,
    .alternating-colors .red.alternate-color.time-bar-container .time-bar,
    .publications-container .alternating-colors .red.alternate-color.publications-topic .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.btn-event .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .youtube-container .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget input[type=submit],
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget input[type=button],
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.btn-project .label,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .btn-news .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .btn-search-result-item .btn-cta,
    .userform-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.bar,
    .userform-results
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.bar,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.time-bar-container .time-bar,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.publications-topic .btn-cta {
      background-color: #f05662; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .alternating-colors .red.alternate-color.widget .outcome.open .pos .number,
      .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget .outcome.open .pos .number {
        background-color: #f05662; } }
    .alternating-colors .red.alternate-color.widget select,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget select {
      background-image: url(../image/ui/form-select-icon-arrow-down-2-red.svg); }
      .is-ie .alternating-colors .red.alternate-color.widget select, .is-ie
      .alternating-colors .alternate-color .alternating-colors .red.alternate-color.widget select {
        background-image: none; }
    .alternating-colors .red.alternate-color .btn-close,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .btn-close {
      background-image: url(../image/ui/btn-icon-x-red.svg); }
    .alternating-colors .red.alternate-color .stages-timeline .stages-timeline-item.completed .st-number,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color .stages-timeline .stages-timeline-item.completed .st-number {
      color: #f05662;
      background-color: transparent;
      border-color: #f05662; }
    .alternating-colors .red.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .red.alternate-color.ImageComparisonWidget .comparison-prev.icon,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.ImageComparisonWidget .comparison-prev.icon {
      background-image: url(../image/ui/timeline-btn-arrow-left-red.svg); }
    .alternating-colors .red.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .red.alternate-color.ImageComparisonWidget .comparison-next.icon,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.ImageComparisonWidget .comparison-next.icon {
      background-image: url(../image/ui/timeline-btn-arrow-right-red.svg); }
    .ProjectHolder .project-search-results .alternating-colors .red.alternate-color.btn-project, .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.btn-project {
      border-color: #ec2736; }
      .ProjectHolder .project-search-results .alternating-colors .red.alternate-color.btn-project:hover, .ProjectHolder .project-search-results
      .alternating-colors .alternate-color .alternating-colors .red.alternate-color.btn-project:hover {
        border-color: #f05662; }
        .ProjectHolder .project-search-results .alternating-colors .red.alternate-color.btn-project:hover .label, .ProjectHolder .project-search-results
        .alternating-colors .alternate-color .alternating-colors .red.alternate-color.btn-project:hover .label {
          background-color: #f69ca3 !important; }
    .info-graphic-container .alternating-colors .red.alternate-color.info-graphic-item .icon-container, .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .red.alternate-color.info-graphic-item .icon-container {
      background-color: rgba(240, 86, 98, 0.75); }
  .alternating-colors .yellow.alternate-color,
  .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color {
    /*&.widget:not(.StandardWidget):not(.widget-full-width) h2.widget-title,
		&.widget:not(.widget-full-width) .btn-project h2.widget-title,*/ }
    .alternating-colors .yellow.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .yellow.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .yellow.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget.widget-half-width h2.widget-title,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.videos-container .playlist-title-container h2,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .stages-timeline .stages-timeline-item .st-number {
      color: #ffffff;
      background-color: #fcb53b; }
    .alternating-colors .yellow.alternate-color .btn-news .thumbnail,
    .alternating-colors .yellow.alternate-color .btn-search-result-item .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .btn-news .thumbnail,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .btn-search-result-item .thumbnail {
      border-bottom-color: #fcb53b; }
    .alternating-colors .yellow.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .yellow.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .yellow.alternate-color.widget h3,
    .alternating-colors .yellow.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .yellow.alternate-color.scenario dl dd.numbers,
    .alternating-colors .yellow.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .yellow.alternate-color.time-block dd.copy h3,
    .alternating-colors .yellow.alternate-color.scenario h3,
    .info-graphic-container .alternating-colors .yellow.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .yellow.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container .alternating-colors .yellow.alternate-color.blurb .icon, .alternating-colors .yellow.alternate-color.scenario-housing.c2e-circle-city:before, .alternating-colors .yellow.alternate-color.scenario-jobs.c2e-circle-briefcase:before, .alternating-colors .yellow.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container .alternating-colors .yellow.alternate-color.copy h2,
    .publications-container .alternating-colors .yellow.alternate-color.publications-topic h3,
    .alternating-colors .yellow.alternate-color.faq-category-container h2,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget.widget-full-width:not(.TimelineWidget) h2,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget.FormWidget.widget-half-width h2:not(.widget-title),
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget h3,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget .outcome.open .pos .number,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.scenario dl dd.numbers,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget .userformsgroup > legend:first-child,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.time-block dd.copy h3,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.scenario h3,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.info-graphic-item .copy h3,
    .shared-vision-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.blurb .icon,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.scenario-housing.c2e-circle-city:before,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.scenario-jobs.c2e-circle-briefcase:before,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.scenario-population.c2e-circle-people:before,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.copy h2,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.publications-topic h3,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.faq-category-container h2 {
      color: #fcb53b; }
    .alternating-colors .yellow.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .yellow.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .yellow.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .yellow.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .yellow.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container .alternating-colors .yellow.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container .alternating-colors .yellow.alternate-color.info-graphic-item .copy,
    .info-graphic-container .alternating-colors .yellow.alternate-color.info-graphic-item .copy .image,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget-full-width .outcome .pos .number,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget-full-width .outcome.open .pos .highlight,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .stages-timeline .stages-timeline-item .st-number,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget input[type=radio]:checked,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.info-graphic-item .icon-container .icon,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.info-graphic-item .copy,
    .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.info-graphic-item .copy .image {
      border-color: #fcb53b; }
    .alternating-colors .yellow.alternate-color.videos-container h2,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.videos-container h2 {
      color: #fcb53b;
      background-color: #ffffff; }
    .alternating-colors .yellow.alternate-color .btn-news h3,
    .alternating-colors .yellow.alternate-color .btn-search-result-item h3,
    .alternating-colors .yellow.alternate-color.widget .btn-event h3,
    .events-container > .alternating-colors .yellow.alternate-color h3,
    .alternating-colors .yellow.alternate-color.commercial-opportunities-category h3,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .btn-news h3,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .btn-search-result-item h3,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget .btn-event h3,
    .events-container >
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color h3,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.commercial-opportunities-category h3 {
      color: #fcb53b !important;
      border-left-color: #fcb53b; }
    .events-container .alternating-colors .yellow.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .yellow.alternate-color .left-highlight,
    .alternating-colors .yellow.alternate-color.faq-category-container .faq-item .clickable-area h3, .alternating-colors .yellow.alternate-color.extra-information,
    .alternating-colors .yellow.alternate-color.time-block dd.copy, .events-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .clickable-area .thumbnail .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .left-highlight,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.faq-category-container .faq-item .clickable-area h3,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.extra-information,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.time-block dd.copy {
      border-left-color: #fcb53b !important; }
    .alternating-colors .yellow.alternate-color .cta-icon-arrow,
    .alternating-colors .yellow.alternate-color .is-wysiwyg ul li,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .is-wysiwyg ul li {
      /*.is-wysiwyg *:not(fieldset.field) ul li {*/
      background-image: url(../image/ui/cta-icon-arrow-yellow.svg); }
    .alternating-colors .yellow.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .yellow.alternate-color .open .cta-icon-arrow, .alternating-colors .yellow.alternate-color.open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .faq-item .clickable-area .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .open .cta-icon-arrow,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.open .cta-icon-arrow {
      background-image: url(../image/ui/cta-icon-arrow-down-yellow.svg); }
    .alternating-colors .yellow.alternate-color.btn-event .btn-cta,
    .alternating-colors .yellow.alternate-color .youtube-container .btn-cta,
    .alternating-colors .yellow.alternate-color.widget .btn-cta,
    .alternating-colors .yellow.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .yellow.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .yellow.alternate-color.widget input[type=submit],
    .alternating-colors .yellow.alternate-color.widget input[type=button],
    .alternating-colors .yellow.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results .alternating-colors .yellow.alternate-color.btn-project .label,
    .alternating-colors .yellow.alternate-color .btn-news .btn-cta,
    .alternating-colors .yellow.alternate-color .btn-search-result-item .btn-cta,
    .userform-container .alternating-colors .yellow.alternate-color.bar,
    .userform-results .alternating-colors .yellow.alternate-color.bar,
    .alternating-colors .yellow.alternate-color.time-bar-container .time-bar,
    .publications-container .alternating-colors .yellow.alternate-color.publications-topic .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.btn-event .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .youtube-container .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget input[type=checkbox]:checked,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget input[type=radio]:checked,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget input[type=submit],
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget input[type=button],
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget .outcome:not(.open) .pos .number,
    .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.btn-project .label,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .btn-news .btn-cta,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .btn-search-result-item .btn-cta,
    .userform-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.bar,
    .userform-results
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.bar,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.time-bar-container .time-bar,
    .publications-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.publications-topic .btn-cta {
      background-color: #fcb53b; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .alternating-colors .yellow.alternate-color.widget .outcome.open .pos .number,
      .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget .outcome.open .pos .number {
        background-color: #fcb53b; } }
    .alternating-colors .yellow.alternate-color.widget select,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget select {
      background-image: url(../image/ui/form-select-icon-arrow-down-2-yellow.svg); }
      .is-ie .alternating-colors .yellow.alternate-color.widget select, .is-ie
      .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.widget select {
        background-image: none; }
    .alternating-colors .yellow.alternate-color .btn-close,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .btn-close {
      background-image: url(../image/ui/btn-icon-x-yellow.svg); }
    .alternating-colors .yellow.alternate-color .stages-timeline .stages-timeline-item.completed .st-number,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color .stages-timeline .stages-timeline-item.completed .st-number {
      color: #fcb53b;
      background-color: transparent;
      border-color: #fcb53b; }
    .alternating-colors .yellow.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .yellow.alternate-color.ImageComparisonWidget .comparison-prev.icon,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.GalleryWidget .owl-prev,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.ImageComparisonWidget .comparison-prev.icon {
      background-image: url(../image/ui/timeline-btn-arrow-left-yellow.svg); }
    .alternating-colors .yellow.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .yellow.alternate-color.ImageComparisonWidget .comparison-next.icon,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.GalleryWidget .owl-next,
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.ImageComparisonWidget .comparison-next.icon {
      background-image: url(../image/ui/timeline-btn-arrow-right-yellow.svg); }
    .ProjectHolder .project-search-results .alternating-colors .yellow.alternate-color.btn-project, .ProjectHolder .project-search-results
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.btn-project {
      border-color: #fba209; }
      .ProjectHolder .project-search-results .alternating-colors .yellow.alternate-color.btn-project:hover, .ProjectHolder .project-search-results
      .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.btn-project:hover {
        border-color: #fcb53b; }
        .ProjectHolder .project-search-results .alternating-colors .yellow.alternate-color.btn-project:hover .label, .ProjectHolder .project-search-results
        .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.btn-project:hover .label {
          background-color: #fdd186 !important; }
    .info-graphic-container .alternating-colors .yellow.alternate-color.info-graphic-item .icon-container, .info-graphic-container
    .alternating-colors .alternate-color .alternating-colors .yellow.alternate-color.info-graphic-item .icon-container {
      background-color: rgba(252, 181, 59, 0.75); }

@media screen and (min-aspect-ratio: 35 / 40), (min-width: 1025px) {
  .desktop-hide {
    display: none; } }

@media screen and (max-aspect-ratio: 35 / 40) and (min-width: 641px) and (max-width: 1024px) {
  .tablet-hide {
    display: none; } }

@media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
  .mobile-hide {
    display: none; } }

@media screen and (max-aspect-ratio: 35 / 40) and (max-width: 1024px), (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
  .desktop-show {
    display: none; } }

@media screen and (min-aspect-ratio: 35 / 40), (min-width: 1025px), (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
  .tablet-show {
    display: none; } }

@media screen and (min-aspect-ratio: 35 / 40), (min-width: 641px) {
  .mobile-show {
    display: none; } }

.native-scale {
  font-size: 10px !important; }

@media screen and (min-width: 1440px) {
  .native-scale-at-min {
    font-size: 10px !important; } }

@media screen and (max-width: 1440px) {
  .native-scale-at-max {
    font-size: 10px !important; } }

#ugnsw-main-viewport {
  width: 100%;
  overflow-x: hidden;
  font-size: 10px;
  position: relative;
  opacity: 0; }
  .is-ugnsw-loaded #ugnsw-main-viewport {
    opacity: 1; }
  iframe #ugnsw-main-viewport {
    font-size: inherit; }
  @media screen and (max-width: 1440px) {
    #ugnsw-main-viewport {
      font-size: calc(10vw / (1440 * 0.01)); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    #ugnsw-main-viewport {
      font-size: calc(10vw / (540 * 0.01)); }
      #ugnsw-main-viewport > .main {
        font-size: 1em; } }

dl {
  overflow: hidden; }
  dl dt,
  dl dd {
    display: block; }
  dl dt {
    font-weight: bold;
    float: left; }
  dl dt:after {
    content: ":"; }
  dl dd {
    float: none; }

.btn-ctas {
  text-align: right;
  /*.widget &:last-child {
		padding-bottom: 0;
	}*/ }
  .widget.widget-full-width .btn-ctas {
    margin-top: 2em;
    text-align: center; }
  .widget > * > .btn-ctas {
    padding: 2em; }
  .btn-ctas .btn-cta + .btn-cta {
    margin-left: calc(1em / 1.6); }
  .btn-event-header .btn-ctas .btn-cta + .btn-cta {
    margin-top: calc(1em / 1.6); }

.btn-cta {
  box-sizing: border-box;
  min-width: calc(13em / 1.6);
  height: calc(3.8em / 1.6);
  padding: 0 calc(2em / 1.6);
  border-bottom: calc(0.3em / 1.6) solid rgba(0, 0, 0, 0.15);
  border-radius: calc(3.8em / 2 / 1.6);
  display: inline-block;
  font-family: "museo-sans", sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  line-height: 1em;
  letter-spacing: 1px;
  background-color: #f47521;
  text-align: center;
  color: #ffffff; }
  .btn-cta.btn-dl {
    background-color: #8e9698; }
    .btn-cta.btn-dl span.label span.icon {
      background-image: url(../image/ui/icon-pdf-white.svg); }
  .btn-cta.btn-toggle {
    padding-right: calc((1em + 3.8em) / 1.6);
    border-top: calc(0.3em / 1.6) solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #ffffff;
    position: relative;
    top: calc(0.3em / -1.6 + 1px); }
    .btn-cta.btn-toggle span.label {
      margin: calc(((3.8em - 0.5em) / 1.6) / 2 - 0.3em - (0.5em * 0.75)) 0 0 !important;
      position: relative;
      left: 0em;
      top: calc(0.3em / 1.6);
      transition: left 0.25s; }
      .btn-cta.btn-toggle span.label .state-on {
        display: inline; }
      .btn-cta.btn-toggle span.label .state-off {
        display: none; }
    .btn-cta.btn-toggle span.toggle {
      width: calc((3.8em - 0.3em) / 1.6);
      height: calc((3.8em - 0.3em) / 1.6);
      border: 1px solid #8e9698;
      border-radius: calc((3.8em / 1.6) / 2);
      box-shadow: -1px 1px 1px #8e9698;
      position: absolute;
      left: calc(100% - (3.8em - 0.3em) / 1.6 - 2px - 1px);
      top: calc(0.3em / 1.6 * -1);
      background-color: #ffffff;
      background-image: none;
      transition: left 0.25s; }
    .btn-cta.btn-toggle.off span.label {
      left: calc((3.8em + 2em) / 1.6 - 2em); }
      .btn-cta.btn-toggle.off span.label .state-on {
        display: none; }
      .btn-cta.btn-toggle.off span.label .state-off {
        display: inline; }
    .btn-cta.btn-toggle.off span.toggle {
      box-shadow: 1px 1px 1px #8e9698;
      left: 1px; }
  p .btn-cta,
  li .btn-cta,
  dt .btn-cta,
  dd .btn-cta {
    font-size: 1em !important;
    /*sets inherited font-sizes to 1em*/ }
  .btn-cta span.label {
    margin: calc(((3.8em - 0.5em) / 1.6) / 2 - (0.5em * 0.75)) 0 0 !important;
    /*MARGIN NOTES:
			3.8em = total height of button
			0.5em = 5 pixel border-bottom
			/ 1.6 = DIVIDE by font-size converts the EM units above to absolute pixel units
			/ 2 = DIVIDE again to get half the height of the button
			- (0.5em * 0.75) = MINUS half the height of line height. *0.75 is because we only display ALL CAPS.
			ALL THIS SETS the margin top so that the text element is in the middle of the button
		*/
    display: inline-block; }
    .btn-cta span.label span.icon {
      width: calc(0.9em / 1.6);
      height: calc(1.4em / 1.6);
      margin-left: calc(1.4em / 1.6);
      display: inline-block;
      position: relative;
      top: calc(0.1em / 1.6);
      background-image: url(../image/ui/cta-icon-arrow.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: calc(0.9em / 1.6) auto; }
      @media screen and (max-width: 1439px) {
        .btn-cta span.label span.icon {
          width: calc(0.9em / 1.8);
          height: calc(1.4em / 1.8);
          margin-left: calc(1.4em / 1.8);
          top: calc(0.1em / 1.8);
          background-size: calc(0.9em / 1.8); } }

.clickable-area {
  position: relative; }
  .clickable-area:not(.non-clickable-area) {
    cursor: pointer; }
  .clickable-area .cta-icon-arrow {
    width: 0.7em;
    height: 1.2em;
    display: block;
    position: absolute;
    right: 2em;
    top: calc(50% - 0.6em);
    background-image: url(../image/ui/cta-icon-arrow-orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.7em auto; }
  .clickable-area a.btn {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }

.open .cta-icon-arrow {
  width: 1.2em;
  background-image: url(../image/ui/cta-icon-arrow-down-orange.svg);
  background-size: 1.2em auto; }

#ugnsw-main-viewport div.main #hero,
#ugnsw-main-viewport div.main #breadcrumb,
#ugnsw-main-viewport div.main #breadcrumb + .full-width {
  background-color: #ffffff !important; }

#ugnsw-main-viewport div.main > .full-width:nth-child(2n + 1):not(.selected-video) {
  background-color: #ffffff !important; }
  #ugnsw-main-viewport div.main > .full-width:nth-child(2n + 1):not(.selected-video) .alternate-bg-color {
    background-color: #f6f6f6 !important; }

#ugnsw-main-viewport div.main > .full-width:nth-child(2n + 2):not(.selected-video) {
  background-color: #f6f6f6 !important; }
  #ugnsw-main-viewport div.main > .full-width:nth-child(2n + 2):not(.selected-video) .alternate-bg-color {
    background-color: #ffffff !important; }

@media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
  #ugnsw-main-viewport div.main > .full-width:nth-child(2n + 1):not(.selected-video) .outcome-content.alternate-bg-color {
    background-color: transparent !important; }
  #ugnsw-main-viewport div.main > .full-width:nth-child(2n + 2):not(.selected-video) .outcome-content.alternate-bg-color {
    background-color: transparent !important; } }

#ugnsw-main-viewport.home-page #breadcrumb + .full-width {
  padding-top: 2em; }

.full-width {
  width: 100%; }
  .main .full-width {
    padding-top: 4.5em;
    padding-bottom: 4.5em; }
  .full-width.map-container {
    padding-top: 0;
    padding-bottom: 0; }
  .full-width > *:last-child {
    margin-bottom: 0 !important; }
  @media screen and (max-width: 1440px) {
    .full-width:not(.has-widget-half-width) + .full-width.has-widget-half-width {
      padding-top: 9em;
      background-image: url(../image/ui/background-flair.png);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 35em 12.5em; } }

.content-width {
  width: 97em;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .content-width .content-width {
    width: 100% !important; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .content-width {
      width: calc(100% - 4em) !important; } }

.columns {
  overflow: hidden; }
  .columns .column {
    float: left; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .columns .column {
        width: 100% !important; }
        .columns .column + .column {
          margin-top: 2em; } }

.column-33 {
  width: 33.33333%;
  float: left; }

.column-50 {
  width: 50%; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .column-50 {
      width: 100%; } }

.masonry-container {
  position: relative; }
  .masonry-container > .masonry-item:not(:last-child) {
    margin-bottom: 2em !important; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .masonry-container {
      height: auto !important; }
      .masonry-container > * {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        position: static !important; } }

.hidden {
  display: none; }

hr {
  border: 0;
  height: 1px;
  background-color: #000000; }

div.load-more {
  width: 100%;
  height: 4em;
  margin-top: 2em;
  text-align: center;
  position: relative; }
  @media screen and (min-aspect-ratio: 35 / 40) {
    div.load-more:hover span {
      left: 1em; } }
  div.load-more > span {
    padding: 0 1em;
    font-family: "museo-sans", sans-serif;
    font-size: 1.6em;
    font-weight: 700;
    line-height: calc(4em / 1.6);
    position: relative;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #ffffff;
    color: #8e9698;
    display: inline-block;
    transition: left 0.25s; }
    div.load-more > span .icon {
      padding-left: 1em;
      font-size: 1em;
      vertical-align: sub; }
    @media screen and (max-width: 1024px) {
      div.load-more > span {
        font-size: 2.25em;
        line-height: calc(4em / 2.25); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      div.load-more > span {
        font-size: 2em;
        line-height: calc(4em / 2); } }
  div.load-more hr {
    width: calc(100% - 2em);
    height: 1px;
    border: 0;
    position: absolute;
    left: 1em;
    top: 2em;
    z-index: 1;
    background-color: #e2e2e2; }
  div.load-more a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3; }

.mouse-blocker {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: default; }

dl.meta-data-container {
  width: 100%; }
  dl.meta-data-container + dl.meta-data-container {
    margin-top: 0 !important; }
  dl.meta-data-container .meta-data-column {
    margin-right: 5em;
    float: left; }
    dl.meta-data-container .meta-data-column:last-child {
      margin-right: 0; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      dl.meta-data-container .meta-data-column {
        width: 100%;
        margin-right: 0; } }
    dl.meta-data-container .meta-data-column dt {
      width: auto;
      padding-right: calc(1em / 1.6);
      float: none;
      display: inline-block; }
      @media screen and (max-width: 1024px) {
        dl.meta-data-container .meta-data-column dt {
          padding-right: calc(1em / 2.25); } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        dl.meta-data-container .meta-data-column dt {
          padding-right: calc(1em / 2); } }
    dl.meta-data-container .meta-data-column dd {
      float: none;
      display: inline-block; }

h1 + dl,
h2 + dl,
h3 + dl,
h4 + dl,
h5 + dl {
  margin-top: 2em; }

.stick-on-scroll {
  width: 100%;
  position: fixed;
  top: 13.5em;
  z-index: 2; }
  .stick-on-scroll.stick-on-scroll-disabled {
    position: absolute; }
  .mini-header .stick-on-scroll {
    top: 13.5em; }
  .is-scrolled .stick-on-scroll {
    border-bottom: 1px solid #ededed; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .stick-on-scroll {
      position: static; }
      .is-scrolled .stick-on-scroll {
        border-bottom: none; } }

.parallax-foreground {
  background-color: #ffffff;
  will-change: transform; }

.parallax-middle-ground {
  will-change: transform; }

#breadcrumb {
  width: 100%;
  padding-top: 3em;
  /*margin-bottom: 2em;*/ }
  #breadcrumb p {
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    text-transform: capitalize;
    color: #8e9698; }
    @media screen and (max-width: 1024px) {
      #breadcrumb p {
        font-size: 2.25em; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #breadcrumb p {
        font-size: 2em; } }
    #breadcrumb p a {
      padding-right: 1.6em;
      margin-right: 1em;
      background-image: url(../image/ui/breadcrumb-icon-arrow.png);
      background-position: right center;
      background-size: 0.6em auto;
      background-repeat: no-repeat;
      color: #8e9698; }
      @media screen and (max-width: 1024px) {
        #breadcrumb p a {
          padding-right: calc(1.6em / 2.25);
          margin-right: calc(1em / 2.25);
          background-size: calc(0.6em / 2.25) auto; } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        #breadcrumb p a {
          padding-right: calc(1.6em / 2);
          margin-right: calc(1em / 2);
          background-size: calc(0.6em / 2) auto; } }

header#margin-top {
  width: 100%;
  height: 13.5em;
  border-bottom: solid rgba(244, 117, 32, 0) 4px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  transition: height 0.25s, background-color 0.25s, border-bottom-color 0.25s; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    header#margin-top {
      position: fixed; } }
  header#margin-top .bg-gradient {
    width: 100%;
    height: calc(13.5em * 1.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.73) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.73) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.73) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }
    body:not(.HomePage) header#margin-top .bg-gradient {
      display: none; }
  header#margin-top div#burger-menu-container {
    top: 0; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      header#margin-top div#burger-menu-container {
        background: #3b4044;
        background: -moz-linear-gradient(left, #3b4044 0%, #4d5960 5%);
        background: -webkit-linear-gradient(left, #3b4044 0%, #4d5960 5%);
        background: linear-gradient(to right, #3b4044 0%, #4d5960 5%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4044', endColorstr='#4d5960',GradientType=1 );
        position: fixed;
        height: 100%;
        width: 85%;
        overflow: scroll;
        left: 100%;
        transition: left 0.25s;
        background-color: #5d686d; }
        header#margin-top div#burger-menu-container.open {
          left: 15%; } }
  header#margin-top.mini,
  .mini-header header#margin-top {
    height: 13.5em;
    border-bottom-color: #f47520;
    border-bottom-width: 4px;
    background-color: rgba(255, 255, 255, 0.95); }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      header#margin-top.mini,
      .mini-header header#margin-top {
        height: 8.8em; } }
    header#margin-top.mini .search-container,
    .mini-header header#margin-top .search-container {
      height: 13.5em; }
      header#margin-top.mini .search-container .btn-close-search,
      .mini-header header#margin-top .search-container .btn-close-search {
        top: 0.55em; }
  header#margin-top .logo-c2e {
    width: 27.4em;
    height: 4em;
    margin: 2em auto 0;
    background: url(../image/ui/logo-c2e.svg) no-repeat center center;
    background-size: 27.4em auto;
    position: relative; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      header#margin-top .logo-c2e {
        width: 35em;
        height: 5em;
        margin: calc((8.8em / 2) - 2.5em) 0 0 2em;
        background-size: 35em auto;
        position: relative;
        left: 0;
        top: 0; } }
    header#margin-top .logo-c2e a {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  header#margin-top .btn-icon-container {
    display: none;
    transition: right 0.25s; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      header#margin-top .btn-icon-container {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        padding: 2.3em 0;
        background-color: #4d595f; }
        header#margin-top .btn-icon-container.active {
          right: 85%;
          position: fixed; } }
  header#margin-top a.btn-icon {
    width: calc(8.5em / 2);
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    position: static; }
  header#margin-top a.btn-icon-container.active {
    background-color: rgba(242, 242, 242, 0.3); }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      header#margin-top a.btn-icon-container.active {
        background-color: transparent !important; } }
  header#margin-top ul#header-menu {
    margin-top: 2em;
    text-align: center; }
    @media screen and (min-aspect-ratio: 35 / 40), screen and (min-width: 640px) {
      header#margin-top ul#header-menu li.dropdown:hover .c2e-header-icon-arrow-down {
        display: none; }
      header#margin-top ul#header-menu li.dropdown:hover .c2e-header-icon-arrow-up {
        display: inline-block; }
      header#margin-top ul#header-menu li.dropdown:hover ul.dropdown-content {
        display: block; } }
    header#margin-top ul#header-menu li.dropdown {
      position: relative;
      display: inline-block; }
      header#margin-top ul#header-menu li.dropdown.login-area ul.dropdown-content {
        left: calc(50% - (24em / 2) - 2em); }
    header#margin-top ul#header-menu > li {
      font-size: 1em; }
    header#margin-top ul#header-menu ul.dropdown-content {
      width: 100%;
      min-width: 24em;
      margin-top: 0;
      position: absolute;
      left: calc(50% - 24.5em / 2);
      top: 4em;
      display: none;
      background-color: #FFF;
      border-radius: 1em;
      border: solid #d4d4d4 1px; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        header#margin-top ul#header-menu ul.dropdown-content {
          max-height: 0;
          position: static;
          display: block;
          border: none;
          background: #dbdbdb;
          background: -moz-linear-gradient(left, #dbdbdb 0%, white 6%);
          background: -webkit-linear-gradient(left, #dbdbdb 0%, white 6%);
          background: linear-gradient(to right, #dbdbdb 0%, white 6%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=1 );
          border-radius: 0;
          transition: max-height 0.25s;
          overflow: hidden; }
          header#margin-top ul#header-menu ul.dropdown-content.open {
            display: block;
            max-height: 1000px; } }
      header#margin-top ul#header-menu ul.dropdown-content li {
        border-bottom: solid #d4d4d4 1px;
        text-align: center; }
        header#margin-top ul#header-menu ul.dropdown-content li:last-child {
          border-bottom: none;
          border-bottom-right-radius: 1em;
          border-bottom-left-radius: 1em; }
        header#margin-top ul#header-menu ul.dropdown-content li:first-child {
          border-top-right-radius: 1em;
          border-top-left-radius: 1em; }
        header#margin-top ul#header-menu ul.dropdown-content li:hover {
          background: white;
          background: -moz-linear-gradient(top, white 0%, #f7f7f7 100%);
          background: -webkit-linear-gradient(top, white 0%, #f7f7f7 100%);
          background: linear-gradient(to bottom, white 0%, #f7f7f7 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            header#margin-top ul#header-menu ul.dropdown-content li:hover {
              background: none; } }
        header#margin-top ul#header-menu ul.dropdown-content li a {
          height: auto;
          margin-top: 0;
          display: block;
          padding: calc(1.5em / 1.7) 0; }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            header#margin-top ul#header-menu ul.dropdown-content li a {
              font-family: "Open Sans";
              font-weight: 300;
              font-size: 2em;
              color: #687479;
              padding-top: calc(1.5em / 2) !important;
              padding-bottom: calc(1.5em / 2) !important; } }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          header#margin-top ul#header-menu ul.dropdown-content li {
            text-align: left;
            padding: 0 0 0 1em; } }
    header#margin-top ul#header-menu ul.dropdown-content:after,
    header#margin-top ul#header-menu ul.dropdown-content:before {
      border-left: 0.8em solid transparent;
      border-right: 0.8em solid transparent;
      border-bottom: 0.8em solid #ffffff;
      top: -0.8em;
      content: '';
      left: 50%;
      margin-left: -0.8em;
      position: absolute; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        header#margin-top ul#header-menu ul.dropdown-content:after,
        header#margin-top ul#header-menu ul.dropdown-content:before {
          border: none;
          display: none; } }
    header#margin-top ul#header-menu ul.dropdown-content:before {
      border-left: 1em solid transparent;
      border-right: 1em solid transparent;
      border-bottom: 1em solid;
      border-top-color: inherit;
      top: -1em;
      margin-left: -1em;
      color: #d4d4d4; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        header#margin-top ul#header-menu ul.dropdown-content:before {
          border: none;
          display: none; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      header#margin-top ul#header-menu {
        float: none; }
        header#margin-top ul#header-menu.active {
          left: 0; }
          header#margin-top ul#header-menu.active .btn-icon-container {
            background-color: #444f55 !important; } }
    header#margin-top ul#header-menu > li {
      margin-right: 2.5em;
      margin-left: 2.5em;
      display: inline-block;
      /*a#btn-burger-menu {
				margin-right: 0;
				background-image: url(../image/ui/btn-burger-menu.svg);
				background-size: calc(2.6em / 2) auto;

				&.active {
					background-image: url(../image/ui/btn-icon-x-white.svg);
				}
			}*/ }
      header#margin-top ul#header-menu > li.login-area {
        margin: 0; }
        header#margin-top ul#header-menu > li.login-area a .login-btn :not(.has-more) {
          font-size: 1.6em;
          display: inline-block; }
        header#margin-top ul#header-menu > li.login-area a .has-more {
          font-size: calc(0.36em / 1.6);
          margin-left: 0.7em; }
        header#margin-top ul#header-menu > li.login-area a .sep-lines {
          padding-left: 0.7em;
          padding-right: 0.7em;
          border-left: solid #CCCCCC calc(0.1em / 1.7);
          border-right: solid #CCCCCC calc(0.1em / 1.7); }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            header#margin-top ul#header-menu > li.login-area a .sep-lines {
              border: none;
              padding: 0; } }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          header#margin-top ul#header-menu > li.login-area {
            display: none !important; } }
      header#margin-top ul#header-menu > li.search-area a .search-btn {
        font-size: 1.6em !important; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        header#margin-top ul#header-menu > li.search-area {
          display: none !important; } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        header#margin-top ul#header-menu > li {
          height: auto;
          margin-right: 0;
          margin-left: 0;
          border-top: 1px solid #848e93;
          border-bottom: 1px solid #12181c;
          display: block !important;
          text-align: left; }
          header#margin-top ul#header-menu > li:first-child {
            border-top: none; } }
      header#margin-top ul#header-menu > li a {
        height: calc(3em / 1.7);
        padding-bottom: calc(2em / 1.7);
        display: inline-block;
        line-height: calc(3em / 1.7);
        font-family: "Open Sans", sans-serif;
        font-size: 1.7em;
        font-weight: 300;
        color: #000000;
        vertical-align: middle; }
        header#margin-top ul#header-menu > li a .c2e-strong-right-arrow,
        header#margin-top ul#header-menu > li a .c2e-strong-down-arrow {
          display: none;
          float: right;
          font-size: 0.75em;
          margin-right: 0.5em; }
        header#margin-top ul#header-menu > li a .has-more {
          font-size: 0.36em;
          display: inline-block; }
          header#margin-top ul#header-menu > li a .has-more.c2e-header-icon-arrow-up {
            display: none; }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            header#margin-top ul#header-menu > li a .has-more {
              display: none; } }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          header#margin-top ul#header-menu > li a {
            padding: 0.3em 0 0.3em 1em !important;
            display: block;
            font-family: "museo-sans";
            font-weight: 700;
            font-size: 3em;
            line-height: calc((10.25em / 4.25) - 2px);
            letter-spacing: calc(0.05em / 4.25);
            color: #ffffff; }
            header#margin-top ul#header-menu > li a .c2e-strong-right-arrow {
              display: block; }
            header#margin-top ul#header-menu > li a.active .c2e-strong-down-arrow {
              display: block; }
            header#margin-top ul#header-menu > li a.active .c2e-strong-right-arrow {
              display: none; } }
  header#margin-top .search-container {
    width: 100%;
    min-width: 100em;
    height: 13.5em;
    background-color: #ffffff;
    display: none;
    position: absolute;
    left: 0;
    top: 0; }
    header#margin-top .search-container.open {
      display: block; }
    header#margin-top .search-container .btn-close-search {
      position: absolute;
      right: 0.7em;
      top: 0.7em;
      font-size: 3em;
      color: #000000; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      header#margin-top .search-container {
        display: none !important; } }

.left-edge-fg {
  width: 3.5em;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../image/ui/burger-menu-left-fg.png);
  background-position: left;
  background-size: 3.5em 1em;
  background-repeat: repeat-y;
  pointer-events: none; }

#header-pusher {
  height: calc(13.5em + 4px);
  display: none; }
  .mini-header #header-pusher {
    display: block; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    #header-pusher {
      height: 8.8em;
      display: block; } }

#hero {
  width: 100%;
  height: 65.8em;
  /*background-image: url(../image/content/home/hero.jpg);*/
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    #hero {
      height: 50em; } }
  .no-hero #hero {
    display: none; }
  #hero .mobile-replacement-for-video {
    width: 100%;
    height: 100%;
    display: none;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #hero .mobile-replacement-for-video {
        display: block; } }
  #hero iframe {
    width: 100%;
    height: 100%; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #hero iframe {
        display: none; } }
  .content-page #hero {
    height: 37.4em; }
  .ProjectHolder #hero,
  .ProjectPage #hero {
    height: 64em; }
  #hero .slides {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*.slide {
			.copy {
				width: 50%;
				left: 25%;
				top: calc(50% - 5em);

				@media screen and (max-aspect-ratio: $breakpointMaxAspectRatio) and (max-width: $mobilePortraitPixelWidth) {
					width: calc(100% - 4em);
					top: auto;
					bottom: 5em;
					left: 2em;
				}
			}
		}*/ }
  #hero .copy,
  #hero .slide {
    width: 100%;
    position: absolute;
    top: 50%; }
    .home-page #hero .copy, .home-page
    #hero .slide {
      text-align: center; }
    .content-page #hero .copy, .content-page
    #hero .slide {
      width: calc(97em * 0.625);
      left: calc(50% - 97em / 2); }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .content-page #hero .copy, .content-page
        #hero .slide {
          width: calc(100% - 4em);
          left: 2em; } }
    #hero .copy h1,
    #hero .slide h1 {
      /*text-transform: uppercase;*/
      color: #ffffff; }
      .content-page #hero .copy h1, .content-page
      #hero .slide h1 {
        margin-top: auto;
        line-height: 1em;
        text-align: left; }
    #hero .copy h2 + a.btn-cta,
    #hero .slide h2 + a.btn-cta {
      margin-top: 1em; }
  #hero .slide {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover; }
  #hero .bg-image-whitewash {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ffffff;
    opacity: 0.8; }
    body:not(.HomePage) #hero .bg-image-whitewash {
      background-color: #000000;
      opacity: 0.3; }
  #hero .logo-c2e {
    width: 98.3em;
    height: 13.2em;
    margin: 0 auto; }

.hero-graphic-anim {
  width: 60.1em;
  height: 23.3em;
  margin-top: -23.3em;
  position: relative; }
  .content-page .hero-graphic-anim {
    height: 16.2em;
    margin-top: -16.2em; }

.map-header {
  background-color: #00bcda !important; }
  .map-header .content-width h2 {
    color: #ffffff !important; }

.map-container {
  min-height: 4em;
  border-bottom: 0.1em solid #8e9698;
  overflow: hidden;
  position: relative;
  transition: min-height 0.25s; }
  #breadcrumb + .map-container {
    padding-top: 0 !important;
    margin-top: -3em !important; }
  .map-container.open {
    min-height: 50em; }
    .map-container.open .btn-open-map {
      display: none; }
    .map-container.open .btn-close-map {
      display: block; }
  .map-container .kml-layers {
    display: none; }
  .map-container .btn-open-map {
    width: calc(100% - 4em / 1.6);
    height: calc(4em / 1.6);
    padding-right: calc(4em / 1.6);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6em;
    line-height: calc(4em / 1.6);
    text-align: right;
    color: #8e9698;
    z-index: 1; }
    @media screen and (max-width: 1024px) {
      .map-container .btn-open-map {
        width: calc(100% - (10em + 4em) / 2.25);
        height: calc(4em / 2.25);
        padding-right: calc(4em / 2.25);
        font-size: 2.25em;
        line-height: calc(4em / 2.25); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .map-container .btn-open-map {
        width: calc(100% - (10em + 4em) / 2);
        height: calc(4em / 2);
        padding-right: calc(4em / 2);
        font-size: 2em;
        line-height: calc(4em / 2); } }
    .map-container .btn-open-map:hover .icon {
      top: 0.25em; }
    .map-container .btn-open-map .icon {
      width: calc(4em / 1.6);
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      background-image: url(../image/ui/cta-icon-arrow-down-grey.svg);
      background-position: center;
      background-size: calc(1.4em / 1.6) auto;
      background-repeat: no-repeat;
      transition: top 0.25s; }
      @media screen and (max-width: 1024px) {
        .map-container .btn-open-map .icon {
          width: calc(4em / 2.25);
          background-size: calc(1.4em / 2.25) auto; } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .map-container .btn-open-map .icon {
          width: calc(4em / 2);
          background-size: calc(1.4em / 2) auto; } }
  .map-container .btn-close-map {
    width: 4em;
    height: 4em;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
    .map-container .btn-close-map:hover .icon {
      opacity: 1; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .map-container .btn-close-map {
        right: 10em; } }
    .map-container .btn-close-map .icon {
      width: 4em;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      background-image: url(../image/ui/btn-icon-x-grey.svg);
      background-position: center;
      background-size: 1.4em auto;
      background-repeat: no-repeat;
      opacity: 0.5;
      transition: opacity 0.25s; }
  .map-container .is-loading {
    width: 10em;
    height: 10em;
    position: absolute;
    left: calc(50% - 5em);
    top: calc(50% - 5em); }
  .map-container .block-map-for-site-scroll {
    width: 10em;
    height: 100%;
    border-left: 1px solid #C0C0C0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffffff;
    z-index: 2;
    opacity: 0.3;
    display: none; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .map-container .block-map-for-site-scroll {
        display: block; } }
  .map-container .map-tooltip {
    max-width: 30em;
    padding: 0.5em;
    border: 1px solid #303c42;
    position: absolute;
    background-color: #ffffff;
    z-index: 1; }
    .map-container .map-tooltip p {
      color: #303c42; }
    .map-container .map-tooltip.map-menu-tooltip {
      width: 30em;
      max-width: 100%;
      padding: 1em 5em 1em;
      border-top: 1px solid #ededed;
      border-right: 1px solid #ededed;
      border-bottom: 4px solid #ededed;
      border-left: 1px solid #ededed;
      border-radius: 5em;
      box-shadow: 0 0.25em 2em #8e9698;
      -ms-transform: translate(-22.5em, -12.5em);
      /* IE 9 */
      -webkit-transform: translate(-22.5em, -12.5em);
      /* Safari */
      transform: translate(-22.5em, -12.5em); }
      .map-container .map-tooltip.map-menu-tooltip h2, .map-container .map-tooltip.map-menu-tooltip p {
        padding: 0;
        margin: 0;
        text-align: center; }
        .map-container .map-tooltip.map-menu-tooltip h2 a, .map-container .map-tooltip.map-menu-tooltip p a {
          text-decoration: underline; }
      .map-container .map-tooltip.map-menu-tooltip .tooltip-tail {
        width: 3.8em;
        height: 3em;
        position: absolute;
        left: calc(50% - 3.8em / 2);
        bottom: -3em;
        background-image: url(../image/ui/map-menu-tooltip-tail.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }

.map-legend {
  padding: 2em 0 0; }
  .map-legend .content-width {
    text-align: center; }
    .map-legend .content-width .map-legend-items {
      text-align: center; }
      .map-legend .content-width .map-legend-items .map-legend-item {
        margin-bottom: 1em;
        display: inline-block;
        transition: opacity 0.25s; }
        .map-legend .content-width .map-legend-items .map-legend-item + .map-legend-item {
          margin-left: 6em; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .map-legend .content-width .map-legend-items .map-legend-item {
            width: 50%;
            margin-left: 0 !important;
            text-align: left; } }
        .map-legend .content-width .map-legend-items .map-legend-item .invisible {
          /*text-decoration: line-through;*/
          opacity: 0.5; }
        .map-legend .content-width .map-legend-items .map-legend-item .marker {
          width: 2em;
          height: 1em;
          margin-right: 0.5em;
          display: inline-block;
          background-position: right center;
          background-size: auto 100%;
          background-repeat: no-repeat; }
          .map-legend .content-width .map-legend-items .map-legend-item .marker.icon {
            width: 1em; }
        .map-legend .content-width .map-legend-items .map-legend-item.map-legend-item-orange .marker {
          background-color: #f47521;
          /*height: 0.2em;
						position: relative;
						top: -0.25em;*/ }
        .map-legend .content-width .map-legend-items .map-legend-item.map-legend-item-green .marker {
          background-color: #a2b427; }
        .map-legend .content-width .map-legend-items .map-legend-item.map-legend-item-blue .marker {
          background-color: #00bcda; }
    .map-legend .content-width .btn-hide-elements-in-legend {
      border: 1px solid #b6bbbc !important;
      display: inline-block;
      background-color: transparent !important; }

.map-legend + .full-width {
  padding-top: 0; }

.project-finder {
  border-bottom: 1px solid #c4c4c4;
  box-shadow: 0 1px 1px #dfdfdf;
  background-color: rgba(255, 255, 255, 0.75);
  position: relative;
  z-index: 2;
  background-image: url(../image/ui/project-finder-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  .project-finder .content-width {
    padding-top: 5em; }
    .project-finder .content-width > h2, .project-finder .content-width > p {
      text-align: center; }

.map {
  width: 100%;
  height: 100%;
  min-height: 50em;
  border-top: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /*@media screen and (max-aspect-ratio: $breakpointMaxAspectRatio) and (max-width: $mobilePortraitPixelWidth) {
		width: calc(100% - 10em);
	}*/ }

.gm-style-iw {
  width: 22em !important;
  height: calc(19em + 1.3em);
  left: calc(50% - 11em) !important;
  bottom: 0;
  top: auto !important;
  /*top: 0 !important;*/ }
  .gm-style-iw + div {
    display: none; }
  .gm-style-iw > div {
    width: 100%;
    height: 100%;
    max-width: none !important;
    max-height: none !important; }
    .gm-style-iw > div > div {
      width: 100%;
      height: 100%; }

.info-window-container {
  width: 100%;
  /*height: calc(100% - 0.5em);*/
  height: calc(100% - 0.5em - 1.3em);
  border-bottom: 0.4em solid #f47521;
  position: relative;
  background-color: #8e9698; }
  .info-window-container div.info-window-tail {
    width: 2.6em;
    height: 2.6em;
    position: absolute;
    left: calc(50% - 2.6em / 2);
    bottom: -1.3em;
    background-image: url(../image/ui/map-info-window-tail.png);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat; }
  .info-window-container h2.info-window-title {
    width: calc(100% - 2em / 2.8);
    /*height: 4.5em;*/
    padding: calc(1em / 2.8) calc(1em / 2.8);
    font-family: "museo-sans", sans-serif;
    font-weight: 500;
    font-size: 2.8em;
    /*line-height: calc(4.5em / 2.8);*/
    letter-spacing: calc(0.05em / 2.8);
    text-align: center;
    text-transform: uppercase;
    /*white-space: nowrap;*/
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
    color: #f47521; }
    .info-window-container h2.info-window-title span {
      position: relative;
      top: 0.15em; }
  .info-window-container a.btn-jump {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer; }
  .info-window-container div.btn-close {
    width: 1.9em;
    height: 1.9em;
    /*border-radius: 50%;*/
    /*background-color: rgba(255,255,255,1);*/
    background-image: url(../image/ui/btn-icon-x-white.svg);
    background-position: center;
    background-size: 1.4em auto;
    background-repeat: no-repeat;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    opacity: 0.75;
    cursor: pointer;
    z-index: 1;
    transition: opacity 0.25s; }
    .info-window-container div.btn-close:hover {
      opacity: 1; }

.map-user-comments-container .map-container {
  border-bottom: 0; }
  .map-user-comments-container .map-container .map {
    /*&.state-add-a-comment .gm-style div:nth-child(1) {*/ }
    html:not(.is-safari) .map-user-comments-container .map-container .map.state-add-a-comment .gm-style div:nth-child(1) {
      cursor: url(../image/ui/map-icon-marker-placement.svg) 20 55, auto !important; }
    html.is-safari .map-user-comments-container .map-container .map.state-add-a-comment .gm-style div:nth-child(1) {
      cursor: url(../image/ui/map-icon-marker-placement-safari.svg), auto !important; }

.map-user-comments-container .user-comment-controls {
  /*height: 8em;*/
  padding: 2em 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  /*background-color: rgba(225,225,225,0.8);*/
  background-color: #e1e1e1; }
  .map-user-comments-container .user-comment-controls.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .map-user-comments-container .user-comment-controls .toggle-comments-controls {
    display: none; }
    .map-user-comments-container .user-comment-controls .toggle-comments-controls h3 {
      display: inline-block;
      position: relative;
      z-index: 1; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .map-user-comments-container .user-comment-controls .toggle-comments-controls h3 {
          display: block; } }
    .map-user-comments-container .user-comment-controls .toggle-comments-controls .btn-toggle-comments {
      margin-left: calc(2em / 1.6);
      background-color: #a2b427; }
      .map-user-comments-container .user-comment-controls .toggle-comments-controls .btn-toggle-comments.off {
        background-color: #b8bdbe; }
  .map-user-comments-container .user-comment-controls .btn-add-a-comment {
    margin-left: calc(2em / 1.6);
    padding-right: calc((1em + 2.3em + 2em) / 1.6);
    position: relative; }
    .map-user-comments-container .user-comment-controls .btn-add-a-comment .label {
      position: relative; }
      .map-user-comments-container .user-comment-controls .btn-add-a-comment .label .icon {
        width: calc(2.3em / 1.6);
        height: calc(2.1em / 1.6);
        display: block;
        position: absolute;
        right: calc((1em + 2.3em) / -1.6);
        top: calc(((2.1em / 1.6 / 2) - 0.5em) * -1);
        background-size: 100% auto;
        background-image: url(../image/ui/btn-icon-map-comment.svg); }
  .map-user-comments-container .user-comment-controls .btn-cancel-adding-a-comment {
    margin-left: calc(2em / 1.6);
    position: relative;
    display: none; }

.map-user-comments-container .user-comment-form {
  width: 100%;
  padding: 2em 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
  /*background-color: rgba(250,250,250,0.85);*/
  background-color: #fafafa; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .map-user-comments-container .user-comment-form {
      z-index: 2; } }
  .map-user-comments-container .user-comment-form .content-width {
    /*.t-and-c-and-submit {
				margin-top: 2em;
				text-align: right;
			}*/ }
    .map-user-comments-container .user-comment-form .content-width .logged-in-as {
      display: block;
      position: absolute;
      right: 2.5em;
      top: 0; }
    .map-user-comments-container .user-comment-form .content-width .user-comment-screen-name {
      width: auto !important;
      height: auto;
      /*border: none;*/
      /*background-color: transparent;*/ }
    .map-user-comments-container .user-comment-form .content-width .btn-close {
      width: 2.5em;
      height: 2.5em;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      background-image: url(../image/ui/btn-icon-x-grey.svg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .map-user-comments-container .user-comment-form .content-width .copy.is-wysiwyg {
      margin-top: 2em;
      text-align: right; }

.map-user-comments-container .user-comments-container {
  margin-top: 4em;
  display: none; }
  .map-user-comments-container .user-comments-container .user-comments {
    margin-top: 2em; }
    .map-user-comments-container .user-comments-container .user-comments .user-comment .date {
      font-weight: bold; }
    .map-user-comments-container .user-comments-container .user-comments .user-comment + .user-comment {
      padding-top: 2em;
      border-top: 1px solid #8e9698;
      margin-top: 2em; }

.map-widget {
  position: relative; }
  .map-widget .copy + .map-container {
    margin-top: 2em; }
  .map-widget .btn-scroll-to-user-comments {
    display: none; }

fieldset {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  box-sizing: border-box;
  min-width: 0;
  padding: 0;
  border: 0;
  margin: 0; }

input[type=submit],
input[type=button],
button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  box-sizing: border-box;
  min-width: calc(13em / 1.6);
  height: calc(4em / 1.6);
  padding: calc(0.1em / 1.6) calc(4em / 1.6) 0 calc(2em / 1.6);
  border-top: 0;
  border-right: 0;
  border-bottom: calc(0.3em / 1.6) solid rgba(0, 0, 0, 0.15);
  border-left: 0;
  border-radius: calc(2em / 1.6);
  margin-top: calc(0.1em / 1.6);
  display: inline-block;
  font-family: "museo-sans";
  font-weight: 500;
  font-size: 1.6em;
  letter-spacing: calc(0.05em / 1.6);
  background-color: #f47521;
  text-align: center;
  color: #ffffff;
  background-image: url(../image/ui/cta-icon-arrow.svg);
  background-position: right calc(2em / 1.6) center;
  background-size: auto 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: padding-top 0.25s, padding-bottom 0.25s, background-color 0.25s, background-position 0.25s; }
  input[type=submit]:disabled,
  input[type=button]:disabled,
  button:disabled {
    opacity: 0.5;
    pointer-events: none; }
  @media screen and (max-width: 1024px) {
    input[type=submit],
    input[type=button],
    button {
      font-size: 2.25em;
      min-width: calc(13em / 2.25);
      height: calc(4em / 2.25);
      padding: calc(0.1em / 2.25) calc(4em / 2.25) 0 calc(2em / 2.25);
      border-bottom-width: calc(0.3em / 2.25);
      border-radius: calc(2em / 2.25);
      margin-top: calc(0.1em / 2.25);
      letter-spacing: calc(0.05em / 2.25);
      background-position: right calc(2em / 2.25) center; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    input[type=submit],
    input[type=button],
    button {
      font-size: 2em;
      min-width: calc(13em / 2);
      height: calc(4em / 2);
      padding: calc(0.1em / 2) calc(4em / 2) 0 calc(2em / 2);
      border-bottom-width: calc(0.3em / 2);
      border-radius: calc(2em / 2);
      margin-top: calc(0.1em / 2);
      letter-spacing: calc(0.05em / 2);
      background-position: right calc(2em / 2) center; } }
  li input[type=submit], li
  input[type=button], li
  button {
    font-size: 1em;
    min-width: calc(13em / 1.6);
    height: calc(4em / 1.6);
    padding: calc(0.1em / 1.6) calc(4em / 1.6) 0 calc(2em / 1.6);
    border-bottom-width: calc(0.3em / 1.6);
    border-radius: calc(2em / 1.6);
    margin-top: calc(0.1em / 1.6);
    letter-spacing: calc(0.05em / 1.6);
    background-position: right calc(2em / 1.6) center; }
  label + input[type=submit],
  input[type=text] + input[type=submit], label +
  input[type=button],
  input[type=text] +
  input[type=button], label +
  button,
  input[type=text] +
  button {
    margin-left: calc(2em / 1.6); }
    @media screen and (max-width: 1024px) {
      label + input[type=submit],
      input[type=text] + input[type=submit], label +
      input[type=button],
      input[type=text] +
      input[type=button], label +
      button,
      input[type=text] +
      button {
        margin-left: calc(2em / 2.25); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      label + input[type=submit],
      input[type=text] + input[type=submit], label +
      input[type=button],
      input[type=text] +
      input[type=button], label +
      button,
      input[type=text] +
      button {
        margin-left: calc(2em / 2); } }
  .map-widget .user-comment-form * + input[type=submit], .map-widget .user-comment-form * +
  input[type=button], .map-widget .user-comment-form * +
  button {
    margin-top: calc(2em / 1.6); }
    @media screen and (max-width: 1024px) {
      .map-widget .user-comment-form * + input[type=submit], .map-widget .user-comment-form * +
      input[type=button], .map-widget .user-comment-form * +
      button {
        margin-top: calc(2em / 2.25); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .map-widget .user-comment-form * + input[type=submit], .map-widget .user-comment-form * +
      input[type=button], .map-widget .user-comment-form * +
      button {
        margin-top: calc(2em / 2); } }
  p + input[type=submit], p +
  input[type=button], p +
  button {
    margin-top: calc(2em / 1.6); }
  .macintosh input[type=submit], .macintosh
  input[type=button], .macintosh
  button {
    line-height: 1em; }
  .is-ie input[type=submit], .is-ie
  input[type=button], .is-ie
  button {
    background-position: right center !important; }
  .is-gecko input[type=submit], .is-gecko
  input[type=button], .is-gecko
  button {
    line-height: 1em; }

input,
label,
select,
textarea,
legend,
input + span {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  max-width: 100%;
  padding: 0;
  margin: 0;
  display: inline-block;
  position: static;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6em;
  line-height: 1.5em;
  color: #8e9698; }
  input:disabled,
  label:disabled,
  select:disabled,
  textarea:disabled,
  legend:disabled,
  input + span:disabled {
    opacity: 0.5;
    pointer-events: none; }
  li input, li
  label, li
  select, li
  textarea, li
  legend, li
  input + span {
    font-size: 1em; }
  @media screen and (max-width: 1024px) {
    input,
    label,
    select,
    textarea,
    legend,
    input + span {
      font-size: 2.25em;
      color: #303c42; }
      li input, li
      label, li
      select, li
      textarea, li
      legend, li
      input + span {
        /*height: 1em;*/
        font-size: 1em; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    input,
    label,
    select,
    textarea,
    legend,
    input + span {
      font-size: 2em; }
      li input, li
      label, li
      select, li
      textarea, li
      legend, li
      input + span {
        font-size: 1em; } }

input[type=checkbox],
input[type=radio] {
  width: calc(1.75em / 1.6);
  height: calc(1.75em / 1.6);
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #8e9698;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer; }
  @media screen and (max-width: 1024px) {
    *:not(li) > input[type=checkbox], *:not(li) >
    input[type=radio] {
      width: calc(1.75em / 2.25);
      height: calc(1.75em / 2.25);
      border-radius: 2px; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    *:not(li) > input[type=checkbox], *:not(li) >
    input[type=radio] {
      width: calc(1.75em / 2);
      height: calc(1.75em / 2);
      border-radius: 2px; } }
  input[type=checkbox]:checked,
  input[type=radio]:checked {
    border-color: #f47521;
    background-color: #f47521; }

input[type=text],
input[type=email],
input[type=password],
select,
textarea {
  height: calc(4.2em / 1.6);
  padding: 0 calc(1em / 1.6);
  border: 1px solid #8e9698;
  border-radius: calc(0.5em / 1.6);
  background-color: #ffffff; }
  @media screen and (max-width: 1024px) {
    input[type=text],
    input[type=email],
    input[type=password],
    select,
    textarea {
      height: calc(4.2em / 2.25);
      padding: 0 calc(1em / 2.25);
      border-radius: calc(0.5em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    input[type=text],
    input[type=email],
    input[type=password],
    select,
    textarea {
      height: calc(4.2em / 2);
      padding: 0 calc(1em / 2);
      border-radius: calc(0.5em / 2); } }

input[type=checkbox] + label,
input[type=radio] + label {
  max-width: calc(100% - (1.75em + 1em));
  margin-left: calc(1em / 1.6);
  vertical-align: middle;
  cursor: pointer; }
  *:not(li) > input[type=checkbox] + label, *:not(li) >
  input[type=radio] + label {
    max-width: calc(100% - (1.75em + 1em)/1.6);
    margin-left: calc(1em / 1.6); }

@media screen and (max-width: 1024px) and (max-width: 1024px) {
  *:not(li) > input[type=checkbox] + label, *:not(li) >
  input[type=radio] + label {
    max-width: calc(100% - (1.75em + 1em)/2.25);
    margin-left: calc(1em / 2.25); } }

@media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) and (max-width: 1024px) {
  *:not(li) > input[type=checkbox] + label, *:not(li) >
  input[type=radio] + label {
    max-width: calc(100% - (1.75em + 1em)/2);
    margin-left: calc(1em / 2); } }

textarea {
  height: calc(10em / 1.6); }
  .map-widget .user-comment-form * + textarea {
    margin-top: calc(2em / 1.6); }

input[type=text],
input[type=email],
input[type=password],
textarea {
  width: calc(100% - (2em / 1.6) - 2px);
  /* !important;*/ }
  @media screen and (max-width: 1024px) {
    input[type=text],
    input[type=email],
    input[type=password],
    textarea {
      width: calc(100% - (2em / 2.25) - 2px);
      /* !important;*/ } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    input[type=text],
    input[type=email],
    input[type=password],
    textarea {
      width: calc(100% - (2em / 2) - 2px);
      /* !important;*/ } }
  #em_subscribe_form input[type=text], #em_subscribe_form
  input[type=email], #em_subscribe_form
  input[type=password], #em_subscribe_form
  textarea {
    width: calc(100% - (2em / 1.6) - 2px) !important; }
    @media screen and (max-width: 1024px) {
      #em_subscribe_form input[type=text], #em_subscribe_form
      input[type=email], #em_subscribe_form
      input[type=password], #em_subscribe_form
      textarea {
        width: calc(100% - (2em / 2.25) - 2px) !important; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #em_subscribe_form input[type=text], #em_subscribe_form
      input[type=email], #em_subscribe_form
      input[type=password], #em_subscribe_form
      textarea {
        width: calc(100% - (2em / 2) - 2px) !important; } }

input[type=text].date {
  width: calc(10em / 1.6) !important;
  padding: 0 calc(2em / 1.6);
  border-radius: calc(0.5em / 1.6) 0 0 calc(0.25em / 1.6);
  box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.1), 0 0 0 #ff0000, 0 0 #ff0000, 0 0 #ff0000; }
  @media screen and (max-width: 1024px) {
    input[type=text].date {
      width: calc(12em / 2.25) !important;
      padding: 0 calc(2em / 2.25);
      border-radius: calc(0.5em / 2.25) 0 0 calc(0.25em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    input[type=text].date {
      width: calc(12em / 2) !important;
      padding: 0 calc(2em / 2);
      border-radius: calc(0.5em / 2) 0 0 calc(0.25em / 2); } }

input[type=text].user-comment-screen-name {
  font-size: 1em; }

/*.userformsgroup > legend:first-child,
* + div label:first-child,
* + div legend:first-child,
* + fieldset label:first-child,
* + fieldset legend:first-child {
	margin-top: calc(2em / 1.6);
}*/
div.date-picker-button {
  width: 4.5em;
  height: 4.5em;
  cursor: pointer;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  div.date-picker-button.date-picker-button-from {
    background-image: url(../image/ui/btn-icon-calendar-from-2.svg); }
  div.date-picker-button.date-picker-button-to {
    background-image: url(../image/ui/btn-icon-calendar-to-2.svg); }
  div.date-picker-button.is-date-filled {
    background-image: url(../image/ui/btn-icon-calendar-x.svg); }

html:not(.is-ie) select {
  padding-left: calc(1em / 1.6);
  padding-right: calc((1em + 4.8em) / 1.6);
  border-radius: calc(0.5em / 1.6) 0 0 calc(0.25em / 1.6);
  box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.1), 0 0 0 #ff0000, 0 0 #ff0000, 0 0 #ff0000;
  background-color: #ffffff;
  background-image: url(../image/ui/form-select-icon-arrow-down-2-orange.svg);
  background-position: right top;
  background-size: auto 100%;
  background-repeat: no-repeat;
  cursor: pointer; }
  @media screen and (max-width: 1024px) {
    html:not(.is-ie) select {
      padding-left: calc(1em / 2.25);
      padding-right: calc((2em + 4.8em) / 2.25);
      border-radius: calc(0.5em / 2.25) 0 0 calc(0.25em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    html:not(.is-ie) select {
      padding-left: calc(1em / 2);
      padding-right: calc((2em + 4.8em) / 2);
      border-radius: calc(0.5em / 2) 0 0 calc(0.25em / 2); } }

html.is-ie select {
  padding-right: 0; }

button[disabled],
input[disabled],
label[disabled],
select[disabled],
textarea[disabled] {
  opacity: 0.25;
  pointer-events: none; }

form#em_subscribe_form table tr td {
  width: initial !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10px !important; }
  @media screen and (max-width: 1440px) {
    form#em_subscribe_form table tr td {
      font-size: calc(10vw / (1440 * 0.01)) !important; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    form#em_subscribe_form table tr td {
      font-size: calc(10vw / (540 * 0.01)) !important; } }

form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container {
  width: initial !important; }
  form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container table.em_wfe_form_field_container {
    width: initial !important; }
    form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container table.em_wfe_form_field_container td {
      vertical-align: middle; }
    form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container table.em_wfe_form_field_container td + td > * {
      margin-left: 1em; }

form#em_subscribe_form .webform_step > div + div {
  margin-top: 2em !important; }

form#em_subscribe_form .wfe_component {
  padding: 0 !important;
  font-size: 10px;
  background-color: transparent !important; }
  @media screen and (max-width: 1440px) {
    form#em_subscribe_form .wfe_component {
      font-size: calc(10vw / (1440 * 0.01)); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    form#em_subscribe_form .wfe_component {
      font-size: calc(10vw / (540 * 0.01)); } }
  form#em_subscribe_form .wfe_component .wysiwyg {
    font-size: 1.6em; }
    @media screen and (max-width: 1024px) {
      form#em_subscribe_form .wfe_component .wysiwyg {
        font-size: 2.25em; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      form#em_subscribe_form .wfe_component .wysiwyg {
        font-size: 2em; } }
    form#em_subscribe_form .wfe_component .wysiwyg a {
      text-decoration: underline; }
      form#em_subscribe_form .wfe_component .wysiwyg a:hover {
        color: #f47521; }

header .search-container input {
  width: calc(50em / (1.6 * 1.5)) !important;
  height: auto;
  border: none;
  margin: calc(2em / (1.6 * 1.5)) auto 0;
  display: block;
  text-align: center;
  font-family: "museo-sans";
  font-weight: 500;
  font-size: calc(1.6em * 1.5);
  letter-spacing: calc(0.05em / (1.6 * 1.5));
  text-transform: uppercase;
  background-color: transparent;
  color: #bdc1c2; }
  @media screen and (max-width: 1024px) {
    header .search-container input {
      width: calc(50em / 2.25) !important;
      left: calc(50% - 25em / 2.25);
      font-size: 2.25em;
      letter-spacing: calc(0.05em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    header .search-container input {
      width: calc(50em / 2) !important;
      left: calc(50% - 25em / 2);
      font-size: 2em;
      letter-spacing: calc(0.05em / 2); } }

.project-search form,
.news-search form,
.publications-container form {
  display: inline-block; }
  .project-search form fieldset,
  .news-search form fieldset,
  .publications-container form fieldset {
    float: left;
    overflow: hidden; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .project-search form fieldset,
      .news-search form fieldset,
      .publications-container form fieldset {
        float: none; } }
    .project-search form fieldset .field,
    .news-search form fieldset .field,
    .publications-container form fieldset .field {
      float: left; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .project-search form fieldset .field,
        .news-search form fieldset .field,
        .publications-container form fieldset .field {
          float: none; } }
    .project-search form fieldset .field + .field,
    .news-search form fieldset .field + .field,
    .publications-container form fieldset .field + .field {
      margin-left: 2em; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .project-search form fieldset .field + .field,
        .news-search form fieldset .field + .field,
        .publications-container form fieldset .field + .field {
          margin-top: 2em;
          margin-left: 0; } }
    .project-search form fieldset .fieldgroup,
    .news-search form fieldset .fieldgroup,
    .publications-container form fieldset .fieldgroup {
      display: inline-block;
      overflow: hidden; }
      .project-search form fieldset .fieldgroup .fieldgroup-field,
      .news-search form fieldset .fieldgroup .fieldgroup-field,
      .publications-container form fieldset .fieldgroup .fieldgroup-field {
        float: left; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .project-search form fieldset .fieldgroup .fieldgroup-field,
          .news-search form fieldset .fieldgroup .fieldgroup-field,
          .publications-container form fieldset .fieldgroup .fieldgroup-field {
            float: none; } }
  .project-search form fieldset + .Actions,
  .news-search form fieldset + .Actions,
  .publications-container form fieldset + .Actions {
    margin-left: 2em;
    float: left; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .project-search form fieldset + .Actions,
      .news-search form fieldset + .Actions,
      .publications-container form fieldset + .Actions {
        margin-left: 0;
        margin-top: 2em;
        float: none; } }

.news-search form {
  margin-top: 2em; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .news-search form .fieldgroup .fieldgroup-field {
      float: left !important; } }
  .news-search form .fieldgroup .fieldgroup-field:nth-child(3) {
    margin-left: 2em; }

.get-updates form#em_subscribe_form,
.btn-event form#em_subscribe_form {
  margin-top: 2em; }
  .get-updates form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container,
  .btn-event form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container {
    width: 100% !important; }
    .get-updates form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container tr td:nth-child(1),
    .btn-event form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container tr td:nth-child(1) {
      width: 25% !important; }
    .get-updates form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container tr td:nth-child(2),
    .btn-event form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container tr td:nth-child(2) {
      width: 75% !important; }
    .get-updates form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container tr td table.em_wfe_form_container tr td,
    .btn-event form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container tr td table.em_wfe_form_container tr td {
      width: auto !important; }

.get-updates form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container table.em_wfe_form_container tr td:nth-child(1) {
  width: 1px !important;
  /* force auto fit*/
  vertical-align: top;
  /* force top alignment */ }

.get-updates form#em_subscribe_form .webform_step > div div.wfe_component table.em_wfe_form_container table.em_wfe_form_container tr td:nth-child(2) {
  width: initial !important;
  /* force auto fit*/
  vertical-align: top;
  /* force top alignment */ }

.btn-event form#em_subscribe_form {
  width: 100%; }

.widget-full-width .userform-container {
  margin-top: 2em; }

#MemberLoginForm_LoginForm .field,
#MemberLoginForm_LostPasswordForm .field,
#Form_RegisterForm .field,
#Form_ProfileForm .field {
  margin-top: 2em;
  overflow: hidden; }
  #MemberLoginForm_LoginForm .field label:first-child,
  #MemberLoginForm_LostPasswordForm .field label:first-child,
  #Form_RegisterForm .field label:first-child,
  #Form_ProfileForm .field label:first-child {
    width: calc((100% - 2em / 1.6) / 4);
    height: calc(4em / 1.6);
    margin-top: calc(((4em - 1em) / 1.6) / 2);
    line-height: 1em;
    float: left;
    text-align: right; }
    @media screen and (max-width: 1024px) {
      #MemberLoginForm_LoginForm .field label:first-child,
      #MemberLoginForm_LostPasswordForm .field label:first-child,
      #Form_RegisterForm .field label:first-child,
      #Form_ProfileForm .field label:first-child {
        width: calc((100% - 2em / 2.25) / 4);
        height: calc(4em / 2.25);
        margin-top: calc(((4em - 1em) / 2.25) / 2); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #MemberLoginForm_LoginForm .field label:first-child,
      #MemberLoginForm_LostPasswordForm .field label:first-child,
      #Form_RegisterForm .field label:first-child,
      #Form_ProfileForm .field label:first-child {
        width: calc((100% - 2em / 2) / 4);
        height: calc(4em / 2);
        margin-top: calc(((4em - 1em) / 2) / 2); } }
  #MemberLoginForm_LoginForm .field input[type=checkbox]:first-child,
  #MemberLoginForm_LostPasswordForm .field input[type=checkbox]:first-child,
  #Form_RegisterForm .field input[type=checkbox]:first-child,
  #Form_ProfileForm .field input[type=checkbox]:first-child {
    margin-left: calc((100% - 2em / 1.6) / 4 - 1.75em / 1.6) !important;
    float: left; }
    @media screen and (max-width: 1024px) {
      #MemberLoginForm_LoginForm .field input[type=checkbox]:first-child,
      #MemberLoginForm_LostPasswordForm .field input[type=checkbox]:first-child,
      #Form_RegisterForm .field input[type=checkbox]:first-child,
      #Form_ProfileForm .field input[type=checkbox]:first-child {
        margin-left: calc((100% - 2em / 2.25) / 4 - 1.75em / 2.25) !important; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #MemberLoginForm_LoginForm .field input[type=checkbox]:first-child,
      #MemberLoginForm_LostPasswordForm .field input[type=checkbox]:first-child,
      #Form_RegisterForm .field input[type=checkbox]:first-child,
      #Form_ProfileForm .field input[type=checkbox]:first-child {
        margin-left: calc((100% - 2em / 2) / 4 - 1.75em / 2) !important; } }
  #MemberLoginForm_LoginForm .field label:first-child + .middleColumn input,
  #MemberLoginForm_LoginForm .field label:first-child + .middleColumn select,
  #MemberLoginForm_LoginForm .field input[type=checkbox]:first-child + label,
  #MemberLoginForm_LostPasswordForm .field label:first-child + .middleColumn input,
  #MemberLoginForm_LostPasswordForm .field label:first-child + .middleColumn select,
  #MemberLoginForm_LostPasswordForm .field input[type=checkbox]:first-child + label,
  #Form_RegisterForm .field label:first-child + .middleColumn input,
  #Form_RegisterForm .field label:first-child + .middleColumn select,
  #Form_RegisterForm .field input[type=checkbox]:first-child + label,
  #Form_ProfileForm .field label:first-child + .middleColumn input,
  #Form_ProfileForm .field label:first-child + .middleColumn select,
  #Form_ProfileForm .field input[type=checkbox]:first-child + label {
    width: calc((100% - 2em / 1.6) / 4 * 3 - 2em / 1.6 - 2px) !important;
    margin-left: calc(2em / 1.6);
    float: left; }
    @media screen and (max-width: 1024px) {
      #MemberLoginForm_LoginForm .field label:first-child + .middleColumn input,
      #MemberLoginForm_LoginForm .field label:first-child + .middleColumn select,
      #MemberLoginForm_LoginForm .field input[type=checkbox]:first-child + label,
      #MemberLoginForm_LostPasswordForm .field label:first-child + .middleColumn input,
      #MemberLoginForm_LostPasswordForm .field label:first-child + .middleColumn select,
      #MemberLoginForm_LostPasswordForm .field input[type=checkbox]:first-child + label,
      #Form_RegisterForm .field label:first-child + .middleColumn input,
      #Form_RegisterForm .field label:first-child + .middleColumn select,
      #Form_RegisterForm .field input[type=checkbox]:first-child + label,
      #Form_ProfileForm .field label:first-child + .middleColumn input,
      #Form_ProfileForm .field label:first-child + .middleColumn select,
      #Form_ProfileForm .field input[type=checkbox]:first-child + label {
        width: calc((100% - 2em / 2.25) / 4 * 3 - 2em / 2.25 - 2px) !important;
        margin-left: calc(2em / 2.25); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #MemberLoginForm_LoginForm .field label:first-child + .middleColumn input,
      #MemberLoginForm_LoginForm .field label:first-child + .middleColumn select,
      #MemberLoginForm_LoginForm .field input[type=checkbox]:first-child + label,
      #MemberLoginForm_LostPasswordForm .field label:first-child + .middleColumn input,
      #MemberLoginForm_LostPasswordForm .field label:first-child + .middleColumn select,
      #MemberLoginForm_LostPasswordForm .field input[type=checkbox]:first-child + label,
      #Form_RegisterForm .field label:first-child + .middleColumn input,
      #Form_RegisterForm .field label:first-child + .middleColumn select,
      #Form_RegisterForm .field input[type=checkbox]:first-child + label,
      #Form_ProfileForm .field label:first-child + .middleColumn input,
      #Form_ProfileForm .field label:first-child + .middleColumn select,
      #Form_ProfileForm .field input[type=checkbox]:first-child + label {
        width: calc((100% - 2em / 2) / 4 * 3 - 2em / 2 - 2px) !important;
        margin-left: calc(2em / 2); } }
  #MemberLoginForm_LoginForm .field label:first-child + .middleColumn select,
  #MemberLoginForm_LostPasswordForm .field label:first-child + .middleColumn select,
  #Form_RegisterForm .field label:first-child + .middleColumn select,
  #Form_ProfileForm .field label:first-child + .middleColumn select {
    width: auto !important; }

#MemberLoginForm_LoginForm .field.confirmedpassword a,
#MemberLoginForm_LostPasswordForm .field.confirmedpassword a,
#Form_RegisterForm .field.confirmedpassword a,
#Form_ProfileForm .field.confirmedpassword a {
  width: calc((100% - 2em / 1.6) / 4);
  display: inline-block;
  font-family: "Open Sans";
  font-size: 1.6em;
  text-align: right;
  color: #8e9698; }
  @media screen and (max-width: 1024px) {
    #MemberLoginForm_LoginForm .field.confirmedpassword a,
    #MemberLoginForm_LostPasswordForm .field.confirmedpassword a,
    #Form_RegisterForm .field.confirmedpassword a,
    #Form_ProfileForm .field.confirmedpassword a {
      width: calc((100% - 2em / 2.25) / 4);
      font-size: 2.25em;
      color: #303c42; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    #MemberLoginForm_LoginForm .field.confirmedpassword a,
    #MemberLoginForm_LostPasswordForm .field.confirmedpassword a,
    #Form_RegisterForm .field.confirmedpassword a,
    #Form_ProfileForm .field.confirmedpassword a {
      width: 100%;
      text-align: left;
      font-size: 2em; } }
  #MemberLoginForm_LoginForm .field.confirmedpassword a:hover,
  #MemberLoginForm_LostPasswordForm .field.confirmedpassword a:hover,
  #Form_RegisterForm .field.confirmedpassword a:hover,
  #Form_ProfileForm .field.confirmedpassword a:hover {
    color: #00bcda; }

@media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
  #MemberLoginForm_LoginForm #Password_ConfirmPassword_Holder label:first-child,
  #MemberLoginForm_LostPasswordForm #Password_ConfirmPassword_Holder label:first-child,
  #Form_RegisterForm #Password_ConfirmPassword_Holder label:first-child,
  #Form_ProfileForm #Password_ConfirmPassword_Holder label:first-child {
    margin-top: 0; } }

#MemberLoginForm_LoginForm > .Actions,
#MemberLoginForm_LostPasswordForm > .Actions,
#Form_RegisterForm > .Actions,
#Form_ProfileForm > .Actions {
  margin-top: 2em;
  text-align: center; }

.userform {
  position: relative; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .userform {
      width: calc(100% - (2em + 2px) * 2); } }
  .widget .userform {
    width: auto;
    padding: 2em;
    border: 0; }
  .widget.widget-full-width .userform {
    padding: 0; }
  .widget.widget-full-width h2 + .userform {
    margin-top: 2em; }
  .userform .userform-progress {
    width: 53em;
    max-width: 100%;
    margin: 2em auto 0; }
    .userform .userform-progress p {
      text-align: center; }
    .userform .userform-progress .progress {
      width: calc(100% - 13em);
      height: 0.7em;
      margin: 1em auto 0;
      position: relative;
      background-color: #ededed; }
      .userform .userform-progress .progress .progress-bar {
        width: 0%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #f47521; }
    .userform .userform-progress nav {
      position: absolute;
      left: -1000000px;
      top: -1000000px; }
  .widget .userform .userformsstep:visible + .userformsstep {
    margin-top: 2em; }
  .userform .userformsgroup {
    padding: 2em;
    border: 1px solid #ededed;
    border-radius: 1em; }
    .userform .userformsgroup > legend:first-child {
      font-family: "museo-sans";
      font-weight: 500;
      font-size: 2.6em;
      color: #a2b427; }
  .userform .userformsgroup + .userformsgroup {
    margin-top: 2em; }
  .userform fieldset {
    width: 100%;
    display: inline-block; }
    .userform fieldset fieldset {
      width: 100%;
      display: inline-block; }
    .userform fieldset ul, .userform fieldset ol {
      margin: 0; }
      .userform fieldset ul li, .userform fieldset ol li {
        background-image: none;
        padding-left: 0;
        margin-left: 0; }
  .userform .field + .field,
  .userform .userformsgroup + .field {
    margin-top: 2em; }
  .userform .error.message {
    color: #f47521; }
  html:not(.is-ie) .userform select {
    background-image: url(../image/ui/form-select-icon-arrow-down-2-green.svg); }
  .userform nav.step-navigation {
    width: 40em;
    margin: 0 auto;
    position: relative; }
    .userform nav.step-navigation ul.step-buttons {
      width: 40em;
      margin: 0 auto;
      text-align: center; }
      .userform nav.step-navigation ul.step-buttons li {
        margin-top: 0;
        padding-left: 0;
        display: inline-block;
        background-image: none; }
        .userform nav.step-navigation ul.step-buttons li button {
          cursor: pointer; }
      .userform nav.step-navigation ul.step-buttons li:first-child {
        margin-left: 0; }
      .userform nav.step-navigation ul.step-buttons li.step-button-wrapper {
        margin-left: 0;
        position: absolute;
        left: -2em;
        top: -1.25em; }
        .widget:not(.widget-full-width) .userform nav.step-navigation ul.step-buttons li.step-button-wrapper {
          left: 0; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .userform nav.step-navigation ul.step-buttons li.step-button-wrapper {
            left: 0; } }
        .userform nav.step-navigation ul.step-buttons li.step-button-wrapper:nth-child(3n+2) {
          left: auto;
          right: -2em; }
          .widget:not(.widget-full-width) .userform nav.step-navigation ul.step-buttons li.step-button-wrapper:nth-child(3n+2) {
            left: auto;
            right: 0; }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            .userform nav.step-navigation ul.step-buttons li.step-button-wrapper:nth-child(3n+2) {
              right: 0; } }
        .userform nav.step-navigation ul.step-buttons li.step-button-wrapper.Actions:nth-child(3n+3) {
          display: inline-block !important; }
        .userform nav.step-navigation ul.step-buttons li.step-button-wrapper.Actions {
          margin-top: calc(4em / 1.6);
          position: static; }
          .userform nav.step-navigation ul.step-buttons li.step-button-wrapper.Actions + li.step-button-wrapper.Actions {
            margin-left: calc(2em / 1.6); }
          @media screen and (max-width: 1024px) {
            .userform nav.step-navigation ul.step-buttons li.step-button-wrapper.Actions {
              width: 100%;
              margin-top: calc(2em / 1.6);
              margin-left: 0 !important;
              text-align: center; } }
        .userform nav.step-navigation ul.step-buttons li.step-button-wrapper button.step-button-prev,
        .userform nav.step-navigation ul.step-buttons li.step-button-wrapper button.step-button-next {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          outline: none;
          font-size: calc(1em / 1.6);
          width: 2em;
          min-width: 0;
          height: 3em;
          box-sizing: border-box;
          padding: 0;
          border: 0;
          margin-top: 0;
          letter-spacing: normal;
          background-color: transparent;
          background-image: url(../image/ui/timeline-btn-arrow-left-orange.svg);
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat; }
          .userform nav.step-navigation ul.step-buttons li.step-button-wrapper button.step-button-prev span,
          .userform nav.step-navigation ul.step-buttons li.step-button-wrapper button.step-button-next span {
            display: none; }
        .userform nav.step-navigation ul.step-buttons li.step-button-wrapper button.step-button-next {
          background-image: url(../image/ui/timeline-btn-arrow-right-orange.svg); }
  .userform fieldset.columnized-fieldset.columns-2, .userform fieldset.columnized-fieldset.columns-3, .userform fieldset.columnized-fieldset.columns-4, .userform fieldset.columnized-fieldset.columns-5, .userform fieldset.columnized-fieldset.columns-6, .userform fieldset.columnized-fieldset.columns-7, .userform fieldset.columnized-fieldset.columns-8, .userform fieldset.columnized-fieldset.columns-9, .userform fieldset.columnized-fieldset.columns-10 {
    margin: 0;
    overflow: hidden; }
    @media screen and (min-aspect-ratio: 35 / 40), (min-width: 641px) {
      .userform fieldset.columnized-fieldset.columns-2 fieldset, .userform fieldset.columnized-fieldset.columns-3 fieldset, .userform fieldset.columnized-fieldset.columns-4 fieldset, .userform fieldset.columnized-fieldset.columns-5 fieldset, .userform fieldset.columnized-fieldset.columns-6 fieldset, .userform fieldset.columnized-fieldset.columns-7 fieldset, .userform fieldset.columnized-fieldset.columns-8 fieldset, .userform fieldset.columnized-fieldset.columns-9 fieldset, .userform fieldset.columnized-fieldset.columns-10 fieldset {
        margin-top: 0;
        margin-left: 20px !important;
        float: left; } }
    .userform fieldset.columnized-fieldset.columns-2 ul.optionset, .userform fieldset.columnized-fieldset.columns-3 ul.optionset, .userform fieldset.columnized-fieldset.columns-4 ul.optionset, .userform fieldset.columnized-fieldset.columns-5 ul.optionset, .userform fieldset.columnized-fieldset.columns-6 ul.optionset, .userform fieldset.columnized-fieldset.columns-7 ul.optionset, .userform fieldset.columnized-fieldset.columns-8 ul.optionset, .userform fieldset.columnized-fieldset.columns-9 ul.optionset, .userform fieldset.columnized-fieldset.columns-10 ul.optionset {
      margin: 0; }
  @media screen and (min-aspect-ratio: 35 / 40), (min-width: 641px) {
    .userform fieldset.columnized-fieldset.columns-2 fieldset {
      width: calc((100% - 20px * 1) / 2); }
    .userform fieldset.columnized-fieldset.columns-2 fieldset:nth-child(2n+1) {
      margin-left: 0 !important; }
    .userform fieldset.columnized-fieldset.columns-3 fieldset {
      width: calc((100% - 20px * 2) / 3); }
    .userform fieldset.columnized-fieldset.columns-3 fieldset:nth-child(3n+1) {
      margin-left: 0 !important; }
    .userform fieldset.columnized-fieldset.columns-4 fieldset {
      width: calc((100% - 20px * 3) / 4); }
    .userform fieldset.columnized-fieldset.columns-4 fieldset:nth-child(4n+1) {
      margin-left: 0 !important; }
    .userform fieldset.columnized-fieldset.columns-5 fieldset {
      width: calc((100% - 20px * 4) / 5); }
    .userform fieldset.columnized-fieldset.columns-5 fieldset:nth-child(5n+1) {
      margin-left: 0 !important; }
    .userform fieldset.columnized-fieldset.columns-6 fieldset {
      width: calc((100% - 20px * 5) / 6); }
    .userform fieldset.columnized-fieldset.columns-6 fieldset:nth-child(6n+1) {
      margin-left: 0 !important; }
    .userform fieldset.columnized-fieldset.columns-7 fieldset {
      width: calc((100% - 20px * 6) / 7); }
    .userform fieldset.columnized-fieldset.columns-7 fieldset:nth-child(7n+1) {
      margin-left: 0 !important; }
    .userform fieldset.columnized-fieldset.columns-8 fieldset {
      width: calc((100% - 20px * 7) / 8); }
    .userform fieldset.columnized-fieldset.columns-8 fieldset:nth-child(8n+1) {
      margin-left: 0 !important; }
    .userform fieldset.columnized-fieldset.columns-9 fieldset {
      width: calc((100% - 20px * 8) / 9); }
    .userform fieldset.columnized-fieldset.columns-9 fieldset:nth-child(9n+1) {
      margin-left: 0 !important; }
    .userform fieldset.columnized-fieldset.columns-10 fieldset {
      width: calc((100% - 20px * 9) / 10); }
    .userform fieldset.columnized-fieldset.columns-10 fieldset:nth-child(10n+1) {
      margin-left: 0 !important; } }
  .userform ul.optionset.tableized-optionset.columns-auto, .userform ul.optionset.tableized-optionset.columns-2, .userform ul.optionset.tableized-optionset.columns-3, .userform ul.optionset.tableized-optionset.columns-4, .userform ul.optionset.tableized-optionset.columns-5, .userform ul.optionset.tableized-optionset.columns-6, .userform ul.optionset.tableized-optionset.columns-7, .userform ul.optionset.tableized-optionset.columns-8, .userform ul.optionset.tableized-optionset.columns-9, .userform ul.optionset.tableized-optionset.columns-10,
  .userform ol.optionset.tableized-optionset.columns-auto,
  .userform ol.optionset.tableized-optionset.columns-2,
  .userform ol.optionset.tableized-optionset.columns-3,
  .userform ol.optionset.tableized-optionset.columns-4,
  .userform ol.optionset.tableized-optionset.columns-5,
  .userform ol.optionset.tableized-optionset.columns-6,
  .userform ol.optionset.tableized-optionset.columns-7,
  .userform ol.optionset.tableized-optionset.columns-8,
  .userform ol.optionset.tableized-optionset.columns-9,
  .userform ol.optionset.tableized-optionset.columns-10 {
    margin: 0;
    overflow: hidden; }
    @media screen and (min-aspect-ratio: 35 / 40), (min-width: 641px) {
      .userform ul.optionset.tableized-optionset.columns-auto li, .userform ul.optionset.tableized-optionset.columns-2 li, .userform ul.optionset.tableized-optionset.columns-3 li, .userform ul.optionset.tableized-optionset.columns-4 li, .userform ul.optionset.tableized-optionset.columns-5 li, .userform ul.optionset.tableized-optionset.columns-6 li, .userform ul.optionset.tableized-optionset.columns-7 li, .userform ul.optionset.tableized-optionset.columns-8 li, .userform ul.optionset.tableized-optionset.columns-9 li, .userform ul.optionset.tableized-optionset.columns-10 li,
      .userform ol.optionset.tableized-optionset.columns-auto li,
      .userform ol.optionset.tableized-optionset.columns-2 li,
      .userform ol.optionset.tableized-optionset.columns-3 li,
      .userform ol.optionset.tableized-optionset.columns-4 li,
      .userform ol.optionset.tableized-optionset.columns-5 li,
      .userform ol.optionset.tableized-optionset.columns-6 li,
      .userform ol.optionset.tableized-optionset.columns-7 li,
      .userform ol.optionset.tableized-optionset.columns-8 li,
      .userform ol.optionset.tableized-optionset.columns-9 li,
      .userform ol.optionset.tableized-optionset.columns-10 li {
        margin-top: 0;
        margin-left: 20px !important;
        display: block;
        float: left; }
        .userform ul.optionset.tableized-optionset.columns-auto li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-auto li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-2 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-2 li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-3 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-3 li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-4 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-4 li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-5 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-5 li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-6 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-6 li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-7 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-7 li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-8 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-8 li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-9 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-9 li input[type=radio] + label, .userform ul.optionset.tableized-optionset.columns-10 li input[type=checkbox] + label,
        .userform ul.optionset.tableized-optionset.columns-10 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-auto li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-auto li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-2 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-2 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-3 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-3 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-4 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-4 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-5 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-5 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-6 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-6 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-7 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-7 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-8 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-8 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-9 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-9 li input[type=radio] + label,
        .userform ol.optionset.tableized-optionset.columns-10 li input[type=checkbox] + label,
        .userform ol.optionset.tableized-optionset.columns-10 li input[type=radio] + label {
          width: calc(100% - 2.5em);
          margin-bottom: 0.25em;
          display: inline-block; } }
    .userform ul.optionset.tableized-optionset.columns-auto ul.optionset, .userform ul.optionset.tableized-optionset.columns-2 ul.optionset, .userform ul.optionset.tableized-optionset.columns-3 ul.optionset, .userform ul.optionset.tableized-optionset.columns-4 ul.optionset, .userform ul.optionset.tableized-optionset.columns-5 ul.optionset, .userform ul.optionset.tableized-optionset.columns-6 ul.optionset, .userform ul.optionset.tableized-optionset.columns-7 ul.optionset, .userform ul.optionset.tableized-optionset.columns-8 ul.optionset, .userform ul.optionset.tableized-optionset.columns-9 ul.optionset, .userform ul.optionset.tableized-optionset.columns-10 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-auto ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-2 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-3 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-4 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-5 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-6 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-7 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-8 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-9 ul.optionset,
    .userform ol.optionset.tableized-optionset.columns-10 ul.optionset {
      margin: 0; }
  @media screen and (min-aspect-ratio: 35 / 40), (min-width: 641px) {
    .userform ul.optionset.tableized-optionset.column-auto li,
    .userform ol.optionset.tableized-optionset.column-auto li {
      width: auto; }
    .userform ul.optionset.tableized-optionset.columns-2 li,
    .userform ol.optionset.tableized-optionset.columns-2 li {
      width: calc((100% - 20px * 1) / 2); }
    .userform ul.optionset.tableized-optionset.columns-2 li:nth-child(2n+1),
    .userform ol.optionset.tableized-optionset.columns-2 li:nth-child(2n+1) {
      margin-left: 0 !important; }
    .userform ul.optionset.tableized-optionset.columns-3 li,
    .userform ol.optionset.tableized-optionset.columns-3 li {
      width: calc((100% - 20px * 2) / 3); }
    .userform ul.optionset.tableized-optionset.columns-3 li:nth-child(3n+1),
    .userform ol.optionset.tableized-optionset.columns-3 li:nth-child(3n+1) {
      margin-left: 0 !important; }
    .userform ul.optionset.tableized-optionset.columns-4 li,
    .userform ol.optionset.tableized-optionset.columns-4 li {
      width: calc((100% - 20px * 3) / 4); }
    .userform ul.optionset.tableized-optionset.columns-4 li:nth-child(4n+1),
    .userform ol.optionset.tableized-optionset.columns-4 li:nth-child(4n+1) {
      margin-left: 0 !important; }
    .userform ul.optionset.tableized-optionset.columns-5 li,
    .userform ol.optionset.tableized-optionset.columns-5 li {
      width: calc((100% - 20px * 4) / 5); }
    .userform ul.optionset.tableized-optionset.columns-5 li:nth-child(5n+1),
    .userform ol.optionset.tableized-optionset.columns-5 li:nth-child(5n+1) {
      margin-left: 0 !important; }
    .userform ul.optionset.tableized-optionset.columns-6 li,
    .userform ol.optionset.tableized-optionset.columns-6 li {
      width: calc((100% - 20px * 5) / 6); }
    .userform ul.optionset.tableized-optionset.columns-6 li:nth-child(6n+1),
    .userform ol.optionset.tableized-optionset.columns-6 li:nth-child(6n+1) {
      margin-left: 0 !important; }
    .userform ul.optionset.tableized-optionset.columns-7 li,
    .userform ol.optionset.tableized-optionset.columns-7 li {
      width: calc((100% - 20px * 6) / 7); }
    .userform ul.optionset.tableized-optionset.columns-7 li:nth-child(7n+1),
    .userform ol.optionset.tableized-optionset.columns-7 li:nth-child(7n+1) {
      margin-left: 0 !important; }
    .userform ul.optionset.tableized-optionset.columns-8 li,
    .userform ol.optionset.tableized-optionset.columns-8 li {
      width: calc((100% - 20px * 7) / 8); }
    .userform ul.optionset.tableized-optionset.columns-8 li:nth-child(8n+1),
    .userform ol.optionset.tableized-optionset.columns-8 li:nth-child(8n+1) {
      margin-left: 0 !important; }
    .userform ul.optionset.tableized-optionset.columns-9 li,
    .userform ol.optionset.tableized-optionset.columns-9 li {
      width: calc((100% - 20px * 8) / 9); }
    .userform ul.optionset.tableized-optionset.columns-9 li:nth-child(9n+1),
    .userform ol.optionset.tableized-optionset.columns-9 li:nth-child(9n+1) {
      margin-left: 0 !important; }
    .userform ul.optionset.tableized-optionset.columns-10 li,
    .userform ol.optionset.tableized-optionset.columns-10 li {
      width: calc((100% - 20px * 9) / 10); }
    .userform ul.optionset.tableized-optionset.columns-10 li:nth-child(10n+1),
    .userform ol.optionset.tableized-optionset.columns-10 li:nth-child(10n+1) {
      margin-left: 0 !important; } }
  .userform fieldset.tableized-fields.columns-auto, .userform fieldset.tableized-fields.columns-2, .userform fieldset.tableized-fields.columns-3, .userform fieldset.tableized-fields.columns-4, .userform fieldset.tableized-fields.columns-5, .userform fieldset.tableized-fields.columns-6, .userform fieldset.tableized-fields.columns-7, .userform fieldset.tableized-fields.columns-8, .userform fieldset.tableized-fields.columns-9, .userform fieldset.tableized-fields.columns-10,
  .userform fieldset.tableized-div-fields-only.columns-auto,
  .userform fieldset.tableized-div-fields-only.columns-2,
  .userform fieldset.tableized-div-fields-only.columns-3,
  .userform fieldset.tableized-div-fields-only.columns-4,
  .userform fieldset.tableized-div-fields-only.columns-5,
  .userform fieldset.tableized-div-fields-only.columns-6,
  .userform fieldset.tableized-div-fields-only.columns-7,
  .userform fieldset.tableized-div-fields-only.columns-8,
  .userform fieldset.tableized-div-fields-only.columns-9,
  .userform fieldset.tableized-div-fields-only.columns-10 {
    margin: 0;
    overflow: hidden; }
    @media screen and (min-aspect-ratio: 35 / 40), (min-width: 641px) {
      .userform fieldset.tableized-fields.columns-auto .field, .userform fieldset.tableized-fields.columns-2 .field, .userform fieldset.tableized-fields.columns-3 .field, .userform fieldset.tableized-fields.columns-4 .field, .userform fieldset.tableized-fields.columns-5 .field, .userform fieldset.tableized-fields.columns-6 .field, .userform fieldset.tableized-fields.columns-7 .field, .userform fieldset.tableized-fields.columns-8 .field, .userform fieldset.tableized-fields.columns-9 .field, .userform fieldset.tableized-fields.columns-10 .field,
      .userform fieldset.tableized-div-fields-only.columns-auto .field,
      .userform fieldset.tableized-div-fields-only.columns-2 .field,
      .userform fieldset.tableized-div-fields-only.columns-3 .field,
      .userform fieldset.tableized-div-fields-only.columns-4 .field,
      .userform fieldset.tableized-div-fields-only.columns-5 .field,
      .userform fieldset.tableized-div-fields-only.columns-6 .field,
      .userform fieldset.tableized-div-fields-only.columns-7 .field,
      .userform fieldset.tableized-div-fields-only.columns-8 .field,
      .userform fieldset.tableized-div-fields-only.columns-9 .field,
      .userform fieldset.tableized-div-fields-only.columns-10 .field {
        margin-left: 10px;
        margin-right: 10px;
        float: left; }
      .userform fieldset.tableized-fields.columns-auto .field.tableized-new-row, .userform fieldset.tableized-fields.columns-2 .field.tableized-new-row, .userform fieldset.tableized-fields.columns-3 .field.tableized-new-row, .userform fieldset.tableized-fields.columns-4 .field.tableized-new-row, .userform fieldset.tableized-fields.columns-5 .field.tableized-new-row, .userform fieldset.tableized-fields.columns-6 .field.tableized-new-row, .userform fieldset.tableized-fields.columns-7 .field.tableized-new-row, .userform fieldset.tableized-fields.columns-8 .field.tableized-new-row, .userform fieldset.tableized-fields.columns-9 .field.tableized-new-row, .userform fieldset.tableized-fields.columns-10 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-auto .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-2 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-3 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-4 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-5 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-6 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-7 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-8 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-9 .field.tableized-new-row,
      .userform fieldset.tableized-div-fields-only.columns-10 .field.tableized-new-row {
        clear: both; } }
  @media screen and (min-aspect-ratio: 35 / 40), (min-width: 641px) {
    .userform fieldset.tableized-fields.column-auto div,
    .userform fieldset.tableized-div-fields-only.column-auto div {
      width: auto; }
    .userform fieldset.tableized-fields.columns-2 .field,
    .userform fieldset.tableized-div-fields-only.columns-2 .field {
      width: calc(((100% - 20px * 2) - 10px * 1) / 2); }
    .userform fieldset.tableized-fields.columns-3 .field,
    .userform fieldset.tableized-div-fields-only.columns-3 .field {
      width: calc(((100% - 20px * 3) - 10px * 2) / 3); }
    .userform fieldset.tableized-fields.columns-4 .field,
    .userform fieldset.tableized-div-fields-only.columns-4 .field {
      width: calc(((100% - 20px * 4) - 10px * 3) / 4); }
    .userform fieldset.tableized-fields.columns-5 .field,
    .userform fieldset.tableized-div-fields-only.columns-5 .field {
      width: calc(((100% - 20px * 5) - 10px * 4) / 5); }
    .userform fieldset.tableized-fields.columns-6 .field,
    .userform fieldset.tableized-div-fields-only.columns-6 .field {
      width: calc(((100% - 20px * 6) - 10px * 5) / 6); }
    .userform fieldset.tableized-fields.columns-7 .field,
    .userform fieldset.tableized-div-fields-only.columns-7 .field {
      width: calc(((100% - 20px * 7) - 10px * 6) / 7); }
    .userform fieldset.tableized-fields.columns-8 .field,
    .userform fieldset.tableized-div-fields-only.columns-8 .field {
      width: calc(((100% - 20px * 8) - 10px * 7) / 8); }
    .userform fieldset.tableized-fields.columns-9 .field,
    .userform fieldset.tableized-div-fields-only.columns-9 .field {
      width: calc(((100% - 20px * 9) - 10px * 8) / 9); }
    .userform fieldset.tableized-fields.columns-10 .field,
    .userform fieldset.tableized-div-fields-only.columns-10 .field {
      width: calc(((100% - 20px * 10) - 10px * 9) / 10); }
    .userform fieldset.tableized-fields h3,
    .userform fieldset.tableized-div-fields-only h3 {
      margin-left: 10px;
      margin-right: 10px;
      clear: both; }
    .userform fieldset.tableized-fields .field + h3,
    .userform fieldset.tableized-div-fields-only .field + h3 {
      padding-top: calc(2em / 3.6); } }
  .userform .forced-margin-top {
    margin-top: 4em; }
  .userform .tableized-fieldset {
    /*margin-top: 4em;*/
    margin-top: 2em; }
    .userform .tableized-fieldset > legend, .userform .tableized-fieldset > .middleColumn > h3, .userform .tableized-fieldset > .middleColumn > fieldset > legend {
      box-sizing: border-box;
      padding: 0 1em !important;
      margin-top: 0 !important;
      margin-bottom: 1em;
      font-family: "Open Sans", sans-serif;
      font-size: 1.6em;
      font-style: italic;
      text-align: center;
      line-height: 1em;
      color: #8e9698; }
      @media screen and (max-width: 1024px) {
        .userform .tableized-fieldset > legend, .userform .tableized-fieldset > .middleColumn > h3, .userform .tableized-fieldset > .middleColumn > fieldset > legend {
          font-size: 2.25em;
          text-align: left !important;
          color: #303c42; } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .userform .tableized-fieldset > legend, .userform .tableized-fieldset > .middleColumn > h3, .userform .tableized-fieldset > .middleColumn > fieldset > legend {
          font-size: 2em; } }
    .userform .tableized-fieldset > legend {
      float: left;
      text-align: right; }
    .userform .tableized-fieldset > .middleColumn > h3 {
      margin-left: 20px;
      float: left; }
    .userform .tableized-fieldset > .middleColumn > fieldset {
      clear: both; }
      .userform .tableized-fieldset > .middleColumn > fieldset.userformsgroup {
        padding: 0;
        border: none; }
      .userform .tableized-fieldset > .middleColumn > fieldset > legend {
        float: left;
        text-align: right; }
      .userform .tableized-fieldset > .middleColumn > fieldset > .middleColumn > .field {
        margin-left: 20px;
        margin-bottom: 1em;
        float: left; }
        .userform .tableized-fieldset > .middleColumn > fieldset > .middleColumn > .field.text {
          margin-top: 0;
          margin-bottom: 0; }
        .userform .tableized-fieldset > .middleColumn > fieldset > .middleColumn > .field > label, .userform .tableized-fieldset > .middleColumn > fieldset > .middleColumn > .field > legend {
          display: none; }
      .userform .tableized-fieldset > .middleColumn > fieldset > .middleColumn > .optionset > li {
        margin-top: 0;
        margin-bottom: 1em;
        margin-left: 20px !important;
        float: left;
        text-align: center; }
        .userform .tableized-fieldset > .middleColumn > fieldset > .middleColumn > .optionset > li > label {
          display: none; }
    .userform .tableized-fieldset.columns-2 > legend, .userform .tableized-fieldset.columns-2 > .middleColumn > h3, .userform .tableized-fieldset.columns-2 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-2 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-2 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 1) / 2); }
    .userform .tableized-fieldset.columns-3 > legend, .userform .tableized-fieldset.columns-3 > .middleColumn > h3, .userform .tableized-fieldset.columns-3 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-3 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-3 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 2) / 3); }
    .userform .tableized-fieldset.columns-4 > legend, .userform .tableized-fieldset.columns-4 > .middleColumn > h3, .userform .tableized-fieldset.columns-4 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-4 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-4 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 3) / 4); }
    .userform .tableized-fieldset.columns-4v2 > legend, .userform .tableized-fieldset.columns-4v2 > .middleColumn > h3, .userform .tableized-fieldset.columns-4v2 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-4v2 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-4v2 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 3) / 5); }
    .userform .tableized-fieldset.columns-4v2 > legend:first-child, .userform .tableized-fieldset.columns-4v2 > .middleColumn > fieldset > legend:first-child {
      width: calc((100% - 20px * 3) / 5 * 2); }
    .userform .tableized-fieldset.columns-5 > legend, .userform .tableized-fieldset.columns-5 > .middleColumn > h3, .userform .tableized-fieldset.columns-5 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-5 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-5 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 4) / 5); }
    .userform .tableized-fieldset.columns-5v2 > legend, .userform .tableized-fieldset.columns-5v2 > .middleColumn > h3, .userform .tableized-fieldset.columns-5v2 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-5v2 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-5v2 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 4) / 6); }
    .userform .tableized-fieldset.columns-5v2 > legend:first-child, .userform .tableized-fieldset.columns-5v2 > .middleColumn > fieldset > legend:first-child {
      width: calc((100% - 20px * 4) / 6 * 2); }
    .userform .tableized-fieldset.columns-6 > legend, .userform .tableized-fieldset.columns-6 > .middleColumn > h3, .userform .tableized-fieldset.columns-6 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-6 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-6 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 5) / 6); }
    .userform .tableized-fieldset.columns-6v2 > legend, .userform .tableized-fieldset.columns-6v2 > .middleColumn > h3, .userform .tableized-fieldset.columns-6v2 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-6v2 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-6v2 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 5) / 7); }
    .userform .tableized-fieldset.columns-6v2 > legend:first-child, .userform .tableized-fieldset.columns-6v2 > .middleColumn > fieldset > legend:first-child {
      width: calc((100% - 20px * 5) / 7 * 2); }
    .userform .tableized-fieldset.columns-7 > legend, .userform .tableized-fieldset.columns-7 > .middleColumn > h3, .userform .tableized-fieldset.columns-7 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-7 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-7 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 6) / 7); }
    .userform .tableized-fieldset.columns-7v2 > legend, .userform .tableized-fieldset.columns-7v2 > .middleColumn > h3, .userform .tableized-fieldset.columns-7v2 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-7v2 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-7v2 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 6) / 8); }
    .userform .tableized-fieldset.columns-7v2 > legend:first-child, .userform .tableized-fieldset.columns-7v2 > .middleColumn > fieldset > legend:first-child {
      width: calc((100% - 20px * 6) / 8 * 2); }
    .userform .tableized-fieldset.columns-8 > legend, .userform .tableized-fieldset.columns-8 > .middleColumn > h3, .userform .tableized-fieldset.columns-8 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-8 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-8 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 7) / 8); }
    .userform .tableized-fieldset.columns-8 > legend:first-child, .userform .tableized-fieldset.columns-8 > .middleColumn > fieldset > legend:first-child {
      width: calc((100% - 20px * 7) / 8 * 2); }
    .userform .tableized-fieldset.columns-8v2 > legend, .userform .tableized-fieldset.columns-8v2 > .middleColumn > h3, .userform .tableized-fieldset.columns-8v2 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-8v2 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-8v2 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 7) / 9); }
    .userform .tableized-fieldset.columns-8v2 > legend:first-child, .userform .tableized-fieldset.columns-8v2 > .middleColumn > fieldset > legend:first-child {
      width: calc((100% - 20px * 7) / 9 * 2); }
    .userform .tableized-fieldset.columns-9 > legend, .userform .tableized-fieldset.columns-9 > .middleColumn > h3, .userform .tableized-fieldset.columns-9 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-9 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-9 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 8) / 9); }
    .userform .tableized-fieldset.columns-9v2 > legend, .userform .tableized-fieldset.columns-9v2 > .middleColumn > h3, .userform .tableized-fieldset.columns-9v2 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-9v2 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-9v2 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 8) / 10); }
    .userform .tableized-fieldset.columns-9v2 > legend:first-child, .userform .tableized-fieldset.columns-9v2 > .middleColumn > fieldset > legend:first-child {
      width: calc((100% - 20px * 8) / 10 * 2); }
    .userform .tableized-fieldset.columns-10 > legend, .userform .tableized-fieldset.columns-10 > .middleColumn > h3, .userform .tableized-fieldset.columns-10 > .middleColumn > fieldset > legend, .userform .tableized-fieldset.columns-10 > .middleColumn > fieldset > .middleColumn > .field,
    .userform .tableized-fieldset.columns-10 > .middleColumn > fieldset > .middleColumn > .optionset > li {
      width: calc((100% - 20px * 9) / 10); }
  .userform fieldset + .Actions {
    margin-top: 2em; }

.userform + .userform-results {
  margin-top: 2em; }

.widget.widget-half-width .userform-results {
  margin: 2em; }

.fullscreen-pop-up .userform-results {
  margin: 0; }

.userform-results .question dl.results dt, .userform-results .question dl.results dd {
  padding-left: calc(2em / 1.6);
  border-left: 2px solid #8e9698;
  margin-left: calc(2em / 1.6); }
  @media screen and (max-width: 1024px) {
    .userform-results .question dl.results dt, .userform-results .question dl.results dd {
      padding-left: calc(2em / 2.25);
      margin-left: calc(2em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .userform-results .question dl.results dt, .userform-results .question dl.results dd {
      padding-left: calc(2em / 2);
      margin-left: calc(2em / 2); } }

.userform-results .question dl.results dt {
  width: auto;
  float: none;
  font-weight: normal; }
  .userform-results .question dl.results dt:after {
    content: ""; }

.userform-results .question dl.results dd .value {
  font-weight: bold;
  height: calc(1em / 1.6);
  display: block;
  position: absolute;
  right: calc(1em / 1.6);
  top: 0;
  color: #ffffff; }
  @media screen and (max-width: 1024px) {
    .userform-results .question dl.results dd .value {
      height: calc(1em / 2.25);
      right: calc(1em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .userform-results .question dl.results dd .value {
      height: calc(1em / 2);
      right: calc(1em / 2); } }

.userform-results .question dl.results dd .bar {
  width: 1px;
  height: 1.5em;
  border-radius: 0.75em;
  display: block;
  position: relative;
  background-color: #f47521; }

.userform-results .question dl.results dd + dt {
  margin-top: calc(2em / 1.6); }
  @media screen and (max-width: 1024px) {
    .userform-results .question dl.results dd + dt {
      margin-top: calc(2em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .userform-results .question dl.results dd + dt {
      margin-top: calc(2em / 2); } }

.userform-results .question + .question {
  margin-top: 2em; }

.userform-closed {
  margin: 0;
  display: none; }
  .userform-results + .userform-closed {
    margin-top: 2em; }
  .widget.widget-half-width .userform-closed {
    margin: 0 2em 2em; }

.pop-up-form {
  width: 7.8em;
  height: 7em;
  display: none;
  /*will be shown in UserformsPopUp JS*/
  position: absolute;
  left: calc(100% - 7.8em);
  top: 45.8em;
  z-index: 3;
  /*transition: width $transitionDurationVeryQuick, height $transitionDurationVeryQuick, left $transitionDurationVeryQuick, top $transitionDurationVeryQuick;*/ }
  .no-hero .pop-up-form:not(.open) {
    top: calc(45.8em - 13.5em); }
  .no-hero.mini-header .pop-up-form:not(.open) {
    top: calc(45.8em - 13.5em); }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .no-hero .pop-up-form {
      top: calc(45.8em - 8.8em); }
    .no-hero.mini-header .pop-up-form {
      top: calc(45.8em - 8.8em); } }
  .pop-up-form .btn-open-pop-up-form {
    width: 26.6em;
    height: 7em;
    border-radius: 3.9em 0 0 3.9em;
    display: block;
    background-color: #a2b427;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    transition: left 0.25s; }
    .pop-up-form .btn-open-pop-up-form.mouseover {
      left: calc(100% - 26.6em); }
    .pop-up-form .btn-open-pop-up-form .open, .pop-up-form .btn-open-pop-up-form .close, .pop-up-form .btn-open-pop-up-form .complete {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .pop-up-form .btn-open-pop-up-form .open, .pop-up-form .btn-open-pop-up-form .complete {
      display: none; }
    .pop-up-form .btn-open-pop-up-form .close {
      display: inline-block; }
    .pop-up-form .btn-open-pop-up-form .c2e-strong-right-arrow:before,
    .pop-up-form .btn-open-pop-up-form .c2e-strong-left-arrow:before {
      font-size: 4em;
      line-height: calc(7em / 4);
      margin-left: calc(2em / 4);
      position: absolute;
      left: 0;
      top: 0;
      color: #ffffff;
      pointer-events: none; }
    .pop-up-form .btn-open-pop-up-form .c2e-strong-right-arrow:before {
      left: 5em; }
    .pop-up-form .btn-open-pop-up-form span.label {
      font-family: "Open sans";
      font-size: 1.6em;
      position: relative;
      left: calc(8em / 1.6);
      top: calc(7em / 1.6 / 2 - 1.6em / 2);
      color: #ffffff;
      pointer-events: none; }
    .pop-up-form .btn-open-pop-up-form .open span.label {
      left: calc(4em / 1.6); }
  .pop-up-form iframe {
    border: none;
    position: absolute;
    left: 0;
    top: 52.7em; }
  .pop-up-form.open {
    /*, &.complete {*/
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .pop-up-form.open .btn-open-pop-up-form {
      left: calc(100% - 26.6em);
      top: 45.8em; }
      .no-hero .pop-up-form.open .btn-open-pop-up-form {
        top: calc(45.8em - 13.5em); }
      .no-hero.mini-header .pop-up-form.open .btn-open-pop-up-form {
        top: calc(45.8em - 13.5em); }
      .pop-up-form.open .btn-open-pop-up-form .open {
        display: inline-block; }
      .pop-up-form.open .btn-open-pop-up-form .close, .pop-up-form.open .btn-open-pop-up-form .complete {
        display: none; }
    .pop-up-form.open iframe {
      width: 100%;
      height: 100%;
      top: 0; }
      .no-hero .pop-up-form.open iframe {
        top: -13.5em; }
      .no-hero.mini-header .pop-up-form.open iframe {
        top: -13.5em; }
  .pop-up-form.open.complete {
    /*.open, .close {
			display: none !important;
		}

		.complete {
			display: inline-block !important;
		}*/ }
    .pop-up-form.open.complete .btn-open-pop-up-form .open {
      display: none; }
    .pop-up-form.open.complete .btn-open-pop-up-form .complete {
      display: inline-block; }

/*.pop-up-form iframe {*/
body.feedback-form {
  height: 100%; }
  body.feedback-form #ugnsw-main-viewport {
    height: 100%; }
    body.feedback-form #ugnsw-main-viewport .main {
      width: calc(53.5em - 4em - 2px);
      max-width: 100%;
      /*height: calc(27em - 4em - 4px);*/
      padding: 2em;
      border: 2px solid #a2b427;
      border-right-width: 0;
      border-radius: 1em 0 0 1em;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 53.2em;
      background-color: #ffffff; }
      body.feedback-form #ugnsw-main-viewport .main .full-width,
      body.feedback-form #ugnsw-main-viewport .main .content-width {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0; }
      body.feedback-form #ugnsw-main-viewport .main .userform-container h2.progress-title {
        display: none; }

/*}*/
.post-its-container form {
  margin-top: 2em; }
  .post-its-container form div.name-and-email-container input[type=text], .post-its-container form div.name-and-email-container input[type=email] {
    width: calc((100% - 6em / 1.6 - 4px) / 2) !important;
    float: left; }
    .post-its-container form div.name-and-email-container input[type=text] + input[type=text],
    .post-its-container form div.name-and-email-container input[type=text] + input[type=email], .post-its-container form div.name-and-email-container input[type=email] + input[type=text],
    .post-its-container form div.name-and-email-container input[type=email] + input[type=email] {
      margin-left: calc(2em / 1.6); }

.publications-container .filter-container input[type=text] {
  width: calc(100% - (15em + 2em) / 1.6 - 2px);
  border-radius: calc(0.5em / 1.6) 0 0 calc(0.5em / 1.6);
  vertical-align: bottom; }
  @media screen and (max-width: 1024px) {
    .publications-container .filter-container input[type=text] {
      width: calc(100% - (15em + 2em) / 2.25 - 2px);
      border-radius: calc(0.5em / 2.25) 0 0 calc(0.5em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .publications-container .filter-container input[type=text] {
      width: calc(100% - (15em + 2em) / 2 - 2px);
      border-radius: calc(0.5em / 2) 0 0 calc(0.5em / 2); } }

.publications-container .filter-container input[type=submit] {
  width: calc(15em / 1.6);
  height: calc(4.2em / 1.6 + 2px);
  margin-left: 0;
  border-radius: 0 calc(2em / 1.6) calc(2em / 1.6) 0; }
  @media screen and (max-width: 1024px) {
    .publications-container .filter-container input[type=submit] {
      width: calc(15em / 2.25);
      height: calc(4.2em / 2.25 + 2px);
      border-radius: 0 calc(2em / 2.25) calc(2em / 2.25) 0; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .publications-container .filter-container input[type=submit] {
      width: calc(15em / 2);
      height: calc(4.2em / 2 + 2px);
      border-radius: 0 calc(2em / 2) calc(2em / 2) 0; } }

#ui-datepicker-div {
  width: 20em;
  padding: 2em;
  border: 1px solid #e5e5e5;
  border-radius: 0.5em;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  background-color: #ffffff; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    #ui-datepicker-div {
      width: calc(100% - 8em); } }
  #ui-datepicker-div .ui-datepicker-header {
    position: relative; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #ui-datepicker-div .ui-datepicker-header {
        font-size: 1.6em; } }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
      width: 2em;
      height: 2em;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      background-image: url(../image/ui/cta-icon-arrow-black-left.svg);
      background-position: center;
      background-size: 0.9em auto;
      background-repeat: no-repeat;
      cursor: pointer;
      transition: left 0.25s; }
      #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover {
        left: -0.5em; }
      #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {
        display: none; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
      width: 2em;
      height: 2em;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
      background-image: url(../image/ui/cta-icon-arrow-black.svg);
      background-position: center;
      background-size: 0.9em auto;
      background-repeat: no-repeat;
      cursor: pointer;
      transition: right 0.25s; }
      #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover {
        right: -0.5em; }
      #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
        display: none; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
      width: 100%;
      text-align: center;
      font-weight: bold;
      font-size: 1.4em; }
  #ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
    margin-top: 0.5em; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      #ui-datepicker-div .ui-datepicker-calendar {
        font-size: 1.6em; } }
    #ui-datepicker-div .ui-datepicker-calendar tr {
      height: calc(3.2em / 1.4); }
    #ui-datepicker-div .ui-datepicker-calendar th {
      width: calc(3.2em / 1.4); }
      #ui-datepicker-div .ui-datepicker-calendar th span {
        font-size: 1.4em; }
    #ui-datepicker-div .ui-datepicker-calendar td {
      font-size: 1em;
      width: calc(3.2em / 1.4);
      height: calc(3.2em / 1.4); }
      #ui-datepicker-div .ui-datepicker-calendar td a {
        width: 100%;
        height: 100%;
        line-height: calc(3.2em / 1.4);
        border-radius: 0.5em;
        display: block;
        font-size: 1.4em;
        text-align: center;
        color: #333333;
        background-color: #ffffff;
        transition: color 0.25s, background-color 0.25s; }
        #ui-datepicker-div .ui-datepicker-calendar td a:hover {
          color: #ffffff;
          background-color: #f47521; }

.is-wysiwyg {
  /*.full-width & h2:first-child {
		margin-top: calc(2.5em / 3.6);
	}*/ }
  #breadcrumb + .full-width > .is-wysiwyg {
    padding-top: 0; }
  .is-wysiwyg + .is-wysiwyg {
    margin-top: 2em; }
  #breadcrumb + .full-width .is-wysiwyg h2:first-child,
  #breadcrumb + div .full-width:first-child .is-wysiwyg h2:first-child {
    margin-top: 0; }
  .is-wysiwyg p + .btn-ctas {
    margin-top: calc(3em / 1.6); }
  .is-wysiwyg p + a.btn-cta {
    margin-top: calc(3em / 1.6); }
  .is-wysiwyg a.btn-cta + p {
    margin-top: calc(3em / 1.6); }
    @media screen and (max-width: 1024px) {
      .is-wysiwyg a.btn-cta + p {
        margin-top: calc(3em / 2.25); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .is-wysiwyg a.btn-cta + p {
        margin-top: calc(3em / 2); } }
  .is-wysiwyg .copy p + a.btn-cta:last-child {
    float: right; }
  .is-wysiwyg a:not(.btn-cta):not(.btn):not(.btn-close) {
    text-decoration: underline; }
    .is-wysiwyg a:not(.btn-cta):not(.btn):not(.btn-close):hover {
      color: #00bcda; }
  .is-wysiwyg ul,
  .is-wysiwyg ol {
    margin: 2em; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .is-wysiwyg ul,
      .is-wysiwyg ol {
        margin: 2em 0; } }
    .is-wysiwyg ul li,
    .is-wysiwyg ol li {
      padding-left: 1em;
      margin-left: -1em;
      background-image: url(../image/ui/cta-icon-arrow-orange.svg);
      background-position: left 0.25em;
      background-size: auto 1em;
      background-repeat: no-repeat; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .is-wysiwyg ul li,
        .is-wysiwyg ol li {
          /*padding-left: 0;*/
          margin-left: 0; } }
    .is-wysiwyg ul li + li,
    .is-wysiwyg ol li + li {
      margin-top: calc(1em / 1.6); }
      @media screen and (max-width: 1024px) {
        .is-wysiwyg ul li + li,
        .is-wysiwyg ol li + li {
          margin-top: calc(1em / 2.25); } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .is-wysiwyg ul li + li,
        .is-wysiwyg ol li + li {
          margin-top: calc(1em / 2); } }
  .is-wysiwyg ol {
    list-style-type: decimal; }
    .is-wysiwyg ol li {
      padding-left: 0;
      margin-left: 0;
      background-image: none; }
      .is-ie .is-wysiwyg ol li,
      .is-safari .is-wysiwyg ol li {
        margin-left: 0.5em; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .is-wysiwyg ol li {
          margin-left: 1em; }
          .is-ie .is-wysiwyg ol li,
          .is-safari .is-wysiwyg ol li {
            margin-left: 1.5em; } }
  .is-wysiwyg table {
    margin: 2em 0; }
    .is-wysiwyg table tfoot tr td,
    .is-wysiwyg table thead tr td {
      padding: calc(0.5em / 1.6) 0;
      /*& + td {
				width: calc(100% - (0.5em / 1.6));
				padding-left: 0;
				position: relative;
				width: calc(100% - (1em / 1.6));
				left: calc(1em / 1.6);
				display: block;

				@media screen and (max-width: $tabletPortraitPixelWidth) {
					width: calc(100% - (0.5em / 2.25));
					left: calc(1em / 2.25);
				}

				@media screen and (max-aspect-ratio: $breakpointMaxAspectRatio) and (max-width: $mobilePortraitPixelWidth) {
					width: calc(100% - (0.5em / 2));
					left: calc(1em / 2);
				}
			}*/ }
      @media screen and (max-width: 1024px) {
        .is-wysiwyg table tfoot tr td,
        .is-wysiwyg table thead tr td {
          padding: calc(0.5em / 2.25) 0; } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .is-wysiwyg table tfoot tr td,
        .is-wysiwyg table thead tr td {
          padding: calc(0.5em / 2) 0; } }
      .is-wysiwyg table tfoot tr td li, .is-wysiwyg table tfoot tr td p, .is-wysiwyg table tfoot tr td a, .is-wysiwyg table tfoot tr td span,
      .is-wysiwyg table thead tr td li,
      .is-wysiwyg table thead tr td p,
      .is-wysiwyg table thead tr td a,
      .is-wysiwyg table thead tr td span {
        color: #ffffff !important; }
    .is-wysiwyg table tr td {
      /*padding: 0 calc(1em / 1.6);*/
      padding: 0;
      /*& + td {
				padding-left: calc(1em / 1.6);

				@media screen and (max-width: $tabletPortraitPixelWidth) {
					padding-left: calc(1em / 2.25);
				}

				@media screen and (max-aspect-ratio: $breakpointMaxAspectRatio) and (max-width: $mobilePortraitPixelWidth) {
					padding-left: calc(1em / 2);
				}
			}*/ }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .is-wysiwyg table tr td {
          padding: 0; } }
      .is-wysiwyg table tr td ol, .is-wysiwyg table tr td ul {
        margin: calc(1em / 1.6); }
        @media screen and (max-width: 1024px) {
          .is-wysiwyg table tr td ol, .is-wysiwyg table tr td ul {
            margin: calc(1em / 2.25); } }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .is-wysiwyg table tr td ol, .is-wysiwyg table tr td ul {
            margin: calc(1em / 2); } }
        .is-wysiwyg table tr td ol li, .is-wysiwyg table tr td ul li {
          margin-left: 0; }
  .is-wysiwyg dl dt {
    /*width: calc(11em / 1.6);*/
    padding-right: calc(2em / 1.6); }
    .widget .is-wysiwyg dl dt {
      width: initial; }
    @media screen and (max-width: 1024px) {
      .is-wysiwyg dl dt {
        width: calc(11em / 2.25);
        padding-right: calc(2em / 2.25); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .is-wysiwyg dl dt {
        width: calc(11em / 2);
        padding-right: calc(2em / 2); } }
  .is-wysiwyg dl + p {
    margin-top: calc(2em / 1.6); }
    @media screen and (max-width: 1024px) {
      .is-wysiwyg dl + p {
        margin-top: calc(2em / 2.25); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .is-wysiwyg dl + p {
        margin-top: calc(2em / 2); } }
  .is-wysiwyg img {
    max-width: 100%;
    height: auto; }
  .is-wysiwyg iframe {
    max-width: 100%; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .is-wysiwyg iframe {
        width: 100%;
        height: 13em; } }

/*li {
	nav ul &,
	nav ol & {
		padding-left: 0 !important;
		margin-left: 0 !important;
		background-image: none !important;
	}
}*/
.youtube-container {
  width: 97em;
  margin: 4.5em auto 0; }
  .widget .youtube-container {
    width: 100%; }
  .masonry-container .youtube-container {
    margin: 0 auto; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .youtube-container {
      width: 100%; } }
  .youtube-container iframe.youtube {
    width: inherit;
    height: 40em;
    display: block; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .youtube-container iframe.youtube {
        width: 100%;
        height: 50em; } }
    .youtube-container iframe.youtube + .copy {
      padding: 2em;
      border-bottom: 5px solid #dfdfdf; }

.masonry-container .widget-full-width iframe.youtube {
  height: 54.5em; }

.masonry-container .widget-half-width iframe.youtube {
  height: 26.9em; }

.masonry-container h2 + iframe.youtube {
  margin-top: 2em; }

footer#margin-bottom {
  padding-top: 4em;
  padding-bottom: 4em;
  background-color: #FFFFFF;
  border-top: solid #f5f5f5 1px; }
  footer#margin-bottom .columns .footer-right {
    padding-left: 12.5em;
    /*@media screen and (max-width: $tabletPortraitPixelWidth) {
				padding-left: 50em;
			}*/ }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      footer#margin-bottom .columns .footer-right {
        padding-left: 0; } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    footer#margin-bottom .columns .column {
      margin-bottom: 6.25em; }
      footer#margin-bottom .columns .column:last-child {
        margin-bottom: 0; } }
  @media screen and (max-width: 1024px) {
    footer#margin-bottom .columns .column {
      margin-bottom: 3.5em; } }
  footer#margin-bottom .columns .column.contact {
    width: 27.1em; }
    footer#margin-bottom .columns .column.contact a {
      color: #f47521;
      vertical-align: top; }
      footer#margin-bottom .columns .column.contact a .icon {
        color: #000;
        font-size: 1.4em;
        margin-right: 0.5em; }
    @media screen and (max-width: 1024px) {
      footer#margin-bottom .columns .column.contact {
        /*width: 100%;*/
        width: calc((100% - 4.001em) / 2); } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      footer#margin-bottom .columns .column.contact {
        margin-left: 0; } }
  footer#margin-bottom .columns .column.explore {
    width: 17.5em;
    margin-left: 4.5em; }
    @media screen and (max-width: 1024px) {
      footer#margin-bottom .columns .column.explore {
        /*width: 100%;*/
        width: calc((100% - 4.001em) / 2);
        margin-left: 4em; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      footer#margin-bottom .columns .column.explore {
        margin-left: 0; } }
  footer#margin-bottom .columns .column.follow-us {
    width: 13.5em;
    margin-left: 4.5em; }
    @media screen and (max-width: 1024px) {
      footer#margin-bottom .columns .column.follow-us {
        width: 100%;
        margin-left: 0; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      footer#margin-bottom .columns .column.follow-us {
        margin-bottom: 2em; } }
  footer#margin-bottom .columns .column.nsw-copyright {
    width: 8.4em;
    height: 9.2em;
    background-image: url(../image/ui/logo-nsw.svg);
    background-size: 8.4em 9.2em;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -9999em;
    /*@media screen and (max-width: $tabletPortraitPixelWidth) {
					width: 12em !important;
					height: 6.6em;
					background-size: 12em 6.6em;
				}*/ }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      footer#margin-bottom .columns .column.nsw-copyright {
        position: static;
        float: left;
        margin-top: 4em;
        margin-right: 3em;
        margin-bottom: 0; } }
  footer#margin-bottom .columns .column.copyright {
    width: 10.5em;
    height: 5em;
    background-image: url(../image/ui/header-logo-ugnsw-2.svg);
    background-size: 10.5em 4.6em;
    background-repeat: no-repeat;
    position: absolute;
    left: 14em;
    top: 0;
    text-indent: -9999em; }
    @media screen and (max-width: 1024px) {
      footer#margin-bottom .columns .column.copyright {
        width: 12em !important;
        height: 6.6em;
        background-size: 12em 6.6em;
        left: 17em; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      footer#margin-bottom .columns .column.copyright {
        position: static;
        float: left; } }
  footer#margin-bottom .columns .column h2 {
    padding-bottom: calc(1em / 1.8);
    margin-bottom: calc(1.6em / 1.8);
    border-bottom: 3px solid #f47521;
    font-size: 1.8em;
    color: #000000;
    font-family: "Open Sans", sans-serif;
    font-weight: 300; }
    @media screen and (max-width: 1024px) {
      footer#margin-bottom .columns .column h2 {
        font-size: 2.8em; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      footer#margin-bottom .columns .column h2 {
        font-size: 3em; } }
  footer#margin-bottom .columns .column p {
    font-size: 1.3em;
    color: #8e9698; }
    @media screen and (max-width: 1024px) {
      footer#margin-bottom .columns .column p {
        font-size: 2.25em; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      footer#margin-bottom .columns .column p {
        font-size: 2.1em; } }
  footer#margin-bottom .columns .column li {
    margin-bottom: 1.5em;
    font-size: 1em; }
    footer#margin-bottom .columns .column li a {
      font-size: 1.25em;
      color: #8e9698;
      background-position: left center;
      background-size: auto 100%;
      background-repeat: no-repeat; }
      @media screen and (max-width: 1024px) {
        footer#margin-bottom .columns .column li a {
          font-size: 2.25em; } }
      @media screen and (min-aspect-ratio: 35 / 40) {
        footer#margin-bottom .columns .column li a {
          opacity: 1;
          transition: margin-top 0.25s, opacity 0.25s; }
          footer#margin-bottom .columns .column li a:hover {
            opacity: 0.75; } }
      footer#margin-bottom .columns .column li a.facebook > div {
        color: #000;
        font-size: 3em; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        footer#margin-bottom .columns .column li a {
          font-size: 2.1em; } }
  footer#margin-bottom .columns .column li:last-child {
    margin-bottom: 0; }
  footer#margin-bottom .columns .column form .webform_step {
    margin-top: 1em !important;
    overflow: hidden;
    /*> div:nth-child(3n+1) {
						display: block;
					}

					> div:nth-child(3n+2),
					> div:nth-child(3n+3) {
						display: none;
					}

					&.step-2 {
						> div:nth-child(3n+2) {
							display: block;
						}

						> div:nth-child(3n+1),
						> div:nth-child(3n+3) {
							display: none;
						}
					}

					&.step-3 {
						> div:nth-child(3n+3) {
							display: block;
						}

						> div:nth-child(3n+1),
						> div:nth-child(3n+2) {
							display: none;
						}
					}*/ }
    footer#margin-bottom .columns .column form .webform_step > div:first-child {
      width: calc(100% - 15em) !important;
      float: left; }
    footer#margin-bottom .columns .column form .webform_step > div:nth-child(2) {
      width: 3em;
      float: left; }
    footer#margin-bottom .columns .column form .webform_step > div table tr td:first-child {
      display: none; }
    footer#margin-bottom .columns .column form .webform_step > div table tr td {
      padding: 0 !important; }

.social-share-container {
  /*display: none;*/
  max-width: 7.8em;
  height: calc(7em - 4px);
  border: 2px solid #f47521;
  border-radius: 3.5em 0 0 3.5em;
  overflow: hidden;
  text-align: center;
  position: absolute;
  right: 0em;
  top: 53.8em;
  z-index: 2;
  background-color: #f47521;
  transition: max-width 0.25s; }
  .social-share-container.is-in-breadcrumb {
    /*top: -3em;*/ }
  .no-hero .social-share-container {
    top: calc(53.8em - 13.5em); }
  .no-hero.mini-header .social-share-container {
    top: calc(53.8em - 13.5em); }
  .social-share-container.open {
    width: auto;
    max-width: 100em;
    right: -2px;
    /*background-color: #ffffff;*/ }
    .social-share-container.open a.btn:before {
      /*color: $orange;*/ }
  .social-share-container a.btn {
    width: 7.8em;
    height: 100%;
    display: block;
    float: left; }
    .social-share-container a.btn:before {
      font-size: 4em;
      line-height: calc((7em - 4px) / 4);
      color: #ffffff; }
  .social-share-container #social-share {
    height: 3.2em;
    margin-top: calc(6.7em / 2 - 3.2em / 2);
    float: left;
    transition: opacity 0.25s; }
    .is-ie .social-share-container #social-share {
      margin-top: 1em; }
    .social-share-container #social-share > span {
      margin: 0 1em;
      display: inline-block;
      position: relative;
      color: #ffffff;
      /*&.st_facebook_large {color: #3b5998;}
			&.st_twitter_large {color: #00aced;}
			&.st_linkedin_large {color: #0077b5;}
			&.st_googleplus_large {color: #d34836;}
			&.st_pinterest_large {color: #C92228;}
			&.st_email_large {color: #000000;}*/ }
      .social-share-container #social-share > span:before {
        font-size: 3.2em;
        position: absolute;
        left: 0;
        top: 0; }
      .social-share-container #social-share > span .stLarge {
        background-image: none !important; }
      .social-share-container #social-share > span > .stButton {
        margin: 0;
        display: block !important;
        line-height: normal;
        font-size: 1em; }
        .social-share-container #social-share > span > .stButton > .stLarge {
          width: 3.2em;
          height: 3.2em;
          margin: 0 auto;
          display: block;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat; }