@import url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');


/*** custom checkboxes ***/
.form input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.form input[type=checkbox] + label:before {
    float:left;
  font-family: FontAwesome;
  color:#fff;
  display: inline-block;
}


.form input[type=checkbox] + label {color:#fff;}
.form input[type=checkbox] + label p { text-align: left;}
.form input[type=checkbox] + label p a { color:inherit;}
.form input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.form input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.form input[type=checkbox]:checked + label:after { content: ""; } /* checked icon */
.form input[type=checkbox]:checked + label:after { letter-spacing: 5px; } /* allow space for check mark */


/* ------------------------------
Import separate stylesheets
-------------------------------*/
/* ------------------------------
Helpers
--------------------------------*/

input, textarea, select {
    border-radius: 0;
}

a{color:#6c1084;}
a:hover, a:focus, a:active{color:#000;}

/* responsive iframe */
.responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* zoom effect */
.zoom {
  -webkit-transition: all .8s ease-out;
  -moz-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

.zoom:hover {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -ms-transform: scale(1.5);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5, M12=-0, M21=0, M22=1.5); }

/* ------------------------------
Top
--------------------------------*/
.top {
  position: absolute;
  z-index: 9;
  width: 100%;
  background-color: none;
  padding: 10px 0 15px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
     @media (max-width: 480px) {
         .top{
                 background: #470857;
         }
     }
  
  .top .brand {
    float: left;
    margin-top: 12px; }
    @media (min-width: 768px) {
      .top .brand {
        margin-top: 0px;
        padding: 20px 0 15px 0;
        height: 87px;
          
    position: relative;
          
      } }
    @media (min-width: 992px) {
      .top .brand {
        height: 90px;
          top: 10px;
          
      } }
  .top nav {
    float: right;
    text-align: right;
    display: inline-block;
    width: 100%; }
    @media (min-width: 768px) {
      .top nav {
        top: 12px;
        position: relative; } }
    @media (min-width: 992px) {
      .top nav {
        top: 5px;
        position: relative; } }
    @media (min-width: 1200px) {
      .top nav {
        top: 15px;
        position: relative; } }
    .top nav ul {
      list-style: none; }
      .top nav ul li {
        display: inline-block; }

.top-phantom {
  width: 100%;
  visibility: hidden; }

.top.stick {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #470857; }

.top.search-open {
  background-color: #470857;
  border-bottom: 1px dashed #716074; }

.dropdown-search-bar {
  border-top: 1px dashed #716074;
  display: none;
  background: #650f7b;
  position: relative;
  z-index: 99;
  padding: 15px 0;
  bottom: -15px; }
  .dropdown-search-bar .btn {
    width: 100%;
    height: 58px;
    font-family: "LatoWeb", sans-serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400; }
    @media (min-width: 768px) {
      .dropdown-search-bar .btn {
        text-align: right; } }
    @media (min-width: 1024px) {
      .dropdown-search-bar .btn {
        padding: 15px 10px;
        font-size: 18px;
        font-size: 1.125rem;
        text-align: center; } }
    @media (min-width: 1400px) {
      .dropdown-search-bar .btn {
        font-size: 23px;
        font-size: 1.4375rem; } }
    .dropdown-search-bar .btn span {
      display: inline-block; }
      @media (min-width: 768px) {
        .dropdown-search-bar .btn span {
          display: none; } }
      @media (min-width: 1024px) {
        .dropdown-search-bar .btn span {
          display: inline-block; } }

.menu-open .dropdown-search-bar {
  width: 96%; }
  @media (min-width: 1024px) {
    .menu-open .dropdown-search-bar {
      width: 97%; } }
  @media (min-width: 1200px) {
    .menu-open .dropdown-search-bar {
      width: 98%; } }
  @media (min-width: 1400px) {
    .menu-open .dropdown-search-bar {
      width: 98.9%; } }

/* ------------------------------
Headers
--------------------------------*/
header {
  background-color: #000000;
  overflow: hidden;
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 600px;
  width: 1%;
  display: table-cell;
  vertical-align: middle; }
  @media (min-width: 768px) {
    header {
      height: 100vh;
      max-height: 1200px; } }
  header .client-logos {
    position: absolute;
    bottom: 50px;
    z-index: 3;
    width: 100%;
    margin: 0 auto;
    text-align: center; }

body.internal header {
  height: auto;
  display: block;
  width: 100%; }
  
  
  body.internal header .banner {
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center; 
      
  }
    body.internal header .banner:after {
      content: " ";
      background-color: rgba(0, 0, 0, 0.5);
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      z-index: 1; }
    body.internal header .banner .overlay-content {
      position: relative;
      width: 100%;
      margin: 0 auto;
      max-width: 90%;
      z-index: 2; }
      
      @media (min-width:768px){
       
          p.banner-heading {
    font-family: "LatoWebHeavy", sans-serif;
    font-weight: 500;
    font-size: 4.6875rem;
    color: #ffffff;
    line-height: 4.6875rem;
    opacity: 0;
}
      }
      
  body.internal header .banner-contents {
    text-align: left; }

body.internal.sector-landing-page header, body.internal.case-study header {
  height: 400px;
  display: block;
  width: 100%; }
  
  @media (min-width:992px){
   body.internal.sector-landing-page header, body.internal.case-study header {
  height: 600px;
  display: block;
  width: 100%; }
   
      
  }
 
     @media (max-width:769px){
 p.banner-heading {
    font-family: "LatoWebHeavy", sans-serif;
    font-weight: 500;
    font-size: 3.4375rem;
    color: #ffffff;
    line-height: 3.4375rem;
    opacity: 0;
} 
}

.brand-number {
    padding-left: 5%;
    float: left;
    position: absolute;
    bottom: 5px;
    z-index: 99;
    
}
  .brand-number .hero-logo {
    display: block;
    width: 150px;
    height: auto;
    float: left;
    margin: 0 70px 0 10px; }
    .brand-number .hero-logo img {
      width: 80%;
      margin-bottom: 10px;
      float: left; }
    @media screen and (min-width: 768px) {
      .brand-number .hero-logo img {
        width: 100%; } }
  .brand-number .phone-logo {
    display: block;
    float: left; margin-right:20px; }
    .brand-number .phone-logo .circle-logo {
      float: left;
      display: block;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      overflow: hidden;
      border: 1px dashed #ffffff;
      margin: 0 20px 0 0px; }
      .brand-number .phone-logo .circle-logo img {
        width: 41%;
        margin: 9px; }
        .brand-number .phone-logo2{cursor:pointer;}
        .brand-number .phone-logo2 .circle-logo img {
    width: 100%;
    margin: 1px;
}

    .brand-number .phone-logo h6 {
      color: #ffffff;
      font-size: 2rem;
      float: left;
      margin: 0;
      line-height: 37px;
      display: none; }
      
      .brand-number .phone-logo a.mobileonly{
              margin: -8px 0 0 0;
                  font-family: "LatoWebHeavy", sans-serif;
    font-weight: 500;    font-size: 2rem;
      }
    @media screen and (min-width: 768px) {
      .brand-number .phone-logo h6 {
        display: block; line-height: 38px; } }
    .brand-number .phone-logo a.mobileonly {
      text-decoration: none;
      color: #ffffff;
      font-size: 2rem;
      float: left;
       margin: -8px 0 0 0;
      line-height: 60px;
      font-weight: 600;
      display: block; }
    @media screen and (min-width: 768px) {
      .brand-number .phone-logo a.mobileonly {
        display: none; } }
  @media screen and (max-width: 795px) {
    .brand-number .hero-logo {
      display: none; } }

@media screen and (max-width: 768px) {
  body.case-study .brand-number .hero-logo {
    display: block; } }
  @media screen and (min-width: 992px) {  
      .brand-number .phone-logo a.mobileonly{
              margin: 0px 0 0 0;
      }
  }
 
.banner:after {
  display: none; }
.banner #video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 120%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/img/video.png) no-repeat;
  background-size: cover; }
  @media (min-width: 768px) {
    .banner #video {
      min-width: 300%; } }
  @media (min-width: 1024px) {
    .banner #video {
      min-width: 200%; } }
  @media (min-width: 1200px) {
    .banner #video {
      min-width: 180%; } }
  @media (min-width: 1400px) {
    .banner #video {
      min-width: 150%; } }
.banner .overlay-content {
  max-width: 100%; }
  @media (min-width: 768px) {
    .banner .overlay-content {
      position: absolute;
      width: 100%;
      margin: 0 auto;
      top: 40%;
      z-index: 100; } }
.banner .banner-contents {
  text-align: center; }
  .banner .banner-contents span.subtitle {
    color: #ffffff;
    font-size: 30px;
    font-size: 1.875rem;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-weight: 400; }
    @media (min-width: 768px) {
      .banner .banner-contents span.subtitle {
        font-size: 45px;
        font-size: 2.8125rem; } }
  .banner .banner-contents h1 img {
    width: 100%;
    max-width: 500px; }
  .banner .banner-contents h1,
  .banner .banner-contents h2,
  .banner .banner-contents h3 {
    color: #ffffff;
    font-size: 55px;
    font-size: 3.4375rem; }
    @media (min-width: 768px) {
      .banner .banner-contents h1,
      .banner .banner-contents h2,
      .banner .banner-contents h3 {
        font-size: 75px;
        font-size: 4.6875rem; } }

/* ------------------------------
Primary nav
--------------------------------*/
.primary-nav {
  display: inline-block;
  margin: 0px 50px 0px 0px;
  padding: 0px; }
  .primary-nav li {
    padding: 10px 25px;
    position: relative; }
    @media (min-width: 1200px) {
       .primary-nav li {
    padding: 10px 0px;
    position: relative; } 
    }
    
     @media (min-width: 1400px) {
       .primary-nav li {
    padding: 10px 15px;
    position: relative; } 
    }
    
    .primary-nav li:first-child {
      padding-left: 0px; }
    .primary-nav li:last-child {
      padding-right: 0px; }
    .primary-nav li:hover ul {
      display: block; }
    .primary-nav li a {
      font-family: "LatoWeb", sans-serif;
      color: #ffffff;
      font-size: 18px;
      font-size: 1.125rem; }
      @media (min-width: 1200px) {
        .primary-nav li a {
          font-size: 15px;
          font-size: 0.7375rem; } }
           @media (min-width: 1490px) {
        .primary-nav li a {
          font-size: 15px;
          font-size: 0.9375rem; } }
          
      @media (min-width: 1641px) {
        .primary-nav li a {
          font-size: 18px;
          font-size: 1.125rem; } }
      .primary-nav li a:hover {
        text-decoration: none;
        opacity: 0.9; }
    .primary-nav li ul {
      display: none;
      position: absolute;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      left: 0px;
      text-align: left;
      margin-left: 0px;
      margin-top: 5px;
      padding-left: 10px;
      background-color: rgba(68, 54, 61, 0.7);
      z-index: 100; }
      .primary-nav li ul li {
        display: block;
        padding-left: 0px; }

.ico-nav {
  padding-left: 0px;
  margin-left: 0px;
  display: inline-block;
  position: relative;
  top: 0px;
  font-size: 26px;
  font-size: 1.625rem; }
  @media (min-width: 768px) {
    .ico-nav {
      top: 5px; } }
  .ico-nav li {
    margin: 0 20px 0 0; }
    .ico-nav li:last-child {
      margin: 0 0px 0 0; }
  .ico-nav a {
    color: #ffffff; }
    
    .fa.fa-envelope-o {
    font-weight: 600;
}

/* ===== Menu Button Styles ===== */
a.menu-button {
  display: block;
  background-color: transparent;
  height: 35px;
  width: 40px;
  cursor: pointer;
  position: relative;
  float: right;
  top: 7px;
  margin-top: 0px;
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s; }
  a.menu-button i.menu-toggle {
    width: 30px;
    height: 4px;
    background-color: #ffffff;
    display: block;
    position: relative;
    top: 16px;
    right: -10px;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s; }
    a.menu-button i.menu-toggle::after {
      position: absolute;
      content: '';
      width: 20px;
      height: 4px;
      background-color: #ffffff;
      display: block;
      top: 10px;
      right: 0;
      -webkit-transition: ease-in-out .3s;
      transition: ease-in-out .3s; }
    a.menu-button i.menu-toggle::before {
      position: absolute;
      content: '';
      width: 40px;
      height: 4px;
      background-color: #ffffff;
      display: block;
      bottom: 10px;
      right: 0; }
  a.menu-button:hover i.menu-toggle {
    width: 40px;
    right: 0; }
    a.menu-button:hover i.menu-toggle::after {
      width: 40px; }

header.smaller a.menu-button {
  margin-top: 20px; }

.home-top-right a.menu-button {
  margin-top: 2px; }
  .home-top-right a.menu-button i.menu-toggle {
    background-color: #ffffff; }
    .home-top-right a.menu-button i.menu-toggle::after {
      background-color: #ffffff; }
    .home-top-right a.menu-button i.menu-toggle::before {
      background-color: #ffffff; }

.navigation-menu {
  border-top: 1px dashed #716074;
  display: none;
  position: absolute;
  z-index: 97;
  opacity: 0;
  overflow: auto;
  height: 100%;
  width: 100%;
  padding-top: 25px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media (min-width: 768px) {
    .navigation-menu {
      padding-top: 25px;
      padding-bottom: 210px; } }
  .navigation-menu .nav-body .nav-items {
    list-style: none;
    padding: 0px 20px;
    margin: 0px; }
    .navigation-menu .nav-body .nav-items li {
      padding: 5px 20px 5px 20px; margin-bottom:20px; }
      .navigation-menu .nav-body .nav-sub-items li{margin-bottom:0px; padding:5px 0px;}
      .navigation-menu .nav-body .nav-items li a {
        border-bottom: 1px dashed #ffffff;
        position: relative;
        color: #fff;
        font-family: "IowanOldStyleW01-Italic1120382", serif;
        font-size: 25px;
        font-size: 1.5625rem;
        font-weight: 300;
        display: block;
        padding: 0px 0 5px 0;
        margin-bottom: 20px; }
        
        .navigation-menu .nav-body .nav-items li.graduate-jobs > a{
            color: #ff175f;
        }
        .navigation-menu .nav-body .nav-items li.looking-to-hire > a{
           color: #a8c728; 
        }
        .navigation-menu .nav-body .nav-items li.executive-jobs > a{
           color: #2dc3ee; 
        }
        .navigation-menu .nav-body .nav-items li.sales-training > a{
           color: #f18a01; 
        }
        .navigation-menu .nav-body .nav-items li a:hover {
          text-decoration: none;
          opacity: 0.8; }
      .navigation-menu .nav-body .nav-items li .nav-sub-items {
        list-style: none;
        padding: 0px;
        margin: 0px; }
        .navigation-menu .nav-body .nav-items li .nav-sub-items li a {
          font-family: "LatoWebLight", sans-serif;
        
          font-size: 16px;
          font-weight: 100;
          border-bottom: 0;
          padding: 0px 0;
          margin-bottom:0px;}
        .navigation-menu .nav-body .nav-items li .nav-sub-items li a:after {
          display: none; }
    .navigation-menu .nav-body .nav-items li.graduate-jobs a:after {
      content: " ";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 15px 15px;
      display: inline-block;
      margin-right: 10px;
      border-color: transparent transparent #ff175f transparent;
      position: absolute;
      bottom: 10px;
      right: 0px; }
    .navigation-menu .nav-body .nav-items li.executive-jobs a:after {
      content: " ";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 15px 15px;
      display: inline-block;
      margin-right: 10px;
      border-color: transparent transparent #2dc3ee transparent;
      position: absolute;
      bottom: 10px;
      right: 0px; }
    .navigation-menu .nav-body .nav-items li.hire a:after,
    .navigation-menu .nav-body .nav-items li.looking-to-hire a:after {
      content: " ";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 15px 15px;
      display: inline-block;
      margin-right: 10px;
      border-color: transparent transparent #a8c728 transparent;
      position: absolute;
      bottom: 10px;
      right: 0px; }
    .navigation-menu .nav-body .nav-items li.training a:after,
    .navigation-menu .nav-body .nav-items li.sales-training a:after{
      content: " ";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 15px 15px;
      display: inline-block;
      margin-right: 10px;
      border-color: transparent transparent #f18a01 transparent;
      position: absolute;
      bottom: 10px;
      right: 0px; }
    .navigation-menu .nav-body .nav-items li.blog a:after,
    .navigation-menu .nav-body .nav-items li.media-hub a:after  {
      content: " ";
      width: 25px;
      height: 25px;
      display: inline-block;
      margin-right: 10px;
      background: url("/img/icons/media-hub.png");
      background-size: cover;
      position: absolute;
      bottom: 10px;
      right: 0px; }
    .navigation-menu .nav-body .nav-items li.about a:after,
    .navigation-menu .nav-body .nav-items li.about-us a:after {
      content: " ";
      width: 25px;
      height: 25px;
      display: inline-block;
      margin-right: 10px;
      background: url("/img/icons/about-us.png");
      background-size: cover;
      position: absolute;
      bottom: 10px;
      right: 0px; }

.nav-footer {
  border-top: 1px dashed #ffffff;
  padding: 20px 0; }
  .nav-footer .social-icons a {
    color: #ffffff;
    font-size: 25px;
    font-size: 1.5625rem;
    padding: 0 20px 0 0; }
  .nav-footer .text-align-right {
    text-align: right;
    color: #ffffff;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 300; }

.search-open .navigation-menu {
  padding-top: 20px;
  padding-bottom: 200px; }
  @media (min-width: 768px) {
    .search-open .navigation-menu {
      padding-top: 150px;
      padding-bottom: 210px; } }

.menu-open {
  overflow-y: hidden; }

.menu-open .navigation-menu {
  display: block;
  opacity: 1;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  /* Firefox */
  -webkit-animation: fadein 2s;
  /* Safari and Chrome */
  -o-animation: fadein 2s;
  /* Opera */ }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 76px;
  left: 0;
  background: rgba(108, 16, 132, 0.9);
  z-index: 97; }
  @media (min-width: 768px) {
    .overlay {
      top: 112px; } }
  @media (min-width: 992px) {
    .overlay {
      top: 104px; } }
  @media (min-width: 1024px) {
    .overlay {
      top: 115px; } }

.menu-open .top {
  background-color: #470857; }

/* Overlay closing cross */
.overlay .overlay-close {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  background: url(/img/cross.png) no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100; }

/* Effects */
.overlay-cornershape {
  background: transparent;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s; }

.overlay-cornershape.open {
  visibility: visible;
  -webkit-transition: none;
  transition: none; }

.overlay-cornershape svg {
  position: absolute;
  top: 0;
  left: 0; }

.overlay-cornershape .overlay-path {
  /*fill: rgba(108, 16, 132, 0.9); */
  fill: rgba(46, 5, 56, 0.95); 
    
}

.overlay-cornershape nav,
.overlay-cornershape .overlay-close {
  opacity: 0;
  -webkit-transition: opacity 0.4s 0.4s;
  transition: opacity 0.4s 0.4s; }

.overlay-cornershape.open nav,
.overlay-cornershape.open .overlay-close {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.overlay-cornershape.close nav,
.overlay-cornershape.close .overlay-close {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

/* ------------------------------
Panels
--------------------------------*/
/* ***** RESPONSIVE PANEL PADDING ***** */
.panel-padding {
  width: 100%;
  overflow: hidden;
  margin: 80px 0 0 0; }

@media screen and (max-width: 1199px) {
  .panel-padding {
    width: 100%;
    overflow: hidden;
    margin: 80px 0 80px 0; } }
@media screen and (max-width: 991px) {
  .panel-padding {
    width: 100%;
    overflow: hidden;
    margin: 60px 0 60px 0; } }
@media screen and (max-width: 767px) {
  .panel-padding {
    width: 100%;
    overflow: hidden;
    margin: 40px 0 40px 0; } }
@media screen and (max-width: 640px) {
  .panel-padding {
    width: 100%;
    overflow: hidden;
    margin: 30px 0 30px 0; } }
/* ***** PANEL CONTENT ***** */
.row.no-gutter {
  margin-left: 0;
  margin-right: 0; }

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0; }

.grad-to-great {
  background: url(/img/G2GBG.png) left bottom repeat-x;
  padding: 6rem 0 0rem; }
  .grad-to-great .big-graduate .grad-content {
    height: 350px; }
   
    @media (max-width: 480px) {
      .grad-to-great .big-graduate .grad-content {
    height: 300px; }
    
    .grad-to-great .small-graduate .grad-content .grad-details .btn-primary {
           padding: 15px 20px; 
    }
    
    } 
    @media (max-width: 992px) {
      .grad-to-great .big-graduate .grad-content {
    height: 500px; }
    }
    @media (min-width: 1024px) {
      .grad-to-great .big-graduate .grad-content {
        height: 700px; } }
  .grad-to-great .small-graduate .grad-content {
    height: 350px; }
  .grad-to-great .grad-content {
    background-size: cover;
    display: table;
    width: 100%;
    vertical-align: middle;
    z-index: 2;
    background-position: center center;
      
  }
  .grad-to-great .grad-content:hover .grad-details:before {
    content: " ";
    background: #31043c;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1; }

.collapse-grid [class*="col-"], .collapse-grid {
  padding-left: 0 !important;
  padding-right: 0 !important; }

/* == grad-to-great on homepage== */
section.grad-to-great .row > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column; }

.grad-details {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle; }
  .grad-details h6 {
    color: #ffffff;
    font-size: 30px;
    font-size: 1.575rem;
    position: relative; }
    .grad-details h6:after {
      content: " ";
      position: absolute;
      width: 80px;
      height: 3px;
      background-color: #ff175f;
      margin: 0 auto;
      bottom: -10px;
      display: block;
      left: 0;
      right: 0; }
  .grad-details .details {
    color: #ffffff;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 300; }

a.grad-content:hover .grad-details {
  opacity: 1; }

section.grad-to-great {
  background: #600c76 url(/img/G2GBG.png) left bottom repeat-x;
  padding: 6rem 0 0rem; }

section.grad-to-great .row > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column; }

section.grad-to-great button {
  width: auto; }

section.grad-to-great h2, section.grad-to-great h6 {
  text-align: center; }

section.grad-to-great a.text-link {
  text-decoration: underline;
  display: inline; }

section.grad-to-great a.text-link:hover {
  text-decoration: none; }

section.grad-to-great h2.svg {
  width: 90%;
  max-width: 800px;
  margin: 0 auto 0.9em auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center; }

section.grad-to-great h2.svg img {
  max-width: 95%;
  width: 100%; }

section.grad-to-great h2.svg {
  color: #ffffff;
  font-size: 60px;
  font-size: 3.75rem; }

section.grad-to-great h2.svg:before, section.grad-to-great h2.svg:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: "";
  margin-left: 1%;
  border-bottom: 1px dashed #a38ab0; }
  
  
  @media (max-width: 768px) {
  section.grad-to-great h2.svg:before, section.grad-to-great h2.svg:after {
    visibility: hidden;
  }
  
  section.grad-to-great h2.svg {
    font-size: 3rem;
}
  
}

section.grad-to-great h2.svg:before {
  margin-left: -51%;
  text-align: right; }

section.grad-to-great p {
  text-align: center; }

section.grad-to-great a {
  display: block;
  text-decoration: none; }

section.grad-to-great .intro {
  color: #d2c1db;
  font-family: "IowanOldStyleW01-Italic1120382", serif;
  font-size: 35px;
  font-size: 2.1875rem;
  font-weight: 300; }

section.grad-to-great .leading p {
    padding-bottom: 80px;
    font-family: "AdobeCaslonW01-Regular", sans-serif;
    color: #ffffff;
    font-size: 28px;
    font-size: 1.75rem;
}
  section.grad-to-great .leading a {
    color: #ffffff;
    font-weight: 500; 
    text-decoration: underline;
    display: inline;  
  }
  
    section.grad-to-great .leading a:hover {
    text-decoration: none;

  }

.big-grad {
  height: 700px; }

.small-grad {
  height: 350px; }

.big-grad h6:after, .small-grad h6:after {
  content: ' ';
  display: block;
  width: 60px;
  margin: 0px auto 0;
  position: relative;
  top: 25px;
  border: 2px solid #ff175f; }

/* give BG's an overlay = */
.big-grad-content:before, .small-grad-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
  -webkit-transition: 0.6s;
  /* Safari */
  transition: 0.6s; }

a.big-grad-content:hover:before, a.small-grad-content:hover:before {
  background-color: rgba(0, 0, 0, 0.6); }

.big-grad-content {
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.6s;
  /* Safari */
  transition: 0.6s; }

.big-grad-content h6 {
  font-size: 2.5rem; }

.big-grad-content p {
  font-size: 1.7rem;
  font-family: "IowanOldStyleW01-Italic1120382", serif; }

.small-grad-content {
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 1; }

.small-grad-content h6 {
  font-size: 1.8rem; }

.small-grad-content p {
  font-size: 1.4rem;
  font-family: "IowanOldStyleW01-Italic1120382", serif; }

.small-grad-content button.btn {
  padding: 12px 50px; }

/* increase spacing for big grad on bigger resoultions = */
@media screen and (min-width: 768px) {
  .big-grad-content h6 {
    font-size: 2.8rem;
    margin-top: 3.4rem;
    margin-bottom: 7rem; }

  .big-grad-content p.details {
    font-size: 2rem;
    margin-bottom: 11.1rem; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .big-grad-content button.btn {
    padding: 17px 120px; } }
/* on smaller screens, big-grad behavies the same as small-grad == */
@media screen and (max-width: 992px) {
  .small-grad-content, .big-grad-content {
    height: 100%;
    padding: 4.3rem 3.3rem; } }
@media screen and (max-width: 768px) {
  .big-grad {
    height: 350px; }

  .big-grad-content button.btn {
    padding: 12px 50px; }

  .small-grad-content h6 {
    font-size: 2.5rem; }

  .small-grad-content p {
    font-size: 1.7rem; } }
/* ------------------------------
Modules
--------------------------------*/
.carousel-content {
  background: #f7f4f4;
  padding: 60px 0; }
  .carousel-content .subtitle {
    color: #393939;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 60px; }

.client-logos {
  list-style: none;
  padding: 0px;
  margin: 20px 0 0; }
  .client-logos li {
    display: inline-block;
    margin: 10px 25px;
    text-align: center; }
    @media (min-width: 768px) {
      .client-logos li {
        margin: 20px 25px; } }
    .client-logos li img {
      max-width: 100px;
      width: 100%;
      text-align: center;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .client-logos li img {
          max-width: 150px; } }
      @media (min-width: 1024px) {
        .client-logos li img {
          max-width: 150px; } }

/* =====Tabbed Section Styles ===== */
section.sector-tabs {
  margin: 60px 0 80px 0; }

@media (min-width: 768px) {
  section.sector-tabs .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

section.sector-tabs .container {
  max-width: 1170px;
  width: 100%; }

section.sector-tabs .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  display: -webkit-flex;
  /* NEW */ }

.dotted-right {
  border-right: 1px dashed #dfd5e1; }

section.sector-tabs .dotted-right {
  border-right: 0; }
  @media (min-width: 768px) {
    section.sector-tabs .dotted-right {
      border-right: 1px dashed #dfd5e1; } }

.tab-content .intro {
  font-size: 25px;
  font-size: 1.5625rem;
  font-family: "IowanOldStyleW01-Italic1120382", serif; }

.tab-content .title {
  font-size: 35px;
  font-size: 2.1875rem; }

/* =====Tabs - Left hand side ===== */
ul.nav-pills {
  margin: 0; }

.nav-pills li {
  font-family: "LatoWeb", sans-serif;
  font-weight: 600;
  font-size: 1.4rem; }

.nav-pills li:before {
  content: none; }

.nav-pills li a {
  color: #747678;
  border-radius: 0px;
  padding: 34px 20px;
  background-color: #f7f4f4; }

.nav-pills > li a:hover, .nav-pills > li a:focus {
  color: #747678;
  background-color: #e5e1e1; }

.nav-pills > li.executives a, .nav-pills > li.training a {
  color: #747678;
  background-color: #e5e1e1; }

.nav-pills > li a:hover, .nav-pills > li.executives a:hover, .nav-pills > li.executives a:focus, .nav-pills > li.training a:hover, .nav-pills > li.training a:focus {
  color: #747678;
  background-color: #d5d2d2; }

/* active states */
.nav-pills > li.graduates.active > a, .nav-pills > li.graduates.active > a:hover, .nav-pills > li.graduates.active > a:focus {
  color: #747678;
  background-color: #f7f4f4;
  background-image: url(/img/icons/grad-angle.svg);
  background-position: right 55px;
  background-repeat: no-repeat; }

.nav-pills > li.executives.active > a, .nav-pills > li.executives.active > a:hover, .nav-pills > li.executives.active > a:focus {
  color: #747678;
  background-color: #e5e1e1;
  background-image: url(/img/icons/exec-angle.svg);
  background-position: right 55px;
  background-repeat: no-repeat; }

.nav-pills > li.hire.active > a, .nav-pills > li.hire.active > a:hover, .nav-pills > li.hire.active > a:focus {
  color: #747678;
  background-color: #f7f4f4;
  background-image: url(/img/icons/hire-angle.svg);
  background-position: right 55px;
  background-repeat: no-repeat; }

.nav-pills > li.training.active > a, .nav-pills > li.training.active > a:hover, .nav-pills > li.training.active > a:focus {
  color: #747678;
  background-color: #e5e1e1;
  background-image: url(/img/icons/training-angle.svg);
  background-position: right 55px;
  background-repeat: no-repeat; }

/* =====Tabs - right hand side ===== */
.tab-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
  -webkit-transition: 0.6s;
  /* Safari */
  transition: 0.6s; }

.tab-content:hover:before {
  background-color: rgba(0, 0, 0, 0.7); }

.tab-content {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
  z-index: 1; }

.tab-content a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding: 25px 30px;
  background-size: cover; }

.tab-content #tab_a {
  height: 100%;
  padding: 25px 30px;
  background-size: cover; }

.tab-content #tab_b {
  height: 100%;
  padding: 25px 30px;
  background-size: cover; }

.tab-content #tab_c {
  height: 100%;
  padding: 25px 30px;
  background-size: cover; }

.tab-content #tab_d {
  height: 100%;
  padding: 25px 30px;
  background-size: cover; }

.tab-content h6, .tab-content p {
  text-align: left;
  color: #ffffff;
  position: relative;
  z-index: 1; }

.tab-content h6 {
  margin-bottom: 4rem; }

.tab-content h6.intro {
  margin: 35px 0 6px 0;
  color: #ffffff; }

.tab-content h6:after {
  content: ' ';
  display: block;
  width: 50px;
  position: relative;
  top: 20px;
  border: 2px solid #ff175f; }

.tab-content #tab_b h6:after {
  border: 2px solid #2dc3ee; }

.tab-content #tab_c h6:after {
  border: 2px solid #a8c728; }

.tab-content #tab_d h6:after {
  border: 2px solid #f18a01; }

.tab-content h6.intro:after {
  display: none !important; }

.tab-content p {
  font-size: 1.5rem; }

@media screen and (max-width: 992px) {
  .tab-content #tab_a, .tab-content #tab_b, .tab-content #tab_c, .tab-content #tab_d {
    padding: 20px 25px; }

  .tab-content p {
    font-size: 1.6rem; }

  .tab-content h6 {
    font-size: 3rem; }

  .tab-content h6.intro {
    font-size: 1.7rem; }

  .nav-pills li a {
    padding: 14px 20px; } }
  @media screen and (max-width: 992px) and (min-width: 768px) {
    .nav-pills li a {
      padding: 34px 20px; } }

@media screen and (max-width: 992px) {
  .nav-pills li a {
    background-position: right 60px !important; } }
@media screen and (max-width: 570px) {
  .nav-pills li a {
    background-position: right 90px !important; } }
.featured-banner {
  background-size: cover;
  background-position: center;
  padding: 120px 0; }
  .featured-banner .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 55px;
    font-size: 3.4375rem;
    margin-top: 0px;
    margin-bottom: 30px; }
    .featured-banner .heading span {
      color: #6c1084; }
  .featured-banner h4 {
    color: #ffffff;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 20px; }
  .featured-banner p {
    color: #ffffff;
    font-size: 25px;
    font-size: 1.5625rem; }
  .featured-banner blockquote {
    border-left: 0px;
    padding: 0px;
    margin: 0px; }
  .featured-banner q {
    color: #ffffff;
    font-size: 35px;
    font-size: 2.1875rem;
    margin-bottom: 30px;
    display: block; }
  .featured-banner .or {
    color: #ffffff;
    font-size: 35px;
    font-size: 2.1875rem;
    padding: 0 10px; }

.case-study-f-banner {
  text-align: center; }
  @media (min-width: 768px) {
    .case-study-f-banner {
      text-align: left; } }
  .case-study-f-banner .or {
    display: block;
    padding: 20px; }
    @media (min-width: 768px) {
      .case-study-f-banner .or {
        display: inline; } }

.center-text {
  text-align: center; }

.full-width-content {
  padding: 60px 0 30px 0; }
  .full-width-content h4 {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 10px;
    display: block; }
    
   .full-width-content .subtitle {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 10px;
    display: block; }   
    
  .full-width-content .heading {
    color: #393939;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 0px;
    margin-bottom: 30px; }
    .full-width-content .heading span {
      color: #6c1084; }
.full-width-content h3 {
    color: #393939;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 0px;
    margin-bottom: 30px; }
.full-width-content h3 span {
      color: #6c1084; }
      


  .full-width-content p {
    color: #747678;
    font-size: 25px;
    font-size: 1.5625rem; }
    
.coloured-blocks .txt-content {
    min-height: 420px;
}

.coloured-blocks .txt-content p {
    min-height: 175px;
}

.executive-colour .txt-content {
  background-color: #2dc3ee;
  color: #ffffff; }
  .executive-colour .txt-content .subtitle {
    color: #0f749e;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .executive-colour .txt-content .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .executive-colour .txt-content a {
    color: #ffffff; }

.purple-colour .txt-content {
  background-color: #6c1084;
  color: #ffffff; }
  .purple-colour .txt-content .subtitle {
    color: #ffffff;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .purple-colour .txt-content .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .purple-colour .txt-content a {
    color: #ffffff; }

.graduate-colour .txt-content {
  background-color: #ff175f;
  color: #ffffff; }
  .graduate-colour .txt-content .subtitle {
    color: #ab0035;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .graduate-colour .txt-content .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .graduate-colour .txt-content a {
    color: #ffffff; }

.hire-colour .txt-content {
  background-color: #a8c728;
  color: #ffffff; }
  .hire-colour .txt-content .subtitle {
    color: #738a13;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .hire-colour .txt-content .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .hire-colour .txt-content a {
    color: #ffffff; }

.training-colour .txt-content {
  background-color: #f18a01;
  color: #ffffff; }
  .training-colour .txt-content .subtitle {
    color: #9d5a00;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .training-colour .txt-content .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .training-colour .txt-content a {
    color: #ffffff; }

.contact-colour .txt-content {
  background-color: #6c1084;
  color: #ffffff; }
  .contact-colour .txt-content .subtitle {
    color: #a38ab0;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .contact-colour .txt-content .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .contact-colour .txt-content a {
    color: #ffffff; }

.secondary125-colour .txt-content {
  background-color: #ae17aa;
  color: #ffffff; }
  .secondary125-colour .txt-content .subtitle {
    color: #470857;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .secondary125-colour .txt-content .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .secondary125-colour .txt-content a {
    color: #ffffff; }
    
    .blue-colour .txt-content {
  background-color: #0464b3;
  color: #ffffff; }
  .blue-colour .txt-content .subtitle {
    color: #0f749e;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .blue-colour .txt-content .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .blue-colour .txt-content a {
    color: #ffffff; }

.four-width-content .txt-content {
  padding: 3.3rem; }
  @media (min-width: 992px) {
    .four-width-content .txt-content {
      padding: 1.3rem; } }
@media (min-width: 1200px) {
  .four-width-content .row > div[class*='col-'] {
    border-right: 1px dashed #dfd5e1; } }
@media (min-width: 768px) {
  .four-width-content .row > div[class*='col-']:nth-child(odd) {
    border-right: 1px dashed #dfd5e1; } }
@media (min-width: 1200px) {
  .four-width-content .row > div[class*='col-']:last-child {
    border-right: 0px dashed #dfd5e1; } }

@media (min-width: 992px) {
  .quarter-width-content .row {
    border-bottom: 1px dashed #dfd5e1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }
.quarter-width-content .row:last-of-type {
  border-bottom: 0; }
@media (min-width: 992px) {
  .quarter-width-content .row div[class*='col-']:nth-child(1) {
    border-right: 1px dashed #dfd5e1; } }
@media (min-width: 992px) {
  .quarter-width-content .row div[class*='col-']:nth-child(1) {
    border-right: 1px dashed #dfd5e1; } }
@media (min-width: 992px) {
  .quarter-width-content .row:nth-child(even) div[class*='col-']:nth-child(1) {
    border-right: 0px dashed #dfd5e1; } }
@media (min-width: 992px) {
  .quarter-width-content .row:nth-child(even) div[class*='col-']:nth-child(1) {
    border-right: 0px dashed #dfd5e1; } }
@media (min-width: 992px) {
  .quarter-width-content .row:nth-child(even) div[class*='col-']:nth-child(2) {
    border-right: 1px dashed #dfd5e1; } }
@media (min-width: 992px) {
  .quarter-width-content .row:nth-child(even) div[class*='col-']:nth-child(2) {
    border-right: 1px dashed #dfd5e1; } }
@media (min-width: 992px) {
  .quarter-width-content .row > [class*='col-'] {
    display: flex;
    display: -webkit-flex;
    /* NEW */
    flex-direction: column;
    -webkit-flex-direction: column; } }

.txt-content {
  margin: 15px 0 7px 0;
  background-color: #f7f4f4;
  padding: 9rem 3.3rem 8.3rem;
  height: auto;
  color: #747678;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.25rem; 
    
}
.txt-content:after {
  content: "";
  display: table;
  clear: both;
}

  @media (min-width: 992px) {
    .txt-content {
      padding: 4rem 3.3rem 3.3rem; } }
  .txt-content p {
    font-size: 23px;
    font-size: 1.4375rem; }
  .txt-content blockquote {
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px; }
    .txt-content blockquote q {
      font-size: 30px;
      font-size: 1.875rem; }
  .txt-content a {
    color: #6c1084; }

.quarter-width-content .col-md-push-6 .txt-content {
  text-align: center; }

body.internal .quarter-width-content .col-md-push-6 .txt-content {
  text-align: right; }

.img-content {
  margin: 15px 0;
  height: 100%;
  padding: 3.3rem;
  background-size: cover;
  min-height: 300px;
  background-position: bottom;
  position: relative;
  min-height: 250px;}
  
  
  @media (min-width: 768px) {
    .img-content {
      background-size: cover; 
          min-height: 500px;
    } 
    
    .txt-content {
      
          min-height: 500px;
    } 
  }
  
  @media (min-width: 992px) {
    .img-content {
      background-size: cover; 
        
    } 
      
      
      .full-panels .img-content{}
      
  }
      
    .full-panels .img-content i.play-video{     margin-top: 0;
    vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: 100px; }
    
  .img-content h4 {
    color: #ffffff;
    font-size: 35px;
    font-size: 2.1875rem;
    position: absolute;
    bottom: 20px;
    left: 20px; }

.stats-ttl-content .number-float-content-wrap span.float-number {
  display: block;
  width: 100%;
  position: absolute;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  color: white;
  font-weight: 400;
  top: 60px;
  font-size: 60px;
  font-size: 3.75rem;
  font-family: "LatoWebBold", sans-serif;
  font-weight: 900; }
  @media (min-width: 1024px) {
    .stats-ttl-content .number-float-content-wrap span.float-number {
      top: 75px; } }
  @media (min-width: 1024px) {
    .stats-ttl-content .number-float-content-wrap span.float-number {
      font-size: 70px;
      font-size: 4.375rem; } }
.stats-ttl-content .number-float-content-wrap img {
  width: 200px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .stats-ttl-content .number-float-content-wrap img {
      width: 200px; } }
  @media (min-width: 1024px) {
    .stats-ttl-content .number-float-content-wrap img {
      width: 250px; } }
.stats-ttl-content p {
  font-family: "LatoWeb", sans-serif; }
  .stats-ttl-content p span {
    font-family: "LatoWebBold", sans-serif;
    color: #6c1084; }

.img-ttl-content {
  margin: 15px 0;
  height: 100%;
  padding: 3.3rem;
  background-size: cover;
  min-height: 300px;
  background-position: bottom;
  position: relative;
  overflow: hidden;
  position: relative; }
  .img-ttl-content .toggle-content {
    opacity: 0;
    visibility: collapse;
    height: 0%;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .img-ttl-content .toggle-content p {
      font-size: 20px; }
      @media (min-width: 768px) {
        .img-ttl-content .toggle-content p {
          font-size: 20px;
          font-size: 1.25rem; } }
  .img-ttl-content img {
    width: 100px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .img-ttl-content h6 {
    color: #393939;
    margin-top: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    bottom: 20px; }
  .img-ttl-content a:hover, .img-ttl-content a:focus {
    text-decoration: none; }
  .img-ttl-content:hover img {
    width: 50px; }
  .img-ttl-content:hover .toggle-content {
    opacity: 1;
    visibility: visible;
    height: 100%; }

.four-col-content .img-ttl-content {
  padding: 0.2rem;
  text-align: center; }
  .four-col-content .img-ttl-content h6 {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 20px; }
  .four-col-content .img-ttl-content p {
    font-size: 20px;
    font-size: 1.25rem;
    color: #747678; }

.three-width-content {
  padding: 60px 0; }
  .three-width-content .subtitle {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .three-width-content .heading {
    color: #393939;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .three-width-content p {
    color: #747678;
    font-size: 25px;
    font-size: 1.5625rem; }
  .three-width-content .gridlines {
    border-bottom: 1px dashed #d2c1db; }
    @media (min-width: 768px) {
      .three-width-content .gridlines {
        border-bottom: 1px dashed #dfd5e1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    .three-width-content .gridlines:last-child {
      border-bottom: 0px dashed #d2c1db; }
    @media (max-width: 768px) {
      .three-width-content .gridlines div[class*='col-'] {
        border-bottom: 1px dashed #dfd5e1; } }
    @media (min-width: 768px) {
      .three-width-content .gridlines div[class*='col-']:nth-child(1) {
        border-right: 1px dashed #dfd5e1; } }
    @media (min-width: 768px) {
      .three-width-content .gridlines div[class*='col-']:nth-child(2) {
        border-right: 1px dashed #dfd5e1; } }

.form-content.purple {
  background: #6c1084;
  padding: 60px 0; }
  .form-content.purple .subtitle {
    color: #d2c1db;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .form-content.purple .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .form-content.purple .replacement-text img {
    width: 100%; }

.job-search-filters {
  margin-bottom: 20px;
  border: 1px dashed #d2c1db;
  padding: 20px; }
  .job-search-filters h5 {
    font-family: "LatoWebBlack", sans-serif;
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 25px; }
  .job-search-filters .collapsable-filters {
    display: none; }
  .job-search-filters .main-label.toggle-collapse {
    position: relative; }
  .job-search-filters span.ico {
    float: right;
    position: absolute;
    right: 0px;
    top: 9px;
    font-size: 16px;
    font-size: 1rem; }
    .job-search-filters span.ico i {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
      .job-search-filters span.ico i:after {
        content: "\f067";
        display: block;
        width: 20px;
        height: 20px;
        color: #6c1084; }
  .job-search-filters span.ico.close i:after {
    content: "\f068";
    display: block;
    width: 20px;
    height: 20px;
    color: #6c1084; }
  .job-search-filters ul {
    list-style: none;
    padding: 0px;
    margin: 0px; }
    .job-search-filters ul li {
      padding: 0px;
      margin: 0px 0px 20px 0px; }
      .job-search-filters ul li .main-label {
        display: block;
        color: #6c1084;
        font-family: "IowanOldStyleW01-Italic1120382", serif;
        font-size: 25px;
        font-size: 1.5625rem;
        font-weight: 300; }
    .job-search-filters ul li.textbox input {
      position: relative;
      width: 100%;
      border: 1px solid #747678;
      padding: 0 12px;
      line-height: 1.6;
      color: #747678;
      background-color: #ffffff;
      height: 56px; }
    .job-search-filters ul li.radios label.label_radio {
      position: relative;
      margin-bottom: 10px;
      width: 100%;
      color: #747678;
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 100;
      font-family: "LatoWeb", sans-serif; }
      .job-search-filters ul li.radios label.label_radio span {
        margin-left: 25px;
        top: 4px;
        position: relative; }
        @media (min-width: 1024px) {
          .job-search-filters ul li.radios label.label_radio span {
            top: 1px; } }
      .job-search-filters ul li.radios label.label_radio input {
        opacity: 0; }
      .job-search-filters ul li.radios label.label_radio img {
        width: 100px;
        top: -4px;
        position: relative; }
        @media (min-width: 1024px) {
          .job-search-filters ul li.radios label.label_radio img {
            width: 120px; } }
      .job-search-filters ul li.radios label.label_radio .control-indicator {
        position: absolute;
        width: 26px;
        height: 26px;
        border: 1px solid #d2c1db;
        background-color: #ffffff;
        border-radius: 100px;
        top: 3px; }
        .job-search-filters ul li.radios label.label_radio .control-indicator:after {
          opacity: 0;
          content: " ";
          border-radius: 100px;
          width: 12px;
          height: 12px;
          display: block;
          background-color: #31043c;
          margin: 6px;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
      .job-search-filters ul li.radios label.label_radio.r_on .control-indicator:after {
        opacity: 1;
        content: " ";
        border-radius: 100px;
        width: 12px;
        height: 12px;
        display: block;
        background-color: #31043c;
        margin: 6px; }
    .job-search-filters ul li.checkboxes label.label_check {
      position: relative;
      margin-bottom: 10px;
      width: 100%;
      color: #747678;
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 100;
      font-family: "LatoWeb", sans-serif; }
      .job-search-filters ul li.checkboxes label.label_check span {
        margin-left: 25px;
        top: 4px;
        position: relative; }
        @media (min-width: 1024px) {
          .job-search-filters ul li.checkboxes label.label_check span {
            top: 1px; } }
      .job-search-filters ul li.checkboxes label.label_check input {
        opacity: 0; }
      .job-search-filters ul li.checkboxes label.label_check .control-indicator {
        position: absolute;
        width: 26px;
        height: 26px;
        border: 1px solid #d2c1db;
        background-color: #ffffff;
        border-radius: 3px;
        top: 3px; }
        .job-search-filters ul li.checkboxes label.label_check .control-indicator:after {
          opacity: 0;
          content: " ";
          border-radius: 3px;
          width: 12px;
          height: 12px;
          display: block;
          background-color: #31043c;
          margin: 6px;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
      .job-search-filters ul li.checkboxes label.label_check.c_on .control-indicator:after {
        opacity: 1;
        content: " ";
        border-radius: 3px;
        width: 12px;
        height: 12px;
        display: block;
        background-color: #31043c;
        margin: 6px; }
    .job-search-filters ul li.select .selectric p {
      font-size: 18px;
      font-size: 1.125rem;
      padding-top: 17px; }
    .job-search-filters ul li.select .selectric-items li, .job-search-filters ul li.select .selectric-items ul {
      font-size: 16px;
      font-size: 1rem;
      padding: 5px;
      margin-bottom: 3px; }

.jobs .job {
  position: relative;
  float: left;
  width: 100%;
  border: 1px dashed #d2c1db;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 20px;
  margin-bottom: 20px; }
  .jobs .job a {
    color: #747678;
    font-size: 20px;
    font-size: 1.25rem; }
    .jobs .job a p {
      font-size: 20px;
      font-size: 1.25rem; }
  .jobs .job a:hover, .jobs .job a:focus {
    text-decoration: none; }
  .jobs .job.featured {
    background: #6c1084;
    color: #ffffff; }
    .jobs .job.featured p {
      color: #ffffff; }
    .jobs .job.featured span.company,
    .jobs .job.featured span.date-added {
      color: #d2c1db; }
    .jobs .job.featured span.featured,
    .jobs .job.featured .job-title,
    .jobs .job.featured span.location,
    .jobs .job.featured span.salary,
    .jobs .job.featured span.contract-type {
      color: #ffffff; }
  .jobs .job.graduate:after {
    content: " ";
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: url(/img/icons/grad-angle.svg);
    background-position: left top;
    background-repeat: no-repeat;
    display: block; }
  .jobs .job.graduate:hover {
    border: 1px solid #ff175f; }
  .jobs .job.executive:after {
    content: " ";
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: url(/img/icons/exec-angle.svg);
    background-position: left top;
    background-repeat: no-repeat;
    display: block; }
  .jobs .job.executive:hover {
    border: 1px solid #2dc3ee; }
  .jobs .job span.featured {
    display: block;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 300;
    margin-bottom: 10px; }
  .jobs .job .company {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 300; }
  .jobs .job .date-added {
        color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    float: left;
    position: relative;
    top: 0px;
    /* right: 0; */
    /* position: relative; */
    text-align: right;
    width: 100%;
    padding-bottom: 10px; }
  .jobs .job .job-title {
    font-family: "LatoWebBlack", sans-serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    color: #393939;
    margin-bottom: 30px; }
  .jobs .job .location {
    display: block;
    margin-bottom: 10px; }
    .jobs .job .location i {
      background: #31043c;
      width: 30px;
      height: 30px;
      border-radius: 100em;
      color: #ffffff;
      margin: 0 15px 0 auto;
      padding: 7px 8px;
      font-size: 16px;
      font-size: 15px; }
  .jobs .job .salary {
    display: block;
    margin-bottom: 10px; }
    .jobs .job .salary i {
      background: #31043c;
      width: 30px;
      height: 30px;
      border-radius: 100em;
      color: #ffffff;
      margin: 0 15px 0 auto;
      padding: 7px 10px;
      font-size: 16px;
      font-size: 15px; }
  .jobs .job .contract-type {
    display: block;
    margin-bottom: 10px; }
    .jobs .job .contract-type i {
      background: #31043c;
      width: 30px;
      height: 30px;
      border-radius: 100em;
      color: #ffffff;
      margin: 0 15px 0 auto;
      padding: 7px 8px;
      font-size: 16px;
      font-size: 15px; }
      
      div#job-results {
    padding-right: 30px;
}

.job {
  position: relative;
  float: left;
  width: 100%;
  color: #747678;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "AdobeCaslonW01-Regular", sans-serif;
  border: 1px dashed #d2c1db;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 20px;
  margin-bottom: 20px; }
  .job .center-text a {
    float: none;
    margin: 30px 0; }
  .job p, .job li {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "AdobeCaslonW01-Regular", sans-serif; }
  .job ul {
    list-style: none; }
    .job ul li {
      position: relative;
      margin-bottom: 30px; }
    .job ul li:before {
      content: " ";
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 100px;
      background-color: #470857;
      position: absolute;
      top: 5px;
      left: -30px; }
  .job h1, .job h2, .job h3, .job h4, .job h5, .job h6 {
    font-family: "LatoWebBlack", sans-serif;
    color: #393939; }
  .job h1, .job h2, .job h3 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 20px;
    margin-bottom: 20px; }
  .job h4, .job h5, .job h6 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-top: 20px;
    margin-bottom: 20px; }
  .job a:hover, .job a:focus {
    text-decoration: none; }
  .job.featured {
    background: #ffffff;
    color: #747678; }
    .job.featured p {
      color: #747678; }
    .job.featured span.company,
    .job.featured span.date-added {
      color: #d2c1db; }
    .job.featured span.featured,
    .job.featured .job-title,
    .job.featured span.location,
    .job.featured span.salary,
    .job.featured span.contract-type {
      color: #ffffff; }
  .job.graduate:after {
    content: " ";
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    display: block; }
  .job.executive:after {
    content: " ";
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    display: block; }
  .job span.featured {
    display: block;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 300;
    margin-bottom: 10px; }
  .job .company {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 300; }
  .job .date-added {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    float: right;
    position: relative;
    top: 8px; }
  .job .job-title {
    font-family: "LatoWebBlack", sans-serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    color: #393939;
    margin-bottom: 30px; }
  .job .location {
    display: block;
    margin-bottom: 10px; }
    .job .location i {
      background: #31043c;
      width: 30px;
      height: 30px;
      border-radius: 100em;
      color: #ffffff;
      margin: 0 15px 0 auto;
      padding: 7px 8px;
      font-size: 16px;
      font-size: 1rem; }
  .job .salary {
    display: block;
    margin-bottom: 10px; }
    .job .salary i {
      background: #31043c;
      width: 30px;
      height: 30px;
      border-radius: 100em;
      color: #ffffff;
      margin: 0 15px 0 auto;
      padding: 7px 10px;
      font-size: 16px;
      font-size: 1rem; }
  .job .contract-type {
    display: block;
    margin-bottom: 10px; }
    .job .contract-type i {
      background: #31043c;
      width: 30px;
      height: 30px;
      border-radius: 100em;
      color: #ffffff;
      margin: 0 15px 0 auto;
      padding: 7px 8px;
      font-size: 16px;
      font-size: 1rem; }

.back-to {
  padding: 20px 0 40px 0;
  display: inline;
  width: auto;
  float: left;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "LatoWebBlack", sans-serif;
  color: #6c1084; }
  .back-to:hover {
    color: #31043c;
    text-decoration: none; }

.job-assets {
  float: left;
  width: 100%; }
  .job-assets .display-results {
    font-family: "LatoWeb", sans-serif;
    color: #747678;
    float: right;
    margin: 27px 0; }
  .job-assets .pagination {
    float: left; }
  .job-assets .pagination > .active > a,
  .job-assets .pagination > .active > a:focus,
  .job-assets .pagination > .active > a:hover,
  .job-assets .pagination > .active > span,
  .job-assets .pagination > .active > span:focus,
  .job-assets .pagination > .active > span:hover {
    z-index: 3;
    color: #ffffff;
    cursor: default;
    background-color: transparent;
    border-color: transparent;
    color: #6c1084; }
  .job-assets .pagination > li > a, .job-assets .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #747678;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid transparent; }
  .job-assets .pagination > li:first-child > a, .job-assets .pagination > li:first-child > span {
    margin-left: 0;
    border-radius: 4px;
    background-color: #f7f4f4;
    color: #393939; }
  .job-assets .pagination > li:last-child > a, .job-assets .pagination > li:last-child > span {
    margin-left: 0;
    border-radius: 4px;
    background-color: #f7f4f4;
    color: #393939; }

.case-study-slider {
  background-color: #6c1084;
  position: relative;
  padding: 2rem 0 2rem;
  background-size: cover;
  background-repeat: no-repeat; }
  .case-study-slider.alt:before {
    display: none; }
  .case-study-slider .subtitle {
    color: #d2c1db;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .case-study-slider .heading {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 0px;
    margin-bottom: 30px; }
  .case-study-slider:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(36, 13, 43, 0.7); }
  .case-study-slider .row {
    margin: 2rem 0; }
  .case-study-slider h1 {
    font-size: 3.25rem;
    text-align: center;
    color: #ffffff; }
  .case-study-slider h2 {
    color: #a58eb1;
    text-align: center; }
  .case-study-slider .case-content {
    background-color: #470857;
    padding: 1rem;
    display: block; }
    .case-study-slider .case-content p {
      color: #e6dfea;
      font-size: 1.55rem;
      margin: 0;
      font-family: "AdobeCaslonW01-Regular", sans-serif;
      text-align: center;
      text-decoration: underline; }
      .case-study-slider .case-content p:before {
        content: url(/img/icons/open-quote.png);
        margin: 0 20px 0 0; }
      .case-study-slider .case-content p:after {
        content: url(/img/icons/close-quote.png);
        margin: 0 0 0 5px; }
  .case-study-slider .case-content-white {
    background-color: #ffffff;
    padding: 3rem;
    display: block; }
    .case-study-slider .case-content-white p {
      color: #31043c;
      font-size: 1.55rem;
      margin: 0;
      font-family: "AdobeCaslonW01-Regular", sans-serif;
      text-align: center; }
      .case-study-slider .case-content-white p:before {
        content: url(/img/icons/open-quote-purple.png);
        margin: 0 20px 0 0; }
      .case-study-slider .case-content-white p:after {
        content: url(/img/icons/close-quote-purple.png);
        margin: 0 0 0 5px; }
  @media screen and (min-width: 992px) {
    .case-study-slider .case-content {
      padding: 3rem; } }
  .case-study-slider .case-author {
    text-align: left;
    margin: 2rem 0; }
    .case-study-slider .case-author h6 {
      font-size: 2rem;
      color: #b39bbe;
      font-weight: 400;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      margin: 0 0 2rem 0; }
    .case-study-slider .case-author p {
      font-size: 1.375rem;
      color: #ffffff; }
    .case-study-slider .case-author img.gradtogreat {
      width: 100%;
      margin: 1rem 0; }
    .case-study-slider .case-author img.paretologo {
      width: 60%;
      margin: 1rem 0; }
  @media screen and (min-width: 992px) {
    .case-study-slider .case-author {
      margin: 0; } }
  .case-study-slider .case-author-single {
    text-align: left;
    margin: 2rem 0 0 0;
    overflow: hidden; }
    .case-study-slider .case-author-single h6 {
      font-size: 2rem;
      color: #b39bbe;
      font-weight: 400;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      margin: 0 0 2rem 0; }
    .case-study-slider .case-author-single p {
      font-size: 1.375rem;
      color: #ffffff;
      margin: 0;
      line-height: 3rem;
      font-family: "LatoWeb", sans-serif; }
    .case-study-slider .case-author-single img.paretologo {
      width: 80%;
      margin: 1rem 0; }
    @media screen and (min-width: 480px) {
      .case-study-slider .case-author-single img.paretologo {
        width: 40%; } }
    .case-study-slider .case-author-single .author_single {
      width: 100%;
      float: none;
      margin: 0 5% 0 0;
      text-align: right; }
    .case-study-slider .case-author-single .logos_single {
      width: 100%;
      float: none;
      text-align: right; }
  @media screen and (min-width: 992px) {
    .case-study-slider .case-author-single {
      margin: 0; }
      .case-study-slider .case-author-single p {
        line-height: 75px;
        line-height: 2rem; }
      .case-study-slider .case-author-single img.paretologo {
        width: 100%; }
      .case-study-slider .case-author-single .author_single {
        width: 80%;
        float: right; }
      .case-study-slider .case-author-single .logos_single {
        width: 50%;
        float: right; } }
  @media screen and (min-width: 1200px) {
    .case-study-slider .case-author-single {
      margin: 2rem 0 0 0; }
      .case-study-slider .case-author-single p {
        line-height: 75px;
        line-height: 4rem; }
      .case-study-slider .case-author-single img.paretologo {
        width: 100%; }
      .case-study-slider .case-author-single .author_single {
        width: 65%; }
      .case-study-slider .case-author-single .logos_single {
        width: 30%; } }
  @media screen and (min-width: 1400px) {
    .case-study-slider .case-author-single {
      margin: 2rem 0 0 0; }
      .case-study-slider .case-author-single .logos_single {
        width: 25%; } }
  .case-study-slider .case-author-right {
    text-align: left; }
    .case-study-slider .case-author-right h6 {
      font-size: 2rem;
      color: #b39bbe;
      font-weight: 400;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      margin: 0 0 2rem 0;
      text-align: left; }
    .case-study-slider .case-author-right p {
      font-size: 1.375rem;
      color: #ffffff; }
  @media screen and (min-width: 992px) {
    .case-study-slider .case-author-right {
      text-align: right; }
      .case-study-slider .case-author-right h6 {
        text-align: right; } }
  .case-study-slider .clients-carousel {
    display: block;
    margin-top: 20px; }
    .case-study-slider .clients-carousel .carousel-inner {
      position: relative;
      width: 90%;
      overflow: hidden;
      margin: 0 auto; }
    @media screen and (min-width: 992px) {
      .case-study-slider .clients-carousel .carousel-inner {
        width: 75%; } }
    .case-study-slider .clients-carousel a.carousel-control {
      height: 40%; }
      .case-study-slider .clients-carousel a.carousel-control .icon-next {
        right: 0;
        margin: 0; }
    @media screen and (min-width: 992px) {
      .case-study-slider .clients-carousel a.carousel-control {
        height: 75%; } }
    .case-study-slider .clients-carousel a.left.carousel-control {
      background: none;
      text-shadow: none;
      opacity: 1;
      width: 8%; }
      .case-study-slider .clients-carousel a.left.carousel-control .glyphicon-chevron-left {
        width: 62px;
        height: 141px;
        display: block; }
        .case-study-slider .clients-carousel a.left.carousel-control .glyphicon-chevron-left:before {
          background-image: url(/img/icons/prev-arrow.png);
          display: block;
          width: 13px;
          height: 30px;
          background-size: 13px 30px;
          content: ""; }
      @media screen and (min-width: 992px) {
        .case-study-slider .clients-carousel a.left.carousel-control .glyphicon-chevron-left {
          width: 62px;
          height: 141px;
          display: block; }
          .case-study-slider .clients-carousel a.left.carousel-control .glyphicon-chevron-left:before {
            background-image: url(/img/icons/prev-arrow.png);
            display: block;
            background-size: 62px 141px;
            width: 62px;
            height: 141px; } }
    .case-study-slider .clients-carousel a.right.carousel-control {
      background: none;
      text-shadow: none;
      opacity: 1;
      width: 8%; }
      .case-study-slider .clients-carousel a.right.carousel-control .glyphicon-chevron-right {
        display: block; }
        .case-study-slider .clients-carousel a.right.carousel-control .glyphicon-chevron-right:before {
          background-image: url(/img/icons/next-arrow.png);
          display: block;
          width: 13px;
          height: 30px;
          background-size: 13px 30px;
          content: ""; }
      @media screen and (min-width: 992px) {
        .case-study-slider .clients-carousel a.right.carousel-control .glyphicon-chevron-right {
          width: 62px;
          height: 141px;
          display: block; }
          .case-study-slider .clients-carousel a.right.carousel-control .glyphicon-chevron-right:before {
            background-image: url(/img/icons/next-arrow.png);
            display: block;
            background-size: 62px 141px;
            width: 62px;
            height: 141px; } }
  .case-study-slider .case-study-cta {
    text-align: center; }
    .case-study-slider .case-study-cta button.btn {
      width: 100%;
      margin: 0;
      display: block;
      font-size: 1.3rem; }
    @media screen and (min-width: 768px) {
      .case-study-slider .case-study-cta button.btn {
        width: 36%;
        margin: 0 3rem;
        display: inline-block;
        text-align: center;
        padding: 1rem 0.3rem; } }
    .case-study-slider .case-study-cta p {
      display: inline;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      color: #ffffff; }

@media screen and (min-width: 992px) {
  .case-study-slider {
    padding: 6rem 0 5rem; } }
.case-study-slider.alt .case-content-white {
  background-color: #31043c;
  padding: 3rem;
  display: block; }

.case-study-slider.alt .case-content-white p {
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem; }

.case-study-slider.alt .case-content-white p:before {
  content: url(/img/icons/open-quote-white.png);
  margin: 0 20px 0 0; }

.case-study-slider.alt .case-content-white p:after {
  content: url(/img/icons/close-quote-white.png);
  margin: 0 0 0 5px; }

.case-study-slider.alt .case-author-single p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px; }

.case-study-slider.alt .case-author-single .logos_single {
  width: 100%;
  float: none; }
  .case-study-slider.alt .case-author-single .logos_single img {
    width: 100%;
    max-width: 150px; }

.case-study-slider.alt .item .row:first-child .case-author-single .author_single {
  text-align: left; }

.case-study-slider.alt .case-author-single {
  margin-top: 0px; }
  .case-study-slider.alt .case-author-single .author_single {
    width: 94%; }
    @media screen and (min-width: 992px) {
      .case-study-slider.alt .case-author-single .author_single {
        margin-bottom: 30px; } }

.case-study-slider.alt .case-author-single .logos_single {
  text-align: left; }

.case-study-slider.alt .case-author-single h6 {
  margin-bottom: 1rem; }

.case-study-slider.alt .case-author-single .logos_single {
  display: none; }
  @media screen and (min-width: 992px) {
    .case-study-slider.alt .case-author-single .logos_single {
      display: block; } }

.gray-content {
  background-color: #f7f4f4;
  padding: 60px 0; }

.text {
  padding: 20px;
  display: table; }
  .text p {
    display: table-cell;
    vertical-align: middle;
    font-family: "LatoWeb", sans-serif;
    font-size: 30px;
    font-size: 1.875rem; }
    
.gray-content .text p {
    display: block;
}

.image img {
  width: 100%;
  max-width: 360px; }
  @media screen and (min-width: 992px) {
    .image img {
      max-width: 690px; } }

.ratings {
  display: block;
  position: relative;
  right: 0px; }
  
  
   
   
    @media screen and (min-width: 1170px) {
       
    .ratings {
  display: block;
  position: absolute;
  right: 30px; }   
   }
   
  .ratings span.stars {
    display: block; }
  .ratings span.reviews {
    display: block; }
  .ratings .no-reviews {
    color: #6c1084; }

.stars i {
  color: #6c1084; }

.stars i.off {
  color: #747678; }

.courses .subtitle {
  color: #6c1084;
  font-family: "IowanOldStyleW01-Italic1120382", serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 300;
  margin-bottom: 0px; }
.courses .heading {
  color: #000000;
  font-family: "LatoWebBlack", sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  margin-top: 0px;
  margin-bottom: 30px; }
.courses p {
  font-size: 23px;
  font-size: 1.4375rem;
  color: #747678; }
  
section .courses .padding-top {
    padding-top: 80px;
}

.course {
  position: relative;
  border: 1px dashed #d2c1db;
  margin-bottom: 30px;
  padding: 30px; }
  .course h3 {
    width: 65%;
    margin-top: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f7f4f4;
    padding-bottom: 30px; }
    .course h3:after {
      content: " ";
      display: block;
      width: 100%; }
  .course p {
    width: 100%;
    display: block;
    font-size: 18px;
    font-size: 1.125rem; }
  .course a.btn {
    float: right; }
  .course:after {
    content: "";
    display: table;
    clear: both; }

.side-navigation {
  margin-bottom: 30px;
  border: 1px dotted #d2c1db;
  padding: 10px 15px;
  float:left;
    width:100%;
}
  .side-navigation h5 {
    padding: 0px 0;
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    display: block; }
  .side-navigation ul {
    list-style: none;
    padding: 0px;
    margin: 15px 0 0 0px; }
    .side-navigation ul li {
      padding: 0px;
      margin: 10px 0px 10px 20px; position:relative; }
      .side-navigation ul li a {
        color: #747678;
        font-family: "LatoWebBold", sans-serif;
        font-size: 18px;
        font-size: 1.125rem; }
      .side-navigation ul li.current{margin-left:0px;}
      .side-navigation ul li.current a {
        color: #6c1084; }
      .side-navigation ul li.current:before {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 15px 15px;
        display: inline-block;
        margin-right: 10px;
        border-color: transparent transparent #6c1084 transparent; }
        
        
       
    
    

.cta {
  border: 1px dotted #d2c1db;
  margin-bottom: 30px; float:left; width:100%; }
  .cta .cta-header .job-search {
    padding: 20px 0; }
    .cta .cta-header .job-search input {
      padding: 8px 15px 0px 15px;
      border: 0px;
      width: 80%; }
      .cta .cta-header .job-search input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #6c1084;
        font-family: "LatoWebBold", sans-serif;
        font-size: 18px;
        font-size: 1.125rem; }
      .cta .cta-header .job-search input::-moz-placeholder {
        /* Firefox 19+ */
        color: #6c1084;
        font-family: "LatoWebBold", sans-serif;
        font-size: 18px;
        font-size: 1.125rem; }
      .cta .cta-header .job-search input:-ms-input-placeholder {
        /* IE 10+ */
        color: #6c1084;
        font-family: "LatoWebBold", sans-serif;
        font-size: 18px;
        font-size: 1.125rem; }
      .cta .cta-header .job-search input:-moz-placeholder {
        /* Firefox 18- */
        color: #6c1084;
        font-family: "LatoWebBold", sans-serif;
        font-size: 18px;
        font-size: 1.125rem; }
    .cta .cta-header .job-search button {
      border: 0px;
      background-color: transparent;
      float: right;
      padding-right: 15px; }
  .cta .cta-header h5 {
    padding: 5px 15px;
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    display: block; }
  .cta .cta-header a {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400; }
  .cta .cta-content img {
    width: 100%; }

.course-assets {
  float: left;
  width: 100%; }

.course {
  position: relative;
  float: left;
  width: 100%;
  color: #747678;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "AdobeCaslonW01-Regular", sans-serif;
  border: 1px dashed #d2c1db;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 20px;
  margin-bottom: 20px; }
  .course .center-text a {
    float: none;
    margin: 30px 0; }
  .course .subtitle {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400; }
  .course p, .course li {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "AdobeCaslonW01-Regular", sans-serif; }
  .course ul {
    list-style: none; }
    .course ul li {
      position: relative;
      margin-bottom: 10px; }
    .course ul li:before {
      content: " ";
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 100px;
      background-color: #470857;
      position: absolute;
      top: 5px;
      left: -37px; }
  .course h1, .course h2, .course h3, .course h4, .course h5, .course h6 {
    font-family: "LatoWebBlack", sans-serif;
    color: #393939; }
  .course h1, .course h2, .course h3 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 10px;
    margin-bottom: 20px; }
  .course h4, .course h5, .course h6 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 20px;
    margin-bottom: 20px; }
  .course a:hover, .course a:focus {
    text-decoration: none; }
  .course .course-content-block {
    display: block;
    width: 100%; }
  .course .ratings-detail {
    border-top: 1px solid #d2c1db;
    border-bottom: 1px solid #d2c1db;
    padding: 30px 0 0 0;
    margin-bottom: 30px;
    float: left;
    display: block;
    width: 100%; }
    .course .ratings-detail:after {
      content: "";
      display: table;
      clear: both; }
    .course .ratings-detail .ratings {
      position: relative;
      right: 0px;
      margin-bottom: 30px; }
      .course .ratings-detail .ratings:after {
        content: "";
        display: table;
        clear: both; }
      .course .ratings-detail .ratings strong {
        display: inline-block;
        font-family: "LatoWebBlack", sans-serif;
        color: #393939;
        font-size: 20px;
        font-size: 1.25rem;
        margin: -3px 0 0 10px;
        }
      .course .ratings-detail .ratings .overall-reviews {
        float: left;
        color: #393939;
        font-style: italic; margin-left:8px; }
        @media screen and (min-width: 992px) {
          .course .ratings-detail .ratings .overall-reviews {
            float: right;margin-left:0px; } }
      .course .ratings-detail .ratings span.stars {
        display: inline-block; }
    .course .ratings-detail ul {
      list-style: none;
      padding: 0px; }
    .course .ratings-detail li {
      width: 50%;
      float: left;
      padding: 0px 30px;
      margin-bottom: 0px; }
      
      
     .course .ratings-detail li.slick-slide{ 
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
         
     }
    
      .course .ratings-detail li blockquote {
        border-left: 0px;
        padding: 0px;
        margin: 0px;
        color: #6c1084; }
        .course .ratings-detail li blockquote q {
          margin-bottom: 30px;
          /*float: left;*/
          width: 100%; }
        .course .ratings-detail li blockquote .name {
          color: #393939;
          font-family: "LatoWebBold", sans-serif;
          padding-top: 30px; }
          .course .ratings-detail li blockquote .name strong {
            color: #6c1084;
            display: block;
            font-family: "IowanOldStyleW01-Italic1120382", serif; }
        .course .ratings-detail li blockquote .ratings {
          float: right;
          position: relative;
          top: 4px; }
    .course .ratings-detail li:before {
      display: none; }

.in-page-navigation {
  margin: 10px 0 30px 0;
  border: 1px dotted #d2c1db;
  padding: 15px 15px; }
  @media screen and (min-width: 992px) {
    .in-page-navigation {
      margin: 60px 0; } }
  .in-page-navigation:after {
    content: "";
    display: table;
    clear: both; }
  .in-page-navigation h4 {
    color: #6c1084;
    display: block;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 20px; }
  .in-page-navigation ul {
    list-style: none;
    padding: 0px;
    margin: 0px; }
    .in-page-navigation ul li {
      width: 100%;
      padding: 10px 0; }
      @media screen and (min-width: 992px) {
        .in-page-navigation ul li {
          width: 50%;
          float: left; } }
      .in-page-navigation ul li a {
        color: #747678;
        font-family: "LatoWebBold", sans-serif;
        padding-top: 30px; }
      .in-page-navigation ul li img {
        width: 25px;
        display: inline-block;
        margin-right: 10px; }
      .in-page-navigation ul li span {
        display: inline-block; }

.twin-navigation nav {
  width: 100%;
  float: left; }
  @media screen and (min-width: 992px) {
    .twin-navigation nav {
      width: 50%;
      float: left; } }
.twin-navigation ul li {
  width: 100%; }
  @media screen and (min-width: 992px) {
    .twin-navigation ul li {
      width: 100%;
      float: left; } }

.block-content {
  padding: 30px 0 10px 0; }
  @media screen and (min-width: 992px) {
    .block-content {
      padding: 60px 0; } }
  .block-content .subtitle {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 300;
    margin-bottom: 0px; }
  .block-content .heading {
    color: #393939;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f7f4f4; }
    .block-content .heading span {
      color: #6c1084; }
  .block-content p {
    color: #747678;
    font-size: 22px }
    
/*    .block-content ul {*/
/*    columns: 2;*/
/*    -webkit-columns: 2;*/
/*    -moz-columns: 2;*/
/*    list-style-position: inside;*/
/*    font-family: "LatoWeb", sans-serif;*/
/*    font-size: 1.25em;*/
/*}*/


  .block-content ul {
    list-style: none; 
         
  }
    .block-content ul li {
      position: relative;
      margin-bottom: 10px; 
         font-family: "AdobeCaslonW01-Regular", sans-serif;
      color: #747678;
    font-size: 25px;
    font-size: 1.25rem;
        
    }
    .block-content ul li:before {
      content: " ";
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 100px;
      background-color: #470857;
      position: absolute;
      top: 5px;
      left: -37px; }
      
      

.block-content ul a {
color: #393939;
}

.process-list {
  background: #6c1084;
  padding: 60px 0; }
  .process-list .subtitle {
    text-align: center;
    color: #d2c1db;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 10px;
    display: block; }
  .process-list .heading {
    text-align: center;
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 0px;
    margin-bottom: 30px; }
    .process-list .heading span {
      color: #6c1084; }
  .process-list p {
    color: #ffffff;
    font-size: 25px;
    font-size: 1.5625rem; }
  .process-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative; }
  .process-list li {
    margin: 0px 0px 50px 0px;
    padding: 0px; }
  .process-list li:nth-child(odd) .diagram-circle {
    left: 0px; }
  .process-list li:nth-child(odd) .process-content {
    padding: 20px 20px 20px 90px;
    margin-left: 60px;
    margin-right: 0px;
    position: relative;
    top: 7px;
    height: auto; }
    @media screen and (min-width: 768px) {
      .process-list li:nth-child(odd) .process-content {
        top: 4px;
        margin-left: 80px;
        margin-right: 120px;
        padding: 20px 20px 20px 120px;
        height: 140px; } }
    @media screen and (min-width: 992px) {
      .process-list li:nth-child(odd) .process-content {
        top: 17px;
        margin-right: 120px; } }
    .process-list li:nth-child(odd) .process-content h4 {
      margin-top: 0px;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      font-size: 25px;
      font-size: 1.5625rem;
      font-weight: 300; }
  .process-list li:nth-child(even) .diagram-circle {
    right: 0px; }
  .process-list li:nth-child(even) .process-content {
    padding: 20px 90px 20px 20px;
    margin-left: 0px;
    margin-right: 60px;
    position: relative;
    top: 4px;
    height: auto;
    text-align: right; }
    @media screen and (min-width: 768px) {
      .process-list li:nth-child(even) .process-content {
        margin-left: 12px;
        margin-right: 80px;
        padding: 20px 120px 20px 20px;
        height: 140px; } }
    @media screen and (min-width: 992px) {
      .process-list li:nth-child(even) .process-content {
        top: 17px;
        margin-left: 120px; } }
    .process-list li:nth-child(even) .process-content h4 {
      margin-top: 0px;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      font-size: 25px;
      font-size: 1.5625rem;
      font-weight: 300; }

.diagram-circle {
  position: absolute;
  width: 11rem;
  height: 11rem;
  border-radius: 50%;
  border: 1px dashed white;
  font-family: "IowanOldStyleW01-Italic1120382", serif;
  font-size: 3rem;
  color: white;
  line-height: 20px;
  text-align: center;
  background: #6b1082;
  z-index: 1;
  margin: 0 auto 1rem;
  padding: 4.5rem 0; }

.diagram-circle:before {
  position: absolute;
  right: 6px;
  top: 6px;
  left: 6px;
  bottom: 6px;
  content: '';
  background: #470857;
  border-radius: 50%;
  z-index: -1; }

.diagram-circle:hover {
  width: 11rem;
  height: 11rem;
  border-radius: 50%;
  color: white;
  line-height: 27px;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  line-height: 27px; }

.process-content {
  background: #863b99;
  color: #ffffff; }
  .process-content p {
    font-size: 20px;
    font-size: 1.25rem; }

.case-studies {
  background: #6c1084 url(/img/G2GBG.png) left bottom repeat-x;
  padding: 6rem 0 0 0; }
  .case-studies .subtitle {
    text-align: center;
    color: #d2c1db;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 10px;
    display: block; }
    
  .case-studies .heading {
    text-align: center;
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 0px;
    margin-bottom: 30px; }
    .case-studies .heading span {
      color: #6c1084; }
  .case-studies p {
    color: #ffffff;
    font-size: 25px;
    font-size: 1.5625rem;
    padding: 0 15%;
    text-align: center; }
  .case-studies ul {
    list-style: none;
    margin: 60px 0px 0px 0px;
    padding: 0px; }
    .case-studies ul li {
      position: relative;
      z-index: 1;
      width: 100%;
      overflow: hidden;
      padding: 5px; }
      .case-studies ul li .cover img {
        width: 100%;
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
        -webkit-filter: grayscale(1);
        -webkit-filter: grayscale(100%); }
      .case-studies ul li .back {
        position: relative;
        z-index: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 100%;
        background: #ff175f;
        color: #ffffff;
        padding: 25px; }
        .case-studies ul li .back:after {
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
          content: " ";
          display: block;
          position: absolute;
          top: -30px;
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 40px 30px 40px;
          border-color: transparent transparent #ff175f transparent; }
        .case-studies ul li .back p {
          color: #ffffff;
          font-size: 20px;
          font-size: 1.25rem;
          padding: 0%;
          text-align: left; }
          @media screen and (min-width: 1024px) {
            .case-studies ul li .back p {
              font-size: 16px;
              font-size: 1rem; } }
          @media screen and (min-width: 1400px) {
            .case-studies ul li .back p {
              font-size: 20px;
              font-size: 1.25rem; } }
      @media screen and (min-width: 768px) {
        .case-studies ul li {
          width: 50%;
          float: left;
          border-right: 1px dotted #d2c1db;
          border-bottom: 1px dotted #d2c1db; }
          .case-studies ul li .back {
            opacity: 0;
            position: absolute;
            top: 0px;
            height: 100%;
            right: -100%; }
            .case-studies ul li .back:after {
              right: auto;
              top: 45%;
              margin: 0px;
              left: -30px;
              border-width: 30px 30px 30px 0;
              border-color: transparent #ff175f transparent transparent; }
          .case-studies ul li:nth-child(2n) {
            border-right: 0px dotted #d2c1db;
            bottom: 1px; }
            .case-studies ul li:nth-child(2n) .back {
              opacity: 0;
              right: 100%; }
              .case-studies ul li:nth-child(2n) .back:after {
                right: -30px;
                top: 45%;
                margin: 0px;
                left: auto;
                border-width: 30px 0 30px 30px;
                border-color: transparent transparent transparent #ff175f; }
          .case-studies ul li:nth-last-of-type(-n+2) {
            border-bottom: 0px dotted #d2c1db; }
          .case-studies ul li:hover {
            z-index: 3;
            overflow: visible; }
            .case-studies ul li:hover .cover img {
              -webkit-filter: grayscale(0);
              -webkit-filter: grayscale(0%);
              filter: grayscale(0%);
              filter: url();
              filter: none; }
            .case-studies ul li:hover .back {
              opacity: 1;
              z-index: 3;
              display: block; } }
      @media screen and (min-width: 1024px) {
        .case-studies ul li {
          width: 33%;
          float: left; }
          .case-studies ul li:nth-child(2n) {
            bottom: 0px;
            border-right: 1px dotted #d2c1db; }
          .case-studies ul li:nth-child(3n) {
            bottom: 1px;
            border-right: 0px dotted #d2c1db; }
            .case-studies ul li:nth-child(3n) .back {
              right: 100%; }
              .case-studies ul li:nth-child(3n) .back:after {
                right: -30px;
                top: 45%;
                margin: 0px;
                left: auto;
                border-width: 30px 0 30px 30px;
                border-color: transparent transparent transparent #ff175f; }
          .case-studies ul li:nth-child(3n+1) .back {
            right: -100%; }
            .case-studies ul li:nth-child(3n+1) .back:after {
              right: auto;
              top: 45%;
              margin: 0px;
              left: -30px;
              border-width: 30px 30px 30px 0;
              border-color: transparent #ff175f transparent transparent; }
          .case-studies ul li:nth-last-of-type(-n+3) {
            border-bottom: 0px dotted #d2c1db; } }

.video-holder {
  position: relative;
  display: block; }
  .video-holder img {
    width: 100%; }
  .video-holder:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    left: 0;
    right: 0px;
    background: url(/img/icons/play-icon-white.svg);
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 8%; }
    
      .home .video-holder:after {
    margin-top: 15%; }
    

.addtional-grad-content {
  padding: 60px 0;
  text-align: center; }
  .addtional-grad-content .img-replace-title {
    max-width: 400px;
    margin-bottom: 60px; 
    width: 100%;  
  }
  .addtional-grad-content .subtitle {
    text-align: center;
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 10px;
    display: block; }
  .addtional-grad-content .heading {
    text-align: center;
    color: #393939;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 30px; }
    .addtional-grad-content .heading span {
      color: #6c1084; }
  .addtional-grad-content p {
    color: #747678;
    font-size: 25px;
    font-size: 1.5625rem;
    padding: 0 15%;
    text-align: center; }

.ribbon {
  width: 780px; /* 570px; */
  height: 60px;
  margin: 2.5rem 0 0 0.8rem;
  position: relative;
  color: #fff;
  background: #600c76;
  -webkit-animation: main 250ms;
  -moz-animation: main 250ms;
  -ms-animation: main 250ms;
  animation: main 250ms; }
  .ribbon span.intro {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 8px;
    display: block; }
    @media screen and (min-width: 768px) {
      .ribbon span.intro {
        font-size: 26px;
        font-size: 1.625rem;
        padding: 11px; } }
    @media screen and (min-width: 1024px) {
      .ribbon span.intro {
        font-size: 36px;
        font-size: 2.25rem;
        padding: 11px; } }

.ribbon i {
  position: absolute; }

.ribbon i:first-child, .ribbon i:nth-child(2) {
  position: absolute;
  left: -20px;
  bottom: -20px;
  z-index: -1;
  border: 20px solid transparent;
  border-right-color: #360c41;
  -webkit-animation: edge 500ms;
  -moz-animation: edge 500ms;
  -ms-animation: edge 500ms;
  animation: edge 500ms; }

.ribbon i:nth-child(2) {
  left: auto;
  right: 0px; }

.ribbon i:first-child, .ribbon i:nth-child(3) {
  display: none; }

.ribbon i:nth-child(3), .ribbon i:last-child {
  width: 20px;
  bottom: -20px;
  left: -60px;
  z-index: -2;
  border: 30px solid #470857;
  border-left-color: transparent;
  -webkit-animation: back 600ms;
  -moz-animation: back 600ms;
  -ms-animation: back 600ms;
  animation: back 600ms;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.ribbon i:last-child {
  bottom: -20px;
  left: auto;
  right: -60px;
  border: 30px solid #470857;
  border-right-color: transparent;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }

@media screen and (max-width: 992px) {
  .ribbon {
    width: 390px;
    height: 50px; } }
@media screen and (max-width: 768px) {
  .ribbon {
    width: 320px;
    height: 37px; }

  .ribbon i:last-child {
    right: -40px;
    border: 20px solid #470857; } }
/* ribbon animations */
@-webkit-keyframes main {
  0% {
    -webkit-transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1); } }
@-webkit-keyframes edge {
  0%, 50% {
    -webkit-transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1); } }
@-webkit-keyframes back {
  0%, 75% {
    -webkit-transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1); } }
@-moz-keyframes main {
  0% {
    -moz-transform: scaleX(0); }
  100% {
    -moz-transform: scaleX(1); } }
@-moz-keyframes edge {
  0%, 50% {
    -moz-transform: scaleY(0); }
  100% {
    -moz-transform: scaleY(1); } }
@-moz-keyframes back {
  0%, 75% {
    -moz-transform: scaleX(0); }
  100% {
    -moz-transform: scaleX(1); } }
@keyframes main {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }
@keyframes edge {
  0%, 50% {
    transform: scaleY(0); }
  100% {
    transform: scaleY(1); } }
@keyframes back {
  0%, 75% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }
.quote {
  background: #f7f4f4;
  padding: 60px 0; }
  .quote blockquote {
    border-left: 0px;
    padding: 0px;
    margin: 0px; }
    .quote blockquote q {
      color: #747678;
      font-size: 40px;
      font-size: 2.5rem;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      font-weight: 300;
      text-align: center;
      display: block; }
    .quote blockquote span.name {
      color: #470857;
      font-size: 30px;
      font-size: 1.875rem;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      font-weight: 300;
      text-align: right;
      font-style: italic;
      display: block;
      margin-top: 20px; }

.case-studies-details .subtitle img {
  margin-bottom: 40px;
  width: 200px;
  opacity: 0.5; }

.two-column-list-as-table {
  list-style: none;
  display: table;
  padding: 0px !important;
  margin: 0px !important; }
  .two-column-list-as-table li {
    padding: 0px !important;
    margin: 0px !important;
    display: table-row;
    margin-bottom: 20px; }
    .two-column-list-as-table li:before {
      display: none !important; }
    .two-column-list-as-table li span {
      display: table-cell;
      font-family: "LatoWebBold", sans-serif;
      padding-top: 5px;
      padding-bottom: 5px; }
    .two-column-list-as-table li > span:nth-child(1) {
      padding-right: 50px; }

.map-details {
  background: #6c1084;
  color: #ffffff;
  text-align: center;
  padding: 50px;
  display: block;
  vertical-align: middle; }
  .map-details .subtitle {
    color: #d2c1db;
    font-size: 30px;
    font-size: 1.875rem;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-weight: 300;
    margin: 20px 0;
    display: inline-block; }
  .map-details address {
    color: #ffffff;
    font-size: 30px;
    font-size: 1.875rem;
    font-family: "LatoWebBold", sans-serif; }
    .map-details address strong {
      font-size: 40px;
      font-size: 2.5rem;
      font-family: "LatoWebHeavy", sans-serif;
      display: block; }
    .map-details address span {
      display: block; }

.socials a {
  color: #ffffff;
  padding: 18px;
  background: #31043c;
  border-radius: 100px;
  width: 70px;
  height: 70px;
  display: inline-block;
  border: 2px dotted rgba(210, 193, 219, 0.8);
  font-size: 40px;
  font-size: 2.5rem;
  margin: 0 10px; }
  @media screen and (min-width: 768px) {
    .socials a {
      width: 100px;
      height: 100px;
      padding: 27px; } }

/* --------------------------------
Main components
-------------------------------- */
.gmaps {
  height: 100%; }

#google-container {
  position: relative;
  width: 100%;
  background-color: #e7eaf0;
  overflow: hidden;
  position: relative;
  height: 100%; }

#cd-google-map {
  position: relative;
  height: 100%;
  /* DEFAULT: 200px; */ }

#cd-zoom-in,
#cd-zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: rgba(108, 16, 132, 0.9);
  background-repeat: no-repeat;
  color: #ffffff;
  background-size: 32px 64px;
  background-image: url("http://codyhouse.co/demo/custom-google-map/img/cd-icon-controller.svg"); }

.no-touch #cd-zoom-in:hover,
.no-touch #cd-zoom-out:hover {
  background-color: #6c1084; }

@media only screen and (min-width: 768px) {
  #cd-zoom-in, #cd-zoom-out {
    margin-left: 50px; } }
#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px; }

@media only screen and (min-width: 768px) {
  #cd-zoom-in {
    margin-top: 50px; } }
#cd-zoom-out {
  background-position: 50% -32px; }

span.orange-highlight {
  color: #f18a01; }

span.red-highlight {
  color: #ff175f; }

span.blue-highlight {
  color: #2dc3ee; }

span.green-highlight {
  color: #a8c728; }

span.purple-highlight {
  color: #6c1084; }

span.light-purple-highlight {
  color: #880a85; }

.background-graduate-colour {
  background-color: #ff175f; }

.background-executive-colour {
  background-color: #2dc3ee; }

.background-hire-colour {
  background-color: #a8c728; }

.background-training-colour {
  background-color: #f18a01; }

.background-contact-colour {
  background-color: #6c1084; }

.background-primary125-colour {
  background-color: #470857; }

.background-secondary125-colour {
  background-color: #880a85; }
  
.background-apprenticeships-colour {
  background-color: #ded304; }

/* ------------------------------
Cards
--------------------------------*/
/* ===== Website Breadcrumb Styling ===== */
section.breadcrumbs {
  padding: 15px 0; }
  section.breadcrumbs ul.bc {
    padding: 0;
    margin: 0;
    display:block;}
    
   



    @media (min-width:768px){
    section.breadcrumbs ul.bc{
        display:block;
    }
    }
    section.breadcrumbs ul.bc li {
      list-style-type: none;
      padding: 0 0 0 21px;
      margin: 0;
      display: inline-block;
      position: relative; }
      section.breadcrumbs ul.bc li:first-of-type {
        padding: 0; }
      section.breadcrumbs ul.bc li:after {
        content: '';
        position: absolute;
        
        right: -17px;
        width: 8px;
        height: 100%;
        background: url("/img/icons/grey-chevron.svg");
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: center center; }
      section.breadcrumbs ul.bc li:last-of-type:after {
        display: none; }
      section.breadcrumbs ul.bc li a {
        color: #747678;
        font-size: 1.175rem; }
        section.breadcrumbs ul.bc li a:hover,
        section.breadcrumbs ul.bc li a :active,
        section.breadcrumbs ul.bc li a :focus {
          color: rgba(116, 118, 120, 0.8);
          text-decoration: none;
          outline: 0; }
        section.breadcrumbs ul.bc li a.current {
          color: #6c1084;
          font-weight: 600; }
          section.breadcrumbs ul.bc li a.current:hover,
          section.breadcrumbs ul.bc li a.current :active,
          section.breadcrumbs ul.bc li a.current :focus {
            text-decoration: none; }
            
            
            
             @media (max-width:767px){
    section.breadcrumbs ul.bc li{display:none;}
    section.breadcrumbs ul.bc li:last-child{display:inline-block;}
    section.breadcrumbs ul.bc li:nth-last-child(2) {display:inline-block; padding-left:0px;}

 }

/* ===== Media Hub Styling ===== */

body.internal.media-pages section.media-hub {
  padding: 0px 0 0 0; }
  
    .media-tab-links {
    text-align: right;
    font-family: "LatoWeb", sans-serif;
    color: #000;
    padding: 5px 5px;
    font-size: 15px;
    font-weight: 100;
    margin:30px 0;
}
 .media-tab-links span.filter-by {font-family: "LatoWebHeavy", sans-serif; margin-bottom:10px;}
 .media-tab-links .filter-type{margin-top:20px;}
  
  .media-tab-links a {
    font-family: "LatoWeb", sans-serif;
    color: #000;
    padding: 0px 5px;
    font-weight: 100;
    font-size:15px;
}

.media-tabs {
    padding-top: 60px;
}

section.media-hub {
  background: #6c1084;
  padding: 0px 0 0 0; }
  section.media-hub.article {
    padding: 0; }
    section.media-hub.article .button-wrap {
      margin-top: 0 !important; }
  section.media-hub .media-tabs .tab-nav-wrap {
    position: relative;
    width: 100%;
    background: #470857; }
    section.media-hub .media-tabs .tab-nav-wrap ul.nav {
      width: 100%; }
      section.media-hub .media-tabs .tab-nav-wrap ul.nav li {
        display: table;
        width: 100%;
        height: 125px;
        overflow: hidden;
        border-bottom: 1px dashed #31043c; }
        section.media-hub .media-tabs .tab-nav-wrap ul.nav li:last-of-type {
          border-bottom: none; }
        section.media-hub .media-tabs .tab-nav-wrap ul.nav li a {
          display: table-cell;
          padding: 15px;
          height: 100%;
          vertical-align: middle;
          color: #ffffff;
          font-size: 1.5rem;
          -webkit-transition: ease-in-out 0.3s;
          -moz-transition: ease-in-out 0.3s;
          -ms-transition: ease-in-out 0.3s;
          -o-transition: ease-in-out 0.3s;
          transition: ease-in-out 0.3s; }
          section.media-hub .media-tabs .tab-nav-wrap ul.nav li a:hover,
          section.media-hub .media-tabs .tab-nav-wrap ul.nav li a :focus,
          section.media-hub .media-tabs .tab-nav-wrap ul.nav li a :active {
            background-color: rgba(255, 255, 255, 0.03); }
        section.media-hub .media-tabs .tab-nav-wrap ul.nav li.active a {
          background-color: rgba(255, 255, 255, 0.1); }
  section.media-hub .media-tabs .media-tab-content a.tab-pane {
    display: none;
    height: 500px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative; }
    section.media-hub .media-tabs .media-tab-content a.tab-pane:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3); }
  section.media-hub .media-tabs .media-tab-content a.tab-pane.active {
    display: block; }
  section.media-hub .media-tabs .media-tab-content .media-tab-inner {
    padding: 50px;
    color: #ffffff; }
    section.media-hub .media-tabs .media-tab-content .media-tab-inner .intro {
      font-size: 1.50rem;
      font-family: "IowanOldStyleW01-Italic1120382", serif; }
    section.media-hub .media-tabs .media-tab-content .media-tab-inner .title {
      font-size: 3rem;
      margin-bottom: 20%; }
    section.media-hub .media-tabs .media-tab-content .media-tab-inner .tab-date {
      display: block;
      text-align: right;
      font-family: "IowanOldStyleW01-Italic1120382", serif; }
    section.media-hub .media-tabs .media-tab-content .media-tab-inner p {
      font-size: 1.50rem;
      font-weight: 200;
      text-align: left;
      color: #ffffff;
      position: relative;
      padding: 0;
      margin: 0;
      max-width: 75%; }
  section.media-hub .nav > li > a:focus, section.media-hub .nav > li > a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.03); }
  section.media-hub .media-squares .media-pagination {
    text-align: right;
    padding-top: 13px; }
    section.media-hub .media-squares .media-pagination .pagination li a {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: rgba(255, 255, 255, 0.6);
      text-decoration: none;
      background-color: transparent;
      border: none;
      -webkit-transition: ease-in-out 0.3s;
      -moz-transition: ease-in-out 0.3s;
      -ms-transition: ease-in-out 0.3s;
      -o-transition: ease-in-out 0.3s;
      transition: ease-in-out 0.3s; }
      section.media-hub .media-squares .media-pagination .pagination li a.prev img {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      section.media-hub .media-squares .media-pagination .pagination li a.current {
        color: white !important; }
      section.media-hub .media-squares .media-pagination .pagination li a:hover,
      section.media-hub .media-squares .media-pagination .pagination li a :focus,
      section.media-hub .media-squares .media-pagination .pagination li a :active {
        color: white !important; }
      section.media-hub .media-squares .media-pagination .pagination li a.arrow {
        background: rgba(255, 255, 255, 0.1) !important;
        padding: 4px 11px !important;
        border-radius: 2px !important; }
  section.media-hub .media-squares .row {
    margin: 0;
    padding: 0; }
  section.media-hub .media-squares .content_square {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%; }
    section.media-hub .media-squares .content_square.img {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      section.media-hub .media-squares .content_square.img:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7); }
      section.media-hub .media-squares .content_square.img.darker:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7); }
    section.media-hub .media-squares .content_square.hlf {
      padding-bottom: 50%; }
    section.media-hub .media-squares .content_square.twitter {
      background: #0085ea; }
    section.media-hub .media-squares .content_square.graduate {
      background-color: #ff175f; }
    section.media-hub .media-squares .content_square.executive {
      background-color: #2dc3ee; }
    section.media-hub .media-squares .content_square.hire {
      background-color: #a8c728; }
    section.media-hub .media-squares .content_square.training {
      background-color: #f18a01; }
    section.media-hub .media-squares .content_square.pareto {
      background-color: #470857; }
    section.media-hub .media-squares .content_square.primary-bg {
      background-color: #6c1084; }
  section.media-hub .media-squares .cs-inner-wrap {
    color: #ffffff;
    position: absolute;
    padding: 15px 15px 15px 30px;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    section.media-hub .media-squares .cs-inner-wrap .media-date {
      display: block;
      width: 100%;
      text-align: right; }
      section.media-hub .media-squares .cs-inner-wrap .media-date:before {
        content: "\f017";
        font: normal normal normal 14px/1 FontAwesome;
        padding: 1px 5px 0 0px; }
    section.media-hub .media-squares .cs-inner-wrap span.feature-tag {
      background: #6c1084;
      padding: 10px !important;
      line-height: 1em !important;
      margin: 0;
      text-transform: uppercase;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
      font-weight: 500 !important;
      letter-spacing: 1px; }
    section.media-hub .media-squares .cs-inner-wrap .media-button .btn.btn-primary {
      padding: 8px 30px; }
    section.media-hub .media-squares .cs-inner-wrap .button-wrap {
      overflow: hidden;
      margin-top: 20px; }
      section.media-hub .media-squares .cs-inner-wrap .button-wrap .media-button {
        float: left; }
      section.media-hub .media-squares .cs-inner-wrap .button-wrap .media-date-wrap {
        float: right;
        padding-top: 12px; }
        section.media-hub .media-squares .cs-inner-wrap .button-wrap .media-date-wrap:before {
          content: "\f017";
          font: normal normal normal 14px/1 FontAwesome;
          padding: 1px 5px 0 0px; }
    section.media-hub .media-squares .cs-inner-wrap .media-title {
      margin: 0 0 5px 0;
      min-height: 90px; }
      section.media-hub .media-squares .cs-inner-wrap .media-title a {
        color: #ffffff; }
        section.media-hub .media-squares .cs-inner-wrap .media-title a:hover,
        section.media-hub .media-squares .cs-inner-wrap .media-title a :active,
        section.media-hub .media-squares .cs-inner-wrap .media-title a :focus {
          color: rgba(255, 255, 255, 0.8);
          text-decoration: none; }
          section.media-hub .media-squares .cs-inner-wrap  a:hover,
        section.media-hub .media-squares .cs-inner-wrap  a :active,
        section.media-hub .media-squares .cs-inner-wrap a :focus {
         
          text-decoration: none; }
          
    section.media-hub .media-squares .cs-inner-wrap .subtitle {
      color: #a38ab0;
      font-family: "IowanOldStyleW01-Italic1120382", serif;
      font-size: 32px;
      font-size: 2rem;
      font-weight: 400;
      padding: 30px 0; }
    section.media-hub .media-squares .cs-inner-wrap .media-exerpt,
    section.media-hub .media-squares .cs-inner-wrap .twitter-exerpt {
      margin: 0 0 5px 0;
      min-height: 90px; color: #ffffff; }
      section.media-hub .media-squares .cs-inner-wrap .media-exerpt a,
      section.media-hub .media-squares .cs-inner-wrap .twitter-exerpt a {
        color: #ffffff; }
        section.media-hub .media-squares .cs-inner-wrap .media-exerpt a:hover,
        section.media-hub .media-squares .cs-inner-wrap .media-exerpt a :active,
        section.media-hub .media-squares .cs-inner-wrap .media-exerpt a :focus,
        section.media-hub .media-squares .cs-inner-wrap .twitter-exerpt a:hover,
        section.media-hub .media-squares .cs-inner-wrap .twitter-exerpt a :active,
        section.media-hub .media-squares .cs-inner-wrap .twitter-exerpt a :focus {
          color: rgba(255, 255, 255, 0.8);
          text-decoration: none; }
  @media screen and (max-width: 991px) {
    section.media-hub .media-squares .content_square.hlf {
      padding-bottom: 100%; } }

@media (min-width: 1200px) and (max-width: 1300px) {
  section.media-hub .media-squares .cs-inner-wrap .button-wrap {
    margin-top: 0; }
    section.media-hub .media-squares .cs-inner-wrap .button-wrap .media-date-wrap {
      font-size: 0.750rem; }
  section.media-hub .media-squares .cs-inner-wrap .media-title {
    min-height: 60px; }
  section.media-hub .media-squares .cs-inner-wrap .media-exerpt,
  section.media-hub .media-squares .cs-inner-wrap .twitter-exerpt {
    min-height: 60px; }
  section.media-hub .media-squares .cs-inner-wrap .media-date {
    font-size: 0.750rem; } }
i.play-video {
  background: url("/img/icons/play-icon-white.svg");
  width: 100px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 8%; }

section.mediahub-article .side-section-wrap {
  margin-top: 60px; }
  section.mediahub-article .side-section-wrap:first-of-type {
    margin-top: 0; }

.rte {
  padding: 0 0 30px 0;
  color: #747678;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "AdobeCaslonW01-Regular", sans-serif; }
  .rte .subtitle {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    padding: 30px 0; }
  .rte .purple-subtitle {
    color: #6c1084;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
    padding: 0px 0;
    margin-bottom: 10px; }
  .rte p, .rte li {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "AdobeCaslonW01-Regular", sans-serif; }
  .rte ul {
    list-style: none; }
    .rte ul li {
      position: relative;
      margin-bottom: 10px; }
    .rte ul li:before {
      content: " ";
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 100px;
      background-color: #470857;
      position: absolute;
      top: 5px;
      left: -30px; }
  .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    font-family: "LatoWebBlack", sans-serif;
    color: #393939; }
  .rte h1, .rte h2, .rte h3 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 10px;
    margin-bottom: 30px; }
  .rte h4, .rte h5, .rte h6 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 10px;
    margin-bottom: 30px; }

.related-wrap {
  border: 1px dotted #88808a;
  margin-bottom: 30px;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  
  .related-wrap .related-hd{max-height:280px; overflow:hidden;
    padding: 30%;
    background-size: cover;
    background-position: 50% 50%;}
  .related-wrap .related-hd img{width:100%;}
  .related-wrap:hover {
    border: 1px solid #6c1084; }
  .related-wrap .related-bd {
    padding: 20px;
    overflow: hidden; }
    .related-wrap .related-bd .related-title {
      font-family: "LatoWebBlack", sans-serif;
      color: #393939;
      font-size: 1.5rem; }
    .related-wrap .related-bd hr {
      border-top: 1px dotted #88808a;
      width: 50%;
      text-align: left;
      margin: 20px 0; }
    .related-wrap .related-bd p {
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "AdobeCaslonW01-Regular", sans-serif;
      color: #747678; }
    .related-wrap .related-bd button {
      float: right; }

.media-assets {
  background: #f7f4f4;
  text-align: right;
  padding: 10px 0;
  font-size: 16px;
  font-size: 1rem; }
  .media-assets .full-width-content {
    text-align: center; }
    .media-assets .full-width-content .subtitle {
      font-size: 25px;
      font-size: 1.5625rem; }
    .media-assets .full-width-content .heading {
      font-size: 35px;
      font-size: 2.1875rem; }
    .media-assets .full-width-content p a {
      padding: 0px;
      color: #6c1084; }
  .media-assets span.filter-label {
    color: #747678;
    font-family: "LatoWebBold", sans-serif;
    padding: 0 5px; }
  .media-assets a {
    color: #747678;
    padding: 0 15px;
    font-family: "LatoWebBold", sans-serif; }
    .media-assets a:hover {
      text-decoration: none;
      font-family: "LatoWebBold", sans-serif;
      color: #6c1084; }
    .media-assets a i {
      padding-right: 5px; }

/* ------------------------------
Footer
--------------------------------*/
footer .footer-links {
  padding: 60px 0 30px 0;
  background-color: #470857;
  color: #ffffff; }
  footer .footer-links ul {
    list-style: none;
    padding: 0px;
    margin: 0px; }
  footer .footer-links a {
    color: #ffffff; }
  footer .footer-links .footer-address {
    font-family: "LatoWeb", sans-serif; }
    footer .footer-links .footer-address p {
      font-family: "LatoWeb", sans-serif; }
  footer .footer-links .office {
    text-align: right; }
  footer .footer-links ul.contact-detail {
    display: table;
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%; }
    footer .footer-links ul.contact-detail li {
      display: table-row; }
      footer .footer-links ul.contact-detail li span {
        display: table-cell; }
      footer .footer-links ul.contact-detail li span:nth-child(1) {
        width: 60%; }
      footer .footer-links ul.contact-detail li span:nth-child(2) {
        width: 40%;
        text-align: right; }
footer .signoff {
  background-color: #470857;
  color: #ffffff; }
  footer .signoff .text-align-right {
    text-align: right; }
  footer .signoff .row {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #ffffff; }
  footer .signoff a {
    color: #ffffff; }

/* ------------------------------
Signoff
--------------------------------*/
/* ------------------------------
Modals
--------------------------------*/
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(108, 16, 132, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity.lity-opened {
  opacity: 1; }

.lity.lity-closed {
  opacity: 0; }

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important; }

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important; }

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 20px;
  top: 20px;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .lity-close:after {
    content: "\f00d";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    color: #ffffff;
    padding: 3px 6px;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 0; }

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0; }

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.lity-close:active {
  top: 1px; }

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.lity-hide {
  display: none; }

/* ------------------------------
Rich Text Editor
--------------------------------*/
.rte p strong {
  font-weight: bold; }
.rte img {
  max-width: 100%;
  height: auto; }

/* ------------------------------
Main
--------------------------------*/
*:focus {
  outline: none; }

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important; }

header {
  z-index: 3; }

@media (min-width: 768px) {
  .page-contents {
    position: fixed;
    top: 0px;
    z-index: 2;
    width: 100%;
    margin-top: 120px;
    height: 100vh; } }

body.internal .page-contents {
  position: relative;
  margin-top:-10px; }
  
  
body.internal.sector-landing-page .page-contents {
  position: relative;
  margin-top:0px; }
@media (min-width: 768px) {
  .page-contents.unstick {
    position: relative;
    margin-top: 80px; } }

@media (min-width: 768px) {
  .page-helper {
    position: relative;
    margin-top: 100vh; } }

@media (min-width: 768px) {
  .page-helper.unstick {
    margin-top: 80px; } }

#hero-anchor {
  width: 100%;
  height: 10px; }

.triangle span:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 15px 15px;
  display: inline-block;
  margin-right: 10px;
  border-color: transparent transparent #ffffff transparent; }

.graduate-triangle span:before {
  border-color: transparent transparent #ff175f transparent; }

.executive-triangle span:before {
  border-color: transparent transparent #2dc3ee transparent; }

.hire-triangle span:before {
  border-color: transparent transparent #a8c728 transparent; }

.training-triangle span:before {
  border-color: transparent transparent #f18a01 transparent; }
  
.pareto-triangle span:before {
    border-color: transparent transparent #ae17aa transparent;
}

.tech-triangle span:before {
    border-color: transparent transparent #fff822 transparent;
}

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

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[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;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

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

.vennModal-backdrop.in {
  z-index: 9;
  width: 100%;
  top: 0%;
  left: 0;
  height: 100%;
  position: fixed;
  opacity: 0.9;
  overflow-x: hidden;
  overflow-y: auto; }

.modal-window.in {
  opacity: 1;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box; }

.modal-window {
  display: none;
  transition: all 400ms;
  z-index: 99999;
  top: 0%;
  width: 100%;
  box-pack: center;
  box-align: center;
  overflow: overlay;
  max-height: 100vh;
  height: 100%;
  overflow-y: auto;
  opacity: 0; }

.modal-window .form-content {
  max-width: 1140px;
  width: 80%;
  padding: 30px; }

.modal-window .close-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }
  .modal-window .close-overlay i {
    color: white;
    float: right;
    padding: 20px;
    font-size: 30px; }

.modal-window .modal-content {
  position: relative;
  z-index: 2;
  box-shadow: none !important;
  border: 0px !important; }

.vennModal-open {
  overflow: hidden;
  height: 100%; }

/* fixing apple's stupid iphone and ipad issues */
.text-align-right a, .form-text a, .contact-detail a, .phone-logo a {
  color: #ffffff; }

/*# sourceMappingURL=main.css.map */




     
      @media screen and (min-width: 992px) {
  .locations .row {
    overflow: hidden; }
    .locations .row .col-md-7 .col-md-6 img {
      width: 243%;
      left: -25%; }
    .locations .row .col-md-5 .col-md-6 img {
      width: 140%;
      left: -25%; } }
.locations img {
  width: 100%;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.locations a {
  overflow: hidden;
  display: block;
  position: relative; }
  .locations a:hover img {
    transform: scale(1.2) !important; }
  .locations a:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
    background: rgba(67, 21, 128, 0);
    background: -moz-linear-gradient(top, rgba(67, 21, 128, 0) 0%, #4f14a8 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67, 21, 128, 0)), color-stop(100%, #4f14a8));
    background: -webkit-linear-gradient(top, rgba(67, 21, 128, 0) 0%, #4f14a8 100%);
    background: -o-linear-gradient(top, rgba(67, 21, 128, 0) 0%, #4f14a8 100%);
    background: -ms-linear-gradient(top, rgba(67, 21, 128, 0) 0%, #4f14a8 100%);
    background: linear-gradient(to bottom, rgba(67, 21, 128, 0) 0%, #4f14a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#431580', endColorstr='#4f14a8', GradientType=0 ); }
.locations .location-title {
  position: absolute;
  color: #ffffff;
  text-align: center;
  display: block;
  left: 0px;
  right: 0px;
  bottom: 25px;
  z-index: 3;
  font-size: 25px;
  font-size: 1.5625rem;
  font-family: "LatoWebHeavy", sans-serif;
  display: block; }
  @media screen and (min-width: 992px) {
    .locations .location-title {
      left: 25px;
      text-align: left;
      right: auto; } }
      
      
      
      
      
        .multi-boxes {
                                    position: relative;
                                    padding: 30px 0;
                                }
                                .multi-boxes a .row .col-xs-6{}

                                .multi-boxes a {
                                    width: 100%;
                                    height: 100%;
                                    display: block;

                                }

                                .multi-boxes .copy-box {
                                    width: 100%;
                                    height: 100%;
                                    left: 0;
                                    top: 0;
                                    padding:0 10px;

                                    vertical-align: middle;
                                }


                                .multi-boxes .copy-box span {
                                    display: block;
                                    text-align: center;
                                    position: relative;
                                    z-index: 2
                                }

                                .multi-boxes .copy-box span.sm-text {
                                    color: #fff;
                                    font-family: "LatoWebBold", sans-serif;
                                }

                                .multi-boxes .copy-box span.md-text {
                                    color: #fff;
                                        font-family: "IowanOldStyleW01-Italic1120382", serif;
                                        font-size:1.5em;
                                }
                                @media (min-width: 768px) {
                                  .multi-boxes .copy-box span.md-text {
                                          font-size:1.6rem;
                                  }
                                }
                                @media (min-width: 7992px) {
                                  .multi-boxes .copy-box span.md-text {
                                          font-size:1.8rem;
                                  }
                                }


                                .multi-boxes.people .image-box {
                                    background: rgba(108, 21, 128, 1);
                                }

                                .multi-boxes.people .image-box img {
                                    width: 100%;
                                    opacity: 1;
                                    border:0px solid  rgba(108, 21, 128, 1);
                                    -webkit-transition: all 0.5s ease;
                                    -moz-transition: all 0.5s ease;
                                    -ms-transition: all 0.5s ease;
                                    -o-transition: all 0.5s ease;
                                    transition: all 0.5s ease;
                                }



                                .multi-boxes.people a:hover .image-box img {
                                  border:10px solid  rgba(67, 21, 128, 1);
                                  left:-1px
                                }

                                .multi-boxes a .copy-box {
                                    background: rgba(108, 21, 128, 1);
                                    width: 100%;
                                    float: left;
                                    padding-top: 25%;
                                    position: relative;
                                    overflow: hidden;

                                }

                                @media (min-width: 768px) {
                                  .multi-boxes a .copy-box {
                                      padding-top: 35%;

                                  }
                                }

                                .multi-boxes a .copy-box:after {
                                    -webkit-transition: all 0.5s ease;
                                    -moz-transition: all 0.5s ease;
                                    -ms-transition: all 0.5s ease;
                                    -o-transition: all 0.5s ease;
                                    transition: all 0.5s ease;
                                    content: " ";
                                    position: absolute;
                                    z-index: 1;
                                    width: 100%;
                                    height: 100%;
                                    left: 0;
                                    top: 0;
                                    opacity: 0;
                                    background: rgba(108, 21, 128, 1);
                                    background: -moz-linear-gradient(top, rgba(67, 21, 128, 1) 0%, rgba(108, 16, 132, 0.5) 100%);
                                    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67, 21, 128, 1)), color-stop(100%, rgba(108, 16, 132, 0.5)));
                                    background: -webkit-linear-gradient(top, rgba(67, 21, 128, 1) 0%, rgba(108, 16, 132, 0.5) 100%);
                                    background: -o-linear-gradient(top, rgba(67, 21, 128, 1) 0%, rgba(108, 16, 132, 0.5) 100%);
                                    background: -ms-linear-gradient(top, rgba(67, 21, 128, 1) 0%, rgba(108, 16, 132, 0.5) 100%);
                                    background: linear-gradient(to bottom, rgba(67, 21, 128, 1) 0%, rgba(108, 16, 132, 0.5) 100%);
                                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(67, 21, 128, 1)', endColorstr='rgba(108, 16, 132, 0.5)', GradientType=0);
                                }

                                .multi-boxes a:hover .copy-box:after {
                                    opacity: 1;
                                }

                                span.btn-ghost-white{
                                  border:1px solid #fff;
                                  color:#fff;
                                  border-radius: 0px;
                                  width:120px;
                                  padding:10px 15px;
                                  font-family: "LatoWebBold", sans-serif;
                                  text-align: center;
                                  margin: 15px auto;

                                  -webkit-transition: all 0.5s ease;
                                  -moz-transition: all 0.5s ease;
                                  -ms-transition: all 0.5s ease;
                                  -o-transition: all 0.5s ease;
                                  transition: all 0.5s ease;

                                }
                                @media (min-width: 768px) {
                                  span.btn-ghost-white{
                                    bottom:-150px;
                                    opacity: 0;
                                  }
                                }
                                span.btn-ghost-white:hover{
                                  background:#fff;

                                }
                                .multi-boxes a:hover span.btn-ghost-white{
                                  bottom:0px;
                                  opacity:1;
                                  margin-top:110px;

                                }

                                .multi-boxes.companies a{
                                  position: relative;
                                  overflow: hidden;
                                  border:1px solid #f5f5f5;
                                }
                                .multi-boxes.companies a:hover{
                                  text-decoration: none;
                                }
                                .multi-boxes.companies .image-box {
                                    min-height:250px;

                                  width: 100%;
                                  position: absolute;
                                  top: 0px;
                                  z-index: 2;
                                  background:#fff;
                                  -webkit-transition: all 0.5s ease;
                                  -moz-transition: all 0.5s ease;
                                  -ms-transition: all 0.5s ease;
                                  -o-transition: all 0.5s ease;
                                  transition: all 0.5s ease;
                                  text-align:center;
                                  overflow:hidden;


                                }
                                .multi-boxes.companies .image-box:after{
                                  content:" ";
                                  position: relative;
                                  display: inline-block;
                                  height: 100%;
                                  vertical-align: middle;
                                }

                                .multi-boxes.companies a:hover .image-box{
                                  top: -100%;

                                }

                                .multi-boxes.companies .image-box img {
                                    width: 100%;
                                    opacity: 1;
                                    -webkit-transition: all 0.5s ease;
                                    -moz-transition: all 0.5s ease;
                                    -ms-transition: all 0.5s ease;
                                    -o-transition: all 0.5s ease;
                                    transition: all 0.5s ease;
                                    padding:25%;
                                    position:absolute;
    top:0;
    bottom:0;
    left: 0;
    right:0;
    margin:auto;
                                }

                                .multi-boxes.companies .image-box span.sm-text {
                                  position: absolute;
                                  width:100%;
                                  bottom:0px;
                                  padding:5px;
                                  text-align: center;
                                  color: #393939;
                                  z-index: 2;
                                  font-family: "LatoWebBold", sans-serif;
                                  background:#f7f4f4;
                                  left: 0px;

                                }



                                .multi-boxes.companies .hover-box {
                                    min-height:250px;
                                  width: 100%;
                                  position: relative;
                                  z-index: 1;
                                  opacity: 1;
                                  overflow: hidden;
                                  text-align: center;
                                  background: rgba(108, 21, 128, 1);
                                  

                                }
                                .multi-boxes.companies .hover-box img {
                                    width: 150px;
                                    opacity: 1;
                                    -webkit-transition: all 0.5s ease;
                                    -moz-transition: all 0.5s ease;
                                    -ms-transition: all 0.5s ease;
                                    -o-transition: all 0.5s ease;
                                    transition: all 0.5s ease;
                                    padding:20px;
                                }

                                .multi-boxes.companies .hover-box .sm-text {
                                  display:block;
                                  width: 100%;

                                  padding:5px;
                                  text-align: center;
                                  color: #fff;
                                  z-index: 2;
                                  font-family: "LatoWebBold", sans-serif;
                                }

                                .multi-boxes.companies .hover-box img {



                                }
                                
                                
.accordion-content{
  padding:30px 0
}


.transition,
.accordion-content p,
.accordion-content ul li i:before,
.accordion-content ul li i:after {
  transition: all 0.25s ease-in-out;
}

.flipIn,
.accordion-content ul li {
  animation: flipdown 0.5s ease both;
}

.no-select,
.accordion-content h3 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}






.accordion-content p {

  color: #747678;
font-size: 1.4rem;

  font-family: "AdobeCaslonW01-Regular", sans-serif;
  position: relative;
  overflow: hidden;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 30px;
  z-index: 2;
}

.accordion-content ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.accordion-content ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 18px;
  padding-top: 18px;
  border-top: 1px dotted #dce7eb;
}
/*ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
ul li:nth-of-type(3) {
  animation-delay: 1s;
}*/
.accordion-content ul li:last-of-type {
  padding-bottom: 0;
}
.accordion-content ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 28px;
  right: 0;
}
.accordion-content ul li i:before, .accordion-content ul li i:after {
  content: "";
  position: absolute;
  background-color: #6c1084;
  width: 3px;
  height: 9px;
}
.accordion-content ul li i:before {
  transform: translate(-3px, 1px) rotate(45deg);
}
.accordion-content ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.accordion-content ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  color: #6c1084;
}

.accordion-content ul li input[type=checkbox] ~ h3 {
  color: #6c1084;
}
.accordion-content ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.accordion-content ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion-content ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-3px, -1px) rotate(-45deg);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

.accordion-content h3{
  font-family: "IowanOldStyleW01-Italic1120382", serif;
  font-size: 1.5rem;
  color: #393939;

}

.accordion-content li:hover h3{
  color: #6c1084;
}

.accordion-content ul li input[type=checkbox]:checked ~ h3 {
  color: #393939;
}
.accordion-content ul li:hover input[type=checkbox]:checked ~ h3 {
  color: #6c1084;
}

.form-content{}

.form-content .checkboxes label.label_check {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    color: #747678;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 100;
    font-family: "LatoWeb", sans-serif;
}

.form-content .checkboxes label.label_check input {
    opacity: 0;
}

.form-content .checkboxes label.label_check span {
    margin-left: 25px;
    top: 4px;
    position: relative;
}

@media (min-width: 1024px){
.form-content .checkboxes label.label_check span {
    top: 1px;
}
}


.form-content .checkboxes label.label_check .control-indicator {
    position: absolute;
    width: 26px;
    height: 26px;
    border: 1px solid #d2c1db;
    background-color: #ffffff;
    border-radius: 3px;
    top: 12px;
}

.form-content .checkboxes label.label_check.c_on .control-indicator:after {
    opacity: 1;
    content: " ";
    border-radius: 3px;
    width: 12px;
    height: 12px;
    display: block;
    background-color: #31043c;
    margin: 6px;
}

.form-content .checkboxes label.label_check .control-indicator:after {
    opacity: 0;
    content: " ";
    border-radius: 3px;
    width: 12px;
    height: 12px;
    display: block;
    background-color: #31043c;
    margin: 6px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.form-content .radios label.label_radio {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    color: #747678;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 100;
    font-family: "LatoWeb", sans-serif;
}

.form-content .radios label.label_radio input {
    opacity: 0;
}

@media (min-width: 1024px){
.form-content .radios label.label_radio span {
    top: 1px;
}
}

.form-content .radios label.label_radio span {
    margin-left: 25px;
    top: 0px;
    position: relative;
}

.form-content .radios label.label_radio .control-indicator {
    position: absolute;
    width: 26px;
    height: 26px;
    border: 1px solid #d2c1db;
    background-color: #ffffff;
    border-radius: 100px;
    top: 11px;
}

.form-content  .radios label.label_radio .control-indicator:after {
    opacity: 0;
    content: " ";
    border-radius: 100px;
    width: 12px;
    height: 12px;
    display: block;
    background-color: #31043c;
    margin: 6px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.form-content .radios label.label_radio.r_on .control-indicator:after {
        opacity: 1;
        content: " ";
        border-radius: 100px;
        width: 12px;
        height: 12px;
        display: block;
        background-color: #31043c;
        margin: 6px; }
        
        
.form-content .collapsable-filters.custom-dropdown{
    display: none;
    position: absolute;
    z-index: 4;
    background: white;
    border: 1px solid rgb(245, 245, 245);
    padding: 20px;
    max-height: 300px;
    overflow: auto;
}


.label-label{width: 100%;
    background-color: transparent;
    border: 0px;
    padding: 14px 10px 10px 10px;
    height: 56px;
    cursor: text;
    color: #747678;
    font-size: 16px;
    font-size: 1rem;
    font-family: "LatoWeb", sans-serif;
    border: 1px solid #747678;
    position:relative;
    
}

.form-content  span.ico {
    float: right;
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 16px;
    font-size: 1rem;
}

.form-content  span.ico i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.form-content span.ico i:after {
    content: "\f067";
    display: block;
    width: 20px;
    height: 20px;
    color: #6c1084;
}

.form-content span.ico.close i:after {
    content: "\f068";
    display: block;
    width: 20px;
    height: 20px;
    color: #6c1084;
}


.form-content .custom-file-upload {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 0;
    position: relative;
    height: 58px;
    border: 1px solid;
}

.form-content .custom-file-upload span {
    color: #747678;
    font-size: 20px;
    font-size: 1rem;
    font-family: "LatoWeb", sans-serif;
    text-align: left;
    float: left;
    position: relative;
    z-index: 1;
    padding: 16px 13px;
}

.form-content .file-upload-wrapper {
    position: absolute;
    margin-bottom: 5px;
    width: 100%;
}


.form-content .file-upload-input {
    padding: 21px 0 11px 202px;
    width: 100%;
    color: #6c1084;
    background: #fff;
}

.form-content .file-upload-button{
    z-index:3;
}


.full-panels{width:100%; overflow:hidden;}


.actionbars{position: absolute; z-index: 99; cursor: pointer;}

        .popup-overlay{z-index:100; visibility:hidden; background-color: rgba(0,0,0,0.5); opacity:0; position: absolute; top:-50vh; width:100%; height: 100vh; left:0px;}

        .banner{position:relative}
          .box-popup{

            width:600px;
            position: absolute;
            top:-300px;
            left: 0px;
            opacity: 0;
            z-index: 110;
          }
          .box-popup.red{background:#ff175f;}
          .box-popup.red .btn{background: #be043e;}
          .box-popup.red .btn:before{background: #ab0035;}
          
          .box-popup.orange{background:#f18a01;}
          .box-popup.orange .btn{background: #ad6301;}
          .box-popup.orange .btn:before{background: #9d5a00;}

          .box-popup.green{background:#a8c728;}
          .box-popup.green .btn{background: #7e9717;}
          .box-popup.green .btn:before{background: #738a13;}
          
          .box-popup.blue{background:#2dc3ee;}
          .box-popup.blue .btn{background: #1c88b5;}
          .box-popup.blue .btn:before{background: #0f749e;}


          .box-popup:after{
  content: "";
  display: table;
  clear: both;

          }

          .box-popup:before{
            content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    width: 50px;
    height: 50px;
    bottom: -50px;
    left: 40px;
}
    .box-popup.red:before{
border-color: #ff175f transparent transparent transparent;
}
.box-popup.orange:before{
border-color: #f18a01 transparent transparent transparent;
}
.box-popup.green:before{
border-color: #a8c728 transparent transparent transparent;
}
.box-popup.blue:before{
border-color: #2dc3ee transparent transparent transparent;
}

          .box-popup .inner{
            float:left;
            padding:15px 0px 15px 30px;
            color:#ffffff;
            width: 65%;

          }
          .box-popup .inner h4{font-size: 30px;}
            .box-popup .inner span.jtitle{
              font-family: "IowanOldStyleW01-Italic1120382", serif;
font-size: 21px;
font-weight: 300;
            }
              .box-popup .inner p{
                font-size: 20px;
              }

              .box-popup .inner h4{}
          .box-popup img{
            width:210px;
            float:right;
          }
          .box-popup a.btn{padding:10px 20px}


          .over{
            left: auto!important;
right: 20px!important;
          }
          .box-popup.over:before{
            left: auto!important;
right: 40px!important;
          }

          .box-popup.over .inner{
            float:right;
          }
          

.video-replacement{width:100%; height:100vh; background-size:cover; position:absolute; /*top:-50px;*/ top:-10vh; left:0px;}
       

@media (min-width: 680px){
    .video-replacement{top:-50vh; }
}
.video{display:none;}
.video-padding {
    padding: 80px 0;
}

@media (min-width: 1024px){
   .video-replacement{display:none;} 
   .video{display:block;}

}


.modal-content .custom-file-upload span {
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "LatoWebBold", sans-serif;
    text-align: left;
    float: left;
}

.modal-content .file-upload-input {
    padding: 42px 0 11px 15px;
        width: 100%;
        color:#fff;
        background:none;
}
@media (max-width: 500px){
 .modal-content .file-upload-input {
        width: 100%;
   
}

.modal-window .form-content{
    padding:0px;
    width:70%;
}
}

.modal-content .custom-file-upload {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 0;
    position: relative;
    height: 58px;
    border:none;
}

.modal-content .custom-file-upload .filename{display:none;}

.form-content.white .form .select select{border-radius:0px;}

.form-content.white .form input[type=checkbox] + label:before {
    color: #6c1084;
}

.side-navigation li ul{display:none;}
.side-navigation li ul li{position:relative;}
.side-navigation li i{position:absolute; right :0; margin-top:2px;}


.social-navigation {padding:10px 8px; margin: 10px 0; height: 70px; float:left; width:100%;}
.social-navigation a{width:16.6%}
.social-navigation a i{
  color:#fff;
  font-size: 20px;
  width:100%;
  display: block;
  float: left;
  text-align: center;
  padding: 15px 0;
  background:#747678
}

.social-navigation:after {
  content: "";
  display: table;
  clear: both;
}

.social-navigation a:last-child{
  margin-right: 0px;
}
.social-navigation .fa-facebook{background:#3b5998}
.social-navigation .fa-twitter{background:#0084b4}
.social-navigation .fa-linkedin{background:#007bb6}
.social-navigation .fa-google-plus{background:#d34836}
.social-navigation .fa-envelope{background:#6c1084}
.social-navigation .fa-whatsapp{background:#4dc247; display: inline-block;}

.share-title{display: block; text-align: center; padding: 10px 0; color:#6c1084; font-family: "IowanOldStyleW01-Italic1120382", serif;}
@media(min-width:992px){
  .social-navigation .fa-whatsapp{display:none}
  .social-navigation a{width:20%;}
  .social-navigation {padding:10px 2px; margin: 10px 0;}




.social-navigation a:nth-last-child(2){margin-right: 0px;}
}
@media(min-width:1169px){
  .social-navigation a{
  }
}
@media(min-width:1400px){
  .social-navigation a{
  }
}


.social-navigation {
	font-size: 100%;
	line-height: 62px;
	-webkit-perspective: 1000px;
}



/* Container box to set the sides relative to */
.cube {
	width: 16.6%;
	text-align: center;
	margin: 0 auto;
	height: 50px;

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s; /* Animate the transform properties */

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* <-NB */
  display: block;
  float: left;
}

/* The two faces of the cube */
.flippety,.flop {
display: block;



	height: 50px;
}

.cube i{color:#fff; background:#747678; width:100%; height: 100%; display: block; text-align: center;}

/* Position the faces */
.flippety {
	-webkit-transform: translateZ(25px);
	transform: translateZ(25px);
}

.flop {
	-webkit-transform: rotateX(-90deg) translateZ(-25px);
	transform: rotateX(-90deg) translateZ(-25px);
}

/* Rotate the cube */
.cube:hover {
	-webkit-transform: rotateX(89deg);
	transform: rotateX(89deg); /* Text bleed at 90º */
}


.quick-profile-content{width:100%; display: block; padding-bottom: 20px}
.quick-profile-content:after{content:" "; display: table; clear: both;}
.quick-profile-content .image img{width:100%; max-width:100%; margin-bottom:30px;}
.quick-profile-content .summary{border:1px solid #f4f4f4; padding:15px; float:left; width:100%; }
.quick-profile-content .summary:after{content:" "; display: table; clear: both;}
  .quick-profile-content .intro{ vertical-align: middle; padding-left: 15px;}
@media (min-width:768px){
  .quick-profile-content .summary{display: table;}
  .quick-profile-content .image{width:30%; display: table-cell;}
  .quick-profile-content .image img{max-width:300px; margin-bottom:0px;}
  .quick-profile-content .intro{width:70%;  display: table-cell;}
}

.logo-content ul{list-style: none; padding:0px}
.logo-content ul li:before{display:none; padding:0px; marign:0px}
.logo-content ul li{display:inline-block; width: 32%}
@media (min-width:992px){
  .logo-content ul li{display:inline-block; width: 24%}  
}
.logo-content ul li img{max-width: 300px; width:100%; padding:10px; -ms-filter:grayscale(1); -webkit-filter: grayscale(1);
  filter: grayscale(1);   -webkit-transition: all .8s ease-out;
  -moz-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-out;
}

.logo-content ul li img:hover{-ms-filter:grayscale(0); -webkit-filter: grayscale(0);
  filter: grayscale(0); }


.circle-hint {
  position: relative;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin: 25px;
  border: 2px solid #fff;
  display:none;
}
.circle-hint:before,
.circle-hint:after, .circle-hint span {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
  border-radius: 50%;
  box-shadow: 0 0 15px #fff;
  animation: glow-grow 2s ease-out infinite;
}
.circle-hint:after {
  animation-delay: .66s;
}
.circle-hint span{
  animation-delay: 1.66s;
  }
@keyframes glow-grow {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}



section.media-hub .media-squares .executive .cs-inner-wrap .media-button .btn.btn-primary{background-color:#2dc3ee;}
section.media-hub .media-squares .executive .cs-inner-wrap .media-button .btn.btn-primary:before{background-color:#1c88b5;}
section.media-hub .media-squares .graduate .cs-inner-wrap .media-button .btn.btn-primary{background-color:#ff175f;}
section.media-hub .media-squares .graduate .cs-inner-wrap .media-button .btn.btn-primary:before{background-color:#be043e;}
section.media-hub .media-squares .training .cs-inner-wrap .media-button .btn.btn-primary{background-color:#ad6301;}
section.media-hub .media-squares .training .cs-inner-wrap .media-button .btn.btn-primary:before{background-color:#9d5a00;}

section.media-hub .media-squares .hire .cs-inner-wrap .media-button .btn.btn-primary{background-color:#7e9717;}
section.media-hub .media-squares .hire .cs-inner-wrap .media-button .btn.btn-primary:before{background-color:#738a13;}


.rollback-message{    color: #747678;
    font-size: 25px;
    font-size: 1.5625rem;}
    
    
    
    .side-section-wrap .collapsable-filters {
    display: none; }
   .side-section-wrap .main-label.toggle-collapse {
    position: relative; width:100%; margin-top:20px; }
 .side-section-wrap span.ico {
    float: right;
    position: absolute;
    right: 0px;
    top: 3px;
    font-size: 16px;
    font-size: 1rem; }
     .side-section-wrap span.ico i {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
       .side-section-wrap span.ico i:after {
        content: "\f067";
        display: block;
        width: 20px;
        height: 20px;
        color: #6c1084; }
 .side-section-wrap span.ico.close i:after {
    content: "\f068";
    display: block;
    width: 20px;
    height: 20px;
    color: #6c1084; }
    
    
     .form-content.purple .custom-file-upload{
     border:0;
 }
 
 .form-content.purple .file-upload-input {
    padding: 21px 0 11px 202px;
    width: 100%;
    color: #fff;
    background:#6c1084;
}

.form-content .custom-file-upload span{
        font-family: "LatoWebBold", sans-serif;
        color:#ffffff;
            font-size: 1.25rem;
}


@media (max-width:768px){
.img-ttl-content a, .img-ttl-content a:focus {
    text-decoration: none; }
  .img-ttl-content img {
    width: 50px; }
  .img-ttl-content .toggle-content {
    opacity: 1;
    visibility: visible;
    height: 100%; }
    
    .media-tab-links span.filter-by {
    width: 100%;
    display: block;
    text-align: left;
}
.media-tab-links a {
    width: 49%;
    display: inline-block;
    text-align: left;
}


}
@media (min-width:768px){

.home .banner .banner-contents .subtitle, .home .banner .banner-contents h1{opacity:0;}



}

.scroll-down i{
        font-size: 25px;
        color: #470857;
    background: rgba(255,255,255,10.9);
    border-radius: 1000em;
    padding: 20px;
    margin-top: 30px;
    position: relative;
    z-index: 100;
    cursor: pointer;
}

.additional-text {    
    font-family: "LatoWeb", sans-serif;
    color: #fff;
    font-size: 30px;
    opacity: 0;
}
    
p.scroll-down {
    opacity:0;
    }

.get-in-touch-sticky{
    display:none;
    position: fixed;
    right: 0;
    background: #470857;
    color: #fff;
    z-index: 8;
    padding: 10px;
    transform: rotate(90deg);
    top: 30vh;
    right: -60px;
    cursor: pointer;
    font-family: "LatoWebHeavy", sans-serif;
        font-size: 20px;
}

.get-in-touch-sticky i{margin:0 5px;}

@media (max-width:400px){
.grad-to-great .small-graduate .grad-content {
    height: 200px;
}
}


@media (min-width:768px){


.get-in-touch-sticky{display:block;}

}

@media (max-width:400px){
    
   body.home header{height:510px;}
   .phone-logo{margin-right:0;}
    
    .search-open .navigation-menu{padding-top:50px;}
    
    .brand-number {
    margin-top: 8px;
}

    .grad-details .details{display:none;}
    .scroll-down i{margin-top:10px;}
    .additional-text{font-size:22px;}
    
    .full-width-content .heading, .three-width-content .heading, .form-content.purple .heading, .process-list .heading, .case-studies .heading, .featured-banner .heading {
            font-size: 2.75rem;
    }
    section.media-hub .media-squares .cs-inner-wrap .media-exerpt, section.media-hub .media-squares .cs-inner-wrap .twitter-exerpt{
        font-size:1.3rem;
    }
    
    .job-pagination ol, .job-inner-results{padding-left:0;}
    div#job-results { padding-right: 0px;}
}




@media (min-width:992px) and (-webkit-min-device-pixel-ratio:0) { 
  .img-content{ position: absolute;
min-height: 100px;
padding: 0 50%;

height: 95%;} 

    /* Safari only override */
::i-block-chrome, .img-content {
 position: absolute;
min-height: 100px;
padding: 0 50%;

height: 95%;
}

} 


@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
   .img-content{ position: relative;
min-height: 100px;
padding: 0 50%;

height: 95%;} 

.img-content.QuoteImg {
    height: 400px;
}
  
}



@media (max-width:680px){
    
     .img-content{ position: relative;
min-height: 350px;
padding: 0 50%;

height: 95%;} 
    
    .ribbon span.intro {
    font-size: 20px;
    font-size: 14px;
    padding: 8px;
}

    .menu-open .top{position:fixed;}
    .menu-open .page-contents, .menu-open header{    overflow: hidden;
    height: 1px!important;
    position: absolute;
    width: 100%;}
    .overlay .overlay-close{right:10px; top:10px; width:45px; height:45px;}
    
    .addtional-grad-content {
    padding: 10px 0;
    }
    .home .video-holder{    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 230px;}
    
    .home .video-holder img{    width: 150%;
    /* margin-left: -50%; */
    position: absolute;
    top: 0;
    left: -25%;
    height: 100%;}
    
    
    .home .full-width-content {
    padding: 0px 0 30px 0;
}

.home .banner #video{display:none;}
    
    .banner .banner-contents h1, .banner .banner-contents h2, .banner .banner-contents h3{
        font-size:2.5rem;
       
    }
    
    .home .video-holder:after {
    margin-top: 20%;
}


body.internal header {
  height: 240px; }
  
  body.internal header .banner .overlay-content {
    top: 35%;
    width:100%;
    min-width:100%;
    top:28%;
}
.brand-number .phone-logo h6{line-height:18px;}
  
    /*.menu-open .overlay{top:0;}*/
}


.Chrome .img-content{position:relative;}
.small-graduate {
    padding-left: 0;
    padding-right: 0;
}

.mobile-video {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain;
        height: 175px;
        min-height: 175px;
    }
    
    .block-content video {
        display: none;
    }
    
@media (min-width:480px){
    .mobile-video {
        display: none;
    }
    
    .block-content video {
        display: inline-block;
    }
}

/* ========= New header styles ========= */

    body.internal.sector-landing-page header,
    body.internal.case-study header {
        height: auto;
        display: block;
        width: 100%;
    }
    body.internal header .banner {
        background-size: cover;
        width: 100%;
        height: 100%;
        background-position: center;
        padding: 160px 0 90px 0;
        overflow: hidden;
    }
    body.internal header .banner::after {
        background-color: rgba(0, 0, 0, 0.3);
    }
    body.internal .banner .overlay-content {
        position: relative;
        width: 100%;
        margin: 0 auto;
        top: auto;
        max-width: 90%;
        z-index: 2;
    }
    .brand-number {
        padding-left: 5%;
        float: left;
        position: relative;
        bottom: 5px;
        z-index: 99;
        padding-top: 30px;
    }
    .brand-number .phone-logo .circle-logo {
        border: 1px solid transparent;
    }
    .brand-number .phone-logo {
        position: relative;
    }
    .phone-logo i {
        color: white;
        margin-left: 13px;
        font-size: 30px;
        margin-top: 5px;
    }
    .brand-number .phone-logo2 .circle-logo img {
        width: 28px;
        margin-left: 4px;
        margin-top: 5px;
    }
    .header_form_wrap {
        float: left;
        display: block;
        background: rgba(255,255,255,0.6);
        clear: both;
        width: 90%;
        position: relative;
        z-index: 11;
        max-width: 1200px;
        margin-left: 5%;
        border: 0px solid;
        border-radius: 5px;
        padding: 20px;
        margin-top:20px;
    }
    .header_form_wrap h3 {
        margin-top: 0;
        color: #6b1982;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .header_form_wrap p {
        color: #545050;
        margin-bottom: 10px;
        font-family: "LatoWeb", sans-serif;
    }
    label.header_form_label {
        display: none;
    }
    .header_form_input {
        float: left;
        width: 20%;
        padding-left: 10px;
        font-family: "LatoWeb", sans-serif;
    }
    .header_form_input:first-of-type {
        padding-left: 15px
    }
    .header_form_input:last-of-type {
        padding-right: 15px
    }
    .header_form_field {
        width: 100%;
        padding: 14px 5px 9px 11px;
        font-size: .900em;
        line-height: 1.2em;
        border: none;
        border-radius: 4px;
    }
    .header_form_submit {
        display: none;
    }
    .header_submit_label {
        width: 100%;
        background: transparent;
        color: white;
        text-align: center;
        border-radius: 4px;
        padding: 10px 0 3px 0;
        cursor: pointer;
        font-weight: 200;
        font-size: 1.2em;
        display: block;
        position: relative;
    }
    .header_submit_label::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #6b1982;
        border-radius: 4px;
        transition: all ease-in-out .3s;
        z-index: -11;
    }
    .header_submit_label::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        background: #ac23a8;
        border-radius: 4px;
        transition: all ease-in-out .3s;
        z-index: -1;
    }
    .header_submit_label:hover::after {
        height: 100%;
    }

    @media screen and (max-width:768px) {
        /*.header_form_wrap {*/
        /*    display: none;*/
        /*}*/
        body.internal header .banner {
            padding: 100px 0 60px 0;
        }
        .header_form_wrap {
            margin-top: 20px;
        }
        .header_form_input {
            float: left;
            width: 100%;
            padding: 0 15px;
            font-family: "LatoWeb", sans-serif;
            margin-bottom: 10px;
        }
        .header_form_input:last-of-type {
            margin-bottom: 0;
        }
    }


/* ========= Nav fixes ========= */ 
    
.has-children span {
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.QuoteImg {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #470857;
}

.lang-toggle{
    /*display:none;*/
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    position:relative;
}

.lang-toggle i.fa{
    font-size: 12px;
    font-weight: 100;
    margin-left: 5px;
    /* margin-top: -5px; */
    display: inline-block;
    position: relative;
    top: -2px;
}
.lang-toggle .current{
        background: rgba(255,255,255,0.25);
    padding: 5px;
}
.lang-toggle .lang-options{
    display:none;
    background: rgba(255,255,255,0.25);
    padding: 5px;
    float: left;
    width: 100%;
        position: absolute;
    top: 32px;
    left: 0;
}
.lang-toggle:hover .lang-options, .lang-toggle:focus .lang-options, .lang-toggle.active .lang-options{
    display:block;
}
.lang-toggle .lang-options span{
    display: block;
    float: left;
}

.lang-toggle .uk-flag{
    background:url('/img/uk-flag.gif') no-repeat; 
    background-size:cover;
    width:20px;
    height:20px;
    display:inline-block;
        margin-right: 5px;
    float: left;
    
}
.lang-toggle .us-flag{
    background:url('/img/usa-flag.gif') no-repeat; 
    background-size:cover;
    width:20px;
    height:20px;
    display:inline-block;
        margin-right: 5px;
    float: left;
    
}

@media screen and (max-width:1280px) {
    .ico-nav li {
    margin: 0 5px 0 0;
}
}


/* LANGUAGE TOGGLE 320px */
.nav-body ul.nav-items.ico-nav {
    display:none;
}

@media screen and (max-width:359px) {
    .top nav ul li:first-child {
        display:none;
    }
    .nav-body ul.nav-items.ico-nav {
        display: block;
        position: relative;
        top: 0;
        margin: 20px 0 35px 0;
    }
    .nav-body ul.nav-items.ico-nav li {
        display:none;
    }
    .nav-body ul.nav-items.ico-nav li:first-child {
        display:inline-block;
    }
    .nav-body ul.nav-items.ico-nav li:first-child a {
        border-bottom:0;
        font-family: "LatoWeb", sans-serif;
        font-size: 16px;
        font-weight: 800;
    }
}


.levy_banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0;
    color: #fff;
    position:relative;
}
.levy_banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(60,60,60,0.89) 1%, rgba(45,45,45,0.89) 26%, rgba(24,24,24,0.5) 60%, rgba(4,4,4,0) 93%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(60,60,60,0.89) 1%,rgba(45,45,45,0.89) 26%,rgba(24,24,24,0.5) 60%,rgba(4,4,4,0) 93%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(60,60,60,0.89) 1%,rgba(45,45,45,0.89) 26%,rgba(24,24,24,0.5) 60%,rgba(4,4,4,0) 93%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33c3c3c', endColorstr='#00000000',GradientType=1 );
}
.levy_content {
    position: relative;
    z-index: 1;
    max-width: 900px;
    padding: 0 15px;
}
.levy_content h2 {
    color: #ffffff;
    font-family: "LatoWebBlack", sans-serif;
    font-size: 50px;
    font-size: 3rem;
    margin-top: 0px;
    margin-bottom: 30px;
}
.levy_content h3 {
    color: #cecece;
    font-family: "IowanOldStyleW01-Italic1120382", serif;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    margin-bottom: 20px;
}
.levy_content p {
    font-size: 1.6em;
}
.levy_content  h4 {
    font-size: 1.8em;
    letter-spacing: 1px;
    font-weight: 300 !important;
    font-family: "LatoWeb", sans-serif;
}
.levy_input_wrap {
    overflow: hidden;
    display: block;
    float: left;
    padding-top:10px;
}
.levy_left,
.levy_right {
    float: left;
}
.l_input {
    color: #222;
    padding: 19px 25px 15px 25px;
    border: none;
}
.l_submit_btn {
    background: #470857;
    border: none;
  padding: 19px 20px 15px 20px;
  transition:all .3s;
}
.l_submit_btn:hover {
    background: #6c1084;
}
.levy_content hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
    border-top: 1px solid #eee;
    max-width: 300px;
    margin-left: 0;
}

#cookies {
  display: none;
  width: 100%;
  height: 70px;
  padding-top: 15px;
  position: fixed;
  background: #5559a5;
  color: #fff;
  text-align: center;
  bottom: 0;
  left: 0;
  z-index: 9999;}

  #cookies > p {
    margin: 0 0 5px 0;
    font-weight: bold;}
  
  #cookies > p a {
    color: #ff015a;
    text-decoration: none;}

#cookies.display {
  display: block;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
       -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
  
  -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,100px,0); /* Firefox */
      -ms-transform: translate3d(0,100px,0); /* IE9 */
       -o-transform: translate3d(0,100px,0); /* Opera */
          transform: translate3d(0,100px,0);
}



/*** custom checkboxes ***/
.form input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.form input[type=checkbox] + label:before {
  font-family: FontAwesome;
  color:#fff;
  display: inline-block;
}

.form input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.form input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.form input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.form input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */