@charset "UTF-8";
.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/*
.slick-list {
    .slick-loading & {
        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
    }
}
*/
/* Icons */
/*
@if $slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
}
*/
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* ==========================================================================
 Gravity Forms
============================================================================= */
.gform_wrapper .gform_heading h3.gform_title {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.2em;
  color: #3a82c5;
  text-align: center;
  margin: 0 0 20px 0; }

.gform_wrapper .gform_heading .gform_description {
  max-width: 380px;
  margin: 0 auto 30px auto;
  text-align: center;
  color: #575756;
  font-weight: 300; }

@media (min-width: 641px) {
  .gform_wrapper ul.gform_fields {
    margin: 0 -14px !important; }
    .gform_wrapper ul.gform_fields .divider-list-item {
      padding: 0 14px; } }

@media (max-width: 640px) {
  .gform_wrapper ul.gform_fields .divider-list-item {
    width: 100%; } }

.gform_wrapper ul.gform_fields .gfield_required {
  color: #3a82c5; }

.gform_wrapper ul.gform_fields input {
  border: 1px solid #D3D2D1;
  padding: 9px 15px !important;
  font-size: 16px !important; }

.gform_wrapper ul.gform_fields textarea {
  border: 1px solid #D3D2D1;
  padding: 9px 15px !important;
  font-size: 16px !important; }
  .gform_wrapper ul.gform_fields textarea.large {
    height: 300px; }
  .gform_wrapper ul.gform_fields textarea.small {
    height: 146px; }

.gform_wrapper ul.gform_fields .ginput_complex label {
  display: none !important; }

.gform_wrapper ul.gform_fields .hide-label > label {
  display: none; }

.gform_wrapper ul.gform_fields .gsection {
  border-bottom-color: #D3D2D1;
  border: none;
  padding-bottom: 10px;
  margin-bottom: 0px; }
  .gform_wrapper ul.gform_fields .gsection h2.gsection_title {
    color: #3a82c5 !important; }
  .gform_wrapper ul.gform_fields .gsection .gsection_description p {
    font-size: 14px; }

.gform_wrapper ul.gform_fields .gfield_checkbox label {
  font-size: 13px;
  margin-top: 6px; }

.gform_wrapper .gform_footer {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0px; }
  .gform_wrapper .gform_footer .gform_ajax_spinner {
    padding: 0;
    margin-top: 20px; }
  .gform_wrapper .gform_footer .button {
    font-size: 1.14286rem !important;
    margin: 0px !important; }

.gform_wrapper div.validation_error {
  color: #DC3232;
  border-color: #DC3232; }

.gform_wrapper li.gfield.gfield_error {
  background: none;
  border: none; }
  .gform_wrapper li.gfield.gfield_error .gfield_label {
    color: #DC3232; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin: 0px; }

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  border-color: #DC3232; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  color: #DC3232;
  padding: 0; }

.gform_wrapper li.gfield.field_description_below + li.gsection {
  margin-top: 50px !important; }

/* FeaturedNews
-------------------------------------------------- */
.featuredPosts {
  margin-left: -10px; }
  .featuredPosts .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .featuredPosts .slick-dots {
    overflow: hidden;
    bottom: -40px; }
    .featuredPosts .slick-dots li {
      margin: 0 2px; }
    .featuredPosts .slick-dots button:before {
      font-size: 50px; }
  .featuredPosts .featured-box {
    width: 20%;
    height: auto; }
    .featuredPosts .featured-box .bottom-section {
      background-color: #c4ecec;
      color: #fff;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .featuredPosts .featured-box .bottom-section p {
        padding: 18px;
        color: #3c3c3b;
        margin-bottom: 0; }
      .featuredPosts .featured-box .bottom-section .post-excerpt {
        margin-bottom: auto; }
      .featuredPosts .featured-box .bottom-section span {
        margin: 10px 0 30px;
        color: #0055a5;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
        position: relative;
        -ms-flex-item-align: center;
            align-self: center;
        padding-right: 28px; }
        .featuredPosts .featured-box .bottom-section span:before {
          content: "";
          height: 18px;
          width: 18px;
          background: #3bc06f;
          border-radius: 50%;
          z-index: 1;
          display: block;
          position: absolute;
          top: 0;
          right: 0; }
        .featuredPosts .featured-box .bottom-section span:after {
          content: "";
          height: 10px;
          top: 4px;
          width: 18px;
          background: transparent url(../images/arrow-white.svg) center center no-repeat;
          background-size: contain;
          right: 0;
          z-index: 2;
          display: block;
          position: absolute; }
      .featuredPosts .featured-box .bottom-section header {
        background-color: #39c1bf;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 108px;
                flex: 0 1 108px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .featuredPosts .featured-box .bottom-section header h3 {
          font-family: 'Roboto Condensed', sans-serif;
          font-weight: 700;
          padding: 14px;
          margin-bottom: 0;
          text-transform: uppercase;
          font-size: 16px; }
    .featuredPosts .featured-box .top-section {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
  .featuredPosts:not(.slick-initialized) .featured-box:not(:first-child) {
    display: none; }
  .featuredPosts a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    position: relative; }
    .featuredPosts a:hover .top-section img {
      border-color: #39c1bf; }
    .featuredPosts a:hover:after {
      background-color: #0055a5; }
    .featuredPosts a:after {
      content: "";
      position: absolute;
      display: block;
      width: 100%;
      height: 6px;
      bottom: 0;
      background-color: transparent; }
  .featuredPosts article {
    padding-left: 10px;
    height: 100%; }
  @media (max-width: 620px) {
    .featuredPosts img {
      width: 100%; } }

.featuredPostsContainer {
  padding: 40px 0 80px;
  /*
	//width: 960px;

	width: 1260px;

	margin: 0 auto;
	padding: 40px 0 80px;
	@include media ('≤1290px'){
		width: 960px;
	}
	@include media ('≤960px'){

		width: 100%;

	}
*/ }

.secondary_heading h2 {
  font-size: 32px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  margin-bottom: 30px; }

/* Normal Posts Overides
-------------------------------------------------- */
.news-aggregator .aggregator-title {
  min-height: 88px; }

/* Flexible Blog Content
-------------------------------------------------- */
.flexibleContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px -15px; }
  .flexibleContent .column, .flexibleContent .image {
    padding: 0 15px; }
    .flexibleContent .column.full, .flexibleContent .image.full {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; }
    .flexibleContent .column.half, .flexibleContent .image.half {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; }
    .flexibleContent .column.third, .flexibleContent .image.third {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33%;
              flex: 0 0 33.33%; }
    .flexibleContent .column.two-thirds, .flexibleContent .image.two-thirds {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 66.66%;
              flex: 0 0 66.66%; }
    .flexibleContent .column h1, .flexibleContent .column h2, .flexibleContent .column h3, .flexibleContent .column h4, .flexibleContent .column h5, .flexibleContent .column h6, .flexibleContent .image h1, .flexibleContent .image h2, .flexibleContent .image h3, .flexibleContent .image h4, .flexibleContent .image h5, .flexibleContent .image h6 {
      font-weight: 700;
      font-size: 18px;
      margin: 20px 0; }
    .flexibleContent .column p, .flexibleContent .image p {
      margin-bottom: 20px; }
    .flexibleContent .column blockquote, .flexibleContent .image blockquote {
      font-style: italic;
      padding-left: 30px;
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 20px; }
      .flexibleContent .column blockquote p, .flexibleContent .image blockquote p {
        position: relative; }
        .flexibleContent .column blockquote p:before, .flexibleContent .column blockquote p:after, .flexibleContent .image blockquote p:before, .flexibleContent .image blockquote p:after {
          font-size: 50px;
          color: #39c1bf; }
        .flexibleContent .column blockquote p:before, .flexibleContent .image blockquote p:before {
          position: absolute;
          left: -34px;
          top: -20px; }
        .flexibleContent .column blockquote p:after, .flexibleContent .image blockquote p:after {
          line-height: .2;
          position: relative;
          top: 16px; }
  .flexibleContent ul {
    list-style: none;
    padding-left: 26px; }
    .flexibleContent ul li {
      list-style: none;
      position: relative;
      font-weight: 700; }
      .flexibleContent ul li:before {
        content: "•";
        font-size: 28px;
        color: #39c1bf;
        position: absolute;
        left: -26px;
        top: -11px; }

.image_gallery {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 20px; }
  .image_gallery .image_box {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 16.5%;
            flex: 0 1 16.5%;
    margin: 15px;
    position: relative; }
    .image_gallery .image_box:hover .overlay {
      cursor: pointer;
      background-color: rgba(57, 193, 191, 0.5);
      -webkit-transition: .4s all;
      transition: .4s all; }
    .image_gallery .image_box .overlay {
      pointer-events: none;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: transparent;
      -webkit-transition: .5s opacity;
      transition: .5s opacity; }

.image {
  padding: 15px;
  margin-bottom: 30px; }

/* Emergency
-------------------------------------------------- */
.emergency_banner {
  padding: 30px 0 30px 30px;
  background-color: #ca3636; }
  .emergency_banner h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: left; }
    .emergency_banner h2 span {
      font-size: 20px; }

/* Bug Fixes from Main.css
-------------------------------------------------- */
.home-page-internal-links > .column {
  width: 16.66666667%; }

.home-page-internal-links > .column:last-child {
  width: 16.66666667%; }

.home-page-internal-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .home-page-internal-links:before, .home-page-internal-links:after {
    content: none; }
  @media (max-width: 1020px) {
    .home-page-internal-links .box-link-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.333%;
              flex: 0 0 33.333%; } }
  @media (max-width: 640px) {
    .home-page-internal-links .box-link-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; } }

/* Header Advert
-------------------------------------------------- */
.header-advert {
  display: inline-block;
  position: relative;
  z-index: 2; }
  .header-advert img {
    vertical-align: middle; }

/* Adjust Nav to accommodate Header Advert
-------------------------------------------------- */
@media (min-width: 1321px) {
  .primary-navigation-menu .primary-navigation-menu-item {
    padding: 11px 20px; } }

@media (max-width: 1320px) {
  .primary-navigation-menu .primary-navigation-menu-item {
    /*padding: 39px 8px 39px 8px;*/ }
    .primary-navigation-menu .primary-navigation-menu-item > a {
      font-size: 15px; } }

@media (max-width: 934px) {
  .primary-navigation-menu .primary-navigation-menu-item {
    padding: 0; } }

@media (max-width: 660px) {
  .main-header .header-actions-wrapper, .main-header .contact-details, .header-advert {
    display: none; } }

@media (max-width: 660px) {
  .main-header .show-navigation-button {
    margin-right: 0; } }

@media (max-width: 660px) {
  .main-header .main-header-inner {
    padding-right: 0; } }

/* Flexible COntent
-------------------------------------------------- */
.full-width-image-anchor {
  display: block; }

.main-container .content {
  padding: 40px 15px;
  max-width: 840px;
  margin: 0 auto; }
  .main-container .content.split-content {
    -webkit-columns: 2 300px;
            columns: 2 300px;
    -webkit-column-gap: 40px;
            column-gap: 40px; }
  .main-container .content h2, .main-container .content h3, .main-container .content h4, .main-container .content h5, .main-container .content h6 {
    font-weight: 700;
    font-size: 15px; }

.image-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 60px 0;
  margin: 0 -10px; }
  .image-gallery .slide {
    padding: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 24%;
            flex: 1 0 24%; }
    @media (max-width: 479px) {
      .image-gallery .slide {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 45%;
                flex: 1 0 45%; } }

.content-heading {
  padding: 50px 0 20px;
  font-weight: 300;
  font-size: 42px;
  font-family: 'Roboto Condensed', sans-serif; }

.featured-case-studies-four-column {
  float: left; }

.home .featured-news-two {
  float: left; }

/* ==========================================================================
 Payment Portal
============================================================================= */
.page-template-page-payment-portal .area-three {
  background: #5BBCCD; }
  .page-template-page-payment-portal .area-three h1 {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .page-template-page-payment-portal .area-three h1 svg {
      margin-right: 15px;
      fill: #fff; }

.page-template-page-payment-portal .body-copy-one {
  background: #EDF6FF; }

.payment-portal-form .gform_wrapper ul.gform_fields {
  width: 100%;
  margin: 0 auto !important; }
  .payment-portal-form .gform_wrapper ul.gform_fields .gsection {
    border-bottom: 1px solid #3B81C6;
    margin-bottom: 30px; }
    .payment-portal-form .gform_wrapper ul.gform_fields .gsection h2.gsection_title {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: bold;
      font-size: 25px;
      color: #262626 !important;
      letter-spacing: 0.2px !important;
      text-transform: uppercase; }
    .payment-portal-form .gform_wrapper ul.gform_fields .gsection div {
      font-family: 'Nunito', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #262626;
      letter-spacing: 0.23px; }
  .payment-portal-form .gform_wrapper ul.gform_fields .gfield_label {
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #262626;
    letter-spacing: 0.23px; }
  .payment-portal-form .gform_wrapper ul.gform_fields #input_17_2 {
    width: 100px; }
  .payment-portal-form .gform_wrapper ul.gform_fields .gfield_required {
    display: none; }
  .payment-portal-form .gform_wrapper ul.gform_fields .ginput_complex label {
    display: block !important; }
  .payment-portal-form .gform_wrapper ul.gform_fields .gfield_total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background: #3B81C6;
    padding: 15px 20px; }
    .payment-portal-form .gform_wrapper ul.gform_fields .gfield_total label {
      text-transform: uppercase;
      font-size: 17px;
      color: #FFFFFF;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 600;
      letter-spacing: 0.24px;
      line-height: 1; }
    .payment-portal-form .gform_wrapper ul.gform_fields .gfield_total .ginput_container_total {
      margin: 0 0 0 10px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 600;
      letter-spacing: 0.24px; }
      .payment-portal-form .gform_wrapper ul.gform_fields .gfield_total .ginput_container_total .ginput_total {
        margin: 0;
        color: #FFFFFF !important;
        font-size: 17px;
        line-height: 1; }

.payment-portal-form .thankyou {
  margin-bottom: 200px;
  padding-top: 50px;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0.23px; }
  .payment-portal-form .thankyou h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #262626 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase;
    margin-bottom: 0px; }

/* Additional CSS - May 2018 - Author Rubious */
.contact-header {
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #67C0CF;
  padding: 50px 0; }
  .contact-header h1 {
    color: #FFF;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 10px; }
  .contact-header p {
    color: #FFF;
    margin-bottom: 0; }

.business-locations .tabs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .business-locations .tabs-container .tabs-mobile-toggle {
    display: none; }
    @media (max-width: 1200px) {
      .business-locations .tabs-container .tabs-mobile-toggle {
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        background-color: #55ca7d;
        color: #FFF; } }
  .business-locations .tabs-container .tabs-upper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    border-bottom: 2px solid #55ca7d; }
    @media (max-width: 767px) {
      .business-locations .tabs-container .tabs-upper {
        display: none; } }
    .business-locations .tabs-container .tabs-upper ul {
      padding: 40px 0 0 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0; }
      @media (max-width: 991px) {
        .business-locations .tabs-container .tabs-upper ul {
          max-width: 100%;
          padding: 40px 0 0 15px; } }
      @media (max-width: 767px) {
        .business-locations .tabs-container .tabs-upper ul {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          padding: 0; } }
      .business-locations .tabs-container .tabs-upper ul li {
        list-style: none;
        text-transform: uppercase;
        font-weight: 700;
        background-color: #ebeaea;
        padding: 10px;
        text-align: left;
        margin-right: 10px;
        border-radius: 4px 4px 0 0; }
        .business-locations .tabs-container .tabs-upper ul li:hover {
          background-color: #55ca7d; }
        .business-locations .tabs-container .tabs-upper ul li a {
          color: #000; }
          .business-locations .tabs-container .tabs-upper ul li a span {
            padding: 10px !important; }
        @media (max-width: 767px) {
          .business-locations .tabs-container .tabs-upper ul li {
            width: 100%;
            margin: 0;
            border-radius: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
    .business-locations .tabs-container .tabs-upper select {
      display: none; }
      @media (max-width: 767px) {
        .business-locations .tabs-container .tabs-upper select {
          display: block; } }
    .business-locations .tabs-container .tabs-upper .ui-tabs-active {
      background-color: #55ca7d; }
  .business-locations .tabs-container .tabs-lower {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    padding: 40px;
    background-color: #EDF3F8;
    text-align: left; }
    @media (max-width: 992px) {
      .business-locations .tabs-container .tabs-lower {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }
    .business-locations .tabs-container .tabs-lower h2 {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 24px;
      font-family: 'Roboto Condensed', sans-serif;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .business-locations .tabs-container .tabs-lower h2 svg {
        margin-right: 10px; }
    .business-locations .tabs-container .tabs-lower .location-container {
      font-family: 'Roboto', sans-serif;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media (max-width: 767px) {
        .business-locations .tabs-container .tabs-lower .location-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .business-locations .tabs-container .tabs-lower .location-container .left, .business-locations .tabs-container .tabs-lower .location-container .right {
        width: 47.5%;
        padding: 40px 30px;
        background-color: #E4EBF2 !important; }
        @media (max-width: 767px) {
          .business-locations .tabs-container .tabs-lower .location-container .left, .business-locations .tabs-container .tabs-lower .location-container .right {
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
            width: 100%;
            margin-bottom: 30px; } }
        .business-locations .tabs-container .tabs-lower .location-container .left h3, .business-locations .tabs-container .tabs-lower .location-container .right h3 {
          font-weight: 700;
          text-transform: uppercase;
          font-family: "Roboto", sans-serif !important; }
        .business-locations .tabs-container .tabs-lower .location-container .left p, .business-locations .tabs-container .tabs-lower .location-container .right p {
          margin: 0; }
        .business-locations .tabs-container .tabs-lower .location-container .left a, .business-locations .tabs-container .tabs-lower .location-container .right a {
          color: black; }
          .business-locations .tabs-container .tabs-lower .location-container .left a:hover, .business-locations .tabs-container .tabs-lower .location-container .right a:hover {
            text-decoration: underline !important; }
      .business-locations .tabs-container .tabs-lower .location-container .left {
        position: relative;
        font-weight: 500;
        font-family: 'Roboto Condensed', sans-serif;
        padding-bottom: 60px; }
        .business-locations .tabs-container .tabs-lower .location-container .left .directions {
          position: absolute;
          bottom: 30px; }
          .business-locations .tabs-container .tabs-lower .location-container .left .directions a {
            color: #3a82c5; }
      .business-locations .tabs-container .tabs-lower .location-container .right h4 {
        margin: 0; }
      .business-locations .tabs-container .tabs-lower .location-container .right .telephone {
        font-size: 24px;
        padding-bottom: 25px;
        font-family: 'Roboto Condensed', sans-serif; }
  .business-locations .tabs-container .mapblock {
    width: 38%;
    position: relative;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    padding: 100px 40px 100px 40px;
    background-color: #E4EBF2 !important;
    /* MapBlock Map Positioning */
    /* ************************ */ }
    @media (max-width: 992px) {
      .business-locations .tabs-container .mapblock {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100% !important; }
        .business-locations .tabs-container .mapblock img {
          width: 100%; } }
    @media (max-width: 767px) {
      .business-locations .tabs-container .mapblock {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100% !important; }
        .business-locations .tabs-container .mapblock img {
          width: 100%; } }
    .business-locations .tabs-container .mapblock span {
      height: 60px;
      width: 60px;
      position: absolute;
      cursor: pointer;
      background-image: url("/wp-content/themes/brentwood/images/active-pin.png"); }
      @media (max-width: 767px) {
        .business-locations .tabs-container .mapblock span {
          height: 30px;
          width: 30px; } }
    .business-locations .tabs-container .mapblock #head-office {
      top: 61%;
      left: 51%; }
      @media (max-width: 1200px) {
        .business-locations .tabs-container .mapblock #head-office {
          top: 58%; } }
      @media (max-width: 992px) {
        .business-locations .tabs-container .mapblock #head-office {
          top: 64%; } }
      @media (max-width: 767px) {
        .business-locations .tabs-container .mapblock #head-office {
          top: 66%; } }
      @media (max-width: 480px) {
        .business-locations .tabs-container .mapblock #head-office {
          top: 60%; } }
    .business-locations .tabs-container .mapblock #south-east {
      top: 61%;
      left: 56%; }
      @media (max-width: 1200px) {
        .business-locations .tabs-container .mapblock #south-east {
          top: 58%;
          left: 56%; } }
      @media (max-width: 992px) {
        .business-locations .tabs-container .mapblock #south-east {
          top: 65%; } }
      @media (max-width: 767px) {
        .business-locations .tabs-container .mapblock #south-east {
          top: 63%; } }
      @media (max-width: 480px) {
        .business-locations .tabs-container .mapblock #south-east {
          top: 59%; } }

    .business-locations .tabs-container .mapblock #southern {
      top: 59%;
      left: 38%; }
      @media (max-width: 1200px) {
        .business-locations .tabs-container .mapblock #southern {
          top: 55%;
          left: 37%; } }
      @media (max-width: 992px) {
        .business-locations .tabs-container .mapblock #southern {
          top: 62%;left: 37%; } }
      @media (max-width: 767px) {
        .business-locations .tabs-container .mapblock #southern {
          top: 63%;left: 37%; } }
      @media (max-width: 480px) {
        .business-locations .tabs-container .mapblock #southern {
          top: 57%;left: 39%; } }

    .business-locations .tabs-container .mapblock #midlands {
      top: 51%;
      left: 43%; }
      @media (max-width: 1200px) {
        .business-locations .tabs-container .mapblock #midlands {
          top: 47%;
          left: 42%; } }
      @media (max-width: 992px) {
        .business-locations .tabs-container .mapblock #midlands {
          top: 50%;
          left: 46%; } }
      @media (max-width: 767px) {
        .business-locations .tabs-container .mapblock #midlands {
          top: 54%;
          left: 48%; } }
      @media (max-width: 480px) {
        .business-locations .tabs-container .mapblock #midlands {
          top: 49%; } }
    .business-locations .tabs-container .mapblock #northern {
      top: 46%;
      left: 54%; }
      @media (max-width: 1200px) {
        .business-locations .tabs-container .mapblock #northern {
          top: 44%;
          left: 51%; } }
      @media (max-width: 992px) {
        .business-locations .tabs-container .mapblock #northern {
          top: 46%;
          left: 54%; } }
      @media (max-width: 767px) {
        .business-locations .tabs-container .mapblock #northern {
          top: 50%;
          left: 56%; } }
      @media (max-width: 480px) {
        .business-locations .tabs-container .mapblock #northern {
          top: 45%; } }
    .business-locations .tabs-container .mapblock #scottish {
      top: 31%;
      left: 66%; }
      @media (max-width: 1200px) {
        .business-locations .tabs-container .mapblock #scottish {
          top: 30%;
          left: 63%; } }
      @media (max-width: 992px) {
        .business-locations .tabs-container .mapblock #scottish {
          top: 32%;
          left: 67%; } }
      @media (max-width: 767px) {
        .business-locations .tabs-container .mapblock #scottish {
          top: 35%;
          left: 67%; } }
      @media (max-width: 480px) {
        .business-locations .tabs-container .mapblock #scottish {
          top: 35%;
          left: 65%; } }
    .business-locations .tabs-container .mapblock #london {
      top: 62%;
      left: 45%; }
      @media (max-width: 1200px) {
        .business-locations .tabs-container .mapblock #london {
          top: 58%;
          left: 43%; } }
      @media (max-width: 992px) {
        .business-locations .tabs-container .mapblock #london {
          top: 65%;
          left: 45%; } }
      @media (max-width: 767px) {
        .business-locations .tabs-container .mapblock #london {
          top: 67%;
          left: 47%; } }
      @media (max-width: 480px) {
        .business-locations .tabs-container .mapblock #london {
          top: 60%; } }
          .business-locations .tabs-container .mapblock #ireland {
          top: 36%;
    left: 31%; }

