/*PRIMARY COLOURS*/
/*SECONDARY COLOURS*/
.icon span {
  display: none !important; }

/*http://app.fontastic.me/#select/xe7Xsfme9mTz9k7ftwqYVS
user: jo'paul@redengine.net.au, pass: tigers*/
@font-face {
  font-family: "c2e-icons";
  src: url("../font/c2e-icons.eot");
  src: url("../font/c2e-icons.eot?#iefix") format("embedded-opentype"), url("../font/c2e-icons.woff") format("woff"), url("../font/c2e-icons.ttf") format("truetype"), url("../font/c2e-icons.svg#c2e-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "c2e-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="c2e-"]:before,
[class*=" c2e-"]:before {
  font-family: "c2e-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.c2e-both-ways-arrow:before {
  content: "\61"; }

.c2e-header-icon-arrow-down:before {
  content: "\62"; }

.c2e-header-icon-arrow-down-sm:before {
  content: "\63"; }

.c2e-header-icon-magnifying-glass:before {
  content: "\64"; }

.c2e-strong-down-arrow:before {
  content: "\65"; }

.c2e-header-icon-login:before {
  content: "\66"; }

.c2e-header-icon-arrow-top-sm:before {
  content: "\67"; }

.c2e-thin-up-arrow:before {
  content: "\68"; }

.c2e-thin-right-arrow:before {
  content: "\69"; }

.c2e-thin-left-arrow:before {
  content: "\6a"; }

.c2e-thin-down-arrow:before {
  content: "\6b"; }

.c2e-strong-up-arrow:before {
  content: "\6c"; }

.c2e-strong-right-arrow:before {
  content: "\6d"; }

.c2e-strong-left-arrow:before {
  content: "\6e"; }

.c2e-circle-social-youtube:before {
  content: "\6f"; }

.c2e-circle-social-twitter:before {
  content: "\70"; }

.c2e-circle-social-linkedin:before {
  content: "\71"; }

.c2e-circle-social-instagram:before {
  content: "\72"; }

.c2e-generic-icon-mobile:before {
  content: "\73"; }

.c2e-generic-icon-envelope:before {
  content: "\74"; }

.c2e-circle-social-facebook:before {
  content: "\75"; }

.c2e-circle-city:before {
  content: "\76"; }

.c2e-circle-comment:before {
  content: "\77"; }

.c2e-circle-family:before {
  content: "\78"; }

.c2e-circle-gears:before {
  content: "\79"; }

.c2e-circle-hands:before {
  content: "\7a"; }

.c2e-circle-hexagon:before {
  content: "\41"; }

.c2e-circle-leaf:before {
  content: "\42"; }

.c2e-circle-paint:before {
  content: "\43"; }

.c2e-circle-pantheon:before {
  content: "\44"; }

.c2e-circle-park:before {
  content: "\45"; }

.c2e-circle-people-lightbulb:before {
  content: "\46"; }

.c2e-circle-people:before {
  content: "\47"; }

.c2e-circle-security:before {
  content: "\48"; }

.c2e-circle-smiley:before {
  content: "\49"; }

.c2e-circle-star:before {
  content: "\4a"; }

.c2e-circle-star-marker:before {
  content: "\4b"; }

.c2e-circle-train:before {
  content: "\4c"; }

.c2e-circle-generic-close-cross:before {
  content: "\4d"; }

.c2e-circle-people-plus:before {
  content: "\4e"; }

.c2e-circle-briefcase:before {
  content: "\4f"; }

.c2e-circle-building:before {
  content: "\50"; }

.c2e-circle-car:before {
  content: "\51"; }

.c2e-circle-chart:before {
  content: "\52"; }

.c2e-circle-presentation:before {
  content: "\53"; }

.c2e-footer-icon-address:before {
  content: "\54"; }

.c2e-footer-icon-e-mail:before {
  content: "\55"; }

.c2e-footer-icon-facebook:before {
  content: "\56"; }

.c2e-footer-icon-google-plus:before {
  content: "\57"; }

.c2e-footer-icon-instagram:before {
  content: "\58"; }

.c2e-footer-icon-linked-in:before {
  content: "\59"; }

.c2e-footer-icon-phone:before {
  content: "\5a"; }

.c2e-footer-icon-twitter:before {
  content: "\30"; }

.c2e-footer-icon-vimeo:before {
  content: "\31"; }

.c2e-share-icon-combined:before {
  content: "\32"; }

.c2e-pinterest:before {
  content: "\33"; }

.c2e-header-icon-arrow-up:before {
  content: "\34"; }

.fullscreen-pop-up-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  z-index: 10; }
  .fullscreen-pop-up-bg .fullscreen-pop-up {
    width: calc(97em / 1.6);
    max-height: 75%;
    padding: 8em 2em 2em;
    border-radius: 2em;
    overflow: scroll;
    position: absolute;
    left: calc(50% - (97em / 1.6) / 2);
    top: 12.5%;
    background-color: #ffffff;
    box-shadow: 0 0 1em #8e9698; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .fullscreen-pop-up-bg .fullscreen-pop-up {
        width: calc(100% - 4em);
        max-height: calc(100% - 10em);
        border-radius: 0;
        top: 0 !important;
        left: 0; } }
  .fullscreen-pop-up-bg .btn-close {
    width: 3em;
    height: 3em;
    position: absolute;
    left: calc(50% + (97em / 1.6) / 2 - 2em);
    top: 12.5%;
    background-image: url(../image/ui/btn-icon-x-grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .fullscreen-pop-up-bg .btn-close {
        width: 4em;
        height: 4em;
        left: auto;
        right: 2em;
        top: 2em !important; } }

.widgets .widget:not(.widget-full-width),
.quick-links .widget:not(.widget-full-width) {
  width: 50%;
  border-bottom: 0.4em solid #e5e5e5; }

.timeline {
  width: 100%;
  padding-top: 4.5em;
  padding-bottom: 4.5em;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }
  .widget .timeline {
    padding-top: 0;
    padding-bottom: 0; }
  #breadcrumb + .full-width .timeline h2:first-child,
  #breadcrumb + div .full-width:first-child .timeline h2:first-child {
    margin-top: 0; }
  .timeline .timeline-columns {
    overflow: hidden; }
    .timeline .timeline-columns .timeline-column {
      float: left; }
  .timeline .copy-container {
    padding-top: 2em;
    /*padding-bottom: 8em;*/
    padding-bottom: 4em;
    /*&.blue .copy {
			border-left-color: $blue;

			h3 {
				color: $blue;
			}
		}

		&.green .copy {
			border-left-color: $green;

			h3 {
				color: $green;
			}
		}

		&.orange .copy {
			border-left-color: $orange;

			h3 {
				color: $orange;
			}
		}

		&.red .copy {
			border-left-color: $red;

			h3 {
				color: $red;
			}
		}

		&.yellow .copy {
			border-left-color: $yellow;

			h3 {
				color: $yellow;
			}
		}*/ }
    .timeline .copy-container dt {
      display: none; }
    .timeline .copy-container.has-image .copy {
      width: calc(100% - 2em - 0.3em - 20em); }
      @media screen and (max-width: 1024px) {
        .timeline .copy-container.has-image .copy {
          width: calc(100% - 2em - 0.3em); } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .timeline .copy-container.has-image .copy {
          width: calc(100% - 2em - 0.3em); } }
    .timeline .copy-container .copy {
      width: calc(100% - 2em - 0.3em);
      padding-left: 2em;
      border-left: 0.3em solid #f47521;
      /*@media screen and (max-width: $tabletPortraitPixelWidth) {
				width: calc(100% - ((2em + 0.3em) / 2.25));
			}

			@media screen and (max-aspect-ratio: $breakpointMaxAspectRatio) and (max-width: $mobilePortraitPixelWidth) {
				width: calc(100% - ((2em + 0.3em) / 2));
			}*/ }
    .timeline .copy-container img {
      max-width: 20em;
      position: absolute;
      right: 0;
      top: 25%; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .timeline .copy-container img {
          position: static;
          margin: 2em 0 0 2em; } }
  .timeline .btn-arrow-left,
  .timeline .btn-arrow-right {
    width: 2.8em;
    height: 4.7em;
    padding-left: 2.8em;
    position: absolute;
    left: calc(50% - 97em / 2 - 10em);
    top: 25%;
    background-image: url(../image/ui/timeline-btn-arrow-left.svg);
    background-position: left center;
    background-size: 2.8em auto;
    background-repeat: no-repeat;
    cursor: pointer; }
  .timeline .btn-arrow-right {
    padding-left: 0;
    padding-right: 2.8em;
    left: auto;
    right: calc(50% - 97em / 2 - 10em);
    background-image: url(../image/ui/timeline-btn-arrow-right.svg);
    background-position: right center; }
  .timeline .time-bars-container {
    /*width: calc(100% - 10em);*/
    /*width: 100%;*/
    margin: 0 auto;
    overflow: hidden; }
    .timeline .time-bars-container .time-bars.time-bars-single-line .time-bar-spacer {
      display: none; }
    .timeline .time-bars-container .time-bars .time-bar-container {
      padding-top: 0.8em;
      /*&:first-child .time-bar {
					width: calc(100% + 0.4em);
					margin-left: 0;
				}*/ }
      .timeline .time-bars-container .time-bars .time-bar-container .time-bar,
      .timeline .time-bars-container .time-bars .time-bar-container .time-bar-spacer {
        /*width: calc(100% + 0.8em);*/
        width: 100%;
        height: 0.8em;
        border-radius: 0.4em;
        /*margin-left: -0.4em;*/ }
      .timeline .time-bars-container .time-bars .time-bar-container:last-child .time-bar {
        /*width: calc(100% + 0.4em);*/
        /*width: 100%;*/
        width: calc(100% - 0.4em);
        border-radius: 0.4em 0 0 0.4em; }
        .timeline .time-bars-container .time-bars .time-bar-container:last-child .time-bar .right-edge {
          width: 0.4em;
          height: 0.8em;
          position: absolute;
          top: 0;
          right: -0.4em;
          background-image: url(../image/ui/timeline-blue-right-edge.svg);
          background-position: right center;
          background-size: 0.4em auto;
          background-repeat: no-repeat; }
        .timeline .time-bars-container .time-bars .time-bar-container:last-child .time-bar.orange .right-edge {
          background-image: url(../image/ui/timeline-orange-right-edge.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container:last-child .time-bar.red .right-edge {
          background-image: url(../image/ui/timeline-red-right-edge.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container:last-child .time-bar.yellow .right-edge {
          background-image: url(../image/ui/timeline-yellow-right-edge.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container:last-child .time-bar.blue .right-edge {
          background-image: url(../image/ui/timeline-blue-right-edge.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container:last-child .time-bar.green .right-edge {
          background-image: url(../image/ui/timeline-green-right-edge.svg); }
      .timeline .time-bars-container .time-bars .time-bar-container .time-bar {
        position: relative;
        cursor: pointer;
        opacity: 1;
        transition: opacity 0.25s;
        /*&:hover,*/ }
        .timeline .time-bars-container .time-bars .time-bar-container .time-bar:hover {
          opacity: 0.5; }
        .timeline .time-bars-container .time-bars .time-bar-container .time-bar .icon-active {
          width: 1.7em;
          height: 0.8em;
          margin: 0 auto;
          background-image: url(../image/ui/timeline-blue-icon-active.svg);
          background-position: center;
          background-size: 1.7em auto;
          background-repeat: no-repeat;
          position: relative;
          top: 0;
          transition: top 0.25s; }
        .timeline .time-bars-container .time-bars .time-bar-container .time-bar.orange .icon-active {
          background-image: url(../image/ui/timeline-orange-icon-active.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container .time-bar.red .icon-active {
          background-image: url(../image/ui/timeline-red-icon-active.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container .time-bar.yellow .icon-active {
          background-image: url(../image/ui/timeline-yellow-icon-active.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container .time-bar.blue .icon-active {
          background-image: url(../image/ui/timeline-blue-icon-active.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container .time-bar.green .icon-active {
          background-image: url(../image/ui/timeline-green-icon-active.svg); }
        .timeline .time-bars-container .time-bars .time-bar-container .time-bar.active .icon-active {
          top: -0.8em; }
      .timeline .time-bars-container .time-bars .time-bar-container .time-bar-spacer {
        height: 1.6em; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .timeline .time-bars-container .time-bars .time-bar-container .time-bar-spacer {
            height: 0.8em; } }
      .timeline .time-bars-container .time-bars .time-bar-container .time-label-container {
        margin-top: calc(2em / 1.6);
        overflow: hidden; }
        @media screen and (max-width: 1024px) {
          .timeline .time-bars-container .time-bars .time-bar-container .time-label-container {
            margin-top: calc(2em / 2.25); } }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .timeline .time-bars-container .time-bars .time-bar-container .time-label-container {
            margin-top: calc(2em / 2); } }
        .timeline .time-bars-container .time-bars .time-bar-container .time-label-container .time-label {
          float: left;
          overflow: hidden; }
        .timeline .time-bars-container .time-bars .time-bar-container .time-label-container .time-label-decorative-line {
          overflow: hidden; }

.bios-container {
  padding-top: 2em;
  padding-bottom: 4.5em;
  background-color: #f6f6f6;
  position: relative; }
  .bios-container .bio-opened-container {
    width: calc(97em + 2em);
    z-index: 2; }
  .bios-container .bios.content-width {
    width: calc(97em + 2em);
    margin-top: 2em;
    position: relative;
    z-index: 1; }

.bio {
  width: 22.7em;
  border-bottom: 0.4em solid #e5e5e5;
  margin-bottom: 2em;
  margin-left: 1em;
  margin-right: 1em;
  overflow: hidden;
  position: relative;
  z-index: 2;
  float: left;
  background-color: #ffffff; }
  .widget .bio {
    width: 100%;
    border-bottom: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    float: none; }
    .widget .bio .clickable-area {
      pointer-events: none; }
      .widget .bio .clickable-area .cta-icon-arrow {
        display: none; }
    .widget .bio .copy {
      display: block; }
      .widget .bio .copy a {
        display: none; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .bio {
      width: calc(50% - 2em);
      margin-left: 1em;
      margin-right: 1em; } }
  .bio.open {
    width: calc(100% - 2em); }
    .bio.open .btn-bio.clickable-area {
      cursor: default; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .bio.open .btn-bio.clickable-area .image {
          height: 40em;
          background-size: cover; } }
      .bio.open .btn-bio.clickable-area .cta-icon-arrow {
        display: none; }
    .bio.open .copy {
      display: block; }
  .bio .btn-bio {
    width: 22.7em;
    float: left; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .bio .btn-bio {
        width: 100%; } }
    .bio .btn-bio .image {
      width: calc(100% - 0.4em);
      height: 20em;
      border-left: 0.4em solid #00bcda;
      background-image: url(../image/ui/missing-leader.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: auto 100%; }
    .bio .btn-bio .name-container {
      width: calc(100% - 4em);
      height: 8em;
      max-height: 8em;
      padding: 2em; }
      .widget .bio .btn-bio .name-container {
        height: auto;
        max-height: none; }
    .bio .btn-bio .cta-icon-arrow {
      top: calc(20em + 2em); }
  .bio .copy {
    width: calc(100% - 22.7em - 4em);
    padding: 2em;
    float: left;
    display: none;
    position: relative; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .bio .copy {
        width: calc(100% - 4em);
        padding-top: 1em; } }
    .bio .copy .btn-close {
      width: 1.1em;
      height: 1.2em;
      background-image: url(../image/ui/btn-icon-x-blue.svg);
      background-position: center;
      background-size: 1.1em auto;
      background-repeat: no-repeat;
      position: absolute;
      right: 2em;
      z-index: 1; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .bio .copy .btn-close {
          top: -10em; } }

.publications-container .btn-publication .non-clickable-area,
.publications-container .btn-publication .clickable-area,
.quick-links-group .btn-publication .non-clickable-area,
.quick-links-group .btn-publication .clickable-area,
.keyword-search-result-items .btn-publication .non-clickable-area,
.keyword-search-result-items .btn-publication .clickable-area {
  padding: 2em; }
  .publications-container .btn-publication .non-clickable-area .thumbnail,
  .publications-container .btn-publication .clickable-area .thumbnail,
  .quick-links-group .btn-publication .non-clickable-area .thumbnail,
  .quick-links-group .btn-publication .clickable-area .thumbnail,
  .keyword-search-result-items .btn-publication .non-clickable-area .thumbnail,
  .keyword-search-result-items .btn-publication .clickable-area .thumbnail {
    width: 4.8em;
    height: 6.8em; }

.publications-container #Form_PublicationSearchForm,
.publications-container .filter-and-sort,
.keyword-search-result-items #Form_PublicationSearchForm,
.keyword-search-result-items .filter-and-sort {
  padding-bottom: 3em;
  border-bottom: 1px solid #e8e8e8; }

.publications-container .publications,
.keyword-search-result-items .publications {
  margin-top: 2em;
  overflow: hidden; }
  .publications-container .publications .btn-publication,
  .keyword-search-result-items .publications .btn-publication {
    box-sizing: border-box;
    width: calc(50% - 1em - 4em);
    /*min-height: 22em;*/
    padding: 2em;
    border-bottom: 0.4em solid #e5e5e5;
    float: left;
    position: relative;
    /*.copy {
				width: calc(100% - 10.7em - 3em);
				float: left;
			}*/ }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .publications-container .publications .btn-publication,
      .keyword-search-result-items .publications .btn-publication {
        width: calc(100% - 4em); } }
    .publications-container .publications .btn-publication .thumbnail,
    .keyword-search-result-items .publications .btn-publication .thumbnail {
      width: 10.7em;
      height: 15em; }
    .publications-container .publications .btn-publication .label,
    .keyword-search-result-items .publications .btn-publication .label {
      margin-top: 2em; }
  .publications-container .publications .btn-publication:nth-child(2n + 1),
  .keyword-search-result-items .publications .btn-publication:nth-child(2n + 1) {
    /*margin-right: 1em;*/
    margin-bottom: 2em; }
  .publications-container .publications .btn-publication:nth-child(2n + 2),
  .keyword-search-result-items .publications .btn-publication:nth-child(2n + 2) {
    /*margin-left: 1em;*/
    margin-bottom: 2em; }

.btn-publication {
  background-color: #ffffff;
  overflow: hidden;
  position: relative; }
  .btn-publication .thumbnail {
    margin-right: 2em;
    /*margin-bottom: 2em;*/
    box-shadow: 2px 3px 0 #e1e1e1;
    float: left;
    background-image: url(../image/ui/missing-publication.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .btn-publication .copy {
    /*width: calc(100% - 4.8em - 2em);*/
    overflow: hidden;
    /*a.btn-cta {
			position: absolute;
			right: calc(2em / 1.6);
			bottom: calc(2em / 1.6);
		}*/ }
    .btn-publication .copy p.meta-data-text {
      text-transform: uppercase; }
      .btn-publication .copy p.meta-data-text.pdf {
        background-image: url(../image/ui/icon-pdf.svg);
        padding-left: calc(1.5em / 1.1);
        background-size: auto 1.09091em;
        background-repeat: no-repeat; }
    .btn-publication .copy p + p {
      margin-top: 0; }
    .btn-publication .copy .btn-ctas {
      margin-top: 2em; }

.publications-container a[name=search] {
  top: calc(13.5em * -2); }

.publications-container .filter-container {
  width: 100%; }

.publications-container ul.topics-list {
  text-align: center;
  margin-bottom: 0; }
  .publications-container ul.topics-list li {
    display: inline-block;
    background-image: none; }

.publications-container .no-results {
  text-align: center;
  display: none;
  background-color: #fafafa !important; }
  .publications-container .no-results h3 {
    color: #8e9698; }

.home-page .project-search,
.project-listing-page .project-search,
.ProjectPage .project-search,
.ProjectHolder .project-search,
.keyword-search-result-items .project-search {
  margin-top: 2em;
  text-align: center; }
  .home-page .project-search form,
  .project-listing-page .project-search form,
  .ProjectPage .project-search form,
  .ProjectHolder .project-search form,
  .keyword-search-result-items .project-search form {
    display: inline-block; }

.home-page .results-container .btns-thumbnail-list,
.home-page .project-search-results .btns-thumbnail-list,
.project-listing-page .results-container .btns-thumbnail-list,
.project-listing-page .project-search-results .btns-thumbnail-list,
.ProjectPage .results-container .btns-thumbnail-list,
.ProjectPage .project-search-results .btns-thumbnail-list,
.ProjectHolder .results-container .btns-thumbnail-list,
.ProjectHolder .project-search-results .btns-thumbnail-list,
.keyword-search-result-items .results-container .btns-thumbnail-list,
.keyword-search-result-items .project-search-results .btns-thumbnail-list {
  width: calc(6.4em + 2px);
  height: 3em;
  margin-top: -3.6em;
  float: right;
  overflow: hidden; }
  .home-page .results-container .btns-thumbnail-list .btn,
  .home-page .project-search-results .btns-thumbnail-list .btn,
  .project-listing-page .results-container .btns-thumbnail-list .btn,
  .project-listing-page .project-search-results .btns-thumbnail-list .btn,
  .ProjectPage .results-container .btns-thumbnail-list .btn,
  .ProjectPage .project-search-results .btns-thumbnail-list .btn,
  .ProjectHolder .results-container .btns-thumbnail-list .btn,
  .ProjectHolder .project-search-results .btns-thumbnail-list .btn,
  .keyword-search-result-items .results-container .btns-thumbnail-list .btn,
  .keyword-search-result-items .project-search-results .btns-thumbnail-list .btn {
    width: calc(50% - 3px);
    height: calc(2.8em - 3px);
    border: 1px solid #ffffff;
    margin-top: 0px;
    margin-left: 1px;
    position: relative;
    float: left;
    background-color: #ffffff;
    background-position: center;
    background-size: 1.6em auto;
    background-repeat: no-repeat;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    z-index: 2;
    transition: background-color 0.25s, border-color 0.25s; }
  .home-page .results-container .btns-thumbnail-list .btn:hover,
  .home-page .project-search-results .btns-thumbnail-list .btn:hover,
  .project-listing-page .results-container .btns-thumbnail-list .btn:hover,
  .project-listing-page .project-search-results .btns-thumbnail-list .btn:hover,
  .ProjectPage .results-container .btns-thumbnail-list .btn:hover,
  .ProjectPage .project-search-results .btns-thumbnail-list .btn:hover,
  .ProjectHolder .results-container .btns-thumbnail-list .btn:hover,
  .ProjectHolder .project-search-results .btns-thumbnail-list .btn:hover,
  .keyword-search-result-items .results-container .btns-thumbnail-list .btn:hover,
  .keyword-search-result-items .project-search-results .btns-thumbnail-list .btn:hover {
    border-color: #e6e6e6;
    background-color: #e6e6e6; }
  .home-page .results-container .btns-thumbnail-list .btn.active,
  .home-page .project-search-results .btns-thumbnail-list .btn.active,
  .project-listing-page .results-container .btns-thumbnail-list .btn.active,
  .project-listing-page .project-search-results .btns-thumbnail-list .btn.active,
  .ProjectPage .results-container .btns-thumbnail-list .btn.active,
  .ProjectPage .project-search-results .btns-thumbnail-list .btn.active,
  .ProjectHolder .results-container .btns-thumbnail-list .btn.active,
  .ProjectHolder .project-search-results .btns-thumbnail-list .btn.active,
  .keyword-search-result-items .results-container .btns-thumbnail-list .btn.active,
  .keyword-search-result-items .project-search-results .btns-thumbnail-list .btn.active {
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-radius: 2px;
    margin-top: 1px;
    background-color: #e6e6e6;
    box-shadow: none;
    z-index: 1; }
  .home-page .results-container .btns-thumbnail-list .btn-thumbnail,
  .home-page .project-search-results .btns-thumbnail-list .btn-thumbnail,
  .project-listing-page .results-container .btns-thumbnail-list .btn-thumbnail,
  .project-listing-page .project-search-results .btns-thumbnail-list .btn-thumbnail,
  .ProjectPage .results-container .btns-thumbnail-list .btn-thumbnail,
  .ProjectPage .project-search-results .btns-thumbnail-list .btn-thumbnail,
  .ProjectHolder .results-container .btns-thumbnail-list .btn-thumbnail,
  .ProjectHolder .project-search-results .btns-thumbnail-list .btn-thumbnail,
  .keyword-search-result-items .results-container .btns-thumbnail-list .btn-thumbnail,
  .keyword-search-result-items .project-search-results .btns-thumbnail-list .btn-thumbnail {
    background-image: url(../image/ui/project-listing-results-thumbnail.svg); }
  .home-page .results-container .btns-thumbnail-list .btn-list,
  .home-page .project-search-results .btns-thumbnail-list .btn-list,
  .project-listing-page .results-container .btns-thumbnail-list .btn-list,
  .project-listing-page .project-search-results .btns-thumbnail-list .btn-list,
  .ProjectPage .results-container .btns-thumbnail-list .btn-list,
  .ProjectPage .project-search-results .btns-thumbnail-list .btn-list,
  .ProjectHolder .results-container .btns-thumbnail-list .btn-list,
  .ProjectHolder .project-search-results .btns-thumbnail-list .btn-list,
  .keyword-search-result-items .results-container .btns-thumbnail-list .btn-list,
  .keyword-search-result-items .project-search-results .btns-thumbnail-list .btn-list {
    margin-left: -1px;
    background-image: url(../image/ui/project-listing-results-list.svg); }

.home-page .results-container hr,
.home-page .project-search-results hr,
.project-listing-page .results-container hr,
.project-listing-page .project-search-results hr,
.ProjectPage .results-container hr,
.ProjectPage .project-search-results hr,
.ProjectHolder .results-container hr,
.ProjectHolder .project-search-results hr,
.keyword-search-result-items .results-container hr,
.keyword-search-result-items .project-search-results hr {
  margin-bottom: 2em;
  background-color: #e8e8e8; }

.home-page .results-container .btn-projects,
.home-page .project-search-results .btn-projects,
.project-listing-page .results-container .btn-projects,
.project-listing-page .project-search-results .btn-projects,
.ProjectPage .results-container .btn-projects,
.ProjectPage .project-search-results .btn-projects,
.ProjectHolder .results-container .btn-projects,
.ProjectHolder .project-search-results .btn-projects,
.keyword-search-result-items .results-container .btn-projects,
.keyword-search-result-items .project-search-results .btn-projects {
  overflow: hidden; }
  .home-page .results-container .btn-projects .btn-project,
  .home-page .project-search-results .btn-projects .btn-project,
  .project-listing-page .results-container .btn-projects .btn-project,
  .project-listing-page .project-search-results .btn-projects .btn-project,
  .ProjectPage .results-container .btn-projects .btn-project,
  .ProjectPage .project-search-results .btn-projects .btn-project,
  .ProjectHolder .results-container .btn-projects .btn-project,
  .ProjectHolder .project-search-results .btn-projects .btn-project,
  .keyword-search-result-items .results-container .btn-projects .btn-project,
  .keyword-search-result-items .project-search-results .btn-projects .btn-project {
    width: calc((100% - 4em) / 3);
    height: 33.2em;
    border-bottom: 0.4em solid #0090a7;
    margin-bottom: 2em;
    float: left;
    transition: border-color 0.25s;
    /*used in StandardWidget.ss, LinkWidget.ss, CommercialWidget.ss*/ }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .home-page .results-container .btn-projects .btn-project,
      .home-page .project-search-results .btn-projects .btn-project,
      .project-listing-page .results-container .btn-projects .btn-project,
      .project-listing-page .project-search-results .btn-projects .btn-project,
      .ProjectPage .results-container .btn-projects .btn-project,
      .ProjectPage .project-search-results .btn-projects .btn-project,
      .ProjectHolder .results-container .btn-projects .btn-project,
      .ProjectHolder .project-search-results .btn-projects .btn-project,
      .keyword-search-result-items .results-container .btn-projects .btn-project,
      .keyword-search-result-items .project-search-results .btn-projects .btn-project {
        width: 100%; } }
    .home-page .results-container .btn-projects .btn-project .image-container,
    .home-page .project-search-results .btn-projects .btn-project .image-container,
    .project-listing-page .results-container .btn-projects .btn-project .image-container,
    .project-listing-page .project-search-results .btn-projects .btn-project .image-container,
    .ProjectPage .results-container .btn-projects .btn-project .image-container,
    .ProjectPage .project-search-results .btn-projects .btn-project .image-container,
    .ProjectHolder .results-container .btn-projects .btn-project .image-container,
    .ProjectHolder .project-search-results .btn-projects .btn-project .image-container,
    .keyword-search-result-items .results-container .btn-projects .btn-project .image-container,
    .keyword-search-result-items .project-search-results .btn-projects .btn-project .image-container {
      overflow: hidden;
      background-position: top center;
      background-size: 100% 18.8em;
      background-repeat: no-repeat; }
      .home-page .results-container .btn-projects .btn-project .image-container .label,
      .home-page .project-search-results .btn-projects .btn-project .image-container .label,
      .project-listing-page .results-container .btn-projects .btn-project .image-container .label,
      .project-listing-page .project-search-results .btn-projects .btn-project .image-container .label,
      .ProjectPage .results-container .btn-projects .btn-project .image-container .label,
      .ProjectPage .project-search-results .btn-projects .btn-project .image-container .label,
      .ProjectHolder .results-container .btn-projects .btn-project .image-container .label,
      .ProjectHolder .project-search-results .btn-projects .btn-project .image-container .label,
      .keyword-search-result-items .results-container .btn-projects .btn-project .image-container .label,
      .keyword-search-result-items .project-search-results .btn-projects .btn-project .image-container .label {
        height: 14.4em;
        margin-top: 18.8em;
        background-color: #00bcda;
        transition: background-color 0.25s; }
    .home-page .results-container .btn-projects .btn-project:hover,
    .home-page .project-search-results .btn-projects .btn-project:hover,
    .project-listing-page .results-container .btn-projects .btn-project:hover,
    .project-listing-page .project-search-results .btn-projects .btn-project:hover,
    .ProjectPage .results-container .btn-projects .btn-project:hover,
    .ProjectPage .project-search-results .btn-projects .btn-project:hover,
    .ProjectHolder .results-container .btn-projects .btn-project:hover,
    .ProjectHolder .project-search-results .btn-projects .btn-project:hover,
    .keyword-search-result-items .results-container .btn-projects .btn-project:hover,
    .keyword-search-result-items .project-search-results .btn-projects .btn-project:hover {
      border-color: #00bcda; }
      .home-page .results-container .btn-projects .btn-project:hover .label,
      .home-page .project-search-results .btn-projects .btn-project:hover .label,
      .project-listing-page .results-container .btn-projects .btn-project:hover .label,
      .project-listing-page .project-search-results .btn-projects .btn-project:hover .label,
      .ProjectPage .results-container .btn-projects .btn-project:hover .label,
      .ProjectPage .project-search-results .btn-projects .btn-project:hover .label,
      .ProjectHolder .results-container .btn-projects .btn-project:hover .label,
      .ProjectHolder .project-search-results .btn-projects .btn-project:hover .label,
      .keyword-search-result-items .results-container .btn-projects .btn-project:hover .label,
      .keyword-search-result-items .project-search-results .btn-projects .btn-project:hover .label {
        background-color: #28e1ff; }
    .home-page .results-container .btn-projects .btn-project .copy,
    .home-page .project-search-results .btn-projects .btn-project .copy,
    .project-listing-page .results-container .btn-projects .btn-project .copy,
    .project-listing-page .project-search-results .btn-projects .btn-project .copy,
    .ProjectPage .results-container .btn-projects .btn-project .copy,
    .ProjectPage .project-search-results .btn-projects .btn-project .copy,
    .ProjectHolder .results-container .btn-projects .btn-project .copy,
    .ProjectHolder .project-search-results .btn-projects .btn-project .copy,
    .keyword-search-result-items .results-container .btn-projects .btn-project .copy,
    .keyword-search-result-items .project-search-results .btn-projects .btn-project .copy {
      max-height: calc(7em / 1.6);
      padding-top: calc(1.5em / 1.6);
      padding-bottom: calc(1.5em / 1.6); }
      @media screen and (max-width: 1024px) {
        .home-page .results-container .btn-projects .btn-project .copy,
        .home-page .project-search-results .btn-projects .btn-project .copy,
        .project-listing-page .results-container .btn-projects .btn-project .copy,
        .project-listing-page .project-search-results .btn-projects .btn-project .copy,
        .ProjectPage .results-container .btn-projects .btn-project .copy,
        .ProjectPage .project-search-results .btn-projects .btn-project .copy,
        .ProjectHolder .results-container .btn-projects .btn-project .copy,
        .ProjectHolder .project-search-results .btn-projects .btn-project .copy,
        .keyword-search-result-items .results-container .btn-projects .btn-project .copy,
        .keyword-search-result-items .project-search-results .btn-projects .btn-project .copy {
          max-height: calc(7em / 2.25);
          padding-top: calc(1.5em / 2.25);
          padding-bottom: calc(1.5em / 2.25);
          padding-right: calc(2em / 2.25 * 3); } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .home-page .results-container .btn-projects .btn-project .copy,
        .home-page .project-search-results .btn-projects .btn-project .copy,
        .project-listing-page .results-container .btn-projects .btn-project .copy,
        .project-listing-page .project-search-results .btn-projects .btn-project .copy,
        .ProjectPage .results-container .btn-projects .btn-project .copy,
        .ProjectPage .project-search-results .btn-projects .btn-project .copy,
        .ProjectHolder .results-container .btn-projects .btn-project .copy,
        .ProjectHolder .project-search-results .btn-projects .btn-project .copy,
        .keyword-search-result-items .results-container .btn-projects .btn-project .copy,
        .keyword-search-result-items .project-search-results .btn-projects .btn-project .copy {
          max-height: calc(7em / 2);
          padding-top: calc(1.5em / 2);
          padding-bottom: calc(1.5em / 2);
          padding-right: calc(2em / 2 * 3); } }
  .home-page .results-container .btn-projects .btn-project + .btn-project,
  .home-page .project-search-results .btn-projects .btn-project + .btn-project,
  .project-listing-page .results-container .btn-projects .btn-project + .btn-project,
  .project-listing-page .project-search-results .btn-projects .btn-project + .btn-project,
  .ProjectPage .results-container .btn-projects .btn-project + .btn-project,
  .ProjectPage .project-search-results .btn-projects .btn-project + .btn-project,
  .ProjectHolder .results-container .btn-projects .btn-project + .btn-project,
  .ProjectHolder .project-search-results .btn-projects .btn-project + .btn-project,
  .keyword-search-result-items .results-container .btn-projects .btn-project + .btn-project,
  .keyword-search-result-items .project-search-results .btn-projects .btn-project + .btn-project {
    margin-left: 2em; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .home-page .results-container .btn-projects .btn-project + .btn-project,
      .home-page .project-search-results .btn-projects .btn-project + .btn-project,
      .project-listing-page .results-container .btn-projects .btn-project + .btn-project,
      .project-listing-page .project-search-results .btn-projects .btn-project + .btn-project,
      .ProjectPage .results-container .btn-projects .btn-project + .btn-project,
      .ProjectPage .project-search-results .btn-projects .btn-project + .btn-project,
      .ProjectHolder .results-container .btn-projects .btn-project + .btn-project,
      .ProjectHolder .project-search-results .btn-projects .btn-project + .btn-project,
      .keyword-search-result-items .results-container .btn-projects .btn-project + .btn-project,
      .keyword-search-result-items .project-search-results .btn-projects .btn-project + .btn-project {
        margin-left: 0; } }
  .home-page .results-container .btn-projects .btn-project:nth-child(3n + 4),
  .home-page .project-search-results .btn-projects .btn-project:nth-child(3n + 4),
  .project-listing-page .results-container .btn-projects .btn-project:nth-child(3n + 4),
  .project-listing-page .project-search-results .btn-projects .btn-project:nth-child(3n + 4),
  .ProjectPage .results-container .btn-projects .btn-project:nth-child(3n + 4),
  .ProjectPage .project-search-results .btn-projects .btn-project:nth-child(3n + 4),
  .ProjectHolder .results-container .btn-projects .btn-project:nth-child(3n + 4),
  .ProjectHolder .project-search-results .btn-projects .btn-project:nth-child(3n + 4),
  .keyword-search-result-items .results-container .btn-projects .btn-project:nth-child(3n + 4),
  .keyword-search-result-items .project-search-results .btn-projects .btn-project:nth-child(3n + 4) {
    margin-left: 0; }

.quick-links .btn-project {
  margin-bottom: 0 !important; }

.widget:not(.widget-full-width) .btn-project {
  position: relative; }

.widget:not(.widget-full-width) .btn-project .copy {
  padding-top: 2em;
  padding-right: 3em;
  padding-bottom: 2em;
  padding-left: 2em;
  position: relative;
  overflow: hidden; }

.btn-project .image-container {
  height: 17em;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.btn-project .copy .cta-icon-arrow {
  top: 2em;
  right: 2em; }

.btn-project .copy + .copy {
  padding-top: 0; }

.btn-project .btn-ctas {
  padding-top: 0;
  text-align: left; }

ul.contact {
  padding-top: 2em;
  padding-right: calc(2em * 3);
  padding-bottom: 2em;
  padding-left: 2em;
  position: relative; }
  div.clickable-area + ul.contact {
    border-top: 1px solid #e5e5e5; }
  ul.contact li a {
    background-position: left center;
    background-repeat: no-repeat; }
    ul.contact li a.phone {
      background-image: url(../image/ui/icon-phone.svg); }
    ul.contact li a.email {
      background-image: url(../image/ui/icon-letter.svg); }
    ul.contact li a.website {
      background-image: url(../image/ui/icon-desktop.svg); }
  ul.contact li .note {
    vertical-align: middle; }

.snapshots-container h2 {
  background-color: #03aac5; }

.snapshots-container p.prompt {
  margin-top: 0 !important;
  height: auto;
  padding: calc(2em / 1.6);
  line-height: 1.5em;
  border-bottom: 1px solid #f0f0f0; }
  @media screen and (max-width: 1024px) {
    .snapshots-container p.prompt {
      padding: calc(2em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .snapshots-container p.prompt {
      padding: calc(2em / 2); } }

.snapshots-container div.snapshot {
  height: 8.8em;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  overflow: hidden; }
  .snapshots-container div.snapshot:last-child {
    border-bottom: none; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .snapshots-container div.snapshot.open {
      height: auto; }
      .snapshots-container div.snapshot.open .clickable-area {
        height: auto; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .snapshots-container div.snapshot.open .clickable-area .label {
        height: auto;
        padding-bottom: 0;
        position: relative;
        left: 0;
        top: 0; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .snapshots-container div.snapshot.open .clickable-area .info {
        position: relative;
        top: 0; } }
  .snapshots-container div.snapshot .clickable-area {
    width: 100%;
    height: 100%; }
    .snapshots-container div.snapshot .clickable-area a.btn {
      /*&:hover {
					.cta-icon-arrow {
						background-image: url(../image/ui/cta-icon-arrow-down-blue.svg);
						background-size: auto 1em;
					}
				}*/ }
      .snapshots-container div.snapshot .clickable-area a.btn .cta-icon-arrow {
        width: 1.2em;
        height: 0.7em;
        background-image: url(../image/ui/cta-icon-arrow-down-blue.svg);
        background-size: 1.2em auto; }
  .snapshots-container div.snapshot .label {
    width: calc(100% - 4em);
    height: calc(100% - 4em);
    padding: 2em;
    position: absolute;
    left: 0;
    top: 0; }
  .snapshots-container div.snapshot .info {
    width: calc(100% - 6em);
    height: calc(100% - 2em);
    padding: 0.5em 4em 1.5em 2em;
    position: absolute;
    left: 0;
    top: 100%;
    /*display: none;*/
    background-color: #ffffff; }

.news-container .news-article .content-container,
.keyword-search-result-items .news-article .content-container {
  margin-top: 2em;
  margin-bottom: 2em;
  overflow: hidden; }
  .news-container .news-article .content-container .image-container,
  .keyword-search-result-items .news-article .content-container .image-container {
    margin-right: 2em;
    margin-bottom: 2em;
    float: left; }

.news-container .related-news .news-results,
.keyword-search-result-items .related-news .news-results {
  margin-top: 2em; }

.news-container .btn-news,
.news-container .btn-search-result-item,
.keyword-search-result-items .btn-news,
.keyword-search-result-items .btn-search-result-item {
  width: 100%;
  /*height: 18em;*/
  border-bottom: 0.4em solid #e5e5e5;
  margin-bottom: 2em;
  overflow: hidden;
  background-color: #ffffff;
  position: relative; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .news-container .btn-news,
    .news-container .btn-search-result-item,
    .keyword-search-result-items .btn-news,
    .keyword-search-result-items .btn-search-result-item {
      height: auto; } }
  .news-container .btn-news .thumbnail,
  .news-container .btn-search-result-item .thumbnail,
  .keyword-search-result-items .btn-news .thumbnail,
  .keyword-search-result-items .btn-search-result-item .thumbnail {
    width: 25em;
    height: 28em;
    border-bottom: 0.4em solid #a2b427;
    margin: 2em;
    float: left;
    position: relative;
    background-image: url(../image/ui/missing-media.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .news-container .btn-news .thumbnail,
      .news-container .btn-search-result-item .thumbnail,
      .keyword-search-result-items .btn-news .thumbnail,
      .keyword-search-result-items .btn-search-result-item .thumbnail {
        width: 25%;
        height: 18em;
        background-size: cover; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .news-container .btn-news .thumbnail,
      .news-container .btn-search-result-item .thumbnail,
      .keyword-search-result-items .btn-news .thumbnail,
      .keyword-search-result-items .btn-search-result-item .thumbnail {
        width: 100%;
        height: 30em; } }
    .news-container .btn-news .thumbnail .left-highlight,
    .news-container .btn-search-result-item .thumbnail .left-highlight,
    .keyword-search-result-items .btn-news .thumbnail .left-highlight,
    .keyword-search-result-items .btn-search-result-item .thumbnail .left-highlight {
      width: calc(100% - 0.4em);
      height: 100%;
      border-left: 0.4em solid;
      position: absolute;
      left: 0;
      top: 0; }
  .news-container .btn-news .copy,
  .news-container .btn-search-result-item .copy,
  .keyword-search-result-items .btn-news .copy,
  .keyword-search-result-items .btn-search-result-item .copy {
    width: calc(65em - 4em);
    height: calc(100% - 4em);
    padding: 2em;
    float: left; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .news-container .btn-news .copy,
      .news-container .btn-search-result-item .copy,
      .keyword-search-result-items .btn-news .copy,
      .keyword-search-result-items .btn-search-result-item .copy {
        width: calc(75% - 4em);
        height: auto;
        border-right: 0; } }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .news-container .btn-news .copy,
      .news-container .btn-search-result-item .copy,
      .keyword-search-result-items .btn-news .copy,
      .keyword-search-result-items .btn-search-result-item .copy {
        width: calc(100% - 4em); } }
    .news-container .btn-news .copy .tags,
    .news-container .btn-search-result-item .copy .tags,
    .keyword-search-result-items .btn-news .copy .tags,
    .keyword-search-result-items .btn-search-result-item .copy .tags {
      margin-top: 0.5em;
      overflow: hidden; }
      .news-container .btn-news .copy .tags span,
      .news-container .btn-search-result-item .copy .tags span,
      .keyword-search-result-items .btn-news .copy .tags span,
      .keyword-search-result-items .btn-search-result-item .copy .tags span {
        display: inline-block;
        background-color: #e5e5e5; }
      .news-container .btn-news .copy .tags span + span,
      .news-container .btn-search-result-item .copy .tags span + span,
      .keyword-search-result-items .btn-news .copy .tags span + span,
      .keyword-search-result-items .btn-search-result-item .copy .tags span + span {
        margin-left: 1em; }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .news-container .btn-news .cta-icon-arrow,
    .news-container .btn-search-result-item .cta-icon-arrow,
    .keyword-search-result-items .btn-news .cta-icon-arrow,
    .keyword-search-result-items .btn-search-result-item .cta-icon-arrow {
      top: 32em; } }

.careers-container h2.widget-title {
  color: #a2b427 !important; }

.careers-container .btn-careers {
  margin-top: 2em; }

.btn-career {
  width: 100%;
  position: relative; }
  .btn-career .copy {
    padding: 2em; }
    .btn-career .copy dl.meta-container .column a {
      padding-right: 0;
      background-image: none; }
      .btn-career .copy dl.meta-container .column a:hover {
        padding-right: 0; }
    .btn-career .copy .btn-ctas .btn-cta {
      background-color: #a2b427; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .btn-career .copy .btn-ctas {
        margin-top: 2em;
        position: static; } }
  .btn-career + .btn-career {
    border-top: 1px solid #ededed; }

.facebook-container,
.twitter-container {
  position: relative; }
  .facebook-container .feed-container,
  .twitter-container .feed-container {
    width: 100%;
    height: 500px;
    position: relative; }
    .facebook-container .feed-container .fake-fb-page,
    .twitter-container .feed-container .fake-fb-page {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .facebook-container .feed-container iframe,
    .twitter-container .feed-container iframe {
      height: 100% !important; }
  .facebook-container .is-loading,
  .twitter-container .is-loading {
    width: 5em;
    height: 5em;
    position: absolute;
    left: calc(50% - 2.5em);
    top: calc(50% - 2.5em); }

.widgets .widget .facebook-container h2,
.facebook-container h2 {
  background-color: #3b5998 !important; }

.widgets .widget .twitter-container h2,
.twitter-container h2 {
  background-color: #55acee !important; }

.get-updates .copy-container {
  padding: 2em;
  border-bottom: 1px solid #ededed; }

.commercial-opportunities {
  overflow: hidden; }
  .commercial-opportunities .commercial-opportunities-category h3 + div {
    margin-top: 2em; }
  .commercial-opportunities .commercial-opportunities-category .commercial-opportunity-items {
    width: 100%;
    border-bottom: 0.4em solid #e5e5e5;
    margin-bottom: 2em;
    overflow: hidden; }
    .commercial-opportunities .commercial-opportunities-category .commercial-opportunity-items .btn-commercial-opportunity + .btn-commercial-opportunity {
      margin-top: 2em; }
    .commercial-opportunities .commercial-opportunities-category .commercial-opportunity-items .btn-commercial-opportunity .clickable-area {
      position: relative; }
      .commercial-opportunities .commercial-opportunities-category .commercial-opportunity-items .btn-commercial-opportunity .clickable-area .copy {
        width: calc(92em - 4em - 1px);
        padding: 2em;
        border-right: 1px solid #e5e5e5; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .commercial-opportunities .commercial-opportunities-category .commercial-opportunity-items .btn-commercial-opportunity .clickable-area .copy {
            width: calc(100% - 4em);
            border-right: 0; } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .commercial-opportunities .commercial-opportunities-category .commercial-opportunity-items .btn-commercial-opportunity .clickable-area .cta-icon-arrow {
          top: 32em; } }
      .commercial-opportunities .commercial-opportunities-category .commercial-opportunity-items .btn-commercial-opportunity .clickable-area a {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .commercial-opportunities .commercial-opportunities-category .commercial-opportunity-items .btn-commercial-opportunity .clickable-area a {
            height: 50em; } }

.widget .faq-container .faq-category-container .faq-item {
  border-bottom: 0;
  margin-bottom: 1px; }
  .widget .faq-container .faq-category-container .faq-item .clickable-area h3.question {
    border-left: 0; }
  .widget .faq-container .faq-category-container .faq-item .clickable-area .cta-icon-arrow {
    width: 1.2em;
    background-image: url(../image/ui/cta-icon-arrow-down-blue.svg);
    background-size: 1.2em auto; }

.widget .faq-container .faq-category-container .faq-item + .faq-item {
  margin-top: 0; }

.widget .faq-container .see-more {
  border-bottom: 1px solid #ededed;
  background-color: #ffffff; }
  .widget .faq-container .see-more .clickable-area {
    padding: 2em; }
    .widget .faq-container .see-more .clickable-area p {
      font-style: italic; }

.faq-container .faq-category-container .faq-item {
  border-bottom: 0.4em solid #ededed;
  margin-bottom: 1px;
  overflow: hidden; }
  .faq-container .faq-category-container .faq-item.open .answer {
    max-height: 100em;
    padding: 2em; }
  .faq-container .faq-category-container .faq-item .answer {
    box-sizing: content-box;
    max-height: 0;
    padding: 0 2em;
    overflow: hidden;
    transition: max-height 0.25s, padding 0.25s; }

.faq-container .faq-category-container h2 + .faq-item,
.faq-container .faq-category-container .faq-item + .faq-item {
  margin-top: 2em; }

.faq-container .faq-category-container + .faq-category-container {
  margin-top: 8em; }

.gallery-container {
  position: relative; }
  .gallery-container .gallery-active-image {
    width: 100%;
    height: 35em;
    margin-top: 2em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative; }
    .widget-full-width .gallery-container .gallery-active-image {
      height: 50em; }
    .gallery-container .gallery-active-image a {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1; }
  .gallery-container .gallery-items {
    margin-top: 2em;
    overflow: hidden;
    position: relative; }
    @media screen and (min-aspect-ratio: 35 / 40) {
      .widget.widget-half-width .gallery-container .gallery-items {
        width: calc(100% - 5em);
        margin-left: auto;
        margin-right: auto; } }
    .gallery-container .gallery-items .gallery-item {
      /*width: calc(33% - 2em);*/
      /*height: 100%;*/ }
      .gallery-container .gallery-items .gallery-item .thumbnail {
        width: 100%;
        height: 10em;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative; }
        .widget-full-width .gallery-container .gallery-items .gallery-item .thumbnail {
          height: 20em; }
        .gallery-container .gallery-items .gallery-item .thumbnail a {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1; }
      .gallery-container .gallery-items .gallery-item .copy {
        width: 100%;
        /*height: 10em;*/
        margin-top: 1em; }
    .gallery-container .gallery-items .hidden.lightbox-image {
      display: none; }
  .gallery-container .gallery-items + .prompt {
    margin-top: 2em; }
    .widget.widget-half-width .gallery-container .gallery-items + .prompt {
      margin-bottom: 2em !important; }
    @media screen and (min-aspect-ratio: 35 / 40) {
      .widget.widget-half-width .gallery-container .gallery-items + .prompt {
        margin-left: 2em;
        margin-right: 2em; } }
  .gallery-container .gallery-items-1 {
    width: 100% !important; }
    .widget-half-width .gallery-container .gallery-items-1 .gallery-item {
      width: calc(100% - 4em);
      margin-left: 2em;
      margin-right: 2em; }
    .gallery-container .gallery-items-1 .gallery-item .thumbnail {
      height: auto !important; }
  .gallery-container .gallery-nav-container {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }

.lb-details {
  font-family: "Open Sans", sans-serif; }

.VideoHolder .stick-on-scroll .selected-video + div .full-width h4:first-child {
  margin-top: calc(2.5em / 3.6); }

.selected-video {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: relative;
  overflow: hidden; }
  html:not(.is-ie) .selected-video {
    background-color: #000000 !important; }
  html.is-ie .selected-video {
    background-color: #8e9698 !important; }
  html:not(.is-ie) .selected-video .video-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.75;
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -o-filter: blur(12px);
    -ms-filter: blur(12px);
    filter: blur(12px); }
  html.is-ie .selected-video .video {
    display: none; }
  .selected-video iframe {
    width: 100%;
    height: 54em;
    margin: 0 auto;
    display: block;
    transition: width 0.25s, height 0.25s; }
    .is-scrolled .stick-on-scroll:not(.stick-on-scroll-disabled) .selected-video iframe {
      width: calc(47.5em * 1.5);
      height: calc(27em * 1.5); }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .selected-video iframe {
        height: 27em;
        min-height: 0; }
        .is-scrolled .stick-on-scroll:not(.stick-on-scroll-disabled) .selected-video iframe {
          width: 100%;
          height: 27em;
          min-height: 0; } }

/*.selected-video-pusher {
	height: 54em;
}*/
.videos-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  .videos-container .full-width {
    padding: 0; }
  .videos-container .playlist-title-container {
    /*height: calc(3.6em + 4em);*/
    border-top: 1px solid #ededed;
    border-bottom: 0.4em solid #ededed; }
    .videos-container .playlist-title-container h2 {
      /*height: calc(1em - 0.25em);*/
      padding-top: calc((3.6em + 4em) / 3.6 / 2 - (1em - 0.25em) / 2);
      padding-bottom: calc((3.6em + 4em) / 3.6 / 2 - (1em - 0.25em) / 2);
      /*margin-top: 0.25em;*/
      text-align: center; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .videos-container .playlist-title-container h2 {
          width: calc(100% - 15em / 3.6);
          margin: 0 auto; } }
  .videos-container .video-carousel {
    padding-top: 2em;
    padding-bottom: 2em;
    overflow: visible;
    /*.owl-controls {
			width: 100%;
			position: absolute;
			left: 0;
			top: calc(-1 * (3.6em + 4em) / 2 - 1.75em);

			.owl-nav {
				.owl-prev,
				.owl-next {
					top: 0;
				}
			}
		}*/ }

.btn-videos .btn-video,
.keyword-search-result-items .btn-videos .btn-video {
  border-bottom: 0.1em solid #dcdcdc; }
  .btn-videos .btn-video .thumbnail,
  .keyword-search-result-items .btn-videos .btn-video .thumbnail {
    width: 100%;
    height: 27em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  .btn-videos .btn-video .copy,
  .keyword-search-result-items .btn-videos .btn-video .copy {
    padding: 2em;
    border-bottom: 0.4em solid #ededed;
    position: relative; }
    .btn-videos .btn-video .copy .cta-icon-arrow,
    .keyword-search-result-items .btn-videos .btn-video .copy .cta-icon-arrow {
      background-image: url(../image/ui/cta-icon-arrow-green.svg); }

.events-container h2 {
  color: #f47521; }

.events-container h2 + .btn-events {
  margin-top: 2em; }
  .widget .events-container h2 + .btn-events {
    margin-top: 0; }

.events-container .btn-events .btn-event {
  width: 100%;
  padding-bottom: 2em;
  border-bottom: 0.4em solid #e5e5e5;
  overflow: hidden;
  background-color: #ffffff; }
  .events-container .btn-events .btn-event + .btn-event {
    margin-top: 2em; }
  .widget .events-container .btn-events .btn-event {
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5; }
    .widget .events-container .btn-events .btn-event:last-child {
      border-bottom: 0; }
  .events-container .btn-events .btn-event .clickable-area {
    overflow: hidden;
    position: relative; }
    .events-container .btn-events .btn-event .clickable-area > .column {
      float: left; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .events-container .btn-events .btn-event .clickable-area > .column {
          float: none; }
          .events-container .btn-events .btn-event .clickable-area > .column + .column {
            margin-top: 2em; } }
      .events-container .btn-events .btn-event .clickable-area > .column:nth-child(1) {
        width: 27em;
        height: 18em; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .events-container .btn-events .btn-event .clickable-area > .column:nth-child(1) {
            width: 100%;
            height: 36em; } }
        .widget .events-container .btn-events .btn-event .clickable-area > .column:nth-child(1) {
          width: calc(27em * 0.5);
          height: calc(18em * 0.5); }
      .events-container .btn-events .btn-event .clickable-area > .column:nth-child(2) {
        width: calc(100% - 27em);
        min-height: 18em;
        margin-bottom: 2em; }
        .widget .events-container .btn-events .btn-event .clickable-area > .column:nth-child(2) {
          /*width: calc(100% - 27em * 0.5 - 2em);*/
          width: calc(100% - 4em);
          min-height: calc(18em * 0.5);
          margin: 2em; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .events-container .btn-events .btn-event .clickable-area > .column:nth-child(2) {
            width: 100%; } }
    .events-container .btn-events .btn-event .clickable-area .thumbnail {
      width: 100%;
      height: 100%;
      float: left;
      position: relative;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
      .events-container .btn-events .btn-event .clickable-area .thumbnail .left-highlight {
        width: calc(100% - 0.4em);
        height: 100%;
        border-left: 0.4em solid;
        position: absolute;
        left: 0;
        top: 0; }
    .events-container .btn-events .btn-event .clickable-area .btn-event-header .meta-data-container {
      width: calc(100% - 30em); }
      .events-container .btn-events .btn-event .clickable-area .btn-event-header .meta-data-container dt,
      .events-container .btn-events .btn-event .clickable-area .btn-event-header .meta-data-container dd {
        color: #303c42; }
    .events-container .btn-events .btn-event .clickable-area .btn-event-header .btn-ctas {
      float: right; }
      .events-container .btn-events .btn-event .clickable-area .btn-event-header .btn-ctas .btn-cta {
        display: block; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .events-container .btn-events .btn-event .clickable-area .btn-event-header .btn-ctas .btn-cta {
            display: inline-block; } }
      .events-container .btn-events .btn-event .clickable-area .btn-event-header .btn-ctas .btn-cta + .btn-cta {
        margin-left: 0; }
    .events-container .btn-events .btn-event .clickable-area h2 + .btn-event-header {
      margin-top: 2em; }
    .events-container .btn-events .btn-event .clickable-area .copy {
      margin: 2em 2em 0; }
      .widget .events-container .btn-events .btn-event .clickable-area .copy {
        margin-top: 0; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .events-container .btn-events .btn-event .clickable-area .copy {
          width: 100%;
          margin: 2em 0; } }
    .events-container .btn-events .btn-event .clickable-area .copy + .copy {
      margin-top: 2em; }
    .events-container .btn-events .btn-event .clickable-area .extra-informations {
      margin: 2em 2em 0;
      overflow: hidden; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .events-container .btn-events .btn-event .clickable-area .extra-informations {
          margin: 0; } }
      .events-container .btn-events .btn-event .clickable-area .extra-informations .extra-information {
        box-sizing: border-box;
        margin: 0;
        padding: 2em;
        border-top: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-bottom: 0.4em solid #e5e5e5;
        border-left: 0.4em solid #e5e5e5;
        float: left; }
        .events-container .btn-events .btn-event .clickable-area .extra-informations .extra-information + .extra-information {
          margin-left: 1em; }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            .events-container .btn-events .btn-event .clickable-area .extra-informations .extra-information + .extra-information {
              margin-top: 2em;
              margin-left: 0; } }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .events-container .btn-events .btn-event .clickable-area .extra-informations .extra-information {
            width: 100% !important; } }
      .events-container .btn-events .btn-event .clickable-area .extra-informations.extra-2 .extra-information {
        width: calc((100% - 1em) / 2); }
      .events-container .btn-events .btn-event .clickable-area .extra-informations.extra-3 .extra-information {
        width: calc((100% - 2em) / 3); }

.events-container .btn-events.one-only .btn-event .clickable-area > .column:nth-child(1) {
  display: none; }

.events-container .btn-events.one-only .btn-event .clickable-area > .column:nth-child(2) {
  width: 100%; }

#shortcuts {
  padding-top: 2em;
  padding-bottom: 4.5em;
  background-color: #f6f6f6;
  /*.columns {
		.column {
			width: 47.5em;
			margin-right: 2em;*/
  /*}

		.column:last-child {
			margin-right: 0;
		}
	}*/ }
  #shortcuts .shortcut.twitter .image-container {
    background-image: url(../image/ui/home-shortcut-twitter-bg.jpg); }
    #shortcuts .shortcut.twitter .image-container h2 {
      padding-right: calc((5.9em + 1em) / 6);
      display: inline-block;
      background-image: url(../image/ui/icon-twitter-bird.svg);
      background-position: right bottom;
      background-repeat: no-repeat;
      background-size: auto calc(4.8em / 6); }
  #shortcuts .shortcut.twitter div.tweet {
    border-bottom: 2px solid #edf1f5; }
    #shortcuts .shortcut.twitter div.tweet img {
      width: 100%;
      height: auto;
      display: block; }
  #shortcuts .shortcut.twitter div.tweet:last-child {
    border-bottom: calc(0.4em / 1.6) solid #e5e5e5; }

.quick-links {
  padding-top: 2em;
  padding-bottom: 4.5em;
  background-color: #e1e1e1; }
  .quick-links .widget {
    background-color: #ffffff; }
  .quick-links .columns .column {
    margin-right: 2em;
    width: 30.9em; }
    .quick-links .columns .column:last-child {
      margin-right: 0; }

.quick-links-group {
  margin-right: 2em; }
  .widget .quick-links-group {
    margin-right: 0; }
  .commercial-opportunities .quick-links-group {
    width: 100%;
    margin-right: 0; }
    .commercial-opportunities .quick-links-group + .quick-links-group {
      margin-top: 2em; }
  .quick-links-group .quick-link {
    border-bottom: 1px solid #ededed; }
    .quick-links-group .quick-link.has-video .thumbnail {
      /*width: 24em;
				height: 14em;*/
      width: calc(100% - 4em);
      height: 20em;
      margin-bottom: 1em;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .quick-links-group .quick-link.has-video .thumbnail {
          width: calc(100% - 3em);
          height: 25em; } }
    .quick-links-group .quick-link.has-thumbnail {
      min-height: 10.8em; }
    .quick-links-group .quick-link .non-clickable-area,
    .quick-links-group .quick-link .clickable-area {
      padding: 2em; }
    .quick-links-group .quick-link .clickable-area h3 + p {
      margin-top: 0; }
    .quick-links-group .quick-link .non-clickable-area h3 {
      margin-right: 6em; }
    .quick-links-group .quick-link.has-video .clickable-area a.btn {
      background-image: url(../image/ui/btn-play-video.svg);
      /*background-position: calc(2em + 25em / 2 - 2em) calc(2em + 14em / 2 - 2.25em);*/
      background-position: calc(2em + (100% - 4em) / 2 - 2em) calc(2em + 20em / 2 - 2.25em);
      background-size: 4em 4.5em;
      background-repeat: no-repeat;
      opacity: 0.8; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .quick-links-group .quick-link.has-video .clickable-area a.btn {
          background-position: center 12.5em; } }
  .quick-links-group .quick-link:last-child {
    border-bottom: none; }
  .quick-links-group .btn-more p {
    font-style: italic; }

.outcomes-container {
  position: relative; }
  .outcomes-container h2.widget-title {
    padding-left: 0;
    background-color: transparent;
    color: #a2b427; }
  .outcomes-container h2.widget-title + .copy {
    margin-top: 2em; }
  .outcomes-container .copy + .outcomes {
    margin-top: 2em; }
  .outcomes-container.is-copy-at-top .outcomes .outcome .pos.clickable-area {
    padding-top: 2em;
    padding-bottom: 0;
    transition: margin-top 0.25s; }
    .outcomes-container.is-copy-at-top .outcomes .outcome .pos.clickable-area .highlight {
      top: 0;
      bottom: auto; }
  .outcomes-container:not(.is-copy-at-top) .outcomes .outcome .pos.clickable-area {
    padding-bottom: 2em;
    padding-top: 0;
    transition: margin-bottom 0.25s; }
    .outcomes-container:not(.is-copy-at-top) .outcomes .outcome .pos.clickable-area .highlight {
      bottom: 0;
      top: auto; }
  .outcomes-container .outcomes {
    overflow: hidden;
    position: relative;
    z-index: 2; }
    .outcomes-container .outcomes .outcome {
      position: relative;
      z-index: 1; }
      @media screen and (min-aspect-ratio: 35 / 40), screen and (min-width: 641px) {
        .outcomes-container .outcomes .outcome.open .pos.clickable-area .number {
          /*background-color: transparent;*/
          color: #a2b427; }
        .outcomes-container .outcomes .outcome.open .pos.clickable-area .highlight {
          border-color: #a2b427; }
        .outcomes-container .outcomes .outcome.open .outcome-content {
          max-height: 1000px !important;
          opacity: 1 !important; } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .outcomes-container .outcomes .outcome + .outcome {
          margin-top: 2em; } }
      .outcomes-container .outcomes .outcome.open {
        z-index: 0; }
      .outcomes-container .outcomes .outcome .pos.clickable-area {
        float: left; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .outcomes-container .outcomes .outcome .pos.clickable-area {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            width: auto !important; } }
        .outcomes-container .outcomes .outcome .pos.clickable-area .number {
          position: relative;
          left: calc(50% - (6.5em / 3.6) / 2);
          display: block;
          /*background-color: $green;*/
          transition: background-color 0.25s, color 0.25s;
          z-index: 1; }
        .outcomes-container .outcomes .outcome .pos.clickable-area .label {
          position: relative;
          z-index: 1;
          color: #8e9698; }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            .outcomes-container .outcomes .outcome .pos.clickable-area .label {
              display: none; } }
        .outcomes-container .outcomes .outcome .pos.clickable-area .highlight {
          width: calc(50% - 1px);
          height: 2em;
          border-right: 2px solid transparent;
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: 1;
          transition: border-color 0.25s; }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            .outcomes-container .outcomes .outcome .pos.clickable-area .highlight {
              display: none; } }
        .outcomes-container .outcomes .outcome .pos.clickable-area .btn {
          z-index: 2; }
        .outcomes-container .outcomes .outcome .pos.clickable-area .cta-icon-arrow {
          display: none; }
      .outcomes-container .outcomes .outcome .outcome-content {
        width: calc(100% - 2px);
        border: 1px solid #8e9698;
        overflow: hidden;
        background-color: #ffffff;
        transition: max-height 0.25s, opacity 0.25s; }
        .outcomes-container .outcomes .outcome .outcome-content.has-image .copy {
          width: calc(100% - 35.7em - (2em * 2) - 1px); }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .outcomes-container .outcomes .outcome .outcome-content {
            width: 100%;
            max-height: 1000px !important;
            border: 0;
            padding-top: 2em;
            position: static !important;
            opacity: 1 !important; }
            .outcomes-container .outcomes .outcome .outcome-content .copy + img {
              margin-top: 2em; } }
        .outcomes-container .outcomes .outcome .outcome-content .copy {
          padding: 2em;
          float: left; }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            .outcomes-container .outcomes .outcome .outcome-content .copy {
              width: 100% !important;
              padding: 0;
              float: none; } }
          .outcomes-container .outcomes .outcome .outcome-content .copy p {
            margin-top: 0; }
        .outcomes-container .outcomes .outcome .outcome-content img {
          width: 35.7em;
          height: auto;
          border-left: 1px solid #8e9698;
          display: block;
          float: left; }
          @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
            .outcomes-container .outcomes .outcome .outcome-content img {
              width: 100%;
              float: none; } }
  .outcomes-container hr {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8e9698;
    transition: top 0.25s; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .outcomes-container hr {
        display: none; } }

.image-comparison {
  position: relative;
  overflow: display; }
  .image-comparison h2 + .image-comparison-carousel {
    margin-top: 2em; }
  .image-comparison .compared-image-2 {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden; }
    .image-comparison .compared-image-2 img {
      width: auto; }
  .image-comparison .is-visible .compared-image-2 {
    width: 50%;
    animation: compare-bounce-in 0.7s; }
  .image-comparison .compare-arrow {
    position: absolute;
    border-left: solid #fcb53b 0.4em;
    width: 0.4em;
    top: 0;
    left: 50%;
    cursor: pointer; }
    .image-comparison .compare-arrow .icon {
      position: absolute;
      color: #FFFFFF;
      background-color: #fcb53b;
      width: 4em;
      height: 4em;
      border-radius: 50%;
      left: -2em;
      top: calc(50% - 2em);
      text-align: center; }
      .image-comparison .compare-arrow .icon:before {
        position: absolute;
        display: block; }
  .image-comparison .comparison-caption .cpadding {
    padding: 4em 0 0 0; }

@keyframes compare-bounce-in {
  0% {
    width: 0; }
  60% {
    width: 55%; }
  100% {
    width: 50%; } }
  .image-comparison .owl-controls .owl-dots {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 1.3em;
    padding: 1.5em 0;
    transition: top 0.25s; }
    .image-comparison .owl-controls .owl-dots .owl-dot {
      width: 0.9em;
      height: 0.9em;
      margin-right: 0.4em;
      margin-left: 0.4em;
      border-radius: 0.9em;
      background-color: transparent;
      border: solid #CCC 0.2em;
      display: inline-block; }
      .image-comparison .owl-controls .owl-dots .owl-dot.active {
        background-color: #CCC; }
      @media screen and (max-width: 1024px) {
        .image-comparison .owl-controls .owl-dots .owl-dot {
          width: calc(0.9em * (2.25 / 1.6));
          height: calc(0.9em * (2.25 / 1.6)); } }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .image-comparison .owl-controls .owl-dots .owl-dot {
          width: calc(0.9em * (2 / 1.6));
          height: calc(0.9em * (2 / 1.6)); } }
  .image-comparison .custom-controls .comparison-next,
  .image-comparison .custom-controls .comparison-prev {
    width: 3.7em;
    height: 6.5em;
    position: absolute;
    cursor: pointer;
    z-index: 10;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: right 0.25s, opacity 0.25s; }
  .image-comparison .custom-controls .comparison-next {
    right: calc(50% - 97em / 2 - 10em);
    top: calc(50% - 6.5em / 2); }
    .image-comparison .custom-controls .comparison-next:hover {
      right: calc(50% - 97em / 2 - 11em); }
  .image-comparison .custom-controls .comparison-prev {
    left: calc(50% - 97em / 2 - 10em);
    top: calc(50% - 6.5em / 2); }
    .image-comparison .custom-controls .comparison-prev:hover {
      left: calc(50% - 97em / 2 - 11em); }

.widget:not(.widget-full-width) .stages-timeline .stages-timeline-item.active {
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 2em; }

.stages-timeline .stages-timeline-item + .stages-timeline-item {
  border-top: solid #eee 1px; }
  .stages-timeline .stages-timeline-item + .stages-timeline-item.active {
    border-top: none; }

.stages-timeline .stages-timeline-item.active + .stages-timeline-item {
  border-top: none; }

.stages-timeline .stages-timeline-item {
  overflow: hidden;
  padding: 2em 0; }
  .stages-timeline .stages-timeline-item .st-number {
    float: left;
    background-color: #f58220; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .stages-timeline .stages-timeline-item .st-number {
        float: none; } }
  .stages-timeline .stages-timeline-item .st-content {
    float: left;
    width: calc(100% - 8em); }
  .stages-timeline .stages-timeline-item:not(.completed):not(.active) .st-content h3 {
    color: #303c42; }
  .stages-timeline .stages-timeline-item.active {
    padding-left: 6em;
    background-color: #EEE;
    border-radius: 5.5em;
    border-top: #fff; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .stages-timeline .stages-timeline-item.active {
        padding-left: 3em;
        padding-right: 3em;
        border-radius: 2em; } }
  .stages-timeline .stages-timeline-item.completed .st-number {
    color: #f58220;
    background-color: transparent; }
  .stages-timeline .stages-timeline-item.completed .st-content h3 {
    color: #8e9698; }

/*note that StandardWidget is synonymous to .btn-project*/
/*look at _project.scss for other styles*/
.widget-half-width .btn-project .is-wysiwyg img {
  width: 100%;
  height: auto;
  margin-top: 2em; }

.widget-full-width .btn-project {
  border-bottom: 0; }
  .widget-full-width .btn-project .cutaway-image {
    width: 57.3em;
    height: 37.4em;
    border-radius: calc(37.4em / 2) 0 0 calc(37.4em / 2);
    margin-top: 4em;
    margin-bottom: 2em;
    margin-left: 2em;
    float: right; }
    @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
      .widget-full-width .btn-project .cutaway-image {
        width: calc(100% - 4em);
        height: auto;
        border-radius: 0;
        margin: 0 auto 2em;
        display: block;
        float: none; } }
  .widget-full-width .btn-project .content-width {
    overflow: visible; }
    .widget-full-width .btn-project .content-width .is-wysiwyg {
      padding: 0;
      overflow: visible; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .widget-full-width .btn-project .content-width .is-wysiwyg {
          overflow: hidden; } }
      .widget-full-width .btn-project .content-width .is-wysiwyg h2:first-child {
        margin-top: 0; }

.housing-job-populations-widget h2.widget-title + .scenario {
  margin-top: 4em; }

.housing-job-populations-widget .scenarios {
  margin-top: 2em; }
  .housing-job-populations-widget .scenarios .scenario {
    width: calc((100% - 2em) / 3 - 4em - 1px);
    padding: 2em;
    border-bottom: 0.4em solid #e5e5e5;
    position: relative; }
    .housing-job-populations-widget .scenarios .scenario + .column {
      margin-left: 1em; }
    .housing-job-populations-widget .scenarios .scenario.scenario-housing.c2e-circle-city:before {
      font-size: 5em;
      position: absolute;
      left: calc(2em / 5);
      top: calc(2em / 5); }
    .housing-job-populations-widget .scenarios .scenario.scenario-jobs.c2e-circle-briefcase:before {
      font-size: 5em;
      position: absolute;
      left: calc(2em / 5);
      top: calc(2em / 5); }
    .housing-job-populations-widget .scenarios .scenario.scenario-population.c2e-circle-people:before {
      font-size: 5em;
      position: absolute;
      left: calc(2em / 5);
      top: calc(2em / 5); }
    .housing-job-populations-widget .scenarios .scenario dl {
      width: calc(100% - 6.5em);
      min-height: calc(3.2em + 2em + 1.2em * 3 + 0.5em);
      /*height of dd.numbers + height of dt + height of dd.info * 3 + margin of dd.info*/
      margin-top: 0;
      margin-left: 6.5em;
      position: relative; }
      .housing-job-populations-widget .scenarios .scenario dl dt {
        width: 100%;
        float: none; }
        .housing-job-populations-widget .scenarios .scenario dl dt:after {
          content: ""; }
      .housing-job-populations-widget .scenarios .scenario dl dd {
        width: 100%;
        float: none; }
        .housing-job-populations-widget .scenarios .scenario dl dd .info {
          top: auto; }

.info-graphic-container h2.widget-title + .copy {
  margin-top: 2em; }

.info-graphic-container .info-graphic-items {
  width: 100%;
  min-height: 22.4em;
  position: relative; }
  * .info-graphic-container .info-graphic-items {
    margin-top: 2em; }
  .info-graphic-container .info-graphic-items.has-active .info-graphic-item:not(.active):not(.mouse-over) .icon-container {
    opacity: 0.25; }
  @media screen and (min-aspect-ratio: 35 / 40), (min-width: 641px) {
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over) .icon-container {
      width: 40%; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+1) .icon-container {
      left: 15em; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+2) .icon-container {
      left: 21.6em; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+3) .icon-container {
      left: 19.8em; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+4) .icon-container {
      left: 17em; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+5) .icon-container {
      left: 22.2em; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+6) .icon-container {
      right: 17.5em; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+7) .icon-container {
      right: 22.4em; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+8) .icon-container {
      right: 19.2em; }
    .info-graphic-container .info-graphic-items.has-mouse-over:not(.has-active) .info-graphic-item:not(.mouse-over):nth-child(9n+9) .icon-container {
      right: 17em; } }
  .info-graphic-container .info-graphic-items .info-graphic-item {
    width: 100%;
    /*min-height: 100%;
			position: absolute;
			left: 0;
			top: 0;*/ }
    .info-graphic-container .info-graphic-items .info-graphic-item .icon-container {
      width: 59em;
      height: 5.6em;
      position: absolute;
      left: 0;
      top: 0;
      border-radius: calc(5.6em / 2);
      background-color: rgba(244, 117, 33, 0.5);
      transition: opacity 0.25s, width 0.25s, left 0.25s, right 0.25s;
      z-index: 1; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item .icon-container {
          width: 5.6em;
          height: 50%; } }
      .info-graphic-container .info-graphic-items .info-graphic-item .icon-container .icon {
        width: calc(5.6em - 4px);
        height: calc(5.6em - 4px);
        border: 2px solid #f47521;
        border-radius: calc(5.6em / 2);
        position: absolute;
        left: 0;
        top: 0;
        background-color: #ffffff; }
        .info-graphic-container .info-graphic-items .info-graphic-item .icon-container .icon:before {
          font-size: calc(5.6em + 1px);
          position: relative;
          left: -2px;
          top: -2px;
          color: inherit; }
        .info-graphic-container .info-graphic-items .info-graphic-item .icon-container .icon.icon-circle-comment:before {
          font-size: calc(5.6em - 4px + 1.75em);
          top: -10px; }
      .info-graphic-container .info-graphic-items .info-graphic-item .icon-container .clickable-area {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
        .info-graphic-container .info-graphic-items .info-graphic-item .icon-container .clickable-area .cta-icon-arrow {
          display: none; }
    .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+2) .icon-container {
      left: calc(5.6em * 1.25);
      top: calc(5.6em * 0.5); }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+2) .icon-container {
          left: calc(100% / 5 * 1);
          top: 0; } }
    .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+3) .icon-container {
      left: calc(5.6em * 0.5);
      top: calc(5.6em * 1.5); }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+3) .icon-container {
          left: calc(100% / 5 * 2);
          top: 0; } }
    .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+4) .icon-container {
      left: calc(5.6em * 0.25);
      top: calc(5.6em * 2.5); }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+4) .icon-container {
          left: calc(100% / 5 * 3);
          top: 0; } }
    .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+5) .icon-container {
      left: calc(5.6em * 1.5);
      top: calc(5.6em * 3); }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+5) .icon-container {
          left: calc(100% / 5 * 4);
          top: 0; } }
    .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+6) .icon-container {
      left: auto;
      right: 0;
      top: calc(5.6em * 0.5); }
      .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+6) .icon-container .icon {
        left: auto;
        right: 0; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+6) .icon-container {
          left: calc(100% / 5 * 0.5);
          top: auto;
          bottom: 0; }
          .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+6) .icon-container .icon {
            top: auto;
            bottom: 0; } }
    .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+7) .icon-container {
      left: auto;
      right: calc(5.6em * 1.25);
      top: calc(5.6em * 1); }
      .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+7) .icon-container .icon {
        left: auto;
        right: 0; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+7) .icon-container {
          left: calc(100% / 5 * 1.5);
          top: auto;
          bottom: 0; }
          .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+7) .icon-container .icon {
            top: auto;
            bottom: 0; } }
    .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+8) .icon-container {
      left: auto;
      right: calc(5.6em * 0.5);
      top: calc(5.6em * 2); }
      .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+8) .icon-container .icon {
        left: auto;
        right: 0; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+8) .icon-container {
          left: calc(100% / 5 * 2.5);
          top: auto;
          bottom: 0; }
          .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+8) .icon-container .icon {
            top: auto;
            bottom: 0; } }
    .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+9) .icon-container {
      left: auto;
      right: calc(5.6em * 1.5);
      top: calc(5.6em * 3); }
      .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+9) .icon-container .icon {
        left: auto;
        right: 0; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+9) .icon-container {
          left: calc(100% / 5 * 3.5);
          top: auto;
          bottom: 0; }
          .info-graphic-container .info-graphic-items .info-graphic-item:nth-child(9n+9) .icon-container .icon {
            top: auto;
            bottom: 0; } }
    .info-graphic-container .info-graphic-items .info-graphic-item .copy-container {
      width: 0;
      /*min-height: 22.4em;*/
      border-radius: 0 2em 2em 2em;
      margin: 0 auto;
      overflow: hidden;
      position: absolute;
      /*position: relative;*/
      /*left: calc(50% - 68.2em / 2);*/
      left: 50%;
      /*left: 0 !important;*/
      top: 0;
      background-color: #ffffff;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.25s, width 0.25s, left 0.25s; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item .copy-container {
          top: 6.6em;
          transition: none; } }
      .info-graphic-container .info-graphic-items .info-graphic-item .copy-container .copy {
        width: calc(68.2em - 4em - 4px);
        min-height: calc(22.4em - 4em - 4px);
        padding: 2em;
        border: 2px solid #f47521;
        border-radius: 0 2em 2em 2em; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .info-graphic-container .info-graphic-items .info-graphic-item .copy-container .copy {
            width: calc(100% - 4em - 4px); } }
    .info-graphic-container .info-graphic-items .info-graphic-item.has-image .copy {
      width: calc(68.2em - 26.8em - 4em - 4px);
      padding-right: calc(26.8em + 2em); }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item.has-image .copy {
          width: calc(100% - 4em - 4.5px);
          padding-right: 2em; } }
      .info-graphic-container .info-graphic-items .info-graphic-item.has-image .copy .image {
        width: calc(26.8em - 2px);
        /*height: calc(22.4em - 4px);*/
        height: calc(100% - 4px);
        /*border-top: 2px solid $orange;
					border-right: 2px solid $orange;
					border-bottom: 2px solid $orange;*/
        border-radius: 0 calc(2em - 2px) calc(2em - 2px) 0;
        position: absolute;
        right: 2px;
        top: 2px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        /*display: none;*/ }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .info-graphic-container .info-graphic-items .info-graphic-item.has-image .copy .image {
            min-width: 100%;
            border-radius: 0;
            margin-top: 2em;
            position: static; } }
    .info-graphic-container .info-graphic-items .info-graphic-item.active .copy-container {
      width: 68.2em;
      left: calc(50% - 68.2em / 2);
      opacity: 1;
      z-index: 2; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .info-graphic-container .info-graphic-items .info-graphic-item.active .copy-container {
          width: 100%;
          left: 0; } }

.shared-vision-container h3 + .copy.is-wysiwyg {
  margin-top: 2em; }

.shared-vision-container .blurbs {
  margin-top: 2em;
  overflow: hidden;
  /*&.blurbs-1,*/
  /*&.blurbs-4 {
			.blurb {
				width: calc((100% - 2em * 3) / 4);
			}
		}*/ }
  .shared-vision-container .blurbs.blurbs-1 .blurb {
    width: 100%; }
  .shared-vision-container .blurbs.blurbs-2 .blurb, .shared-vision-container .blurbs.blurbs-4 .blurb {
    width: calc((100% - 2.5em * 1) / 2); }
    .shared-vision-container .blurbs.blurbs-2 .blurb:nth-child(2n+2), .shared-vision-container .blurbs.blurbs-2 .blurb:nth-child(2n+4), .shared-vision-container .blurbs.blurbs-4 .blurb:nth-child(2n+2), .shared-vision-container .blurbs.blurbs-4 .blurb:nth-child(2n+4) {
      margin-left: 2em; }
    .shared-vision-container .blurbs.blurbs-2 .blurb:nth-child(2n+3), .shared-vision-container .blurbs.blurbs-2 .blurb:nth-child(2n+4), .shared-vision-container .blurbs.blurbs-4 .blurb:nth-child(2n+3), .shared-vision-container .blurbs.blurbs-4 .blurb:nth-child(2n+4) {
      margin-top: 2em; }
  .shared-vision-container .blurbs.blurbs-3 .blurb {
    width: calc((100% - 2.5em * 2) / 3); }
  .shared-vision-container .blurbs.blurbs-3 + .blurb {
    margin-left: 2em; }
  .shared-vision-container .blurbs .blurb {
    display: inline-block;
    vertical-align: top;
    overflow: hidden; }
    .shared-vision-container .blurbs .blurb .icon {
      float: left; }
      .shared-vision-container .blurbs .blurb .icon:before {
        font-size: 5.7em; }
    .shared-vision-container .blurbs .blurb .copy {
      width: calc(100% - 7.7em);
      margin-left: 2em;
      float: left; }

.archived-flag {
  width: 100%;
  padding: 1.5em 0;
  background-color: #f47521;
  z-index: 1; }

.comments-holder-container form fieldset .field {
  margin-top: calc(2em / 1.6); }
  @media screen and (max-width: 1024px) {
    .comments-holder-container form fieldset .field {
      margin-top: calc(2em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .comments-holder-container form fieldset .field {
      margin-top: calc(2em / 2); } }
  .comments-holder-container form fieldset .field > label {
    color: #303c42; }

.comments-holder-container form fieldset #NameView_Holder {
  overflow: hidden; }
  .comments-holder-container form fieldset #NameView_Holder > label,
  .comments-holder-container form fieldset #NameView_Holder > .middleColumn {
    display: inline-block; }

.comments-holder-container form * + .Actions {
  margin-top: calc(2em / 1.6);
  margin-bottom: calc(2em / 1.6); }
  @media screen and (max-width: 1024px) {
    .comments-holder-container form * + .Actions {
      margin-top: calc(2em / 2.25);
      margin-bottom: calc(2em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .comments-holder-container form * + .Actions {
      margin-top: calc(2em / 2);
      margin-bottom: calc(2em / 2); } }

.comments-holder-container .rateable-ui {
  width: 10em !important; }

.comments-holder-container ul.comments-list {
  margin-top: calc(2em / 1.6); }
  @media screen and (max-width: 1024px) {
    .comments-holder-container ul.comments-list {
      margin-top: calc(2em / 2.25); } }
  @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
    .comments-holder-container ul.comments-list {
      margin-top: calc(2em / 2); } }
  .comments-holder-container ul.comments-list li.comment {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-left: 0;
    background-image: none; }
    .comments-holder-container ul.comments-list li.comment dl.info {
      margin-bottom: 0; }
      .comments-holder-container ul.comments-list li.comment dl.info dt {
        display: none; }
      .comments-holder-container ul.comments-list li.comment dl.info dd {
        float: left; }
    .comments-holder-container ul.comments-list li.comment div.comment-action-links {
      margin: 0.5em 0 0;
      overflow: hidden; }
    .comments-holder-container ul.comments-list li.comment div.comment-replies-container {
      padding-left: 2em;
      margin: 0; }

/*note that the there are search result styles in _news.scss also*/
.keyword-search-result-items .btn-search-result-item .thumbnail {
  width: 20em;
  height: 15em;
  border-bottom: none; }

.keyword-search-result-items .btn-search-result-item .clickable-area {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.post-its-container {
  padding-bottom: 0 !important;
  position: relative; }
  .post-its-container div.name-and-email-container {
    margin-top: 2em;
    overflow: hidden; }
  .post-its-container div.submit-container {
    margin-top: 2em;
    text-align: right; }
  .post-its-container div.post-its {
    height: 0;
    padding: 0;
    margin-top: 2em;
    position: relative;
    overflow: hidden;
    background-color: #31363a !important;
    transition: height 0.25s; }
    .post-its-container div.post-its.has-post-it {
      height: 69em; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .post-its-container div.post-its.has-post-it {
          height: auto;
          padding: 4em 0; } }
    .post-its-container div.post-its .post-its-page {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      overflow: hidden; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .post-its-container div.post-its .post-its-page {
          height: auto;
          position: static; } }
      .post-its-container div.post-its .post-its-page.post-its-on-screen {
        left: 0; }
      .post-its-container div.post-its .post-its-page.post-its-off-screen {
        left: 100%; }
    .post-its-container div.post-its .post-it {
      width: 28.5em;
      height: 28.5em;
      position: absolute;
      overflow: hidden;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 100% auto;
      cursor: pointer; }
      @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
        .post-its-container div.post-its .post-it {
          width: 50%;
          /*height: auto;*/
          position: static;
          float: left; } }
      .post-its-container div.post-its .post-it .copy {
        padding: 2em 4em;
        pointer-events: none; }
        @media screen and (max-aspect-ratio: 35 / 40) and (max-width: 640px) {
          .post-its-container div.post-its .post-it .copy {
            padding: 2em; } }
        .post-its-container div.post-its .post-it .copy p.comment {
          color: #000000; }
        .post-its-container div.post-its .post-it .copy p.name {
          text-align: right;
          color: #303c42; }
      .post-its-container div.post-its .post-it:nth-child(4n+1) {
        /*background-color: #74b6d7;*/
        background-image: url(../image/ui/post-it-0.png); }
      .post-its-container div.post-its .post-it:nth-child(4n+2) {
        /*background-color: #de8bb4;*/
        background-image: url(../image/ui/post-it-1.png); }
      .post-its-container div.post-its .post-it:nth-child(4n+3) {
        /*background-color: #b9db6d;*/
        background-image: url(../image/ui/post-it-2.png); }
      .post-its-container div.post-its .post-it:nth-child(4n+4) {
        /*background-color: #ffe852;*/
        background-image: url(../image/ui/post-it-3.png); }
    .post-its-container div.post-its .arrow-down {
      width: 0;
      height: 0;
      border-top: 2.5em solid #ffffff;
      border-right: 2.5em solid transparent;
      border-left: 2.5em solid transparent;
      position: absolute;
      left: calc(50% - 2.5em);
      top: 0;
      z-index: 1; }
    .post-its-container div.post-its .post-its-paginator {
      width: calc(100% - 10em);
      height: auto;
      position: absolute;
      left: 5em;
      bottom: 0;
      text-align: center;
      overflow: hidden;
      z-index: 2; }
      .post-its-container div.post-its .post-its-paginator .post-it-page {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        margin: 0.5em;
        display: inline-block;
        background-color: #ffffff; }
        .post-its-container div.post-its .post-its-paginator .post-it-page.active {
          background-color: #f47521 !important; }
        .post-its-container div.post-its .post-its-paginator .post-it-page .label {
          display: none; }
    .post-its-container div.post-its .post-it-page-arrows .post-it-page-arrow-left,
    .post-its-container div.post-its .post-it-page-arrows .post-it-page-arrow-right {
      width: calc(2.8em / 4.7);
      height: 1em;
      display: block;
      font-size: 4.7em;
      position: absolute;
      left: calc(2.5em / 4.7);
      top: calc(50% - 0.5em);
      color: #ffffff;
      background-image: url(../image/ui/timeline-btn-arrow-left-white.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% auto;
      z-index: 2;
      transition: transform 0.25s; }
      .post-its-container div.post-its .post-it-page-arrows .post-it-page-arrow-left:hover,
      .post-its-container div.post-its .post-it-page-arrows .post-it-page-arrow-right:hover {
        transform: translateX(-10px); }
    .post-its-container div.post-its .post-it-page-arrows .post-it-page-arrow-right {
      left: auto;
      right: calc(2.5em / 4.7);
      background-image: url(../image/ui/timeline-btn-arrow-right-white.svg); }
      .post-its-container div.post-its .post-it-page-arrows .post-it-page-arrow-right:hover {
        transform: translateX(10px); }