body {
 padding-top: 78px;
}
   
/* header and nav */

header {
  position: fixed;
  top: -10px;
  z-index: 10;
  width: 100%;
  height: 88px;
  background-color: #fff;
  padding-top: 10px;
}

header .logo {
  display: block;
  margin: 14px auto;
  width: 230px;
  padding: 10px;
}

header .searchTrigger {
  display: block;
  position: fixed;
  font-size: 0;
  top: 0;
  right: 0;
  width: 52px;
  height: 78px;
  padding: 30px 31px 0 0;
}

header .searchTrigger svg {
  fill: #0496DB;
}

body.menu-open {
  overflow: hidden;
}

a#menu-trigger {
  position: absolute;
  top: 10px;
  left: 0;
  bottom: 0;
  width: 70px;
  font-size: 0;
  line-height: 0;
}

a#menu-trigger span {
  position: absolute;
  left: 29px;
  right: 19px;
  border-top: 1px solid #0496DB;
  border-bottom: 1px solid #0496DB;
  top: calc(50% + 1px);
  -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a#menu-trigger span:before,
a#menu-trigger span:after {
  content: "";
  position: absolute;
  border-top: 1px solid #0496DB;
  border-bottom: 1px solid #0496DB;
  left: 0;
  right: 0;
  top: -10px;
  -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a#menu-trigger span:after {
  top: 8px;
}

body.menu-open a#menu-trigger span {
  transform: rotate(-45deg) translateY(-1px);
}

body.menu-open a#menu-trigger span:before {
  transform: rotate(90deg) translate(9px,0px);
  opacity: 0;
}

body.menu-open a#menu-trigger span:after {
  transform: rotate(90deg) translateX(-9px);
}

nav#main-nav {
  position: fixed;
  width: 100%;
  height: 0;
  top: 78px;
  z-index: 1;
}

nav [aria-current=page] {
  opacity: 0.5;
}

#menu {
  list-style: none;
  position: relative;
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
    background: #f3f3f6;
    width: 100%;
    height: calc(100vh - 50px);
    transform: translateX(100vw);
    -webkit-transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    z-index: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

#menu.active {
  transform: translateX(0);
}

#menu ul {
  list-style: none;
  margin: 0;
}

#menu .has-submenu > ul {
  background-color: #f3f3f6;
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100vh - 50px);
  transform: translateX(100%);
  -webkit-transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    z-index: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

#menu .has-submenu > ul.active {
  transform: translateX(0);
}

#menu > li > span {
  position: relative;
  border-top: 1px solid #282828;
  display: block;
  padding: 13px;
}

#menu > li.has-submenu > span {
  padding-right: 62px;
}

#menu a {
  display: block;
  color: #282828;
  text-decoration: none;
}

#menu a.selected {
  color: #0496DB;
}

#menu a.open-submenu {
  position: absolute;
  font-size: 0;
  line-height: 0;
  border-left: 1px solid #282828;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50px;
}

#menu .has-back-link span.submenu-title {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 13px 13px 13px 65px;
  border-top: 1px solid #282828;
}

#menu .has-back-link span.submenu-title a {
  position: absolute;
  left: 0;
  font-size: 0;
  line-height: 0;
  border-right: 1px solid #282828;
  top: 0;
  bottom: 0;
  width: 50px;
}

#menu li.has-submenu ul > li > span {
  position: relative;
  border-top: 1px solid #282828;
  display: block;
  padding: 13px;
}

#menu a.open-submenu:after,
#menu .has-back-link span.submenu-title a::after {
  position: absolute;
  content: "";
  display: block;
  border-top: 2px solid #282828;
  border-right: 2px solid #282828;
  width: 15px;
  height: 15px;
  top: calc(50% - 8px);
}

#menu a.open-submenu:after {
  transform: rotate(45deg);
  right: 19px;
}

#menu .has-back-link span.submenu-title a::after {
    transform: rotate(-135deg);
    right: inherit;
    left: 18px;
}

#menu *:focus {
    outline-offset: -3px;
}


@media screen and (min-width: 1160px) {

  body {
   padding-top: 97px;
  }

  header {
    top: 0;
    height: 97px;
    padding: 0;
    transition: height 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out, transform 0.25s ease-in-out;
  }

  header .logo {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 348px;
    padding: 0;
    margin: 30px 21px;
  }

  a#menu-trigger {
    display: none;
  }

  header .searchTrigger {
    z-index: 1;
    top: 10px;
    right: -10px;
  }

  nav#main-nav {
    position: relative;
    top: auto;
    right: 60px;
  }

  #menu {
    display: flex;
    transform: none;
    height: auto;
    justify-content: flex-end;
    padding-right: 0; /* see ‘media query for max row width and beyond’ */
    overflow: inherit;
    background: transparent;
    font-size: 16px;
    line-height: 19px;
  }

  #menu > li span {
    width: 100%;
    padding: 0;
    border: none;
  }

  #menu > li > span > a span {
    position: relative;
  }

  header #menu > li > span > a:hover {
    color: #0496DB;
  }

  #menu > li > span > a {
    padding: 40px 13px 38px;
    transition: color 0.25s ease-in-out;
  }

/*  #menu .has-submenu > span > a {
    padding-right: 0;
  }
*/
  #menu .has-submenu > ul {
    display: none;
    overflow: hidden;
    width: 153px;
    height: auto;
    background-color: transparent; /* background made transparent to allow buffer to be invisible */
    padding-bottom: 75px; /* invisible buffer height */
    transform: translate(-27px, 25px);
    top: 72px;
    left: auto;
    opacity: 0;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  }

  #menu .has-submenu.fade > ul {
    opacity: 1;
  }

  #menu .has-submenu > ul:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 75px; /* invisible buffer height */
      width: 100%;
      background-color: #f3f3f6; /* background colour of *desktop* menu */
  }

  #menu .has-submenu > ul.active {
    display: none;
    transform: translateY(25px); /* overridden by ‘off-top’ */
  }

  #menu .has-submenu > ul.active-dt {
    display: flex;
  }

  #menu .has-submenu > ul > li {
    display: flex;
    /*opacity: 0;
    transform: translateY(-10px);*/
    transition: all 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  }

  #menu .has-submenu.fade > ul li {
    opacity: 1;
    transform: translateY(-0px);
  }

  #menu .has-submenu > span > a.open-submenu {
    border: none;
    width: 36px;
    padding: 13px;
    transition: transform 0.25s ease-in-out;
    bottom: -25px;
  }

  #menu .has-submenu > span > a.open-submenu:hover {
    transform: translateY(3px);
    width: 100%; /* this enlarges the area around down arrow making right-aligned nav more forgiving to diagonal movement */
    /* background: rgba(0,0,0,0.1); this shows the area */
  }

  #menu > li.has-submenu > span {
    padding-right: 0;
  }

  #menu > li.has-submenu > span > a:hover {
    color: #282828;
    cursor: default;
  }


  #menu a.open-submenu::after {
      display: none;
    transform: rotate(135deg);
    top: 40px;
    right: 12px;
    width: 12px;
    height: 12px;
    border-color: #000;
    transition: border-color 0.25s ease-in-out;
  }

  header:hover #menu a.open-submenu::after {
    border-color: #000;
  }

  #menu ul.active .has-back-link > ul:before,
  #menu ul.active-dt .has-back-link > ul:before {
    content: "";
  }

  #menu .has-back-link {
    display: flex;
    width: 153px;
    margin: auto;
    padding: 10px 0;
    text-align: center;
  }

  #menu ul .has-back-link > ul {
    display: flex;
    flex-direction: column;
      width: 100%;
      margin: 0;
  }

  /* links in dropdown */

  #menu li.has-submenu .has-back-link ul > li > span {
    border: none;
    padding: 0;
  }

  #menu li.has-submenu .has-back-link ul li span a {
    padding: 10px 13px;
    /* change font-size etc here */
    line-height: 1.3;
  }

  #menu li.has-submenu .has-back-link ul li span a span {
    /* underlines created here to allow for multi-line links */
    display: inline;
    border-bottom: 2px solid transparent;
    transition: color 0.25s ease-in-out;
  }

  #menu li.has-submenu .has-back-link ul li span a:hover span {
    color: #0496DB;
  }

  #menu li.has-submenu .has-back-link span.submenu-title {
    display: none;
  }

}

@media screen and (min-width: 1240px) { /* ‘max row width and beyond’ */

  header .logo {
    left: calc(50% - 620px); /* 50% minus ~ half of column width */ 
  }

  #menu {
    padding-right: calc(50% - 620px);  /* 50% minus ~ half of column width */
  }

  header .searchTrigger {
    right: calc(50% - 630px);
  }

}
   
   /* search overlay */
   
   .search-overlay {
       transition: all 0.25s ease-in-out;
       position: fixed;
       opacity: 0;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       z-index: -1000;
       white-space: nowrap;
       text-align: center;
       background: rgb(27,20,79);
       background: linear-gradient(90deg, rgba(27,20,79,1) 0%, rgba(27,100,157,1) 100%);
   }
   
   .search-overlay.search-overlay-on {
       position: fixed;
       opacity: 1;
       z-index: 1000;
   }
   
   .search-form-fieldset {
       display: inline-block;
       position: relative;
       vertical-align: middle;
       margin: 0;
       border: 0;
       padding: 0;
       width: 65.78483%;
   }
   
   .search-overlay::after {
       content: '';
       display: inline-block;
       vertical-align: middle;
       height: 100%;
   }
   
   input.search-form-field,
   input.search-form-field:focus {
       display: block;
       margin: 0 auto;
       border: 0;
       border-bottom: 1px solid #fff;
       box-shadow: none;
       padding: 5px 20px 5px 0;
       width: 100%;
       background: none;
       color: #fff;
       outline: none;
       height: 36px;
       font-size: 16px;
       line-height: 1;
       -webkit-appearance: none;
       -moz-appearance: none;
       -ms-appearance: none;
       -o-appearance: none;
       appearance: none;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
       -ms-border-radius: 0;
       -o-border-radius: 0;
       border-radius: 0 !important;
   }
   
   .search-overlay a.search-close {
       text-indent: -10000em;
       display: block;
       position: absolute;
       top: 50%;
       right: 0;
       margin-top: -8px;
       width: 16px;
       height: 16px;
       background: url(../img/close-button.png) center no-repeat;
       background-size: 16px;
       cursor: pointer;
   }
   
   @media print, screen and (min-width: 1024px) {
   
     input.search-form-field,
     input.search-form-field:focus {
         height: 72px;
         font-size: 26px;
     }
   
     .search-overlay a.search-close {
       margin-top: -10px;
     }
   
   }
   
   /* search results */
   
   body.search .padded-container {
     padding-top: 24px;
     padding-bottom: 24px;
   }
   
   @media print, screen and (min-width: 1024px) {
   
     body.search .padded-container {
       padding-top: 56px;
       padding-bottom: 56px;
     }
   
   }
   
   /* / search results */
   
   /* top banner */
   
   .top-banner {
     display: flex;
     align-items: flex-end;
     width: 100%;
     overflow: hidden;
     padding: 28px;
     background: rgb(27,20,79);
     background: linear-gradient(90deg, rgba(27,20,79,1) 0%, rgba(27,100,157,1) 100%);
   }
   
   .top-banner.has-image {
     position: relative;
     height: calc(100vh - 192px);
     padding-bottom: 50px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
   }

      .top-banner.has-image::after {
        content: "";
        position: absolute;
        top: 0%;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(0deg, rgba(40,40,40,1) 0%, rgba(40,40,40,0) 100%);
      }

      .top-banner.has-image .text-container {
        z-index: 1;
      }

    .top-banner.has-image.home,
    .top-banner.has-image#image-indigo-drive {
     padding-top: 70px;
     min-height: calc(100vh - 135px);
   }
   
   .top-banner.has-image {
     background-image: url(../img/top-banner-image-mobile.jpg);
   }
   
   .top-banner.has-image#image-home {
     background-image: url(../img/top-banner-image-home-mobile.jpg);
   } 
   
   .top-banner.has-image#image-defence {
     background-image: url(../img/top-banner-image-mobile.jpg);
   }
   
   .top-banner.has-image#image-careers {
     background-image: url(../img/top-banner-image-mobile.jpg);
   }
   
   .top-banner.has-image#news-result {
     background-image: url(../img/top-banner-image-mobile.jpg);
   }
   
   .top-banner h1 {
     color: #fff;
     margin-bottom: 0;
   }

   .top-banner.home h1 {
     margin-bottom: 100px;
   }

   .top-banner .text-container.indigo-drive h1 {
    font-size: 0;
    line-height: 0;
    width: 315px;
    height: 134px;
    background: url(../img/indigo-drive-logo.svg) center no-repeat;
    background-size: contain;
   }

   .top-banner.home p {
     color: #fff;
     font-size: 30px;
     line-height: 40px;
     margin-bottom: 20px;
   }

   .top-banner.home p:last-of-type {
     margin-bottom: 0;
   }

   .intro {
     position: relative;
     background: #f3f3f6;
     padding: 50px 28px;
   }

   .intro.home {
      background: #fff;
   }

      .intro .indigo-drive-logo {
        margin: 0 auto 40px;
        width: 100%;
        max-width: 310px;
      }

      .intro .indigo-drive-image {
        margin: 0 auto 35px;
        width: 100%;
      }
   
   .intro p:last-child {
     margin-bottom: 0;
   }
   
   .intro .button {
     margin-bottom: 14px;
   }
   
   .padded-container {
     padding: 0 28px;
   }

    .padded-container .padded-container {
      padding-left: 0!important;
      padding-right: 0!important;    
    }

   .padded-container.grey-bkgd {
      background: #F3F3F6;
   }
   
   @media print, screen and (min-width: 768px) {
     .top-banner.has-image {
       height: calc(100vh - 140px);
     }
   }
   
   @media print, screen and (min-width: 1024px) {
   
     .top-banner {
       height: 297px;
       padding-bottom: 47px;
     }
   
     .top-banner.has-image {
       height: 424px;
       padding-bottom: 40px;
     }
   
     .top-banner.has-image.home {
       min-height: 600px;
     }

     .top-banner.has-image::after {
        background: linear-gradient(0deg, rgba(40,40,40,1) 0%, rgba(40,40,40,0) 100%);
      }
   
       /* individual images */
   
       .top-banner.has-image#image-home {
         background: rgba(243,243,246,1);
       }
   
       .top-banner.has-image#image-defence {
         background-image: url(../img/top-banner-image-desktop.jpg);
       }
   
       .top-banner.has-image#image-careers {
         background-image: url(../img/top-banner-image-desktop.jpg);
       }
   
       .top-banner.has-image#image-news-result {
         background-image: url(../img/top-banner-image-desktop.jpg);
       }

       .top-banner.has-image#image-indigo-drive {
         background-image: url(../img/top-banner-image-desktop.jpg);
         min-height: auto;
       }
   
     .intro-wrapper {
       background: rgba(243,243,246,1);
     }

     .intro-wrapper .large-8 {
      width: 100%;
      max-width: 1000px;
     }
   
     .intro {
       margin: 0 auto;
         /*max-width: 1440px;*/
       padding: 80px 28px;
     }
   
     .intro p {
       font-size: 24px;
       line-height: 33px;
       /*letter-spacing: -0.02rem;*/
     }

     .intro p.lead-2 {
       width: calc(42.65% - 80px);
     }
   
     /*.intro.home .large-8 {
       float: right;
       padding: 0 10px;
     }*/
   
     .intro .indigo-drive-logo {
        margin: 0 0 60px;
        width: calc(42.65% - 50px);
        max-width: inherit;
        float: left;
      }

      .intro .indigo-drive-logo img {
        max-width: 380px;
      }

      .intro .indigo-drive-image {
        float: right;
        width: 57.35%;
        margin: 35px 0 35px 50px;
      }

        .intro .indigo-drive-image img {
          margin: 75px auto 0;
          max-width: 550px;
          display: block;
        }
   
     .intro .button {
       margin: 40px 0 0;
     }
   
     .top-banner .text-container {
       margin: 0 auto;
       width: 100%;
       max-width: 1000px;
       z-index: 1;
     }
   
     .top-banner.home .text-container {
       max-width: 1200px;
       padding-bottom: 40px;
     }
   
     .top-banner.home h1 {
       font-size: 89px;
       max-width: 660px;
     }

     .top-banner .text-container.indigo-drive {
        max-width: 1000px;
     }

     .top-banner .text-container.indigo-drive h1 {
      width: 380px;
      height: 162px;
     }

     .top-banner.home p {
       font-size: 38px;
       line-height: 47px;
       max-width: 600px;
     }
   
   }
   
   /* homepage videos */
   
/*   .top-banner .video-js {
     display: none;
   }*/

   .home-video-new {
     height: 56.28vw;
   }
   
/*   @media print, screen and (min-width: 1024px) {*/
   
     .top-banner.video {
       position: relative;
       margin: 0;
     }
   
     .top-banner .video-js {
       display: block;
       background: rgb(243, 243, 246);
       /*max-width: 1440px;*/
       margin: 0 auto;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       right: 0;
     }
   
     .top-banner .video-js .vjs-tech {
       object-fit: cover;
     }

     .home-video-new {
       height: 55.8vw;
     }
   
/*   }*/

@media print, screen and (min-width: 1024px) {

    .home-video-new {
        height: calc(100vh - 147px);
        max-height: 828px;
        min-height: 250px;
        background: #f9f9fa;
      }

    .home-video-new .video-js {
        background: #f9f9fa;
      }

}
   
   /* main content */
   
   .main-content-container {
     padding: 24px 0;
   }

    .main-content-container + .main-content-container {
      padding-top: 0;
    }
   
   .main-content-container h2,
   .highlight-container h2 {
     margin: 30px 0;
   }
   
   .main-content-container p.lead,
   .highlight-container p {
     font-size: 18px;
     line-height: 29px;
   }
   
   .image-container {
     margin: 25px 0;
   }

   .spotlight .image-container {
    margin: 0;
   }
   
   @media print, screen and (min-width: 1024px) {
   
     .narrow {
       /* max-width: 856px; */
       max-width: 1000px;
       margin: 0 auto;
     }


        .narrow.padded-container,
        body.page-template-page-solutions .narrow {
          max-width: 1056px;
        }
   
     .main-content-container {
       margin: 0 auto;
       max-width: 1200px;
       padding: 56px 0 40px;
     }

      .main-content-container p img {
        width: 100%;
      }
   
     .main-content-container h2,
     .highlight-container h2 {
      width: 100%;
      margin-top: 0;
     }
   
       /*.narrow .main-content-container h2,
       .narrow .highlight-container h2 {
         margin: 18px 0 40px;
       }*/
   
     /*.main-content-container h2 + p,
     .narrow .main-content-container h2 + p {
       margin-top: -16px;
     }*/
   
     .main-content-container p.lead,
     .highlight-container p {
       font-size: 24px;
       line-height: 33px;
     }
   
     .image-container {
       margin: 50px 0;
     }
   
   }
   
   .main-content-container ul:not(.accordion), .accordion-content ul {
     list-style: none;
     margin-left: 18px;
   }
   
   .main-content-container ul li:not(.accordion-item):before,
   .accordion-content ul li:before {
     content: "\2022";
     color: #0496DB;
     margin: 0 10px 0 -18px;
   }
   
   /* highlights */
   
   .highlight-container {
     font-size: 0;
     line-height: 0;
     padding: 24px 0;
   }
   
     .main-content-container + .highlight-container {
       padding-top: 0;
     }
   
   .highlight {
     display: inline-block;
     width: 100%;
     padding: 28px 0;
   }
   
   .highlight p {
    font-size: 0;
    line-height: 0;
    margin: 0;
   }

   .highlight p.info {
     font-size: 32px;
     line-height: 38px;
     margin: 0 0 18px;
   }

   .highlight p.info {
     font-size: 24px;
     line-height: 29px;
     margin: 0;
   }
   
   .narrow .highlight p {
     font-size: 24px;
     line-height: 33px;
     margin: 0;
   }
   
   .highlight p br {
     display: none;
   }
   
   .borders .highlight {
     border-top: 1px solid #282828;
   }
   
   .highlight .image-container {
     display: inline-block;
     width: 64px;
     height: 64px;
     margin: 0 30px 3px 0;
     background: #0295DB;
   }
   
   .highlight .text-container {
      width: calc(100% - 95px);
      display: inline-block;
      vertical-align: middle;
    }
   
   .one-across .highlight:first-of-type {
       padding-top: 35px;
   }
   
   .one-across.top-border .highlight:first-of-type {
       border-top: 1px solid #000!important;
   }

   .highlight-container.larger-images {
    padding-bottom: 10px;
   }

   .highlight-container.larger-images h2 {
    margin-bottom: 40px;
   }

   .larger-images .highlight {
      margin-bottom: 12px;
   }

   .larger-images .highlight .image-container {
    float: none;
    width: 100%;
    height: 100%;
    max-width: 480px;
    margin: 13px 0 40px 0;
    background: #f3f3f6;
  }

  .larger-images .highlight .image-container img {
    width: 100%;
  }

   .larger-images .highlight .text-container {
     float: none;
     width: 100%;
   }
   
   @media print, screen and (min-width: 1024px) {
   
     .standard-content-container {
       padding: 75px 0 40px;
     }
   
     .highlight-container {
      display: flex;
      flex-wrap: wrap;
       margin: 0 auto;
       max-width: 1200px;
       padding: 56px 0 40px;
     }

     body.page-template-page-solutions .highlight-container {
        max-width: 1000px;
     }
   
     .highlight {
        display: flex;
        align-items: center;
        width: calc(50% - 30px);
        padding: 20px 0;
        margin-right: 30px;
      }

       .no-info .highlight {
        align-items: center;
       }

       .no-info .highlight p {
        margin-bottom: 0;
       }
   
     .highlight-container h2 + p,
     .narrow .highlight-container h2 + p {
       margin-top: -16px;
     }
   
     .highlight p br {
       display: block;
     }

     .highlight-container.larger-images h2 {
      margin-bottom: 60px;
    }
   
     .one-across .highlight:nth-of-type(n) {
       display: flex;  
       align-items: center;
       width: 100%;
       margin: 0 0 30px;
       border: none;
     }
   
     .one-across .highlight .image-container {
       float: left;
       width: 64px;
       height: 64px;
       margin: 2px 30px 0 0;
       background: #0295DB;
     }
   
     .one-across .highlight .text-container {
       float: left;
       width: calc(100% - 94px);
     }

     .highlight-container.larger-images {
        padding-bottom: 40px;
      }

     .larger-images .highlight .image-container {
        width: 294px;
        height: auto;
        margin: 0 30px 0 0;
      }
   
   }

   /* plan and go loop */
   
   .plan-and-go-container {
     display: table;
     padding: 24px 0;
   }

   .plan-and-go-container h2 {
      margin: 24px 0 34px;
    }

    .plan-and-go-loop {
      position: relative;
      width: 100%;
      height: calc(54.17vw - 30px);
      margin: 0 auto 40px;
    }

    .plan-and-go-loop img {
      position: absolute;
      top: 0;
      left: 0;
    }

    @keyframes plan-and-go-loop-fade-01 {
      0%    { opacity: 1; }
      25%   { opacity: 1; }
      35%   { opacity: 0; }
      55%   { opacity: 0; }
      65%   { opacity: 0; }
      90%   { opacity: 0; }
      100%  { opacity: 1; }
    }

    @keyframes plan-and-go-loop-fade-02 {
      0%    { opacity: 0; }
      25%   { opacity: 0; }
      35%   { opacity: 1; }
      55%   { opacity: 1; }
      65%   { opacity: 0; }
      90%   { opacity: 0; }
      100%  { opacity: 0; }
    }

    @keyframes plan-and-go-loop-fade-03 {
      0%    { opacity: 0; }
      25%   { opacity: 0; }
      35%   { opacity: 0; }
      55%   { opacity: 0; }
      65%   { opacity: 1; }
      90%   { opacity: 1; }
      100%  { opacity: 0; }
    }

    .plan-and-go-loop-01 {
      animation: plan-and-go-loop-fade-01 8s infinite;
    }

    .plan-and-go-loop-02 {
      animation: plan-and-go-loop-fade-02 8s infinite;
    }

    .plan-and-go-loop-03 {
      animation: plan-and-go-loop-fade-03 8s infinite;
    }

    .plan-and-go-container h3 {
      margin-bottom: 20px;
    }

   @media print, screen and (min-width: 1024px) {
   
     .plan-and-go-container {
      display: table;
       margin: 0 auto;
       max-width: 1000px;
       padding: 56px 0 40px;
     }

     .plan-and-go-container h2 {
      margin: 24px 0 60px;
    }

    .plan-and-go-loop {
      margin-bottom: 50px;
    }

    .plan-and-go-loop img {
      height: 100%;
    }

    .plan-and-go-container .large-4 {
      padding-right: 35px;
    }

   }

   @media print, screen and (min-width: 1240px) {

    .plan-and-go-loop {
      width: calc(185vh - 925px);
      height: calc(100vh - 500px);
      background: transparent;
      max-height: 540px; /* was 650px */
      min-height: 200px;
      min-width: 370px;
      max-width: 1000px;
      margin: 0 auto 25px;
    }

  }

   /* tabbed-diagram */

   .tabbed-diagram-outer-container {
      background-color: #282828;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: auto!important;
   }

   .tab-positioner {
    position: relative;
    margin: 0 auto;
   }
   
   .tabbed-diagram-container {
     display: table;
     width: 100%;
     padding: 24px 0;
   }

   .tabbed-diagram-container h2 {
      color: #fff;
      margin: 24px 0 40px;
      width: 100%;
    }

    .tabbed-diagram-container p {
      color: #fff;
      max-width: 892px;
      margin-bottom: 40px;
    }

    .tabbed-diagram {
      margin: 0 auto;
      max-width: 582px;
    }

    .tab-container {
      width: 100%;
      max-width: 582px;
      margin: 0 auto;
    }

    .tabs-content h3 {
      color: #0496DB;
      margin-bottom: 4px;
    }

    .tabs-content p {
      margin-bottom: 17px;
    }

    .counter {
      font-size: 0;
    }

    .counter span {
      display: inline-block;
      font-size: 24px;
      line-height: 1;
      width: calc(20% - 5px);
      margin-right: 5px;
      margin-bottom: 20px;
      padding: 0 0 23px;
      border-bottom: 4px solid #0496DB;
    }

    .counter span.selected {
      border-color: #fff;
    }

   @media print, screen and (min-width: 1024px) {

    .tabbed-diagram-outer-container {
      background-size: auto 2000px;
     }
   
     .tabbed-diagram-container {
      display: flex;
      flex-wrap: wrap;
       margin: 0 auto;
       max-width: 1000px;
       padding: 56px 0 40px;
     }

     .tabbed-diagram-container h2 {
      margin: 24px 0 40px;
    } 

   }

   /* tabs-content height adjustments */

   .tabs-content {
      min-height: 600px;
   }

   @media print, screen and (min-width: 1160px) {

    .tabs-content {
      min-height: 480px;
    }

   }

   /* /tabs-content height adjustments */

   /* tab positioning */

    #marker {
      position: absolute;
      top: -115px;
      width: 100%;
    }

    .tabs li {
      position: absolute;
      transition: top 0.25s ease-in-out, left 0.25s ease-in-out;
    }

    .tabs li:nth-of-type(1) {
      top: calc(26vw - 37px);
      left: calc(14vw - 44px);
    }

    .tabs li:nth-of-type(2) {
      top: calc(3.5vw - 37px);
      left: calc(53.5vw - 44px);
    }

    .tabs li:nth-of-type(3) {
      top: calc(22.7vw - 37px);
      left: calc(66.5vw - 44px);
    }

    .tabs li:nth-of-type(4) {
      top: calc(31.3vw - 37px);
      left: calc(70.3vw - 44px);
    }

    .tabs li:nth-of-type(5) {
      top: calc(51.6vw - 37px);
      left: calc(62.3vw - 44px);
    }

    .tabs li.extra {
      border: 1px solid transparent;
      cursor: pointer;
      position: relative;
      top: calc(66.6vw - 52px);
      width: 20%;
      float: left;
      height: 75px;
    }

    .tabs li.extra a {
      border: none;
      font-size: 0;
      background: transparent;
    }

    @media print, screen and (min-width: 640px) {

      .tabs li.extra {
        top: 375px;
        left: calc(50% - 294px);
        max-width: 117px;
      }

      #marker {
        top: -135px;
      }

      .tabs li:nth-of-type(1) {
        top: 124px;
        left: calc(50% - 245px);
      }

      .tabs li:nth-of-type(2) {
        top: -18px;
        left: calc(50% - -7px);
      }

      .tabs li:nth-of-type(3) {
        top: 104px;
        left: calc(50% + 90px);
      }

      .tabs li:nth-of-type(4) {
        top: 158px;
        left: calc(50% + 114px);
      }

      .tabs li:nth-of-type(5) {
        top: 288px;
        left: calc(50% + 62px);
      }

      .tabs li.extra {
        top: 370px;
      }

    }

   /* flow-diagram */
   
   .flow-diagram-container {
     display: table;
     padding: 24px 0;
   }

   .flow-diagram-container h2 {
      margin: 24px 0 40px;
      width: 100%;
    }

    .flow-diagram-container p.lead-2 {
      max-width: 892px;
      margin-bottom: 25px;
    }

    .flow-diagram-container .flow-diagram-item {
      width: 100%;
      margin: 0 0 30px;
    }

    .flow-diagram-container .flow-diagram-item h3 {
      margin-bottom: 20px;
    }

    .flow-diagram-container .flow-diagram-item img {
      width: 100%;
      max-width: 320px;
      margin: 0 auto 20px;
    }

    ul.tick-bullets {
      font-size: 20px;
      line-height: 26px;
      list-style: none;
      margin: 0 20px 0 36px;
    }

    ul.tick-bullets li {
      margin-bottom: 7px;
    }

    ul.tick-bullets li::before {
      content: "";
      display: inline-block;
      width: 25px;
      height: 25px;
      background: #5AB43C url(../img/tick.svg) center no-repeat;
      border-radius: 50px;
      margin: 0 11px 0 -36px;
      transform: translateY(5px);
    }

  @media print, screen and (max-width: 1023px) {

      .flow-diagram-container .flow-diagram-item:nth-of-type(2) img {
        margin-top: -20px;
      }

      .flow-diagram-container .flow-diagram-item:nth-of-type(3) img {
        margin-top: -170px;
      }

      .flow-diagram-container .flow-diagram-item:nth-of-type(4) img {
        margin-top: -130px;
      }

  }

   @media print, screen and (min-width: 1024px) {
   
    .flow-diagram-container {
       width: 100%;
       margin: 0 auto;
       max-width: 1000px;
       padding: 56px 0 40px;
    }

    .flow-diagram-container h2 {
      margin: 24px 0 40px;
    } 

    .flow-diagram-container .flow-diagram-item {
      float: left;
      width: 33.333%;
      text-align: center;
    }

    .flow-diagram-container .flow-diagram-item h3,
    .flow-diagram-container .flow-diagram-item ul {
      text-align: left;
    }

    .flow-diagram-container .flow-diagram-item img {
      max-width: 190px;
    }

    .flow-diagram-container .flow-diagram-item.top {
      width: 100%;
    }

    .flow-diagram-container .flow-diagram-item.top::after {
      content: "";
      display: block;
      background: url(../img/flow-diagram-dots.svg) center top no-repeat;
        background-size: auto;
      width: 65vw;
      height: 98px;
      position: relative;
      margin: -15px auto -80px;
      background-size: contain;
      max-width: 670px;
    }

    .flow-diagram-container .flow-diagram-item.top h3 {
      margin-top: 60px;
    }

    .flow-diagram-container .flow-diagram-item.top img {
      float: right;
      margin: 30px calc(50% - 128px) 0 0;
      max-width: 250px;
    }

   }

   /* get there diagram */

   .get-there-diagram-outer-container {
    background: #282828 url(../img/get-there-diagram-bkgd.jpg) center no-repeat;
    background-size: cover;
   }
   
   .get-there-diagram-container {
     display: table;
     padding: 24px 0;
   }

   .get-there-diagram-container h2 {
    color: #fff;
      margin: 24px 0 40px;
      width: 100%;
    }

    .get-there-diagram-container p.lead-2 {
      color: #fff;
      max-width: 892px;
    }

    .get-there-diagram-container .get-there-diagram-item {
      width: 100%;
      margin: 0 0 30px;
    }

    .get-there-diagram-container .image-container {
      width: 64px;
      height: 64px;
      margin: 3px 30px 40px 0;
      background: #0295DB;
    }

    .get-there-diagram-item h3 {
      color: #fff;
      margin-bottom: 18px;
    }

    .get-there-diagram-item li {
      color: #fff;
    }
    

   @media print, screen and (min-width: 1024px) {
   
    .get-there-diagram-container {
       width: 100%;
       margin: 0 auto;
       max-width: 1000px;
       padding: 56px 0 40px;
    }

    .get-there-diagram h2 {
      margin: 24px 0 40px;
    } 

    .get-there-diagram-container .get-there-diagram-item {
      position: relative;
      float: left;
      width: 25%;
      margin: 30px 0;
      padding: 0 20px 0 0;
    }

    .get-there-diagram-container .get-there-diagram-item .image-container::after {
      content: "";
      border-top: 1px solid #fff;
      position: absolute;
      left: 74px;
      right: 10px;
      top: 34px;
    }

    .get-there-diagram-container .get-there-diagram-item:last-of-type .image-container::after {
      display: none;
    }

   }


   
   /* spotlights */

   .padded-container.highlights + .padded-container .spotlight-container.two-across {
      margin-top: 50px;
    }

   .spotlight-container {
     font-size: 0;
     line-height: 0;
   }

   .spotlight-container h2 {
       width: 100%;
       margin-bottom: 40px;
     }
   
   .spotlight {
     background: #F3F3F6;
     margin: 0 0 28px;
   }
   
   .spotlight:last-child {
     margin-bottom: 0;
   }
   
   .spotlight img {
     width: 100%;
   }
   
   .spotlight .text-container {
     padding: 28px 35px;
   }
   
   .spotlight p {
/*     color: #112757;*/
     color: #282828;
     font-size: 16px;
     line-height: 27px;
     margin-bottom: 21px;
   }
   
   .spotlight .button {
       margin: 0;
       font-size: 16px;
       padding: 14px 20px;
   }
   
   @media print, screen and (min-width: 1024px) {
   
     .spotlight-container {
       display: flex;
       margin: 28px auto;
       max-width: 1200px;
     }

     .spotlight-container h2 {
       margin-bottom: 60px;
     }
   
     .spotlight {
       display: flex;
       flex-direction: column;
       width: calc(33.33333% - 20px);
     }
   
     .spotlight-container:not(.two-across) .spotlight:nth-of-type(3n+1) {
       clear: both;
       margin: 0 15px 28px 0;
     }
   
     .spotlight-container:not(.two-across) .spotlight:nth-of-type(3n+2) {
       margin: 0 15px 28px;
     }
   
     .spotlight-container:not(.two-across) .spotlight:nth-of-type(3n+3) {
       margin: 0 0 28px 15px;
     }
   
     .spotlight:last-child {
       margin-bottom: 28px;
     }
   
     .spotlight .text-container {
       display: flex;
       flex-direction: column;
       height: 100%;
       padding: 38px 40px;
     }
   
     .spotlight .text-container-2 {
       display: flex;
       height: 100%;
       flex-direction: column;
     }
   
     .spotlight h3 {
       margin-bottom: 15px;
     }
   
     .spotlight p {
       margin-bottom: 27px;
       padding-right: 20px;
     }
   
     .spotlight .button {
       width: max-content;
       max-width: 100%;
       text-align: left;
     }
   
       .spotlight-container.two-across {
         flex-wrap: wrap;
         margin-bottom: 23px;
       }

       .padded-container.highlights + .padded-container .spotlight-container.two-across {
          margin-top: 80px;
        }
   
       .spotlight-container.two-across .spotlight {
         flex-direction: row;
         width: calc(50% - 20px);
       }
   
       .spotlight-container.two-across .spotlight:nth-of-type(2n+1) {
         margin: 0 20px 40px 0;
       }
   
       .spotlight-container.two-across .spotlight:nth-of-type(2n) {
         margin: 0 0 40px 20px;
       }
   
       .spotlight-container.two-across .spotlight .image-container {
         width: 50%;
       }
   
       .spotlight-container.two-across .spotlight .image-container img {
         height: 100%;
         object-fit: cover;
       }
   
       .spotlight-container.two-across .spotlight .text-container {
         width: 50%;
       }
   
       .spotlight-container.two-across .spotlight .button {
         font-size: 14px;
         letter-spacing: 0;
       }
   
   }
   
   @media print, screen and (min-width: 1180px) {
   
       .spotlight-container.two-across .spotlight .button {
         font-size: 16px;
         letter-spacing: 2px;
       }
   
   }
   
   /* stats */
   
   .stat-container {
     font-size: 0;
     line-height: 0;
     padding: 24px 0;
   }
   
   .stat-container h2 {
     margin: 24px 0 28px;
   }
   
   .stat {
     border-top: 1px solid #000;
     padding: 21px 0 24px;
   }
   
   .stat span.large {
     display: block;
     color: #0295DB;
     font-size: 58px;
     line-height: 1;
     margin: 0 0 28px;
   }
   
   .stat p {
     color: #282828;
     font-size: 21px;
     line-height: 32px;
     margin: 0;
   }
   
   
   @media print, screen and (min-width: 1024px) {
   
     .stat-container {
       margin: 0 auto 50px;
       max-width: 1200px;
       padding: 24px 0 28px;
     }
   
     .stat-container h2 {
       margin: 24px 0 58px;
     }
   
     .stat {
       display: inline-block;
       vertical-align: top;
       width: calc(33.33333% - 20px);
       padding: 35px 0 20px;
     }
   
     .stat span.large {
       margin: 0 0 20px;
     }
   
     .stat:nth-of-type(3n+1) {
       clear: both;
       margin: 0 15px 28px 0;
     }
   
     .stat:nth-of-type(3n+2) {
       margin: 0 15px 28px;
     }
   
     .stat:nth-of-type(3n+3) {
       margin: 0 0 28px 15px;
     }
   
     .stat:last-child {
       margin-bottom: 28px;
     }
   
     .stat p {
       font-size: 19px;
       line-height: 28px;
     }
   
   }
   
   /* news */
   
   .padded-container.news-index {
     background: #f3f3f6;
     font-size: 0;
   }
   
   .main-content-container .category-container {
     background: #f3f3f6;
     margin: 0 -28px;
     width: 100vw;
     overflow: scroll;
     -webkit-overflow-scrolling: touch;
   }
   
   .main-content-container .category-container-2 {
     width: max-content;
     padding: 0 28px;
   }
   
   .main-content-container .category-container ul {
     margin: 0 0 20px;
   }
   
   .main-content-container .category-container li {
     display: inline-block;
   }
   
   .main-content-container .category-container li:before {
     display: none;
   }
   
   .main-content-container .category-container .button {
     margin: 0 10px 8px 0;
     font-size: 13px;
     padding: 12px 18px;
     transition: all 0.25s ease-in-out;
   }
   
   .main-content-container .category-container .button:not(.selected) {
     color: #282828;
     background: #fff;
   }
   
   .main-content-container .category-container .button:not(.selected):hover {
     color: #fff;
     background: #0496DB;
   }
   
   @media print, screen and (min-width: 1024px) {
   
     .news-index .main-content-container {
       position: relative;
     }
   
     .main-content-container .category-container {
       position: relative;
       width: 100%;
       overflow: hidden;
     }
   
     .main-content-container .category-container-2 {
       width: 100%;
     }
   
     .main-content-container .category-container ul {
       margin: 2px 0 5px;
     }
   
     .main-content-container .category-container .button {
       margin: 5px 10px 5px 0;
       font-size: 16px;
       padding: 16px 34px 14px;
     }
   
     .news-index .col-1,
     .news-index .col-2 {
       position: relative;
       display: inline-block;
       vertical-align: top;
     }
   
     .news-index .col-1 {
       width: 532px;
       margin: 0 60px 0 0;
     }
   
     .news-index .col-2 {
       width: calc(100% - 592px);
       margin: 0 0 40px;
       padding-top: 47px;
     }
   
   }
   
   
   @media print, screen and (min-width: 1160px) {
   
     .padded-container.news-index {
       margin: 0;
       padding-top: 40px;
     }
   
   }
   
   .news-container {
     background: #f3f3f6;
     width: calc(100% + 56px);
     margin: 56px -28px 0;
     font-size: 0;
     line-height: 0;
     padding: 0;
   }
   
   .news-container-2 {
     margin: 0 auto;
     padding: 35px 28px;
     max-width: 1290px;
   }
   
   .news-container h2 {
     margin: 0 0 28px;
   }
   
   .news-preview {
     display: table;
     margin-bottom: 25px;
   }
   
   .news-preview p:not(.date) {
     font-size: 18px;
     line-height: 29px;
     color: #282828;
     margin-top: 0;
   }
   
   .news-preview p.date {
     color: #0496DB;
     font-size: 16px;
     line-height: 27px;
     margin: 26px 0 17px;
     /*letter-spacing: 0.05rem;*/
   }
   
   .news-preview-small p.date {
     color: #0496DB;
     font-size: 13px;
     line-height: 18px;
     margin: 0 0 14px;
   }
   
   .news-container .news-preview h2,
   .news-index .news-preview h2 {
     font-size: 28px;
     line-height: 34px;
     color: #282828;
     margin: 0 0 25px;
     transition: all 0.25s ease-in-out;
   }
   
   .news-container .news-preview:hover h2,
   .news-index .news-preview:hover h2 {
     color: #0496DB;
   }
   
   /*.news-container .news-preview h2 span,
   .news-index .news-preview h2 span {
     border-bottom: 1px solid transparent;
     transition: border 0.25s ease-in-out;
   }
   
   .news-container .news-preview:hover h2 span,
   .news-index .news-preview:hover h2 span {
     border-color: #0496DB;
   }*/
   
   .news-container .button {
     margin: 0;
     font-size: 16px;
     padding: 16px 20px 12px;
   }
   
   .news-preview-small {
     display: table;
     width: 100%;
     margin: 0;
   }
   
   .news-preview-small img {
     float: left;
     width: 33%;
     margin: 0 15px 28px 0;
   }
   
   .news-preview-small h3 {
     font-size: 16px;
     line-height: 1.3;
     margin: 0 0 25px;
     color: #282828;
     transition: color 0.25s ease-in-out;
   }
   
   .news-preview-small:hover h3 {
     color: #0496DB;
   }
   
   /*.news-preview-small h3 span {
     border-bottom: 1px solid transparent;
     transition: border 0.25s ease-in-out;
   }
   
   .news-preview-small:hover h3 span {
     border-color: #0496DB;
   }*/
   
   .split-buttons {
     width: 100%;
     font-size: 0;
   }
   
   .split-buttons a {
     display: inline-block;
     width: 50%;
     color: #282828;
     text-transform: uppercase;
     font-size: 18px;
     letter-spacing: 2px;
   }
   
   .split-buttons a:hover {
     /*color: #0496DB;*/
   }
   
   .split-buttons a.arrow-left:before {
     content: "";
     display: inline-block;
     width: 30px;
     height: 30px;
     background: #0496DB url(../img/left-arrow.png) center no-repeat;
     background-size: 20px;
     border-radius: 30px;
     vertical-align: middle;
     margin: 0 10px 3px 0;
     transition: background-color 0.25s ease-in-out;
   }
   
   .split-buttons a.arrow-right,
   .split-buttons a.share {
     text-align: right;
   }
   
   .split-buttons a.arrow-right:after,
   .split-buttons a.share:after {
     content: "";
     display: inline-block;
     width: 30px;
     height: 30px;
     background: #0496DB url(../img/right-arrow.png) center no-repeat;
     background-size: 20px;
     border-radius: 30px;
     vertical-align: middle;
     margin: 0 0 3px 10px;
     transition: background-color 0.25s ease-in-out;
   }
   
   .split-buttons a.share:after {
     background-image: url(../img/share.png);
     background-position: center 5px;
   }
   
   .split-buttons a:hover:before,
   .split-buttons a:hover:after {
     background-color: #282828;
   }
   
   .split-buttons a.disabled {
     cursor: default;
   }
   
   .split-buttons a.disabled:before,
   .split-buttons a.disabled:after {
     background-color: #cfcfd2;
   }
   
   @media print, screen and (min-width: 768px) {
   
     .news-preview-small p.date {
       font-size: 16px;
       line-height: 19px;
       /*letter-spacing: 0.05rem;*/
       margin: 0 0 21px;
     }
   
     .news-preview-small h3 {
       font-size: 28px;
       line-height: 34px;
     }
   
     .news-preview-small img {
       width: 26%;
       margin: 0 7% 42px 0;
     }
   
   }
   
   @media print, screen and (min-width: 1024px) {
   
     .news-container-2 {
       position: relative;
       margin: 0 auto 25px;
       padding: 50px 28px;
     }
   
     .news-container h2 {
       margin: 24px 33.333% 58px 16px;
     }
   
     .news-preview {
       display: inline-block;
       vertical-align: top;
       width: calc(33.333% - 32px);
       margin: 0 16px;
     }
   
       .news-index .news-preview {
         width: 100%;
         max-width: 532px;
         margin: 0;
         padding: 47px 28px 20px 0;
         /*height: calc(100vh - 63px);
         overflow-y: scroll;
         -webkit-overflow-scrolling: touch;*/
       }
   
     .news-container .button {
       position: absolute;
       top: 75px;
       right: 44px;
     }
   
     .split-buttons {
       margin: 50px 0 30px;
     }
   
     .split-buttons a.arrow-left:before,
     .split-buttons a.arrow-right:after,
     .split-buttons a.share:after {
       width: 60px;
       height: 60px;
       background-size: 40px;
       border-radius: 60px;
     }
   
     .split-buttons a.arrow-left:before {
       margin-right: 20px;
     }
   
     .split-buttons a.arrow-right:after,
     .split-buttons a.share:after {
       margin-left: 20px;
     }
   
     .split-buttons a.share:after {
       background-position: center 10px;
     }
   
   }
   
   /* contact details */
   
   .contact-detail-container,
   .contact-form-container {
     padding: 24px 0;
   }
   
   .contact-form-container h2 {
     margin-bottom: 36px;
   }
   
   .contact-detail {
       display: flex;
       align-items: center;
       width: 100%;
       padding: 12px 0;
   }
   
   .contact-detail:last-of-type {
     margin-bottom: 38px;
   }
   
   .contact-detail p {
     font-size: 28px;
     line-height: 34px;
     margin: 0;
   }
   
   .contact-detail a {
     color: #282828;
     border-bottom: 1px solid #282828;
     transition: all 0.25s ease-in-out;
   }
   
   .contact-detail a:hover {
     color: #0295DB;
     border-color: #0295DB;
   }
   
   .contact-detail .image-container {
     float: left;
     width: 64px;
     height: 64px;
     margin: 3px 20px 0 0;
     background: #0295DB;
   }
   
   .contact-detail .text-container {
     float: left;
     width: calc(100% - 94px);
   }
   
   .grey-wrapper {
     background: #f3f3f6;
   }
   
   .contact-form-container form .button {
     margin: 30px 0;
   }
   
   .contact-form-container form p.note {
     font-size: 16px;
     line-height: 1.2;
     color: #112757;
   }
   
   .contact-form-container form p.error-message {
       margin: -10px 0 38px;
       font-size: 14px;
       line-height: 1.2;
       color: #c00;
   }
   
   @media print, screen and (min-width: 1024px) {
   
     .contact-detail-container,
     .contact-form-container {
       margin: 0 auto;
       max-width: 1200px;
       padding: 56px 0 25px;
     }
   
     .contact-detail p {
       font-size: 32px;
       margin: 0;
     }
   
     .contact-form-container .large-6:nth-of-type(odd) {
       padding-right: 20px;
     }
   
     .contact-form-container .large-6:nth-of-type(even) {
       padding-left: 20px;
     }
   
     .contact-form-container form .button {
       float: left;
     }
   
     .contact-form-container form p.note {
       float: left;
       margin: 0;
       padding: 50px 20px;
     }
   
   }
   
   @media print, screen and (max-width: 640px) {
   
       .contact-detail p {
         font-size: 21px;
         word-wrap: anywhere;
       }
   
   }
   
   @media print, screen and (max-width: 374px) {
   
       .contact-detail p {
         font-size: 15px;
       }
   
   }

   .contact-cta-container {
      padding: 50px 0;
   }

   .contact-cta-container h2 {
     margin-bottom: 40px;
   }

   .contact-cta-container .button {
      margin: 0;
   }

   @media print, screen and (min-width: 1024px) {

     .contact-cta-container {
        padding: 80px 0;
      }

      .contact-cta-container p.lead-2 {
        margin-bottom: 50px;
      }

  }
   
   footer {
     color: #fff;
     background: #282828;
     padding: 60px 28px 0;
     font-size: 18px;
     line-height: 21px;
   }
   
   footer .large-4 {
     border-top: 1px solid #fff;
     font-size: 24px;
     line-height: 33px;
     padding: 40px 0;
   }
   
   footer .large-12 {
     border-top: 1px solid #fff;
     padding: 40px 0;
   }
   
   footer ul {
     list-style: none;
     margin: 0;
   }
   
   footer li {
     margin: 0 0 20px;
   }
   
   footer a,
   footer a:focus {
     color: #fff;
   }
   
   footer a:hover {
     color: #0496DB;
   }
   
   footer p a,
   footer ul.soc-med a span {
     color: #fff;
     transition: all 0.25s ease-in-out;
     border-bottom: 1px solid #fff;
   }
   
   footer p a:hover,
   footer ul.soc-med a:hover span {
       color: #0496DB;
       border-color: #0496DB;
   }

   footer p {
     margin: 0 0 18px;
   }
   
   footer p:last-child {
     margin-bottom: 0;
   }
   
   footer address {
     font-style: normal;
   }
   
   footer br {
     display: none;
   }
   
   footer ul.soc-med li {
     margin: 0 0 18px;
   }
   
   footer ul.soc-med li:last-child {
     margin-bottom: 0;
   }
   
   footer ul.soc-med a {
       padding: 2px 0 0 48px;
       background-position: 0 0;
       background-repeat: no-repeat;
       background-size: 30px;
   }
   
   footer ul.soc-med a.linkedin {
       background-image: url(../img/soc-med-linkedin.png);
   }
   
   footer ul.soc-med a.twitter {
       background-image: url(../img/soc-med-twitter.png);
   }

   footer ul.soc-med a.youtube {
       background-image: url(../img/soc-med-youtube.png);
   }
   
   @media print, screen and (min-width: 1024px) {
   
     footer {
       position: relative;
       padding: 80px 28px 0;
     }
   
     footer .large-4 {
       width: calc(33.33333% - 20px);
     }
   
     footer .large-4:nth-of-type(1) {
       margin: 0 15px 20px 0;
     }
   
     footer .large-4:nth-of-type(2) {
       margin: 0 15px 20px;
     }
   
     footer .large-4:nth-of-type(3) {
       margin: 0 0 0 15px;
     }
   
     footer br {
       display: block;
     }
   
     footer .large-12 {
       padding: 38px 0 70px;
     }
   
     footer .large-12 ul:first-of-type {
       float: left;
     }
   
     footer .large-12 ul:last-of-type {
       float: right;
     }
   
     footer .large-12 li {
       display: inline-block;
       vertical-align: top;
       margin-right: 15px;
     }
   
     footer .large-12 ul:first-of-type a {
       margin-right: 0;
     }
   
     footer .large-12 ul:last-of-type li {
       margin-left: 15px;
       margin-right: 0;
     }
   
   }
   
   /* search results */
   
   .search .padded-container a {
       padding-top: 20px;
       padding-bottom: 20px;
       display: block;
       border-bottom: 1px solid #282828;
   }
   
   .search .padded-container a:first-of-type {
     border-top: 1px solid #282828;
   }
   
   .search .padded-container a:last-of-type {
     margin-bottom: 35px;
   }
   
   .search .padded-container a span.title {
       margin: 0 0 15px;
       font-size: 24px;
       line-height: 1.2;
       display: block;
   }
   
   .search .padded-container a span.description {
     display: block;
     color: #282828;
   }
   
   .search .padded-container span.highlight {
       font-weight: bold;
       background: #f3f3f6;
       border-radius: 3px;
       padding: 0 2px;
       width: auto;
       margin: 0;
       display: inline-block;
   }
   
   @media screen and (min-width: 1024px) {
   
     .search .padded-container a:first-of-type {
       margin-top: 50px;
     }
   
     .search .padded-container a:last-of-type {
       margin-bottom: 50px;
     }
   
   }
   
   /* ie11 */
   
   @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    header .searchTrigger {
      top: -2px;
    }
   
     .nav-container {
       position: absolute;
       top: 0;
       right: 70px;
       width: 800px;
     }
   
     .spotlight .text-container,
     .spotlight .text-container-2 {
       display: block;
       height: auto;
     }
   
     .spotlight img {
       height: 200px;
     }

     .spotlight-container.two-across .spotlight .image-container img {
        width: 290px;
        height: 290px;
        margin-top: 40px;
     }
   
       .top-banner.has-image.video.home .video-js .vjs-tech {
         width: auto!important;
         left: calc(50% - 720px)!important;
        }
   
     select:focus::-ms-value {
       color: #282828; 
       background: transparent;
     }
   
   }
   
   /* / ie11 */
   
   
   .frm_fields_container {
     display: block !important;
   }
   
   .frm_error_style {
     line-height: 1.2;
     color: #c00;
     margin-bottom: 20px;
   }
   
   /*
 * Default WP Alignment Classes
 *****************************************************************************/

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    border: 1px solid #555;
    background: #444;
    text-align: center;
}

.wp-caption img {
    display: inline;
}

.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}

iframe, .wp-video {
    display:block;
    margin:0px auto;
}