.contact-social-media .social-media-section .social-media-item {
  height: 300px;
  padding: 0; }

.pulsating-circle {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 20px;
  height: 20px; }
  @media (max-width: 1200px) {
    .pulsating-circle {
      display: none; } }
  .pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
  .pulsating-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(68, 194, 191, 0.9);
    border-radius: 15px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
            animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33); }
  80%, 100% {
    opacity: 0; } }

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33); }
  80%, 100% {
    opacity: 0; } }

@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

.showcase-header {
  font-family: 'Roboto Condensed', sans-serif;
  position: relative; }
  .showcase-header h1 {
    position: absolute;
    left: 0;
    top: 50px;
    background-color: #44c2bf;
    text-transform: uppercase;
    font-size: 42px;
    padding: 15px 25px 15px 75px;
    color: #FFF;
    z-index: 3; }
    @media (max-width: 1200px) {
      .showcase-header h1 {
        z-index: 5; } }
    .showcase-header h1:before {
      position: absolute;
      top: 0;
      right: -20px;
      z-index: 9999;
      width: 0;
      height: 0;
      border-top: 60px solid transparent;
      border-bottom: 60px solid transparent;
      border-left: 60px solid green; }
    @media (max-width: 767px) {
      .showcase-header h1 {
        top: 0;
        left: 0;
        height: 100px;
        width: 100%;
        padding-top: 25px;
        padding-left: 0;
        padding-right: 0; } }
  @media (max-width: 767px) {
    .showcase-header {
      padding-top: 100px; } }
  .showcase-header .back-drop {
    width: 100% !important; }
  .showcase-header .building {
    position: absolute;
    bottom: 0;
    width: 200px;
    opacity: 0;
    -webkit-animation-name: entry;
            animation-name: entry;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .showcase-header .building:hover .building-info {
      visibility: visible;
      opacity: 1; }
    @media (max-width: 1200px) {
      .showcase-header .building {
        width: auto; } }
    .showcase-header .building img {
      max-width: none; }
    @media (max-width: 479px) {
      .showcase-header .building {
        width: 100px; } }

@-webkit-keyframes entry {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px); }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  100% {
    opacity: 1; } }

@keyframes entry {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px); }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  100% {
    opacity: 1; } }
  .showcase-header .building-info {
    position: absolute;
    top: -100px;
    right: calc(50% - 150px);
    background-color: white;
    visibility: hidden;
    float: left;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
    width: 200px;
    height: auto;
    padding: 15px;
    text-align: left;
    background-color: #ebeaea;
    -webkit-box-shadow: 10px 10px 29px -9px rgba(0, 0, 0, 0.47);
    box-shadow: 10px 10px 29px -9px rgba(0, 0, 0, 0.47);
    z-index: 200; }
    @media (max-width: 1200px) {
      .showcase-header .building-info {
        display: none; } }
    .showcase-header .building-info img {
      width: 100% !important;
      height: auto !important; }
    .showcase-header .building-info h2 {
      font-size: 24px;
      color: #66BEE4;
      margin-bottom: 15px; }
    .showcase-header .building-info p {
      margin-bottom: 15px; }
    .showcase-header .building-info a {
      color: #000; }
  .showcase-header .leadenhall {
    left: 18%;
    z-index: 1;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 2.2s;
            animation-delay: 2.2s; }
    @media (max-width: 1200px) {
      .showcase-header .leadenhall {
        left: 5%; } }
    @media (max-width: 992px) {
      .showcase-header .leadenhall {
        left: 5%; } }
    @media (max-width: 767px) {
      .showcase-header .leadenhall {
        left: 5%; } }
    @media (max-width: 479px) {
      .showcase-header .leadenhall {
        left: 0; } }
    .showcase-header .leadenhall img {
      height: 420px;
      width: auto; }
      @media (max-width: 1200px) {
        .showcase-header .leadenhall img {
          height: 280px; } }
      @media (max-width: 992px) {
        .showcase-header .leadenhall img {
          height: 200px; } }
      @media (max-width: 480px) {
        .showcase-header .leadenhall img {
          height: 120px; } }
    .showcase-header .leadenhall .building-info {
      left: -175px;
      right: auto;
      top: 25px;
      bottom: auto; }
    .showcase-header .leadenhall .pulsating-circle {
      top: 10%;
      left: 34px; }
  .showcase-header .bishop {
    left: 29%;
    z-index: 3;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s; }
    @media (max-width: 1200px) {
      .showcase-header .bishop {
        left: 17%; } }
    @media (max-width: 992px) {
      .showcase-header .bishop {
        left: 17%; } }
    @media (max-width: 767px) {
      .showcase-header .bishop {
        left: 16%; } }
    @media (max-width: 480px) {
      .showcase-header .bishop {
        left: 12%; } }
    .showcase-header .bishop img {
      height: 400px;
      width: auto; }
      @media (max-width: 1200px) {
        .showcase-header .bishop img {
          height: 300px; } }
      @media (max-width: 992px) {
        .showcase-header .bishop img {
          height: 200px; } }
      @media (max-width: 480px) {
        .showcase-header .bishop img {
          height: 120px; } }
    .showcase-header .bishop .building-info {
      left: -158px;
      right: auto;
      top: 40px; }
    .showcase-header .bishop .pulsating-circle {
      top: 10%;
      left: 50px; }
  .showcase-header .crane {
    left: 24.5%;
    top: 160px;
    z-index: 1;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 2.9s;
            animation-delay: 2.9s; }
    @media (max-width: 1200px) {
      .showcase-header .crane {
        top: auto;
        bottom: 200px;
        display: none; } }
    @media (max-width: 992px) {
      .showcase-header .crane {
        bottom: 160px; } }
    @media (max-width: 767px) {
      .showcase-header .crane {
        left: 13%;
        bottom: 150px; } }
    .showcase-header .crane img {
      height: 310px;
      width: auto; }
      @media (max-width: 992px) {
        .showcase-header .crane img {
          height: 100px; } }
  .showcase-header .gherkin {
    left: 37%;
    z-index: 4;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 2.1s;
            animation-delay: 2.1s; }
    @media (max-width: 1200px) {
      .showcase-header .gherkin {
        left: 27%; } }
    @media (max-width: 992px) {
      .showcase-header .gherkin {
        left: 35%; } }
    @media (max-width: 767px) {
      .showcase-header .gherkin {
        left: 28%; } }
    @media (max-width: 480px) {
      .showcase-header .gherkin {
        left: 23%; } }
    .showcase-header .gherkin img {
      height: 425px;
      width: auto; }
      @media (max-width: 1200px) {
        .showcase-header .gherkin img {
          height: 240px; } }
      @media (max-width: 992px) {
        .showcase-header .gherkin img {
          height: 200px;
          width: auto; } }
      @media (max-width: 480px) {
        .showcase-header .gherkin img {
          height: 110px;
          width: auto; } }
    .showcase-header .gherkin .building-info {
      left: -110px;
      top: 0;
      right: auto; }
    .showcase-header .gherkin .pulsating-circle {
      top: 20px;
      left: 49%; }
  .showcase-header .oxo {
    left: 47%;
    z-index: 5;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
    @media (max-width: 992px) {
      .showcase-header .oxo {
        left: 48%; } }
    @media (max-width: 767px) {
      .showcase-header .oxo {
        left: 42%; } }
    .showcase-header .oxo img {
      width: 160px;
      height: auto; }
      @media (max-width: 1200px) {
        .showcase-header .oxo img {
          height: 300px;
          width: auto; } }
      @media (max-width: 992px) {
        .showcase-header .oxo img {
          height: 200px;
          width: auto; } }
      @media (max-width: 480px) {
        .showcase-header .oxo img {
          height: 120px;
          width: auto; } }
    .showcase-header .oxo .building-info {
      right: auto;
      left: 30%;
      top: -75px; }
    .showcase-header .oxo .pulsating-circle {
      top: 37%;
      left: 23%; }
  .showcase-header .walkie {
    left: 41%;
    z-index: 5;
    -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
    -webkit-animation-delay: 2.3s;
            animation-delay: 2.3s; }
    @media (max-width: 1200px) {
      .showcase-header .walkie {
        left: 45%; } }
    @media (max-width: 992px) {
      .showcase-header .walkie {
        left: 45%; } }
    @media (max-width: 767px) {
      .showcase-header .walkie {
        left: 40%; } }
    .showcase-header .walkie img {
      height: 250px;
      width: auto; }
      @media (max-width: 1200px) {
        .showcase-header .walkie img {
          height: 140px;
          width: auto; } }
      @media (max-width: 992px) {
        .showcase-header .walkie img {
          height: 100px;
          width: auto; } }
      @media (max-width: 480px) {
        .showcase-header .walkie img {
          height: 60px;
          width: auto; } }
    .showcase-header .walkie .pulsating-circle {
      top: 70%;
      left: 30%; }
  .showcase-header .shard {
    left: 54%;
    z-index: 4;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
    @media (max-width: 1200px) {
      .showcase-header .shard {
        left: 65%; } }
    @media (max-width: 767px) {
      .showcase-header .shard {
        left: 58%; } }
    .showcase-header .shard img {
      height: auto;
      width: 345px; }
      @media (max-width: 1200px) {
        .showcase-header .shard img {
          height: 280px;
          width: auto; } }
      @media (max-width: 992px) {
        .showcase-header .shard img {
          height: 200px;
          width: auto; } }
      @media (max-width: 480px) {
        .showcase-header .shard img {
          height: 130px;
          width: auto; } }
    .showcase-header .shard .building-info {
      right: -185px;
      top: -40px;
      left: auto; }
    .showcase-header .shard .pulsating-circle {
      top: 30px;
      left: 83%; }
  .showcase-header .battersea {
    left: 60%;
    z-index: 5;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 2.7s;
            animation-delay: 2.7s; }
    @media (max-width: 1200px) {
      .showcase-header .battersea {
        left: 75%; } }
    @media (max-width: 767px) {
      .showcase-header .battersea {
        left: 75%; } }
    .showcase-header .battersea img {
      width: 370px;
      height: auto; }
      @media (max-width: 1200px) {
        .showcase-header .battersea img {
          width: 230px;
          height: auto; } }
      @media (max-width: 992px) {
        .showcase-header .battersea img {
          width: 150px;
          height: auto; } }
      @media (max-width: 480px) {
        .showcase-header .battersea img {
          width: 80px;
          height: auto; } }
    .showcase-header .battersea .building-info {
      right: -220px;
      left: auto; }
    .showcase-header .battersea .pulsating-circle {
      left: 105%;
      top: 75%; }

.pulsating-circle {
  display: none !important; }

.showcase-title {
  font-family: 'Roboto Condensed', sans-serif;
  padding: 25px 20% 0; }
  @media (max-width: 767px) {
    .showcase-title {
      padding: 25px 5%; } }
  .showcase-title h2 {
    font-size: 42px;
    margin-top: 25px;
    text-transform: uppercase; }
  .showcase-title div {
    line-height: 2;
    margin-bottom: 25px; }

.showcase-gallery {
  font-family: 'Roboto Condensed', sans-serif;
  height: 900px;
  position: relative; }
  .showcase-gallery .showcase-slider {
    width: 100%;
    height: 100%; }
    .showcase-gallery .showcase-slider .slide {
      width: 100%;
      height: 900px;
      background-size: cover;
      background-position: center; }
  .showcase-gallery h1 {
    position: absolute;
    bottom: 25px;
    left: 50px;
    font-size: 64px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase; }
    @media (max-width: 992px) {
      .showcase-gallery h1 {
        left: 0;
        width: 100%;
        text-align: center; } }

.showcase-information {
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #30AEE2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 992px) {
    .showcase-information {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .showcase-information .description {
    width: 50%;
    padding: 50px 50px;
    text-align: left;
    color: #FFF;
    line-height: 1.8; }
    .showcase-information .description h2 {
      text-transform: uppercase;
      font-size: 32px;
      font-weight: 700;
      letter-spacing: 2px; }
    @media (max-width: 992px) {
      .showcase-information .description {
        width: 100%; } }
  .showcase-information .key-points {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .showcase-information .key-points .square {
      width: 50%;
      background-color: #FFF;
      background-size: cover;
      height: 300px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 767px) {
        .showcase-information .key-points .square {
          width: 100%; } }
      .showcase-information .key-points .square img {
        width: 100px;
        height: 100px; }
      .showcase-information .key-points .square p {
        margin-top: 25px;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 700; }
      .showcase-information .key-points .square:nth-child(2) {
        background-color: #44C2BF; }
        @media (max-width: 767px) {
          .showcase-information .key-points .square:nth-child(2) {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1; } }
      .showcase-information .key-points .square:nth-child(3) {
        background-color: #24A652; }
    @media (max-width: 992px) {
      .showcase-information .key-points {
        width: 100%; } }

.showcase-more {
  font-family: 'Roboto Condensed', sans-serif;
  padding-top: 50px; }
  .showcase-more h2 {
    font-size: 32px;
    color: #30AEE2;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 2px; }
  .showcase-more .alm-reveal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .showcase-more .alm-reveal .block {
      position: relative;
      width: calc(100%/3);
      height: 300px;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 992px) {
        .showcase-more .alm-reveal .block {
          width: calc(100%/2); } }
      @media (max-width: 767px) {
        .showcase-more .alm-reveal .block {
          width: calc(100%); } }
      .showcase-more .alm-reveal .block h2 {
        font-size: 28px;
        font-weight: 700;
        color: #FFF;
        text-transform: uppercase;
        z-index: 9;
        margin-bottom: 25px;
        width: 100%;
        text-align: center;
        padding: 0 15px; }
      .showcase-more .alm-reveal .block .button {
        z-index: 9; }
      .showcase-more .alm-reveal .block .br-overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.3); }
  .showcase-more .more {
    background-color: #3bc16d;
    border: 3px solid #3bc16d;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #FFF;
    margin: 25px;
    border-radius: 5px;
    font-weight: 700; }
  .showcase-more .done {
    background-color: #d6f2e0;
    border: 0;
    display: none; }